@ai-sdk/svelte 3.0.0-canary.15 → 3.0.0-canary.17

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @ai-sdk/svelte
 
+## 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

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,13 +1,8 @@
 import { type ChatRequestOptions, type CreateUIMessage, type JSONValue, type UIMessage, type UseChatOptions } 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 ChatOptions = Readonly<UseChatOptions & {
+    '~internal'?: {
+        currentDate?: () => Date;
+    };
 }>;
 export type { CreateUIMessage, UIMessage };
 export declare class Chat {
@@ -45,6 +40,7 @@ export declare class Chat {
      */
     get messages(): UIMessage[];
     set messages(value: UIMessage[]);
+    private currentDate;
     constructor(options?: ChatOptions);
     /**
      * Append a user message to the chat list. This triggers the API call to fetch
@@ -52,7 +48,7 @@ export declare class Chat {
      * @param message The message to append
      * @param options Additional options to pass to the API call
      */
-    append: (message: UIMessage | CreateUIMessage, { data, headers, body, experimental_attachments }?: ChatRequestOptions) => Promise<void>;
+    append: (message: UIMessage | CreateUIMessage, { 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 +62,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":"AACA,OAAO,EAUL,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,IAAI,CAAC;AAQZ,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,eAAe,EAAE,SAAS,EAAE,CAAC;AAE3C,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,SAAS,EAAE,EAE9B;gBAEW,OAAO,GAAE,WAAgB;IAYrC;;;;;OAKG;IACH,MAAM,YACK,SAAS,GAAG,eAAe,sDACe,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;CA+GH"}
+{"version":3,"file":"chat.svelte.d.ts","sourceRoot":"","sources":["../src/chat.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAUL,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,IAAI,CAAC;AAQZ,MAAM,MAAM,WAAW,GAAG,QAAQ,CAChC,cAAc,GAAG;IACf,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;CACH,CACF,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAE3C,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,SAAS,EAAE,EAE9B;IAED,OAAO,CAAC,WAAW,CAEjB;gBAEU,OAAO,GAAE,WAAgB;IAYrC;;;;;OAKG;IACH,MAAM,YACK,SAAS,GAAG,eAAe,4BACX,kBAAkB,mBAU3C;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,mBA2BlD;IAEF,aAAa,4BAGV;QACD,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,OAAO,CAAC;KACjB,mBAmBC;CA2FH"}

package/dist/chat.svelte.js

@@ -1,5 +1,5 @@
 import { isAbortError } from '@ai-sdk/provider-utils';
-import { callChatApi, extractMaxToolInvocationStep, generateId, getToolInvocations, isAssistantMessageWithCompletedToolCalls, prepareAttachmentsForRequest, shouldResubmitMessages, updateToolCallResult, } from 'ai';
+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 {
@@ -56,6 +56,7 @@ export class Chat {
     set messages(value) {
         untrack(() => (this.#store.messages = value));
     }
+    currentDate = $derived(this.#options['~internal']?.currentDate ?? (() => new Date()));
     constructor(options = {}) {
         if (hasChatContext()) {
             this.#keyedStore = getChatContext();
@@ -73,13 +74,11 @@ 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,
+            createdAt: message.createdAt ?? this.currentDate(),
             parts: message.parts,
         });
         return this.#triggerRequest({ messages, headers, body, data });
@@ -123,14 +122,15 @@ 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(),
+            createdAt: this.currentDate(),
             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,
@@ -169,23 +169,12 @@ export class Chat {
             this.#abortController = abortController;
             // Optimistically update messages
             this.messages = messages;
-            const constructedMessagesPayload = this.#options.sendExtraMessageFields
-                ? messages
-                : messages.map(({ role, content, experimental_attachments, annotations, parts, }) => ({
-                    role,
-                    content,
-                    ...(experimental_attachments !== undefined && {
-                        experimental_attachments,
-                    }),
-                    ...(annotations !== undefined && { annotations }),
-                    ...(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,
@@ -197,7 +186,6 @@ export class Chat {
                     ...chatRequest.headers,
                 },
                 abortController: () => abortController,
-                restoreMessagesOnFailure: () => { },
                 onResponse: this.#options.onResponse,
                 onUpdate: ({ message, data, replaceLastMessage }) => {
                     this.#store.status = 'streaming';
@@ -216,6 +204,7 @@ export class Chat {
                 onToolCall: this.#options.onToolCall,
                 onFinish: this.#options.onFinish,
                 generateId: this.#generateId,
+                getCurrentDate: this.currentDate,
                 fetch: this.#options.fetch,
                 // callChatApi calls structuredClone on the message
                 lastMessage: $state.snapshot(this.messages[this.messages.length - 1]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/svelte",
-  "version": "3.0.0-canary.15",
+  "version": "3.0.0-canary.17",
   "license": "Apache-2.0",
   "files": [
     "dist",
@@ -36,8 +36,8 @@
     }
   },
   "dependencies": {
-    "@ai-sdk/provider-utils": "3.0.0-canary.13",
-    "ai": "5.0.0-canary.16"
+    "ai": "5.0.0-canary.18",
+    "@ai-sdk/provider-utils": "3.0.0-canary.15"
   },
   "devDependencies": {
     "@types/node": "20.17.24",
@@ -61,7 +61,7 @@
     "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",

package/src/chat.svelte.ts

@@ -1,11 +1,11 @@
 import { isAbortError } from '@ai-sdk/provider-utils';
 import {
   callChatApi,
+  convertFileListToFileUIParts,
   extractMaxToolInvocationStep,
   generateId,
   getToolInvocations,
   isAssistantMessageWithCompletedToolCalls,
-  prepareAttachmentsForRequest,
   shouldResubmitMessages,
   updateToolCallResult,
   type ChatRequest,
@@ -23,15 +23,10 @@ import {
 } from './chat-context.svelte.js';
 
 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;
+  UseChatOptions & {
+    '~internal'?: {
+      currentDate?: () => Date;
+    };
   }
 >;
 
@@ -97,6 +92,10 @@ export class Chat {
     untrack(() => (this.#store.messages = value));
   }
 
+  private currentDate = $derived(
+    this.#options['~internal']?.currentDate ?? (() => new Date()),
+  );
+
   constructor(options: ChatOptions = {}) {
     if (hasChatContext()) {
       this.#keyedStore = getChatContext();
@@ -117,18 +116,12 @@ export class Chat {
    */
   append = async (
     message: UIMessage | CreateUIMessage,
-    { data, headers, body, experimental_attachments }: ChatRequestOptions = {},
+    { 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,
+      createdAt: message.createdAt ?? this.currentDate(),
       parts: message.parts,
     });
 
@@ -174,23 +167,21 @@ 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(),
+      createdAt: this.currentDate(),
       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 = {
@@ -249,32 +240,12 @@ export class Chat {
       // Optimistically update messages
       this.messages = messages;
 
-      const constructedMessagesPayload = this.#options.sendExtraMessageFields
-        ? messages
-        : messages.map(
-            ({
-              role,
-              content,
-              experimental_attachments,
-              annotations,
-              parts,
-            }) => ({
-              role,
-              content,
-              ...(experimental_attachments !== undefined && {
-                experimental_attachments,
-              }),
-              ...(annotations !== undefined && { annotations }),
-              ...(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,
@@ -286,7 +257,6 @@ export class Chat {
           ...chatRequest.headers,
         },
         abortController: () => abortController,
-        restoreMessagesOnFailure: () => {},
         onResponse: this.#options.onResponse,
         onUpdate: ({ message, data, replaceLastMessage }) => {
           this.#store.status = 'streaming';
@@ -306,6 +276,7 @@ export class Chat {
         onToolCall: this.#options.onToolCall,
         onFinish: this.#options.onFinish,
         generateId: this.#generateId,
+        getCurrentDate: this.currentDate,
         fetch: this.#options.fetch,
         // callChatApi calls structuredClone on the message
         lastMessage: $state.snapshot(this.messages[this.messages.length - 1]),