visualfries 0.1.104 → 0.1.106

package/dist/components/hooks/AnimationHook.js

@@ -24,6 +24,7 @@ export class AnimationHook {
     #currentId = undefined;
     #componentTimeline = undefined;
     #animationsBuilt = false;
+    #lastAnimationDataHash = undefined; // Track animationData changes
     timeline;
     splitTextCache;
     types = Object.keys(this.#handlers);
@@ -142,6 +143,18 @@ export class AnimationHook {
         if (this.#context.isActive && this.#currentId !== this.#context.contextData.id) {
             await this.#handleRefresh();
         }
+        // Check if animationData has changed (e.g., SubtitlesHook just set wordStartTimes)
+        // This fixes the issue where animations are built before animationData is available
+        if (this.#context.isActive && this.#animationsBuilt) {
+            const animationData = this.#context.resources.get('animationData');
+            const currentHash = animationData?.wordStartTimes?.length?.toString() ?? '';
+            if (currentHash !== this.#lastAnimationDataHash && currentHash !== '') {
+                // animationData changed (became available) - need to rebuild animations
+                this.#lastAnimationDataHash = currentHash;
+                await this.#handleRefresh();
+                return;
+            }
+        }
         // Setup if component becomes active and animations aren't set up
         if (this.#context.isActive) {
             //  && !this.#controls

package/dist/components/hooks/PixiSplitScreenDisplayObjectHook.js

@@ -187,15 +187,28 @@ export class PixiSplitScreenDisplayObjectHook {
         this.#context.setResource('pixiRenderObject', this.#displayObject);
     }
     async #handleRefresh() {
-        await this.#handleDestroy();
-        // Reset texture reference so it gets refreshed from context
-        this.#pixiTexture = undefined;
-        if (this.#displayObject) {
+        const currentTexture = this.#context.getResource('pixiTexture');
+        // Check if texture has changed (e.g., video source change)
+        if (currentTexture && currentTexture !== this.#pixiTexture) {
+            // Texture changed - need to recreate everything
+            await this.#handleDestroy();
+            this.#pixiTexture = currentTexture;
+            if (this.#displayObject) {
+                this.#displayObject.removeChildren();
+                this.#initDisplayObject();
+            }
+        }
+        else if (this.#displayObject?.children?.length > 0) {
+            // Same texture - just update sprite properties (position, size, etc.)
+            // For split screen, we may need to rebuild if effects changed
+            // For now, trigger a full rebuild on refresh
             this.#displayObject.removeChildren();
+            if (currentTexture) {
+                this.#pixiTexture = currentTexture;
+                this.#initDisplayObject();
+            }
         }
-        // Don't call #initDisplayObject here - let #handleUpdate do it
-        // after resources are ready
-        await this.#handleUpdate();
+        // If no texture yet, #handleUpdate will handle initial creation
     }
     async #handleDestroy() {
         // remove event listeners from video

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visualfries",
-  "version": "0.1.104",
+  "version": "0.1.106",
   "license": "MIT",
   "author": "ContentFries",
   "repository": {