@rimori/client 1.4.10 → 2.1.0

package/dist/components/ai/Assistant.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useMemo } from 'react';
-import { CircleAudioAvatar } from './EmbeddedAssistent/CircleAudioAvatar';
-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 { getFirstMessages } from './utils';
-export function AssistantChat({ avatarImageUrl, voiceId, onComplete, autoStartConversation }) {
-    var _a;
-    const [oralCommunication, setOralCommunication] = React.useState(true);
-    const { ai: llm, event } = useRimori();
-    const sender = useMemo(() => new MessageSender(llm.getVoice, voiceId), []);
-    const { messages, append, isLoading, setMessages } = useChat();
-    const lastAssistantMessage = (_a = [...messages].filter((m) => m.role === 'assistant').pop()) === null || _a === void 0 ? void 0 : _a.content;
-    useEffect(() => {
-        sender.setOnLoudnessChange((value) => event.emit('self.avatar.triggerLoudness', { loudness: value }));
-        if (!autoStartConversation) {
-            return;
-        }
-        setMessages(getFirstMessages(autoStartConversation));
-        // append([{ role: 'user', content: autoStartConversation.userMessage }]);
-        if (autoStartConversation.assistantMessage) {
-            // console.log("autostartmessages", { autoStartConversation, isLoading });
-            sender.handleNewText(autoStartConversation.assistantMessage, isLoading);
-        }
-    }, []);
-    useEffect(() => {
-        var _a;
-        let message = lastAssistantMessage;
-        if (message !== ((_a = messages[messages.length - 1]) === null || _a === void 0 ? void 0 : _a.content)) {
-            message = undefined;
-        }
-        sender.handleNewText(message, isLoading);
-    }, [messages, isLoading]);
-    const lastMessage = messages[messages.length - 1];
-    useEffect(() => {
-        console.log('lastMessage', lastMessage);
-        const toolInvocations = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.toolCalls;
-        if (toolInvocations && toolInvocations.length > 0) {
-            console.log('toolInvocations', toolInvocations);
-            onComplete(toolInvocations[0].args);
-        }
-    }, [lastMessage]);
-    if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.toolCalls) && lastMessage.toolCalls.length > 0) {
-        console.log('lastMessage test2', lastMessage);
-        const args = lastMessage.toolCalls[0].args;
-        const success = args.explanationUnderstood === 'TRUE' || args.studentKnowsTopic === 'TRUE';
-        return (_jsxs("div", { className: "px-5 pt-5 overflow-y-auto text-center", style: { height: '478px' }, children: [_jsx("h1", { className: "text-center mt-5 mb-5", children: success ? 'Great job!' : 'You failed' }), _jsx("p", { children: args.improvementHints })] }));
-    }
-    return (_jsxs("div", { children: [oralCommunication && _jsx(CircleAudioAvatar, { imageUrl: avatarImageUrl, className: "mx-auto my-10" }), _jsx("div", { className: "w-full", children: lastAssistantMessage && (_jsx("div", { className: "px-5 pt-5 overflow-y-auto remirror-theme", style: { height: '4k78px' }, children: _jsx(Markdown, { children: lastAssistantMessage }) })) }), _jsx(AudioInputField, { blockSubmission: isLoading, onSubmit: (message) => {
-                    append([{ role: 'user', content: message, id: messages.length.toString() }]);
-                }, onAudioControl: (voice) => {
-                    setOralCommunication(voice);
-                    sender.setVolume(voice ? 1 : 0);
-                } })] }));
-}

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

