@sage-rsc/talking-head-react 1.9.1 → 1.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "A reusable React component for 3D talking avatars with lip-sync and text-to-speech",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/src/components/SimpleTalkingAvatar.jsx

@@ -654,15 +654,31 @@ const SimpleTalkingAvatar = forwardRef(({
       const isStillSpeaking = checkStillSpeaking();
       
       if (isStillSpeaking) {
-        // Queue is empty but still speaking, reset queue and continue playing animations IMMEDIATELY
-        animationQueueRef.current = [];
-        playedAnimationsRef.current = [];
-        // Continue immediately - no delay for continuous playback
-        if (checkStillSpeaking()) {
-          // Continue playing animations recursively
-          playRandomAnimation(groupName, disablePositionLock, onFinished);
+        // Queue is empty but still speaking, check if there are animations available before resetting
+        // CRITICAL: Check if animations exist before recursively calling to prevent infinite recursion
+        const availableAnimations = getAllAnimationsFromGroup(groupName);
+        
+        if (availableAnimations.length > 0) {
+          // Reset queue and continue playing animations IMMEDIATELY
+          animationQueueRef.current = [];
+          playedAnimationsRef.current = [];
+          // Continue immediately - no delay for continuous playback
+          if (checkStillSpeaking()) {
+            // Continue playing animations recursively
+            playRandomAnimation(groupName, disablePositionLock, onFinished);
+          } else {
+            // Speech ended - stop animation and return to idle pose
+            isSpeakingRef.current = false;
+            currentAnimationGroupRef.current = null;
+            
+            // CRITICAL: Stop current animation to return to idle pose
+            if (talkingHeadRef.current) {
+              talkingHeadRef.current.stopAnimation();
+            }
+          }
         } else {
-          // Speech ended - stop animation and return to idle pose
+          // No animations available - stop to prevent infinite recursion
+          console.log(`🎬 No animations available for group "${groupName}", stopping animations`);
           isSpeakingRef.current = false;
           currentAnimationGroupRef.current = null;
           
@@ -670,11 +686,15 @@ const SimpleTalkingAvatar = forwardRef(({
           if (talkingHeadRef.current) {
             talkingHeadRef.current.stopAnimation();
           }
+          
+          if (onFinished) {
+            onFinished();
+          }
         }
       }
     }
     return null;
-  }, [getNextAnimation, getAnimationName]);
+  }, [getNextAnimation, getAnimationName, getAllAnimationsFromGroup]);
   
   // Helper function to restart idle animations when speech ends
   // Must be defined AFTER playRandomAnimation to avoid circular dependency
@@ -1037,7 +1057,7 @@ const SimpleTalkingAvatar = forwardRef(({
         idleAnimationIntervalRef.current = null;
       }
     };
-  }, [isReady, autoIdleGroup, playRandomAnimation, isSpeakingRef]);
+  }, [isReady, autoIdleGroup, playRandomAnimation]);
 
   // Auto-speak text when ready and autoSpeak is true
   useEffect(() => {