@ai-sdk/svelte 3.0.0-canary.9 → 3.0.1

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,75 +1,6 @@
-import { type UIMessage, type UseChatOptions, type JSONValue, type Message, type CreateMessage, type ChatRequestOptions } from 'ai';
-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 {
-    #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:
-     *
-     * - `submitted`: The message has been sent to the API and we're awaiting the start of the response stream.
-     * - `streaming`: The response is actively streaming in from the API, receiving chunks of data.
-     * - `ready`: The full response has been received and processed; a new user message can be submitted.
-     * - `error`: An error occurred during the API request, preventing successful completion.
-     */
-    get status(): "submitted" | "streaming" | "ready" | "error";
-    /** 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. */
-    input: string;
-    /**
-     * Current messages in the 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);
-    /**
-     * 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>;
-    /**
-     * 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
-     * new response.
-     */
-    reload: ({ data, headers, body }?: ChatRequestOptions) => Promise<void>;
-    /**
-     * Abort the current request immediately, keep the generated tokens if any.
-     */
-    stop: () => void;
-    /** Form submission handler to automatically reset input and append a user message */
-    handleSubmit: (event?: {
-        preventDefault?: () => void;
-    }, options?: ChatRequestOptions) => Promise<void>;
-    addToolResult: ({ toolCallId, result, }: {
-        toolCallId: string;
-        result: unknown;
-    }) => Promise<void>;
+import { AbstractChat, type ChatInit, type CreateUIMessage, type UIMessage } from 'ai';
+export type { CreateUIMessage, UIMessage };
+export declare class Chat<UI_MESSAGE extends UIMessage = UIMessage> extends AbstractChat<UI_MESSAGE> {
+    constructor(init: ChatInit<UI_MESSAGE>);
 }
 //# sourceMappingURL=chat.svelte.d.ts.map

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,IAAI,CAAC;AASZ,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":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,QAAQ,EAGb,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,IAAI,CAAC;AAEZ,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAE3C,qBAAa,IAAI,CACf,UAAU,SAAS,SAAS,GAAG,SAAS,CACxC,SAAQ,YAAY,CAAC,UAAU,CAAC;gBACpB,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC;CAMvC"}

package/dist/chat.svelte.js

