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

package/package.json

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

@@ -219,7 +219,7 @@ const CurriculumLearning = forwardRef(({
               if (nextLessonRef.current) {
                 nextLessonRef.current();
               }
-            }, 1000);
+            }, 300);
           }
         });
     } else {
@@ -232,7 +232,7 @@ const CurriculumLearning = forwardRef(({
               if (completeCurriculumRef.current) {
                 completeCurriculumRef.current();
               }
-            }, 1000);
+            }, 300);
           }
         });
       }
@@ -405,12 +405,12 @@ const CurriculumLearning = forwardRef(({
       avatarRef.current.setMood("happy");
         avatarRef.current.setBodyMovement("idle");
         
-        // Automatically start teaching the next lesson after a brief pause
+          // Automatically start teaching the next lesson after a brief pause
         setTimeout(() => {
           if (startTeachingRef.current) {
             startTeachingRef.current();
           }
-        }, 500);
+        }, 300);
       }
     } else {
       // No more lessons in current module - check if there's a next module
@@ -439,11 +439,11 @@ const CurriculumLearning = forwardRef(({
       avatarRef.current.setBodyMovement("idle");
           
           // Automatically start teaching the next lesson after a brief pause
-          setTimeout(() => {
-            if (startTeachingRef.current) {
-              startTeachingRef.current();
-            }
-          }, 500);
+        setTimeout(() => {
+          if (startTeachingRef.current) {
+            startTeachingRef.current();
+          }
+        }, 300);
         }
     } else {
         // No more modules or lessons - complete curriculum
@@ -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,9 +510,9 @@ 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: () => {
+          onSpeechEnd: () => {
           stateRef.current.isTeaching = false;
           // Add a small delay after speech ends for natural flow
           setTimeout(() => {
@@ -512,7 +527,7 @@ const CurriculumLearning = forwardRef(({
                 completeLessonRef.current();
               }
             }
-          }, 500);
+          }, 200);
         }
       });
     }
@@ -562,7 +577,7 @@ const CurriculumLearning = forwardRef(({
               if (nextQuestionRef.current) {
                 nextQuestionRef.current();
               }
-            }, 500);
+            }, 200);
           }
         });
       } else {
@@ -590,7 +605,7 @@ const CurriculumLearning = forwardRef(({
               if (nextQuestionRef.current) {
                 nextQuestionRef.current();
               }
-            }, 500);
+            }, 200);
           }
         });
       }
@@ -663,12 +678,14 @@ 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();
         }
-      }, 1000);
+      }, 500);
     }
   }, [autoStart, getCurrentLesson]);
 

package/src/lib/talkinghead.mjs

@@ -168,9 +168,9 @@ class TalkingHead {
       cameraPanEnable: false,
       cameraZoomEnable: false,
       lightAmbientColor: 0xffffff,
-      lightAmbientIntensity: 2,
+      lightAmbientIntensity: 1.2,
       lightDirectColor: 0x8888aa,
-      lightDirectIntensity: 30,
+      lightDirectIntensity: 18,
       lightDirectPhi: 1,
       lightDirectTheta: 2,
       lightSpotIntensity: 0,