@contentgrowth/llm-service 0.9.8 → 0.9.91

package/dist/ui/react/components/index.cjs

@@ -209,6 +209,7 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     onResultRef.current = onResult;
     onEndRef.current = onEnd;
   }, [onResult, onEnd]);
+  const isStartingRef = (0, import_react2.useRef)(false);
   (0, import_react2.useEffect)(() => {
     if (typeof window !== "undefined") {
       const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
@@ -219,11 +220,13 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
         recognition.interimResults = true;
         recognition.onstart = () => {
           console.log("[useSpeechRecognition] Native onstart event fired");
+          isStartingRef.current = false;
           setIsListening(true);
           setError(null);
         };
         recognition.onend = () => {
           console.log("[useSpeechRecognition] Native onend event fired");
+          isStartingRef.current = false;
           if (isSimulatingRef.current) {
             return;
           }
@@ -247,6 +250,7 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
         };
         recognition.onerror = (event) => {
           console.error("[useSpeechRecognition] Native onerror event:", event.error);
+          isStartingRef.current = false;
           if (event.error === "not-allowed" && process.env.NODE_ENV === "development") {
             console.warn("Speech recognition blocked. Simulating input for development...");
             isSimulatingRef.current = true;
@@ -288,20 +292,36 @@ var useSpeechRecognition = (onResult, onEnd, language = "en-US") => {
     }
   }, [language]);
   const start = (0, import_react2.useCallback)(() => {
-    console.log("[useSpeechRecognition] start() called");
-    if (isSimulatingRef.current) return;
+    console.log("[useSpeechRecognition] start() called. isListening:", isListening, "isStarting:", isStartingRef.current, "hasInstance:", !!recognitionRef.current);
+    if (isSimulatingRef.current) {
+      console.log("[useSpeechRecognition] isSimulating, ignoring start");
+      return;
+    }
     if (!recognitionRef.current) {
       console.error("[useSpeechRecognition] Recognition instance missing");
       return;
     }
+    if (isStartingRef.current) {
+      console.warn("[useSpeechRecognition] Already starting - ignoring duplicate call");
+      return;
+    }
+    if (recognitionRef.current.isListening) {
+      console.warn("[useSpeechRecognition] Already listening (native prop) - ignoring");
+    }
+    if (isListening) {
+      console.warn("[useSpeechRecognition] App state says already listening - ignoring");
+      return;
+    }
     try {
       setTranscript("");
+      isStartingRef.current = true;
       recognitionRef.current.start();
-      console.log("[useSpeechRecognition] recognition.start() executed");
+      console.log("[useSpeechRecognition] recognition.start() executed successfully");
     } catch (error2) {
+      isStartingRef.current = false;
       console.error("[useSpeechRecognition] Failed to start recognition:", error2);
     }
-  }, []);
+  }, [isListening]);
   const stop = (0, import_react2.useCallback)(() => {
     console.log("[useSpeechRecognition] stop() called");
     if (isSimulatingRef.current) {
@@ -930,58 +950,80 @@ var TapToTalk = ({
   });
   const isListening = !!voiceTrigger || nativeSpeech.isListening || customRecorder.isRecording;
   const isActive = isListening || isTranscribing;
-  const toggleVoice = async () => {
-    console.log("[TapToTalk] toggleVoice called. isActive:", isActive);
-    const now = Date.now();
-    if (now - tapCountRef.current.lastTap < 500) {
-      tapCountRef.current.count++;
-    } else {
-      tapCountRef.current.count = 1;
+  const processingRef = (0, import_react6.useRef)(false);
+  const toggleVoice = async (e) => {
+    if (e) {
+      e.preventDefault();
+      e.stopPropagation();
     }
-    tapCountRef.current.lastTap = now;
-    if (tapCountRef.current.count >= 5) {
-      setShowDebug((prev) => !prev);
-      tapCountRef.current.count = 0;
-      if (isActive) {
-        console.log("[TapToTalk] Debug trigger force-stop");
-        if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") nativeSpeech.stop();
-        else customRecorder.stop();
-        setVoiceTrigger(null);
-      }
+    console.trace("[TapToTalk] toggleVoice called trace");
+    if (processingRef.current) {
+      console.log("[TapToTalk] toggleVoice ignored - processing");
       return;
     }
-    if (isActive) {
-      if (isTranscribing && !isListening) {
-        console.log("[TapToTalk] Ignoring click during transcription");
-        return;
-      }
-      console.log("[TapToTalk] Stopping voice...");
-      if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") {
-        nativeSpeech.stop();
+    processingRef.current = true;
+    console.log("[TapToTalk] toggleVoice called. isActive:", isActive);
+    try {
+      const now = Date.now();
+      if (now - tapCountRef.current.lastTap < 500) {
+        tapCountRef.current.count++;
       } else {
-        customRecorder.stop();
+        tapCountRef.current.count = 1;
       }
-      setVoiceTrigger(null);
-    } else {
-      console.log("[TapToTalk] Starting voice...");
-      setErrorMsg(null);
-      onFocusTarget == null ? void 0 : onFocusTarget();
-      setVoiceTrigger("click");
-      if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "custom") {
-        try {
-          await customRecorder.start();
-        } catch (e) {
-          setErrorMsg("Mic access denied");
+      tapCountRef.current.lastTap = now;
+      if (tapCountRef.current.count >= 5) {
+        setShowDebug((prev) => !prev);
+        tapCountRef.current.count = 0;
+        if (isActive) {
+          console.log("[TapToTalk] Debug trigger force-stop");
+          if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") nativeSpeech.stop();
+          else customRecorder.stop();
           setVoiceTrigger(null);
         }
-      } else {
-        if (!nativeSpeech.isSupported) {
-          setErrorMsg("Speech not supported");
-          setVoiceTrigger(null);
+        return;
+      }
+      if (isActive) {
+        if (isTranscribing && !isListening) {
+          console.log("[TapToTalk] Ignoring click during transcription");
           return;
         }
-        nativeSpeech.start();
+        console.log("[TapToTalk] Stopping voice...");
+        if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "native") {
+          nativeSpeech.stop();
+        } else {
+          customRecorder.stop();
+        }
+        setVoiceTrigger(null);
+      } else {
+        console.log("[TapToTalk] Starting voice...");
+        setErrorMsg(null);
+        if (onFocusTarget) {
+          console.log("[TapToTalk] calling onFocusTarget() - this might trigger keyboard");
+          onFocusTarget();
+        } else {
+          console.log("[TapToTalk] onFocusTarget is undefined");
+        }
+        setVoiceTrigger("click");
+        if ((voiceConfig == null ? void 0 : voiceConfig.mode) === "custom") {
+          try {
+            await customRecorder.start();
+          } catch (e2) {
+            setErrorMsg("Mic access denied");
+            setVoiceTrigger(null);
+          }
+        } else {
+          if (!nativeSpeech.isSupported) {
+            setErrorMsg("Speech not supported");
+            setVoiceTrigger(null);
+            return;
+          }
+          nativeSpeech.start();
+        }
       }
+    } finally {
+      setTimeout(() => {
+        processingRef.current = false;
+      }, 300);
     }
   };
   let bgColor = accentColor;