@ai-sdk/vue 2.0.0-alpha.9 → 2.0.0-beta.2

package/CHANGELOG.md

@@ -1,5 +1,112 @@
 # @ai-sdk/vue
 
+## 2.0.0-beta.2
+
+### Patch Changes
+
+- Updated dependencies [0d9583c]
+- Updated dependencies [0571b98]
+- Updated dependencies [c6b64a7]
+- Updated dependencies [39a4fab]
+- Updated dependencies [cb3b9c9]
+- Updated dependencies [d1a034f]
+  - ai@5.0.0-beta.2
+  - @ai-sdk/provider-utils@3.0.0-beta.2
+
+## 2.0.0-beta.1
+
+### Patch Changes
+
+- Updated dependencies [d88455d]
+- Updated dependencies [45c1ea2]
+- Updated dependencies [9ad0484]
+- Updated dependencies [e025824]
+- Updated dependencies [4048ce3]
+- Updated dependencies [f2b041e]
+- Updated dependencies [cb68df0]
+- Updated dependencies [26695a3]
+- Updated dependencies [bfdca8d]
+- Updated dependencies [e7d2ce3]
+- Updated dependencies [102b066]
+- Updated dependencies [71f938d]
+- Updated dependencies [28a5ed5]
+- Updated dependencies [e862b5b]
+- Updated dependencies [7bd025b]
+  - ai@5.0.0-beta.1
+  - @ai-sdk/provider-utils@3.0.0-beta.1
+
+## 2.0.0-alpha.15
+
+### Patch Changes
+
+- Updated dependencies [b1e3abd]
+- Updated dependencies [8ba77a7]
+- Updated dependencies [04d5063]
+- Updated dependencies [b4b4bb2]
+- Updated dependencies [d884051]
+- Updated dependencies [954aa73]
+- Updated dependencies [142576e]
+- Updated dependencies [395c85e]
+- Updated dependencies [60e2c56]
+  - ai@5.0.0-alpha.15
+  - @ai-sdk/provider-utils@3.0.0-alpha.15
+
+## 2.0.0-alpha.14
+
+### Patch Changes
+
+- Updated dependencies [63f9e9b]
+  - ai@5.0.0-alpha.14
+  - @ai-sdk/provider-utils@3.0.0-alpha.14
+
+## 2.0.0-alpha.13
+
+### Major Changes
+
+- 0a710d8: feat (ui): typed tool parts in ui messages
+- 901df02: feat (ui): use UI_MESSAGE generic
+
+### Patch Changes
+
+- Updated dependencies [0a710d8]
+- Updated dependencies [6a83f7d]
+- Updated dependencies [1f55c21]
+- Updated dependencies [33eb499]
+- Updated dependencies [901df02]
+  - ai@5.0.0-alpha.13
+  - @ai-sdk/provider-utils@3.0.0-alpha.13
+
+## 2.0.0-alpha.12
+
+### Patch Changes
+
+- Updated dependencies [da1e6f0]
+- Updated dependencies [4892798]
+  - ai@5.0.0-alpha.12
+  - @ai-sdk/provider-utils@3.0.0-alpha.12
+
+## 2.0.0-alpha.11
+
+### Patch Changes
+
+- Updated dependencies [e8324c5]
+  - ai@5.0.0-alpha.11
+  - @ai-sdk/provider-utils@3.0.0-alpha.11
+
+## 2.0.0-alpha.10
+
+### Major Changes
+
+- 98f25e5: chore (ui): remove managed chat inputs
+- 98f25e5: chore (ui/vue): replace useChat with new Chat
+
+### Patch Changes
+
+- Updated dependencies [98f25e5]
+- Updated dependencies [7bb58d4]
+  - ai@5.0.0-alpha.10
+  - @ai-sdk/provider-utils@3.0.0-alpha.10
+
 ## 2.0.0-alpha.9
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1,76 +1,7 @@
-import { UIDataPartSchemas, AbstractChat, BaseChatInit, UIMessage, InferUIDataParts, CreateUIMessage, ChatRequestOptions, FileUIPart, ChatStatus, CompletionRequestOptions, UseCompletionOptions } from 'ai';
-export { CreateUIMessage, UIMessage, UseCompletionOptions } from 'ai';
+import { CompletionRequestOptions, UseCompletionOptions, UIMessage, AbstractChat, ChatInit } from 'ai';
+export { UseCompletionOptions } from 'ai';
 import { Ref } from 'vue';
 
