@rimori/react-client 0.2.0 → 0.3.0-next.1

package/.github/workflows/pre-release.yml

@@ -0,0 +1,129 @@
+name: Pre-Release Rimori React Client
+
+on:
+  push:
+    branches: [dev]
+    paths:
+      - '**'
+      - '!.github/workflows/**'
+
+jobs:
+  pre-release:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      id-token: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          registry-url: 'https://registry.npmjs.org'
+          cache: 'yarn'
+          cache-dependency-path: yarn.lock
+
+      - name: Update npm
+        run: npm install -g npm@latest
+
+      - name: Get latest @rimori/client@next version
+        id: client-version
+        run: |
+          VERSION=$(npm view @rimori/client@next version 2>/dev/null || echo "")
+          if [ -z "$VERSION" ]; then
+            echo "⚠️  Warning: No @rimori/client@next version found. Using current dependency version."
+            VERSION=$(node -p "require('./package.json').peerDependencies['@rimori/client'] || require('./package.json').devDependencies['@rimori/client']")
+            # Remove ^ prefix if present
+            VERSION="${VERSION#^}"
+          fi
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+          echo "Using @rimori/client version: $VERSION"
+
+      - name: Update @rimori/client dependency
+        run: |
+          # Update both peerDependencies and devDependencies
+          yarn add "@rimori/client@${{ steps.client-version.outputs.version }}" --dev --exact
+          # Also update peerDependencies using node
+          node -e "const fs = require('fs'); const pkg = JSON.parse(fs.readFileSync('package.json')); if (pkg.peerDependencies && pkg.peerDependencies['@rimori/client']) { pkg.peerDependencies['@rimori/client'] = '${{ steps.client-version.outputs.version }}'; fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2) + '\n'); }"
+          echo "Updated @rimori/client to ${{ steps.client-version.outputs.version }}"
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Build react-client (TypeScript verification)
+        run: yarn build
+
+      - name: Calculate next pre-release version
+        id: version
+        run: |
+          # Read current version from package.json (may be base or pre-release)
+          CURRENT_VERSION=$(node -p "require('./package.json').version")
+
+          # Extract base version (strip any pre-release suffix)
+          # Examples: "0.3.0" -> "0.3.0", "0.3.0-next.5" -> "0.3.0"
+          if [[ "$CURRENT_VERSION" =~ ^([0-9]+\.[0-9]+\.[0-9]+) ]]; then
+            BASE_VERSION="${BASH_REMATCH[1]}"
+          else
+            BASE_VERSION="$CURRENT_VERSION"
+          fi
+
+          # Try to get latest next version from npm
+          PACKAGE_NAME="@rimori/react-client"
+          LATEST_NEXT=$(npm view ${PACKAGE_NAME}@next version 2>/dev/null || echo "none")
+
+          if [ "$LATEST_NEXT" != "none" ]; then
+            # Extract base version and pre-release number from latest next version
+            # Example: "0.3.0-next.5" -> extract "0.3.0" and "5"
+            if [[ "$LATEST_NEXT" =~ ^([0-9]+\.[0-9]+\.[0-9]+)-next\.([0-9]+)$ ]]; then
+              LATEST_BASE="${BASH_REMATCH[1]}"
+              PRERELEASE_NUM="${BASH_REMATCH[2]}"
+
+              # If base version changed, reset to 1, otherwise increment
+              if [ "$LATEST_BASE" != "$BASE_VERSION" ]; then
+                NEW_NUM=1
+              else
+                NEW_NUM=$((PRERELEASE_NUM + 1))
+              fi
+            else
+              # Fallback: if format doesn't match, start at 1
+              NEW_NUM=1
+            fi
+          else
+            # First pre-release
+            NEW_NUM=1
+          fi
+
+          NEW_VERSION="${BASE_VERSION}-next.${NEW_NUM}"
+          echo "new_version=$NEW_VERSION" >> $GITHUB_OUTPUT
+          echo "Base version: $BASE_VERSION"
+          echo "Calculated next version: $NEW_VERSION"
+
+      - name: Update package.json version
+        run: |
+          # Use node to update version directly (yarn version creates git tags)
+          node -e "const fs = require('fs'); const pkg = JSON.parse(fs.readFileSync('package.json')); pkg.version = '${{ steps.version.outputs.new_version }}'; fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2) + '\n');"
+
+      - name: Publish to npm
+        run: npm publish --tag next --access public
+        # Uses OIDC token automatically (no NODE_AUTH_TOKEN needed)
+        # Requires npm 11.5.1+ and id-token: write permission (already set)
+
+      - name: Commit version bump
+        run: |
+          git config --local user.email "action@github.com"
+          git config --local user.name "GitHub Action"
+          git add package.json yarn.lock
+          git commit -m "chore: bump @rimori/react-client to ${{ steps.version.outputs.new_version }} [skip ci]"
+          git push
+
+      - name: Output published version
+        run: |
+          echo "✅ Published @rimori/react-client@${{ steps.version.outputs.new_version }} to npm with @next tag"
+          echo "Using @rimori/client@${{ steps.client-version.outputs.version }}"
+

