@sage-rsc/talking-head-react 1.0.21 → 1.0.22

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BeFzGp0g.cjs");exports.CurriculumLearning=i.CurriculumLearning;exports.TalkingHeadAvatar=i.TalkingHeadAvatar;exports.TalkingHeadComponent=i.TalkingHeadComponent;exports.animations=i.animations;exports.getActiveTTSConfig=i.getActiveTTSConfig;exports.getAnimation=i.getAnimation;exports.getVoiceOptions=i.getVoiceOptions;exports.hasAnimation=i.hasAnimation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BrvgGvOZ.cjs");exports.CurriculumLearning=i.CurriculumLearning;exports.TalkingHeadAvatar=i.TalkingHeadAvatar;exports.TalkingHeadComponent=i.TalkingHeadComponent;exports.animations=i.animations;exports.getActiveTTSConfig=i.getActiveTTSConfig;exports.getAnimation=i.getAnimation;exports.getVoiceOptions=i.getVoiceOptions;exports.hasAnimation=i.hasAnimation;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { C as n, T as s, a as t, d as e, b as o, g, c as m, h as r } from "./index-3_k5n4iL.js";
+import { C as n, T as s, a as t, d as e, b as o, g, c as m, h as r } from "./index-B58d_xt0.js";
 export {
   n as CurriculumLearning,
   s as TalkingHeadAvatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "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

@@ -176,7 +176,17 @@ const CurriculumLearning = forwardRef(({
     stateRef.current.currentQuestionIndex = 0;
     stateRef.current.totalQuestions = currentLesson?.questions?.length || 0;
       
-      if (avatarRef.current) {
+    // Trigger custom action immediately (before avatar speaks) - includes first question
+    const firstQuestion = getCurrentQuestion();
+    callbacksRef.current.onCustomAction({
+      type: 'questionStart',
+      moduleIndex: stateRef.current.currentModuleIndex,
+      lessonIndex: stateRef.current.currentLessonIndex,
+      totalQuestions: stateRef.current.totalQuestions,
+      question: firstQuestion // Include first question in event
+    });
+      
+    if (avatarRef.current) {
       avatarRef.current.setMood("curious");
       
       // Play custom animation if available
@@ -188,17 +198,18 @@ const CurriculumLearning = forwardRef(({
         }
       }
       
-      avatarRef.current.speakText("Now let me ask you some questions to test your understanding.");
-      
-      // Trigger custom action
-      callbacksRef.current.onCustomAction({
-        type: 'questionStart',
-        moduleIndex: stateRef.current.currentModuleIndex,
-        lessonIndex: stateRef.current.currentLessonIndex,
-        totalQuestions: stateRef.current.totalQuestions
-      });
+      if (firstQuestion) {
+        // If there's a question, introduce it directly
+        if (firstQuestion.type === 'code_test') {
+          avatarRef.current.speakText(`Let's test your coding skills! Here's your first challenge: ${firstQuestion.question}`);
+        } else {
+          avatarRef.current.speakText(`Now let me ask you some questions. Here's the first one: ${firstQuestion.question}`);
+        }
+      } else {
+        avatarRef.current.speakText("Now let me ask you some questions to test your understanding.");
+      }
     }
-  }, [animations.questionStart, getCurrentLesson]);
+  }, [animations.questionStart, getCurrentLesson, getCurrentQuestion]);
 
   // Move to next question
   const nextQuestion = useCallback(() => {
@@ -206,33 +217,44 @@ const CurriculumLearning = forwardRef(({
     if (stateRef.current.currentQuestionIndex < (currentLesson?.questions?.length || 0) - 1) {
       stateRef.current.currentQuestionIndex += 1;
     
-    if (avatarRef.current) {
-      avatarRef.current.setMood("happy");
+      // Trigger custom action BEFORE speaking (so UI can update immediately)
+      const nextQuestionObj = getCurrentQuestion();
+      callbacksRef.current.onCustomAction({
+        type: 'nextQuestion',
+        moduleIndex: stateRef.current.currentModuleIndex,
+        lessonIndex: stateRef.current.currentLessonIndex,
+        questionIndex: stateRef.current.currentQuestionIndex,
+        question: nextQuestionObj
+      });
+    
+      if (avatarRef.current) {
+        avatarRef.current.setMood("happy");
         avatarRef.current.setBodyMovement("idle");
       
         // Play custom animation if available
         if (animations.nextQuestion) {
-      try {
+          try {
             avatarRef.current.playAnimation(animations.nextQuestion, true);
-      } catch (error) {
+          } catch (error) {
             console.warn('Failed to play nextQuestion animation:', error);
           }
         }
         
-        avatarRef.current.speakText("Here's the next question.");
-        
-        // Trigger custom action
-        callbacksRef.current.onCustomAction({
-          type: 'nextQuestion',
-          moduleIndex: stateRef.current.currentModuleIndex,
-          lessonIndex: stateRef.current.currentLessonIndex,
-          questionIndex: stateRef.current.currentQuestionIndex
-        });
+        if (nextQuestionObj) {
+          // Speak the question text directly if it's a code test, otherwise introduce it
+          if (nextQuestionObj.type === 'code_test') {
+            avatarRef.current.speakText(`Here's your next coding challenge: ${nextQuestionObj.question}`);
+          } else {
+            avatarRef.current.speakText(`Here's the next question: ${nextQuestionObj.question}`);
+          }
+        } else {
+          avatarRef.current.speakText("Here's the next question.");
+        }
       }
     } else {
       completeLesson();
     }
-  }, [animations.nextQuestion, getCurrentLesson, completeLesson]);
+  }, [animations.nextQuestion, getCurrentLesson, completeLesson, getCurrentQuestion]);
 
   // Move to next lesson
   const nextLesson = useCallback(() => {
@@ -352,8 +374,26 @@ const CurriculumLearning = forwardRef(({
           : `Not quite right, but don't worry! ${currentQuestion.explanation || ''} Let's move on to the next question.`;
         avatarRef.current.speakText(failureMessage);
       }
+      
+      // Automatically move to next question after avatar finishes speaking
+      // Estimate speaking time: ~150 characters per second, minimum 2 seconds
+      const messageLength = (isCorrect 
+        ? (currentQuestion.type === "code_test" 
+          ? `Great job! Your code passed all the tests! ${currentQuestion.explanation || ''}`
+          : `Excellent! That's correct! ${currentQuestion.explanation || ''}`)
+        : (currentQuestion.type === "code_test"
+          ? `Your code didn't pass all the tests. ${currentQuestion.explanation || 'Try again!'}`
+          : `Not quite right, but don't worry! ${currentQuestion.explanation || ''} Let's move on to the next question.`)).length;
+      const estimatedTime = Math.max(2000, (messageLength / 150) * 1000) + 500; // Add 500ms buffer
+      
+      setTimeout(() => {
+        nextQuestion();
+      }, estimatedTime);
+    } else {
+      // If avatar not ready, move to next question immediately
+      nextQuestion();
     }
-  }, [animations.correct, animations.incorrect, getCurrentQuestion, checkAnswer]);
+  }, [animations.correct, animations.incorrect, getCurrentQuestion, checkAnswer, nextQuestion]);
 
   // Handle code test result submission
   const handleCodeTestResult = useCallback((testResult) => {