vercel · Jun 27, 2024 · Jun 27, 2024 · Jun 27, 2024 · Jun 27, 2024 · Jun 27, 2024
diff --git a/content/docs/07-reference/ai-sdk-ui/01-use-chat.mdx b/content/docs/07-reference/ai-sdk-ui/01-use-chat.mdx
@@ -136,7 +136,7 @@ Allows you to easily create a conversational user interface for your chatbot app
     },
     {
       name: 'experimental_prepareRequestBody',
-      type: '(options: { messages: Message[]; requestData?: Record<string, string>; requestBody?: object }) => JSONValue',
+      type: '(options: { messages: Message[]; requestData?: JSONValue; requestBody?: object }) => JSONValue',
       optional: true,
       description:
         'Experimental (React only). When a function is provided, it will be used to prepare the request body for the chat API. This can be useful for customizing the request body based on the messages and data in the chat.',
@@ -232,7 +232,7 @@ Allows you to easily create a conversational user interface for your chatbot app
             },
             {
               name: 'data',
-              type: 'Record<string,string>',
+              type: 'JSONValue',
               description: 'Additional data to be sent to the server.',
             },
           ],

diff --git a/packages/anthropic/CHANGELOG.md b/packages/anthropic/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @ai-sdk/anthropic
 
+## 0.0.27
+
+### Patch Changes
+
+- 7e86b45e: fix (provider/anthropic): automatically trim trailing whitespace on pre-filled assistant responses
+
 ## 0.0.26
 
 ### Patch Changes

diff --git a/packages/anthropic/package.json b/packages/anthropic/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/anthropic",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",

diff --git a/packages/anthropic/src/convert-to-anthropic-messages-prompt.test.ts b/packages/anthropic/src/convert-to-anthropic-messages-prompt.test.ts
@@ -254,3 +254,71 @@ describe('tool messages', () => {
     });
   });
 });