@@ -1,14 +0,0 @@
-import { Tool } from '../../fromRimori/PluginTypes';
-import { FirstMessages } from './utils';
-interface Props {
-    voiceId: string;
-    agentTools: Tool[];
-    avatarImageUrl: string;
-    circleSize?: string;
-    isDarkTheme?: boolean;
-    children?: React.ReactNode;
-    autoStartConversation?: FirstMessages;
-    className?: string;
-}
-export declare function Avatar({ avatarImageUrl, voiceId, agentTools, autoStartConversation, children, isDarkTheme, circleSize, className, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ai/Avatar.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-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 { getFirstMessages } from './utils';
-export function Avatar({ avatarImageUrl, voiceId, agentTools, autoStartConversation, children, isDarkTheme = false, circleSize = '300px', className, }) {
-    const { ai, event } = useRimori();
-    const [agentReplying, setAgentReplying] = useState(false);
-    const [isProcessingMessage, setIsProcessingMessage] = useState(false);
-    const sender = useMemo(() => new MessageSender(ai.getVoice, voiceId), [voiceId]);
-    const { messages, append, isLoading, lastMessage, setMessages } = useChat(agentTools);
-    useEffect(() => {
-        console.log('messages', messages);
-    }, [messages]);
-    useEffect(() => {
-        if (!isLoading)
-            setIsProcessingMessage(false);
-    }, [isLoading]);
-    useEffect(() => {
-        if (!voiceId)
-            return; //at the beginning when being mounted the voiceId is undefined
-        sender.setOnLoudnessChange((value) => event.emit('self.avatar.triggerLoudness', { loudness: value }));
-        sender.setOnEndOfSpeech(() => setAgentReplying(false));
-        if (!autoStartConversation)
-            return;
-        setMessages(getFirstMessages(autoStartConversation));
-        // append([{ role: 'user', content: autoStartConversation.userMessage }]);
-        if (autoStartConversation.assistantMessage) {
-            // console.log("autostartmessages", { autoStartConversation, isLoading });
-            sender.handleNewText(autoStartConversation.assistantMessage, isLoading);
-        }
-        else if (autoStartConversation.userMessage) {
-            append([{ role: 'user', content: autoStartConversation.userMessage, id: messages.length.toString() }]);
-        }
-    }, [autoStartConversation, voiceId]);
-    useEffect(() => {
-        if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'assistant') {
-            sender.handleNewText(lastMessage.content, isLoading);
-            if (lastMessage.toolCalls) {
-                // console.log("unlocking mic", lastMessage)
-                setAgentReplying(false);
-                setIsProcessingMessage(false);
-            }
-        }
-    }, [lastMessage, isLoading]);
-    return (_jsxs("div", { className: `md:pb-8 ${className || ''}`, children: [_jsx(CircleAudioAvatar, { width: circleSize, className: "mx-auto", imageUrl: avatarImageUrl, isDarkTheme: isDarkTheme }), children, _jsx(VoiceRecorder, { iconSize: "30", className: "w-16 h-16 shadow-lg rounded-full bg-gray-400 dark:bg-gray-800", disabled: agentReplying, loading: isProcessingMessage, enablePushToTalk: true, onVoiceRecorded: (message) => {
-                    setAgentReplying(true);
-                    append([
-                        {
-                            role: 'user',
-                            content: 'Message(' + Math.floor((messages.length + 1) / 2) + '): ' + message,
-                            id: messages.length.toString(),
-                        },
-                    ]);
-                }, onRecordingStatusChange: (running) => !running && setIsProcessingMessage(true) })] }));
-}

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

@@ -1,7 +0,0 @@
-interface AudioInputFieldProps {
-    onSubmit: (text: string) => void;
-    onAudioControl?: (voice: boolean) => void;
-    blockSubmission?: boolean;
-}
-export declare function AudioInputField({ onSubmit, onAudioControl, blockSubmission }: AudioInputFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { VoiceRecorder } from './VoiceRecoder';
-import { BiSolidRightArrow } from 'react-icons/bi';
-import { HiMiniSpeakerXMark, HiMiniSpeakerWave } from 'react-icons/hi2';
-export function AudioInputField({ onSubmit, onAudioControl, blockSubmission = false }) {
-    const [text, setText] = useState('');
-    const [audioEnabled, setAudioEnabled] = useState(true);
-    const handleSubmit = (manualText) => {
-        if (blockSubmission)
-            return;
-        const sendableText = manualText || text;
-        if (sendableText.trim()) {
-            onSubmit(sendableText);
-            setTimeout(() => {
-                setText('');
-            }, 100);
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (blockSubmission)
-            return;
-        if (e.key === 'Enter' && e.ctrlKey) {
-            setText(text + '\n');
-        }
-        else if (e.key === 'Enter') {
-            handleSubmit();
-        }
-    };
-    return (_jsxs("div", { className: "flex items-center bg-gray-600 pt-2 pb-2 p-2", children: [onAudioControl && (_jsx("button", { onClick: () => {
-                    onAudioControl(!audioEnabled);
-                    setAudioEnabled(!audioEnabled);
-                }, className: "cursor-default", children: audioEnabled ? (_jsx(HiMiniSpeakerWave, { className: "w-9 h-9 cursor-pointer" })) : (_jsx(HiMiniSpeakerXMark, { className: "w-9 h-9 cursor-pointer" })) })), _jsx(VoiceRecorder, { onRecordingStatusChange: () => { }, onVoiceRecorded: (m) => {
-                    console.log('onVoiceRecorded', m);
-                    handleSubmit(m);
-                } }), _jsx("textarea", { value: text, onChange: (e) => setText(e.target.value), onKeyDown: handleKeyDown, className: "flex-1 border-none rounded-lg p-2 text-gray-800 focus::outline-none", placeholder: "Type a message...", disabled: blockSubmission }), _jsx("button", { onClick: () => handleSubmit(), className: "cursor-default", disabled: blockSubmission, children: _jsx(BiSolidRightArrow, { className: "w-9 h-10 cursor-pointer" }) })] }));
-}

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

@@ -1,8 +0,0 @@
-interface CircleAudioAvatarProps {
-    width?: string;
-    imageUrl: string;
-    className?: string;
-    isDarkTheme?: boolean;
-}
-export declare function CircleAudioAvatar({ imageUrl, className, isDarkTheme, width, }: CircleAudioAvatarProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,79 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { EventBus } from '../../../fromRimori/EventBus';
-export function CircleAudioAvatar({ imageUrl, className, isDarkTheme = false, width = '150px', }) {
-    const canvasRef = useRef(null);
-    const currentLoudnessRef = useRef(0);
-    const targetLoudnessRef = useRef(0);
-    const animationFrameRef = useRef(null);
-    useEffect(() => {
-        const canvas = canvasRef.current;
-        if (canvas) {
-            const ctx = canvas.getContext('2d');
-            if (ctx) {
-                const image = new Image();
-                image.src = imageUrl;
-                let isMounted = true;
-                image.onload = () => {
-                    if (!isMounted)
-                        return;
-                    draw(ctx, canvas, image, 0);
-                    const animate = () => {
-                        const decayRate = 0.06;
-                        if (currentLoudnessRef.current > targetLoudnessRef.current) {
-                            currentLoudnessRef.current = Math.max(targetLoudnessRef.current, currentLoudnessRef.current - decayRate * currentLoudnessRef.current);
-                        }
-                        else {
-                            currentLoudnessRef.current = targetLoudnessRef.current;
-                        }
-                        draw(ctx, canvas, image, currentLoudnessRef.current);
-                        animationFrameRef.current = requestAnimationFrame(animate);
-                    };
-                    animationFrameRef.current = requestAnimationFrame(animate);
-                };
-                const handleLoudness = ({ data }) => {
-                    const newLoudness = data.loudness;
-                    if (newLoudness > currentLoudnessRef.current) {
-                        currentLoudnessRef.current = newLoudness;
-                    }
-                    targetLoudnessRef.current = newLoudness;
-                };
-                const listener = EventBus.on('self.avatar.triggerLoudness', handleLoudness);
-                return () => {
-                    isMounted = false;
-                    listener.off();
-                    if (animationFrameRef.current) {
-                        cancelAnimationFrame(animationFrameRef.current);
-                    }
-                };
-            }
-        }
-    }, [imageUrl]);
-    const draw = (ctx, canvas, image, loudness) => {
-        if (canvas && ctx) {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-            const radius = Math.min(canvas.width, canvas.height) / 3;
-            const centerX = canvas.width / 2;
-            const centerY = canvas.height / 2;
-            const pulseRadius = radius + loudness / 2.5;
-            ctx.beginPath();
-            ctx.arc(centerX, centerY, pulseRadius, 0, Math.PI * 2, true);
-            ctx.strokeStyle = isDarkTheme ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.5)';
-            ctx.lineWidth = 5;
-            ctx.stroke();
-            ctx.save();
-            ctx.beginPath();
-            ctx.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
-            ctx.closePath();
-            ctx.clip();
-            ctx.drawImage(image, centerX - radius, centerY - radius, radius * 2, radius * 2);
-            ctx.restore();
-            ctx.beginPath();
-            ctx.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
-            ctx.strokeStyle = isDarkTheme ? 'rgba(255, 255, 255, 0.9)' : 'rgba(0, 0, 0, 0.9)';
-            ctx.lineWidth = 5;
-            ctx.stroke();
-        }
-    };
-    return _jsx("canvas", { ref: canvasRef, className: className, width: 500, height: 500, style: { width } });
-}

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

@@ -1,19 +0,0 @@
-type VoiceBackend = (text: string, voice?: string, speed?: number) => Promise<Blob>;
-export declare class MessageSender {
-    private player;
-    private fetchedSentences;
-    private lastLoading;
-    private voice;
-    private voiceBackend;
-    constructor(voiceBackend: VoiceBackend, voice: string);
-    private getCompletedSentences;
-    handleNewText(currentText: string | undefined, isLoading: boolean): Promise<void>;
-    private generateSpeech;
-    play(): void;
-    stop(): void;
-    private reset;
-    setVolume(volume: number): void;
-    setOnLoudnessChange(callback: (value: number) => void): void;
-    setOnEndOfSpeech(callback: () => void): void;
-}
-export {};

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

@@ -1,91 +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 { ChunkedAudioPlayer } from './Player';
-export class MessageSender {
-    constructor(voiceBackend, voice) {
-        this.player = new ChunkedAudioPlayer();
-        this.fetchedSentences = new Set();
-        this.lastLoading = false;
-        if ((voice === null || voice === void 0 ? void 0 : voice.split('_').length) !== 2) {
-            throw new Error("Invalid voice id format '" + voice + "'. Voice id needs to look like <provider>_<voice_id>");
-        }
-        this.voiceBackend = voiceBackend;
-        this.voice = voice;
-    }
-    getCompletedSentences(currentText, isLoading) {
-        // Split the text based on the following characters: .?!
-        // Only split on : when followed by a space
-        const pattern = /(.+?[.?!]|.+?:\s+|.+?\n+)/g;
-        const result = [];
-        let match;
-        while ((match = pattern.exec(currentText)) !== null) {
-            const sentence = match[0].trim();
-            if (sentence.length > 0) {
-                result.push(sentence);
-            }
-        }
-        if (!isLoading) {
-            const lastFullSentence = result[result.length - 1];
-            const leftoverIndex = currentText.lastIndexOf(lastFullSentence) + lastFullSentence.length;
-            if (leftoverIndex < currentText.length) {
-                result.push(currentText.slice(leftoverIndex).trim());
-            }
-        }
-        return result;
-    }
-    handleNewText(currentText, isLoading) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.lastLoading && isLoading) {
-                this.reset();
-            }
-            this.lastLoading = isLoading;
-            if (!currentText) {
-                return;
-            }
-            const sentences = this.getCompletedSentences(currentText, isLoading);
-            for (let i = 0; i < sentences.length; i++) {
-                const sentence = sentences[i];
-                if (!this.fetchedSentences.has(sentence)) {
-                    this.fetchedSentences.add(sentence);
-                    const audioData = yield this.generateSpeech(sentence);
-                    yield this.player.addChunk(audioData, i);
-                }
-            }
-        });
-    }
-    generateSpeech(sentence) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const blob = yield this.voiceBackend(sentence, this.voice, 1.0);
-            return yield blob.arrayBuffer();
-        });
-    }
-    play() {
-        this.player.playAgain();
-    }
-    stop() {
-        this.player.stopPlayback();
-    }
-    reset() {
-        this.stop();
-        this.fetchedSentences.clear();
-        this.player.reset();
-    }
-    setVolume(volume) {
-        this.player.setVolume(volume);
-    }
-    setOnLoudnessChange(callback) {
-        this.player.setOnLoudnessChange((loudness) => {
-            callback(loudness);
-        });
-    }
-    setOnEndOfSpeech(callback) {
-        this.player.setOnEndOfSpeech(callback);
-    }
-}

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

