ai 2.1.11 → 2.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ai",
-  "version": "2.1.11",
+  "version": "2.1.13",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -22,6 +22,7 @@
     },
     "./react": {
       "types": "./react/dist/index.d.ts",
+      "react-server": "./react/dist/index.server.mjs",
       "import": "./react/dist/index.mjs",
       "module": "./react/dist/index.mjs",
       "require": "./react/dist/index.js"
@@ -88,7 +89,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && cat react/dist/index.server.d.ts >> react/dist/index.d.ts",
     "clean": "rm -rf dist && rm -rf react/dist && rm -rf svelte/dist && rm -rf vue/dist",
     "dev": "tsup --watch",
     "lint": "eslint \"./**/*.ts*\"",

package/react/dist/index.d.ts

@@ -1,6 +1,5 @@
 import { ChatCompletionRequestMessageFunctionCall, CreateChatCompletionRequestFunctionCall } from 'openai-edge';
 import { ChatCompletionFunctions } from 'openai-edge/types/api';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
  * Shared types between the API and UI packages.
@@ -252,6 +251,9 @@ type UseCompletionHelpers = {
 };
 declare function useCompletion({ api, id, initialCompletion, initialInput, credentials, headers, body, onResponse, onFinish, onError }?: UseCompletionOptions): UseCompletionHelpers;
 
+export { CreateMessage, Message, UseChatHelpers, UseChatOptions, UseCompletionHelpers, useChat, useCompletion };
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
 type Props = {
     /**
      * A ReadableStream produced by the AI SDK.
@@ -260,7 +262,8 @@ type Props = {
 };
 /**
  * A React Server Component that recursively renders a stream of tokens.
+ * Can only be used inside of server components.
  */
 declare function Tokens(props: Props): Promise<react_jsx_runtime.JSX.Element>;
 
-export { CreateMessage, Message, Tokens, UseChatHelpers, UseChatOptions, UseCompletionHelpers, useChat, useCompletion };
+export { Tokens };

package/react/dist/index.js

@@ -65,7 +65,6 @@ var __async = (__this, __arguments, generator) => {
 // react/index.ts
 var react_exports = {};
 __export(react_exports, {
-  Tokens: () => Tokens,
   useChat: () => useChat,
   useCompletion: () => useCompletion
 });
@@ -186,8 +185,7 @@ function useChat({
   headers,
   body
 } = {}) {
-  const hookId = (0, import_react.useId)();
-  const chatId = id || hookId;
+  const chatId = id || `chat-${nanoid()}`;
   const { data, mutate } = (0, import_swr.default)([api, chatId], null, {
     fallbackData: initialMessages
   });
@@ -361,8 +359,7 @@ function useCompletion({
   onFinish,
   onError
 } = {}) {
-  const hookId = (0, import_react2.useId)();
-  const completionId = id || hookId;
+  const completionId = id || `completion-${nanoid()}`;
   const { data, mutate } = (0, import_swr2.default)([api, completionId], null, {
     fallbackData: initialCompletion
   });
@@ -497,33 +494,8 @@ function useCompletion({
     isLoading: isMutating
   };
 }
-
-// react/tokens.tsx
-var import_react3 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Tokens(props) {
-  return __async(this, null, function* () {
-    const { stream } = props;
-    const reader = stream.getReader();
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecursiveTokens, { reader }) });
-  });
-}
-function RecursiveTokens(_0) {
-  return __async(this, arguments, function* ({ reader }) {
-    const { done, value } = yield reader.read();
-    if (done) {
-      return null;
-    }
-    const text = new TextDecoder().decode(value);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      text,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecursiveTokens, { reader }) })
-    ] });
-  });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Tokens,
   useChat,
   useCompletion
 });

package/react/dist/index.mjs

@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // react/use-chat.ts
-import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import useSWRMutation from "swr/mutation";
 import useSWR from "swr";
 
