@gjsify/example-dom-three-postprocessing-pixel 0.1.12 → 0.1.15

package/dist/gjs.js

@@ -4706,6 +4706,164 @@ var init_html_image_element = __esm({
   }
 });
 
+// ../../../packages/dom/dom-elements/lib/esm/html-media-element.js
+var HAVE_NOTHING, HAVE_METADATA, HAVE_CURRENT_DATA, HAVE_FUTURE_DATA, HAVE_ENOUGH_DATA, NETWORK_EMPTY, NETWORK_IDLE, NETWORK_LOADING, NETWORK_NO_SOURCE, HTMLMediaElement;
+var init_html_media_element = __esm({
+  "../../../packages/dom/dom-elements/lib/esm/html-media-element.js"() {
+    init_console_gjs();
+    init_auto_globals_495e9d950c();
+    init_esm4();
+    init_html_element();
+    HAVE_NOTHING = 0;
+    HAVE_METADATA = 1;
+    HAVE_CURRENT_DATA = 2;
+    HAVE_FUTURE_DATA = 3;
+    HAVE_ENOUGH_DATA = 4;
+    NETWORK_EMPTY = 0;
+    NETWORK_IDLE = 1;
+    NETWORK_LOADING = 2;
+    NETWORK_NO_SOURCE = 3;
+    HTMLMediaElement = class extends HTMLElement {
+      constructor() {
+        super(...arguments);
+        this._src = "";
+        this._srcObject = null;
+        this.currentTime = 0;
+        this.duration = NaN;
+        this.paused = true;
+        this.ended = false;
+        this.volume = 1;
+        this.muted = false;
+        this.defaultMuted = false;
+        this.loop = false;
+        this.autoplay = false;
+        this.preload = "";
+        this.playbackRate = 1;
+        this.defaultPlaybackRate = 1;
+        this.readyState = HAVE_NOTHING;
+        this.networkState = NETWORK_EMPTY;
+      }
+      // -- Buffered/seekable stubs --
+      get buffered() {
+        return { length: 0, start: () => 0, end: () => 0 };
+      }
+      get seekable() {
+        return { length: 0, start: () => 0, end: () => 0 };
+      }
+      get played() {
+        return { length: 0, start: () => 0, end: () => 0 };
+      }
+      // -- src property --
+      get src() {
+        return this._src;
+      }
+      set src(value2) {
+        this._src = value2;
+        this._srcObject = null;
+        this.dispatchEvent(new Event("srcchange"));
+      }
+      // -- srcObject property (MediaStream) --
+      get srcObject() {
+        return this._srcObject;
+      }
+      set srcObject(stream) {
+        this._srcObject = stream;
+        this._src = "";
+        this.dispatchEvent(new Event("srcobjectchange"));
+      }
+      // -- Playback control --
+      play() {
+        this.paused = false;
+        this.ended = false;
+        this.dispatchEvent(new Event("play"));
+        return Promise.resolve();
+      }
+      pause() {
+        this.paused = true;
+        this.dispatchEvent(new Event("pause"));
+      }
+      load() {
+        this.readyState = HAVE_NOTHING;
+        this.networkState = NETWORK_LOADING;
+        this.dispatchEvent(new Event("loadstart"));
+      }
+      canPlayType(_type) {
+        return "";
+      }
+      static {
+        this.HAVE_NOTHING = HAVE_NOTHING;
+      }
+      static {
+        this.HAVE_METADATA = HAVE_METADATA;
+      }
+      static {
+        this.HAVE_CURRENT_DATA = HAVE_CURRENT_DATA;
+      }
+      static {
+        this.HAVE_FUTURE_DATA = HAVE_FUTURE_DATA;
+      }
+      static {
+        this.HAVE_ENOUGH_DATA = HAVE_ENOUGH_DATA;
+      }
+      static {
+        this.NETWORK_EMPTY = NETWORK_EMPTY;
+      }
+      static {
+        this.NETWORK_IDLE = NETWORK_IDLE;
+      }
+      static {
+        this.NETWORK_LOADING = NETWORK_LOADING;
+      }
+      static {
+        this.NETWORK_NO_SOURCE = NETWORK_NO_SOURCE;
+      }
+      get [Symbol.toStringTag]() {
+        return "HTMLMediaElement";
+      }
+    };
+  }
+});
+
+// ../../../packages/dom/dom-elements/lib/esm/html-video-element.js
+var HTMLVideoElement2;
+var init_html_video_element = __esm({
+  "../../../packages/dom/dom-elements/lib/esm/html-video-element.js"() {
+    init_console_gjs();
+    init_auto_globals_495e9d950c();
+    init_html_media_element();
+    init_property_symbol();
+    init_namespace_uri();
+    HTMLVideoElement2 = class extends HTMLMediaElement {
+      constructor() {
+        super();
+        this._videoWidth = 0;
+        this._videoHeight = 0;
+        this.poster = "";
+        this[tagName] = "VIDEO";
+        this[localName] = "video";
+        this[namespaceURI] = NamespaceURI.html;
+      }
+      /** Intrinsic width of the video (set by the bridge when media metadata loads). */
+      get videoWidth() {
+        return this._videoWidth;
+      }
+      set videoWidth(value2) {
+        this._videoWidth = value2;
+      }
+      /** Intrinsic height of the video (set by the bridge when media metadata loads). */
+      get videoHeight() {
+        return this._videoHeight;
+      }
+      set videoHeight(value2) {
+        this._videoHeight = value2;
+      }
+      get [Symbol.toStringTag]() {
+        return "HTMLVideoElement";
+      }
+    };
+  }
+});
+
 // ../../../packages/dom/dom-elements/lib/esm/text.js
 var Text;
 var init_text = __esm({
@@ -4890,6 +5048,7 @@ var init_document = __esm({
     init_node();
     init_html_element();
     init_html_image_element();
+    init_html_video_element();
     init_html_canvas_element();
     init_text();
     init_comment();
@@ -4921,6 +5080,8 @@ var init_document = __esm({
         switch (tag) {
           case "img":
             return new HTMLImageElement2();
+          case "video":
+            return new HTMLVideoElement2();
           case "canvas":
             return new HTMLCanvasElement2();
           default: {
@@ -14383,7 +14544,7 @@ var HTMLCanvasElement3 = class extends HTMLCanvasElement2 {
   }
 };
 
-// ../../../packages/dom/webgl/lib/esm/canvas-webgl-widget.js
+// ../../../packages/dom/webgl/lib/esm/webgl-bridge.js
 init_console_gjs();
 init_auto_globals_495e9d950c();
 import GObject from "gi://GObject";
@@ -14778,11 +14939,11 @@ function attachEventControllers(widget, getElement, options) {
   widget.add_controller(focusCtrl);
 }
 
-// ../../../packages/dom/webgl/lib/esm/canvas-webgl-widget.js
+// ../../../packages/dom/webgl/lib/esm/webgl-bridge.js
 init_esm4();
-var CanvasWebGLWidget = GObject.registerClass(
-  { GTypeName: "GjsifyCanvasWebGLWidget" },
-  class CanvasWebGLWidget2 extends Gtk3.GLArea {
+var WebGLBridge = GObject.registerClass(
+  { GTypeName: "GjsifyWebGLBridge" },
+  class WebGLBridge2 extends Gtk3.GLArea {
     constructor(params) {
       super(params);
       this._canvas = null;
@@ -45746,7 +45907,7 @@ function __assignType2(fn, args) {
   return fn;
 }
 var PixelWindow = class extends Adw.ApplicationWindow {
-  /** Live demo reference; set once the CanvasWebGLWidget is ready. */
+  /** Live demo reference; set once the WebGLBridge is ready. */
   _demo = null;
   static {
     GObject2.registerClass({
@@ -45786,7 +45947,7 @@ var PixelWindow = class extends Adw.ApplicationWindow {
       value: 0.4
     }));
     this._depthEdgeRow.set_digits(2);
-    const glArea = new CanvasWebGLWidget();
+    const glArea = new WebGLBridge();
     glArea.set_hexpand(true);
     glArea.set_vexpand(true);
     glArea.installGlobals();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjsify/example-dom-three-postprocessing-pixel",
-  "version": "0.1.12",
+  "version": "0.1.15",
   "description": "Three.js pixel post-processing example ported from refs/three/examples/webgl_postprocessing_pixel.html with Adwaita controls",
   "main": "dist/gjs.js",
   "type": "module",
@@ -24,7 +24,7 @@
     "build:assets": "cp -f src/browser/index.html dist/index.html && cp -f src/browser/webgl.css dist/webgl.css && cp -rf src/assets dist/assets"
   },
   "dependencies": {
-    "@gjsify/webgl": "^0.1.12"
+    "@gjsify/webgl": "^0.1.15"
   },
   "devDependencies": {
     "@girs/adw-1": "^1.10.0-4.0.0-rc.3",
@@ -32,8 +32,8 @@
     "@girs/gjs": "^4.0.0-rc.3",
     "@girs/gobject-2.0": "^2.88.0-4.0.0-rc.3",
     "@girs/gtk-4.0": "^4.23.0-4.0.0-rc.3",
-    "@gjsify/adwaita-web": "^0.1.12",
-    "@gjsify/cli": "^0.1.12",
+    "@gjsify/adwaita-web": "^0.1.15",
+    "@gjsify/cli": "^0.1.15",
     "@types/node": "^25.6.0",
     "@types/three": "^0.183.1",
     "http-server": "^14.1.1",