package/dist/components/ContextMenu.js

@@ -2,12 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
 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;
+    const openOnTextSelect = client.plugin.getUserInfo().context_menu_on_select;
+    const actions = client.plugin
+        .getPluginInfo()
+        .installedPlugins.flatMap((p) => p.context_menu_actions)
+        .filter(Boolean);
     /**
      * 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.
@@ -29,14 +32,8 @@ const ContextMenu = ({ client }) => {
         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);
         client.event.on('global.contextMenu.createActions', ({ data }) => {
-            setActions([...data.actions, ...actions]);
+            actions.push(...data.actions);
         });
     }, []);
     // Update menu width when menu is rendered
@@ -44,7 +41,7 @@ const ContextMenu = ({ client }) => {
         if (isOpen && menuRef.current) {
             setMenuWidth(menuRef.current.offsetWidth);
         }
-    }, [isOpen, actions]);
+    }, [isOpen]);
     useEffect(() => {
         // Track mouse position globally
         const handleMouseMove = (e) => {
@@ -121,7 +118,7 @@ const ContextMenu = ({ client }) => {
     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: () => {
+    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, { iconUrl: action.iconUrl, text: action.text, onClick: () => {
                 var _a;
                 setIsOpen(false);
                 (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
@@ -129,6 +126,6 @@ const ContextMenu = ({ client }) => {
             } }, 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 })] }));
+    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.iconUrl && _jsx("img", { src: props.iconUrl, alt: props.text, className: "w-4 h-4 mr-2" }) }), _jsx("span", { className: "flex-grow", children: props.text })] }));
 }
 export default ContextMenu;

package/dist/components/ai/EmbeddedAssistent/TTS/Player.d.ts

@@ -12,6 +12,7 @@ export declare class ChunkedAudioPlayer {
     private currentIndex;
     private startedPlaying;
     private onEndOfSpeech;
+    private readonly backgroundNoiseLevel;
     constructor();
     private init;
     setOnLoudnessChange(callback: (value: number) => void): void;

package/dist/components/ai/EmbeddedAssistent/TTS/Player.js

@@ -19,6 +19,7 @@ export class ChunkedAudioPlayer {
         this.currentIndex = 0;
         this.startedPlaying = false;
         this.onEndOfSpeech = () => { };
+        this.backgroundNoiseLevel = 30; // Background noise level that should be treated as baseline (0)
         this.init();
     }
     init() {
@@ -162,9 +163,18 @@ export class ChunkedAudioPlayer {
             if (loudnessInDb > maxDb) {
                 loudnessInDb = maxDb;
             }
-            const loudnessScale = ((loudnessInDb - minDb) / (maxDb - minDb)) * 100;
-            // console.log("root:corrent loudness", loudnessScale);
-            this.loudnessCallback(loudnessScale);
+            let loudnessScale = ((loudnessInDb - minDb) / (maxDb - minDb)) * 100;
+            // Adjust loudness: shift zero level up by background noise amount
+            // Values below background noise level are set to 0
+            // Values above are remapped to 0-100 scale
+            if (loudnessScale < this.backgroundNoiseLevel) {
+                loudnessScale = 0;
+            }
+            else {
+                // Remap from [backgroundNoiseLevel, 100] to [0, 100]
+                loudnessScale = ((loudnessScale - this.backgroundNoiseLevel) / (100 - this.backgroundNoiseLevel)) * 100;
+            }
+            this.loudnessCallback(Math.round(loudnessScale));
         }
         // Call this method again at regular intervals if you want continuous loudness monitoring
         this.handle = requestAnimationFrame(() => this.monitorLoudness());

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.2.0",
+  "version": "0.3.0-next.1",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rimori-org/react-client.git"
+  },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -18,17 +23,19 @@
     "format": "prettier --write ."
   },
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "@rimori/client": "^2.1.0"
+    "@rimori/client": "2.2.0-next.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0"
   },
   "dependencies": {
     "html2canvas": "1.4.1",
-    "react-icons": "5.4.0"
+    "react-icons": "5.4.0",
+    "react-markdown": "^10.1.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.37.0",
-    "@rimori/client": "^2.1.0",
+    "@rimori/client": "2.2.0-next.1",
+    "@types/react": "^18.3.21",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react-hooks": "^7.0.0",

package/src/components/ContextMenu.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { RimoriClient, MenuEntry } from '@rimori/client';
 
 export interface Position {
@@ -9,12 +9,15 @@ export interface Position {
 
 const ContextMenu = ({ client }: { client: RimoriClient }) => {
   const [isOpen, setIsOpen] = useState<boolean>(false);
-  const [actions, setActions] = useState<MenuEntry[]>([]);
   const [position, setPosition] = useState<Position>({ x: 0, y: 0 });
-  const [openOnTextSelect, setOpenOnTextSelect] = useState(false);
   const [menuWidth, setMenuWidth] = useState<number>(0);
   const menuRef = useRef<HTMLDivElement>(null);
   const isMobile = window.innerWidth < 768;
+  const openOnTextSelect = client.plugin.getUserInfo().context_menu_on_select;
+  const actions = client.plugin
+    .getPluginInfo()
+    .installedPlugins.flatMap((p) => p.context_menu_actions)
+    .filter(Boolean);
 
   /**
    * Calculates position for mobile context menu based on selected text bounds.
@@ -23,7 +26,7 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
    * @param menuWidth - The width of the menu to center properly
    * @returns Position object with x and y coordinates
    */