@@ -1,27 +0,0 @@
-export declare class ChunkedAudioPlayer {
-    private audioContext;
-    private chunkQueue;
-    private isPlaying;
-    private analyser;
-    private dataArray;
-    private shouldMonitorLoudness;
-    private isMonitoring;
-    private handle;
-    private volume;
-    private loudnessCallback;
-    private currentIndex;
-    private startedPlaying;
-    private onEndOfSpeech;
-    constructor();
-    private init;
-    setOnLoudnessChange(callback: (value: number) => void): void;
-    setVolume(volume: number): void;
-    addChunk(chunk: ArrayBuffer, position: number): Promise<void>;
-    private playChunks;
-    stopPlayback(): void;
-    private playChunk;
-    playAgain(): Promise<void>;
-    private monitorLoudness;
-    reset(): void;
-    setOnEndOfSpeech(callback: () => void): void;
-}

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

@@ -1,185 +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());
-    });
-};
-export class ChunkedAudioPlayer {
-    constructor() {
-        this.chunkQueue = [];
-        this.isPlaying = false;
-        this.shouldMonitorLoudness = true;
-        this.isMonitoring = false;
-        this.handle = 0;
-        this.volume = 1.0;
-        this.loudnessCallback = () => { };
-        this.currentIndex = 0;
-        this.startedPlaying = false;
-        this.onEndOfSpeech = () => { };
-        this.init();
-    }
-    init() {
-        this.audioContext = new AudioContext();
-        this.analyser = this.audioContext.createAnalyser();
-        this.analyser.fftSize = 256; // Set the FFT size (smaller values provide faster updates, larger ones give better resolution)
-        const bufferLength = this.analyser.frequencyBinCount;
-        this.dataArray = new Uint8Array(bufferLength); // Array to hold frequency data
-    }
-    setOnLoudnessChange(callback) {
-        this.loudnessCallback = callback;
-    }
-    setVolume(volume) {
-        this.volume = volume;
-    }
-    addChunk(chunk, position) {
-        return __awaiter(this, void 0, void 0, function* () {
-            console.log('Adding chunk', position, chunk);
-            this.chunkQueue[position] = chunk;
-            // console.log("received chunk", {
-            //     chunkQueue: this.chunkQueue.length,
-            //     isPlaying: this.isPlaying,
-            // })
-            if (position === 0 && !this.startedPlaying) {
-                this.startedPlaying = true;
-                this.playChunks();
-            }
-        });
-    }
-    playChunks() {
-        // console.log({ isPlaying: this.isPlaying });
-        if (this.isPlaying)
-            return;
-        if (!this.chunkQueue[this.currentIndex]) {
-            // wait until the correct chunk arrives
-            setTimeout(() => this.playChunks(), 10);
-        }
-        this.isPlaying = true;
-        this.playChunk(this.chunkQueue[this.currentIndex]).then(() => {
-            this.isPlaying = false;
-            this.currentIndex++;
-            if (this.chunkQueue[this.currentIndex]) {
-                this.shouldMonitorLoudness = true;
-                this.playChunks();
-            }
-            else {
-                // console.log('Playback finished', { currentIndex: this.currentIndex, chunkQueue: this.chunkQueue });
-                setTimeout(() => {
-                    // console.log('Check again if really playback finished', { currentIndex: this.currentIndex, chunkQueue: this.chunkQueue });
-                    if (this.chunkQueue.length > this.currentIndex) {
-                        this.playChunks();
-                    }
-                    else {
-                        this.startedPlaying = false;
-                        this.shouldMonitorLoudness = false;
-                    }
-                }, 1000);
-            }
-        });
-    }
-    stopPlayback() {
-        // console.log('Stopping playback');
-        // Implement logic to stop the current playback
-        this.isPlaying = false;
-        this.chunkQueue = [];
-        this.startedPlaying = false;
-        this.shouldMonitorLoudness = false;
-        cancelAnimationFrame(this.handle);
-    }
-    playChunk(chunk) {
-        // console.log({queue: this.chunkQueue})
-        if (!chunk) {
-            return Promise.resolve();
-        }
-        // console.log('Playing chunk', chunk);
-        return new Promise((resolve) => {
-            const source = this.audioContext.createBufferSource();
-            this.audioContext.decodeAudioData(chunk.slice(0)).then((audioBuffer) => {
-                source.buffer = audioBuffer;
-                // Create a GainNode for volume control
-                const gainNode = this.audioContext.createGain();
-                gainNode.gain.value = this.volume;
-                // Connect the source to the GainNode, then to the analyser node, then to the destination (speakers)
-                source.connect(gainNode);
-                gainNode.connect(this.analyser);
-                this.analyser.connect(this.audioContext.destination);
-                source.start(0);
-                // console.log('Playing chunk', this.currentIndex);
-                gainNode.gain.value = this.volume;
-                source.onended = () => {
-                    // console.log('Chunk ended');
-                    resolve();
-                };
-                // Start monitoring loudness only once
-                if (!this.isMonitoring) {
-                    this.isMonitoring = true;
-                    this.shouldMonitorLoudness = true;
-                    this.monitorLoudness();
-                }
-            });
-        });
-    }
-    playAgain() {
-        return __awaiter(this, void 0, void 0, function* () {
-            console.log('Playing again');
-            if (this.chunkQueue.length > 0 && !this.isPlaying) {
-                this.playChunks();
-            }
-        });
-    }
-    monitorLoudness() {
-        // Stop monitoring when the flag is false
-        if (!this.shouldMonitorLoudness) {
-            // console.log('Loudness monitoring stopped.');
-            cancelAnimationFrame(this.handle);
-            this.loudnessCallback(0);
-            this.onEndOfSpeech();
-            return;
-        }
-        // Get the time domain data from the analyser (this is a snapshot of the waveform)
-        this.analyser.getByteTimeDomainData(this.dataArray);
-        // Calculate the RMS (root mean square) of the waveform values to get the perceived loudness
-        let sum = 0;
-        for (let i = 0; i < this.dataArray.length; i++) {
-            const value = this.dataArray[i] / 128.0 - 1.0; // Normalize between -1 and 1
-            sum += value * value;
-        }
-        const rms = Math.sqrt(sum / this.dataArray.length);
-        // Handle the case where RMS is 0 to avoid log10(0)
-        if (rms === 0) {
-            // console.log('Current loudness: Silent');
-        }
-        else {
-            let loudnessInDb = 20 * Math.log10(rms); // Convert to dB
-            // console.log('Current loudness:' + loudnessInDb);
-            const minDb = -57;
-            const maxDb = -15;
-            if (loudnessInDb < minDb) {
-                loudnessInDb = minDb;
-            }
-            if (loudnessInDb > maxDb) {
-                loudnessInDb = maxDb;
-            }
-            const loudnessScale = ((loudnessInDb - minDb) / (maxDb - minDb)) * 100;
-            // console.log("root:corrent loudness", loudnessScale);
-            this.loudnessCallback(loudnessScale);
-        }
-        // Call this method again at regular intervals if you want continuous loudness monitoring
-        this.handle = requestAnimationFrame(() => this.monitorLoudness());
-    }
-    reset() {
-        // console.log('Resetting player');
-        this.stopPlayback();
-        this.currentIndex = 0;
-        this.shouldMonitorLoudness = true;
-        //reset to the beginning when the class gets initialized
-        this.isMonitoring = false;
-        this.isPlaying = false;
-        this.init();
-    }
-    setOnEndOfSpeech(callback) {
-        this.onEndOfSpeech = callback;
-    }
-}

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 {};