reachat 2.2.0 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reachat",
-  "version": "2.2.0",
+  "version": "3.1.0",
   "description": "Chat UI for Building LLMs",
   "scripts": {
     "build-storybook": "storybook build",
@@ -16,6 +16,8 @@
     "start": "storybook dev -p 9009",
     "test": "vitest --passWithNoTests",
     "test:coverage": "vitest run --coverage --passWithNoTests",
+    "test:visual": "test-storybook --url http://localhost:9009",
+    "test:visual:update": "test-storybook --url http://localhost:9009 --updateSnapshot",
     "prepare": "husky install"
   },
   "license": "Apache-2.0",
@@ -50,15 +52,17 @@
     "@tiptap/extension-paragraph": "^3.15.3",
     "@tiptap/extension-placeholder": "^3.15.3",
     "@tiptap/extension-text": "^3.15.3",
+    "@tiptap/extensions": "^3.20.4",
     "@tiptap/pm": "^3.15.3",
     "@tiptap/react": "^3.15.3",
+    "@tiptap/suggestion": "^3.20.4",
     "date-fns": "^4.1.0",
     "katex": "^0.16.11",
     "lodash": "^4.17.21",
     "mdast-util-find-and-replace": "^3.0.1",
     "motion": "^12.4.2",
-    "reablocks": "^9.0.0",
-    "react-markdown": "^9.0.3",
+    "reablocks": "^10.0.0-beta.1",
+    "react-markdown": "^10.0.0",
     "react-syntax-highlighter": "^16.1.0",
     "reakeys": "^2.0.3",
     "rehype-katex": "^7.0.0",
@@ -67,7 +71,8 @@
     "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",
@@ -80,64 +85,56 @@
     }
   },
   "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",
-    "@storybook/addon-storysource": "^8.2.6",
-    "@storybook/addon-themes": "^8.2.6",
-    "@storybook/manager-api": "^8.2.6",
-    "@storybook/preview-api": "^8.2.6",
-    "@storybook/react": "^8.2.6",
-    "@storybook/react-vite": "^8.2.6",
-    "@storybook/theming": "^8.2.6",
+    "@storybook/addon-docs": "^10.0.0",
+    "@storybook/addon-themes": "^10.0.0",
+    "@storybook/react": "^10.0.0",
+    "@storybook/react-vite": "^10.0.0",
+    "@storybook/test-runner": "^0.24.0",
     "@tailwindcss/cli": "^4.0.3",
     "@tailwindcss/postcss": "^4.0.1",
     "@tailwindcss/vite": "^4.0.6",
-    "@types/classnames": "^2.3.1",
     "@types/lodash": "^4.17.21",
     "@types/mdast": "^4.0.4",
-    "@types/react": "^18.2.61",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^7.6.0",
     "@typescript-eslint/parser": "^7.6.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.4.0",
-    "ai": "^4.1.35",
+    "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/coverage-v8": "^3.2.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-no-relative-import-paths": "^1.5.4",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.12.0",
     "fast-glob": "^3.3.2",
     "husky": "^9.0.11",
+    "jest-image-snapshot": "^6.4.0",
     "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",
     "prettier": "^3.2.5",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.0.0",
     "reaviz": "^16.1.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
-    "storybook": "^8.2.6",
+    "storybook": "^10.0.0",
     "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",
+    "vite": "^7.0.0",
+    "vite-plugin-checker": "^0.12.0",
     "vite-plugin-css-injected-by-js": "^3.5.0",
     "vite-plugin-dts": "^4.5.0",
     "vite-plugin-static-copy": "^3.1.1",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.0"
   },
   "prettier": {
     "semi": true,

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>;