@assistant-ui/react-native 0.1.3 → 0.1.6

package/src/adapters/LocalStorageThreadListAdapter.tsx

@@ -1,227 +0,0 @@
-import { type AssistantStream, createAssistantStream } from "assistant-stream";
-import { FC, PropsWithChildren, useMemo } from "react";
-import { useAui } from "@assistant-ui/store";
-import type {
-  RemoteThreadInitializeResponse,
-  RemoteThreadListAdapter,
-  RemoteThreadListResponse,
-  RemoteThreadMetadata,
-  ThreadHistoryAdapter,
-  ThreadMessage,
-} from "@assistant-ui/core";
-import type {
-  ExportedMessageRepository,
-  ExportedMessageRepositoryItem,
-} from "@assistant-ui/core/internal";
-import { RuntimeAdapterProvider } from "../context/providers/RuntimeAdapterProvider";
-import type { TitleGenerationAdapter } from "./TitleGenerationAdapter";
-
-type AsyncStorageLike = {
-  getItem(key: string): Promise<string | null>;
-  setItem(key: string, value: string): Promise<void>;
-  removeItem(key: string): Promise<void>;
-};
-
-type LocalStorageAdapterOptions = {
-  storage: AsyncStorageLike;
-  prefix?: string | undefined;
-  titleGenerator?: TitleGenerationAdapter | undefined;
-};
-
-type StoredThreadMetadata = {
-  remoteId: string;
-  externalId?: string;
-  status: "regular" | "archived";
-  title?: string;
-};
-
-class AsyncStorageHistoryAdapter implements ThreadHistoryAdapter {
-  constructor(
-    private storage: AsyncStorageLike,
-    private aui: ReturnType<typeof useAui>,
-    private prefix: string,
-  ) {}
-
-  private _messagesKey(remoteId: string) {
-    return `${this.prefix}messages:${remoteId}`;
-  }
-
-  async load(): Promise<ExportedMessageRepository> {
-    const remoteId = this.aui.threadListItem().getState().remoteId;
-    if (!remoteId) return { messages: [] };
-
-    const raw = await this.storage.getItem(this._messagesKey(remoteId));
-    if (!raw) return { messages: [] };
-    return JSON.parse(raw) as ExportedMessageRepository;
-  }
-
-  async append(item: ExportedMessageRepositoryItem): Promise<void> {
-    const { remoteId } = await this.aui.threadListItem().initialize();
-
-    const key = this._messagesKey(remoteId);
-    const raw = await this.storage.getItem(key);
-    const repo: ExportedMessageRepository = raw
-      ? (JSON.parse(raw) as ExportedMessageRepository)
-      : { messages: [] };
-
-    const idx = repo.messages.findIndex(
-      (m) => m.message.id === item.message.id,
-    );
-    if (idx >= 0) {
-      repo.messages[idx] = item;
-    } else {
-      repo.messages.push(item);
-    }
-    repo.headId = item.message.id;
-
-    await this.storage.setItem(key, JSON.stringify(repo));
-  }
-}
-
-const createHistoryProvider = (
-  storage: AsyncStorageLike,
-  prefix: string,
-): FC<PropsWithChildren> => {
-  const Provider: FC<PropsWithChildren> = ({ children }) => {
-    const aui = useAui();
-    const history = useMemo(
-      () => new AsyncStorageHistoryAdapter(storage, aui, prefix),
-      [aui],
-    );
-    const adapters = useMemo(() => ({ history }), [history]);
-
-    return (
-      <RuntimeAdapterProvider adapters={adapters}>
-        {children}
-      </RuntimeAdapterProvider>
-    );
-  };
-  return Provider;
-};
-
-export const createLocalStorageAdapter = (
-  options: LocalStorageAdapterOptions,
-): RemoteThreadListAdapter => {
-  const { storage, prefix = "@assistant-ui:", titleGenerator } = options;
-
-  const threadsKey = `${prefix}threads`;
-  const messagesKey = (threadId: string) => `${prefix}messages:${threadId}`;
-
-  const loadThreadMetadata = async (): Promise<StoredThreadMetadata[]> => {
-    const raw = await storage.getItem(threadsKey);
-    return raw ? (JSON.parse(raw) as StoredThreadMetadata[]) : [];
-  };
-
-  const saveThreadMetadata = async (
-    threads: StoredThreadMetadata[],
-  ): Promise<void> => {
-    await storage.setItem(threadsKey, JSON.stringify(threads));
-  };
-
-  const adapter: RemoteThreadListAdapter = {
-    unstable_Provider: createHistoryProvider(storage, prefix),
-
-    async list(): Promise<RemoteThreadListResponse> {
-      const threads = await loadThreadMetadata();
-      return {
-        threads: threads.map((t) => ({
-          remoteId: t.remoteId,
-          externalId: t.externalId,
-          status: t.status,
-          title: t.title,
-        })),
-      };
-    },
-
-    async initialize(
-      threadId: string,
-    ): Promise<RemoteThreadInitializeResponse> {
-      const remoteId = threadId;
-      const threads = await loadThreadMetadata();
-
-      // Only add if not already present
-      if (!threads.some((t) => t.remoteId === remoteId)) {
-        threads.unshift({
-          remoteId,
-          status: "regular",
-        });
-        await saveThreadMetadata(threads);
-      }
-
-      return { remoteId, externalId: undefined };
-    },
-
-    async rename(remoteId: string, newTitle: string): Promise<void> {
-      const threads = await loadThreadMetadata();
-      const thread = threads.find((t) => t.remoteId === remoteId);
-      if (thread) {
-        thread.title = newTitle;
-        await saveThreadMetadata(threads);
-      }
-    },
-
-    async archive(remoteId: string): Promise<void> {
-      const threads = await loadThreadMetadata();
-      const thread = threads.find((t) => t.remoteId === remoteId);
-      if (thread) {
-        thread.status = "archived";
-        await saveThreadMetadata(threads);
-      }
-    },
-
-    async unarchive(remoteId: string): Promise<void> {
-      const threads = await loadThreadMetadata();
-      const thread = threads.find((t) => t.remoteId === remoteId);
-      if (thread) {
-        thread.status = "regular";
-        await saveThreadMetadata(threads);
-      }
-    },
-
-    async delete(remoteId: string): Promise<void> {
-      const threads = await loadThreadMetadata();
-      const filtered = threads.filter((t) => t.remoteId !== remoteId);
-      await saveThreadMetadata(filtered);
-      await storage.removeItem(messagesKey(remoteId));
-    },
-
-    async fetch(threadId: string): Promise<RemoteThreadMetadata> {
-      const threads = await loadThreadMetadata();
-      const thread = threads.find((t) => t.remoteId === threadId);
-      if (!thread) throw new Error("Thread not found");
-      return {
-        remoteId: thread.remoteId,
-        externalId: thread.externalId,
-        status: thread.status,
-        title: thread.title,
-      };
-    },
-
-    async generateTitle(
-      remoteId: string,
-      messages: readonly ThreadMessage[],
-    ): Promise<AssistantStream> {
-      if (titleGenerator) {
-        const title = await titleGenerator.generateTitle(messages);
-
-        // Update the stored title
-        const threads = await loadThreadMetadata();
-        const thread = threads.find((t) => t.remoteId === remoteId);
-        if (thread) {
-          thread.title = title;
-          await saveThreadMetadata(threads);
-        }
-
-        // Return a stream with a single text part
-        return createAssistantStream((controller) => {
-          controller.appendText(title);
-        });
-      }
-
-      // No title generator — return empty stream
-      return createAssistantStream(() => {});
-    },
-  };
-
-  return adapter;
-};

