@websolutespa/bom-llm 0.0.36 → 0.0.38

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @websolutespa/bom-llm
 
+## 0.0.38
+
+### Patch Changes
+
+- Modified: TextToSpeech cancel method
+
+## 0.0.37
+
+### Patch Changes
+
+- Modified: CanvasOffscreen, disableSpeechSynthesis
+
 ## 0.0.36
 
 ### Patch Changes

package/dist/umd/index.js

@@ -22063,90 +22063,6 @@ ${Object.entries(vars).map(_ref2 => {
 	    }
 	  }
 	}
-	class ElevenlabsTextToSpeech {
-	  chunks_ = [];
-	  lang = 'it';
-	  speaking = false;
-	  get hasSupport() {
-	    return true;
-	  }
-	  constructor(apiKey, voiceId) {
-	    this.apiKey = apiKey;
-	    this.voiceId = voiceId;
-	  }
-	  speak(text) {
-	    // console.log('ElevenlabsTextToSpeech.speak', text, this.enabled, this.hasSupport);
-
-	    if (!this.apiKey) {
-	      console.error('ElevenlabsTextToSpeech.error: missing apiKey!');
-	      return;
-	    }
-	    if (!this.voiceId) {
-	      console.error('ElevenlabsTextToSpeech.error: missing voiceId!');
-	      return;
-	    }
-	    if (this.speaking) {
-	      // console.warn('speak already speaking');
-	      this.chunks_.push(text);
-	      return;
-	    }
-	    this.speaking = true;
-	    const ctx = new AudioContext();
-	    const options = {
-	      method: 'POST',
-	      headers: {
-	        'xi-api-key': this.apiKey,
-	        'Content-Type': 'application/json'
-	      },
-	      body: JSON.stringify({
-	        voice_settings: {
-	          stability: 1,
-	          similarity_boost: 1
-	        },
-	        text: text,
-	        model_id: 'eleven_multilingual_v2'
-	      })
-	    };
-	    fetch(`https://api.elevenlabs.io/v1/text-to-speech/${this.voiceId}?output_format=mp3_22050_32`, options).then(data => data.arrayBuffer()).then(arrayBuffer => ctx.decodeAudioData(arrayBuffer)).then(audioBuffer => {
-	      return new Promise((resolve, reject) => {
-	        const audioSource = this.audioSource_ = ctx.createBufferSource();
-	        audioSource.buffer = audioBuffer;
-	        audioSource.connect(ctx.destination);
-	        audioSource.start(ctx.currentTime);
-	        audioSource.addEventListener('ended', () => {
-	          this.audioSource_ = undefined;
-	          resolve(audioSource);
-	        });
-	        audioSource.addEventListener('error', error => {
-	          this.audioSource_ = undefined;
-	          reject(error);
-	        });
-	      });
-	    }).then(audioSource => {
-	      console.log('ElevenlabsTextToSpeech.speak.success', audioSource);
-	    }).catch(error => {
-	      console.error('ElevenlabsTextToSpeech.speak.error', error);
-	    }).finally(() => {
-	      this.speaking = false;
-	      if (this.chunks_.length > 0) {
-	        const text = this.chunks_.shift();
-	        if (text) {
-	          this.speak(text);
-	        }
-	      }
-	    });
-	  }
-	  cancel() {
-	    if (this.speaking) {
-	      // cancel
-	      if (this.audioSource_) {
-	        this.audioSource_.stop();
-	        this.audioSource_ = undefined;
-	      }
-	      this.speaking = false;
-	    }
-	  }
-	}
 	class DefaultTextToSpeech {
 	  chunks_ = [];
 	  lang = 'it';
@@ -22252,6 +22168,7 @@ ${Object.entries(vars).map(_ref2 => {
 	    synthesis.speak(utterance);
 	  }
 	  cancel() {
+	    this.chunks_ = [];
 	    if (!this.hasSupport) {
 	      return;
 	    }
@@ -22271,6 +22188,90 @@ ${Object.entries(vars).map(_ref2 => {
 	    console.log('DefaultTextToSpeech', ...rest);
 	  }
 	}
+	class ElevenlabsTextToSpeech {
+	  chunks_ = [];
+	  lang = 'it';
+	  speaking = false;
+	  get hasSupport() {
+	    return true;
+	  }
+	  constructor(apiKey, voiceId) {
+	    this.apiKey = apiKey;
+	    this.voiceId = voiceId;
+	  }
+	  speak(text) {
+	    // console.log('ElevenlabsTextToSpeech.speak', text, this.enabled, this.hasSupport);
+
+	    if (!this.apiKey) {
+	      console.error('ElevenlabsTextToSpeech.error: missing apiKey!');
+	      return;
+	    }
+	    if (!this.voiceId) {
+	      console.error('ElevenlabsTextToSpeech.error: missing voiceId!');
+	      return;
+	    }
+	    if (this.speaking) {
+	      // console.warn('speak already speaking');
+	      this.chunks_.push(text);
+	      return;
+	    }
+	    this.speaking = true;
+	    const ctx = new AudioContext();
+	    const options = {
+	      method: 'POST',
+	      headers: {
+	        'xi-api-key': this.apiKey,
+	        'Content-Type': 'application/json'
+	      },
+	      body: JSON.stringify({
+	        voice_settings: {
+	          stability: 1,
+	          similarity_boost: 1
+	        },
+	        text: text,
+	        model_id: 'eleven_multilingual_v2'
+	      })
+	    };
+	    fetch(`https://api.elevenlabs.io/v1/text-to-speech/${this.voiceId}?output_format=mp3_22050_32`, options).then(data => data.arrayBuffer()).then(arrayBuffer => ctx.decodeAudioData(arrayBuffer)).then(audioBuffer => {
+	      return new Promise((resolve, reject) => {
+	        const audioSource = this.audioSource_ = ctx.createBufferSource();
+	        audioSource.buffer = audioBuffer;
+	        audioSource.connect(ctx.destination);
+	        audioSource.start(ctx.currentTime);
+	        audioSource.addEventListener('ended', () => {
+	          this.audioSource_ = undefined;
+	          resolve(audioSource);
+	        });
+	        audioSource.addEventListener('error', error => {
+	          this.audioSource_ = undefined;
+	          reject(error);
+	        });
+	      });
+	    }).then(audioSource => {
+	      console.log('ElevenlabsTextToSpeech.speak.success', audioSource);
+	    }).catch(error => {
+	      console.error('ElevenlabsTextToSpeech.speak.error', error);
+	    }).finally(() => {
+	      this.speaking = false;
+	      if (this.chunks_.length > 0) {
+	        const text = this.chunks_.shift();
+	        if (text) {
+	          this.speak(text);
+	        }
+	      }
+	    });
+	  }
+	  cancel() {
+	    this.chunks_ = [];
+	    if (this.speaking) {
+	      if (this.audioSource_) {
+	        this.audioSource_.stop();
+	        this.audioSource_ = undefined;
+	      }
+	      this.speaking = false;
+	    }
+	  }
+	}
 	class DefaultSpeechToText {
 	  lang = 'it';
 	  enabled = false;
@@ -22586,6 +22587,7 @@ ${Object.entries(vars).map(_ref2 => {
 	          }, 2000);
 	        },
 	        initIntersection: element => {
+	          // console.log('initIntersection', element);
 	          const handleIntersection = () => {
 	            // console.log('handleIntersection', element);
 	            if (!element) {
@@ -22799,19 +22801,18 @@ ${Object.entries(vars).map(_ref2 => {
 	          return;
 	        }
 	        const state = get();
-	        const disableSpeechSynthesis = app.contents.synthesisMode ? app.contents.synthesisMode === 'none' : app.contents.disableSpeechSynthesis;
 	        const textToSpeechApiKey = app.contents.textToSpeechApiKey;
 	        const textToSpeechVoiceId = app.contents.textToSpeechVoiceId;
-	        const synthesisMode = app.contents.synthesisMode || 'default';
-	        const recognitionMode = app.contents.recognitionMode || 'default';
-	        const speechEnabled = state.speakEnabled && !disableSpeechSynthesis;
+	        const synthesisMode = app.contents.synthesisMode || (app.contents.disableSpeechSynthesis ? 'none' : 'default');
+	        const recognitionMode = app.contents.recognitionMode || (app.contents.disableSpeechRecognition ? 'none' : 'default');
+	        const speechEnabled = state.speakEnabled;
 	        speech.lang = locale;
 	        speech.enabled = speechEnabled;
 	        speech.textToSpeechApiKey = textToSpeechApiKey;
 	        speech.textToSpeechVoiceId = textToSpeechVoiceId;
 	        speech.synthesisMode = synthesisMode;
 	        speech.recognitionMode = recognitionMode;
-	        // console.log('useLlm.init', { textToSpeechApiKey, textToSpeechVoiceId, synthesisMode, recognitionMode, disableSpeechSynthesis, speechEnabled });
+	        // console.log('useLlm.init', { textToSpeechApiKey, textToSpeechVoiceId, synthesisMode, recognitionMode, speechEnabled });
 	        speech.on('result', async transcript => {
 	          const state = get();
 	          state.actions.setPrompt(transcript);
@@ -22954,18 +22955,16 @@ ${Object.entries(vars).map(_ref2 => {
 	        prompt
 	      })),
 	      hasSpeechSynthesisSupport: () => {
-	        const state = get();
-	        const disableSpeechSynthesis = state.app && (state.app.contents.synthesisMode ? state.app.contents.synthesisMode === 'none' : state.app.contents.disableSpeechSynthesis);
-	        return speech.hasTextToSpeechSupport && !disableSpeechSynthesis;
+	        get();
+	        return speech.hasTextToSpeechSupport;
 	      },
 	      hasSpeechRecognitionSupport: () => {
-	        const state = get();
-	        const disableSpeechRecognition = state.app && (state.app.contents.recognitionMode ? state.app.contents.recognitionMode === 'none' : state.app.contents.disableSpeechRecognition);
-	        return speech.hasSpeechToTextSupport && !disableSpeechRecognition;
+	        get();
+	        return speech.hasSpeechToTextSupport;
 	      },
 	      toggleSpeak: () => {
 	        set(state => {
-	          const speakEnabled = !state.speakEnabled && !state.app?.contents.disableSpeechSynthesis;
+	          const speakEnabled = !state.speakEnabled;
 	          speech.setEnabled(speakEnabled);
 	          return {
 	            speakEnabled
@@ -23776,6 +23775,7 @@ void main(void) {
 	      canvasRef,
 	      shaderRef,
 	      attach: canvas => {
+	        // console.log('CanvasOffscreenContextProvider.attach', canvas, shaderRef.current);
 	        if (shaderRef.current) {
 	          shaderRef.current.attach(canvas);
 	        }
@@ -33696,10 +33696,10 @@ void main(void) {
 	    initView();
 	  }, [init, locale, initView]);
 	  reactExports.useEffect(() => {
-	    if (innerRef.current) {
+	    if (mounted && ready && innerRef.current) {
 	      initIntersection(innerRef.current);
 	    }
-	  }, [mounted, initIntersection, innerRef]);
+	  }, [mounted, ready, initIntersection, innerRef]);
 	  reactExports.useEffect(() => {
 	    if (!embedded) {
 	      document.documentElement.style.overflow = opened ? 'hidden' : 'auto';