@@ -151,8 +151,7 @@ function useChat({
   headers,
   body
 } = {}) {
-  const hookId = useId();
-  const chatId = id || hookId;
+  const chatId = id || `chat-${nanoid()}`;
   const { data, mutate } = useSWR([api, chatId], null, {
     fallbackData: initialMessages
   });
@@ -311,7 +310,7 @@ function useChat({
 }
 
 // react/use-completion.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useId as useId2, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import useSWRMutation2 from "swr/mutation";
 import useSWR2 from "swr";
 function useCompletion({
@@ -326,8 +325,7 @@ function useCompletion({
   onFinish,
   onError
 } = {}) {
-  const hookId = useId2();
-  const completionId = id || hookId;
+  const completionId = id || `completion-${nanoid()}`;
   const { data, mutate } = useSWR2([api, completionId], null, {
     fallbackData: initialCompletion
   });
@@ -462,32 +460,7 @@ function useCompletion({
     isLoading: isMutating
   };
 }
-
-// react/tokens.tsx
-import { Suspense } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function Tokens(props) {
-  return __async(this, null, function* () {
-    const { stream } = props;
-    const reader = stream.getReader();
-    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(RecursiveTokens, { reader }) });
-  });
-}
-function RecursiveTokens(_0) {
-  return __async(this, arguments, function* ({ reader }) {
-    const { done, value } = yield reader.read();
-    if (done) {
-      return null;
-    }
-    const text = new TextDecoder().decode(value);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      text,
-      /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(RecursiveTokens, { reader }) })
-    ] });
-  });
-}
 export {
-  Tokens,
   useChat,
   useCompletion
 };

package/react/dist/index.server.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Props = {
+    /**
+     * A ReadableStream produced by the AI SDK.
+     */
+    stream: ReadableStream;
+};
+/**
+ * A React Server Component that recursively renders a stream of tokens.
+ * Can only be used inside of server components.
+ */
+declare function Tokens(props: Props): Promise<react_jsx_runtime.JSX.Element>;
+
+export { Tokens };

package/react/dist/index.server.js

@@ -0,0 +1,73 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// react/index.server.ts
+var index_server_exports = {};
+__export(index_server_exports, {
+  Tokens: () => Tokens
+});
+module.exports = __toCommonJS(index_server_exports);
+
+// react/tokens.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Tokens(props) {
+  return __async(this, null, function* () {
+    const { stream } = props;
+    const reader = stream.getReader();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecursiveTokens, { reader }) });
+  });
+}
+function RecursiveTokens(_0) {
+  return __async(this, arguments, function* ({ reader }) {
+    const { done, value } = yield reader.read();
+    if (done) {
+      return null;
+    }
+    const text = new TextDecoder().decode(value);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      text,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecursiveTokens, { reader }) })
+    ] });
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tokens
+});

package/react/dist/index.server.mjs

@@ -0,0 +1,47 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// react/tokens.tsx
+import { Suspense } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Tokens(props) {
+  return __async(this, null, function* () {
+    const { stream } = props;
+    const reader = stream.getReader();
+    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(RecursiveTokens, { reader }) });
+  });
+}
+function RecursiveTokens(_0) {
+  return __async(this, arguments, function* ({ reader }) {
+    const { done, value } = yield reader.read();
+    if (done) {
+      return null;
+    }
+    const text = new TextDecoder().decode(value);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      text,
+      /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(RecursiveTokens, { reader }) })
+    ] });
+  });
+}
+export {
+  Tokens
+};

package/svelte/dist/index.js

@@ -516,7 +516,6 @@ function createChunkDecoder() {
 }
 
 // svelte/use-chat.ts
