reachat 0.0.1 → 1.0.1

package/dist/theme.d.ts

@@ -1,3 +1,79 @@
-export interface SessionsTheme {
+export interface ChatTheme {
     base: string;
+    console: string;
+    companion: string;
+    empty: string;
+    sessions: {
+        base: string;
+        console: string;
+        companion: string;
+        create: string;
+        group: string;
+        session: {
+            base: string;
+            active: string;
+            delete: string;
+        };
+    };
+    messages: {
+        base: string;
+        console: string;
+        companion: string;
+        back: string;
+        inner: string;
+        title: string;
+        date: string;
+        content: string;
+        header: string;
+        showMore: string;
+        message: {
+            base: string;
+            question: string;
+            response: string;
+            cursor: string;
+            files: {
+                base: string;
+                file: {
+                    base: string;
+                    name: string;
+                };
+            };
+            sources: {
+                base: string;
+                source: {
+                    base: string;
+                    image: string;
+                    title: string;
+                    url: string;
+                };
+            };
+            markdown: {
+                p: string;
+                a: string;
+                table: string;
+                th: string;
+                td: string;
+                code: string;
+                li: string;
+                ul: string;
+                ol: string;
+                copy: string;
+            };
+            footer: {
+                base: string;
+                copy: string;
+                upvote: string;
+                downvote: string;
+                refresh: string;
+            };
+        };
+    };
+    input: {
+        base: string;
+        upload: string;
+        input: string;
+        send: string;
+        stop: string;
+    };
 }
+export declare const chatTheme: ChatTheme;

package/dist/types.d.ts

@@ -1,30 +1,84 @@
-export interface User {
-    id: string;
-    name: string;
-    avatarUrl?: string;
-}
 export interface ConversationSource {
-    id: string;
-    url: string;
-    title: string;
+    /**
+     * URL of the source, if applicable
+     */
+    url?: string;
+    /**
+     * Title or description of the source
+     */
+    title?: string;
+    /**
+     * Image URL of the source, if applicable.
+     */
+    image?: string;
+}
+export interface ConversationFile {
+    /**
+     * Name of the file
+     */
+    name: string;
+    /**
+     * Type of the file
+     */
+    type?: string;
+    /**
+     * Size of the file
+     */
+    size?: number;
+    /**
+     * URL of the file
+     */
+    url?: string;
 }
 export interface Conversation {
+    /**
+     * Unique identifier for the conversation
+     */
     id: string;
+    /**
+     * Date and time when the conversation was created
+     */
     createdAt: Date;
-    updatedAt: Date;
+    /**
+     * Date and time when the conversation was last updated
+     */
+    updatedAt?: Date;
+    /**
+     * The user's question or input that initiated the conversation
+     */
     question: string;
+    /**
+     * The AI's response to the user's question
+     */
     response?: string;
+    /**
+     * Array of sources referenced in the conversation
+     */
     sources?: ConversationSource[];
-    status?: 'sent' | 'received' | 'read';
-    user?: User;
+    /**
+     * Array of file paths or identifiers associated with the conversation
+     */
+    files?: ConversationFile[];
 }
 export interface Session {
+    /**
+     * Unique identifier for the session
+     */
     id: string;
-    title: string;
-    createdAt: Date;
-    updatedAt: Date;
+    /**
+     * Title of the session
+     */
+    title?: string;
+    /**
+     * Date and time when the session was created
+     */
+    createdAt?: Date;
+    /**
+     * Date and time when the session was last updated
+     */
+    updatedAt?: Date;
+    /**
+     * Array of conversations within this session
+     */
     conversations: Conversation[];
 }
-export interface ResponseTransformer {
-    (response: string, next: (transformedResponse: string) => string): string;
-}

package/dist/utils.d.ts

@@ -0,0 +1,7 @@
+import { Session } from './types';
+
+export interface GroupedSessions {
+    heading: string;
+    sessions: Session[];
+}
+export declare function groupSessionsByDate(sessions: Session[]): GroupedSessions[];

package/dist/utils.spec.d.ts

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

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "reachat",
-  "version": "0.0.1",
+  "version": "1.0.1",
   "description": "Chat UI for Building LLMs",
   "scripts": {
     "build-storybook": "storybook build",
-    "build": "vite build --mode library",
+    "build": "npm run build:js && npm run build:docs",
+    "build:js": "vite build --mode library",
+    "build:docs": "node scripts/docs.js",
     "lint": "eslint --ext js,ts,tsx",
     "lint:fix": "eslint --ext js,ts,tsx --fix src",
     "lint:prettier": "prettier --loglevel warn --write 'src/**/*.{ts,tsx,js,jsx}'",
@@ -29,26 +31,39 @@
       "require": "./dist/index.umd.cjs",
       "types": "./dist/index.d.ts"
     },
+    "./docs.json": "./dist/docs.json",
     "./index.css": "./dist/index.css"
   },
   "browser": "dist/index.js",
   "typings": "dist/index.d.ts",
   "dependencies": {
-    "reablocks": "^8.4.1",
-    "react-textarea-autosize": "^8.5.3",
-    "framer-motion": "^10.16.16"
+    "@radix-ui/react-slot": "^1.1.0",
+    "date-fns": "^3.6.0",
+    "framer-motion": "^10.16.16",
+    "mdast-util-find-and-replace": "^3.0.1",
+    "reablocks": "^8.4.0",
+    "react-cool-dimensions": "^3.0.1",
+    "react-markdown": "^9.0.1",
+    "react-syntax-highlighter": "^15.5.0",
+    "reakeys": "^2.0.3",
+    "remark-gfm": "^4.0.0",
+    "remark-youtube": "^1.3.2"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^8.1.1",
-    "@storybook/addon-essentials": "^8.1.1",
-    "@storybook/addon-mdx-gfm": "^8.1.1",
-    "@storybook/addon-storysource": "^8.1.1",
-    "@storybook/addon-themes": "^8.1.1",
-    "@storybook/manager-api": "^8.1.1",
-    "@storybook/preview-api": "^8.1.1",
-    "@storybook/react": "^8.1.1",
-    "@storybook/react-vite": "^8.1.1",
-    "@storybook/theming": "^8.1.1",
+    "@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",
     "@types/classnames": "^2.3.1",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
@@ -67,24 +82,23 @@
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.2",
+    "openai": "^4.53.0",
+    "postcss": "^8.4.39",
     "postcss-nested": "^6.0.1",
     "postcss-preset-env": "^9.5.2",
     "prettier": "^3.2.5",
-    "react": "^18.0.0",
+    "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^18.0.0",
-    "react-hook-form": "^7.51.1",
+    "react-dom": "^18.3.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
-    "storybook": "^8.1.1",
-    "tailwindcss": "^3.4.1",
+    "storybook": "^8.2.6",
+    "tailwindcss": "^3.4.6",
     "tw-colors": "^3.3.1",
     "typescript": "^4.9.5",
-    "typescript-rewrite-paths": "^1.3.1",
     "vite": "^5.2.2",
     "vite-plugin-checker": "^0.6.4",
     "vite-plugin-css-injected-by-js": "^3.5.0",
     "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-static-copy": "^1.0.4",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.4.0"
@@ -107,5 +121,6 @@
     "hooks": {
       "pre-commit": "lint-staged"
     }
-  }
+  },
+  "packageManager": "pnpm@9.5.0+sha1.8c155dc114e1689d18937974f6571e0ceee66f1d"
 }

