@rimori/react-client 0.4.7 → 0.4.8

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

@@ -2,6 +2,7 @@ import { Tool } from '@rimori/client';
 import { FirstMessages } from './utils';
 interface Props {
     voiceId: string;
+    cache?: boolean;
     agentTools: Tool[];
     avatarImageUrl: string;
     circleSize?: string;
@@ -9,5 +10,5 @@ interface Props {
     autoStartConversation?: FirstMessages;
     className?: string;
 }
-export declare function Avatar({ avatarImageUrl, voiceId, agentTools, autoStartConversation, children, circleSize, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar({ avatarImageUrl, voiceId, agentTools, autoStartConversation, children, circleSize, className, cache, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ai/Avatar.js

@@ -7,12 +7,12 @@ import { useChat } from '../../hooks/UseChatHook';
 import { useRimori } from '../../providers/PluginProvider';
 import { getFirstMessages } from './utils';
 import { useTheme } from '../../hooks/ThemeSetter';
-export function Avatar({ avatarImageUrl, voiceId, agentTools, autoStartConversation, children, circleSize = '300px', className, }) {
+export function Avatar({ avatarImageUrl, voiceId, agentTools, autoStartConversation, children, circleSize = '300px', className, cache = false, }) {
     const { ai, event, plugin } = useRimori();
     const { isDark: isDarkThemeValue } = useTheme(plugin.theme);
     const [agentReplying, setAgentReplying] = useState(false);
     const [isProcessingMessage, setIsProcessingMessage] = useState(false);
-    const sender = useMemo(() => new MessageSender((...args) => ai.getVoice(...args), voiceId), [voiceId]);
+    const sender = useMemo(() => new MessageSender((...args) => ai.getVoice(...args), voiceId, cache), [voiceId, ai, cache]);
     const { messages, append, isLoading, lastMessage, setMessages } = useChat(agentTools);
     useEffect(() => {
         console.log('messages', messages);

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

@@ -1,11 +1,12 @@
-type VoiceBackend = (text: string, voice?: string, speed?: number) => Promise<Blob>;
+type VoiceBackend = (text: string, voice?: string, speed?: number, language?: string, cache?: boolean) => Promise<Blob>;
 export declare class MessageSender {
     private player;
     private fetchedSentences;
     private lastLoading;
     private voice;
     private voiceBackend;
-    constructor(voiceBackend: VoiceBackend, voice: string);
+    private cache;
+    constructor(voiceBackend: VoiceBackend, voice: string, cache?: boolean);
     private getCompletedSentences;
     handleNewText(currentText: string | undefined, isLoading: boolean): Promise<void>;
     private generateSpeech;

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

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { ChunkedAudioPlayer } from './Player';
 export class MessageSender {
-    constructor(voiceBackend, voice) {
+    constructor(voiceBackend, voice, cache = false) {
         this.player = new ChunkedAudioPlayer();
         this.fetchedSentences = new Set();
         this.lastLoading = false;
@@ -18,6 +18,7 @@ export class MessageSender {
         }
         this.voiceBackend = voiceBackend;
         this.voice = voice;
+        this.cache = cache;
     }
     getCompletedSentences(currentText, isLoading) {
         // Split the text based on the following characters: .?!
@@ -62,7 +63,7 @@ export class MessageSender {
     }
     generateSpeech(sentence) {
         return __awaiter(this, void 0, void 0, function* () {
-            const blob = yield this.voiceBackend(sentence, this.voice, 1.0);
+            const blob = yield this.voiceBackend(sentence, this.voice, 1.0, undefined, this.cache);
             return yield blob.arrayBuffer();
         });
     }

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

@@ -2,6 +2,7 @@ import React from 'react';
 type AudioPlayerProps = {
     text: string;
     voice?: string;
+    cache?: boolean;
     language?: string;
     hide?: boolean;
     playOnMount?: boolean;

package/dist/components/audio/Playbutton.js

@@ -14,7 +14,7 @@ import { useRimori } from '../../providers/PluginProvider';
 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, }) => {
+export const AudioPlayer = ({ text, voice, language, hide, playListenerEvent, initialSpeed = 1.0, playOnMount = false, enableSpeedAdjustment = false, cache = true, }) => {
     const [audioUrl, setAudioUrl] = useState(null);
     const [speed, setSpeed] = useState(initialSpeed);
     const [isPlaying, setIsPlaying] = useState(false);
@@ -33,7 +33,7 @@ export const AudioPlayer = ({ text, voice, language, hide, playListenerEvent, in
     // Function to generate audio from text using API
     const generateAudio = () => __awaiter(void 0, void 0, void 0, function* () {
         setIsLoading(true);
-        const blob = yield ai.getVoice(text, voice || (language ? 'aws_default' : 'openai_alloy'), 1, language);
+        const blob = yield ai.getVoice(text, voice || (language ? 'aws_default' : 'openai_alloy'), 1, language, cache);
         setAudioUrl(URL.createObjectURL(blob));
         setIsLoading(false);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -23,7 +23,7 @@
     "format": "prettier --write ."
   },
   "peerDependencies": {
-    "@rimori/client": "^2.5.10",
+    "@rimori/client": "^2.5.13",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   },
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.37.0",
-    "@rimori/client": "^2.5.10",
+    "@rimori/client": "^2.5.13",
     "@types/react": "^18.3.21",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",

package/src/components/ai/Avatar.tsx

@@ -11,6 +11,7 @@ import { useTheme } from '../../hooks/ThemeSetter';
 
 interface Props {
   voiceId: string;
+  cache?: boolean;
   agentTools: Tool[];
   avatarImageUrl: string;
   circleSize?: string;
@@ -27,12 +28,16 @@ export function Avatar({
   children,
   circleSize = '300px',
   className,
+  cache = false,
 }: Props) {
   const { ai, event, plugin } = useRimori();
   const { isDark: isDarkThemeValue } = useTheme(plugin.theme);
   const [agentReplying, setAgentReplying] = useState(false);
   const [isProcessingMessage, setIsProcessingMessage] = useState(false);
-  const sender = useMemo(() => new MessageSender((...args) => ai.getVoice(...args), voiceId), [voiceId]);
+  const sender = useMemo(
+    () => new MessageSender((...args) => ai.getVoice(...args), voiceId, cache),
+    [voiceId, ai, cache],
+  );
   const { messages, append, isLoading, lastMessage, setMessages } = useChat(agentTools);
 
   useEffect(() => {

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

@@ -1,6 +1,6 @@
 import { ChunkedAudioPlayer } from './Player';
 
-type VoiceBackend = (text: string, voice?: string, speed?: number) => Promise<Blob>;
+type VoiceBackend = (text: string, voice?: string, speed?: number, language?: string, cache?: boolean) => Promise<Blob>;
 
 export class MessageSender {
   private player = new ChunkedAudioPlayer();
@@ -8,13 +8,15 @@ export class MessageSender {
   private lastLoading = false;
   private voice: string;
   private voiceBackend: VoiceBackend;
+  private cache: boolean;
 
-  constructor(voiceBackend: VoiceBackend, voice: string) {
+  constructor(voiceBackend: VoiceBackend, voice: string, cache = false) {
     if (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;
+    this.cache = cache;
   }
 
   private getCompletedSentences(currentText: string, isLoading: boolean): string[] {
@@ -62,7 +64,7 @@ export class MessageSender {
   }
 
   private async generateSpeech(sentence: string): Promise<ArrayBuffer> {
-    const blob = await this.voiceBackend(sentence, this.voice, 1.0);
+    const blob = await this.voiceBackend(sentence, this.voice, 1.0, undefined, this.cache);
     return await blob.arrayBuffer();
   }
 

package/src/components/audio/Playbutton.tsx

@@ -6,6 +6,7 @@ import { EventBus } from '@rimori/client';
 type AudioPlayerProps = {
   text: string;
   voice?: string;
+  cache?: boolean;
   language?: string;
   hide?: boolean;
   playOnMount?: boolean;
@@ -28,6 +29,7 @@ export const AudioPlayer: React.FC<AudioPlayerProps> = ({
   initialSpeed = 1.0,
   playOnMount = false,
   enableSpeedAdjustment = false,
+  cache = true,
 }) => {
   const [audioUrl, setAudioUrl] = useState<string | null>(null);
   const [speed, setSpeed] = useState(initialSpeed);
@@ -48,7 +50,7 @@ export const AudioPlayer: React.FC<AudioPlayerProps> = ({
   const generateAudio = async () => {
     setIsLoading(true);
 
-    const blob = await ai.getVoice(text, voice || (language ? 'aws_default' : 'openai_alloy'), 1, language);
+    const blob = await ai.getVoice(text, voice || (language ? 'aws_default' : 'openai_alloy'), 1, language, cache);
     setAudioUrl(URL.createObjectURL(blob));
     setIsLoading(false);
   };