@ai-sdk/svelte 3.0.0-canary.2 → 3.0.0-canary.20

package/CHANGELOG.md

@@ -1,5 +1,213 @@
 # @ai-sdk/svelte
 
+## 3.0.0-canary.20
+
+### Patch Changes
+
+- Updated dependencies [d964901]
+- Updated dependencies [0560977]
+- Updated dependencies [66af894]
+- Updated dependencies [516be5b]
+- Updated dependencies [bfbfc4c]
+- Updated dependencies [ea7a7c9]
+- Updated dependencies [1409e13]
+  - ai@5.0.0-canary.21
+  - @ai-sdk/provider-utils@3.0.0-canary.17
+
+## 3.0.0-canary.19
+
+### Major Changes
+
+- 496bbc1: chore (ui): inline/remove ChatRequest type
+
+### Patch Changes
+
+- Updated dependencies [13fef90]
+- Updated dependencies [e90d45d]
+- Updated dependencies [bc3109f]
+- Updated dependencies [496bbc1]
+- Updated dependencies [da70d79]
+- Updated dependencies [bcea599]
+- Updated dependencies [48d675a]
+- Updated dependencies [c7710a9]
+- Updated dependencies [87b828f]
+- Updated dependencies [35fc02c]
+- Updated dependencies [b983b51]
+  - ai@5.0.0-canary.20
+  - @ai-sdk/provider-utils@3.0.0-canary.16
+
+## 3.0.0-canary.18
+
+### Patch Changes
+
+- Updated dependencies [2d03e19]
+- Updated dependencies [319b989]
+- Updated dependencies [441d042]
+- Updated dependencies [dcc549b]
+- Updated dependencies [cb2b53a]
+- Updated dependencies [e244a78]
+  - ai@5.0.0-canary.19
+
+## 3.0.0-canary.17
+
+### Patch Changes
+
+- Updated dependencies [a571d6e]
+- Updated dependencies [c60f895]
+- Updated dependencies [332167b]
+- Updated dependencies [a8c8bd5]
+- Updated dependencies [a662dea]
+- Updated dependencies [41fa418]
+  - @ai-sdk/provider-utils@3.0.0-canary.15
+  - ai@5.0.0-canary.18
+
+## 3.0.0-canary.16
+
+### Patch Changes
+
+- Updated dependencies [f04fb4a]
+- Updated dependencies [fd1924b]
+- Updated dependencies [957b739]
+- Updated dependencies [fafc3f2]
+- Updated dependencies [c9ad635]
+- Updated dependencies [9bd5ab5]
+- Updated dependencies [92cb0a2]
+  - ai@5.0.0-canary.17
+  - @ai-sdk/provider-utils@3.0.0-canary.14
+
+## 3.0.0-canary.15
+
+### Patch Changes
+
+- Updated dependencies [ec78cdc]
+- Updated dependencies [9b4d074]
+- Updated dependencies [8b86e99]
+- Updated dependencies [28ad69e]
+- Updated dependencies [2524fc7]
+- Updated dependencies [ec5933d]
+- Updated dependencies [175b868]
+  - ai@5.0.0-canary.16
+
+## 3.0.0-canary.14
+
+### Patch Changes
+
+- Updated dependencies [d9209ca]
+- Updated dependencies [ea27cc6]
+- Updated dependencies [0ff02bb]
+- Updated dependencies [4bfe9ec]
+- Updated dependencies [2877a74]
+  - ai@5.0.0-canary.15
+  - @ai-sdk/provider-utils@3.0.0-canary.13
+
+## 3.0.0-canary.13
+
+### Patch Changes
+
+- Updated dependencies [9bf7291]
+- Updated dependencies [4617fab]
+- Updated dependencies [a76a62b]
+  - ai@5.0.0-canary.14
+  - @ai-sdk/provider-utils@3.0.0-canary.12
+
+## 3.0.0-canary.12
+
+### Patch Changes
+
+- Updated dependencies [14cb3be]
+- Updated dependencies [66962ed]
+- Updated dependencies [9301f86]
+  - ai@5.0.0-canary.13
+  - @ai-sdk/provider-utils@3.0.0-canary.11
+
+## 3.0.0-canary.11
+
+### Patch Changes
+
+- ai@5.0.0-canary.12
+- @ai-sdk/provider-utils@3.0.0-canary.10
+
+## 3.0.0-canary.10
+
+### Patch Changes
+
+- Updated dependencies [8e64e9c]
+  - ai@5.0.0-canary.11
+  - @ai-sdk/provider-utils@3.0.0-canary.9
+
+## 3.0.0-canary.9
+
+### Patch Changes
+
+- Updated dependencies [d8aeaef]
+- Updated dependencies [3e10408]
+  - ai@5.0.0-canary.10
+
+## 3.0.0-canary.8
+
+### Patch Changes
+
+- Updated dependencies [a847c3e]
+- Updated dependencies [5d142ab]
+- Updated dependencies [cb9c9e4]
+- Updated dependencies [8aa9e20]
+- Updated dependencies [b32e192]
+  - ai@5.0.0-canary.9
+  - @ai-sdk/provider-utils@3.0.0-canary.8
+
+## 3.0.0-canary.7
+
+### Patch Changes
+
+- Updated dependencies [5d1e3ba]
+- Updated dependencies [26735b5]
+- Updated dependencies [14c9410]
+- Updated dependencies [7827a49]
+- Updated dependencies [bd8a36c]
+- Updated dependencies [b6f9f3c]
+- Updated dependencies [92c8e66]
+- Updated dependencies [fd65bc6]
+- Updated dependencies [5bdff05]
+  - ai@5.0.0-canary.8
+  - @ai-sdk/provider-utils@3.0.0-canary.7
+
+## 3.0.0-canary.6
+
+### Patch Changes
+
+- Updated dependencies [0b78e17]
+- Updated dependencies [6fba4c7]
+- Updated dependencies [3e3b9df]
+- Updated dependencies [1766ede]
+- Updated dependencies [f10304b]
+  - ai@5.0.0-canary.7
+  - @ai-sdk/provider-utils@3.0.0-canary.6
+
+## 3.0.0-canary.5
+
+### Patch Changes
+
+- ai@5.0.0-canary.6
+- @ai-sdk/provider-utils@3.0.0-canary.5
+
+## 3.0.0-canary.4
+
+### Patch Changes
+
+- Updated dependencies [b71fe8d]
+- Updated dependencies [d91b50d]
+  - ai@5.0.0-canary.5
+  - @ai-sdk/provider-utils@3.0.0-canary.4
+
+## 3.0.0-canary.3
+
+### Patch Changes
+
+- Updated dependencies [a166433]
+- Updated dependencies [9f95b35]
+  - @ai-sdk/provider-utils@3.0.0-canary.3
+  - @ai-sdk/ui-utils@2.0.0-canary.3
+
 ## 3.0.0-canary.2
 
 ### Patch Changes

package/README.md

@@ -1,9 +1,9 @@
 # AI SDK: Svelte provider
 
