@assistant-ui/react-ai-sdk 0.1.0 → 0.1.2

package/src/ui/use-chat/useVercelUseChatRuntime.tsx

@@ -1,16 +0,0 @@
-import type { UseChatHelpers } from "@ai-sdk/react";
-import { useEffect, useInsertionEffect, useState } from "react";
-import { VercelAIRuntime } from "../VercelAIRuntime";
-
-export const useVercelUseChatRuntime = (chatHelpers: UseChatHelpers) => {
-  const [runtime] = useState(() => new VercelAIRuntime(chatHelpers));
-
-  useInsertionEffect(() => {
-    runtime.vercel = chatHelpers;
-  });
-  useEffect(() => {
-    runtime.onVercelUpdated();
-  });
-
-  return runtime;
-};

package/src/ui/utils/VercelHelpers.tsx

@@ -1,3 +0,0 @@
-import type { UseAssistantHelpers, UseChatHelpers } from "@ai-sdk/react";
-
-export type VercelHelpers = UseChatHelpers | UseAssistantHelpers;

package/src/ui/utils/sliceMessagesUntil.tsx

@@ -1,20 +0,0 @@
-import type { Message } from "ai";
-
-export const sliceMessagesUntil = (
-  messages: Message[],
-  messageId: string | null,
-) => {
-  if (messageId == null) return [];
-
-  let messageIdx = messages.findIndex((m) => m.id === messageId);
-  if (messageIdx === -1)
-    throw new Error(
-      "useVercelAIThreadState: Message not found. This is liekly an internal bug in assistant-ui.",
-    );
-
-  while (messages[messageIdx + 1]?.role === "assistant") {
-    messageIdx++;
-  }
-
-  return messages.slice(0, messageIdx + 1);
-};

package/src/ui/utils/useVercelAIComposerSync.tsx

@@ -1,15 +0,0 @@
-import { useThreadContext } from "@assistant-ui/react/experimental";
-import { useEffect } from "react";
-import type { VercelHelpers } from "./VercelHelpers";
-
-// two way sync between vercel helpers input state and composer text state
-export const useVercelAIComposerSync = (vercel: VercelHelpers) => {
-  const { useComposer } = useThreadContext();
-
-  useEffect(() => {
-    useComposer.setState({
-      value: vercel.input,
-      setValue: vercel.setInput,
-    });
-  }, [useComposer, vercel.input, vercel.setInput]);
-};

package/src/ui/utils/useVercelAIThreadSync.tsx

