reachat 1.0.0 → 1.0.2

package/README.md

@@ -43,6 +43,7 @@ theme via Tailwind.
 - [Reagraph](https://reagraph.dev?utm=reaviz) - Open-source library for large webgl based network graphs.
 
 ## 🪄 Features
+- Console and Companion Modes
 - Markdown Rendering
   - GFM Styling
   - Code Highlighting
@@ -52,12 +53,14 @@ theme via Tailwind.
   - Embeds ( Youtube )
   - remark plugin support
 - File Uploads
+- Image Preview
 - Message Sources
 - Animations
 - Conversation Pagination
 - Smart/Dynamic Grouping of Sessions
 - Keyboard shortcuts
 - Animations via Framer Motion
+- Responsive
 - Tailwind for Themeing
 - Customizable via Slots
 

package/dist/Chat.d.ts

@@ -38,6 +38,10 @@ export interface ChatProps extends PropsWithChildren {
      * Whether to display a loading state.
      */
     isLoading?: boolean;
+    /**
+     * Whether to disable the chat.
+     */
+    disabled?: boolean;
     /**
      * Callback function to handle when a session is selected.
      */
@@ -50,5 +54,17 @@ export interface ChatProps extends PropsWithChildren {
      * Callback function to handle creating a new session.
      */
     onNewSession?: () => void;
+    /**
+     * Callback function to handle sending a new message.
+     */
+    onSendMessage?: (message: string) => void;
+    /**
+     * Callback function to handle stopping the current action.
+     */
+    onStopMessage?: () => void;
+    /**
+     * Callback function to handle file upload.
+     */
+    onFileUpload?: (file: File) => void;
 }
 export declare const Chat: FC<ChatProps>;

package/dist/ChatContext.d.ts

@@ -4,13 +4,18 @@ import { PluggableList } from 'react-markdown/lib';
 
 export interface ChatContextProps {
     sessions: Session[];
+    disabled?: boolean;
     activeSessionId: string | null;
     theme?: ChatTheme;
     isLoading?: boolean;
+    isCompact?: boolean;
     activeSession?: Session | null;
     remarkPlugins?: PluggableList[];
     selectSession?: (sessionId: string) => void;
     deleteSession?: (sessionId: string) => void;
     createSession?: () => void;
+    sendMessage?: (message: string) => void;
+    stopMessage?: () => void;
+    fileUpload?: (file: File) => void;
 }
 export declare const ChatContext: import('react').Context<ChatContextProps>;

package/dist/ChatInput.d.ts

@@ -25,18 +25,6 @@ interface ChatInputProps {
      * Icon to show for attach.
      */
     attachIcon?: ReactElement;
-    /**
-     * Callback function to handle sending a new message.
-     */
-    onSendMessage?: (message: string) => void;
-    /**
-     * Callback function to handle stopping the current action.
-     */
-    onStopMessage?: () => void;
-    /**
-     * Callback function to handle file upload.
-     */
-    onFileUpload?: (file: File) => void;
 }
 export declare const ChatInput: FC<ChatInputProps>;
 export {};

package/dist/Markdown/CodeHighlighter.d.ts

@@ -1,9 +1,25 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactElement } from 'react';
 
 export interface CodeHighlighterProps extends PropsWithChildren {
     /**
      * The class name to apply to the code block.
      */
     className?: string;
+    /**
+     * The language of the code block.
+     */
+    language?: string;
+    /**
+     * The class name to apply to the copy button.
+     */
+    copyClassName?: string;
+    /**
+     * Icon to show for copy.
+     */
+    copyIcon?: ReactElement;
+    /**
+     * The theme to use for the code block.
+     */
+    theme?: Record<string, string>;
 }
 export declare const CodeHighlighter: FC<CodeHighlighterProps>;

package/dist/Markdown/index.d.ts

@@ -2,3 +2,4 @@ export * from './Markdown';
 export * from './Table';
 export * from './CodeHighlighter';
 export * from './plugins';
+export * from './themes';

package/dist/Markdown/themes/dark.d.ts

@@ -0,0 +1,501 @@
+export declare const dark: {
+    'code[class*="language-"]': {
+        background: string;
+        color: string;
+        textShadow: string;
+        fontFamily: string;
+        direction: string;
+        textAlign: string;
+        whiteSpace: string;
+        wordSpacing: string;
+        wordBreak: string;
+        lineHeight: string;
+        MozTabSize: string;
+        OTabSize: string;
+        tabSize: string;
+        WebkitHyphens: string;
+        MozHyphens: string;
+        msHyphens: string;
+        hyphens: string;
+    };
+    'pre[class*="language-"]': {
+        background: string;
+        color: string;
+        textShadow: string;
+        fontFamily: string;
+        direction: string;
+        textAlign: string;
+        whiteSpace: string;
+        wordSpacing: string;
+        wordBreak: string;
+        lineHeight: string;
+        MozTabSize: string;
+        OTabSize: string;
+        tabSize: string;
+        WebkitHyphens: string;
+        MozHyphens: string;
+        msHyphens: string;
+        hyphens: string;
+        padding: string;
+        margin: string;
+        overflow: string;
+        borderRadius: string;
+    };
+    'code[class*="language-"]::-moz-selection': {
+        background: string;
+        color: string;
+        textShadow: string;
+    };
+    'code[class*="language-"] *::-moz-selection': {
+        background: string;
+        color: string;
+        textShadow: string;
+    };
+    'pre[class*="language-"] *::-moz-selection': {
+        background: string;
+        color: string;
+        textShadow: string;
+    };
+    'code[class*="language-"]::selection': {
+        background: string;
+        color: string;
+        textShadow: string;
+    };
+    'code[class*="language-"] *::selection': {
+        background: string;
+        color: string;
+        textShadow: string;
+    };
+    'pre[class*="language-"] *::selection': {
+        background: string;
+        color: string;
+        textShadow: string;
+    };
+    ':not(pre) > code[class*="language-"]': {
+        padding: string;
+        borderRadius: string;
+        whiteSpace: string;
+    };
+    comment: {
+        color: string;
+        fontStyle: string;
+    };
+    prolog: {
+        color: string;
+    };
+    cdata: {
+        color: string;
+    };
+    doctype: {
+        color: string;
+    };
+    punctuation: {
+        color: string;
+    };
+    entity: {
+        color: string;
+        cursor: string;
+    };
+    'attr-name': {
+        color: string;
+    };
+    'class-name': {
+        color: string;
+    };
+    boolean: {
+        color: string;
+    };
+    constant: {
+        color: string;
+    };
+    number: {
+        color: string;
+    };
+    atrule: {
+        color: string;
+    };
+    keyword: {
+        color: string;
+    };
+    property: {
+        color: string;
+    };
+    tag: {
+        color: string;
+    };
+    symbol: {
+        color: string;
+    };
+    deleted: {
+        color: string;
+    };
+    important: {
+        color: string;
+    };
+    selector: {
+        color: string;
+    };
+    string: {
+        color: string;
+    };
+    char: {
+        color: string;
+    };
+    builtin: {
+        color: string;
+    };
+    inserted: {
+        color: string;
+    };
+    regex: {
+        color: string;
+    };
+    'attr-value': {
+        color: string;
+    };
+    'attr-value > .token.punctuation': {
+        color: string;
+    };
+    variable: {
+        color: string;
+    };
+    operator: {
+        color: string;
+    };
+    function: {
+        color: string;
+    };
+    url: {
+        color: string;
+    };
+    'attr-value > .token.punctuation.attr-equals': {
+        color: string;
+    };
+    'special-attr > .token.attr-value > .token.value.css': {
+        color: string;
+    };
+    '.language-css .token.selector': {
+        color: string;
+    };
+    '.language-css .token.property': {
+        color: string;
+    };
+    '.language-css .token.function': {
+        color: string;
+    };
+    '.language-css .token.url > .token.function': {
+        color: string;
+    };
+    '.language-css .token.url > .token.string.url': {
+        color: string;
+    };
+    '.language-css .token.important': {
+        color: string;
+    };
+    '.language-css .token.atrule .token.rule': {
+        color: string;
+    };
+    '.language-javascript .token.operator': {
+        color: string;
+    };
+    '.language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation': {
+        color: string;
+    };
+    '.language-json .token.operator': {
+        color: string;
+    };
+    '.language-json .token.null.keyword': {
+        color: string;
+    };
+    '.language-markdown .token.url': {
+        color: string;
+    };
+    '.language-markdown .token.url > .token.operator': {
+        color: string;
+    };
+    '.language-markdown .token.url-reference.url > .token.string': {
+        color: string;
+    };
+    '.language-markdown .token.url > .token.content': {
+        color: string;
+    };
+    '.language-markdown .token.url > .token.url': {
+        color: string;
+    };
+    '.language-markdown .token.url-reference.url': {
+        color: string;
+    };
+    '.language-markdown .token.blockquote.punctuation': {
+        color: string;
+        fontStyle: string;
+    };
+    '.language-markdown .token.hr.punctuation': {
+        color: string;
+        fontStyle: string;
+    };
+    '.language-markdown .token.code-snippet': {
+        color: string;
+    };
+    '.language-markdown .token.bold .token.content': {
+        color: string;
+    };
+    '.language-markdown .token.italic .token.content': {
+        color: string;
+    };
+    '.language-markdown .token.strike .token.content': {
+        color: string;
+    };
+    '.language-markdown .token.strike .token.punctuation': {
+        color: string;
+    };
+    '.language-markdown .token.list.punctuation': {
+        color: string;
+    };
+    '.language-markdown .token.title.important > .token.punctuation': {
+        color: string;
+    };
+    bold: {
+        fontWeight: string;
+    };
+    italic: {
+        fontStyle: string;
+    };
+    namespace: {
+        Opacity: string;
+    };
+    'token.tab:not(:empty):before': {
+        color: string;
+        textShadow: string;
+    };
+    'token.cr:before': {
+        color: string;
+        textShadow: string;
+    };
+    'token.lf:before': {
+        color: string;
+        textShadow: string;
+    };
+    'token.space:before': {
+        color: string;
+        textShadow: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item': {
+        marginRight: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > button': {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > a': {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > span': {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover': {
+        background: string;
+        color: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus': {
+        background: string;
+        color: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover': {
+        background: string;
+        color: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus': {
+        background: string;
+        color: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover': {
+        background: string;
+        color: string;
+    };
+    'div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus': {
+        background: string;
+        color: string;
+    };
+    '.line-highlight.line-highlight': {
+        background: string;
+    };
+    '.line-highlight.line-highlight:before': {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    '.line-highlight.line-highlight[data-end]:after': {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    'pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before': {
+        backgroundColor: string;
+    };
+    '.line-numbers.line-numbers .line-numbers-rows': {
+        borderRightColor: string;
+    };
+    '.command-line .command-line-prompt': {
+        borderRightColor: string;
+    };
+    '.line-numbers .line-numbers-rows > span:before': {
+        color: string;
+    };
+    '.command-line .command-line-prompt > span:before': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-1': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-5': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-9': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-2': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-6': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-10': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-3': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-7': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-11': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-4': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-8': {
+        color: string;
+    };
+    '.rainbow-braces .token.token.punctuation.brace-level-12': {
+        color: string;
+    };
+    'pre.diff-highlight > code .token.token.deleted:not(.prefix)': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.deleted:not(.prefix)': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.inserted:not(.prefix)': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.inserted:not(.prefix)': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection': {
+        backgroundColor: string;
+    };
+    'pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection': {
+        backgroundColor: string;
+    };
+    'pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection': {
+        backgroundColor: string;
+    };
+    '.prism-previewer.prism-previewer:before': {
+        borderColor: string;
+    };
+    '.prism-previewer-gradient.prism-previewer-gradient div': {
+        borderColor: string;
+        borderRadius: string;
+    };
+    '.prism-previewer-color.prism-previewer-color:before': {
+        borderRadius: string;
+    };
+    '.prism-previewer-easing.prism-previewer-easing:before': {
+        borderRadius: string;
+    };
+    '.prism-previewer.prism-previewer:after': {
+        borderTopColor: string;
+    };
+    '.prism-previewer-flipped.prism-previewer-flipped.after': {
+        borderBottomColor: string;
+    };
+    '.prism-previewer-angle.prism-previewer-angle:before': {
+        background: string;
+    };
+    '.prism-previewer-time.prism-previewer-time:before': {
+        background: string;
+    };
+    '.prism-previewer-easing.prism-previewer-easing': {
+        background: string;
+    };
+    '.prism-previewer-angle.prism-previewer-angle circle': {
+        stroke: string;
+        strokeOpacity: string;
+    };
+    '.prism-previewer-time.prism-previewer-time circle': {
+        stroke: string;
+        strokeOpacity: string;
+    };
+    '.prism-previewer-easing.prism-previewer-easing circle': {
+        stroke: string;
+        fill: string;
+    };
+    '.prism-previewer-easing.prism-previewer-easing path': {
+        stroke: string;
+    };
+    '.prism-previewer-easing.prism-previewer-easing line': {
+        stroke: string;
+    };
+};

package/dist/Markdown/themes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dark';
+export * from './light';