-[Svelte](https://svelte.dev/) UI components for the [AI SDK](https://sdk.vercel.ai/docs):
+[Svelte](https://svelte.dev/) UI components for the [AI SDK](https://ai-sdk.dev/docs):
 
-- [`Chat`](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-chat)
-- [`Completion`](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-completion)
-- [`StructuredObject`](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-object)
+- [`Chat`](https://ai-sdk.dev/docs/reference/ai-sdk-ui/use-chat)
+- [`Completion`](https://ai-sdk.dev/docs/reference/ai-sdk-ui/use-completion)
+- [`StructuredObject`](https://ai-sdk.dev/docs/reference/ai-sdk-ui/use-object)
 
-For information on the few ways the Svelte APIs differ from the React ones, see [the docs](https://sdk.vercel.ai/docs/getting-started/svelte#how-does-ai-sdksvelte-differ-from-ai-sdkreact)
+For information on the few ways the Svelte APIs differ from the React ones, see [the docs](https://ai-sdk.dev/docs/getting-started/svelte#how-does-ai-sdksvelte-differ-from-ai-sdkreact)

package/dist/chat.svelte.d.ts

@@ -1,29 +1,13 @@
-import { type UIMessage, type UseChatOptions, type JSONValue, type Message, type CreateMessage, type ChatRequestOptions } from '@ai-sdk/ui-utils';
-export type ChatOptions = Readonly<Omit<UseChatOptions, 'keepLastMessageOnError'> & {
-    /**
-     * Maximum number of sequential LLM calls (steps), e.g. when you use tool calls.
-     * Must be at least 1.
-     * A maximum number is required to prevent infinite loops in the case of misconfigured tools.
-     * By default, it's set to 1, which means that only a single LLM call is made.
-     * @default 1
-     */
-    maxSteps?: number;
-}>;
-export type { CreateMessage, Message, UIMessage };
-export declare class Chat {
+import { type ChatRequestOptions, type CreateUIMessage, type UIMessage, type UseChatOptions } from 'ai';
+export type ChatOptions<MESSAGE_METADATA = unknown> = Readonly<UseChatOptions<MESSAGE_METADATA>>;
+export type { CreateUIMessage, UIMessage };
+export declare class Chat<MESSAGE_METADATA = unknown> {
     #private;
     /**
      * The id of the chat. If not provided through the constructor, a random ID will be generated
      * using the provided `generateId` function, or a built-in function if not provided.
      */
     readonly id: string;
-    /**
-     * Additional data added on the server via StreamData.
-     *
-     * This is writable, so you can use it to transform or clear the chat data.
-     */
-    get data(): JSONValue[] | undefined;
-    set data(value: JSONValue[] | undefined);
     /**
      * Hook status:
      *
@@ -43,16 +27,16 @@ export declare class Chat {
      * This is writable, which is useful when you want to edit the messages on the client, and then
      * trigger {@link reload} to regenerate the AI response.
      */
-    get messages(): UIMessage[];
-    set messages(value: Message[]);
-    constructor(options?: ChatOptions);
+    get messages(): UIMessage<MESSAGE_METADATA>[];
+    set messages(value: UIMessage<MESSAGE_METADATA>[]);
+    constructor(options?: ChatOptions<MESSAGE_METADATA>);
     /**
      * Append a user message to the chat list. This triggers the API call to fetch
      * the assistant's response.
      * @param message The message to append
      * @param options Additional options to pass to the API call
      */
-    append: (message: Message | CreateMessage, { data, headers, body, experimental_attachments }?: ChatRequestOptions) => Promise<void>;
+    append: (message: UIMessage<MESSAGE_METADATA> | CreateUIMessage<MESSAGE_METADATA>, { data, headers, body }?: ChatRequestOptions) => Promise<void>;
     /**
      * Reload the last AI chat response for the given chat history. If the last
      * message isn't from the assistant, it will request the API to generate a
@@ -66,7 +50,9 @@ export declare class Chat {
     /** Form submission handler to automatically reset input and append a user message */
     handleSubmit: (event?: {
         preventDefault?: () => void;
-    }, options?: ChatRequestOptions) => Promise<void>;
+    }, options?: ChatRequestOptions & {
+        files?: FileList;
+    }) => Promise<void>;
     addToolResult: ({ toolCallId, result, }: {
         toolCallId: string;
         result: unknown;

package/dist/chat.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.svelte.d.ts","sourceRoot":"","sources":["../src/chat.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EAKd,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,kBAAkB,EAKxB,MAAM,kBAAkB,CAAC;AAS1B,MAAM,MAAM,WAAW,GAAG,QAAQ,CAChC,IAAI,CAAC,cAAc,EAAE,wBAAwB,CAAC,GAAG;IAC/C;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAElD,qBAAa,IAAI;;IAOf;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAoD;IAI/D;;;;OAIG;IACH,IAAI,IAAI,IAGQ,SAAS,EAAE,GAAG,SAAS,CADtC;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAEtC;IAED;;;;;;;OAOG;IACH,IAAI,MAAM,kDAET;IAED,0CAA0C;IAC1C,IAAI,KAAK,sBAER;IAED,mFAAmF;IACnF,KAAK,SAAqB;IAE1B;;;;;OAKG;IACH,IAAI,QAAQ,IAAI,SAAS,EAAE,CAE1B;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,EAE5B;gBAEW,OAAO,GAAE,WAAgB;IAYrC;;;;;OAKG;IACH,MAAM,YACK,OAAO,GAAG,aAAa,sDACmB,kBAAkB,mBAgBrE;IAEF;;;;OAIG;IACH,MAAM,6BAAmC,kBAAkB,mBAezD;IAEF;;OAEG;IACH,IAAI,aASF;IAEF,qFAAqF;IACrF,YAAY,WACF;QAAE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,YAC9B,kBAAkB,mBA6B3B;IAEF,aAAa,4BAGV;QACD,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,OAAO,CAAC;KACjB,mBAmBC;CAmHH"}
+{"version":3,"file":"chat.svelte.d.ts","sourceRoot":"","sources":["../src/chat.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EASL,KAAK,kBAAkB,EACvB,KAAK,eAAe,EAEpB,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,IAAI,CAAC;AAQZ,MAAM,MAAM,WAAW,CAAC,gBAAgB,GAAG,OAAO,IAAI,QAAQ,CAC5D,cAAc,CAAC,gBAAgB,CAAC,CACjC,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAE3C,qBAAa,IAAI,CAAC,gBAAgB,GAAG,OAAO;;IAO1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAoD;IAS/D;;;;;;;OAOG;IACH,IAAI,MAAM,kDAET;IAED,0CAA0C;IAC1C,IAAI,KAAK,sBAER;IAED,mFAAmF;IACnF,KAAK,SAAqB;IAE1B;;;;;OAKG;IACH,IAAI,QAAQ,IAAI,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAE5C;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAEhD;gBAEW,OAAO,GAAE,WAAW,CAAC,gBAAgB,CAAM;IAYvD;;;;;OAKG;IACH,MAAM,YACK,SAAS,CAAC,gBAAgB,CAAC,GAAG,eAAe,CAAC,gBAAgB,CAAC,4BAC/C,kBAAkB,mBAQ3C;IAEF;;;;OAIG;IACH,MAAM,6BAAmC,kBAAkB,mBAezD;IAEF;;OAEG;IACH,IAAI,aASF;IAEF,qFAAqF;IACrF,YAAY,WACF;QAAE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,YAC9B,kBAAkB,GAAG;QAAE,KAAK,CAAC,EAAE,QAAQ,CAAA;KAAE,mBA8BlD;IAEF,aAAa,4BAGV;QACD,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,OAAO,CAAC;KACjB,mBAmBC;CA+FH"}

package/dist/chat.svelte.js

@@ -1,7 +1,7 @@
-import { fillMessageParts, generateId, extractMaxToolInvocationStep, callChatApi, shouldResubmitMessages, prepareAttachmentsForRequest, getMessageParts, updateToolCallResult, isAssistantMessageWithCompletedToolCalls, } from '@ai-sdk/ui-utils';
 import { isAbortError } from '@ai-sdk/provider-utils';
-import { KeyedChatStore, getChatContext, hasChatContext, } from './chat-context.svelte.js';
+import { callChatApi, convertFileListToFileUIParts, extractMaxToolInvocationStep, generateId, getToolInvocations, isAssistantMessageWithCompletedToolCalls, shouldResubmitMessages, updateToolCallResult, } from 'ai';
 import { untrack } from 'svelte';
+import { KeyedChatStore, getChatContext, hasChatContext, } from './chat-context.svelte.js';
 export class Chat {
     #options = {};
     #api = $derived(this.#options.api ?? '/api/chat');
@@ -15,18 +15,8 @@ export class Chat {
      */
     id = $derived(this.#options.id ?? this.#generateId());
     #store = $derived(this.#keyedStore.get(this.id));
+    #messageMetadataSchema = $derived(this.#options.messageMetadataSchema);
     #abortController;
-    /**
-     * Additional data added on the server via StreamData.
-     *
-     * This is writable, so you can use it to transform or clear the chat data.
-     */
-    get data() {
-        return this.#store.data;
-    }
-    set data(value) {
-        this.#store.data = value;
-    }
     /**
      * Hook status:
      *
@@ -54,7 +44,7 @@ export class Chat {
         return this.#store.messages;
     }
     set messages(value) {
-        untrack(() => (this.#store.messages = fillMessageParts(value)));
+        untrack(() => (this.#store.messages = value));
     }
     constructor(options = {}) {
         if (hasChatContext()) {
@@ -73,14 +63,10 @@ export class Chat {
      * @param message The message to append
      * @param options Additional options to pass to the API call
      */
-    append = async (message, { data, headers, body, experimental_attachments } = {}) => {
-        const attachmentsForRequest = await prepareAttachmentsForRequest(experimental_attachments);
+    append = async (message, { data, headers, body } = {}) => {
         const messages = this.messages.concat({
             ...message,
             id: message.id ?? this.#generateId(),
-            createdAt: message.createdAt ?? new Date(),
-            experimental_attachments: attachmentsForRequest.length > 0 ? attachmentsForRequest : undefined,
-            parts: getMessageParts(message),
         });
         return this.#triggerRequest({ messages, headers, body, data });
     };
@@ -123,14 +109,13 @@ export class Chat {
         event?.preventDefault?.();
         if (!this.input && !options.allowEmptySubmit)
             return;
-        const attachmentsForRequest = await prepareAttachmentsForRequest(options.experimental_attachments);
+        const fileParts = Array.isArray(options?.files)
+            ? options.files
+            : await convertFileListToFileUIParts(options?.files);
         const messages = this.messages.concat({
             id: this.#generateId(),
-            createdAt: new Date(),
             role: 'user',
-            content: this.input,
-            experimental_attachments: attachmentsForRequest.length > 0 ? attachmentsForRequest : undefined,
-            parts: [{ type: 'text', text: this.input }],
+            parts: [...fileParts, { type: 'text', text: this.input }],
         });
         const chatRequest = {
             messages,
@@ -161,33 +146,19 @@ export class Chat {
     #triggerRequest = async (chatRequest) => {
         this.#store.status = 'submitted';
         this.#store.error = undefined;
-        const messages = fillMessageParts(chatRequest.messages);
+        const messages = chatRequest.messages;
         const messageCount = messages.length;
-        const maxStep = extractMaxToolInvocationStep(messages[messages.length - 1]?.toolInvocations);
+        const maxStep = extractMaxToolInvocationStep(getToolInvocations(messages[messages.length - 1]));
         try {
             const abortController = new AbortController();
             this.#abortController = abortController;
             // Optimistically update messages
             this.messages = messages;
-            const constructedMessagesPayload = this.#options.sendExtraMessageFields
-                ? messages
-                : messages.map(({ role, content, experimental_attachments, data, annotations, toolInvocations, parts, }) => ({
-                    role,
-                    content,
-                    ...(experimental_attachments !== undefined && {
-                        experimental_attachments,
-                    }),
-                    ...(data !== undefined && { data }),
-                    ...(annotations !== undefined && { annotations }),
-                    ...(toolInvocations !== undefined && { toolInvocations }),
-                    ...(parts !== undefined && { parts }),
-                }));
-            const existingData = this.data ?? [];
             await callChatApi({
                 api: this.#api,
                 body: {
                     id: this.id,
-                    messages: constructedMessagesPayload,
+                    messages,
                     data: chatRequest.data,
                     ...$state.snapshot(this.#options.body),
                     ...chatRequest.body,
@@ -199,10 +170,10 @@ export class Chat {
                     ...chatRequest.headers,
                 },
                 abortController: () => abortController,
-                restoreMessagesOnFailure: () => { },
                 onResponse: this.#options.onResponse,
-                onUpdate: ({ message, data, replaceLastMessage }) => {
+                onUpdate: ({ message }) => {
                     this.#store.status = 'streaming';
+                    const replaceLastMessage = message.id === messages[messages.length - 1].id;
                     this.messages = messages;
                     if (replaceLastMessage) {
                         this.messages[this.messages.length - 1] = message;
@@ -210,10 +181,6 @@ export class Chat {
                     else {
                         this.messages.push(message);
                     }
-                    if (data?.length) {
-                        this.data = existingData;
-                        this.data.push(...data);
-                    }
                 },
                 onToolCall: this.#options.onToolCall,
                 onFinish: this.#options.onFinish,
@@ -221,6 +188,7 @@ export class Chat {
                 fetch: this.#options.fetch,
                 // callChatApi calls structuredClone on the message
                 lastMessage: $state.snapshot(this.messages[this.messages.length - 1]),
+                messageMetadataSchema: this.#messageMetadataSchema,
             });
             this.#abortController = undefined;
             this.#store.status = 'ready';

package/dist/completion.svelte.d.ts

@@ -1,17 +1,10 @@
-import { type UseCompletionOptions, type JSONValue, type RequestOptions } from '@ai-sdk/ui-utils';
+import { type CompletionRequestOptions, type UseCompletionOptions } from 'ai';
 export type CompletionOptions = Readonly<UseCompletionOptions>;
 export declare class Completion {
     #private;
     /** The current completion result */
     get completion(): string;
     set completion(value: string);
-    /**
-     * Additional data added on the server via StreamData.
-     *
-     * This is writable, so you can use it to transform or clear the chat data.
-     */
-    get data(): JSONValue[];
-    set data(value: JSONValue[]);
     /** The error object of the API request */
     get error(): Error | undefined;
     /** The current value of the input. Writable, so it can be bound to form inputs. */
@@ -28,7 +21,7 @@ export declare class Completion {
     /**
      * Send a new prompt to the API endpoint and update the completion state.
      */
-    complete: (prompt: string, options?: RequestOptions) => Promise<string | null | undefined>;
+    complete: (prompt: string, options?: CompletionRequestOptions) => Promise<string | null | undefined>;
     /** Form submission handler to automatically reset input and call the completion API */
     handleSubmit: (event?: {
         preventDefault?: () => void;

package/dist/completion.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"completion.svelte.d.ts","sourceRoot":"","sources":["../src/completion.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,kBAAkB,CAAC;AAO1B,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;AAE/D,qBAAa,UAAU;;IASrB,oCAAoC;IACpC,IAAI,UAAU,IAAI,MAAM,CAEvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED;;;;OAIG;IACH,IAAI,IAAI,IAGQ,SAAS,EAAE,CAD1B;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,EAE1B;IAED,0CAA0C;IAC1C,IAAI,KAAK,sBAER;IAED,mFAAmF;IACnF,KAAK,SAAqB;IAE1B;;OAEG;IACH,IAAI,OAAO,YAEV;gBAEW,OAAO,GAAE,iBAAsB;IAY3C;;OAEG;IACH,IAAI,aASF;IAEF;;OAEG;IACH,QAAQ,WAAkB,MAAM,YAAY,cAAc,wCAClB;IAExC,uFAAuF;IACvF,YAAY,WAAkB;QAAE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,mBAK3D;CAmCH"}
+{"version":3,"file":"completion.svelte.d.ts","sourceRoot":"","sources":["../src/completion.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EAC1B,MAAM,IAAI,CAAC;AAOZ,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;AAE/D,qBAAa,UAAU;;IASrB,oCAAoC;IACpC,IAAI,UAAU,IAAI,MAAM,CAEvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED,0CAA0C;IAC1C,IAAI,KAAK,sBAER;IAED,mFAAmF;IACnF,KAAK,SAAqB;IAE1B;;OAEG;IACH,IAAI,OAAO,YAEV;gBAEW,OAAO,GAAE,iBAAsB;IAS3C;;OAEG;IACH,IAAI,aASF;IAEF;;OAEG;IACH,QAAQ,WAAkB,MAAM,YAAY,wBAAwB,wCAC5B;IAExC,uFAAuF;IACvF,YAAY,WAAkB;QAAE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,mBAK3D;CAmCH"}

package/dist/completion.svelte.js

@@ -1,4 +1,4 @@
-import { generateId, callCompletionApi, } from '@ai-sdk/ui-utils';
+import { callCompletionApi, generateId, } from 'ai';
 import { KeyedCompletionStore, getCompletionContext, hasCompletionContext, } from './completion-context.svelte.js';
 export class Completion {
     #options = {};
@@ -15,17 +15,6 @@ export class Completion {
     set completion(value) {
         this.#store.completions.set(this.#id, value);
     }
-    /**
-     * Additional data added on the server via StreamData.
-     *
-     * This is writable, so you can use it to transform or clear the chat data.
-     */
-    get data() {
-        return this.#store.data;
-    }
-    set data(value) {
-        this.#store.data = value;
-    }
     /** The error object of the API request */
     get error() {
         return this.#store.error;
@@ -39,12 +28,9 @@ export class Completion {
         return this.#store.loading;
     }
     constructor(options = {}) {
-        if (hasCompletionContext()) {
-            this.#keyedStore = getCompletionContext();
-        }
-        else {
-            this.#keyedStore = new KeyedCompletionStore();
-        }
+        this.#keyedStore = hasCompletionContext()
+            ? getCompletionContext()
+            : new KeyedCompletionStore();
         this.#options = options;
         this.completion = options.initialCompletion ?? '';
         this.input = options.initialInput ?? '';
@@ -91,9 +77,6 @@ export class Completion {
             setCompletion: completion => {
                 this.completion = completion;
             },
-            onData: data => {
-                this.data.push(...data);
-            },
             setLoading: loading => {
                 this.#store.loading = loading;
             },

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Chat, type ChatOptions, type CreateMessage, type Message, type UIMessage, } from './chat.svelte.js';
+export { Chat, type ChatOptions, type CreateUIMessage, type UIMessage, } from './chat.svelte.js';
 export { StructuredObject as Experimental_StructuredObject, type Experimental_StructuredObjectOptions, } from './structured-object.svelte.js';
 export { Completion, type CompletionOptions } from './completion.svelte.js';
 export { createAIContext } from './context-provider.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,OAAO,EACZ,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,IAAI,6BAA6B,EACjD,KAAK,oCAAoC,GAC1C,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,IAAI,6BAA6B,EACjD,KAAK,oCAAoC,GAC1C,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/structured-object-context.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DeepPartial } from '@ai-sdk/ui-utils';
+import type { DeepPartial } from 'ai';
 import { KeyedStore } from './utils.svelte.js';
 export declare class StructuredObjectStore<RESULT> {
     object: DeepPartial<RESULT> | undefined;

package/dist/structured-object-context.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"structured-object-context.svelte.d.ts","sourceRoot":"","sources":["../src/structured-object-context.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAiB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE9D,qBAAa,qBAAqB,CAAC,MAAM;IACvC,MAAM,kCAAiC;IACvC,OAAO,UAAiB;IACxB,KAAK,oBAAmB;CACzB;AAED,qBAAa,0BAA2B,SAAQ,UAAU,CACxD,qBAAqB,CAAC,OAAO,CAAC,CAC/B;gBAEG,KAAK,CAAC,EACF,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,GAC3D,IAAI,GACJ,SAAS;CAIhB;AAED,eAAO,MACO,0BAA0B,iBAC1B,0BAA0B,oCAC1B,0BAA0B,mEACyB,CAAC"}
+{"version":3,"file":"structured-object-context.svelte.d.ts","sourceRoot":"","sources":["../src/structured-object-context.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AACtC,OAAO,EAAiB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE9D,qBAAa,qBAAqB,CAAC,MAAM;IACvC,MAAM,kCAAiC;IACvC,OAAO,UAAiB;IACxB,KAAK,oBAAmB;CACzB;AAED,qBAAa,0BAA2B,SAAQ,UAAU,CACxD,qBAAqB,CAAC,OAAO,CAAC,CAC/B;gBAEG,KAAK,CAAC,EACF,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,GAC3D,IAAI,GACJ,SAAS;CAIhB;AAED,eAAO,MACO,0BAA0B,iBAC1B,0BAA0B,oCAC1B,0BAA0B,mEACyB,CAAC"}

package/dist/structured-object.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type FetchFunction } from '@ai-sdk/provider-utils';
-import { type DeepPartial, type Schema } from '@ai-sdk/ui-utils';
+import { type DeepPartial, type Schema } from 'ai';
 import { type z } from 'zod';
 export type Experimental_StructuredObjectOptions<RESULT> = {
     /**

package/dist/structured-object.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"structured-object.svelte.d.ts","sourceRoot":"","sources":["../src/structured-object.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,MAAM,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC;AAQ7B,MAAM,MAAM,oCAAoC,CAAC,MAAM,IAAI;IACzD;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEjE;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB;;;WAGG;QACH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;QAE3B;;WAEG;QACH,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;KAC1B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC;IAE3C;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC,CAAC;AAEF,qBAAa,gBAAgB,CAAC,MAAM,EAAE,KAAK,GAAG,OAAO;;IAUnD;;OAEG;IACH,IAAI,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAE5C;IAKD,0CAA0C;IAC1C,IAAI,KAAK,sBAER;IAED;;OAEG;IACH,IAAI,OAAO,YAEV;gBAEW,OAAO,EAAE,oCAAoC,CAAC,MAAM,CAAC;IAUjE;;OAEG;IACH,IAAI,aASF;IAEF;;OAEG;IACH,MAAM,UAAiB,KAAK,mBAqF1B;CACH"}
+{"version":3,"file":"structured-object.svelte.d.ts","sourceRoot":"","sources":["../src/structured-object.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,MAAM,EACZ,MAAM,IAAI,CAAC;AACZ,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC;AAQ7B,MAAM,MAAM,oCAAoC,CAAC,MAAM,IAAI;IACzD;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEjE;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB;;;WAGG;QACH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;QAE3B;;WAEG;QACH,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;KAC1B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC;IAE3C;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC,CAAC;AAEF,qBAAa,gBAAgB,CAAC,MAAM,EAAE,KAAK,GAAG,OAAO;;IAUnD;;OAEG;IACH,IAAI,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAE5C;IAKD,0CAA0C;IAC1C,IAAI,KAAK,sBAER;IAED;;OAEG;IACH,IAAI,OAAO,YAEV;gBAEW,OAAO,EAAE,oCAAoC,CAAC,MAAM,CAAC;IAUjE;;OAEG;IACH,IAAI,aASF;IAEF;;OAEG;IACH,MAAM,UAAiB,KAAK,mBAqF1B;CACH"}

package/dist/structured-object.svelte.js

@@ -1,5 +1,5 @@
 import { generateId, isAbortError, safeValidateTypes, } from '@ai-sdk/provider-utils';
-import { asSchema, isDeepEqualData, parsePartialJson, } from '@ai-sdk/ui-utils';
+import { asSchema, isDeepEqualData, parsePartialJson, } from 'ai';
 import {} from 'zod';
 import { getStructuredObjectContext, hasStructuredObjectContext, KeyedStructuredObjectStore, } from './structured-object-context.svelte.js';
 export class StructuredObject {
@@ -82,23 +82,23 @@ export class StructuredObject {
             let accumulatedText = '';
             let latestObject = undefined;
             await response.body.pipeThrough(new TextDecoderStream()).pipeTo(new WritableStream({
-                write: chunk => {
+                write: async (chunk) => {
                     if (abortController?.signal.aborted) {
                         throw new DOMException('Stream aborted', 'AbortError');
                     }
                     accumulatedText += chunk;
-                    const { value } = parsePartialJson(accumulatedText);
+                    const { value } = await parsePartialJson(accumulatedText);
                     const currentObject = value;
                     if (!isDeepEqualData(latestObject, currentObject)) {
                         latestObject = currentObject;
                         this.#store.object = currentObject;
                     }
                 },
-                close: () => {
+                close: async () => {
                     this.#store.loading = false;
                     this.#abortController = undefined;
                     if (this.#options.onFinish != null) {
-                        const validationResult = safeValidateTypes({
+                        const validationResult = await safeValidateTypes({
                             value: latestObject,
                             schema: asSchema(this.#options.schema),
                         });

package/dist/tests/chat-synchronization.svelte.d.ts

@@ -3,8 +3,8 @@ type $$ComponentProps = {
     id?: string;
 };
 declare const ChatSynchronization: import("svelte").Component<$$ComponentProps, {
-    chat1: Chat;
-    chat2: Chat;
+    chat1: Chat<unknown>;
+    chat2: Chat<unknown>;
 }, "">;
 type ChatSynchronization = ReturnType<typeof ChatSynchronization>;
 export default ChatSynchronization;

package/dist/tests/structured-object-synchronization.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="RESULT">
   import { createAIContext } from '../context-provider.js';
   import { StructuredObject } from '../structured-object.svelte.js';
-  import type { Schema } from '@ai-sdk/ui-utils';
+  import type { Schema } from 'ai';
   import type { z } from 'zod';
 
   let {

package/dist/tests/structured-object-synchronization.svelte.d.ts

@@ -1,5 +1,5 @@
 import { StructuredObject } from '../structured-object.svelte.js';
-import type { Schema } from '@ai-sdk/ui-utils';
+import type { Schema } from 'ai';
 import type { z } from 'zod';
 declare class __sveltets_Render<RESULT> {
     props(): {

package/dist/tests/structured-object-synchronization.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"structured-object-synchronization.svelte.d.ts","sourceRoot":"","sources":["../../src/tests/structured-object-synchronization.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA2B7B,cAAM,iBAAiB,CAAC,MAAM;IAC1B,KAAK;aArBA,MAAM;aACN,MAAM;;;IAuBX,MAAM;IAGN,KAAK;IAGL,QAAQ;IACR,OAAO;;;;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/Z,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1I,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,+BAA+B,EAAE,qBAAmC,CAAC;AACzD,KAAK,+BAA+B,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9G,eAAe,+BAA+B,CAAC"}
+{"version":3,"file":"structured-object-synchronization.svelte.d.ts","sourceRoot":"","sources":["../../src/tests/structured-object-synchronization.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AACjC,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA2B7B,cAAM,iBAAiB,CAAC,MAAM;IAC1B,KAAK;aArBA,MAAM;aACN,MAAM;;;IAuBX,MAAM;IAGN,KAAK;IAGL,QAAQ;IACR,OAAO;;;;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/Z,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1I,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,+BAA+B,EAAE,qBAAmC,CAAC;AACzD,KAAK,+BAA+B,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9G,eAAe,+BAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/svelte",
-  "version": "3.0.0-canary.2",
+  "version": "3.0.0-canary.20",
   "license": "Apache-2.0",
   "files": [
     "dist",
@@ -36,10 +36,11 @@
     }
   },
   "dependencies": {
-    "@ai-sdk/provider-utils": "3.0.0-canary.2",
-    "@ai-sdk/ui-utils": "2.0.0-canary.2"
+    "ai": "5.0.0-canary.21",
+    "@ai-sdk/provider-utils": "3.0.0-canary.17"
   },
   "devDependencies": {
+    "@types/node": "20.17.24",
     "@eslint/compat": "^1.2.5",
     "@eslint/js": "^9.18.0",
     "@sveltejs/package": "^2.0.0",
@@ -57,9 +58,10 @@
     "typescript-eslint": "^8.20.0",
     "vite": "^6.0.0",
     "vitest": "^3.0.0",
-    "zod": "3.23.8"
+    "zod": "3.23.8",
+    "@vercel/ai-tsconfig": "0.0.0"
   },
-  "homepage": "https://sdk.vercel.ai/docs",
+  "homepage": "https://ai-sdk.dev/docs",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vercel/ai.git",
@@ -74,7 +76,7 @@
   ],
   "scripts": {
     "build": "pnpm prepack",
-    "build:watch": "svelte-package --input=src --watch",
+    "build:watch": "pnpm clean && pnpm --filter svelte build && svelte-package --input=src --watch",
     "preview": "vite preview",
     "type-check": "svelte-check --tsconfig ./tsconfig.json",
     "type-check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
@@ -82,7 +84,8 @@
     "prettier-check": "prettier --check .",
     "lint": "eslint .",
     "test": "vitest --run",
+    "test:update": "vitest --run -u",
     "test:watch": "vitest",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist *.tsbuildinfo"
   }
 }

package/src/chat-context.svelte.ts

@@ -1,16 +1,21 @@
-import type { JSONValue, UIMessage } from '@ai-sdk/ui-utils';
+import type { JSONValue, UIMessage } from 'ai';
 import { createContext, KeyedStore } from './utils.svelte.js';
 
-class ChatStore {
-  messages = $state<UIMessage[]>([]);
+class ChatStore<MESSAGE_METADATA = unknown> {
+  messages = $state<UIMessage<MESSAGE_METADATA>[]>([]);
   data = $state<JSONValue[]>();
   status = $state<'submitted' | 'streaming' | 'ready' | 'error'>('ready');
   error = $state<Error>();
 }
 
-export class KeyedChatStore extends KeyedStore<ChatStore> {
+export class KeyedChatStore<MESSAGE_METADATA = unknown> extends KeyedStore<
+  ChatStore<MESSAGE_METADATA>
+> {
   constructor(
-    value?: Iterable<readonly [string, ChatStore]> | null | undefined,
+    value?:
+      | Iterable<readonly [string, ChatStore<MESSAGE_METADATA>]>
+      | null
+      | undefined,
   ) {
     super(ChatStore, value);
   }

package/src/chat.svelte.ts

@@ -1,70 +1,51 @@
+import { isAbortError } from '@ai-sdk/provider-utils';
 import {
-  fillMessageParts,
-  generateId,
-  type UIMessage,
-  type UseChatOptions,
-  type JSONValue,
-  type ChatRequest,
-  extractMaxToolInvocationStep,
   callChatApi,
+  convertFileListToFileUIParts,
+  extractMaxToolInvocationStep,
+  generateId,
+  getToolInvocations,
+  isAssistantMessageWithCompletedToolCalls,
   shouldResubmitMessages,
-  type Message,
-  type CreateMessage,
-  type ChatRequestOptions,
-  prepareAttachmentsForRequest,
-  getMessageParts,
   updateToolCallResult,
-  isAssistantMessageWithCompletedToolCalls,
-} from '@ai-sdk/ui-utils';
-import { isAbortError } from '@ai-sdk/provider-utils';
+  type ChatRequestOptions,
+  type CreateUIMessage,
+  type JSONValue,
+  type UIMessage,
+  type UseChatOptions,
+} from 'ai';
+import { untrack } from 'svelte';
 import {
   KeyedChatStore,
   getChatContext,
   hasChatContext,
 } from './chat-context.svelte.js';
-import { untrack } from 'svelte';
 
-export type ChatOptions = Readonly<
-  Omit<UseChatOptions, 'keepLastMessageOnError'> & {
-    /**
-     * Maximum number of sequential LLM calls (steps), e.g. when you use tool calls.
-     * Must be at least 1.
-     * A maximum number is required to prevent infinite loops in the case of misconfigured tools.
-     * By default, it's set to 1, which means that only a single LLM call is made.
-     * @default 1
-     */
-    maxSteps?: number;
-  }
+export type ChatOptions<MESSAGE_METADATA = unknown> = Readonly<
+  UseChatOptions<MESSAGE_METADATA>
 >;
 
-export type { CreateMessage, Message, UIMessage };
+export type { CreateUIMessage, UIMessage };
 
-export class Chat {
-  readonly #options: ChatOptions = {};
+export class Chat<MESSAGE_METADATA = unknown> {
+  readonly #options: ChatOptions<MESSAGE_METADATA> = {};
   readonly #api = $derived(this.#options.api ?? '/api/chat');
   readonly #generateId = $derived(this.#options.generateId ?? generateId);
   readonly #maxSteps = $derived(this.#options.maxSteps ?? 1);
   readonly #streamProtocol = $derived(this.#options.streamProtocol ?? 'data');
-  readonly #keyedStore = $state<KeyedChatStore>()!;
+  readonly #keyedStore = $state<KeyedChatStore<MESSAGE_METADATA>>()!;
   /**
    * The id of the chat. If not provided through the constructor, a random ID will be generated
    * using the provided `generateId` function, or a built-in function if not provided.
    */
   readonly id = $derived(this.#options.id ?? this.#generateId());
   readonly #store = $derived(this.#keyedStore.get(this.id));
-  #abortController: AbortController | undefined;
 
-  /**
-   * Additional data added on the server via StreamData.
-   *
-   * This is writable, so you can use it to transform or clear the chat data.
-   */
-  get data() {
-    return this.#store.data;
-  }
-  set data(value: JSONValue[] | undefined) {
-    this.#store.data = value;
-  }
+  readonly #messageMetadataSchema = $derived(
+    this.#options.messageMetadataSchema,
+  );
+
+  #abortController: AbortController | undefined;
 
   /**
    * Hook status:
@@ -92,18 +73,18 @@ export class Chat {
    * This is writable, which is useful when you want to edit the messages on the client, and then
    * trigger {@link reload} to regenerate the AI response.
    */
-  get messages(): UIMessage[] {
+  get messages(): UIMessage<MESSAGE_METADATA>[] {
     return this.#store.messages;
   }
-  set messages(value: Message[]) {
-    untrack(() => (this.#store.messages = fillMessageParts(value)));
+  set messages(value: UIMessage<MESSAGE_METADATA>[]) {
+    untrack(() => (this.#store.messages = value));
   }
 
-  constructor(options: ChatOptions = {}) {
+  constructor(options: ChatOptions<MESSAGE_METADATA> = {}) {
     if (hasChatContext()) {
-      this.#keyedStore = getChatContext();
+      this.#keyedStore = getChatContext() as KeyedChatStore<MESSAGE_METADATA>;
     } else {
-      this.#keyedStore = new KeyedChatStore();
+      this.#keyedStore = new KeyedChatStore<MESSAGE_METADATA>();
     }
 
     this.#options = options;
@@ -118,20 +99,12 @@ export class Chat {
    * @param options Additional options to pass to the API call
    */
   append = async (
-    message: Message | CreateMessage,
-    { data, headers, body, experimental_attachments }: ChatRequestOptions = {},
+    message: UIMessage<MESSAGE_METADATA> | CreateUIMessage<MESSAGE_METADATA>,
+    { data, headers, body }: ChatRequestOptions = {},
   ) => {
-    const attachmentsForRequest = await prepareAttachmentsForRequest(
-      experimental_attachments,
-    );
-
     const messages = this.messages.concat({
       ...message,
       id: message.id ?? this.#generateId(),
-      createdAt: message.createdAt ?? new Date(),
-      experimental_attachments:
-        attachmentsForRequest.length > 0 ? attachmentsForRequest : undefined,
-      parts: getMessageParts(message),
     });
 
     return this.#triggerRequest({ messages, headers, body, data });
@@ -176,26 +149,27 @@ export class Chat {
   /** Form submission handler to automatically reset input and append a user message */
   handleSubmit = async (
     event?: { preventDefault?: () => void },
-    options: ChatRequestOptions = {},
+    options: ChatRequestOptions & { files?: FileList } = {},
   ) => {
     event?.preventDefault?.();
     if (!this.input && !options.allowEmptySubmit) return;
 
-    const attachmentsForRequest = await prepareAttachmentsForRequest(
-      options.experimental_attachments,
-    );
+    const fileParts = Array.isArray(options?.files)
+      ? options.files
+      : await convertFileListToFileUIParts(options?.files);
 
     const messages = this.messages.concat({
       id: this.#generateId(),
-      createdAt: new Date(),
       role: 'user',
-      content: this.input,
-      experimental_attachments:
-        attachmentsForRequest.length > 0 ? attachmentsForRequest : undefined,
-      parts: [{ type: 'text', text: this.input }],
+      parts: [...fileParts, { type: 'text', text: this.input }],
     });
 
-    const chatRequest: ChatRequest = {
+    const chatRequest: {
+      headers?: Record<string, string> | Headers;
+      body?: object;
+      messages: UIMessage<MESSAGE_METADATA>[];
+      data?: JSONValue;
+    } = {
       messages,
       headers: options.headers,
       body: options.body,
@@ -234,14 +208,19 @@ export class Chat {
     }
   };
 
-  #triggerRequest = async (chatRequest: ChatRequest) => {
+  #triggerRequest = async (chatRequest: {
+    headers?: Record<string, string> | Headers;
+    body?: object;
+    messages: UIMessage<MESSAGE_METADATA>[];
+    data?: JSONValue;
+  }) => {
     this.#store.status = 'submitted';
     this.#store.error = undefined;
 
-    const messages = fillMessageParts(chatRequest.messages);
+    const messages = chatRequest.messages;
     const messageCount = messages.length;
     const maxStep = extractMaxToolInvocationStep(
-      messages[messages.length - 1]?.toolInvocations,
+      getToolInvocations(messages[messages.length - 1]),
     );
 
     try {
@@ -251,36 +230,11 @@ export class Chat {
       // Optimistically update messages
       this.messages = messages;
 
-      const constructedMessagesPayload = this.#options.sendExtraMessageFields
-        ? messages
-        : messages.map(
-            ({
-              role,
-              content,
-              experimental_attachments,
-              data,
-              annotations,
-              toolInvocations,
-              parts,
-            }) => ({
-              role,
-              content,
-              ...(experimental_attachments !== undefined && {
-                experimental_attachments,
-              }),
-              ...(data !== undefined && { data }),
-              ...(annotations !== undefined && { annotations }),
-              ...(toolInvocations !== undefined && { toolInvocations }),
-              ...(parts !== undefined && { parts }),
-            }),
-          );
-
-      const existingData = this.data ?? [];
       await callChatApi({
         api: this.#api,
         body: {
           id: this.id,
-          messages: constructedMessagesPayload,
+          messages,
           data: chatRequest.data,
           ...$state.snapshot(this.#options.body),
           ...chatRequest.body,
@@ -292,29 +246,29 @@ export class Chat {
           ...chatRequest.headers,
         },
         abortController: () => abortController,
-        restoreMessagesOnFailure: () => {},
         onResponse: this.#options.onResponse,
-        onUpdate: ({ message, data, replaceLastMessage }) => {
+        onUpdate: ({ message }) => {
           this.#store.status = 'streaming';
 
+          const replaceLastMessage =
+            message.id === messages[messages.length - 1].id;
+
           this.messages = messages;
           if (replaceLastMessage) {
             this.messages[this.messages.length - 1] = message;
           } else {
             this.messages.push(message);
           }
-
-          if (data?.length) {
-            this.data = existingData;
-            this.data.push(...data);
-          }
         },
         onToolCall: this.#options.onToolCall,
         onFinish: this.#options.onFinish,
         generateId: this.#generateId,
         fetch: this.#options.fetch,
         // callChatApi calls structuredClone on the message
-        lastMessage: $state.snapshot(this.messages[this.messages.length - 1]),
+        lastMessage: $state.snapshot(
+          this.messages[this.messages.length - 1],
+        ) as UIMessage<MESSAGE_METADATA>,
+        messageMetadataSchema: this.#messageMetadataSchema,
       });
 
       this.#abortController = undefined;

package/src/completion-context.svelte.ts

@@ -1,4 +1,4 @@
-import type { JSONValue } from '@ai-sdk/ui-utils';
+import type { JSONValue } from 'ai';
 import { SvelteMap } from 'svelte/reactivity';
 import { createContext, KeyedStore } from './utils.svelte.js';
 

package/src/completion.svelte.ts

@@ -1,10 +1,9 @@
 import {
+  callCompletionApi,
   generateId,
+  type CompletionRequestOptions,
   type UseCompletionOptions,
-  type JSONValue,
-  type RequestOptions,
-  callCompletionApi,
-} from '@ai-sdk/ui-utils';
+} from 'ai';
 import {
   KeyedCompletionStore,
   getCompletionContext,
@@ -30,18 +29,6 @@ export class Completion {
     this.#store.completions.set(this.#id, value);
   }
 
-  /**
-   * Additional data added on the server via StreamData.
-   *
-   * This is writable, so you can use it to transform or clear the chat data.
-   */
-  get data() {
-    return this.#store.data;
-  }
-  set data(value: JSONValue[]) {
-    this.#store.data = value;
-  }
-
   /** The error object of the API request */
   get error() {
     return this.#store.error;
@@ -58,12 +45,9 @@ export class Completion {
   }
 
   constructor(options: CompletionOptions = {}) {
-    if (hasCompletionContext()) {
-      this.#keyedStore = getCompletionContext();
-    } else {
-      this.#keyedStore = new KeyedCompletionStore();
-    }
-
+    this.#keyedStore = hasCompletionContext()
+      ? getCompletionContext()
+      : new KeyedCompletionStore();
     this.#options = options;
     this.completion = options.initialCompletion ?? '';
     this.input = options.initialInput ?? '';
@@ -86,7 +70,7 @@ export class Completion {
   /**
    * Send a new prompt to the API endpoint and update the completion state.
    */
-  complete = async (prompt: string, options?: RequestOptions) =>
+  complete = async (prompt: string, options?: CompletionRequestOptions) =>
     this.#triggerRequest(prompt, options);
 
   /** Form submission handler to automatically reset input and call the completion API */
@@ -97,7 +81,10 @@ export class Completion {
     }
   };
 
-  #triggerRequest = async (prompt: string, options?: RequestOptions) => {
+  #triggerRequest = async (
+    prompt: string,
+    options?: CompletionRequestOptions,
+  ) => {
     return callCompletionApi({
       api: this.#api,
       prompt,
@@ -113,9 +100,6 @@ export class Completion {
       setCompletion: completion => {
         this.completion = completion;
       },
-      onData: data => {
-        this.data.push(...data);
-      },
       setLoading: loading => {
         this.#store.loading = loading;
       },

package/src/index.ts

@@ -1,8 +1,7 @@
 export {
   Chat,
   type ChatOptions,
-  type CreateMessage,
-  type Message,
+  type CreateUIMessage,
   type UIMessage,
 } from './chat.svelte.js';
 

package/src/structured-object-context.svelte.ts

@@ -1,4 +1,4 @@
-import type { DeepPartial } from '@ai-sdk/ui-utils';
+import type { DeepPartial } from 'ai';
 import { createContext, KeyedStore } from './utils.svelte.js';
 
 export class StructuredObjectStore<RESULT> {

package/src/structured-object.svelte.ts

@@ -10,7 +10,7 @@ import {
   parsePartialJson,
   type DeepPartial,
   type Schema,
-} from '@ai-sdk/ui-utils';
+} from 'ai';
 import { type z } from 'zod';
 import {
   getStructuredObjectContext,
@@ -177,13 +177,13 @@ export class StructuredObject<RESULT, INPUT = unknown> {
 
       await response.body.pipeThrough(new TextDecoderStream()).pipeTo(
         new WritableStream<string>({
-          write: chunk => {
+          write: async chunk => {
             if (abortController?.signal.aborted) {
               throw new DOMException('Stream aborted', 'AbortError');
             }
             accumulatedText += chunk;
 
-            const { value } = parsePartialJson(accumulatedText);
+            const { value } = await parsePartialJson(accumulatedText);
             const currentObject = value as DeepPartial<RESULT>;
 
             if (!isDeepEqualData(latestObject, currentObject)) {
@@ -193,12 +193,12 @@ export class StructuredObject<RESULT, INPUT = unknown> {
             }
           },
 
-          close: () => {
+          close: async () => {
             this.#store.loading = false;
             this.#abortController = undefined;
 
             if (this.#options.onFinish != null) {
-              const validationResult = safeValidateTypes({
+              const validationResult = await safeValidateTypes({
                 value: latestObject,
                 schema: asSchema(this.#options.schema),
               });

package/src/tests/structured-object-synchronization.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" generics="RESULT">
   import { createAIContext } from '../context-provider.js';
   import { StructuredObject } from '../structured-object.svelte.js';
-  import type { Schema } from '@ai-sdk/ui-utils';
+  import type { Schema } from 'ai';
   import type { z } from 'zod';
 
   let {

package/dist/chat-context.svelte.d.ts

@@ -1,14 +0,0 @@
-import type { JSONValue, UIMessage } from '@ai-sdk/ui-utils';
-import { KeyedStore } from './utils.svelte.js';
-declare class ChatStore {
-    messages: UIMessage[];
-    data: JSONValue[] | undefined;
-    status: "submitted" | "streaming" | "ready" | "error";
-    error: Error | undefined;
-}
-export declare class KeyedChatStore extends KeyedStore<ChatStore> {
-    constructor(value?: Iterable<readonly [string, ChatStore]> | null | undefined);
-}
-export declare const hasChatContext: () => boolean, getChatContext: () => KeyedChatStore, setChatContext: (value: KeyedChatStore) => KeyedChatStore;
-export {};
-//# sourceMappingURL=chat-context.svelte.d.ts.map

package/dist/chat-context.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-context.svelte.d.ts","sourceRoot":"","sources":["../src/chat-context.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAiB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE9D,cAAM,SAAS;IACb,QAAQ,cAA2B;IACnC,IAAI,0BAAyB;IAC7B,MAAM,gDAAkE;IACxE,KAAK,oBAAmB;CACzB;AAED,qBAAa,cAAe,SAAQ,UAAU,CAAC,SAAS,CAAC;gBAErD,KAAK,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS;CAIpE;AAED,eAAO,MACO,cAAc,iBACd,cAAc,wBACd,cAAc,2CACa,CAAC"}

package/dist/completion-context.svelte.d.ts

@@ -1,15 +0,0 @@
-import type { JSONValue } from '@ai-sdk/ui-utils';
-import { SvelteMap } from 'svelte/reactivity';
-import { KeyedStore } from './utils.svelte.js';
-declare class CompletionStore {
-    completions: SvelteMap<string, string>;
-    data: JSONValue[];
-    loading: boolean;
-    error: Error | undefined;
-}
-export declare class KeyedCompletionStore extends KeyedStore<CompletionStore> {
-    constructor(value?: Iterable<readonly [string, CompletionStore]> | null | undefined);
-}
-export declare const hasCompletionContext: () => boolean, getCompletionContext: () => KeyedCompletionStore, setCompletionContext: (value: KeyedCompletionStore) => KeyedCompletionStore;
-export {};
-//# sourceMappingURL=completion-context.svelte.d.ts.map

package/dist/completion-context.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"completion-context.svelte.d.ts","sourceRoot":"","sources":["../src/completion-context.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAiB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE9D,cAAM,eAAe;IACnB,WAAW,4BAAmC;IAC9C,IAAI,cAA2B;IAC/B,OAAO,UAAiB;IACxB,KAAK,oBAAmB;CACzB;AAED,qBAAa,oBAAqB,SAAQ,UAAU,CAAC,eAAe,CAAC;gBAEjE,KAAK,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS;CAI1E;AAED,eAAO,MACO,oBAAoB,iBACpB,oBAAoB,8BACpB,oBAAoB,uDACmB,CAAC"}