package/src/adapters/TitleGenerationAdapter.ts

@@ -1,20 +0,0 @@
-import type { ThreadMessage } from "@assistant-ui/core";
-
-export type TitleGenerationAdapter = {
-  generateTitle(messages: readonly ThreadMessage[]): Promise<string>;
-};
-
-export const createSimpleTitleAdapter = (): TitleGenerationAdapter => {
-  return {
-    async generateTitle(messages) {
-      const firstUserMessage = messages.find((m) => m.role === "user");
-      if (!firstUserMessage) return "New Thread";
-
-      const textPart = firstUserMessage.content.find((p) => p.type === "text");
-      if (!textPart || textPart.type !== "text") return "New Thread";
-
-      const text = textPart.text.trim();
-      return text.length > 50 ? `${text.slice(0, 47)}...` : text;
-    },
-  };
-};

package/src/adapters/index.ts

@@ -1,5 +0,0 @@
-export {
-  type TitleGenerationAdapter,
-  createSimpleTitleAdapter,
-} from "./TitleGenerationAdapter";
-export { createLocalStorageAdapter } from "./LocalStorageThreadListAdapter";

package/src/client/index.ts

@@ -1,7 +0,0 @@
-// Re-export shared clients from core/react
-export { Tools, DataRenderers } from "@assistant-ui/core/react";
-
-// Re-export clients from core
-export { ModelContext as ModelContextClient } from "@assistant-ui/core/store";
-export { Suggestions, type SuggestionConfig } from "@assistant-ui/core/store";
-export { ChainOfThoughtClient } from "@assistant-ui/core/store";

