@sage-rsc/talking-head-react 1.0.67 → 1.0.69

package/package.json

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

@@ -23,6 +23,12 @@ import TalkingHeadAvatar from './TalkingHeadAvatar';
  * @param {Function} props.onCurriculumComplete - Callback when curriculum completes
  * @param {Function} props.onCustomAction - Callback for custom actions (receives action type and data)
  *   - 'teachingComplete': Fired when teaching finishes. Check data.hasQuestions to know if questions are available.
+ *   - 'codeExampleReady': Fired after teaching if lesson has a code_example. Contains codeExample object with:
+ *     - code: The code string to type/run in IDE
+ *     - language: Programming language (default: 'javascript')
+ *     - description: Optional description of what the code does
+ *     - autoRun: Whether to auto-run after typing (default: false)
+ *     - typingSpeed: Typing speed in ms per character (default: 50)
  *   - 'answerFeedbackComplete': Fired when answer feedback finishes. Check data.hasNextQuestion to know if more questions exist.
  *   - 'lessonCompleteFeedbackDone': Fired when lesson completion feedback finishes. Check data.hasNextLesson to know if more lessons exist.
  *   - 'allQuestionsComplete': Fired when all questions in a lesson are done. Parent should call completeLesson() when ready.
@@ -632,6 +638,18 @@ const CurriculumLearning = forwardRef(({
             lesson: currentLesson,
             hasQuestions: currentLesson.questions && currentLesson.questions.length > 0
           });
+          
+          // Check if there's a code example to demonstrate
+          if (currentLesson?.code_example) {
+            // Trigger code example event - parent can handle IDE typing/running
+            callbacksRef.current.onCustomAction({
+              type: 'codeExampleReady',
+              moduleIndex: stateRef.current.currentModuleIndex,
+              lessonIndex: stateRef.current.currentLessonIndex,
+              lesson: currentLesson,
+              codeExample: currentLesson.code_example
+            });
+          }
         }
       });
     }
@@ -671,6 +689,10 @@ const CurriculumLearning = forwardRef(({
         const currentLesson = getCurrentLesson();
         const totalQuestionsInLesson = currentLesson?.questions?.length || 0;
         const isLastQuestion = stateRef.current.currentQuestionIndex >= totalQuestionsInLesson - 1;
+        const hasNextQuestion = stateRef.current.currentQuestionIndex < totalQuestionsInLesson - 1;
+        
+        // Debug logging
+        console.log('[CurriculumLearning] Answer feedback - questionIndex:', stateRef.current.currentQuestionIndex, 'totalQuestions:', totalQuestionsInLesson, 'hasNextQuestion:', hasNextQuestion);
         
         const successMessage = currentQuestion.type === "code_test" 
           ? `Great job! Your code passed all the tests! ${currentQuestion.explanation || ''}`
@@ -689,7 +711,7 @@ const CurriculumLearning = forwardRef(({
               lessonIndex: stateRef.current.currentLessonIndex,
               questionIndex: stateRef.current.currentQuestionIndex,
               isCorrect: true,
-              hasNextQuestion: stateRef.current.currentQuestionIndex < totalQuestionsInLesson - 1,
+              hasNextQuestion: hasNextQuestion,
               score: stateRef.current.score,
               totalQuestions: stateRef.current.totalQuestions
             });
@@ -710,6 +732,10 @@ const CurriculumLearning = forwardRef(({
         const currentLesson = getCurrentLesson();
         const totalQuestionsInLesson = currentLesson?.questions?.length || 0;
         const isLastQuestion = stateRef.current.currentQuestionIndex >= totalQuestionsInLesson - 1;
+        const hasNextQuestion = stateRef.current.currentQuestionIndex < totalQuestionsInLesson - 1;
+        
+        // Debug logging
+        console.log('[CurriculumLearning] Answer feedback (incorrect) - questionIndex:', stateRef.current.currentQuestionIndex, 'totalQuestions:', totalQuestionsInLesson, 'hasNextQuestion:', hasNextQuestion);
         
         const failureMessage = currentQuestion.type === "code_test"
           ? `Your code didn't pass all the tests. ${currentQuestion.explanation || 'Try again!'}`
@@ -728,7 +754,7 @@ const CurriculumLearning = forwardRef(({
               lessonIndex: stateRef.current.currentLessonIndex,
               questionIndex: stateRef.current.currentQuestionIndex,
               isCorrect: false,
-              hasNextQuestion: stateRef.current.currentQuestionIndex < totalQuestionsInLesson - 1,
+              hasNextQuestion: hasNextQuestion,
               score: stateRef.current.score,
               totalQuestions: stateRef.current.totalQuestions
             });