@@ -1,250 +1,30 @@
-import { fillMessageParts, generateId, extractMaxToolInvocationStep, callChatApi, shouldResubmitMessages, prepareAttachmentsForRequest, getMessageParts, updateToolCallResult, isAssistantMessageWithCompletedToolCalls, } from 'ai';
-import { isAbortError } from '@ai-sdk/provider-utils';
-import { KeyedChatStore, getChatContext, hasChatContext, } from './chat-context.svelte.js';
-import { untrack } from 'svelte';
-export class Chat {
-    #options = {};
-    #api = $derived(this.#options.api ?? '/api/chat');
-    #generateId = $derived(this.#options.generateId ?? generateId);
-    #maxSteps = $derived(this.#options.maxSteps ?? 1);
-    #streamProtocol = $derived(this.#options.streamProtocol ?? 'data');
-    #keyedStore = $state();
-    /**
-     * 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.
-     */
-    id = $derived(this.#options.id ?? this.#generateId());
-    #store = $derived(this.#keyedStore.get(this.id));
-    #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:
-     *
-     * - `submitted`: The message has been sent to the API and we're awaiting the start of the response stream.
-     * - `streaming`: The response is actively streaming in from the API, receiving chunks of data.
-     * - `ready`: The full response has been received and processed; a new user message can be submitted.
-     * - `error`: An error occurred during the API request, preventing successful completion.
-     */
-    get status() {
-        return this.#store.status;
-    }
-    /** The error object of the API request */
-    get error() {
-        return this.#store.error;
-    }
-    /** The current value of the input. Writable, so it can be bound to form inputs. */
-    input = $state();
-    /**
-     * Current messages in the 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() {
-        return this.#store.messages;
-    }
-    set messages(value) {
-        untrack(() => (this.#store.messages = fillMessageParts(value)));
+import { AbstractChat, } from 'ai';
+export class Chat extends AbstractChat {
+    constructor(init) {
+        super({
+            ...init,
+            state: new SvelteChatState(init.messages),
+        });
     }
-    constructor(options = {}) {
-        if (hasChatContext()) {
-            this.#keyedStore = getChatContext();
-        }
-        else {
-            this.#keyedStore = new KeyedChatStore();
-        }
-        this.#options = options;
-        this.messages = options.initialMessages ?? [];
-        this.input = options.initialInput ?? '';
+}
+class SvelteChatState {
+    messages;
+    status = $state('ready');
+    error = $state(undefined);
+    constructor(messages = []) {
+        this.messages = $state(messages);
     }
-    /**
-     * 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 = async (message, { data, headers, body, experimental_attachments } = {}) => {
-        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 });
-    };
-    /**
-     * 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
-     * new response.
-     */
-    reload = async ({ data, headers, body } = {}) => {
-        if (this.messages.length === 0) {
-            return;
-        }
-        const lastMessage = this.messages[this.messages.length - 1];
-        await this.#triggerRequest({
-            messages: lastMessage.role === 'assistant'
-                ? this.messages.slice(0, -1)
-                : this.messages,
-            headers,
-            body,
-            data,
-        });
+    setMessages = (messages) => {
+        this.messages = messages;
     };
-    /**
-     * Abort the current request immediately, keep the generated tokens if any.
-     */
-    stop = () => {
-        try {
-            this.#abortController?.abort();
-        }
-        catch {
-            // ignore
-        }
-        finally {
-            this.#store.status = 'ready';
-            this.#abortController = undefined;
-        }
+    pushMessage = (message) => {
+        this.messages.push(message);
     };
-    /** Form submission handler to automatically reset input and append a user message */
-    handleSubmit = async (event, options = {}) => {
-        event?.preventDefault?.();
-        if (!this.input && !options.allowEmptySubmit)
-            return;
-        const attachmentsForRequest = await prepareAttachmentsForRequest(options.experimental_attachments);
-        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 }],
-        });
-        const chatRequest = {
-            messages,
-            headers: options.headers,
-            body: options.body,
-            data: options.data,
-        };
-        const request = this.#triggerRequest(chatRequest);
-        this.input = '';
-        await request;
-    };
-    addToolResult = async ({ toolCallId, result, }) => {
-        updateToolCallResult({
-            messages: this.messages,
-            toolCallId,
-            toolResult: result,
-        });
-        // when the request is ongoing, the auto-submit will be triggered after the request is finished
-        if (this.#store.status === 'submitted' ||
-            this.#store.status === 'streaming') {
-            return;
-        }
-        const lastMessage = this.messages[this.messages.length - 1];
-        if (isAssistantMessageWithCompletedToolCalls(lastMessage)) {
-            await this.#triggerRequest({ messages: this.messages });
-        }
+    popMessage = () => {
+        this.messages.pop();
     };
-    #triggerRequest = async (chatRequest) => {
-        this.#store.status = 'submitted';
-        this.#store.error = undefined;
-        const messages = fillMessageParts(chatRequest.messages);
-        const messageCount = messages.length;
-        const maxStep = extractMaxToolInvocationStep(messages[messages.length - 1]?.toolInvocations);
-        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,
-                    data: chatRequest.data,
-                    ...$state.snapshot(this.#options.body),
-                    ...chatRequest.body,
-                },
-                streamProtocol: this.#streamProtocol,
-                credentials: this.#options.credentials,
-                headers: {
-                    ...this.#options.headers,
-                    ...chatRequest.headers,
-                },
-                abortController: () => abortController,
-                restoreMessagesOnFailure: () => { },
-                onResponse: this.#options.onResponse,
-                onUpdate: ({ message, data, replaceLastMessage }) => {
-                    this.#store.status = 'streaming';
-                    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]),
-            });
-            this.#abortController = undefined;
-            this.#store.status = 'ready';
-        }
-        catch (error) {
-            if (isAbortError(error)) {
-                return;
-            }
-            const coalescedError = error instanceof Error ? error : new Error(String(error));
-            if (this.#options.onError) {
-                this.#options.onError(coalescedError);
-            }
-            this.#store.status = 'error';
-            this.#store.error = coalescedError;
-        }
-        // auto-submit when all tool calls in the last assistant message have results
-        // and assistant has not answered yet
-        if (shouldResubmitMessages({
-            originalMaxToolInvocationStep: maxStep,
-            originalMessageCount: messageCount,
-            maxSteps: this.#maxSteps,
-            messages: this.messages,
-        })) {
-            await this.#triggerRequest({ messages: this.messages });
-        }
+    replaceMessage = (index, message) => {
+        this.messages[index] = message;
     };