package/src/context/index.ts

@@ -1,4 +0,0 @@
-export {
-  AssistantRuntimeProvider,
-  useAssistantRuntime,
-} from "./AssistantContext";

package/src/model-context/index.ts

@@ -1,44 +0,0 @@
-// Re-export shared from core/react
-export {
-  makeAssistantTool,
-  type AssistantTool,
-  makeAssistantToolUI,
-  type AssistantToolUI,
-  makeAssistantDataUI,
-  type AssistantDataUI,
-  useAssistantTool,
-  type AssistantToolProps,
-  useAssistantToolUI,
-  type AssistantToolUIProps,
-  useAssistantDataUI,
-  type AssistantDataUIProps,
-  useAssistantInstructions,
-  useInlineRender,
-  type Toolkit,
-  type ToolDefinition,
-  Tools,
-  DataRenderers,
-} from "@assistant-ui/core/react";
-
-// Core pass-through (unchanged)
-export type {
-  ModelContext,
-  ModelContextProvider,
-  LanguageModelConfig,
-  LanguageModelV1CallSettings,
-} from "@assistant-ui/core";
-
-export { mergeModelContexts } from "@assistant-ui/core";
-
-export type { Tool } from "assistant-stream";
-
-export { tool } from "@assistant-ui/core";
-
-export { Suggestions, type SuggestionConfig } from "@assistant-ui/core/store";
-
-export { ModelContextRegistry } from "@assistant-ui/core";
-export type {
-  ModelContextRegistryToolHandle,
-  ModelContextRegistryInstructionHandle,
-  ModelContextRegistryProviderHandle,
-} from "@assistant-ui/core";

package/src/primitive-hooks/index.ts

@@ -1,18 +0,0 @@
-export { useThreadMessages } from "./useThreadMessages";
-export { useThreadIsRunning } from "./useThreadIsRunning";
-export { useThreadIsEmpty } from "./useThreadIsEmpty";
-export { useComposerSend } from "./useComposerSend";
-export { useComposerCancel } from "./useComposerCancel";
-export { useMessageReload } from "./useMessageReload";
-export { useMessageBranching } from "./useMessageBranching";
-export {
-  useActionBarCopy,
-  type UseActionBarCopyOptions,
-} from "./useActionBarCopy";
-export { useActionBarEdit } from "./useActionBarEdit";
-export { useActionBarReload } from "./useActionBarReload";
-export {
-  useActionBarFeedbackPositive,
-  useActionBarFeedbackNegative,
-} from "./useActionBarFeedback";
-export { useComposerAddAttachment } from "./useComposerAddAttachment";

package/src/primitive-hooks/useActionBarCopy.ts

@@ -1,38 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export type UseActionBarCopyOptions = {
-  copiedDuration?: number | undefined;
-  copyToClipboard?: ((text: string) => void | Promise<void>) | undefined;
-};
-
-export const useActionBarCopy = ({
-  copiedDuration = 3000,
-  copyToClipboard,
-}: UseActionBarCopyOptions = {}) => {
-  const aui = useAui();
-  const disabled = useAuiState((s) => {
-    return !(
-      (s.message.role !== "assistant" ||
-        s.message.status?.type !== "running") &&
-      s.message.parts.some((c) => c.type === "text" && c.text.length > 0)
-    );
-  });
-  const isCopied = useAuiState((s) => s.message.isCopied);
-  const isEditing = useAuiState((s) => s.composer.isEditing);
-  const composerValue = useAuiState((s) => s.composer.text);
-
-  const copy = useCallback(() => {
-    const valueToCopy = isEditing ? composerValue : aui.message().getCopyText();
-    if (!valueToCopy) return;
-
-    const write = copyToClipboard ?? (() => {});
-    const result = write(valueToCopy);
-    Promise.resolve(result).then(() => {
-      aui.message().setIsCopied(true);
-      setTimeout(() => aui.message().setIsCopied(false), copiedDuration);
-    });
-  }, [aui, isEditing, composerValue, copiedDuration, copyToClipboard]);
-
-  return { copy, disabled, isCopied };
-};

package/src/primitive-hooks/useActionBarEdit.ts

