@sage-rsc/talking-head-react 1.0.51 → 1.0.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.0.51",
+  "version": "1.0.52",
   "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/CurriculumLearning.jsx

@@ -299,8 +299,10 @@ const CurriculumLearning = forwardRef(({
       });
     }
       
-    // Ensure avatar is ready before speaking
-    if (avatarRef.current && avatarRef.current.isReady && firstQuestion) {
+    // Function to speak the first question
+    const speakFirstQuestion = () => {
+      if (!avatarRef.current || !firstQuestion) return;
+      
       avatarRef.current.setMood("curious");
       
       // Play custom animation if available
@@ -324,16 +326,30 @@ const CurriculumLearning = forwardRef(({
         } else {
         avatarRef.current.speakText(`Now let me ask you some questions. Here's the first one: ${firstQuestion.question}`, { lipsyncLang: config.lipsyncLang });
       }
+    };
+    
+    // Try to speak immediately if avatar is ready
+    if (avatarRef.current && avatarRef.current.isReady && firstQuestion) {
+      speakFirstQuestion();
     } else if (avatarRef.current && avatarRef.current.isReady) {
+      // No question but avatar ready - just announce
       const config = defaultAvatarConfigRef.current || { lipsyncLang: 'en' };
       avatarRef.current.speakText("Now let me ask you some questions to test your understanding.", { lipsyncLang: config.lipsyncLang });
     } else {
-      // Avatar not ready yet, retry after a short delay
-      setTimeout(() => {
-        if (startQuestionsRef.current) {
-          startQuestionsRef.current();
+      // Avatar not ready yet - wait for it to be ready, then speak
+      const checkReady = setInterval(() => {
+        if (avatarRef.current && avatarRef.current.isReady) {
+          clearInterval(checkReady);
+          if (firstQuestion) {
+            speakFirstQuestion();
+          }
         }
       }, 100);
+      
+      // Timeout after 5 seconds
+      setTimeout(() => {
+        clearInterval(checkReady);
+      }, 5000);
     }
   }, [animations.questionStart, getCurrentLesson, getCurrentQuestion]);
 
@@ -357,15 +373,18 @@ const CurriculumLearning = forwardRef(({
         });
       }
     
-      if (avatarRef.current && nextQuestionObj) {
+      // Function to speak the next question
+      const speakNextQuestion = () => {
+        if (!avatarRef.current || !nextQuestionObj) return;
+        
       avatarRef.current.setMood("happy");
         avatarRef.current.setBodyMovement("idle");
-      
+        
         // Play custom animation if available
         if (animations.nextQuestion) {
           try {
             avatarRef.current.playAnimation(animations.nextQuestion, true);
-        } catch (error) {
+          } catch (error) {
             console.warn('Failed to play nextQuestion animation:', error);
           }
         }
@@ -390,6 +409,24 @@ const CurriculumLearning = forwardRef(({
             lipsyncLang: config.lipsyncLang 
           });
         }
+      };
+      
+      // Try to speak immediately if avatar is ready
+      if (avatarRef.current && avatarRef.current.isReady && nextQuestionObj) {
+        speakNextQuestion();
+      } else if (nextQuestionObj) {
+        // Avatar not ready yet - wait for it to be ready, then speak
+        const checkReady = setInterval(() => {
+          if (avatarRef.current && avatarRef.current.isReady) {
+            clearInterval(checkReady);
+            speakNextQuestion();
+          }
+        }, 100);
+        
+        // Timeout after 5 seconds
+        setTimeout(() => {
+          clearInterval(checkReady);
+        }, 5000);
       }
     } else {
       // No more questions - notify parent that all questions are done