visualfries 0.1.105 → 0.1.107

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/MediaHook.js

@@ -2,7 +2,7 @@ import { MediaManager } from '../../managers/MediaManager.js';
 import { z } from 'zod';
 import { StateManager } from '../../managers/StateManager.svelte.js';
 export class MediaHook {
-    types = ['setup', 'update', 'destroy', 'refresh'];
+    types = ['setup', 'update', 'destroy'];
     priority = 1;
     #context;
     #mediaElement;

package/dist/components/hooks/PixiDisplayObjectHook.js

@@ -53,6 +53,8 @@ export class PixiDisplayObjectHook {
     async #handleUpdate() {
         const isActive = this.#context.isActive;
         if (this.#displayObject) {
+            // Always re-assert the resource in case the context was cleared or updated
+            this.#context.setResource('pixiRenderObject', this.#displayObject);
             // Only mark dirty if visibility actually changed
             if (this.#displayObject.visible !== isActive) {
                 this.#displayObject.visible = isActive;

package/dist/components/hooks/PixiSplitScreenDisplayObjectHook.js

@@ -172,6 +172,8 @@ export class PixiSplitScreenDisplayObjectHook {
             this.#drawBlurredBackground();
         }
         if (this.#displayObject) {
+            // Always re-assert the resource in case the context was cleared or updated
+            this.#context.setResource('pixiRenderObject', this.#displayObject);
             if (this.#displayObject.visible != isActive) {
                 this.#displayObject.visible = isActive;
             }

package/dist/components/hooks/PixiVideoTextureHook.js

@@ -9,6 +9,7 @@ export class PixiVideoTextureHook {
     priority = 1;
     #context;
     #videoTexture;
+    #videoElement;
     componentElement;
     #handlers = {
         update: this.#handleUpdate.bind(this),
@@ -16,27 +17,29 @@ export class PixiVideoTextureHook {
         'refresh:content': this.#handleRefreshContent.bind(this)
     };
     async #handleUpdate() {
-        if (this.#videoTexture) {
-            return;
-        }
         const media = this.#context.getResource('videoElement');
-        if (!media) {
-            // Video element not ready yet - will be called again on next update
-            return;
+        // If element changed or texture is missing, recreate it
+        if (media && (media !== this.#videoElement || !this.#videoTexture)) {
+            await this.#handleDestroy();
+            const res = new PIXI.VideoResource(media, {
+                autoPlay: false,
+                updateFPS: 30
+            });
+            const baseTexture = new PIXI.BaseTexture(res);
+            this.#videoTexture = new PIXI.Texture(baseTexture);
+            this.#videoElement = media;
+        }
+        // Always re-assert the resource in case the context was cleared or updated
+        if (this.#videoTexture) {
+            this.#context.setResource('pixiTexture', this.#videoTexture);
         }
-        const res = new PIXI.VideoResource(media, {
-            autoPlay: false,
-            updateFPS: 30
-        });
-        const baseTexture = new PIXI.BaseTexture(res);
-        this.#videoTexture = new PIXI.Texture(baseTexture);
-        this.#context.setResource('pixiTexture', this.#videoTexture);
     }
     async #handleDestroy() {
         if (this.#videoTexture) {
             // Destroy the texture and its base texture to free GPU memory
             this.#videoTexture.destroy(true);
             this.#videoTexture = undefined;
+            this.#videoElement = undefined;
             this.#context.removeResource('pixiTexture');
         }
     }

package/package.json

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