@gjsify/example-dom-canvas2d-fireworks 0.1.9 → 0.1.11

package/dist/gjs.js

@@ -2282,6 +2282,15 @@ var init_html_element = __esm({
       set oncontextmenu(value2) {
         this[propertyEventListeners].set("oncontextmenu", value2);
       }
+      // Wheel events — Excalibur detects wheel support via
+      // `'onwheel' in document.createElement('div')` and only registers its
+      // wheel listener when the property is present on the prototype chain.
+      get onwheel() {
+        return this[propertyEventListeners].get("onwheel") ?? null;
+      }
+      set onwheel(value2) {
+        this[propertyEventListeners].set("onwheel", value2);
+      }
       // Keyboard events
       get onkeydown() {
         return this[propertyEventListeners].get("onkeydown") ?? null;
@@ -3113,6 +3122,10 @@ var init_document2 = __esm({
       globalThis.dispatchEvent = (event) => _globalEventTarget.dispatchEvent(event);
     }
     defineGlobalIfMissing("devicePixelRatio", 1);
+    defineGlobalIfMissing("scrollX", 0);
+    defineGlobalIfMissing("scrollY", 0);
+    defineGlobalIfMissing("pageXOffset", 0);
+    defineGlobalIfMissing("pageYOffset", 0);
     defineGlobalIfMissing("alert", (...args) => console.error("alert:", ...args));
     if (typeof globalThis.top === "undefined") {
       Object.defineProperty(globalThis, "top", {
@@ -3979,7 +3992,7 @@ function getArgv() {
   try {
     const system = getGjsGlobal().imports?.system;
     if (system?.programArgs) {
-      return [system.programInvocationName || "gjs", ...system.programArgs];
+      return ["gjs", system.programInvocationName || "", ...system.programArgs];
     }
   } catch {
   }
@@ -6367,12 +6380,9 @@ function attachEventControllers(widget, getElement, options) {
   widget.set_can_focus(true);
   const state = { lastX: 0, lastY: 0, buttonsPressed: 0, pressedKeys: /* @__PURE__ */ new Set() };
   const motionCtrl = new Gtk2.EventControllerMotion();
-  motionCtrl.connect("motion", () => {
+  motionCtrl.connect("motion", (_ctrl, x, y) => {
     const el = getElement();
     if (!el) return;
-    const event = motionCtrl.get_current_event();
-    if (!event) return;
-    const [, x, y] = event.get_position?.() ?? [false, state.lastX, state.lastY];
     const allocW = widget.get_allocated_width();
     const allocH = widget.get_allocated_height();
     const cx = Math.max(0, Math.min(x, allocW));
@@ -8118,6 +8128,7 @@ var FireworksWindow = class extends Adw.ApplicationWindow {
     canvasWidget.installGlobals();
     this._canvasContainer.append(canvasWidget);
     canvasWidget.onReady(__assignType2((canvas) => {
+      canvasWidget.grab_focus();
       canvas.width = canvasWidget.get_allocated_width();
       canvas.height = canvasWidget.get_allocated_height();
       this._demo = start(canvas);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjsify/example-dom-canvas2d-fireworks",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "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.2",
     "@girs/gobject-2.0": "^2.88.0-4.0.0-rc.2",
     "@girs/gtk-4.0": "^4.23.0-4.0.0-rc.2",
-    "@gjsify/adwaita-web": "^0.1.9",
-    "@gjsify/canvas2d": "^0.1.9",
-    "@gjsify/cli": "^0.1.9",
+    "@gjsify/adwaita-web": "^0.1.11",
+    "@gjsify/canvas2d": "^0.1.11",
+    "@gjsify/cli": "^0.1.11",
     "@types/node": "^25.6.0",
     "http-server": "^14.1.1",
     "typescript": "^6.0.2"