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

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @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
+
+- 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

package/dist/chat.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type UIMessage, type UseChatOptions, type JSONValue, type Message, type CreateMessage, type ChatRequestOptions } from 'ai';
+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.
@@ -8,8 +8,11 @@ export type ChatOptions = Readonly<Omit<UseChatOptions, 'keepLastMessageOnError'
      * @default 1
      */
     maxSteps?: number;
+    '~internal'?: {
+        currentDate?: () => Date;
+    };
 }>;
-export type { CreateMessage, Message, UIMessage };
+export type { CreateUIMessage, UIMessage };
 export declare class Chat {
     #private;
     /**
@@ -44,7 +47,8 @@ export declare class Chat {
      * trigger {@link reload} to regenerate the AI response.
      */
     get messages(): UIMessage[];
-    set messages(value: Message[]);
+    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: Message | CreateMessage, { 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":"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;CAiHH"}
+{"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,7 +1,7 @@
-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 { 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');
@@ -54,8 +54,9 @@ export class Chat {
         return this.#store.messages;
     }
     set messages(value) {
-        untrack(() => (this.#store.messages = fillMessageParts(value)));
+        untrack(() => (this.#store.messages = value));
     }
+    currentDate = $derived(this.#options['~internal']?.currentDate ?? (() => new Date()));
     constructor(options = {}) {
         if (hasChatContext()) {
             this.#keyedStore = getChatContext();
@@ -73,14 +74,12 @@ 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),
+            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,
@@ -161,9 +161,9 @@ 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;
@@ -171,14 +171,10 @@ export class Chat {
             this.messages = messages;
             const constructedMessagesPayload = this.#options.sendExtraMessageFields
                 ? messages
-                : messages.map(({ role, content, experimental_attachments, annotations, toolInvocations, parts, }) => ({
+                : messages.map(({ role, content, annotations, parts }) => ({
                     role,
                     content,
-                    ...(experimental_attachments !== undefined && {
-                        experimental_attachments,
-                    }),
                     ...(annotations !== undefined && { annotations }),
-                    ...(toolInvocations !== undefined && { toolInvocations }),
                     ...(parts !== undefined && { parts }),
                 }));
             const existingData = this.data ?? [];
@@ -217,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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/svelte",
-  "version": "3.0.0-canary.14",
+  "version": "3.0.0-canary.16",
   "license": "Apache-2.0",
   "files": [
     "dist",
@@ -36,8 +36,8 @@
     }
   },
   "dependencies": {
-    "ai": "5.0.0-canary.15",
-    "@ai-sdk/provider-utils": "3.0.0-canary.13"
+    "@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,28 +1,26 @@
+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,
+  type ChatRequest,
+  type ChatRequestOptions,
+  type CreateUIMessage,
+  type JSONValue,
+  type UIMessage,
+  type UseChatOptions,
 } from 'ai';
-import { isAbortError } from '@ai-sdk/provider-utils';
+import { untrack } from 'svelte';
 import {
   KeyedChatStore,
   getChatContext,
   hasChatContext,
 } from './chat-context.svelte.js';
-import { untrack } from 'svelte';
 
 export type ChatOptions = Readonly<
   Omit<UseChatOptions, 'keepLastMessageOnError'> & {
@@ -34,10 +32,14 @@ export type ChatOptions = Readonly<
      * @default 1
      */
     maxSteps?: number;
+
+    '~internal'?: {
+      currentDate?: () => Date;
+    };
   }
 >;
 
-export type { CreateMessage, Message, UIMessage };
+export type { CreateUIMessage, UIMessage };
 
 export class Chat {
   readonly #options: ChatOptions = {};
@@ -95,10 +97,14 @@ export class Chat {
   get messages(): UIMessage[] {
     return this.#store.messages;
   }
-  set messages(value: Message[]) {
-    untrack(() => (this.#store.messages = fillMessageParts(value)));
+  set messages(value: UIMessage[]) {
+    untrack(() => (this.#store.messages = value));
   }
 
+  private currentDate = $derived(
+    this.#options['~internal']?.currentDate ?? (() => new Date()),
+  );
+
   constructor(options: ChatOptions = {}) {
     if (hasChatContext()) {
       this.#keyedStore = getChatContext();
@@ -118,20 +124,14 @@ 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 | CreateUIMessage,
+    { 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),
+      createdAt: message.createdAt ?? this.currentDate(),
+      parts: message.parts,
     });
 
     return this.#triggerRequest({ messages, headers, body, data });
@@ -176,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 = {
@@ -238,10 +236,10 @@ export class Chat {
     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 {
@@ -253,25 +251,12 @@ export class Chat {
 
       const constructedMessagesPayload = this.#options.sendExtraMessageFields
         ? messages
-        : messages.map(
-            ({
-              role,
-              content,
-              experimental_attachments,
-              annotations,
-              toolInvocations,
-              parts,
-            }) => ({
-              role,
-              content,
-              ...(experimental_attachments !== undefined && {
-                experimental_attachments,
-              }),
-              ...(annotations !== undefined && { annotations }),
-              ...(toolInvocations !== undefined && { toolInvocations }),
-              ...(parts !== undefined && { parts }),
-            }),
-          );
+        : messages.map(({ role, content, annotations, parts }) => ({
+            role,
+            content,
+            ...(annotations !== undefined && { annotations }),
+            ...(parts !== undefined && { parts }),
+          }));
 
       const existingData = this.data ?? [];
       await callChatApi({
@@ -310,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]),

package/src/index.ts

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