// src/hooks.server.ts
import { createStreamHandler } from "@aibind/sveltekit/server";
import { anthropic } from "@ai-sdk/anthropic";

export const handle = createStreamHandler({
  model: anthropic("claude-sonnet-4-20250514"),
});

2. Stream in a component

<script lang="ts">
  import { Stream } from "@aibind/sveltekit";

  const stream = new Stream({
    system: "You are a helpful assistant.",
  });

  let prompt = $state("");
</script>

<form
  onsubmit={(e) => {
    e.preventDefault();
    stream.send(prompt);
  }}
>
  <input bind:value={prompt} />
  <button disabled={stream.loading}>Send</button>
</form>

{#if stream.text}
  <p>{stream.text}</p>
{/if}

Entry Points

Import Path	What You Get
`@aibind/sveltekit`	`Stream`, `StructuredStream`, `defineModels`
`@aibind/sveltekit/server`	`createStreamHandler`, `ServerAgent`
`@aibind/sveltekit/agent`	`Agent`
`@aibind/sveltekit/remote`	`AIRemote`
`@aibind/sveltekit/history`	`ReactiveChatHistory`, `ReactiveMessageTree`
`@aibind/sveltekit/markdown`	`StreamMarkdown`
`@aibind/sveltekit/project`	`Project`