reachat 2.1.2 → 3.0.0

package/dist/useAgUi/useAgUi.d.ts

@@ -0,0 +1,119 @@
+import { Session, Conversation } from '../types';
+import { AgUiEvent, AgUiContext, AgUiMessage, AgUiTool, AgUiToolCallInfo } from './types';
+export interface UseAgUiOptions {
+    /**
+     * URL of the AG-UI compatible agent endpoint.
+     */
+    agent: string;
+    /**
+     * Initial sessions to populate the chat.
+     */
+    initialSessions?: Session[];
+    /**
+     * Initial active session ID.
+     */
+    initialActiveSessionId?: string;
+    /**
+     * Tools to expose to the agent.
+     */
+    tools?: AgUiTool[];
+    /**
+     * Context to send with each run.
+     */
+    context?: AgUiContext[];
+    /**
+     * Additional properties forwarded to the agent.
+     */
+    forwardedProps?: Record<string, unknown>;
+    /**
+     * Custom headers for the HTTP request.
+     */
+    headers?: Record<string, string>;
+    /**
+     * Called when a tool call is received from the agent.
+     */
+    onToolCall?: (toolCall: AgUiToolCallInfo) => Promise<void> | void;
+    /**
+     * Called when the agent run encounters an error.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Called when an AG-UI event is received (for debugging/logging).
+     */
+    onEvent?: (event: AgUiEvent) => void;
+}
+export interface UseAgUiReturn {
+    /**
+     * All chat sessions.
+     */
+    sessions: Session[];
+    /**
+     * The currently active session ID.
+     */
+    activeSessionId: string | undefined;
+    /**
+     * Whether the agent is currently processing.
+     */
+    isLoading: boolean;
+    /**
+     * Select a session by ID.
+     */
+    selectSession: (sessionId: string) => void;
+    /**
+     * Delete a session by ID.
+     */
+    deleteSession: (sessionId: string) => void;
+    /**
+     * Create a new empty session.
+     */
+    createSession: () => void;
+    /**
+     * Send a message to the agent.
+     */
+    sendMessage: (message: string) => void;
+    /**
+     * Stop the current agent run.
+     */
+    stopMessage: () => void;
+}
+export declare function addConversationToSession(sessions: Session[], sessionId: string, conversation: Conversation): Session[];
+export declare function updateConversationInSession(sessions: Session[], sessionId: string, conversationId: string, response: string): Session[];
+/**
+ * Converts reachat Session/Conversation history into AG-UI messages.
+ */
+export declare function sessionsToAgUiMessages(session: Session): AgUiMessage[];
+/**
+ * Parses a single SSE data line, returning the event or an Error
+ * if the JSON is malformed.
+ */
+export declare function parseSSELine(line: string): AgUiEvent | Error | null;
+/**
+ * Parses an SSE stream from a Response into AG-UI events.
+ */
+export declare function parseSSE(response: Response, signal: AbortSignal): AsyncGenerator<AgUiEvent | Error>;
+/**
+ * React hook that connects to an AG-UI protocol endpoint and provides
+ * all the props needed for the reachat `<Chat>` component.
+ *
+ * @example
+ * ```tsx
+ * const agui = useAgUi({ agent: 'https://my-agent.example.com/run' });
+ *
+ * <Chat
+ *   sessions={agui.sessions}
+ *   activeSessionId={agui.activeSessionId}
+ *   isLoading={agui.isLoading}
+ *   onSelectSession={agui.selectSession}
+ *   onDeleteSession={agui.deleteSession}
+ *   onNewSession={agui.createSession}
+ *   onSendMessage={agui.sendMessage}
+ *   onStopMessage={agui.stopMessage}
+ * >
+ *   <SessionMessagePanel>
+ *     <SessionMessages />
+ *     <ChatInput />
+ *   </SessionMessagePanel>
+ * </Chat>
+ * ```
+ */
+export declare function useAgUi({ agent, initialSessions, initialActiveSessionId, tools, context, forwardedProps, headers, onToolCall, onError, onEvent }: UseAgUiOptions): UseAgUiReturn;

package/dist/useAgUi/useAgUi.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/getChildText.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+/**
+ * Recursively extracts text content from React children.
+ * Handles strings, numbers, arrays, and React elements by traversing
+ * their children props.
+ *
+ * @param children - The React children to extract text from
+ * @returns The concatenated text content as a string
+ */
+export declare function getChildText(children: React.ReactNode): string;