+
+describe('assistant messages', () => {
+  it('should remove trailing whitespace from last assistant message when there is no further user message', async () => {
+    const result = await convertToAnthropicMessagesPrompt({
+      prompt: [
+        {
+          role: 'user',
+          content: [{ type: 'text', text: 'user content' }],
+        },
+        {
+          role: 'assistant',
+          content: [{ type: 'text', text: 'assistant content  ' }],
+        },
+      ],
+    });
+
+    expect(result).toEqual({
+      messages: [
+        {
+          role: 'user',
+          content: [{ type: 'text', text: 'user content' }],
+        },
+        {
+          role: 'assistant',
+          content: [{ type: 'text', text: 'assistant content' }],
+        },
+      ],
+      system: undefined,
+    });
+  });
+
+  it('should keep trailing whitespace from assistant message when there is a further user message', async () => {
+    const result = await convertToAnthropicMessagesPrompt({
+      prompt: [
+        {
+          role: 'user',
+          content: [{ type: 'text', text: 'user content' }],
+        },
+        {
+          role: 'assistant',
+          content: [{ type: 'text', text: 'assistant content  ' }],
+        },
+        {
+          role: 'user',
+          content: [{ type: 'text', text: 'user content 2' }],
+        },
+      ],
+    });
+
+    expect(result).toEqual({
+      messages: [
+        {
+          role: 'user',
+          content: [{ type: 'text', text: 'user content' }],
+        },
+        {
+          role: 'assistant',
+          content: [{ type: 'text', text: 'assistant content  ' }],
+        },
+        {
+          role: 'user',
+          content: [{ type: 'text', text: 'user content 2' }],
+        },
+      ],
+      system: undefined,
+    });
+  });
+});
diff --git a/packages/anthropic/src/convert-to-anthropic-messages-prompt.ts b/packages/anthropic/src/convert-to-anthropic-messages-prompt.ts
@@ -22,7 +22,8 @@ export async function convertToAnthropicMessagesPrompt({
   let system: string | undefined = undefined;
   const messages: AnthropicMessage[] = [];
 
-  for (const block of blocks) {
+  for (let i = 0; i < blocks.length; i++) {
+    const block = blocks[i];
     const type = block.type;
 
     switch (type) {
@@ -118,9 +119,19 @@ export async function convertToAnthropicMessagesPrompt({
 
         messages.push({
           role: 'assistant',
-          content: content.map(part => {
+          content: content.map((part, j) => {
             switch (part.type) {
               case 'text': {
+                // trim the last text part if it's the last message in the block
+                // because Anthropic does not allow trailing whitespace
+                // in pre-filled assistant responses
+                if (
+                  i === blocks.length - 1 &&
+                  j === block.messages.length - 1
+                ) {
+                  return { type: 'text', text: part.text.trim() };
+                }
+
                 return { type: 'text', text: part.text };
               }
               case 'tool-call': {

diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
@@ -1,5 +1,17 @@
 # ai
 
+## 3.2.14
+
+### Patch Changes
+
+- Updated dependencies [9b50003d]
+- Updated dependencies [1894f811]
+  - @ai-sdk/react@0.0.14
+  - @ai-sdk/ui-utils@0.0.9
+  - @ai-sdk/solid@0.0.11
+  - @ai-sdk/svelte@0.0.12
+  - @ai-sdk/vue@0.0.11
+
 ## 3.2.13
 
 ### Patch Changes

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ai",
-  "version": "3.2.13",
+  "version": "3.2.14",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -77,11 +77,11 @@
   "dependencies": {
     "@ai-sdk/provider": "0.0.11",
     "@ai-sdk/provider-utils": "1.0.0",
-    "@ai-sdk/react": "0.0.13",
-    "@ai-sdk/solid": "0.0.10",
-    "@ai-sdk/svelte": "0.0.11",
-    "@ai-sdk/ui-utils": "0.0.8",
-    "@ai-sdk/vue": "0.0.10",
+    "@ai-sdk/react": "0.0.14",
+    "@ai-sdk/solid": "0.0.11",
+    "@ai-sdk/svelte": "0.0.12",
+    "@ai-sdk/ui-utils": "0.0.9",
+    "@ai-sdk/vue": "0.0.11",
     "eventsource-parser": "1.1.2",
     "jsondiffpatch": "0.6.0",
     "json-schema": "0.4.0",

diff --git a/packages/core/tests/e2e/next-server/CHANGELOG.md b/packages/core/tests/e2e/next-server/CHANGELOG.md
@@ -4,6 +4,12 @@
 
 ### Patch Changes
 
+- ai@3.2.14
+
+## null
+
+### Patch Changes
+
 - Updated dependencies [d3100b9c]
   - ai@3.2.13
 

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @ai-sdk/react
 
+## 0.0.14
+
+### Patch Changes
+
+- 9b50003d: fix (ai/react): useObject stop & isLoading reset at end of stream
+- 1894f811: feat (ai/ui): allow JSONValue as data in useChat handleSubmit
+- Updated dependencies [1894f811]
+  - @ai-sdk/ui-utils@0.0.9
+
 ## 0.0.13
 
 ### Patch Changes

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/react",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@ai-sdk/provider-utils": "1.0.0",
-    "@ai-sdk/ui-utils": "0.0.8",
+    "@ai-sdk/ui-utils": "0.0.9",
     "swr": "2.2.0"
   },
   "devDependencies": {

diff --git a/packages/react/src/use-chat.ts b/packages/react/src/use-chat.ts
@@ -91,7 +91,7 @@ const getStreamedResponse = async (
   experimental_prepareRequestBody:
     | ((options: {
         messages: Message[];
-        requestData?: Record<string, string>;
+        requestData?: JSONValue;
         requestBody?: object;
       }) => JSONValue)
     | undefined,
@@ -220,7 +220,7 @@ export function useChat({
    */
   experimental_prepareRequestBody?: (options: {
     messages: Message[];
-    requestData?: Record<string, string>;
+    requestData?: JSONValue;
     requestBody?: object;
   }) => JSONValue;
 

diff --git a/packages/react/src/use-object.ts b/packages/react/src/use-object.ts
@@ -148,15 +148,17 @@ function useObject<RESULT, INPUT = any>({
               mutate(currentObject);
             }
           },
+
+          close() {
+            setIsLoading(false);
+            abortControllerRef.current = null;
+          },
         }),
       );
 
       setError(undefined);
     } catch (error) {
       setError(error);
-    } finally {
-      setIsLoading(false);
-      abortControllerRef.current = null;
     }
   };
 

diff --git a/packages/react/src/use-object.ui.test.tsx b/packages/react/src/use-object.ui.test.tsx
@@ -111,8 +111,10 @@ describe('text stream', () => {
       streamController.enqueue('"Hello, world!"}');
       streamController.close();
 
-      await screen.findByTestId('loading');
-      expect(screen.getByTestId('loading')).toHaveTextContent('false');
+      // wait for element "loading" to have text content "false":
+      await waitFor(() => {
+        expect(screen.getByTestId('loading')).toHaveTextContent('true');
+      });
     });
   });
 

diff --git a/packages/solid/CHANGELOG.md b/packages/solid/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @ai-sdk/solid
 
+## 0.0.11
+
+### Patch Changes
+
+- Updated dependencies [1894f811]
+  - @ai-sdk/ui-utils@0.0.9
+
 ## 0.0.10
 
 ### Patch Changes

diff --git a/packages/solid/package.json b/packages/solid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/solid",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -25,7 +25,7 @@
     }
   },
   "dependencies": {
-    "@ai-sdk/ui-utils": "0.0.8"
+    "@ai-sdk/ui-utils": "0.0.9"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.5",

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @ai-sdk/svelte
 
+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies [1894f811]
+  - @ai-sdk/ui-utils@0.0.9
+
 ## 0.0.11
 
 ### Patch Changes

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/svelte",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@ai-sdk/provider-utils": "1.0.0",
-    "@ai-sdk/ui-utils": "0.0.8",
+    "@ai-sdk/ui-utils": "0.0.9",
     "sswr": "2.1.0"
   },
   "devDependencies": {

diff --git a/packages/ui-utils/CHANGELOG.md b/packages/ui-utils/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @ai-sdk/ui-utils
 
+## 0.0.9
+
+### Patch Changes
+
+- 1894f811: feat (ai/ui): allow JSONValue as data in useChat handleSubmit
+
 ## 0.0.8
 
 ### Patch Changes

diff --git a/packages/ui-utils/package.json b/packages/ui-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/ui-utils",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",

diff --git a/packages/ui-utils/src/types.ts b/packages/ui-utils/src/types.ts
@@ -192,7 +192,7 @@ export type CreateMessage = Omit<Message, 'id'> & {
 export type ChatRequest = {
   messages: Message[];
   options?: RequestOptions;
-  data?: Record<string, string>;
+  data?: JSONValue;
 
   /**
    * @deprecated
@@ -272,7 +272,7 @@ The options to be passed to the fetch call.
   /**
 Additional data to be sent to the server.
    */
-  data?: Record<string, string>;
+  data?: JSONValue;
 };
 
 export type UseChatOptions = {
@@ -468,6 +468,10 @@ or to provide a custom fetch implementation for e.g. testing.
   fetch?: FetchFunction;
 };
 
+/**
+A JSON value can be a string, number, boolean, object, array, or null. 
+JSON values can be serialized and deserialized by the JSON.stringify and JSON.parse methods.
+ */
 export type JSONValue =
   | null
   | string