package/dist/SessionInput.d.ts

@@ -1,22 +0,0 @@
-import { FC } from 'react';
-
-interface SessionInputProps {
-    /**
-     * Indicates whether the sessions are currently loading.
-     */
-    isLoading?: boolean;
-    /**
-     * Placeholder text for the input field.
-     */
-    inputPlaceholder?: string;
-    /**
-     * Callback function to handle sending a new message.
-     */
-    onSendMessage?: (message: string) => void;
-    /**
-     * Callback function to handle stopping the current action.
-     */
-    onStopMessage?: () => void;
-}
-export declare const SessionInput: FC<SessionInputProps>;
-export {};

package/dist/SessionListItem.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { Session } from './types';
-
-interface SessionListItemProps {
-    session: Session;
-    isActive: boolean;
-    onSelectSession?: (sessionId: string) => void;
-    onDeleteSession?: (sessionId: string) => void;
-}
-export declare const SessionListItem: FC<SessionListItemProps>;
-export {};

package/dist/SessionMessage.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ResponseTransformer } from './types';
-
-interface SessionMessageProps {
-    question: string;
-    response: string;
-    responseTransformers?: ResponseTransformer[];
-}
-export declare const SessionMessage: FC<SessionMessageProps>;
-export {};

package/dist/SessionMessages.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { ResponseTransformer, Conversation } from './types';
-
-interface SessionMessagesProps {
-    conversations: Conversation[];
-    responseTransformers?: ResponseTransformer[];
-}
-export declare const SessionMessages: React.FC<SessionMessagesProps>;
-export {};

package/dist/Sessions.d.ts

@@ -1,48 +0,0 @@
-import { FC } from 'react';
-import { ResponseTransformer, Session } from './types';
-
-export interface SessionsProps {
-    /**
-     * The type of prompt to display. Companion prompts are smaller and are
-     * meant to be displayed alongside other content. Full prompts are larger
-     * and are meant to be displayed on their own.
-     */
-    viewType: 'companion' | 'full';
-    /**
-     * The list of sessions to display.
-     */
-    sessions: Session[];
-    /**
-     * The ID of the currently active session.
-     */
-    activeSessionId?: string;
-    /**
-     * Indicates whether the sessions are currently loading.
-     */
-    isLoading?: boolean;
-    /**
-     * Placeholder text for the input field.
-     */
-    inputPlaceholder?: string;
-    /**
-     * Array of transformer functions to apply to the response.
-     */
-    responseTransformers?: ResponseTransformer[];
-    /**
-     * Callback function to handle when a session is selected.
-     */
-    onSelectSession?: (sessionId: string) => void;
-    /**
-     * Callback function to handle when a session is deleted.
-     */
-    onDeleteSession?: (sessionId: string) => void;
-    /**
-     * Callback function to handle sending a new message.
-     */
-    onSendMessage?: (message: string) => void;
-    /**
-     * Callback function to handle stopping the current action.
-     */
-    onStopMessage?: () => void;
-}
-export declare const Sessions: FC<SessionsProps>;

package/dist/SessionsList.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { Session } from './types';
-
-interface SessionsListProps {
-    sessions: Session[];
-    activeSessionId?: string;
-    onSelectSession?: (sessionId: string) => void;
-    onDeleteSession?: (sessionId: string) => void;
-}
-export declare const SessionsList: FC<SessionsListProps>;
-export {};

package/dist/useLlm.d.ts

@@ -1,3 +0,0 @@
-export interface LlmOptions {
-}
-export declare const useLlm: (options: LlmOptions) => void;