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

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @ai-sdk/svelte
 
+## 3.0.0-canary.22
+
+### Major Changes
+
+- 40acf9b: feat (ui): introduce ChatStore and ChatTransport
+
+### Patch Changes
+
+- Updated dependencies [40acf9b]
+  - @ai-sdk/provider-utils@3.0.0-canary.18
+  - ai@5.0.0-canary.23
+
+## 3.0.0-canary.21
+
+### Patch Changes
+
+- Updated dependencies [e7dc6c7]
+- Updated dependencies [a34eb39]
+- Updated dependencies [b33ed7a]
+- Updated dependencies [765f1cd]
+  - ai@5.0.0-canary.22
+
 ## 3.0.0-canary.20
 
 ### Patch Changes

package/dist/chat.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type ChatRequestOptions, type CreateUIMessage, type UIMessage, type UseChatOptions } from 'ai';
-export type ChatOptions<MESSAGE_METADATA = unknown> = Readonly<UseChatOptions<MESSAGE_METADATA>>;
+import { type ChatRequestOptions, type CreateUIMessage, type OriginalUseChatOptions, type UIMessage } from 'ai';
+export type ChatOptions<MESSAGE_METADATA = unknown> = Readonly<OriginalUseChatOptions<MESSAGE_METADATA>>;
 export type { CreateUIMessage, UIMessage };
 export declare class Chat<MESSAGE_METADATA = unknown> {
     #private;
@@ -36,13 +36,13 @@ export declare class Chat<MESSAGE_METADATA = unknown> {
      * @param message The message to append
      * @param options Additional options to pass to the API call
      */
-    append: (message: UIMessage<MESSAGE_METADATA> | CreateUIMessage<MESSAGE_METADATA>, { data, headers, body }?: ChatRequestOptions) => Promise<void>;
+    append: (message: UIMessage<MESSAGE_METADATA> | CreateUIMessage<MESSAGE_METADATA>, { 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
      * new response.
      */
-    reload: ({ data, headers, body }?: ChatRequestOptions) => Promise<void>;
+    reload: ({ headers, body }?: ChatRequestOptions) => Promise<void>;
     /**
      * Abort the current request immediately, keep the generated tokens if any.
      */

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"chat.svelte.d.ts","sourceRoot":"","sources":["../src/chat.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EASL,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,SAAS,EACf,MAAM,IAAI,CAAC;AAQZ,MAAM,MAAM,WAAW,CAAC,gBAAgB,GAAG,OAAO,IAAI,QAAQ,CAC5D,sBAAsB,CAAC,gBAAgB,CAAC,CACzC,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAE3C,qBAAa,IAAI,CAAC,gBAAgB,GAAG,OAAO;;IAS1C;;;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,sBACrD,kBAAkB,mBAQrC;IAEF;;;;OAIG;IACH,MAAM,uBAA6B,kBAAkB,mBAcnD;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,mBAwBlD;IAEF,aAAa,4BAGV;QACD,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,OAAO,CAAC;KACjB,mBAmBC;CA4FH"}

package/dist/chat.svelte.js

@@ -7,7 +7,7 @@ export class Chat {
     #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');
+    #streamProtocol = $derived(this.#options.streamProtocol ?? 'ui-message');
     #keyedStore = $state();
     /**
      * The id of the chat. If not provided through the constructor, a random ID will be generated
@@ -63,19 +63,19 @@ 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 } = {}) => {
+    append = async (message, { headers, body } = {}) => {
         const messages = this.messages.concat({
             ...message,
             id: message.id ?? this.#generateId(),
         });
-        return this.#triggerRequest({ messages, headers, body, data });
+        return this.#triggerRequest({ messages, headers, body });
     };
     /**
      * 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 } = {}) => {
+    reload = async ({ headers, body } = {}) => {
         if (this.messages.length === 0) {
             return;
         }
@@ -86,7 +86,6 @@ export class Chat {
                 : this.messages,
             headers,
             body,
-            data,
         });
     };
     /**
@@ -107,23 +106,21 @@ export class Chat {
     /** 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 fileParts = Array.isArray(options?.files)
             ? options.files
             : await convertFileListToFileUIParts(options?.files);
+        if (!this.input && fileParts.length === 0)
+            return;
         const messages = this.messages.concat({
             id: this.#generateId(),
             role: 'user',
             parts: [...fileParts, { type: 'text', text: this.input }],
         });
-        const chatRequest = {
+        const request = this.#triggerRequest({
             messages,
             headers: options.headers,
             body: options.body,
-            data: options.data,
-        };
-        const request = this.#triggerRequest(chatRequest);
+        });
         this.input = '';
         await request;
     };
@@ -159,7 +156,6 @@ export class Chat {
                 body: {
                     id: this.id,
                     messages,
-                    data: chatRequest.data,
                     ...$state.snapshot(this.#options.body),
                     ...chatRequest.body,
                 },
@@ -170,7 +166,6 @@ export class Chat {
                     ...chatRequest.headers,
                 },
                 abortController: () => abortController,
-                onResponse: this.#options.onResponse,
                 onUpdate: ({ message }) => {
                     this.#store.status = 'streaming';
                     const replaceLastMessage = message.id === messages[messages.length - 1].id;

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,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"}
+{"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

@@ -86,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/svelte",
-  "version": "3.0.0-canary.20",
+  "version": "3.0.0-canary.22",
   "license": "Apache-2.0",
   "files": [
     "dist",
@@ -36,8 +36,8 @@
     }
   },
   "dependencies": {
-    "ai": "5.0.0-canary.21",
-    "@ai-sdk/provider-utils": "3.0.0-canary.17"
+    "@ai-sdk/provider-utils": "3.0.0-canary.18",
+    "ai": "5.0.0-canary.23"
   },
   "devDependencies": {
     "@types/node": "20.17.24",

package/src/chat.svelte.ts

@@ -10,9 +10,8 @@ import {
   updateToolCallResult,
   type ChatRequestOptions,
   type CreateUIMessage,
-  type JSONValue,
+  type OriginalUseChatOptions,
   type UIMessage,
-  type UseChatOptions,
 } from 'ai';
 import { untrack } from 'svelte';
 import {
@@ -22,7 +21,7 @@ import {
 } from './chat-context.svelte.js';
 
 export type ChatOptions<MESSAGE_METADATA = unknown> = Readonly<
-  UseChatOptions<MESSAGE_METADATA>
+  OriginalUseChatOptions<MESSAGE_METADATA>
 >;
 
 export type { CreateUIMessage, UIMessage };
@@ -32,7 +31,9 @@ export class Chat<MESSAGE_METADATA = unknown> {
   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 #streamProtocol = $derived(
+    this.#options.streamProtocol ?? 'ui-message',
+  );
   readonly #keyedStore = $state<KeyedChatStore<MESSAGE_METADATA>>()!;
   /**
    * The id of the chat. If not provided through the constructor, a random ID will be generated
@@ -100,14 +101,14 @@ export class Chat<MESSAGE_METADATA = unknown> {
    */
   append = async (
     message: UIMessage<MESSAGE_METADATA> | CreateUIMessage<MESSAGE_METADATA>,
-    { data, headers, body }: ChatRequestOptions = {},
+    { headers, body }: ChatRequestOptions = {},
   ) => {
     const messages = this.messages.concat({
       ...message,
       id: message.id ?? this.#generateId(),
     });
 
-    return this.#triggerRequest({ messages, headers, body, data });
+    return this.#triggerRequest({ messages, headers, body });
   };
 
   /**
@@ -115,7 +116,7 @@ export class Chat<MESSAGE_METADATA = unknown> {
    * message isn't from the assistant, it will request the API to generate a
    * new response.
    */
-  reload = async ({ data, headers, body }: ChatRequestOptions = {}) => {
+  reload = async ({ headers, body }: ChatRequestOptions = {}) => {
     if (this.messages.length === 0) {
       return;
     }
@@ -128,7 +129,6 @@ export class Chat<MESSAGE_METADATA = unknown> {
           : this.messages,
       headers,
       body,
-      data,
     });
   };
 
@@ -152,31 +152,25 @@ export class Chat<MESSAGE_METADATA = unknown> {
     options: ChatRequestOptions & { files?: FileList } = {},
   ) => {
     event?.preventDefault?.();
-    if (!this.input && !options.allowEmptySubmit) return;
 
     const fileParts = Array.isArray(options?.files)
       ? options.files
       : await convertFileListToFileUIParts(options?.files);
 
+    if (!this.input && fileParts.length === 0) return;
+
     const messages = this.messages.concat({
       id: this.#generateId(),
       role: 'user',
       parts: [...fileParts, { type: 'text', text: this.input }],
     });
 
-    const chatRequest: {
-      headers?: Record<string, string> | Headers;
-      body?: object;
-      messages: UIMessage<MESSAGE_METADATA>[];
-      data?: JSONValue;
-    } = {
+    const request = this.#triggerRequest({
       messages,
       headers: options.headers,
       body: options.body,
-      data: options.data,
-    };
+    });
 
-    const request = this.#triggerRequest(chatRequest);
     this.input = '';
     await request;
   };
@@ -208,12 +202,11 @@ export class Chat<MESSAGE_METADATA = unknown> {
     }
   };
 
-  #triggerRequest = async (chatRequest: {
-    headers?: Record<string, string> | Headers;
-    body?: object;
-    messages: UIMessage<MESSAGE_METADATA>[];
-    data?: JSONValue;
-  }) => {
+  #triggerRequest = async (
+    chatRequest: ChatRequestOptions & {
+      messages: UIMessage<MESSAGE_METADATA>[];
+    },
+  ) => {
     this.#store.status = 'submitted';
     this.#store.error = undefined;
 
@@ -235,7 +228,6 @@ export class Chat<MESSAGE_METADATA = unknown> {
         body: {
           id: this.id,
           messages,
-          data: chatRequest.data,
           ...$state.snapshot(this.#options.body),
           ...chatRequest.body,
         },
@@ -246,7 +238,6 @@ export class Chat<MESSAGE_METADATA = unknown> {
           ...chatRequest.headers,
         },
         abortController: () => abortController,
-        onResponse: this.#options.onResponse,
         onUpdate: ({ message }) => {
           this.#store.status = 'streaming';
 

package/src/completion.svelte.ts

@@ -109,7 +109,6 @@ export class Completion {
       setAbortController: abortController => {
         this.#abortController = abortController ?? undefined;
       },
-      onResponse: this.#options.onResponse,
       onFinish: this.#options.onFinish,
       onError: this.#options.onError,
     });