+    snapshot = (thing) => $state.snapshot(thing);
 }

package/dist/completion.svelte.d.ts

@@ -1,17 +1,10 @@
-import { type UseCompletionOptions, type JSONValue, type RequestOptions } from 'ai';
+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,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;;;;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;CAkCH"}

package/dist/completion.svelte.js

@@ -1,4 +1,4 @@
-import { generateId, callCompletionApi, } from 'ai';
+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;
             },
@@ -103,7 +86,6 @@ export class Completion {
             setAbortController: abortController => {
                 this.#abortController = abortController ?? undefined;
             },
-            onResponse: this.#options.onResponse,
             onFinish: this.#options.onFinish,
             onError: this.#options.onError,
         });

package/dist/context-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-provider.d.ts","sourceRoot":"","sources":["../src/context-provider.ts"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,SAS9B"}
+{"version":3,"file":"context-provider.d.ts","sourceRoot":"","sources":["../src/context-provider.ts"],"names":[],"mappings":"AASA,wBAAgB,eAAe,SAM9B"}

package/dist/context-provider.js

@@ -1,9 +1,6 @@
-import { KeyedChatStore, setChatContext } from './chat-context.svelte.js';
 import { KeyedCompletionStore, setCompletionContext, } from './completion-context.svelte.js';
 import { KeyedStructuredObjectStore, setStructuredObjectContext, } from './structured-object-context.svelte.js';
 export function createAIContext() {
-    const chatStore = new KeyedChatStore();
-    setChatContext(chatStore);
     const completionStore = new KeyedCompletionStore();
     setCompletionContext(completionStore);
     const objectStore = new KeyedStructuredObjectStore();

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { Chat, type ChatOptions, type CreateMessage, type Message, type UIMessage, } from './chat.svelte.js';
-export { StructuredObject as Experimental_StructuredObject, type Experimental_StructuredObjectOptions, } from './structured-object.svelte.js';
+export { Chat, type CreateUIMessage, type UIMessage } from './chat.svelte.js';
 export { Completion, type CompletionOptions } from './completion.svelte.js';
 export { createAIContext } from './context-provider.js';
+export { StructuredObject as Experimental_StructuredObject, type Experimental_StructuredObjectOptions, } from './structured-object.svelte.js';
 //# sourceMappingURL=index.d.ts.map

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,EAAE,IAAI,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EACL,gBAAgB,IAAI,6BAA6B,EACjD,KAAK,oCAAoC,GAC1C,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-export { Chat, } from './chat.svelte.js';
-export { StructuredObject as Experimental_StructuredObject, } from './structured-object.svelte.js';
+export { Chat } from './chat.svelte.js';
 export { Completion } from './completion.svelte.js';
 export { createAIContext } from './context-provider.js';
+export { StructuredObject as Experimental_StructuredObject, } from './structured-object.svelte.js';

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

@@ -1,7 +1,8 @@
-import { type FetchFunction } from '@ai-sdk/provider-utils';
+import { type FetchFunction, type InferSchema } from '@ai-sdk/provider-utils';
 import { type DeepPartial, type Schema } from 'ai';
-import { type z } from 'zod';
-export type Experimental_StructuredObjectOptions<RESULT> = {
+import type * as z3 from 'zod/v3';
+import type * as z4 from 'zod/v4';
+export type Experimental_StructuredObjectOptions<SCHEMA extends z3.Schema | z4.core.$ZodType | Schema, RESULT = InferSchema<SCHEMA>> = {
     /**
      * The API endpoint. It should stream JSON that matches the schema as chunked text.
      */
@@ -9,7 +10,7 @@ export type Experimental_StructuredObjectOptions<RESULT> = {
     /**
      * A Zod schema that defines the shape of the complete object.
      */
-    schema: z.Schema<RESULT, z.ZodTypeDef, unknown> | Schema<RESULT>;
+    schema: SCHEMA;
     /**
      * An unique identifier. If not provided, a random one will be
      * generated. When provided, the `useObject` hook with the same `id` will
@@ -54,7 +55,7 @@ export type Experimental_StructuredObjectOptions<RESULT> = {
      */
     credentials?: RequestCredentials;
 };
-export declare class StructuredObject<RESULT, INPUT = unknown> {
+export declare class StructuredObject<SCHEMA extends z3.Schema | z4.core.$ZodType | Schema, RESULT = InferSchema<SCHEMA>, INPUT = unknown> {
     #private;
     /**
      * The current value for the generated object. Updated as the API streams JSON chunks.
@@ -66,7 +67,7 @@ export declare class StructuredObject<RESULT, INPUT = unknown> {
      * Flag that indicates whether an API request is in progress.
      */
     get loading(): boolean;
-    constructor(options: Experimental_StructuredObjectOptions<RESULT>);
+    constructor(options: Experimental_StructuredObjectOptions<SCHEMA, RESULT>);
     /**
      * Abort the current request immediately, keep the current partial object if any.
      */
@@ -75,5 +76,9 @@ export declare class StructuredObject<RESULT, INPUT = unknown> {
      * Calls the API with the provided input as JSON body.
      */
     submit: (input: INPUT) => Promise<void>;
+    /**
+     * Clears the object state.
+     */
+    clear: () => void;
 }
 //# sourceMappingURL=structured-object.svelte.d.ts.map

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,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"}
+{"version":3,"file":"structured-object.svelte.d.ts","sourceRoot":"","sources":["../src/structured-object.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,MAAM,EACZ,MAAM,IAAI,CAAC;AACZ,OAAO,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,KAAK,KAAK,EAAE,MAAM,QAAQ,CAAC;AAQlC,MAAM,MAAM,oCAAoC,CAC9C,MAAM,SAAS,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,MAAM,EACpD,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,IAC1B;IACF;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;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,CAC3B,MAAM,SAAS,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,MAAM,EACpD,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,EAC5B,KAAK,GAAG,OAAO;;IAWf;;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,EAAE,MAAM,CAAC;IAUzE;;OAEG;IACH,IAAI,aASF;IAEF;;OAEG;IACH,MAAM,UAAiB,KAAK,mBAqF1B;IAEF;;OAEG;IACH,KAAK,aAGH;CAOH"}

package/dist/structured-object.svelte.js

@@ -1,6 +1,5 @@
 import { generateId, isAbortError, safeValidateTypes, } from '@ai-sdk/provider-utils';
 import { asSchema, isDeepEqualData, parsePartialJson, } from 'ai';
-import {} from 'zod';
 import { getStructuredObjectContext, hasStructuredObjectContext, KeyedStructuredObjectStore, } from './structured-object-context.svelte.js';
 export class StructuredObject {
     #options = {};
@@ -57,9 +56,8 @@ export class StructuredObject {
      */
     submit = async (input) => {
         try {
-            this.#store.object = undefined; // reset the data
+            this.#clearObject();
             this.#store.loading = true;
-            this.#store.error = undefined;
             const abortController = new AbortController();
             this.#abortController = abortController;
             const actualFetch = this.#options.fetch ?? fetch;
@@ -82,23 +80,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),
                         });
@@ -121,4 +119,16 @@ export class StructuredObject {
             this.#store.error = coalescedError;
         }
     };
+    /**
+     * Clears the object state.
+     */
+    clear = () => {
+        this.stop();
+        this.#clearObject();
+    };
+    #clearObject = () => {
+        this.#store.object = undefined;
+        this.#store.error = undefined;
+        this.#store.loading = false;
+    };
 }

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

@@ -11,8 +11,8 @@ declare class __sveltets_Render<RESULT> {
     slots(): {};
     bindings(): "";
     exports(): {
-        object1: StructuredObject<RESULT, unknown>;
-        object2: StructuredObject<RESULT, unknown>;
+        object1: StructuredObject<z.ZodType<RESULT, z.ZodTypeDef, unknown> | Schema<RESULT>, RESULT, unknown>;
+        object2: StructuredObject<z.ZodType<RESULT, z.ZodTypeDef, unknown> | Schema<RESULT>, RESULT, unknown>;
     };
 }
 interface $$IsomorphicComponent {

package/dist/utils.svelte.js

@@ -1,4 +1,4 @@
-import { hasContext, getContext, setContext, untrack } from 'svelte';
+import { getContext, hasContext, setContext, untrack } from 'svelte';
 import { SvelteMap } from 'svelte/reactivity';
 export function createContext(name) {
     const key = Symbol(name);