@@ -1,13 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useActionBarEdit = () => {
-  const aui = useAui();
-  const disabled = useAuiState((s) => s.composer.isEditing);
-
-  const edit = useCallback(() => {
-    aui.composer().beginEdit();
-  }, [aui]);
-
-  return { edit, disabled };
-};

package/src/primitive-hooks/useActionBarFeedback.ts

@@ -1,28 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useActionBarFeedbackPositive = () => {
-  const aui = useAui();
-  const isSubmitted = useAuiState(
-    (s) => s.message.metadata.submittedFeedback?.type === "positive",
-  );
-
-  const submit = useCallback(() => {
-    aui.message().submitFeedback({ type: "positive" });
-  }, [aui]);
-
-  return { submit, isSubmitted };
-};
-
-export const useActionBarFeedbackNegative = () => {
-  const aui = useAui();
-  const isSubmitted = useAuiState(
-    (s) => s.message.metadata.submittedFeedback?.type === "negative",
-  );
-
-  const submit = useCallback(() => {
-    aui.message().submitFeedback({ type: "negative" });
-  }, [aui]);
-
-  return { submit, isSubmitted };
-};

package/src/primitive-hooks/useActionBarReload.ts

@@ -1,18 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useActionBarReload = () => {
-  const aui = useAui();
-  const disabled = useAuiState(
-    (s) =>
-      s.thread.isRunning ||
-      s.thread.isDisabled ||
-      s.message.role !== "assistant",
-  );
-
-  const reload = useCallback(() => {
-    aui.message().reload();
-  }, [aui]);
-
-  return { reload, disabled };
-};

package/src/primitive-hooks/useComposerAddAttachment.ts

@@ -1,16 +0,0 @@
-import { useCallback } from "react";
-import { useAui } from "@assistant-ui/store";
-import type { CreateAttachment } from "@assistant-ui/core";
-
-export const useComposerAddAttachment = () => {
-  const aui = useAui();
-
-  const addAttachment = useCallback(
-    (file: File | CreateAttachment) => {
-      return aui.composer().addAttachment(file);
-    },
-    [aui],
-  );
-
-  return { addAttachment };
-};

package/src/primitive-hooks/useComposerCancel.ts

@@ -1,13 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useComposerCancel = () => {
-  const aui = useAui();
-  const canCancel = useAuiState((s) => s.thread.isRunning);
-
-  const cancel = useCallback(() => {
-    aui.composer().cancel();
-  }, [aui]);
-
-  return { cancel, canCancel };
-};

package/src/primitive-hooks/useComposerSend.ts

@@ -1,15 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useComposerSend = () => {
-  const aui = useAui();
-  const canSend = useAuiState(
-    (s) => !s.thread.isRunning && s.composer.isEditing && !s.composer.isEmpty,
-  );
-
-  const send = useCallback(() => {
-    aui.composer().send();
-  }, [aui]);
-
-  return { send, canSend };
-};

package/src/primitive-hooks/useEditComposerCancel.ts

@@ -1,12 +0,0 @@
-import { useCallback } from "react";
-import { useAui } from "@assistant-ui/store";
-
-export const useEditComposerCancel = () => {
-  const aui = useAui();
-
-  const cancel = useCallback(() => {
-    aui.composer().cancel();
-  }, [aui]);
-
-  return { cancel };
-};

package/src/primitive-hooks/useEditComposerSend.ts

@@ -1,13 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useEditComposerSend = () => {
-  const aui = useAui();
-  const disabled = useAuiState((s) => s.composer.isEmpty);
-
-  const send = useCallback(() => {
-    aui.composer().send();
-  }, [aui]);
-
-  return { send, disabled };
-};

package/src/primitive-hooks/useMessageBranching.ts

@@ -1,18 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useMessageBranching = () => {
-  const aui = useAui();
-  const branchNumber = useAuiState((s) => s.message.branchNumber);
-  const branchCount = useAuiState((s) => s.message.branchCount);
-
-  const goToPrev = useCallback(() => {
-    aui.message().switchToBranch({ position: "previous" });
-  }, [aui]);
-
-  const goToNext = useCallback(() => {
-    aui.message().switchToBranch({ position: "next" });
-  }, [aui]);
-
-  return { branchNumber, branchCount, goToPrev, goToNext };
-};

package/src/primitive-hooks/useMessageReload.ts