@@ -1,142 +0,0 @@
-import type { TextContentPart, ThreadMessage } from "@assistant-ui/react";
-import type { ToolCallContentPart } from "@assistant-ui/react/experimental";
-import type { Message } from "ai";
-import { useEffect, useMemo } from "react";
-import {
-  type ConverterCallback,
-  ThreadMessageConverter,
-} from "../../utils/ThreadMessageConverter";
-import {
-  type VercelAIThreadMessage,
-  symbolInnerAIMessage,
-} from "../getVercelAIMessage";
-import type { VercelHelpers } from "./VercelHelpers";
-
-const getIsRunning = (vercel: VercelHelpers) => {
-  if ("isLoading" in vercel) return vercel.isLoading;
-  return vercel.status === "in_progress";
-};
-
-const vercelToThreadMessage = (
-  messages: Message[],
-  status: "in_progress" | "done" | "error",
-): VercelAIThreadMessage => {
-  const firstMessage = messages[0];
-  if (!firstMessage) throw new Error("No messages found");
-
-  const common = {
-    id: firstMessage.id,
-    createdAt: firstMessage.createdAt ?? new Date(),
-    [symbolInnerAIMessage]: messages,
-  };
-
-  switch (firstMessage.role) {
-    case "user":
-      if (messages.length > 1) {
-        throw new Error(
-          "Multiple user messages found. This is likely an internal bug in assistant-ui.",
-        );
-      }
-
-      return {
-        ...common,
-        role: "user",
-        content: [{ type: "text", text: firstMessage.content }],
-      };
-    case "assistant":
-      return {
-        ...common,
-        role: "assistant",
-        content: messages.flatMap((message) => [
-          ...(message.content
-            ? [{ type: "text", text: message.content } as TextContentPart]
-            : []),
-          ...(message.toolInvocations?.map(
-            (t) =>
-              ({
-                type: "tool-call",
-                name: t.toolName,
-                args: t.args,
-                result: "result" in t ? t.result : undefined,
-              }) as ToolCallContentPart,
-          ) ?? []),
-        ]),
-        status,
-      };
-    default:
-      throw new Error(
-        `You have a message with an unsupported role. The role ${firstMessage.role} is not supported.`,
-      );
-  }
-};
-
-type Chunk = [Message, ...Message[]];
-const hasItems = (messages: Message[]): messages is Chunk =>
-  messages.length > 0;
-
-const chunkedMessages = (messages: Message[]): Chunk[] => {
-  const chunks: Chunk[] = [];
-  let currentChunk: Message[] = [];
-
-  for (const message of messages) {
-    if (message.role === "assistant") {
-      currentChunk.push(message);
-    } else {
-      if (hasItems(currentChunk)) {
-        chunks.push(currentChunk);
-        currentChunk = [];
-      }
-      chunks.push([message]);
-    }
-  }
-
-  if (hasItems(currentChunk)) {
-    chunks.push(currentChunk);
-  }
-
-  return chunks;
-};
-
-const shallowArrayEqual = (a: unknown[], b: unknown[]) => {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (a[i] !== b[i]) return false;
-  }
-  return true;
-};
-
-type UpdateDataCallback = (isRunning: boolean, vm: ThreadMessage[]) => void;
-
-export const useVercelAIThreadSync = (
-  vercel: VercelHelpers,
-  updateData: UpdateDataCallback,
-) => {
-  const isRunning = getIsRunning(vercel);
-
-  const converter = useMemo(() => new ThreadMessageConverter(), []);
-
-  useEffect(() => {
-    const lastMessageId = vercel.messages.at(-1)?.id;
-    const convertCallback: ConverterCallback<Chunk> = (messages, cache) => {
-      const status =
-        lastMessageId === messages[0].id && isRunning ? "in_progress" : "done";
-
-      if (
-        cache &&
-        shallowArrayEqual(cache.content, messages) &&
-        (cache.role === "user" || cache.status === status)
-      )
-        return cache;
-
-      return vercelToThreadMessage(messages, status);
-    };
-
-    const messages = converter.convertMessages(
-      chunkedMessages(vercel.messages),
-      convertCallback,
-      (m) => m[0],
-    );
-
-    updateData(isRunning, messages);
-  }, [updateData, isRunning, vercel.messages, converter]);
-};

package/src/utils/ThreadMessageConverter.ts

@@ -1,24 +0,0 @@
-import type { ThreadMessage } from "@assistant-ui/react";
-
-export type ConverterCallback<TIn> = (
-  message: TIn,
-  cache: ThreadMessage | undefined,
-) => ThreadMessage;
-
-export class ThreadMessageConverter {
-  private readonly cache = new WeakMap<WeakKey, ThreadMessage>();
-
-  convertMessages<TIn extends WeakKey>(
-    messages: TIn[],
-    converter: ConverterCallback<TIn>,
-    keyMapper: (m: TIn) => WeakKey = (key) => key,
-  ): ThreadMessage[] {
-    return messages.map((m) => {
-      const key = keyMapper(m);
-      const cached = this.cache.get(key);
-      const newMessage = converter(m, cached);
-      this.cache.set(key, newMessage);
-      return newMessage;
-    });
-  }
-}

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "extends": "@assistant-ui/tsconfig/base.json",
-  "compilerOptions": {
-    "paths": {
-      "@assistant-ui/*": ["../../packages/*/src"],
-      "@assistant-ui/react/*": ["../../packages/react/src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}