@sage-rsc/talking-head-react 1.0.48 → 1.0.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.0.48",
+  "version": "1.0.50",
   "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/TalkingHeadAvatar.jsx

@@ -49,9 +49,15 @@ const TalkingHeadAvatar = forwardRef(({
 }, ref) => {
   const containerRef = useRef(null);
   const talkingHeadRef = useRef(null);
+  const showFullAvatarRef = useRef(showFullAvatar);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const [isReady, setIsReady] = useState(false);
+  
+  // Update ref when prop changes
+  useEffect(() => {
+    showFullAvatarRef.current = showFullAvatar;
+  }, [showFullAvatar]);
 
   // Get TTS configuration
   const ttsConfig = getActiveTTSConfig();
@@ -450,9 +456,10 @@ const TalkingHeadAvatar = forwardRef(({
         animationName = animations[animationName];
       }
       
+      // Respect the showFullAvatar prop value instead of forcing true
       if (talkingHeadRef.current.setShowFullAvatar) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
         } catch (error) {
           console.warn('Error setting full body mode:', error);
         }
@@ -517,7 +524,8 @@ const TalkingHeadAvatar = forwardRef(({
     setBodyMovement: (movement) => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.setBodyMovement) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.setBodyMovement(movement);
         } catch (error) {
           console.warn('Error setting body movement:', error);
@@ -528,7 +536,8 @@ const TalkingHeadAvatar = forwardRef(({
     playRandomDance: () => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.playRandomDance) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.playRandomDance();
         } catch (error) {
           console.warn('Error playing random dance:', error);
@@ -538,7 +547,8 @@ const TalkingHeadAvatar = forwardRef(({
     playReaction: (reactionType) => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.playReaction) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.playReaction(reactionType);
         } catch (error) {
           console.warn('Error playing reaction:', error);
@@ -548,7 +558,8 @@ const TalkingHeadAvatar = forwardRef(({
     playCelebration: () => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar && talkingHeadRef.current.playCelebration) {
         try {
-          talkingHeadRef.current.setShowFullAvatar(true);
+          // Respect the showFullAvatar prop value instead of forcing true
+          talkingHeadRef.current.setShowFullAvatar(showFullAvatarRef.current);
           talkingHeadRef.current.playCelebration();
         } catch (error) {
           console.warn('Error playing celebration:', error);
@@ -558,6 +569,8 @@ const TalkingHeadAvatar = forwardRef(({
     setShowFullAvatar: (show) => {
       if (talkingHeadRef.current && talkingHeadRef.current.setShowFullAvatar) {
         try {
+          // Update ref so other methods use the new value
+          showFullAvatarRef.current = show;
           talkingHeadRef.current.setShowFullAvatar(show);
         } catch (error) {
           console.warn('Error setting showFullAvatar:', error);

package/src/lib/talkinghead.mjs

@@ -2100,14 +2100,14 @@ class TalkingHead {
     
     console.log('Body movement set to:', movement);
     
-    // Ensure avatar is in full body mode for body movements
-    if (movement !== 'idle') {
-      this.setShowFullAvatar(true);
-      // Don't lock position for code-based animations - they should be stable by design
-    } else {
+    // Respect the current showFullAvatar setting instead of forcing it to true
+    // Only unlock position when returning to idle
+    if (movement === 'idle') {
       // Unlock position when returning to idle
       this.unlockAvatarPosition();
     }
+    // Note: We no longer force showFullAvatar to true for body movements
+    // The avatar will use whatever showFullAvatar value was set by the user
     
     // Apply body movement animation
     this.applyBodyMovementAnimation();