@sage-rsc/talking-head-react 1.0.35 → 1.0.36

package/package.json

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

@@ -457,7 +457,22 @@ const CurriculumLearning = forwardRef(({
   // Start teaching the lesson
   const startTeaching = useCallback(() => {
     const currentLesson = getCurrentLesson();
-    if (avatarRef.current && avatarRef.current.isReady && currentLesson?.avatar_script) {
+    // Combine body and avatar_script if both exist, or use whichever is available
+    // If both exist, combine them with a period and space for natural flow
+    let teachingText = null;
+    if (currentLesson?.avatar_script && currentLesson?.body) {
+      // Both exist - combine them with proper punctuation
+      const script = currentLesson.avatar_script.trim();
+      const body = currentLesson.body.trim();
+      // Add period if script doesn't end with punctuation
+      const separator = script.match(/[.!?]$/) ? ' ' : '. ';
+      teachingText = `${script}${separator}${body}`;
+    } else {
+      // Use whichever is available
+      teachingText = currentLesson?.avatar_script || currentLesson?.body || null;
+    }
+    
+    if (avatarRef.current && avatarRef.current.isReady && teachingText) {
       stateRef.current.isTeaching = true;
       stateRef.current.isQuestionMode = false;
       
@@ -495,7 +510,7 @@ const CurriculumLearning = forwardRef(({
       });
       
       // Wait for avatar to finish speaking before moving to questions
-      avatarRef.current.speakText(currentLesson.avatar_script, { 
+      avatarRef.current.speakText(teachingText, { 
         lipsyncLang: config.lipsyncLang,
         onSpeechEnd: () => {
           stateRef.current.isTeaching = false;
@@ -663,7 +678,9 @@ const CurriculumLearning = forwardRef(({
   const handleAvatarReady = useCallback((talkingHead) => {
     console.log('Avatar is ready!', talkingHead);
     const currentLesson = getCurrentLesson();
-    if (autoStart && currentLesson?.avatar_script) {
+    // Check if there's teaching content (either avatar_script or body)
+    const hasTeachingContent = currentLesson?.avatar_script || currentLesson?.body;
+    if (autoStart && hasTeachingContent) {
       setTimeout(() => {
         if (startTeachingRef.current) {
           startTeachingRef.current();