visualfries 0.1.101 → 0.1.102

package/dist/components/hooks/PixiSplitScreenDisplayObjectHook.js

@@ -78,7 +78,8 @@ export class PixiSplitScreenDisplayObjectHook {
         // Get the source element (video/image)
         const sourceElement = this.#context.getResource('videoElement');
         if (!sourceElement) {
-            throw new Error('videoElement not found in resources.');
+            // Video element not ready yet - will be called again on next update
+            return;
         }
         // const sourceElement = this.#pixiTexture.baseTexture.resource.source as
         // 	| HTMLVideoElement
@@ -187,8 +188,13 @@ export class PixiSplitScreenDisplayObjectHook {
     }
     async #handleRefresh() {
         await this.#handleDestroy();
-        this.#displayObject.removeChildren();
-        this.#initDisplayObject();
+        // Reset texture reference so it gets refreshed from context
+        this.#pixiTexture = undefined;
+        if (this.#displayObject) {
+            this.#displayObject.removeChildren();
+        }
+        // Don't call #initDisplayObject here - let #handleUpdate do it
+        // after resources are ready
         await this.#handleUpdate();
     }
     async #handleDestroy() {

package/dist/components/hooks/PixiVideoTextureHook.js

@@ -2,18 +2,25 @@ import * as PIXI from 'pixi.js-legacy';
 import { VideoComponentShape } from '../..';
 import { z } from 'zod';
 export class PixiVideoTextureHook {
-    types = ['update'];
+    types = ['update', 'destroy', 'refresh'];
     priority = 1;
     #context;
     #videoTexture;
     componentElement;
+    #handlers = {
+        update: this.#handleUpdate.bind(this),
+        destroy: this.#handleDestroy.bind(this),
+        refresh: this.#handleRefresh.bind(this),
+        'refresh:config': this.#handleRefresh.bind(this)
+    };
     async #handleUpdate() {
         if (this.#videoTexture) {
             return;
         }
         const media = this.#context.getResource('videoElement');
         if (!media) {
-            throw new Error('videoElement not found in resources.');
+            // Video element not ready yet - will be called again on next update
+            return;
         }
         const res = new PIXI.VideoResource(media, {
             autoPlay: false,
@@ -23,6 +30,18 @@ export class PixiVideoTextureHook {
         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.#context.removeResource('pixiTexture');
+        }
+    }
+    async #handleRefresh() {
+        await this.#handleDestroy();
+        // #handleUpdate will recreate texture on next update call
+    }
     async handle(type, context) {
         this.#context = context;
         const data = this.#context.contextData;
@@ -30,6 +49,9 @@ export class PixiVideoTextureHook {
             return;
         }
         this.componentElement = data;
-        return await this.#handleUpdate();
+        const handler = this.#handlers[type];
+        if (handler) {
+            await handler();
+        }
     }
 }

package/package.json

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