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

package/package.json

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