@gjsify/example-dom-canvas2d-fireworks 0.1.12 → 0.1.15

package/dist/gjs.js

@@ -2611,6 +2611,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_414d903017();
+    init_esm3();
+    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 HTMLVideoElement;
+var init_html_video_element = __esm({
+  "../../../packages/dom/dom-elements/lib/esm/html-video-element.js"() {
+    init_console_gjs();
+    init_auto_globals_414d903017();
+    init_html_media_element();
+    init_property_symbol();
+    init_namespace_uri();
+    HTMLVideoElement = 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/html-canvas-element.js
 var HTMLCanvasElement;
 var init_html_canvas_element = __esm({
@@ -2875,6 +3033,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();
@@ -2906,6 +3065,8 @@ var init_document = __esm({
         switch (tag) {
           case "img":
             return new HTMLImageElement();
+          case "video":
+            return new HTMLVideoElement();
           case "canvas":
             return new HTMLCanvasElement();
           default: {
@@ -6137,7 +6298,7 @@ var CanvasRenderingContext2D = class {
   }
 };
 
-// ../../../packages/dom/canvas2d/lib/esm/canvas-drawing-area.js
+// ../../../packages/dom/canvas2d/lib/esm/canvas2d-bridge.js
 init_console_gjs();
 init_auto_globals_414d903017();
 import GObject from "gi://GObject";
@@ -6537,11 +6698,11 @@ function attachEventControllers(widget, getElement, options) {
   widget.add_controller(focusCtrl);
 }
 
-// ../../../packages/dom/canvas2d/lib/esm/canvas-drawing-area.js
+// ../../../packages/dom/canvas2d/lib/esm/canvas2d-bridge.js
 init_esm3();
-var Canvas2DWidget = GObject.registerClass(
-  { GTypeName: "GjsifyCanvas2DWidget" },
-  class Canvas2DWidget2 extends Gtk3.DrawingArea {
+var Canvas2DBridge = GObject.registerClass(
+  { GTypeName: "GjsifyCanvas2DBridge" },
+  class Canvas2DBridge2 extends Gtk3.DrawingArea {
     constructor(params) {
       super(params);
       this._canvas = null;
@@ -8084,7 +8245,7 @@ function __assignType2(fn, args) {
   return fn;
 }
 var FireworksWindow = class extends Adw.ApplicationWindow {
-  /** Live demo reference; set once the Canvas2DWidget is ready. */
+  /** Live demo reference; set once the Canvas2DBridge is ready. */
   _demo = null;
   static {
     GObject2.registerClass({
@@ -8122,7 +8283,7 @@ var FireworksWindow = class extends Adw.ApplicationWindow {
       step_increment: 10,
       value: 160
     }));
-    const canvasWidget = new Canvas2DWidget();
+    const canvasWidget = new Canvas2DBridge();
     canvasWidget.set_hexpand(true);
     canvasWidget.set_vexpand(true);
     canvasWidget.installGlobals();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjsify/example-dom-canvas2d-fireworks",
-  "version": "0.1.12",
+  "version": "0.1.15",
   "description": "Colorful fireworks Canvas 2D example with Adwaita controls, adapted from https://codepen.io/juliangarnier/pen/gmOwJX",
   "main": "dist/gjs.js",
   "type": "module",
@@ -27,9 +27,9 @@
     "@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/canvas2d": "^0.1.12",
-    "@gjsify/cli": "^0.1.12",
+    "@gjsify/adwaita-web": "^0.1.15",
+    "@gjsify/canvas2d": "^0.1.15",
+    "@gjsify/cli": "^0.1.15",
     "@types/node": "^25.6.0",
     "http-server": "^14.1.1",
     "typescript": "^6.0.2"