@rimori/react-client 0.1.0 → 0.1.1

package/dist/{react-client/src/components → components}/ContextMenu.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
-import { EventBus } from '@rimori/client';
 const ContextMenu = ({ client }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [actions, setActions] = useState([]);
@@ -36,7 +35,7 @@ const ContextMenu = ({ client }) => {
             .filter(Boolean);
         setActions(actions);
         setOpenOnTextSelect(client.plugin.getUserInfo().context_menu_on_select);
-        EventBus.on('global.contextMenu.createActions', ({ data }) => {
+        client.event.on('global.contextMenu.createActions', ({ data }) => {
             setActions([...data.actions, ...actions]);
         });
     }, []);

package/dist/components/ai/Assistant.js

@@ -5,7 +5,7 @@ import { AudioInputField } from './EmbeddedAssistent/AudioInputField';
 import { MessageSender } from './EmbeddedAssistent/TTS/MessageSender';
 import Markdown from 'react-markdown';
 import { useChat } from '../../hooks/UseChatHook';
-import { useRimori } from '../../components';
+import { useRimori } from '../../providers/PluginProvider';
 import { getFirstMessages } from './utils';
 export function AssistantChat({ avatarImageUrl, voiceId, onComplete, autoStartConversation }) {
     var _a;

package/dist/components/ai/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { Tool } from '../../fromRimori/PluginTypes';
+import { Tool } from '@rimori/client';
 import { FirstMessages } from './utils';
 interface Props {
     voiceId: string;

package/dist/components/ai/Avatar.js

@@ -4,7 +4,7 @@ import { VoiceRecorder } from './EmbeddedAssistent/VoiceRecoder';
 import { MessageSender } from './EmbeddedAssistent/TTS/MessageSender';
 import { CircleAudioAvatar } from './EmbeddedAssistent/CircleAudioAvatar';
 import { useChat } from '../../hooks/UseChatHook';
-import { useRimori } from '../../components';
+import { useRimori } from '../../providers/PluginProvider';
 import { getFirstMessages } from './utils';
 export function Avatar({ avatarImageUrl, voiceId, agentTools, autoStartConversation, children, isDarkTheme = false, circleSize = '300px', className, }) {
     const { ai, event } = useRimori();

package/dist/components/ai/EmbeddedAssistent/CircleAudioAvatar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { EventBus } from '../../../fromRimori/EventBus';
+import { EventBus } from '@rimori/client';
 export function CircleAudioAvatar({ imageUrl, className, isDarkTheme = false, width = '150px', }) {
     const canvasRef = useRef(null);
     const currentLoudnessRef = useRef(0);

package/dist/components/ai/EmbeddedAssistent/VoiceRecoder.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRimori } from '../../../components';
+import { useRimori } from '../../../providers/PluginProvider';
 import { FaMicrophone, FaSpinner } from 'react-icons/fa6';
-import { AudioController } from '../../../plugin/AudioController';
+import { AudioController } from '@rimori/client';
 import { useState, useRef, forwardRef, useImperativeHandle, useEffect } from 'react';
 export const VoiceRecorder = forwardRef(({ onVoiceRecorded, iconSize, className, disabled, loading, onRecordingStatusChange, enablePushToTalk = false, }, ref) => {
     const [isRecording, setIsRecording] = useState(false);

package/dist/components/audio/Playbutton.js

@@ -12,7 +12,7 @@ import { useState, useEffect } from 'react';
 import { FaPlayCircle, FaStopCircle } from 'react-icons/fa';
 import { useRimori } from '../../providers/PluginProvider';
 import { Spinner } from '../Spinner';
-import { EventBus } from '../../fromRimori/EventBus';
+import { EventBus } from '@rimori/client';
 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, }) => {
@@ -22,14 +22,11 @@ export const AudioPlayer = ({ text, voice, language, hide, playListenerEvent, in
     const [isLoading, setIsLoading] = useState(false);
     const { ai } = useRimori();
     useEffect(() => {
-        if (!playListenerEvent)
-            return;
-        EventBus.on(playListenerEvent, () => togglePlayback());
-    }, [playListenerEvent]);
-    useEffect(() => {
-        audioUrl && setAudioUrl(null);
+        if (audioUrl)
+            setAudioUrl(null);
         return () => {
-            audioUrl && URL.revokeObjectURL(audioUrl);
+            if (audioUrl)
+                URL.revokeObjectURL(audioUrl);
         };
     }, [text]);
     // Function to generate audio from text using API
@@ -69,6 +66,11 @@ export const AudioPlayer = ({ text, voice, language, hide, playListenerEvent, in
             setIsPlaying((prev) => !prev);
         }
     };
+    useEffect(() => {
+        if (!playListenerEvent)
+            return;
+        EventBus.on(playListenerEvent, () => togglePlayback());
+    }, [playListenerEvent]);
     useEffect(() => {
         if (!playOnMount || isFetchingAudio)
             return;

package/dist/hooks/I18nHooks.d.ts

@@ -1,4 +1,4 @@
-import { TOptions } from 'i18next';
+import { TOptions } from '@rimori/client';
 type TranslatorFn = (key: string, options?: TOptions) => string;
 /**
  * Custom useTranslation hook that provides a translation function and indicates readiness

package/dist/hooks/UseChatHook.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Tool } from '../fromRimori/PluginTypes';
-import { Message } from '../core/controller/AIController';
+import { Tool } from '@rimori/client';
+import { Message } from '@rimori/client';
 export declare function useChat(tools?: Tool[]): {
     messages: Message[];
     append: (appendMessages: Message[]) => void;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export * from './hooks/UseChatHook';
+export * from './providers/PluginProvider';
+export * from './utils/FullscreenUtils';
+export * from './components/audio/Playbutton';
+export * from './components/ai/EmbeddedAssistent/TTS/Player';
+export * from './components/ContextMenu';
+export * from './components/MarkdownEditor';
+export * from './components/Spinner';
+export { FirstMessages } from './components/ai/utils';
+export { useTranslation } from './hooks/I18nHooks';

package/dist/index.js

@@ -0,0 +1,10 @@
+// Re-export everything
+export * from './hooks/UseChatHook';
+export * from './providers/PluginProvider';
+export * from './utils/FullscreenUtils';
+export * from './components/audio/Playbutton';
+export * from './components/ai/EmbeddedAssistent/TTS/Player';
+export * from './components/ContextMenu';
+export * from './components/MarkdownEditor';
+export * from './components/Spinner';
+export { useTranslation } from './hooks/I18nHooks';

package/dist/providers/PluginProvider.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { RimoriClient } from '@rimori/client';
 interface PluginProviderProps {
     children: ReactNode;
     pluginId: string;
@@ -7,5 +8,5 @@ interface PluginProviderProps {
     };
 }
 export declare const PluginProvider: React.FC<PluginProviderProps>;
-export declare const useRimori: () => any;
+export declare const useRimori: () => RimoriClient;
 export {};

package/dist/providers/PluginProvider.js

@@ -9,14 +9,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from 'react';
-import { RimoriClient, StandaloneClient } from '@rimori/client';
-import ContextMenu from '../components/components/ContextMenu';
+import { EventBusHandler, RimoriClient, StandaloneClient } from '@rimori/client';
+import ContextMenu from '../components/ContextMenu';
+import { setTheme } from '../plugin/ThemeSetter';
 const PluginContext = createContext(null);
 export const PluginProvider = ({ children, pluginId, settings }) => {
     const [plugin, setPlugin] = useState(null);
     const [standaloneClient, setStandaloneClient] = useState(false);
     const [applicationMode, setApplicationMode] = useState(null);
-    const [theme, setTheme] = useState(null);
     const isSidebar = applicationMode === 'sidebar';
     const isSettings = applicationMode === 'settings';
     useEffect(() => {
@@ -24,12 +24,12 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
         // Check if we're in an iframe context - if not, we're standalone
         const standaloneDetected = window === window.parent;
         if (standaloneDetected && !standaloneClient) {
-            StandaloneClient.getInstance().then((client) => {
-                client.needsLogin().then((needLogin) => setStandaloneClient(needLogin ? client : true));
+            void StandaloneClient.getInstance().then((client) => {
+                void client.needsLogin().then((needLogin) => setStandaloneClient(needLogin ? client : true));
             });
         }
         if ((!standaloneDetected && !plugin) || (standaloneDetected && standaloneClient === true)) {
-            RimoriClient.getInstance(pluginId, standaloneDetected).then((client) => {
+            void RimoriClient.getInstance(pluginId).then((client) => {
                 setPlugin(client);
                 // Get applicationMode and theme from MessageChannel query params
                 if (!standaloneDetected) {
@@ -37,10 +37,11 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
                     const themeParam = client.getQueryParam('rm_theme');
                     setApplicationMode(mode);
                     setTheme(themeParam);
+                    client.event.emit('self.rimori.triggerInitFinished');
                 }
             });
         }
-    }, [pluginId, standaloneClient]);
+    }, [pluginId, standaloneClient, plugin]);
     //route change
     useEffect(() => {
         if (!plugin)
@@ -59,7 +60,7 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
         }, 1000);
         emitUrlChange(lastHash);
         return () => clearInterval(interval);
-    }, [plugin]);
+    }, [plugin, isSidebar]);
     if (standaloneClient instanceof StandaloneClient) {
         return (_jsx(StandaloneAuth, { onLogin: (email, password) => __awaiter(void 0, void 0, void 0, function* () {
                 if (yield standaloneClient.login(email, password))

package/dist/{react-client/src/utils → utils}/FullscreenUtils.js

@@ -9,11 +9,11 @@ export function triggerFullscreen(onStateChange, selector) {
         const ref = document.querySelector(selector || '#root');
         if (!isFullscreen()) {
             // @ts-ignore
-            ref.requestFullscreen() || ref.webkitRequestFullscreen();
+            void (ref.requestFullscreen() || ref.webkitRequestFullscreen());
         }
         else {
             // @ts-ignore
-            document.exitFullscreen() || document.webkitExitFullscreen();
+            void (document.exitFullscreen() || document.webkitExitFullscreen());
         }
     }
     catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/ContextMenu.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
-import { EventBus, RimoriClient, MenuEntry } from '@rimori/client';
+import { RimoriClient, MenuEntry } from '@rimori/client';
 
 export interface Position {
   x: number;
@@ -49,7 +49,7 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
     setActions(actions);
     setOpenOnTextSelect(client.plugin.getUserInfo().context_menu_on_select);
 
-    EventBus.on<{ actions: MenuEntry[] }>('global.contextMenu.createActions', ({ data }) => {
+    client.event.on<{ actions: MenuEntry[] }>('global.contextMenu.createActions', ({ data }) => {
       setActions([...data.actions, ...actions]);
     });
   }, []);

package/src/index.ts

@@ -0,0 +1,11 @@
+// Re-export everything
+export * from './hooks/UseChatHook';
+export * from './providers/PluginProvider';
+export * from './utils/FullscreenUtils';
+export * from './components/audio/Playbutton';
+export * from './components/ai/EmbeddedAssistent/TTS/Player';
+export * from './components/ContextMenu';
+export * from './components/MarkdownEditor';
+export * from './components/Spinner';
+export { FirstMessages } from './components/ai/utils';
+export { useTranslation } from './hooks/I18nHooks';

package/src/plugin/ThemeSetter.ts

@@ -1,4 +1,4 @@
-export function setTheme(theme?: string | null) {
+export function setTheme(theme?: string | null): void {
   document.documentElement.classList.add('dark:text-gray-200');
 
   if (isDarkTheme(theme)) {

package/src/providers/PluginProvider.tsx

@@ -1,6 +1,7 @@
 import React, { createContext, useContext, ReactNode, useEffect, useState } from 'react';
 import { EventBusHandler, RimoriClient, StandaloneClient } from '@rimori/client';
 import ContextMenu from '../components/ContextMenu';
+import { setTheme } from '../plugin/ThemeSetter';
 
 interface PluginProviderProps {
   children: ReactNode;
@@ -16,7 +17,6 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
   const [plugin, setPlugin] = useState<RimoriClient | null>(null);
   const [standaloneClient, setStandaloneClient] = useState<StandaloneClient | boolean>(false);
   const [applicationMode, setApplicationMode] = useState<string | null>(null);
-  const [theme, setTheme] = useState<string | null>(null);
 
   const isSidebar = applicationMode === 'sidebar';
   const isSettings = applicationMode === 'settings';
@@ -28,13 +28,13 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
     const standaloneDetected = window === window.parent;
 
     if (standaloneDetected && !standaloneClient) {
-      StandaloneClient.getInstance().then((client) => {
-        client.needsLogin().then((needLogin) => setStandaloneClient(needLogin ? client : true));
+      void StandaloneClient.getInstance().then((client) => {
+        void client.needsLogin().then((needLogin) => setStandaloneClient(needLogin ? client : true));
       });
     }
 
     if ((!standaloneDetected && !plugin) || (standaloneDetected && standaloneClient === true)) {
-      RimoriClient.getInstance(pluginId).then((client) => {
+      void RimoriClient.getInstance(pluginId).then((client) => {
         setPlugin(client);
         // Get applicationMode and theme from MessageChannel query params
         if (!standaloneDetected) {
@@ -42,10 +42,11 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
           const themeParam = client.getQueryParam('rm_theme');
           setApplicationMode(mode);
           setTheme(themeParam);
+          client.event.emit('self.rimori.triggerInitFinished');
         }
       });
     }
-  }, [pluginId, standaloneClient]);
+  }, [pluginId, standaloneClient, plugin]);
 
   //route change
   useEffect(() => {
@@ -66,7 +67,7 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
 
     emitUrlChange(lastHash);
     return () => clearInterval(interval);
-  }, [plugin]);
+  }, [plugin, isSidebar]);
 
   if (standaloneClient instanceof StandaloneClient) {
     return (
@@ -98,7 +99,7 @@ export const useRimori = () => {
   return context;
 };
 
-function getUrlParam(name: string) {
+function getUrlParam(name: string): string | null {
   // First try to get from URL hash query params (for compatibility)
   const hashParts = window.location.hash.split('?');
   if (hashParts.length > 1) {
@@ -112,13 +113,13 @@ function getUrlParam(name: string) {
   return url.searchParams.get(name);
 }
 
-function initEventBus(pluginId: string) {
+function initEventBus(pluginId: string): void {
   // For now, use URL fallback for EventBus naming - this will be updated once MessageChannel is ready
   const isSidebar = getUrlParam('applicationMode') === 'sidebar';
   EventBusHandler.getInstance('Plugin EventBus ' + pluginId + ' ' + (isSidebar ? 'sidebar' : 'main'));
 }
 
-function StandaloneAuth({ onLogin }: { onLogin: (user: string, password: string) => void }) {
+function StandaloneAuth({ onLogin }: { onLogin: (user: string, password: string) => void }): JSX.Element {
   const [user, setUser] = useState('');
   const [password, setPassword] = useState('');
   return (

package/src/utils/FullscreenUtils.ts

@@ -1,19 +1,19 @@
-export function isFullscreen() {
+export function isFullscreen(): boolean {
   return !!document.fullscreenElement;
 }
 
-export function triggerFullscreen(onStateChange: (isFullscreen: boolean) => void, selector?: string) {
+export function triggerFullscreen(onStateChange: (isFullscreen: boolean) => void, selector?: string): void {
   document.addEventListener('fullscreenchange', () => {
     onStateChange(isFullscreen());
   });
   try {
-    const ref = document.querySelector(selector || '#root')!;
+    const ref = document.querySelector(selector || '#root') as HTMLElement;
     if (!isFullscreen()) {
       // @ts-ignore
-      ref.requestFullscreen() || ref.webkitRequestFullscreen();
+      void (ref.requestFullscreen() || ref.webkitRequestFullscreen());
     } else {
       // @ts-ignore
-      document.exitFullscreen() || document.webkitExitFullscreen();
+      void (document.exitFullscreen() || document.webkitExitFullscreen());
     }
   } catch (error: any) {
     console.error('Failed to enter fullscreen', error.message);

package/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "outDir": "dist",
+    "rootDir": "src",
     "module": "ESNext",
     "target": "ES6",
     "declaration": true,
@@ -8,16 +9,9 @@
     "moduleResolution": "node",
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "strict": true,
-    "baseUrl": ".",
-    "paths": {
-      "@rimori/client": [
-        "../rimori-client/src/index.ts"
-      ],
-      "@rimori/client/*": [
-        "../rimori-client/src/*"
-      ]
-    }
+    "strict": true
   },
-  "include": ["src/**/*"]
-}
+  "include": [
+    "src/**/*"
+  ]
+}

package/dist/components/components/ContextMenu.d.ts

@@ -1,10 +0,0 @@
-import { RimoriClient } from '../../plugin/RimoriClient';
-export interface Position {
-    x: number;
-    y: number;
-    text?: string;
-}
-declare const ContextMenu: ({ client }: {
-    client: RimoriClient;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default ContextMenu;

package/dist/components/components/ContextMenu.js

@@ -1,135 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import { EventBus } from '../../fromRimori/EventBus';
-const ContextMenu = ({ client }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [actions, setActions] = useState([]);
-    const [position, setPosition] = useState({ x: 0, y: 0 });
-    const [openOnTextSelect, setOpenOnTextSelect] = useState(false);
-    const [menuWidth, setMenuWidth] = useState(0);
-    const menuRef = useRef(null);
-    const isMobile = window.innerWidth < 768;
-    /**
-     * Calculates position for mobile context menu based on selected text bounds.
-     * Centers the menu horizontally over the selected text and positions it 30px below the text's end.
-     * @param selectedText - The currently selected text
-     * @param menuWidth - The width of the menu to center properly
-     * @returns Position object with x and y coordinates
-     */
-    const calculateMobilePosition = (selectedText, menuWidth = 0) => {
-        const selection = window.getSelection();
-        if (!selection || !selectedText) {
-            return { x: 0, y: 0, text: selectedText };
-        }
-        const range = selection.getRangeAt(0);
-        const rect = range.getBoundingClientRect();
-        // Center horizontally over the selected text, accounting for menu width
-        const centerX = rect.left + rect.width / 2 - menuWidth / 2;
-        // Position 12px below where the text ends vertically
-        const textEndY = rect.bottom + 12;
-        return { x: centerX, y: textEndY, text: selectedText };
-    };
-    useEffect(() => {
-        const actions = client.plugin
-            .getPluginInfo()
-            .installedPlugins.flatMap((p) => p.context_menu_actions)
-            .filter(Boolean);
-        setActions(actions);
-        setOpenOnTextSelect(client.plugin.getUserInfo().context_menu_on_select);
-        EventBus.on('global.contextMenu.createActions', ({ data }) => {
-            setActions([...data.actions, ...actions]);
-        });
-    }, []);
-    // Update menu width when menu is rendered
-    useEffect(() => {
-        if (isOpen && menuRef.current) {
-            setMenuWidth(menuRef.current.offsetWidth);
-        }
-    }, [isOpen, actions]);
-    useEffect(() => {
-        // Track mouse position globally
-        const handleMouseMove = (e) => {
-            var _a;
-            const selectedText = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().trim();
-            if (isOpen && selectedText === position.text)
-                return;
-            if (isMobile && selectedText) {
-                setPosition(calculateMobilePosition(selectedText, menuWidth));
-            }
-            else {
-                setPosition({ x: e.clientX, y: e.clientY, text: selectedText });
-            }
-        };
-        const handleMouseUp = (e) => {
-            var _a, _b;
-            const selectedText = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().trim();
-            // Check if click is inside the context menu
-            if (menuRef.current && menuRef.current.contains(e.target)) {
-                // Don't close the menu if clicking inside
-                return;
-            }
-            // Prevent context menu on textarea or text input selection
-            const target = e.target;
-            const isTextInput = target &&
-                (target.tagName === 'TEXTAREA' || (target.tagName === 'INPUT' && target.type === 'text'));
-            if (isTextInput) {
-                setIsOpen(false);
-                return;
-            }
-            if (e.button === 0 && isOpen) {
-                setIsOpen(false);
-                (_b = window.getSelection()) === null || _b === void 0 ? void 0 : _b.removeAllRanges();
-            }
-            else if (selectedText && (openOnTextSelect || e.button === 2)) {
-                if (e.button === 2) {
-                    e.preventDefault();
-                }
-                if (isMobile) {
-                    setPosition(calculateMobilePosition(selectedText, menuWidth));
-                }
-                else {
-                    setPosition({ x: e.clientX, y: e.clientY, text: selectedText });
-                }
-                setIsOpen(true);
-            }
-            else {
-                setIsOpen(false);
-            }
-        };
-        // Add selectionchange listener to close menu if selection is cleared and update position for mobile
-        const handleSelectionChange = () => {
-            var _a;
-            const selectedText = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().trim();
-            if (!selectedText && isOpen) {
-                setIsOpen(false);
-            }
-            else if (selectedText && isOpen && isMobile) {
-                // Update position in real-time as text selection changes on mobile
-                setPosition(calculateMobilePosition(selectedText, menuWidth));
-            }
-        };
-        document.addEventListener('mouseup', handleMouseUp);
-        window.addEventListener('mousemove', handleMouseMove);
-        document.addEventListener('contextmenu', handleMouseUp);
-        document.addEventListener('selectionchange', handleSelectionChange);
-        return () => {
-            document.removeEventListener('mouseup', handleMouseUp);
-            window.removeEventListener('mousemove', handleMouseMove);
-            document.removeEventListener('contextmenu', handleMouseUp);
-            document.removeEventListener('selectionchange', handleSelectionChange);
-        };
-    }, [openOnTextSelect, isOpen, position.text]);
-    if (!isOpen) {
-        return null;
-    }
-    return (_jsx("div", { ref: menuRef, className: "fixed bg-gray-400 dark:bg-gray-700 shadow-lg border border-gray-400 rounded-md overflow-hidden dark:text-white z-50", style: { top: position.y, left: position.x }, children: actions.map((action, index) => (_jsx(MenuEntryItem, { icon: action.icon, text: action.text, onClick: () => {
-                var _a;
-                setIsOpen(false);
-                (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
-                client.event.emitSidebarAction(action.plugin_id, action.action_key, position.text);
-            } }, index))) }));
-};
-function MenuEntryItem(props) {
-    return (_jsxs("button", { onClick: props.onClick, className: "px-4 py-2 text-left hover:bg-gray-500 dark:hover:bg-gray-600 w-full flex flex-row", children: [_jsx("span", { className: "flex-grow", children: props.icon }), _jsx("span", { className: "flex-grow", children: props.text })] }));
-}
-export default ContextMenu;

package/dist/react-client/src/components/MarkdownEditor.d.ts

@@ -1,8 +0,0 @@
-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/react-client/src/components/MarkdownEditor.js

@@ -1,48 +0,0 @@
-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: {
-            HTMLAttributes: {
-                class: 'list-disc list-inside dark:text-white p-1 mt-1 [&_li]:mb-1 [&_p]:inline m-0',
-            },
-        },
-        orderedList: {
-            HTMLAttributes: {
-                className: 'list-decimal list-inside dark:text-white p-1 mt-1 [&_li]:mb-1 [&_p]:inline m-0',
-            },
-        },
-    }),
-    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/react-client/src/components/Spinner.d.ts

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

package/dist/react-client/src/components/Spinner.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export 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 })] }));
-};