package/dist/utils/getChildText.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reachat",
-  "version": "2.1.2",
+  "version": "3.0.0",
   "description": "Chat UI for Building LLMs",
   "scripts": {
     "build-storybook": "storybook build",
@@ -40,6 +40,7 @@
   "browser": "dist/index.js",
   "typings": "dist/index.d.ts",
   "dependencies": {
+    "@floating-ui/dom": "^1.6.0",
     "@floating-ui/react": "^0.27.6",
     "@radix-ui/react-slot": "^1.1.0",
     "@tiptap/core": "^3.15.3",
@@ -61,11 +62,13 @@
     "react-syntax-highlighter": "^16.1.0",
     "reakeys": "^2.0.3",
     "rehype-katex": "^7.0.0",
+    "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "remark-youtube": "^1.3.2",
     "unified": "^11.0.5",
-    "unist-util-visit": "^5.0.0"
+    "unist-util-visit": "^5.0.0",
+    "zod": "^4.0.0"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -78,7 +81,6 @@
     }
   },
   "devDependencies": {
-    "@ai-sdk/openai": "^1.1.9",
     "@storybook/addon-docs": "^8.2.6",
     "@storybook/addon-essentials": "^8.2.6",
     "@storybook/addon-mdx-gfm": "^8.2.6",
@@ -101,7 +103,6 @@
     "@typescript-eslint/parser": "^7.6.0",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "^1.4.0",
-    "ai": "^4.1.35",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
@@ -113,7 +114,6 @@
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.2",
-    "openai": "^4.84.0",
     "postcss": "^8.4.39",
     "postcss-nested": "^6.0.1",
     "postcss-preset-env": "^9.5.2",
@@ -126,7 +126,7 @@
     "storybook": "^8.2.6",
     "tailwindcss": "^4.0.0",
     "tw-colors": "^3.3.1",
-    "typescript": "^4.9.5",
+    "typescript": "^5.9.3",
     "typescript-rewrite-paths": "^1.3.1",
     "vite": "^5.2.2",
     "vite-plugin-checker": "^0.8.0",

package/dist/Markdown/charts/ChartPre.d.ts

@@ -1,6 +0,0 @@
-import { default as React, FC } from 'react';
-export interface ChartPreProps {
-    children?: React.ReactNode;
-    [key: string]: unknown;
-}
-export declare const ChartPre: FC<ChartPreProps>;

package/dist/Markdown/charts/chartHelpers.d.ts

@@ -1,40 +0,0 @@
-import { default as React } from 'react';
-import { ChartConfig } from '../plugins/remarkChart';
-/**
- * Validates that chart data is an array of objects with the required structure.
- * Each item must have a `key` (convertible to string) and `data` (number) property.
- *
- * @param data - The unknown data array to validate
- * @returns An array of validated chart data points with `key` and `data` properties,
- *          or `null` if the data is invalid or empty
- */
-export declare function validateChartData(data: unknown[]): {
-    key: string;
-    data: number;
-}[] | null;
-/**
- * Parses a JSON string into a validated ChartConfig object.
- * The JSON must contain a `type` and `data` property, where `data` is validated
- * using `validateChartData`.
- *
- * @param value - The JSON string to parse
- * @returns A validated ChartConfig object, or `null` if parsing fails or the config is invalid
- */
-export declare function parseChartConfig(value: string): ChartConfig | null;
-/**
- * Checks if the given className indicates a chart code block.
- * Used to identify markdown code blocks that should be rendered as charts.
- *
- * @param className - The className to check
- * @returns `true` if the className is 'language-chart', `false` otherwise
- */
-export declare function isChartClassName(className?: string): boolean;
-/**
- * Recursively extracts text content from React children.
- * Handles strings, numbers, arrays, and React elements by traversing
- * their children props.
- *
- * @param children - The React children to extract text from
- * @returns The concatenated text content as a string
- */
-export declare function getChildText(children: React.ReactNode): string;

package/dist/Markdown/plugins/remarkChart.d.ts

@@ -1,59 +0,0 @@
-import { Plugin } from 'unified';
-import { Root } from 'mdast';
-/**
- * Supported chart types for the remarkChart plugin.
- */
-export type ChartType = 'bar' | 'line' | 'area' | 'pie' | 'radialBar' | 'radialArea' | 'sparkline';
-/**
- * Data point structure for charts.
- */
-export interface ChartDataPoint {
-    key: string;
-    data: number | ChartDataPoint[];
-}
-/**
- * Configuration for chart rendering.
- */
-export interface ChartConfig {
-    type: ChartType;
-    data: ChartDataPoint[];
-    width?: number;
-    height?: number;
-    title?: string;
-}
-/**
- * Options for the remarkChart plugin.
- */
-export interface RemarkChartOptions {
-    /**
-     * Default width for charts.
-     * @default 400
-     */
-    defaultWidth?: number;
-    /**
-     * Default height for charts.
-     * @default 300
-     */
-    defaultHeight?: number;
-}
-/**
- * A remark plugin that preprocesses fenced code blocks with language "chart"
- * by validating and applying default dimensions to the chart configuration.
- *
- * The actual rendering is handled by the ChartRenderer component via
- * chartComponents.
- *
- * Usage in markdown:
- * ```chart
- * {
- *   "type": "bar",
- *   "data": [
- *     { "key": "A", "data": 10 },
- *     { "key": "B", "data": 20 }
- *   ]
- * }
- * ```
- *
- * @param options - Plugin options
- */
-export declare const remarkChart: Plugin<[RemarkChartOptions?], Root>;