-var uniqueId = 0;
 var store = {};
 function useChat({
   api = "/api/chat",
@@ -531,7 +530,7 @@ function useChat({
   headers,
   body
 } = {}) {
-  const chatId = id || `chat-${uniqueId++}`;
+  const chatId = id || `chat-${nanoid()}`;
   const key = `${api}|${chatId}`;
   const { data, mutate: originalMutate } = $(key, {
     fetcher: () => store[key] || initialMessages,
@@ -686,7 +685,6 @@ function useChat({
 
 // svelte/use-completion.ts
 var import_store2 = require("svelte/store");
-var uniqueId2 = 0;
 var store2 = {};
 function useCompletion({
   api = "/api/completion",
@@ -700,7 +698,7 @@ function useCompletion({
   onFinish,
   onError
 } = {}) {
-  const completionId = id || `completion-${uniqueId2++}`;
+  const completionId = id || `completion-${nanoid()}`;
   const key = `${api}|${completionId}`;
   const { data, mutate: originalMutate } = $(key, {
     fetcher: () => store2[key] || initialCompletion,

package/svelte/dist/index.mjs

@@ -492,7 +492,6 @@ function createChunkDecoder() {
 }
 
 // svelte/use-chat.ts
-var uniqueId = 0;
 var store = {};
 function useChat({
   api = "/api/chat",
@@ -507,7 +506,7 @@ function useChat({
   headers,
   body
 } = {}) {
-  const chatId = id || `chat-${uniqueId++}`;
+  const chatId = id || `chat-${nanoid()}`;
   const key = `${api}|${chatId}`;
   const { data, mutate: originalMutate } = $(key, {
     fetcher: () => store[key] || initialMessages,
@@ -662,7 +661,6 @@ function useChat({
 
 // svelte/use-completion.ts
 import { get as get2, writable as writable2 } from "svelte/store";
-var uniqueId2 = 0;
 var store2 = {};
 function useCompletion({
   api = "/api/completion",
@@ -676,7 +674,7 @@ function useCompletion({
   onFinish,
   onError
 } = {}) {
-  const completionId = id || `completion-${uniqueId2++}`;
+  const completionId = id || `completion-${nanoid()}`;
   const key = `${api}|${completionId}`;
   const { data, mutate: originalMutate } = $(key, {
     fetcher: () => store2[key] || initialCompletion,

package/vue/dist/index.js

@@ -89,7 +89,6 @@ function createChunkDecoder() {
 }
 
 // vue/use-chat.ts
-var uniqueId = 0;
 var useSWRV = import_swrv.default.default || import_swrv.default;
 var store = {};
 function useChat({
@@ -105,7 +104,7 @@ function useChat({
   headers,
   body
 } = {}) {
-  const chatId = id || `chat-${uniqueId++}`;
+  const chatId = id || `chat-${nanoid()}`;
   const key = `${api}|${chatId}`;
   const { data, mutate: originalMutate } = useSWRV(
     key,
@@ -260,7 +259,6 @@ function useChat({
 // vue/use-completion.ts
 var import_swrv2 = __toESM(require("swrv"));
 var import_vue2 = require("vue");
-var uniqueId2 = 0;
 var useSWRV2 = import_swrv2.default.default || import_swrv2.default;
 var store2 = {};
 function useCompletion({
@@ -275,7 +273,7 @@ function useCompletion({
   onFinish,
   onError
 } = {}) {
-  const completionId = id || `completion-${uniqueId2++}`;
+  const completionId = id || `completion-${nanoid()}`;
   const key = `${api}|${completionId}`;
   const { data, mutate: originalMutate } = useSWRV2(
     key,

package/vue/dist/index.mjs

@@ -55,7 +55,6 @@ function createChunkDecoder() {
 }
 
 // vue/use-chat.ts
-var uniqueId = 0;
 var useSWRV = swrv.default || swrv;
 var store = {};
 function useChat({
@@ -71,7 +70,7 @@ function useChat({
   headers,
   body
 } = {}) {
-  const chatId = id || `chat-${uniqueId++}`;
+  const chatId = id || `chat-${nanoid()}`;
   const key = `${api}|${chatId}`;
   const { data, mutate: originalMutate } = useSWRV(
     key,
@@ -226,7 +225,6 @@ function useChat({
 // vue/use-completion.ts
 import swrv2 from "swrv";
 import { ref as ref2 } from "vue";
-var uniqueId2 = 0;
 var useSWRV2 = swrv2.default || swrv2;
 var store2 = {};
 function useCompletion({
@@ -241,7 +239,7 @@ function useCompletion({
   onFinish,
   onError
 } = {}) {
-  const completionId = id || `completion-${uniqueId2++}`;
+  const completionId = id || `completion-${nanoid()}`;
   const key = `${api}|${completionId}`;
   const { data, mutate: originalMutate } = useSWRV2(
     key,