-  const calculateMobilePosition = (selectedText: string, menuWidth: number = 0): Position => {
+  const calculateMobilePosition = (selectedText: string, menuWidth = 0): Position => {
     const selection = window.getSelection();
     if (!selection || !selectedText) {
       return { x: 0, y: 0, text: selectedText };
@@ -42,15 +45,8 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
   };
 
   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);
-
     client.event.on<{ actions: MenuEntry[] }>('global.contextMenu.createActions', ({ data }) => {
-      setActions([...data.actions, ...actions]);
+      actions.push(...data.actions);
     });
   }, []);
 
@@ -59,11 +55,11 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
     if (isOpen && menuRef.current) {
       setMenuWidth(menuRef.current.offsetWidth);
     }
-  }, [isOpen, actions]);
+  }, [isOpen]);
 
   useEffect(() => {
     // Track mouse position globally
-    const handleMouseMove = (e: MouseEvent) => {
+    const handleMouseMove = (e: MouseEvent): void => {
       const selectedText = window.getSelection()?.toString().trim();
       if (isOpen && selectedText === position.text) return;
 
@@ -74,7 +70,7 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
       }
     };
 
-    const handleMouseUp = (e: MouseEvent) => {
+    const handleMouseUp = (e: MouseEvent): void => {
       const selectedText = window.getSelection()?.toString().trim();
       // Check if click is inside the context menu
       if (menuRef.current && menuRef.current.contains(e.target as Node)) {
@@ -112,7 +108,7 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
     };
 
     // Add selectionchange listener to close menu if selection is cleared and update position for mobile
-    const handleSelectionChange = () => {
+    const handleSelectionChange = (): void => {
       const selectedText = window.getSelection()?.toString().trim();
       if (!selectedText && isOpen) {
         setIsOpen(false);
@@ -148,7 +144,7 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
       {actions.map((action, index) => (
         <MenuEntryItem
           key={index}
-          icon={action.icon}
+          iconUrl={action.iconUrl}
           text={action.text}
           onClick={() => {
             setIsOpen(false);
@@ -161,13 +157,15 @@ const ContextMenu = ({ client }: { client: RimoriClient }) => {
   );
 };
 
-function MenuEntryItem(props: { icon: React.ReactNode; text: string; onClick: () => void }) {
+function MenuEntryItem(props: { iconUrl?: string; text: string; onClick: () => void }): JSX.Element {
   return (
     <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"
     >
-      <span className="flex-grow">{props.icon}</span>
+      <span className="flex-grow">
+        {props.iconUrl && <img src={props.iconUrl} alt={props.text} className="w-4 h-4 mr-2" />}
+      </span>
       <span className="flex-grow">{props.text}</span>
       {/* <span className="text-sm">Ctrl+Shift+xxxx</span> */}
     </button>

package/src/components/ai/EmbeddedAssistent/TTS/Player.ts

@@ -12,6 +12,7 @@ export class ChunkedAudioPlayer {
   private currentIndex = 0;
   private startedPlaying = false;
   private onEndOfSpeech: () => void = () => {};
+  private readonly backgroundNoiseLevel = 30; // Background noise level that should be treated as baseline (0)
 
   constructor() {
     this.init();
@@ -171,10 +172,19 @@ export class ChunkedAudioPlayer {
         loudnessInDb = maxDb;
       }
 
-      const loudnessScale = ((loudnessInDb - minDb) / (maxDb - minDb)) * 100;
-      // console.log("root:corrent loudness", loudnessScale);
+      let loudnessScale = ((loudnessInDb - minDb) / (maxDb - minDb)) * 100;
 
-      this.loudnessCallback(loudnessScale);
+      // Adjust loudness: shift zero level up by background noise amount
+      // Values below background noise level are set to 0
+      // Values above are remapped to 0-100 scale
+      if (loudnessScale < this.backgroundNoiseLevel) {
+        loudnessScale = 0;
+      } else {
+        // Remap from [backgroundNoiseLevel, 100] to [0, 100]
+        loudnessScale = ((loudnessScale - this.backgroundNoiseLevel) / (100 - this.backgroundNoiseLevel)) * 100;
+      }
+
+      this.loudnessCallback(Math.round(loudnessScale));
     }
 
     // Call this method again at regular intervals if you want continuous loudness monitoring

package/dist/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/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/components/Spinner.d.ts

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

package/dist/components/Spinner.js

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

package/dist/components/ai/EmbeddedAssistent/VoiceRecoder.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    iconSize?: string;
-    className?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    enablePushToTalk?: boolean;
-    onRecordingStatusChange: (running: boolean) => void;
-    onVoiceRecorded: (message: string) => void;
-}
-export declare const VoiceRecorder: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
-export {};

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

@@ -1,95 +0,0 @@
-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 } from "react/jsx-runtime";
-import { useRimori } from '../../../providers/PluginProvider';
-import { FaMicrophone, FaSpinner } from 'react-icons/fa6';
-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);
-    const [internalIsProcessing, setInternalIsProcessing] = useState(false);
-    const audioControllerRef = useRef(null);
-    const { ai, plugin } = useRimori();
-    // Ref for latest onVoiceRecorded callback
-    const onVoiceRecordedRef = useRef(onVoiceRecorded);
-    useEffect(() => {
-        onVoiceRecordedRef.current = onVoiceRecorded;
-    }, [onVoiceRecorded]);
-    const startRecording = () => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            if (!audioControllerRef.current) {
-                audioControllerRef.current = new AudioController(plugin.pluginId);
-            }
-            yield audioControllerRef.current.startRecording();
-            setIsRecording(true);
-            onRecordingStatusChange(true);
-        }
-        catch (error) {
-            console.error('Failed to start recording:', error);
-            // Handle permission denied or other errors
-        }
-    });
-    const stopRecording = () => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            if (audioControllerRef.current && isRecording) {
-                const audioResult = yield audioControllerRef.current.stopRecording();
-                // console.log("audioResult: ", audioResult);
-                setInternalIsProcessing(true);
-                // Play the recorded audio from the Blob
-                // const blobUrl = URL.createObjectURL(audioResult.recording);
-                // const audioRef = new Audio(blobUrl);
-                // audioRef.onended = () => URL.revokeObjectURL(blobUrl);
-                // audioRef.play().catch((e) => console.error('Playback error:', e));
-                // console.log("audioBlob: ", audioResult.recording);
-                const text = yield ai.getTextFromVoice(audioResult.recording);
-                // console.log("stt result", text);
-                // throw new Error("test");
-                setInternalIsProcessing(false);
-                onVoiceRecordedRef.current(text);
-            }
-        }
-        catch (error) {
-            console.error('Failed to stop recording:', error);
-        }
-        finally {
-            setIsRecording(false);
-            onRecordingStatusChange(false);
-        }
-    });
-    useImperativeHandle(ref, () => ({
-        startRecording,
-        stopRecording,
-    }));
-    // push to talk feature
-    const spacePressedRef = useRef(false);
-    useEffect(() => {
-        if (!enablePushToTalk)
-            return;
-        const handleKeyDown = (event) => __awaiter(void 0, void 0, void 0, function* () {
-            if (event.code === 'Space' && !spacePressedRef.current) {
-                spacePressedRef.current = true;
-                yield startRecording();
-            }
-        });
-        const handleKeyUp = (event) => {
-            if (event.code === 'Space' && spacePressedRef.current) {
-                spacePressedRef.current = false;
-                stopRecording();
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        window.addEventListener('keyup', handleKeyUp);
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-            window.removeEventListener('keyup', handleKeyUp);
-        };
-    }, [enablePushToTalk]);
-    return (_jsx("button", { className: 'flex flex-row justify-center items-center rounded-full mx-auto disabled:opacity-50 ' + className, onClick: isRecording ? stopRecording : startRecording, disabled: disabled || loading || internalIsProcessing, children: loading || internalIsProcessing ? (_jsx(FaSpinner, { className: "animate-spin" })) : (_jsx(FaMicrophone, { size: iconSize, className: isRecording ? 'text-red-600' : '' })) }));
-});

package/dist/plugin/ThemeSetter.d.ts

@@ -1,2 +0,0 @@
-export declare function useTheme(theme?: string | null): boolean;
-export declare function isDarkTheme(theme?: string | null): boolean;

package/dist/plugin/ThemeSetter.js

@@ -1,31 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useTheme(theme) {
-    const [isDark, setIsDark] = useState(false);
-    useEffect(() => {
-        const root = document.documentElement;
-        const nextIsDark = isDarkTheme(theme);
-        setIsDark(nextIsDark);
-        root.classList.add('dark:text-gray-200');
-        if (nextIsDark) {
-            root.setAttribute('data-theme', 'dark');
-            root.classList.add('dark', 'dark:bg-gray-950');
-            root.style.background = 'hsl(var(--background))';
-            return;
-        }
-        root.removeAttribute('data-theme');
-        root.classList.remove('dark', 'dark:bg-gray-950');
-        root.style.background = '';
-    }, [theme]);
-    return isDark;
-}
-export function isDarkTheme(theme) {
-    // If no theme provided, try to get from URL as fallback (for standalone mode)
-    if (!theme) {
-        const urlParams = new URLSearchParams(window.location.search);
-        theme = urlParams.get('theme');
-    }
-    if (!theme || theme === 'system') {
-        return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-    }
-    return theme === 'dark';
-}

package/dist/utils/FullscreenUtils.d.ts

@@ -1,2 +0,0 @@
-export declare function isFullscreen(): boolean;
-export declare function triggerFullscreen(onStateChange: (isFullscreen: boolean) => void, selector?: string): void;

package/dist/utils/FullscreenUtils.js

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