@rimori/client 1.0.0

package/dist/CRUDModal.d.ts

@@ -0,0 +1,16 @@
+interface Props {
+    title: string;
+    show?: boolean;
+    className?: string;
+    closeAble?: boolean;
+    children: React.ReactNode;
+    actionbuttons: ActionButton[];
+    buttonText?: string | React.ReactNode;
+}
+interface ActionButton {
+    text: string;
+    onClick: () => void;
+    closeModal?: boolean;
+}
+export declare function CRUDModal({ actionbuttons, children, title, buttonText, className, closeAble, show }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CRUDModal.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from "react";
+export function CRUDModal({ actionbuttons, children, title, buttonText, className, closeAble = true, show = false }) {
+    const [openModal, setOpenModal] = useState(show);
+    const dialogRef = useRef(null);
+    useEffect(() => {
+        var _a, _b;
+        if (show) {
+            (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.showModal();
+        }
+        else {
+            (_b = dialogRef.current) === null || _b === void 0 ? void 0 : _b.close();
+        }
+        setOpenModal(show);
+    }, [show]);
+    const handleClose = () => {
+        var _a;
+        setOpenModal(false);
+        (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    return (_jsxs(_Fragment, { children: [!!buttonText && _jsx("button", { className: className, onClick: () => {
+                    var _a;
+                    setOpenModal(true);
+                    (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.showModal();
+                }, children: buttonText }), _jsxs("dialog", { ref: dialogRef, className: "bg-gray-400 rounded-lg font-normal", onClose: handleClose, children: [_jsxs("div", { className: "bg-gray-500 text-xl flex flex-row justify-between p-3 items-start font-bold", children: [_jsx("h2", { children: title }), closeAble && _jsx("button", { onClick: handleClose, children: "\u00D7" })] }), _jsx("div", { className: "modal-body p-2", children: children }), _jsx("div", { className: "modal-footer px-2 py-2 flex flex-row gap-2 border-t-2", children: actionbuttons.map(({ onClick, text, closeModal = true }, index) => (_jsx("button", { className: " bg-blue-500 hover:bg-blue-600 dark:border-gray-900 rounded-md py-2 px-4 dark:text-white font-bold", onClick: () => {
+                                if (closeModal)
+                                    handleClose();
+                                onClick();
+                            }, children: text }, index))) })] })] }));
+}

package/dist/MarkdownEditor.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    content?: string;
+    editable: boolean;
+    className?: string;
+    onUpdate?: (content: string) => void;
+}
+export declare const MarkdownEditor: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/MarkdownEditor.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Markdown } from 'tiptap-markdown';
+import StarterKit from "@tiptap/starter-kit";
+import { PiCodeBlock } from "react-icons/pi";
+import { TbBlockquote } from "react-icons/tb";
+import { GoListOrdered } from "react-icons/go";
+import { AiOutlineUnorderedList } from "react-icons/ai";
+import { EditorProvider, useCurrentEditor } from "@tiptap/react";
+import { LuHeading1, LuHeading2, LuHeading3 } from "react-icons/lu";
+import { FaBold, FaCode, FaItalic, FaParagraph, FaStrikethrough } from "react-icons/fa";
+const EditorButton = ({ action, isActive, label, disabled }) => {
+    const { editor } = useCurrentEditor();
+    if (!editor) {
+        return null;
+    }
+    if (action.includes("heading")) {
+        const level = parseInt(action[action.length - 1]);
+        return (_jsx("button", { onClick: () => editor.chain().focus().toggleHeading({ level: level }).run(), className: `pl-2 ${isActive ? "is-active" : ""}`, children: label }));
+    }
+    return (_jsx("button", { onClick: () => editor.chain().focus()[action]().run(), disabled: disabled ? !editor.can().chain().focus()[action]().run() : false, className: `pl-2 ${isActive ? "is-active" : ""}`, children: label }));
+};
+const MenuBar = () => {
+    const { editor } = useCurrentEditor();
+    if (!editor) {
+        return null;
+    }
+    return (_jsxs("div", { className: "bg-gray-400 dark:bg-gray-800 dark:text-white text-lg flex flex-row flex-wrap items-center p-1", children: [_jsx(EditorButton, { action: "toggleBold", isActive: editor.isActive("bold"), label: _jsx(FaBold, {}), disabled: true }), _jsx(EditorButton, { action: "toggleItalic", isActive: editor.isActive("italic"), label: _jsx(FaItalic, {}), disabled: true }), _jsx(EditorButton, { action: "toggleStrike", isActive: editor.isActive("strike"), label: _jsx(FaStrikethrough, {}), disabled: true }), _jsx(EditorButton, { action: "toggleCode", isActive: editor.isActive("code"), label: _jsx(FaCode, {}), disabled: true }), _jsx(EditorButton, { action: "setParagraph", isActive: editor.isActive("paragraph"), label: _jsx(FaParagraph, {}) }), _jsx(EditorButton, { action: 'setHeading1', isActive: editor.isActive("heading", { level: 1 }), label: _jsx(LuHeading1, { size: "24px" }) }), _jsx(EditorButton, { action: 'setHeading2', isActive: editor.isActive("heading", { level: 2 }), label: _jsx(LuHeading2, { size: "24px" }) }), _jsx(EditorButton, { action: 'setHeading3', isActive: editor.isActive("heading", { level: 3 }), label: _jsx(LuHeading3, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleBulletList", isActive: editor.isActive("bulletList"), label: _jsx(AiOutlineUnorderedList, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleOrderedList", isActive: editor.isActive("orderedList"), label: _jsx(GoListOrdered, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleCodeBlock", isActive: editor.isActive("codeBlock"), label: _jsx(PiCodeBlock, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleBlockquote", isActive: editor.isActive("blockquote"), label: _jsx(TbBlockquote, { size: "24px" }) })] }));
+};
+const extensions = [
+    StarterKit.configure({
+        bulletList: {
+            keepMarks: true,
+            keepAttributes: false,
+        },
+        orderedList: {
+            keepMarks: true,
+            keepAttributes: false,
+        },
+    }),
+    Markdown,
+];
+export const MarkdownEditor = (props) => {
+    return (_jsx("div", { className: "text-md border border-gray-800 overflow-hidden " + props.className, style: { borderWidth: props.editable ? 1 : 0 }, children: _jsx(EditorProvider, { slotBefore: props.editable ? _jsx(MenuBar, {}) : null, extensions: extensions, content: props.content, editable: props.editable, onUpdate: (e) => {
+                props.onUpdate && props.onUpdate(e.editor.storage.markdown.getMarkdown());
+            } }, (props.editable ? "editable" : "readonly") + props.content) }));
+};

package/dist/audio/Playbutton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type AudioPlayerProps = {
+    text: string;
+    voice?: string;
+    language?: string;
+    playOnMount?: boolean;
+    initialSpeed?: number;
+    enableSpeedAdjustment?: boolean;
+    playListenerEvent?: string;
+};
+export declare const AudioPlayOptions: number[];
+export type AudioPlayOptionType = 0.8 | 0.9 | 1.0 | 1.1 | 1.2 | 1.5;
+export declare const AudioPlayer: React.FC<AudioPlayerProps>;
+export {};

package/dist/audio/Playbutton.js

@@ -0,0 +1,73 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { FaPlayCircle, FaStopCircle } from "react-icons/fa";
+import { usePlugin } from "../utils/plugin/providers/PluginProvider";
+import Spinner from '../components/Spinner';
+import { EmitterSingleton } from '../utils/plugin/providers/EventEmitter';
+export const AudioPlayOptions = [0.8, 0.9, 1.0, 1.1, 1.2, 1.5];
+let isFetchingAudio = false;
+export const AudioPlayer = ({ text, voice, language, playListenerEvent, initialSpeed = 1.0, playOnMount = false, enableSpeedAdjustment = false, }) => {
+    const [audioUrl, setAudioUrl] = useState(null);
+    const [speed, setSpeed] = useState(initialSpeed);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const { getVoiceResponse, } = usePlugin();
+    const emitter = EmitterSingleton;
+    useEffect(() => {
+        if (!playListenerEvent)
+            return;
+        emitter.on(playListenerEvent, () => togglePlayback());
+    }, [playListenerEvent]);
+    // Function to generate audio from text using API
+    const generateAudio = () => __awaiter(void 0, void 0, void 0, function* () {
+        setIsLoading(true);
+        const blob = yield getVoiceResponse(text, voice || (language ? "aws_default" : "openai_alloy"), 1, language);
+        setAudioUrl(URL.createObjectURL(blob));
+        setIsLoading(false);
+    });
+    // Effect to play audio when audioUrl changes and play state is true
+    useEffect(() => {
+        if (!audioUrl || !isPlaying)
+            return;
+        const audio = new Audio(audioUrl);
+        audio.playbackRate = speed;
+        audio.play().then(() => {
+            audio.onended = () => {
+                setIsPlaying(false);
+                isFetchingAudio = false;
+            };
+        }).catch(e => {
+            console.warn("Error playing audio:", e);
+            setIsPlaying(false);
+        });
+        return () => {
+            audio.pause();
+            URL.revokeObjectURL(audioUrl);
+        };
+    }, [audioUrl, isPlaying, speed]);
+    const togglePlayback = () => {
+        if (!isPlaying && !audioUrl) {
+            generateAudio().then(() => setIsPlaying(true));
+        }
+        else {
+            setIsPlaying((prev) => !prev);
+        }
+    };
+    useEffect(() => {
+        if (!playOnMount || isFetchingAudio)
+            return;
+        isFetchingAudio = true;
+        // console.log("playOnMount", playOnMount);
+        togglePlayback();
+    }, [playOnMount]);
+    return (_jsx("div", { className: "group relative", children: _jsxs("div", { className: 'flex flex-row items-end', children: [_jsx("button", { className: "text-gray-500", onClick: togglePlayback, disabled: isLoading, children: isLoading ? _jsx(Spinner, {}) : isPlaying ? _jsx(FaStopCircle, { size: "25px" }) : _jsx(FaPlayCircle, { size: "25px" }) }), enableSpeedAdjustment && (_jsxs("div", { className: "ml-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-row text-sm text-gray-500", children: [_jsx("span", { className: 'pr-1', children: "Speed: " }), _jsx("select", { value: speed, className: 'appearance-none cursor-pointer pr-0 p-0 rounded shadow leading-tight focus:outline-none focus:bg-gray-800 focus:ring bg-transparent border-0', onChange: (e) => setSpeed(parseFloat(e.target.value)), disabled: isLoading, children: AudioPlayOptions.map((s) => (_jsx("option", { value: s, children: s }, s))) })] }))] }) }));
+};

package/dist/components/CRUDModal.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    title: string;
+    show?: boolean;
+    className?: string;
+    closeAble?: boolean;
+    children: React.ReactNode;
+    actionbuttons: ActionButton[];
+    buttonText?: string | React.ReactNode;
+    onClose?: () => void;
+}
+interface ActionButton {
+    text: string;
+    onClick: () => void;
+    closeModal?: boolean;
+}
+export declare function CRUDModal({ actionbuttons, children, title, buttonText, className, closeAble, show, onClose }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CRUDModal.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+export function CRUDModal({ actionbuttons, children, title, buttonText, className, closeAble = true, show = false, onClose }) {
+    const dialogRef = useRef(null);
+    useEffect(() => {
+        var _a, _b;
+        if (show) {
+            (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.showModal();
+        }
+        else {
+            (_b = dialogRef.current) === null || _b === void 0 ? void 0 : _b.close();
+        }
+    }, [show]);
+    const handleClose = () => {
+        var _a;
+        (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    return (_jsxs(_Fragment, { children: [!!buttonText && _jsx("button", { className: className, onClick: () => { var _a; return (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.showModal(); }, children: buttonText }), _jsxs("dialog", { ref: dialogRef, className: "bg-gray-400 rounded-lg font-normal", onClose: handleClose, children: [_jsxs("div", { className: "bg-gray-500 text-xl flex flex-row justify-between p-3 items-start font-bold", children: [_jsx("h2", { children: title }), closeAble && _jsx("button", { onClick: handleClose, children: "\u00D7" })] }), _jsx("div", { className: "modal-body p-2", children: children }), _jsx("div", { className: "modal-footer px-2 py-2 flex flex-row gap-2 border-t-2", children: actionbuttons.map(({ onClick, text, closeModal = true }, index) => (_jsx("button", { className: "bg-blue-500 hover:bg-blue-600 dark:border-gray-900 rounded-md py-2 px-4 dark:text-white font-bold", onClick: () => {
+                                if (closeModal)
+                                    handleClose();
+                                onClick();
+                            }, children: text }, index))) })] })] }));
+}

package/dist/components/MarkdownEditor.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    content?: string;
+    editable: boolean;
+    className?: string;
+    onUpdate?: (content: string) => void;
+}
+export declare const MarkdownEditor: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MarkdownEditor.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Markdown } from 'tiptap-markdown';
+import StarterKit from "@tiptap/starter-kit";
+import { PiCodeBlock } from "react-icons/pi";
+import { TbBlockquote } from "react-icons/tb";
+import { GoListOrdered } from "react-icons/go";
+import { AiOutlineUnorderedList } from "react-icons/ai";
+import { EditorProvider, useCurrentEditor } from "@tiptap/react";
+import { LuHeading1, LuHeading2, LuHeading3 } from "react-icons/lu";
+import { FaBold, FaCode, FaItalic, FaParagraph, FaStrikethrough } from "react-icons/fa";
+const EditorButton = ({ action, isActive, label, disabled }) => {
+    const { editor } = useCurrentEditor();
+    if (!editor) {
+        return null;
+    }
+    if (action.includes("heading")) {
+        const level = parseInt(action[action.length - 1]);
+        return (_jsx("button", { onClick: () => editor.chain().focus().toggleHeading({ level: level }).run(), className: `pl-2 ${isActive ? "is-active" : ""}`, children: label }));
+    }
+    return (_jsx("button", { onClick: () => editor.chain().focus()[action]().run(), disabled: disabled ? !editor.can().chain().focus()[action]().run() : false, className: `pl-2 ${isActive ? "is-active" : ""}`, children: label }));
+};
+const MenuBar = () => {
+    const { editor } = useCurrentEditor();
+    if (!editor) {
+        return null;
+    }
+    return (_jsxs("div", { className: "bg-gray-400 dark:bg-gray-800 dark:text-white text-lg flex flex-row flex-wrap items-center p-1", children: [_jsx(EditorButton, { action: "toggleBold", isActive: editor.isActive("bold"), label: _jsx(FaBold, {}), disabled: true }), _jsx(EditorButton, { action: "toggleItalic", isActive: editor.isActive("italic"), label: _jsx(FaItalic, {}), disabled: true }), _jsx(EditorButton, { action: "toggleStrike", isActive: editor.isActive("strike"), label: _jsx(FaStrikethrough, {}), disabled: true }), _jsx(EditorButton, { action: "toggleCode", isActive: editor.isActive("code"), label: _jsx(FaCode, {}), disabled: true }), _jsx(EditorButton, { action: "setParagraph", isActive: editor.isActive("paragraph"), label: _jsx(FaParagraph, {}) }), _jsx(EditorButton, { action: 'setHeading1', isActive: editor.isActive("heading", { level: 1 }), label: _jsx(LuHeading1, { size: "24px" }) }), _jsx(EditorButton, { action: 'setHeading2', isActive: editor.isActive("heading", { level: 2 }), label: _jsx(LuHeading2, { size: "24px" }) }), _jsx(EditorButton, { action: 'setHeading3', isActive: editor.isActive("heading", { level: 3 }), label: _jsx(LuHeading3, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleBulletList", isActive: editor.isActive("bulletList"), label: _jsx(AiOutlineUnorderedList, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleOrderedList", isActive: editor.isActive("orderedList"), label: _jsx(GoListOrdered, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleCodeBlock", isActive: editor.isActive("codeBlock"), label: _jsx(PiCodeBlock, { size: "24px" }) }), _jsx(EditorButton, { action: "toggleBlockquote", isActive: editor.isActive("blockquote"), label: _jsx(TbBlockquote, { size: "24px" }) })] }));
+};
+const extensions = [
+    StarterKit.configure({
+        bulletList: {
+            keepMarks: true,
+            keepAttributes: false,
+        },
+        orderedList: {
+            keepMarks: true,
+            keepAttributes: false,
+        },
+    }),
+    Markdown,
+];
+export const MarkdownEditor = (props) => {
+    return (_jsx("div", { className: "text-md border border-gray-800 overflow-hidden " + props.className, style: { borderWidth: props.editable ? 1 : 0 }, children: _jsx(EditorProvider, { slotBefore: props.editable ? _jsx(MenuBar, {}) : null, extensions: extensions, content: props.content, editable: props.editable, onUpdate: (e) => {
+                props.onUpdate && props.onUpdate(e.editor.storage.markdown.getMarkdown());
+            } }, (props.editable ? "editable" : "readonly") + props.content) }));
+};

package/dist/components/Spinner.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SpinnerProps {
+    text?: string;
+    size?: string;
+    className?: string;
+}
+declare const Spinner: React.FC<SpinnerProps>;
+export default Spinner;

package/dist/components/Spinner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Spinner = ({ text, className, size = "30px" }) => {
+    return (_jsxs("div", { className: "flex items-center space-x-2 " + className, children: [_jsxs("svg", { style: { width: size, height: size }, className: "animate-spin -ml-1 mr-3 h-5 w-5 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), text && _jsx("span", { className: "", children: text })] }));
+};
+export default Spinner;

package/dist/components/audio/Playbutton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type AudioPlayerProps = {
+    text: string;
+    voice?: string;
+    language?: string;
+    hide?: boolean;
+    playOnMount?: boolean;
+    initialSpeed?: number;
+    enableSpeedAdjustment?: boolean;
+    playListenerEvent?: string;
+};
+export declare const AudioPlayOptions: number[];
+export type AudioPlayOptionType = 0.8 | 0.9 | 1.0 | 1.1 | 1.2 | 1.5;
+export declare const AudioPlayer: React.FC<AudioPlayerProps>;
+export {};

package/dist/components/audio/Playbutton.js

@@ -0,0 +1,78 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { FaPlayCircle, FaStopCircle } from "react-icons/fa";
+import { usePlugin } from "../../providers/PluginProvider";
+import Spinner from '../Spinner';
+import { EmitterSingleton } from '../../providers/EventEmitter';
+export const AudioPlayOptions = [0.8, 0.9, 1.0, 1.1, 1.2, 1.5];
+let isFetchingAudio = false;
+export const AudioPlayer = ({ text, voice, language, hide, playListenerEvent, initialSpeed = 1.0, playOnMount = false, enableSpeedAdjustment = false, }) => {
+    const [audioUrl, setAudioUrl] = useState(null);
+    const [speed, setSpeed] = useState(initialSpeed);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const { getVoiceResponse, } = usePlugin();
+    const emitter = EmitterSingleton;
+    useEffect(() => {
+        if (!playListenerEvent)
+            return;
+        emitter.on(playListenerEvent, () => togglePlayback());
+    }, [playListenerEvent]);
+    useEffect(() => {
+        audioUrl && setAudioUrl(null);
+        return () => {
+            audioUrl && URL.revokeObjectURL(audioUrl);
+        };
+    }, [text]);
+    // Function to generate audio from text using API
+    const generateAudio = () => __awaiter(void 0, void 0, void 0, function* () {
+        setIsLoading(true);
+        const blob = yield getVoiceResponse(text, voice || (language ? "aws_default" : "openai_alloy"), 1, language);
+        setAudioUrl(URL.createObjectURL(blob));
+        setIsLoading(false);
+    });
+    // Effect to play audio when audioUrl changes and play state is true
+    useEffect(() => {
+        if (!audioUrl || !isPlaying)
+            return;
+        const audio = new Audio(audioUrl);
+        audio.playbackRate = speed;
+        audio.play().then(() => {
+            audio.onended = () => {
+                setIsPlaying(false);
+                isFetchingAudio = false;
+            };
+        }).catch(e => {
+            console.warn("Error playing audio:", e);
+            setIsPlaying(false);
+        });
+        return () => {
+            audio.pause();
+        };
+    }, [audioUrl, isPlaying, speed]);
+    const togglePlayback = () => {
+        if (!isPlaying && !audioUrl) {
+            generateAudio().then(() => setIsPlaying(true));
+        }
+        else {
+            setIsPlaying((prev) => !prev);
+        }
+    };
+    useEffect(() => {
+        if (!playOnMount || isFetchingAudio)
+            return;
+        isFetchingAudio = true;
+        // console.log("playOnMount", playOnMount);
+        togglePlayback();
+    }, [playOnMount]);
+    return (_jsx("div", { className: "group relative", children: _jsxs("div", { className: 'flex flex-row items-end', children: [!hide && _jsx("button", { className: "text-gray-500", onClick: togglePlayback, disabled: isLoading, children: isLoading ? _jsx(Spinner, {}) : isPlaying ? _jsx(FaStopCircle, { size: "25px" }) : _jsx(FaPlayCircle, { size: "25px" }) }), enableSpeedAdjustment && (_jsxs("div", { className: "ml-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-row text-sm text-gray-500", children: [_jsx("span", { className: 'pr-1', children: "Speed: " }), _jsx("select", { value: speed, className: 'appearance-none cursor-pointer pr-0 p-0 rounded shadow leading-tight focus:outline-none focus:bg-gray-800 focus:ring bg-transparent border-0', onChange: (e) => setSpeed(parseFloat(e.target.value)), disabled: isLoading, children: AudioPlayOptions.map((s) => (_jsx("option", { value: s, children: s }, s))) })] }))] }) }));
+};

package/dist/components/hooks/UseChatHook.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { ToolInvocation, Tool } from "../../utils/plugin/PluginController";
+export interface Message {
+    role: string;
+    content: string;
+    id: string | number;
+    toolInvocations?: ToolInvocation[];
+}
+export declare function useChat(tools?: Tool[]): {
+    messages: Message[];
+    append: (appendMessages: Message[]) => void;
+    isLoading: boolean;
+    setMessages: React.Dispatch<React.SetStateAction<Message[]>>;
+    lastMessage: Message | undefined;
+};

package/dist/components/hooks/UseChatHook.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { usePlugin } from "../../utils/plugin/providers/PluginProvider";
+export function useChat(tools) {
+    const [messages, setMessages] = React.useState([]);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const { getAIResponseStream } = usePlugin();
+    const append = (appendMessages) => {
+        getAIResponseStream([...messages, ...appendMessages], (id, message, finished, toolInvocations) => {
+            const lastMessage = messages[messages.length - 1];
+            setIsLoading(!finished);
+            if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.id) === id) {
+                lastMessage.content = message;
+                setMessages([...messages, lastMessage]);
+            }
+            else {
+                setMessages([...messages, ...appendMessages, { id, role: 'assistant', content: message, toolInvocations }]);
+            }
+        }, tools);
+    };
+    return { messages, append, isLoading, setMessages, lastMessage: messages[messages.length - 1] };
+}

package/dist/controller/AIController.d.ts

@@ -0,0 +1,22 @@
+export interface ToolInvocation {
+    toolName: string;
+    args: Record<string, string>;
+}
+export interface Tool {
+    name: string;
+    description: string;
+    parameters: {
+        name: string;
+        type: "string" | "number" | "boolean";
+        description: string;
+    }[];
+}
+export interface Message {
+    id: string;
+    role: string;
+    content: string;
+    toolInvocations?: ToolInvocation[];
+}
+export declare function generateText(messages: Message[], tools: Tool[], token: string): Promise<any>;
+export type OnLLMResponse = (id: string, response: string, finished: boolean, toolInvocations?: ToolInvocation[]) => void;
+export declare function streamChatGPT(messages: Message[], tools: Tool[], onResponse: OnLLMResponse, token: string): Promise<void>;

package/dist/controller/AIController.js

@@ -0,0 +1,68 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { env } from "../utils/constants";
+export function generateText(messages, tools, token) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch(`${env.SUPABASE_URL}/functions/v1/llm`, {
+            method: 'POST',
+            body: JSON.stringify({ messages, tools }),
+            headers: { 'Authorization': `Bearer ${token}` }
+        });
+        return yield response.json();
+    });
+}
+export function streamChatGPT(messages, tools, onResponse, token) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const messageId = Math.random().toString(36).substring(3);
+        const response = yield fetch(`${env.SUPABASE_URL}/functions/v1/llm`, {
+            method: 'POST',
+            body: JSON.stringify({ messages, tools, stream: true }),
+            headers: { 'Authorization': `Bearer ${token}` }
+        });
+        if (!response.body) {
+            console.error('No response body.');
+            return;
+        }
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder('utf-8');
+        let content = "";
+        let done = false;
+        let toolInvocations = [];
+        while (!done) {
+            const { value } = yield reader.read();
+            if (value) {
+                const chunk = decoder.decode(value, { stream: true });
+                const lines = chunk.split('\n').filter(line => line.trim() !== '');
+                for (const line of lines) {
+                    const data = line.substring(3, line.length - 1);
+                    const command = line.substring(0, 1);
+                    // console.log("data: ", { line, data, command });
+                    if (command === '0') {
+                        content += data;
+                        // console.log("AI response:", content);
+                        //content \n\n should be real line break when message is displayed
+                        onResponse(messageId, content.replace(/\\n/g, '\n'), false);
+                    }
+                    else if (command === 'd') {
+                        // console.log("AI usage:", JSON.parse(line.substring(2)));
+                        done = true;
+                        break;
+                    }
+                    else if (command === '9') {
+                        // console.log("tool call:", JSON.parse(line.substring(2)));
+                        // console.log("tools", tools);
+                        toolInvocations.push(JSON.parse(line.substring(2)));
+                    }
+                }
+            }
+        }
+        onResponse(messageId, content.replace(/\\n/g, '\n'), true, toolInvocations);
+    });
+}

package/dist/controller/ObjectController.d.ts

@@ -0,0 +1,34 @@
+type PrimitiveType = 'string' | 'number' | 'boolean';
+type ObjectToolParameterType = PrimitiveType | {
+    [key: string]: ObjectToolParameter;
+} | [{
+    [key: string]: ObjectToolParameter;
+}];
+interface ObjectToolParameter {
+    type: ObjectToolParameterType;
+    description?: string;
+    enum?: string[];
+}
+export type ObjectTool = {
+    [key: string]: ObjectToolParameter;
+};
+export interface ObjectRequest {
+    /**
+     * The tools that the AI can use.
+     */
+    tool: ObjectTool;
+    /**
+     * High level instructions for the AI to follow. Behaviour, tone, restrictions, etc.
+     * Example: "Act like a recipe writer."
+     */
+    behaviour?: string;
+    /**
+     * The specific instruction for the AI to follow.
+     * Example: "Generate a recipe using chicken, rice and vegetables."
+     */
+    instructions: string;
+}
+export declare function generateObject(request: ObjectRequest, token: string): Promise<any>;
+export type OnLLMResponse = (id: string, response: string, finished: boolean, toolInvocations?: any[]) => void;
+export declare function streamObject(request: ObjectRequest, onResponse: OnLLMResponse, token: string): Promise<void>;
+export {};