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

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ai-sdk/svelte
 
+## 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/dist/chat.svelte.d.ts

@@ -8,6 +8,9 @@ export type ChatOptions = Readonly<Omit<UseChatOptions, 'keepLastMessageOnError'
      * @default 1
      */
     maxSteps?: number;
+    '~internal'?: {
+        currentDate?: () => Date;
+    };
 }>;
 export type { CreateUIMessage, UIMessage };
 export declare class Chat {
@@ -45,6 +48,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 +56,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 +70,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,IAAI,CAAC,cAAc,EAAE,wBAAwB,CAAC,GAAG;IAC/C;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,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;CAqGH"}

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,
@@ -171,12 +171,9 @@ export class Chat {
             this.messages = messages;
             const constructedMessagesPayload = this.#options.sendExtraMessageFields
                 ? messages
-                : messages.map(({ role, content, experimental_attachments, annotations, parts, }) => ({
+                : messages.map(({ role, content, annotations, parts }) => ({
                     role,
                     content,
-                    ...(experimental_attachments !== undefined && {
-                        experimental_attachments,
-                    }),
                     ...(annotations !== undefined && { annotations }),
                     ...(parts !== undefined && { parts }),
                 }));
@@ -216,6 +213,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.16",
   "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-sdk/provider-utils": "3.0.0-canary.14",
+    "ai": "5.0.0-canary.17"
   },
   "devDependencies": {
     "@types/node": "20.17.24",

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,
@@ -32,6 +32,10 @@ export type ChatOptions = Readonly<
      * @default 1
      */
     maxSteps?: number;
+
+    '~internal'?: {
+      currentDate?: () => Date;
+    };
   }
 >;
 
@@ -97,6 +101,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 +125,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 +176,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 = {
@@ -251,23 +251,12 @@ export class Chat {
 
       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 }),
-            }),
-          );
+        : messages.map(({ role, content, annotations, parts }) => ({
+            role,
+            content,
+            ...(annotations !== undefined && { annotations }),
+            ...(parts !== undefined && { parts }),
+          }));
 
       const existingData = this.data ?? [];
       await callChatApi({
@@ -306,6 +295,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]),