-declare class Chat<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> extends AbstractChat<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS> {
-    constructor({ messages, ...init }: BaseChatInit<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS>);
-}
-
-type UseChatOptions<MESSAGE_METADATA = unknown, DATA_TYPE_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> = ({
-    chat: Chat<MESSAGE_METADATA, DATA_TYPE_SCHEMAS>;
-} | BaseChatInit<MESSAGE_METADATA, DATA_TYPE_SCHEMAS>) & {
-    /**
-     * Initial input of the chat.
-     */
-    initialInput?: string;
-};
-type UseChatHelpers<MESSAGE_METADATA = unknown, DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> = {
-    /**
-     * The id of the chat.
-     */
-    readonly id: string;
-    /** Current messages in the chat */
-    readonly messages: Ref<UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]>;
-    /** The error object of the API request */
-    readonly error: Ref<Error | undefined>;
-    /**
-     * 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: CreateUIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>, options?: 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: (chatRequestOptions?: ChatRequestOptions) => Promise<void>;
-    /**
-     * Abort the current request immediately, keep the generated tokens if any.
-     */
-    stop: () => void;
-    /**
-     * Update the `messages` state locally. This is useful when you want to
-     * edit the messages on the client, and then trigger the `reload` method
-     * manually to regenerate the AI response.
-     */
-    setMessages: (messages: UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[] | ((messages: UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]) => UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[])) => void;
-    /** The current value of the input */
-    input: Ref<string>;
-    /** Form submission handler to automatically reset input and append a user message  */
-    handleSubmit: (event?: {
-        preventDefault?: () => void;
-    }, chatRequestOptions?: ChatRequestOptions & {
-        files?: FileList | FileUIPart[];
-    }) => void;
-    /**
-     * 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.
-     */
-    status: Ref<ChatStatus>;
-    addToolResult: ({ toolCallId, result, }: {
-        toolCallId: string;
-        result: any;
-    }) => void;
-};
-declare function useChat<MESSAGE_METADATA = unknown, DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas>({ initialInput, ...options }?: UseChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>): UseChatHelpers<MESSAGE_METADATA, DATA_PART_SCHEMAS>;
-
 type UseCompletionHelpers = {
     /** The current completion result */
     completion: Ref<string>;
@@ -107,4 +38,8 @@ type UseCompletionHelpers = {
 };
 declare function useCompletion({ api, id, initialCompletion, initialInput, credentials, headers, body, streamProtocol, onFinish, onError, fetch, }?: UseCompletionOptions): UseCompletionHelpers;
 
-export { Chat, UseChatHelpers, UseChatOptions, UseCompletionHelpers, useChat, useCompletion };
+declare class Chat<UI_MESSAGE extends UIMessage> extends AbstractChat<UI_MESSAGE> {
+    constructor({ messages, ...init }: ChatInit<UI_MESSAGE>);
+}
+
+export { Chat, UseCompletionHelpers, useCompletion };

package/dist/index.d.ts

@@ -1,76 +1,7 @@
-import { UIDataPartSchemas, AbstractChat, BaseChatInit, UIMessage, InferUIDataParts, CreateUIMessage, ChatRequestOptions, FileUIPart, ChatStatus, CompletionRequestOptions, UseCompletionOptions } from 'ai';
-export { CreateUIMessage, UIMessage, UseCompletionOptions } from 'ai';
+import { CompletionRequestOptions, UseCompletionOptions, UIMessage, AbstractChat, ChatInit } from 'ai';
+export { UseCompletionOptions } from 'ai';
 import { Ref } from 'vue';
 
-declare class Chat<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> extends AbstractChat<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS> {
-    constructor({ messages, ...init }: BaseChatInit<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS>);
-}
-
-type UseChatOptions<MESSAGE_METADATA = unknown, DATA_TYPE_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> = ({
-    chat: Chat<MESSAGE_METADATA, DATA_TYPE_SCHEMAS>;
-} | BaseChatInit<MESSAGE_METADATA, DATA_TYPE_SCHEMAS>) & {
-    /**
-     * Initial input of the chat.
-     */
-    initialInput?: string;
-};
-type UseChatHelpers<MESSAGE_METADATA = unknown, DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas> = {
-    /**
-     * The id of the chat.
-     */
-    readonly id: string;
-    /** Current messages in the chat */
-    readonly messages: Ref<UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]>;
-    /** The error object of the API request */
-    readonly error: Ref<Error | undefined>;
-    /**
-     * 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: CreateUIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>, options?: 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: (chatRequestOptions?: ChatRequestOptions) => Promise<void>;
-    /**
-     * Abort the current request immediately, keep the generated tokens if any.
-     */
-    stop: () => void;
-    /**
-     * Update the `messages` state locally. This is useful when you want to
-     * edit the messages on the client, and then trigger the `reload` method
-     * manually to regenerate the AI response.
-     */
-    setMessages: (messages: UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[] | ((messages: UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]) => UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[])) => void;
-    /** The current value of the input */
-    input: Ref<string>;
-    /** Form submission handler to automatically reset input and append a user message  */
-    handleSubmit: (event?: {
-        preventDefault?: () => void;
-    }, chatRequestOptions?: ChatRequestOptions & {
-        files?: FileList | FileUIPart[];
-    }) => void;
-    /**
-     * 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.
-     */
-    status: Ref<ChatStatus>;
-    addToolResult: ({ toolCallId, result, }: {
-        toolCallId: string;
-        result: any;
-    }) => void;
-};
-declare function useChat<MESSAGE_METADATA = unknown, DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas>({ initialInput, ...options }?: UseChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS>): UseChatHelpers<MESSAGE_METADATA, DATA_PART_SCHEMAS>;
-
 type UseCompletionHelpers = {
     /** The current completion result */
     completion: Ref<string>;
@@ -107,4 +38,8 @@ type UseCompletionHelpers = {
 };
 declare function useCompletion({ api, id, initialCompletion, initialInput, credentials, headers, body, streamProtocol, onFinish, onError, fetch, }?: UseCompletionOptions): UseCompletionHelpers;
 
-export { Chat, UseChatHelpers, UseChatOptions, UseCompletionHelpers, useChat, useCompletion };
+declare class Chat<UI_MESSAGE extends UIMessage> extends AbstractChat<UI_MESSAGE> {
+    constructor({ messages, ...init }: ChatInit<UI_MESSAGE>);
+}
+
+export { Chat, UseCompletionHelpers, useCompletion };

package/dist/index.js

@@ -31,125 +31,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Chat: () => Chat,
-  useChat: () => useChat,
   useCompletion: () => useCompletion
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/use-chat.ts
-var import_ai2 = require("ai");
-var import_vue2 = require("vue");
-
-// src/chat.vue.ts
-var import_ai = require("ai");
-var import_vue = require("vue");
-var VueChatState = class {
-  constructor(messages) {
-    this.statusRef = (0, import_vue.ref)("ready");
-    this.errorRef = (0, import_vue.ref)(void 0);
-    this.pushMessage = (message) => {
-      this.messagesRef.value.push(message);
-    };
-    this.popMessage = () => {
-      this.messagesRef.value.pop();
-    };
-    this.replaceMessage = (index, message) => {
-      this.messagesRef.value[index] = { ...message };
-    };
-    this.snapshot = (value) => value;
-    this.messagesRef = (0, import_vue.ref)(messages != null ? messages : []);
-  }
-  get messages() {
-    return this.messagesRef.value;
-  }
-  set messages(messages) {
-    this.messagesRef.value = messages;
-  }
-  get status() {
-    return this.statusRef.value;
-  }
-  set status(status) {
-    this.statusRef.value = status;
-  }
-  get error() {
-    return this.errorRef.value;
-  }
-  set error(error) {
-    this.errorRef.value = error;
-  }
-};
-var Chat = class extends import_ai.AbstractChat {
-  constructor({
-    messages,
-    ...init
-  }) {
-    super({
-      ...init,
-      state: new VueChatState(messages)
-    });
-  }
-};
-
-// src/use-chat.ts
-function useChat({
-  initialInput = "",
-  ...options
-} = {}) {
-  const chat = "chat" in options ? options.chat : new Chat(options);
-  const messages = (0, import_vue2.computed)(() => chat.messages);
-  const status = (0, import_vue2.computed)(() => chat.status);
-  const error = (0, import_vue2.computed)(() => chat.error);
-  const append = async (message, { headers, body } = {}) => chat.append(message, { headers, body });
-  const reload = async ({ headers, body } = {}) => chat.reload({ headers, body });
-  const stop = () => chat.stop();
-  const setMessages = (messagesParam) => {
-    if (typeof messagesParam === "function") {
-      messagesParam = messagesParam(chat.messages);
-    }
-    chat.messages = messagesParam;
-  };
-  const input = (0, import_vue2.ref)(initialInput);
-  const handleSubmit = async (event, options2 = {}) => {
-    var _a;
-    (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
-    const inputValue = input.value;
-    const fileParts = Array.isArray(options2 == null ? void 0 : options2.files) ? options2.files : await (0, import_ai2.convertFileListToFileUIParts)(options2 == null ? void 0 : options2.files);
-    if (!inputValue && fileParts.length === 0)
-      return;
-    await append(
-      {
-        id: chat.generateId(),
-        role: "user",
-        metadata: void 0,
-        parts: [...fileParts, { type: "text", text: inputValue }]
-      },
-      {
-        headers: options2.headers,
-        body: options2.body
-      }
-    );
-    input.value = "";
-  };
-  const addToolResult = (options2) => chat.addToolResult(options2);
-  return {
-    id: chat.id,
-    messages,
-    append,
-    error,
-    reload,
-    stop,
-    setMessages,
-    input,
-    handleSubmit,
-    status,
-    addToolResult
-  };
-}
-
 // src/use-completion.ts
-var import_ai3 = require("ai");
+var import_ai = require("ai");
 var import_swrv = __toESM(require("swrv"));
-var import_vue3 = require("vue");
+var import_vue = require("vue");
 var uniqueId = 0;
 var useSWRV = import_swrv.default.default || import_swrv.default;
 var store = {};
@@ -184,10 +73,10 @@ function useCompletion({
     return originalMutate();
   };
   const completion = data;
-  const error = (0, import_vue3.ref)(void 0);
+  const error = (0, import_vue.ref)(void 0);
   let abortController = null;
   async function triggerRequest(prompt, options) {
-    return (0, import_ai3.callCompletionApi)({
+    return (0, import_ai.callCompletionApi)({
       api,
       prompt,
       credentials,
@@ -196,7 +85,7 @@ function useCompletion({
         ...options == null ? void 0 : options.headers
       },
       body: {
-        ...(0, import_vue3.unref)(body),
+        ...(0, import_vue.unref)(body),
         ...options == null ? void 0 : options.body
       },
       streamProtocol,
@@ -225,7 +114,7 @@ function useCompletion({
   const setCompletion = (completion2) => {
     mutate(completion2);
   };
-  const input = (0, import_vue3.ref)(initialInput);
+  const input = (0, import_vue.ref)(initialInput);
   const handleSubmit = (event) => {
     var _a2;
     (_a2 = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a2.call(event);
@@ -243,10 +132,56 @@ function useCompletion({
     isLoading
   };
 }
+
+// src/chat.vue.ts
+var import_ai2 = require("ai");
+var import_vue2 = require("vue");
+var VueChatState = class {
+  constructor(messages) {
+    this.statusRef = (0, import_vue2.ref)("ready");
+    this.errorRef = (0, import_vue2.ref)(void 0);
+    this.pushMessage = (message) => {
+      this.messagesRef.value.push(message);
+    };
+    this.popMessage = () => {
+      this.messagesRef.value.pop();
+    };
+    this.replaceMessage = (index, message) => {
+      this.messagesRef.value[index] = { ...message };
+    };
+    this.snapshot = (value) => value;
+    this.messagesRef = (0, import_vue2.ref)(messages != null ? messages : []);
+  }
+  get messages() {
+    return this.messagesRef.value;
+  }
+  set messages(messages) {
+    this.messagesRef.value = messages;
+  }
+  get status() {
+    return this.statusRef.value;
+  }
+  set status(status) {
+    this.statusRef.value = status;
+  }
+  get error() {
+    return this.errorRef.value;
+  }
+  set error(error) {
+    this.errorRef.value = error;
+  }
+};
+var Chat = class extends import_ai2.AbstractChat {
+  constructor({ messages, ...init }) {
+    super({
+      ...init,
+      state: new VueChatState(messages)
+    });
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Chat,
-  useChat,
   useCompletion
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/use-chat.ts","../src/chat.vue.ts","../src/use-completion.ts"],"sourcesContent":["export * from './use-chat';\nexport * from './use-completion';\nexport { Chat } from './chat.vue';\n","import type {\n  BaseChatInit,\n  ChatRequestOptions,\n  ChatStatus,\n  CreateUIMessage,\n  FileUIPart,\n  InferUIDataParts,\n  UIDataPartSchemas,\n  UIMessage,\n} from 'ai';\nimport { convertFileListToFileUIParts } from 'ai';\nimport type { Ref } from 'vue';\nimport { computed, ref } from 'vue';\nimport { Chat } from './chat.vue';\n\nexport type { CreateUIMessage, UIMessage };\n\nexport type UseChatOptions<\n  MESSAGE_METADATA = unknown,\n  DATA_TYPE_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n> = (\n  | { chat: Chat<MESSAGE_METADATA, DATA_TYPE_SCHEMAS> }\n  | BaseChatInit<MESSAGE_METADATA, DATA_TYPE_SCHEMAS>\n) & {\n  /**\n   * Initial input of the chat.\n   */\n  initialInput?: string;\n};\n\nexport type UseChatHelpers<\n  MESSAGE_METADATA = unknown,\n  DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n> = {\n  /**\n   * The id of the chat.\n   */\n  readonly id: string;\n\n  /** Current messages in the chat */\n  readonly messages: Ref<\n    UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]\n  >;\n\n  /** The error object of the API request */\n  readonly error: Ref<Error | undefined>;\n\n  /**\n   * Append a user message to the chat list. This triggers the API call to fetch\n   * the assistant's response.\n   *\n   * @param message The message to append\n   * @param options Additional options to pass to the API call\n   */\n  append: (\n    message: CreateUIMessage<\n      MESSAGE_METADATA,\n      InferUIDataParts<DATA_PART_SCHEMAS>\n    >,\n    options?: ChatRequestOptions,\n  ) => Promise<void>;\n\n  /**\n   * Reload the last AI chat response for the given chat history. If the last\n   * message isn't from the assistant, it will request the API to generate a\n   * new response.\n   */\n  reload: (chatRequestOptions?: ChatRequestOptions) => Promise<void>;\n\n  /**\n   * Abort the current request immediately, keep the generated tokens if any.\n   */\n  stop: () => void;\n\n  /**\n   * Update the `messages` state locally. This is useful when you want to\n   * edit the messages on the client, and then trigger the `reload` method\n   * manually to regenerate the AI response.\n   */\n  setMessages: (\n    messages:\n      | UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]\n      | ((\n          messages: UIMessage<\n            MESSAGE_METADATA,\n            InferUIDataParts<DATA_PART_SCHEMAS>\n          >[],\n        ) => UIMessage<\n          MESSAGE_METADATA,\n          InferUIDataParts<DATA_PART_SCHEMAS>\n        >[]),\n  ) => void;\n\n  /** The current value of the input */\n  input: Ref<string>;\n\n  /** Form submission handler to automatically reset input and append a user message  */\n  handleSubmit: (\n    event?: { preventDefault?: () => void },\n    chatRequestOptions?: ChatRequestOptions & {\n      files?: FileList | FileUIPart[];\n    },\n  ) => void;\n\n  /**\n   * Hook status:\n   *\n   * - `submitted`: The message has been sent to the API and we're awaiting the start of the response stream.\n   * - `streaming`: The response is actively streaming in from the API, receiving chunks of data.\n   * - `ready`: The full response has been received and processed; a new user message can be submitted.\n   * - `error`: An error occurred during the API request, preventing successful completion.\n   */\n  status: Ref<ChatStatus>;\n\n  addToolResult: ({\n    toolCallId,\n    result,\n  }: {\n    toolCallId: string;\n    result: any;\n  }) => void;\n};\n\nexport function useChat<\n  MESSAGE_METADATA = unknown,\n  DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n>({\n  initialInput = '',\n  ...options\n}: UseChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS> = {}): UseChatHelpers<\n  MESSAGE_METADATA,\n  DATA_PART_SCHEMAS\n> {\n  const chat = 'chat' in options ? options.chat : new Chat(options);\n\n  const messages = computed(() => chat.messages);\n  const status = computed(() => chat.status);\n  const error = computed(() => chat.error);\n\n  const append = async (\n    message: CreateUIMessage<\n      MESSAGE_METADATA,\n      InferUIDataParts<DATA_PART_SCHEMAS>\n    >,\n    { headers, body }: ChatRequestOptions = {},\n  ) => chat.append(message, { headers, body });\n\n  const reload = async ({ headers, body }: ChatRequestOptions = {}) =>\n    chat.reload({ headers, body });\n\n  const stop = () => chat.stop();\n\n  const setMessages = (\n    messagesParam:\n      | UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]\n      | ((\n          messages: UIMessage<\n            MESSAGE_METADATA,\n            InferUIDataParts<DATA_PART_SCHEMAS>\n          >[],\n        ) => UIMessage<\n          MESSAGE_METADATA,\n          InferUIDataParts<DATA_PART_SCHEMAS>\n        >[]),\n  ) => {\n    if (typeof messagesParam === 'function') {\n      messagesParam = messagesParam(chat.messages);\n    }\n\n    chat.messages = messagesParam;\n  };\n\n  const input = ref(initialInput);\n\n  const handleSubmit = async (\n    event?: { preventDefault?: () => void },\n    options: ChatRequestOptions & { files?: FileList | FileUIPart[] } = {},\n  ) => {\n    event?.preventDefault?.();\n\n    const inputValue = input.value;\n\n    const fileParts = Array.isArray(options?.files)\n      ? options.files\n      : await convertFileListToFileUIParts(options?.files);\n\n    if (!inputValue && fileParts.length === 0) return;\n\n    await append(\n      {\n        id: chat.generateId(),\n        role: 'user',\n        metadata: undefined,\n        parts: [...fileParts, { type: 'text', text: inputValue }],\n      },\n      {\n        headers: options.headers,\n        body: options.body,\n      },\n    );\n\n    input.value = '';\n  };\n\n  const addToolResult = (\n    options: Omit<\n      Parameters<Chat<MESSAGE_METADATA, DATA_PART_SCHEMAS>['addToolResult']>[0],\n      'chatId'\n    >,\n  ) => chat.addToolResult(options);\n\n  return {\n    id: chat.id,\n    messages,\n    append,\n    error,\n    reload,\n    stop,\n    setMessages,\n    input,\n    handleSubmit,\n    status,\n    addToolResult,\n  };\n}\n","import {\n  AbstractChat,\n  BaseChatInit,\n  ChatState,\n  ChatStatus,\n  UIDataPartSchemas,\n  UIDataTypes,\n  UIMessage,\n} from 'ai';\nimport { Ref, ref } from 'vue';\n\nclass VueChatState<MESSAGE_METADATA, DATA_TYPES extends UIDataTypes>\n  implements ChatState<MESSAGE_METADATA, DATA_TYPES>\n{\n  private messagesRef: Ref<UIMessage<MESSAGE_METADATA, DATA_TYPES>[]>;\n  private statusRef = ref<ChatStatus>('ready');\n  private errorRef = ref<Error | undefined>(undefined);\n\n  constructor(messages?: UIMessage<MESSAGE_METADATA, DATA_TYPES>[]) {\n    this.messagesRef = ref(messages ?? []) as Ref<\n      UIMessage<MESSAGE_METADATA, DATA_TYPES>[]\n    >;\n  }\n\n  get messages(): UIMessage<MESSAGE_METADATA, DATA_TYPES>[] {\n    return this.messagesRef.value;\n  }\n\n  set messages(messages: UIMessage<MESSAGE_METADATA, DATA_TYPES>[]) {\n    this.messagesRef.value = messages;\n  }\n\n  get status(): ChatStatus {\n    return this.statusRef.value;\n  }\n\n  set status(status: ChatStatus) {\n    this.statusRef.value = status;\n  }\n\n  get error(): Error | undefined {\n    return this.errorRef.value;\n  }\n\n  set error(error: Error | undefined) {\n    this.errorRef.value = error;\n  }\n\n  pushMessage = (message: UIMessage<MESSAGE_METADATA, DATA_TYPES>) => {\n    this.messagesRef.value.push(message);\n  };\n\n  popMessage = () => {\n    this.messagesRef.value.pop();\n  };\n\n  replaceMessage = (\n    index: number,\n    message: UIMessage<MESSAGE_METADATA, DATA_TYPES>,\n  ) => {\n    // message is cloned here because vue's deep reactivity shows unexpected behavior, particularly when updating tool invocation parts\n    this.messagesRef.value[index] = { ...message };\n  };\n\n  snapshot = <T>(value: T): T => value;\n}\n\nexport class Chat<\n  MESSAGE_METADATA,\n  UI_DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n> extends AbstractChat<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS> {\n  constructor({\n    messages,\n    ...init\n  }: BaseChatInit<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS>) {\n    super({\n      ...init,\n      state: new VueChatState(messages),\n    });\n  }\n}\n","import type { CompletionRequestOptions, UseCompletionOptions } from 'ai';\nimport { callCompletionApi } from 'ai';\nimport swrv from 'swrv';\nimport type { Ref } from 'vue';\nimport { ref, unref } from 'vue';\n\nexport type { UseCompletionOptions };\n\nexport type UseCompletionHelpers = {\n  /** The current completion result */\n  completion: Ref<string>;\n  /** The error object of the API request */\n  error: Ref<undefined | Error>;\n  /**\n   * Send a new prompt to the API endpoint and update the completion state.\n   */\n  complete: (\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) => Promise<string | null | undefined>;\n  /**\n   * Abort the current API request but keep the generated tokens.\n   */\n  stop: () => void;\n  /**\n   * Update the `completion` state locally.\n   */\n  setCompletion: (completion: string) => void;\n  /** The current value of the input */\n  input: Ref<string>;\n  /**\n   * Form submission handler to automatically reset input and append a user message\n   * @example\n   * ```jsx\n   * <form @submit=\"handleSubmit\">\n   *  <input @change=\"handleInputChange\" v-model=\"input\" />\n   * </form>\n   * ```\n   */\n  handleSubmit: (event?: { preventDefault?: () => void }) => void;\n  /** Whether the API request is in progress */\n  isLoading: Ref<boolean | undefined>;\n};\n\nlet uniqueId = 0;\n\n// @ts-expect-error - some issues with the default export of useSWRV\nconst useSWRV = (swrv.default as (typeof import('swrv'))['default']) || swrv;\nconst store: Record<string, any> = {};\n\nexport function useCompletion({\n  api = '/api/completion',\n  id,\n  initialCompletion = '',\n  initialInput = '',\n  credentials,\n  headers,\n  body,\n  streamProtocol,\n  onFinish,\n  onError,\n  fetch,\n}: UseCompletionOptions = {}): UseCompletionHelpers {\n  // Generate an unique id for the completion if not provided.\n  const completionId = id || `completion-${uniqueId++}`;\n\n  const key = `${api}|${completionId}`;\n  const { data, mutate: originalMutate } = useSWRV<string>(\n    key,\n    () => store[key] || initialCompletion,\n  );\n\n  const { data: isLoading, mutate: mutateLoading } = useSWRV<boolean>(\n    `${completionId}-loading`,\n    null,\n  );\n\n  isLoading.value ??= false;\n\n  // Force the `data` to be `initialCompletion` if it's `undefined`.\n  data.value ||= initialCompletion;\n\n  const mutate = (data: string) => {\n    store[key] = data;\n    return originalMutate();\n  };\n\n  // Because of the `initialData` option, the `data` will never be `undefined`.\n  const completion = data as Ref<string>;\n\n  const error = ref<undefined | Error>(undefined);\n\n  let abortController: AbortController | null = null;\n\n  async function triggerRequest(\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) {\n    return callCompletionApi({\n      api,\n      prompt,\n      credentials,\n      headers: {\n        ...headers,\n        ...options?.headers,\n      },\n      body: {\n        ...unref(body),\n        ...options?.body,\n      },\n      streamProtocol,\n      setCompletion: mutate,\n      setLoading: loading => mutateLoading(() => loading),\n      setError: err => {\n        error.value = err;\n      },\n      setAbortController: controller => {\n        abortController = controller;\n      },\n      onFinish,\n      onError,\n      fetch,\n    });\n  }\n\n  const complete: UseCompletionHelpers['complete'] = async (\n    prompt,\n    options,\n  ) => {\n    return triggerRequest(prompt, options);\n  };\n\n  const stop = () => {\n    if (abortController) {\n      abortController.abort();\n      abortController = null;\n    }\n  };\n\n  const setCompletion = (completion: string) => {\n    mutate(completion);\n  };\n\n  const input = ref(initialInput);\n\n  const handleSubmit = (event?: { preventDefault?: () => void }) => {\n    event?.preventDefault?.();\n    const inputValue = input.value;\n    return inputValue ? complete(inputValue) : undefined;\n  };\n\n  return {\n    completion,\n    complete,\n    error,\n    stop,\n    setCompletion,\n    input,\n    handleSubmit,\n    isLoading,\n  };\n}\n"],"mappings":"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","names":["import_ai","import_vue","options","import_ai","import_vue","swrv","data","completion","_a"]}
+{"version":3,"sources":["../src/index.ts","../src/use-completion.ts","../src/chat.vue.ts"],"sourcesContent":["export * from './use-completion';\nexport { Chat } from './chat.vue';\n","import type { CompletionRequestOptions, UseCompletionOptions } from 'ai';\nimport { callCompletionApi } from 'ai';\nimport swrv from 'swrv';\nimport type { Ref } from 'vue';\nimport { ref, unref } from 'vue';\n\nexport type { UseCompletionOptions };\n\nexport type UseCompletionHelpers = {\n  /** The current completion result */\n  completion: Ref<string>;\n  /** The error object of the API request */\n  error: Ref<undefined | Error>;\n  /**\n   * Send a new prompt to the API endpoint and update the completion state.\n   */\n  complete: (\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) => Promise<string | null | undefined>;\n  /**\n   * Abort the current API request but keep the generated tokens.\n   */\n  stop: () => void;\n  /**\n   * Update the `completion` state locally.\n   */\n  setCompletion: (completion: string) => void;\n  /** The current value of the input */\n  input: Ref<string>;\n  /**\n   * Form submission handler to automatically reset input and append a user message\n   * @example\n   * ```jsx\n   * <form @submit=\"handleSubmit\">\n   *  <input @change=\"handleInputChange\" v-model=\"input\" />\n   * </form>\n   * ```\n   */\n  handleSubmit: (event?: { preventDefault?: () => void }) => void;\n  /** Whether the API request is in progress */\n  isLoading: Ref<boolean | undefined>;\n};\n\nlet uniqueId = 0;\n\n// @ts-expect-error - some issues with the default export of useSWRV\nconst useSWRV = (swrv.default as (typeof import('swrv'))['default']) || swrv;\nconst store: Record<string, any> = {};\n\nexport function useCompletion({\n  api = '/api/completion',\n  id,\n  initialCompletion = '',\n  initialInput = '',\n  credentials,\n  headers,\n  body,\n  streamProtocol,\n  onFinish,\n  onError,\n  fetch,\n}: UseCompletionOptions = {}): UseCompletionHelpers {\n  // Generate an unique id for the completion if not provided.\n  const completionId = id || `completion-${uniqueId++}`;\n\n  const key = `${api}|${completionId}`;\n  const { data, mutate: originalMutate } = useSWRV<string>(\n    key,\n    () => store[key] || initialCompletion,\n  );\n\n  const { data: isLoading, mutate: mutateLoading } = useSWRV<boolean>(\n    `${completionId}-loading`,\n    null,\n  );\n\n  isLoading.value ??= false;\n\n  // Force the `data` to be `initialCompletion` if it's `undefined`.\n  data.value ||= initialCompletion;\n\n  const mutate = (data: string) => {\n    store[key] = data;\n    return originalMutate();\n  };\n\n  // Because of the `initialData` option, the `data` will never be `undefined`.\n  const completion = data as Ref<string>;\n\n  const error = ref<undefined | Error>(undefined);\n\n  let abortController: AbortController | null = null;\n\n  async function triggerRequest(\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) {\n    return callCompletionApi({\n      api,\n      prompt,\n      credentials,\n      headers: {\n        ...headers,\n        ...options?.headers,\n      },\n      body: {\n        ...unref(body),\n        ...options?.body,\n      },\n      streamProtocol,\n      setCompletion: mutate,\n      setLoading: loading => mutateLoading(() => loading),\n      setError: err => {\n        error.value = err;\n      },\n      setAbortController: controller => {\n        abortController = controller;\n      },\n      onFinish,\n      onError,\n      fetch,\n    });\n  }\n\n  const complete: UseCompletionHelpers['complete'] = async (\n    prompt,\n    options,\n  ) => {\n    return triggerRequest(prompt, options);\n  };\n\n  const stop = () => {\n    if (abortController) {\n      abortController.abort();\n      abortController = null;\n    }\n  };\n\n  const setCompletion = (completion: string) => {\n    mutate(completion);\n  };\n\n  const input = ref(initialInput);\n\n  const handleSubmit = (event?: { preventDefault?: () => void }) => {\n    event?.preventDefault?.();\n    const inputValue = input.value;\n    return inputValue ? complete(inputValue) : undefined;\n  };\n\n  return {\n    completion,\n    complete,\n    error,\n    stop,\n    setCompletion,\n    input,\n    handleSubmit,\n    isLoading,\n  };\n}\n","import {\n  AbstractChat,\n  ChatInit as BaseChatInit,\n  ChatState,\n  ChatStatus,\n  UIMessage,\n} from 'ai';\nimport { Ref, ref } from 'vue';\n\nclass VueChatState<UI_MESSAGE extends UIMessage>\n  implements ChatState<UI_MESSAGE>\n{\n  private messagesRef: Ref<UI_MESSAGE[]>;\n  private statusRef = ref<ChatStatus>('ready');\n  private errorRef = ref<Error | undefined>(undefined);\n\n  constructor(messages?: UI_MESSAGE[]) {\n    this.messagesRef = ref(messages ?? []) as Ref<UI_MESSAGE[]>;\n  }\n\n  get messages(): UI_MESSAGE[] {\n    return this.messagesRef.value;\n  }\n\n  set messages(messages: UI_MESSAGE[]) {\n    this.messagesRef.value = messages;\n  }\n\n  get status(): ChatStatus {\n    return this.statusRef.value;\n  }\n\n  set status(status: ChatStatus) {\n    this.statusRef.value = status;\n  }\n\n  get error(): Error | undefined {\n    return this.errorRef.value;\n  }\n\n  set error(error: Error | undefined) {\n    this.errorRef.value = error;\n  }\n\n  pushMessage = (message: UI_MESSAGE) => {\n    this.messagesRef.value.push(message);\n  };\n\n  popMessage = () => {\n    this.messagesRef.value.pop();\n  };\n\n  replaceMessage = (index: number, message: UI_MESSAGE) => {\n    // message is cloned here because vue's deep reactivity shows unexpected behavior, particularly when updating tool invocation parts\n    this.messagesRef.value[index] = { ...message };\n  };\n\n  snapshot = <T>(value: T): T => value;\n}\n\nexport class Chat<\n  UI_MESSAGE extends UIMessage,\n> extends AbstractChat<UI_MESSAGE> {\n  constructor({ messages, ...init }: BaseChatInit<UI_MESSAGE>) {\n    super({\n      ...init,\n      state: new VueChatState(messages),\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,gBAAkC;AAClC,kBAAiB;AAEjB,iBAA2B;AAwC3B,IAAI,WAAW;AAGf,IAAM,UAAW,YAAAA,QAAK,WAAkD,YAAAA;AACxE,IAAM,QAA6B,CAAC;AAE7B,SAAS,cAAc;AAAA,EAC5B,MAAM;AAAA,EACN;AAAA,EACA,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,IAA0B,CAAC,GAAyB;AA9DpD;AAgEE,QAAM,eAAe,MAAM,cAAc,UAAU;AAEnD,QAAM,MAAM,GAAG,GAAG,IAAI,YAAY;AAClC,QAAM,EAAE,MAAM,QAAQ,eAAe,IAAI;AAAA,IACvC;AAAA,IACA,MAAM,MAAM,GAAG,KAAK;AAAA,EACtB;AAEA,QAAM,EAAE,MAAM,WAAW,QAAQ,cAAc,IAAI;AAAA,IACjD,GAAG,YAAY;AAAA,IACf;AAAA,EACF;AAEA,kBAAU,UAAV,sBAAU,QAAU;AAGpB,OAAK,UAAL,KAAK,QAAU;AAEf,QAAM,SAAS,CAACC,UAAiB;AAC/B,UAAM,GAAG,IAAIA;AACb,WAAO,eAAe;AAAA,EACxB;AAGA,QAAM,aAAa;AAEnB,QAAM,YAAQ,gBAAuB,MAAS;AAE9C,MAAI,kBAA0C;AAE9C,iBAAe,eACb,QACA,SACA;AACA,eAAO,6BAAkB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,GAAG;AAAA,QACH,GAAG,mCAAS;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,OAAG,kBAAM,IAAI;AAAA,QACb,GAAG,mCAAS;AAAA,MACd;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,YAAY,aAAW,cAAc,MAAM,OAAO;AAAA,MAClD,UAAU,SAAO;AACf,cAAM,QAAQ;AAAA,MAChB;AAAA,MACA,oBAAoB,gBAAc;AAChC,0BAAkB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,WAA6C,OACjD,QACA,YACG;AACH,WAAO,eAAe,QAAQ,OAAO;AAAA,EACvC;AAEA,QAAM,OAAO,MAAM;AACjB,QAAI,iBAAiB;AACnB,sBAAgB,MAAM;AACtB,wBAAkB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,gBAAgB,CAACC,gBAAuB;AAC5C,WAAOA,WAAU;AAAA,EACnB;AAEA,QAAM,YAAQ,gBAAI,YAAY;AAE9B,QAAM,eAAe,CAAC,UAA4C;AAjJpE,QAAAC;AAkJI,KAAAA,MAAA,+BAAO,mBAAP,gBAAAA,IAAA;AACA,UAAM,aAAa,MAAM;AACzB,WAAO,aAAa,SAAS,UAAU,IAAI;AAAA,EAC7C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ACjKA,IAAAC,aAMO;AACP,IAAAC,cAAyB;AAEzB,IAAM,eAAN,MAEA;AAAA,EAKE,YAAY,UAAyB;AAHrC,SAAQ,gBAAY,iBAAgB,OAAO;AAC3C,SAAQ,eAAW,iBAAuB,MAAS;AA8BnD,uBAAc,CAAC,YAAwB;AACrC,WAAK,YAAY,MAAM,KAAK,OAAO;AAAA,IACrC;AAEA,sBAAa,MAAM;AACjB,WAAK,YAAY,MAAM,IAAI;AAAA,IAC7B;AAEA,0BAAiB,CAAC,OAAe,YAAwB;AAEvD,WAAK,YAAY,MAAM,KAAK,IAAI,EAAE,GAAG,QAAQ;AAAA,IAC/C;AAEA,oBAAW,CAAI,UAAgB;AAxC7B,SAAK,kBAAc,iBAAI,8BAAY,CAAC,CAAC;AAAA,EACvC;AAAA,EAEA,IAAI,WAAyB;AAC3B,WAAO,KAAK,YAAY;AAAA,EAC1B;AAAA,EAEA,IAAI,SAAS,UAAwB;AACnC,SAAK,YAAY,QAAQ;AAAA,EAC3B;AAAA,EAEA,IAAI,SAAqB;AACvB,WAAO,KAAK,UAAU;AAAA,EACxB;AAAA,EAEA,IAAI,OAAO,QAAoB;AAC7B,SAAK,UAAU,QAAQ;AAAA,EACzB;AAAA,EAEA,IAAI,QAA2B;AAC7B,WAAO,KAAK,SAAS;AAAA,EACvB;AAAA,EAEA,IAAI,MAAM,OAA0B;AAClC,SAAK,SAAS,QAAQ;AAAA,EACxB;AAgBF;AAEO,IAAM,OAAN,cAEG,wBAAyB;AAAA,EACjC,YAAY,EAAE,UAAU,GAAG,KAAK,GAA6B;AAC3D,UAAM;AAAA,MACJ,GAAG;AAAA,MACH,OAAO,IAAI,aAAa,QAAQ;AAAA,IAClC,CAAC;AAAA,EACH;AACF;","names":["swrv","data","completion","_a","import_ai","import_vue"]}

package/dist/index.mjs

@@ -1,119 +1,7 @@
-// src/use-chat.ts
-import { convertFileListToFileUIParts } from "ai";
-import { computed, ref as ref2 } from "vue";
-
-// src/chat.vue.ts
-import {
-  AbstractChat
-} from "ai";
-import { ref } from "vue";
-var VueChatState = class {
-  constructor(messages) {
-    this.statusRef = ref("ready");
-    this.errorRef = ref(void 0);
-    this.pushMessage = (message) => {
-      this.messagesRef.value.push(message);
-    };
-    this.popMessage = () => {
-      this.messagesRef.value.pop();
-    };
-    this.replaceMessage = (index, message) => {
-      this.messagesRef.value[index] = { ...message };
-    };
-    this.snapshot = (value) => value;
-    this.messagesRef = ref(messages != null ? messages : []);
-  }
-  get messages() {
-    return this.messagesRef.value;
-  }
-  set messages(messages) {
-    this.messagesRef.value = messages;
-  }
-  get status() {
-    return this.statusRef.value;
-  }
-  set status(status) {
-    this.statusRef.value = status;
-  }
-  get error() {
-    return this.errorRef.value;
-  }
-  set error(error) {
-    this.errorRef.value = error;
-  }
-};
-var Chat = class extends AbstractChat {
-  constructor({
-    messages,
-    ...init
-  }) {
-    super({
-      ...init,
-      state: new VueChatState(messages)
-    });
-  }
-};
-
-// src/use-chat.ts
-function useChat({
-  initialInput = "",
-  ...options
-} = {}) {
-  const chat = "chat" in options ? options.chat : new Chat(options);
-  const messages = computed(() => chat.messages);
-  const status = computed(() => chat.status);
-  const error = computed(() => chat.error);
-  const append = async (message, { headers, body } = {}) => chat.append(message, { headers, body });
-  const reload = async ({ headers, body } = {}) => chat.reload({ headers, body });
-  const stop = () => chat.stop();
-  const setMessages = (messagesParam) => {
-    if (typeof messagesParam === "function") {
-      messagesParam = messagesParam(chat.messages);
-    }
-    chat.messages = messagesParam;
-  };
-  const input = ref2(initialInput);
-  const handleSubmit = async (event, options2 = {}) => {
-    var _a;
-    (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
-    const inputValue = input.value;
-    const fileParts = Array.isArray(options2 == null ? void 0 : options2.files) ? options2.files : await convertFileListToFileUIParts(options2 == null ? void 0 : options2.files);
-    if (!inputValue && fileParts.length === 0)
-      return;
-    await append(
-      {
-        id: chat.generateId(),
-        role: "user",
-        metadata: void 0,
-        parts: [...fileParts, { type: "text", text: inputValue }]
-      },
-      {
-        headers: options2.headers,
-        body: options2.body
-      }
-    );
-    input.value = "";
-  };
-  const addToolResult = (options2) => chat.addToolResult(options2);
-  return {
-    id: chat.id,
-    messages,
-    append,
-    error,
-    reload,
-    stop,
-    setMessages,
-    input,
-    handleSubmit,
-    status,
-    addToolResult
-  };
-}
-
 // src/use-completion.ts
 import { callCompletionApi } from "ai";
 import swrv from "swrv";
-import { ref as ref3, unref } from "vue";
+import { ref, unref } from "vue";
 var uniqueId = 0;
 var useSWRV = swrv.default || swrv;
 var store = {};
@@ -148,7 +36,7 @@ function useCompletion({
     return originalMutate();
   };
   const completion = data;
-  const error = ref3(void 0);
+  const error = ref(void 0);
   let abortController = null;
   async function triggerRequest(prompt, options) {
     return callCompletionApi({
@@ -189,7 +77,7 @@ function useCompletion({
   const setCompletion = (completion2) => {
     mutate(completion2);
   };
-  const input = ref3(initialInput);
+  const input = ref(initialInput);
   const handleSubmit = (event) => {
     var _a2;
     (_a2 = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a2.call(event);
@@ -207,9 +95,57 @@ function useCompletion({
     isLoading
   };
 }
+
+// src/chat.vue.ts
+import {
+  AbstractChat
+} from "ai";
+import { ref as ref2 } from "vue";
+var VueChatState = class {
+  constructor(messages) {
+    this.statusRef = ref2("ready");
+    this.errorRef = ref2(void 0);
+    this.pushMessage = (message) => {
+      this.messagesRef.value.push(message);
+    };
+    this.popMessage = () => {
+      this.messagesRef.value.pop();
+    };
+    this.replaceMessage = (index, message) => {
+      this.messagesRef.value[index] = { ...message };
+    };
+    this.snapshot = (value) => value;
+    this.messagesRef = ref2(messages != null ? messages : []);
+  }
+  get messages() {
+    return this.messagesRef.value;
+  }
+  set messages(messages) {
+    this.messagesRef.value = messages;
+  }
+  get status() {
+    return this.statusRef.value;
+  }
+  set status(status) {
+    this.statusRef.value = status;
+  }
+  get error() {
+    return this.errorRef.value;
+  }
+  set error(error) {
+    this.errorRef.value = error;
+  }
+};
+var Chat = class extends AbstractChat {
+  constructor({ messages, ...init }) {
+    super({
+      ...init,
+      state: new VueChatState(messages)
+    });
+  }
+};
 export {
   Chat,
-  useChat,
   useCompletion
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/use-chat.ts","../src/chat.vue.ts","../src/use-completion.ts"],"sourcesContent":["import type {\n  BaseChatInit,\n  ChatRequestOptions,\n  ChatStatus,\n  CreateUIMessage,\n  FileUIPart,\n  InferUIDataParts,\n  UIDataPartSchemas,\n  UIMessage,\n} from 'ai';\nimport { convertFileListToFileUIParts } from 'ai';\nimport type { Ref } from 'vue';\nimport { computed, ref } from 'vue';\nimport { Chat } from './chat.vue';\n\nexport type { CreateUIMessage, UIMessage };\n\nexport type UseChatOptions<\n  MESSAGE_METADATA = unknown,\n  DATA_TYPE_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n> = (\n  | { chat: Chat<MESSAGE_METADATA, DATA_TYPE_SCHEMAS> }\n  | BaseChatInit<MESSAGE_METADATA, DATA_TYPE_SCHEMAS>\n) & {\n  /**\n   * Initial input of the chat.\n   */\n  initialInput?: string;\n};\n\nexport type UseChatHelpers<\n  MESSAGE_METADATA = unknown,\n  DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n> = {\n  /**\n   * The id of the chat.\n   */\n  readonly id: string;\n\n  /** Current messages in the chat */\n  readonly messages: Ref<\n    UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]\n  >;\n\n  /** The error object of the API request */\n  readonly error: Ref<Error | undefined>;\n\n  /**\n   * Append a user message to the chat list. This triggers the API call to fetch\n   * the assistant's response.\n   *\n   * @param message The message to append\n   * @param options Additional options to pass to the API call\n   */\n  append: (\n    message: CreateUIMessage<\n      MESSAGE_METADATA,\n      InferUIDataParts<DATA_PART_SCHEMAS>\n    >,\n    options?: ChatRequestOptions,\n  ) => Promise<void>;\n\n  /**\n   * Reload the last AI chat response for the given chat history. If the last\n   * message isn't from the assistant, it will request the API to generate a\n   * new response.\n   */\n  reload: (chatRequestOptions?: ChatRequestOptions) => Promise<void>;\n\n  /**\n   * Abort the current request immediately, keep the generated tokens if any.\n   */\n  stop: () => void;\n\n  /**\n   * Update the `messages` state locally. This is useful when you want to\n   * edit the messages on the client, and then trigger the `reload` method\n   * manually to regenerate the AI response.\n   */\n  setMessages: (\n    messages:\n      | UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]\n      | ((\n          messages: UIMessage<\n            MESSAGE_METADATA,\n            InferUIDataParts<DATA_PART_SCHEMAS>\n          >[],\n        ) => UIMessage<\n          MESSAGE_METADATA,\n          InferUIDataParts<DATA_PART_SCHEMAS>\n        >[]),\n  ) => void;\n\n  /** The current value of the input */\n  input: Ref<string>;\n\n  /** Form submission handler to automatically reset input and append a user message  */\n  handleSubmit: (\n    event?: { preventDefault?: () => void },\n    chatRequestOptions?: ChatRequestOptions & {\n      files?: FileList | FileUIPart[];\n    },\n  ) => void;\n\n  /**\n   * Hook status:\n   *\n   * - `submitted`: The message has been sent to the API and we're awaiting the start of the response stream.\n   * - `streaming`: The response is actively streaming in from the API, receiving chunks of data.\n   * - `ready`: The full response has been received and processed; a new user message can be submitted.\n   * - `error`: An error occurred during the API request, preventing successful completion.\n   */\n  status: Ref<ChatStatus>;\n\n  addToolResult: ({\n    toolCallId,\n    result,\n  }: {\n    toolCallId: string;\n    result: any;\n  }) => void;\n};\n\nexport function useChat<\n  MESSAGE_METADATA = unknown,\n  DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n>({\n  initialInput = '',\n  ...options\n}: UseChatOptions<MESSAGE_METADATA, DATA_PART_SCHEMAS> = {}): UseChatHelpers<\n  MESSAGE_METADATA,\n  DATA_PART_SCHEMAS\n> {\n  const chat = 'chat' in options ? options.chat : new Chat(options);\n\n  const messages = computed(() => chat.messages);\n  const status = computed(() => chat.status);\n  const error = computed(() => chat.error);\n\n  const append = async (\n    message: CreateUIMessage<\n      MESSAGE_METADATA,\n      InferUIDataParts<DATA_PART_SCHEMAS>\n    >,\n    { headers, body }: ChatRequestOptions = {},\n  ) => chat.append(message, { headers, body });\n\n  const reload = async ({ headers, body }: ChatRequestOptions = {}) =>\n    chat.reload({ headers, body });\n\n  const stop = () => chat.stop();\n\n  const setMessages = (\n    messagesParam:\n      | UIMessage<MESSAGE_METADATA, InferUIDataParts<DATA_PART_SCHEMAS>>[]\n      | ((\n          messages: UIMessage<\n            MESSAGE_METADATA,\n            InferUIDataParts<DATA_PART_SCHEMAS>\n          >[],\n        ) => UIMessage<\n          MESSAGE_METADATA,\n          InferUIDataParts<DATA_PART_SCHEMAS>\n        >[]),\n  ) => {\n    if (typeof messagesParam === 'function') {\n      messagesParam = messagesParam(chat.messages);\n    }\n\n    chat.messages = messagesParam;\n  };\n\n  const input = ref(initialInput);\n\n  const handleSubmit = async (\n    event?: { preventDefault?: () => void },\n    options: ChatRequestOptions & { files?: FileList | FileUIPart[] } = {},\n  ) => {\n    event?.preventDefault?.();\n\n    const inputValue = input.value;\n\n    const fileParts = Array.isArray(options?.files)\n      ? options.files\n      : await convertFileListToFileUIParts(options?.files);\n\n    if (!inputValue && fileParts.length === 0) return;\n\n    await append(\n      {\n        id: chat.generateId(),\n        role: 'user',\n        metadata: undefined,\n        parts: [...fileParts, { type: 'text', text: inputValue }],\n      },\n      {\n        headers: options.headers,\n        body: options.body,\n      },\n    );\n\n    input.value = '';\n  };\n\n  const addToolResult = (\n    options: Omit<\n      Parameters<Chat<MESSAGE_METADATA, DATA_PART_SCHEMAS>['addToolResult']>[0],\n      'chatId'\n    >,\n  ) => chat.addToolResult(options);\n\n  return {\n    id: chat.id,\n    messages,\n    append,\n    error,\n    reload,\n    stop,\n    setMessages,\n    input,\n    handleSubmit,\n    status,\n    addToolResult,\n  };\n}\n","import {\n  AbstractChat,\n  BaseChatInit,\n  ChatState,\n  ChatStatus,\n  UIDataPartSchemas,\n  UIDataTypes,\n  UIMessage,\n} from 'ai';\nimport { Ref, ref } from 'vue';\n\nclass VueChatState<MESSAGE_METADATA, DATA_TYPES extends UIDataTypes>\n  implements ChatState<MESSAGE_METADATA, DATA_TYPES>\n{\n  private messagesRef: Ref<UIMessage<MESSAGE_METADATA, DATA_TYPES>[]>;\n  private statusRef = ref<ChatStatus>('ready');\n  private errorRef = ref<Error | undefined>(undefined);\n\n  constructor(messages?: UIMessage<MESSAGE_METADATA, DATA_TYPES>[]) {\n    this.messagesRef = ref(messages ?? []) as Ref<\n      UIMessage<MESSAGE_METADATA, DATA_TYPES>[]\n    >;\n  }\n\n  get messages(): UIMessage<MESSAGE_METADATA, DATA_TYPES>[] {\n    return this.messagesRef.value;\n  }\n\n  set messages(messages: UIMessage<MESSAGE_METADATA, DATA_TYPES>[]) {\n    this.messagesRef.value = messages;\n  }\n\n  get status(): ChatStatus {\n    return this.statusRef.value;\n  }\n\n  set status(status: ChatStatus) {\n    this.statusRef.value = status;\n  }\n\n  get error(): Error | undefined {\n    return this.errorRef.value;\n  }\n\n  set error(error: Error | undefined) {\n    this.errorRef.value = error;\n  }\n\n  pushMessage = (message: UIMessage<MESSAGE_METADATA, DATA_TYPES>) => {\n    this.messagesRef.value.push(message);\n  };\n\n  popMessage = () => {\n    this.messagesRef.value.pop();\n  };\n\n  replaceMessage = (\n    index: number,\n    message: UIMessage<MESSAGE_METADATA, DATA_TYPES>,\n  ) => {\n    // message is cloned here because vue's deep reactivity shows unexpected behavior, particularly when updating tool invocation parts\n    this.messagesRef.value[index] = { ...message };\n  };\n\n  snapshot = <T>(value: T): T => value;\n}\n\nexport class Chat<\n  MESSAGE_METADATA,\n  UI_DATA_PART_SCHEMAS extends UIDataPartSchemas = UIDataPartSchemas,\n> extends AbstractChat<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS> {\n  constructor({\n    messages,\n    ...init\n  }: BaseChatInit<MESSAGE_METADATA, UI_DATA_PART_SCHEMAS>) {\n    super({\n      ...init,\n      state: new VueChatState(messages),\n    });\n  }\n}\n","import type { CompletionRequestOptions, UseCompletionOptions } from 'ai';\nimport { callCompletionApi } from 'ai';\nimport swrv from 'swrv';\nimport type { Ref } from 'vue';\nimport { ref, unref } from 'vue';\n\nexport type { UseCompletionOptions };\n\nexport type UseCompletionHelpers = {\n  /** The current completion result */\n  completion: Ref<string>;\n  /** The error object of the API request */\n  error: Ref<undefined | Error>;\n  /**\n   * Send a new prompt to the API endpoint and update the completion state.\n   */\n  complete: (\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) => Promise<string | null | undefined>;\n  /**\n   * Abort the current API request but keep the generated tokens.\n   */\n  stop: () => void;\n  /**\n   * Update the `completion` state locally.\n   */\n  setCompletion: (completion: string) => void;\n  /** The current value of the input */\n  input: Ref<string>;\n  /**\n   * Form submission handler to automatically reset input and append a user message\n   * @example\n   * ```jsx\n   * <form @submit=\"handleSubmit\">\n   *  <input @change=\"handleInputChange\" v-model=\"input\" />\n   * </form>\n   * ```\n   */\n  handleSubmit: (event?: { preventDefault?: () => void }) => void;\n  /** Whether the API request is in progress */\n  isLoading: Ref<boolean | undefined>;\n};\n\nlet uniqueId = 0;\n\n// @ts-expect-error - some issues with the default export of useSWRV\nconst useSWRV = (swrv.default as (typeof import('swrv'))['default']) || swrv;\nconst store: Record<string, any> = {};\n\nexport function useCompletion({\n  api = '/api/completion',\n  id,\n  initialCompletion = '',\n  initialInput = '',\n  credentials,\n  headers,\n  body,\n  streamProtocol,\n  onFinish,\n  onError,\n  fetch,\n}: UseCompletionOptions = {}): UseCompletionHelpers {\n  // Generate an unique id for the completion if not provided.\n  const completionId = id || `completion-${uniqueId++}`;\n\n  const key = `${api}|${completionId}`;\n  const { data, mutate: originalMutate } = useSWRV<string>(\n    key,\n    () => store[key] || initialCompletion,\n  );\n\n  const { data: isLoading, mutate: mutateLoading } = useSWRV<boolean>(\n    `${completionId}-loading`,\n    null,\n  );\n\n  isLoading.value ??= false;\n\n  // Force the `data` to be `initialCompletion` if it's `undefined`.\n  data.value ||= initialCompletion;\n\n  const mutate = (data: string) => {\n    store[key] = data;\n    return originalMutate();\n  };\n\n  // Because of the `initialData` option, the `data` will never be `undefined`.\n  const completion = data as Ref<string>;\n\n  const error = ref<undefined | Error>(undefined);\n\n  let abortController: AbortController | null = null;\n\n  async function triggerRequest(\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) {\n    return callCompletionApi({\n      api,\n      prompt,\n      credentials,\n      headers: {\n        ...headers,\n        ...options?.headers,\n      },\n      body: {\n        ...unref(body),\n        ...options?.body,\n      },\n      streamProtocol,\n      setCompletion: mutate,\n      setLoading: loading => mutateLoading(() => loading),\n      setError: err => {\n        error.value = err;\n      },\n      setAbortController: controller => {\n        abortController = controller;\n      },\n      onFinish,\n      onError,\n      fetch,\n    });\n  }\n\n  const complete: UseCompletionHelpers['complete'] = async (\n    prompt,\n    options,\n  ) => {\n    return triggerRequest(prompt, options);\n  };\n\n  const stop = () => {\n    if (abortController) {\n      abortController.abort();\n      abortController = null;\n    }\n  };\n\n  const setCompletion = (completion: string) => {\n    mutate(completion);\n  };\n\n  const input = ref(initialInput);\n\n  const handleSubmit = (event?: { preventDefault?: () => void }) => {\n    event?.preventDefault?.();\n    const inputValue = input.value;\n    return inputValue ? complete(inputValue) : undefined;\n  };\n\n  return {\n    completion,\n    complete,\n    error,\n    stop,\n    setCompletion,\n    input,\n    handleSubmit,\n    isLoading,\n  };\n}\n"],"mappings":"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","names":["ref","ref","options","ref","data","completion","_a"]}
+{"version":3,"sources":["../src/use-completion.ts","../src/chat.vue.ts"],"sourcesContent":["import type { CompletionRequestOptions, UseCompletionOptions } from 'ai';\nimport { callCompletionApi } from 'ai';\nimport swrv from 'swrv';\nimport type { Ref } from 'vue';\nimport { ref, unref } from 'vue';\n\nexport type { UseCompletionOptions };\n\nexport type UseCompletionHelpers = {\n  /** The current completion result */\n  completion: Ref<string>;\n  /** The error object of the API request */\n  error: Ref<undefined | Error>;\n  /**\n   * Send a new prompt to the API endpoint and update the completion state.\n   */\n  complete: (\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) => Promise<string | null | undefined>;\n  /**\n   * Abort the current API request but keep the generated tokens.\n   */\n  stop: () => void;\n  /**\n   * Update the `completion` state locally.\n   */\n  setCompletion: (completion: string) => void;\n  /** The current value of the input */\n  input: Ref<string>;\n  /**\n   * Form submission handler to automatically reset input and append a user message\n   * @example\n   * ```jsx\n   * <form @submit=\"handleSubmit\">\n   *  <input @change=\"handleInputChange\" v-model=\"input\" />\n   * </form>\n   * ```\n   */\n  handleSubmit: (event?: { preventDefault?: () => void }) => void;\n  /** Whether the API request is in progress */\n  isLoading: Ref<boolean | undefined>;\n};\n\nlet uniqueId = 0;\n\n// @ts-expect-error - some issues with the default export of useSWRV\nconst useSWRV = (swrv.default as (typeof import('swrv'))['default']) || swrv;\nconst store: Record<string, any> = {};\n\nexport function useCompletion({\n  api = '/api/completion',\n  id,\n  initialCompletion = '',\n  initialInput = '',\n  credentials,\n  headers,\n  body,\n  streamProtocol,\n  onFinish,\n  onError,\n  fetch,\n}: UseCompletionOptions = {}): UseCompletionHelpers {\n  // Generate an unique id for the completion if not provided.\n  const completionId = id || `completion-${uniqueId++}`;\n\n  const key = `${api}|${completionId}`;\n  const { data, mutate: originalMutate } = useSWRV<string>(\n    key,\n    () => store[key] || initialCompletion,\n  );\n\n  const { data: isLoading, mutate: mutateLoading } = useSWRV<boolean>(\n    `${completionId}-loading`,\n    null,\n  );\n\n  isLoading.value ??= false;\n\n  // Force the `data` to be `initialCompletion` if it's `undefined`.\n  data.value ||= initialCompletion;\n\n  const mutate = (data: string) => {\n    store[key] = data;\n    return originalMutate();\n  };\n\n  // Because of the `initialData` option, the `data` will never be `undefined`.\n  const completion = data as Ref<string>;\n\n  const error = ref<undefined | Error>(undefined);\n\n  let abortController: AbortController | null = null;\n\n  async function triggerRequest(\n    prompt: string,\n    options?: CompletionRequestOptions,\n  ) {\n    return callCompletionApi({\n      api,\n      prompt,\n      credentials,\n      headers: {\n        ...headers,\n        ...options?.headers,\n      },\n      body: {\n        ...unref(body),\n        ...options?.body,\n      },\n      streamProtocol,\n      setCompletion: mutate,\n      setLoading: loading => mutateLoading(() => loading),\n      setError: err => {\n        error.value = err;\n      },\n      setAbortController: controller => {\n        abortController = controller;\n      },\n      onFinish,\n      onError,\n      fetch,\n    });\n  }\n\n  const complete: UseCompletionHelpers['complete'] = async (\n    prompt,\n    options,\n  ) => {\n    return triggerRequest(prompt, options);\n  };\n\n  const stop = () => {\n    if (abortController) {\n      abortController.abort();\n      abortController = null;\n    }\n  };\n\n  const setCompletion = (completion: string) => {\n    mutate(completion);\n  };\n\n  const input = ref(initialInput);\n\n  const handleSubmit = (event?: { preventDefault?: () => void }) => {\n    event?.preventDefault?.();\n    const inputValue = input.value;\n    return inputValue ? complete(inputValue) : undefined;\n  };\n\n  return {\n    completion,\n    complete,\n    error,\n    stop,\n    setCompletion,\n    input,\n    handleSubmit,\n    isLoading,\n  };\n}\n","import {\n  AbstractChat,\n  ChatInit as BaseChatInit,\n  ChatState,\n  ChatStatus,\n  UIMessage,\n} from 'ai';\nimport { Ref, ref } from 'vue';\n\nclass VueChatState<UI_MESSAGE extends UIMessage>\n  implements ChatState<UI_MESSAGE>\n{\n  private messagesRef: Ref<UI_MESSAGE[]>;\n  private statusRef = ref<ChatStatus>('ready');\n  private errorRef = ref<Error | undefined>(undefined);\n\n  constructor(messages?: UI_MESSAGE[]) {\n    this.messagesRef = ref(messages ?? []) as Ref<UI_MESSAGE[]>;\n  }\n\n  get messages(): UI_MESSAGE[] {\n    return this.messagesRef.value;\n  }\n\n  set messages(messages: UI_MESSAGE[]) {\n    this.messagesRef.value = messages;\n  }\n\n  get status(): ChatStatus {\n    return this.statusRef.value;\n  }\n\n  set status(status: ChatStatus) {\n    this.statusRef.value = status;\n  }\n\n  get error(): Error | undefined {\n    return this.errorRef.value;\n  }\n\n  set error(error: Error | undefined) {\n    this.errorRef.value = error;\n  }\n\n  pushMessage = (message: UI_MESSAGE) => {\n    this.messagesRef.value.push(message);\n  };\n\n  popMessage = () => {\n    this.messagesRef.value.pop();\n  };\n\n  replaceMessage = (index: number, message: UI_MESSAGE) => {\n    // message is cloned here because vue's deep reactivity shows unexpected behavior, particularly when updating tool invocation parts\n    this.messagesRef.value[index] = { ...message };\n  };\n\n  snapshot = <T>(value: T): T => value;\n}\n\nexport class Chat<\n  UI_MESSAGE extends UIMessage,\n> extends AbstractChat<UI_MESSAGE> {\n  constructor({ messages, ...init }: BaseChatInit<UI_MESSAGE>) {\n    super({\n      ...init,\n      state: new VueChatState(messages),\n    });\n  }\n}\n"],"mappings":"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","names":["data","completion","_a","ref"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/vue",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-beta.2",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -20,8 +20,8 @@
   ],
   "dependencies": {
     "swrv": "^1.0.4",
-    "ai": "5.0.0-alpha.9",
-    "@ai-sdk/provider-utils": "3.0.0-alpha.9"
+    "ai": "5.0.0-beta.2",
+    "@ai-sdk/provider-utils": "3.0.0-beta.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",