@@ -1,13 +0,0 @@
-import { useCallback } from "react";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export const useMessageReload = () => {
-  const aui = useAui();
-  const canReload = useAuiState((s) => s.message.role === "assistant");
-
-  const reload = useCallback(() => {
-    aui.message().reload();
-  }, [aui]);
-
-  return { reload, canReload };
-};

package/src/primitive-hooks/useThreadIsEmpty.ts

@@ -1,5 +0,0 @@
-import { useAuiState } from "@assistant-ui/store";
-
-export const useThreadIsEmpty = (): boolean => {
-  return useAuiState((s) => s.thread.isEmpty);
-};

package/src/primitive-hooks/useThreadIsRunning.ts

@@ -1,5 +0,0 @@
-import { useAuiState } from "@assistant-ui/store";
-
-export const useThreadIsRunning = (): boolean => {
-  return useAuiState((s) => s.thread.isRunning);
-};

package/src/primitive-hooks/useThreadMessages.ts

@@ -1,6 +0,0 @@
-import { useAuiState } from "@assistant-ui/store";
-import type { MessageState } from "@assistant-ui/core/store";
-
-export const useThreadMessages = (): readonly MessageState[] => {
-  return useAuiState((s) => s.thread.messages);
-};

package/src/primitives/composer/EditComposerCancel.tsx

@@ -1,20 +0,0 @@
-import type { ReactNode } from "react";
-import { Pressable, type PressableProps } from "react-native";
-import { useEditComposerCancel } from "../../primitive-hooks/useEditComposerCancel";
-
-export type EditComposerCancelProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode;
-};
-
-export const EditComposerCancel = ({
-  children,
-  ...pressableProps
-}: EditComposerCancelProps) => {
-  const { cancel } = useEditComposerCancel();
-
-  return (
-    <Pressable onPress={cancel} {...pressableProps}>
-      {children}
-    </Pressable>
-  );
-};

package/src/primitives/composer/EditComposerInput.tsx

@@ -1,22 +0,0 @@
-import { useCallback } from "react";
-import { TextInput, type TextInputProps } from "react-native";
-import { useAui, useAuiState } from "@assistant-ui/store";
-
-export type EditComposerInputProps = Omit<
-  TextInputProps,
-  "value" | "onChangeText"
->;
-
-export const EditComposerInput = (props: EditComposerInputProps) => {
-  const aui = useAui();
-  const text = useAuiState((s) => s.composer.text);
-
-  const onChangeText = useCallback(
-    (value: string) => {
-      aui.composer().setText(value);
-    },
-    [aui],
-  );
-
-  return <TextInput value={text} onChangeText={onChangeText} {...props} />;
-};

package/src/primitives/composer/EditComposerSend.tsx

@@ -1,25 +0,0 @@
-import type { ReactNode } from "react";
-import { Pressable, type PressableProps } from "react-native";
-import { useEditComposerSend } from "../../primitive-hooks/useEditComposerSend";
-
-export type EditComposerSendProps = Omit<PressableProps, "onPress"> & {
-  children: ReactNode;
-};
-
-export const EditComposerSend = ({
-  children,
-  disabled: disabledProp,
-  ...pressableProps
-}: EditComposerSendProps) => {
-  const { send, disabled } = useEditComposerSend();
-
-  return (
-    <Pressable
-      onPress={send}
-      disabled={disabledProp ?? disabled}
-      {...pressableProps}
-    >
-      {children}
-    </Pressable>
-  );
-};

package/src/runtimes/index.ts

@@ -1,2 +0,0 @@
-export { useLocalRuntime, type LocalRuntimeOptions } from "./useLocalRuntime";
-export { useRemoteThreadListRuntime } from "./useRemoteThreadListRuntime";

package/src/types/index.ts

@@ -1,23 +0,0 @@
-// React component types (from core/react)
-export type {
-  EmptyMessagePartComponent,
-  EmptyMessagePartProps,
-  TextMessagePartComponent,
-  TextMessagePartProps,
-  ReasoningMessagePartComponent,
-  ReasoningMessagePartProps,
-  ReasoningGroupProps,
-  ReasoningGroupComponent,
-  SourceMessagePartComponent,
-  SourceMessagePartProps,
-  ImageMessagePartComponent,
-  ImageMessagePartProps,
-  FileMessagePartComponent,
-  FileMessagePartProps,
-  Unstable_AudioMessagePartComponent,
-  Unstable_AudioMessagePartProps,
-  DataMessagePartComponent,
-  DataMessagePartProps,
-  ToolCallMessagePartComponent,
-  ToolCallMessagePartProps,
-} from "@assistant-ui/core/react";