visualfries 0.1.103 → 0.1.105

package/dist/components/hooks/PixiDisplayObjectHook.js

@@ -32,9 +32,23 @@ export class PixiDisplayObjectHook {
         this.initMainSprite();
     }
     async #handleRefresh() {
-        await this.#handleDestroy();
-        this.#initDisplayObject();
-        await this.#handleUpdate();
+        // Check if texture has changed (e.g., video source change)
+        const currentTexture = this.#context.getResource('pixiTexture');
+        if (currentTexture && currentTexture !== this.#pixiTexture) {
+            // Texture changed - need to recreate sprite with new texture
+            await this.#handleDestroy();
+            this.#pixiTexture = currentTexture;
+            this.#initDisplayObject();
+        }
+        else if (this.#displayObject?.children?.length > 0) {
+            // Same texture - just update sprite properties (position, size, opacity, etc.)
+            const sprite = this.#displayObject.children[0];
+            if (sprite) {
+                setPlacementAndOpacity(sprite, this.#context.data.appearance);
+                this.state.markDirty();
+            }
+        }
+        // If no texture yet, #handleUpdate will handle initial creation
     }
     async #handleUpdate() {
         const isActive = this.#context.isActive;

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/dist/components/hooks/PixiVideoTextureHook.js

@@ -2,7 +2,10 @@ import * as PIXI from 'pixi.js-legacy';
 import { VideoComponentShape } from '../..';
 import { z } from 'zod';
 export class PixiVideoTextureHook {
-    types = ['update', 'destroy', 'refresh'];
+    // Note: 'refresh' is NOT included - timeline position changes don't need texture recreation.
+    // The video element persists and the same texture can continue to be used.
+    // Only 'refresh:content' (source change) should recreate the texture.
+    types = ['update', 'destroy', 'refresh:content'];
     priority = 1;
     #context;
     #videoTexture;
@@ -10,8 +13,7 @@ export class PixiVideoTextureHook {
     #handlers = {
         update: this.#handleUpdate.bind(this),
         destroy: this.#handleDestroy.bind(this),
-        refresh: this.#handleRefresh.bind(this),
-        'refresh:config': this.#handleRefresh.bind(this)
+        'refresh:content': this.#handleRefreshContent.bind(this)
     };
     async #handleUpdate() {
         if (this.#videoTexture) {
@@ -38,9 +40,10 @@ export class PixiVideoTextureHook {
             this.#context.removeResource('pixiTexture');
         }
     }
-    async #handleRefresh() {
+    async #handleRefreshContent() {
+        // Only recreate texture when video source changes
         await this.#handleDestroy();
-        // #handleUpdate will recreate texture on next update call
+        // Texture will be recreated on next update when videoElement is available
     }
     async handle(type, context) {
         this.#context = context;

package/package.json

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