@bloopjs/web 0.0.89 → 0.0.90

package/dist/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.ts"],"names":[],"mappings":"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"}

package/dist/mod.js

@@ -77,9 +77,11 @@ __export2(exports_engine, {
   inputSourceCodeToInputSource: () => inputSourceCodeToInputSource,
   TimeContext: () => TimeContext,
   TIME_CTX_OFFSET: () => TIME_CTX_OFFSET,
+  ScreenContext: () => ScreenContext,
   SNAPSHOT_HEADER_USER_LEN_OFFSET: () => SNAPSHOT_HEADER_USER_LEN_OFFSET,
   SNAPSHOT_HEADER_LEN: () => SNAPSHOT_HEADER_LEN,
   SNAPSHOT_HEADER_ENGINE_LEN_OFFSET: () => SNAPSHOT_HEADER_ENGINE_LEN_OFFSET,
+  SCREEN_CTX_OFFSET: () => SCREEN_CTX_OFFSET,
   PlayerInputContext: () => PlayerInputContext,
   PLAYER_INPUTS_SIZE: () => PLAYER_INPUTS_SIZE,
   PLAYER_INPUTS_MOUSE_CTX_OFFSET: () => PLAYER_INPUTS_MOUSE_CTX_OFFSET,
@@ -141,6 +143,7 @@ var EventType;
   EventType2[EventType2["NetPeerAssignLocalId"] = 12] = "NetPeerAssignLocalId";
   EventType2[EventType2["NetPacketReceived"] = 13] = "NetPacketReceived";
   EventType2[EventType2["NetSessionInit"] = 14] = "NetSessionInit";
+  EventType2[EventType2["Resize"] = 15] = "Resize";
 })(EventType ||= {});
 var MouseButton;
 ((MouseButton2) => {
@@ -412,6 +415,11 @@ var NET_CTX_PEERS_OFFSET = 32;
 var NET_CTX_LAST_ROLLBACK_DEPTH_OFFSET = 128;
 var NET_CTX_TOTAL_ROLLBACKS_OFFSET = 132;
 var NET_CTX_FRAMES_RESIMULATED_OFFSET = 136;
+var SCREEN_CTX_WIDTH_OFFSET = 0;
+var SCREEN_CTX_HEIGHT_OFFSET = 4;
+var SCREEN_CTX_PHYSICAL_WIDTH_OFFSET = 8;
+var SCREEN_CTX_PHYSICAL_HEIGHT_OFFSET = 12;
+var SCREEN_CTX_PIXEL_RATIO_OFFSET = 16;
 var MOUSE_CTX_X_OFFSET = 0;
 var MOUSE_CTX_Y_OFFSET = 4;
 var MOUSE_CTX_WHEEL_X_OFFSET = 8;
@@ -1328,6 +1336,43 @@ class NetContext {
   }
 }
 
+class ScreenContext {
+  dataView;
+  constructor(dataView) {
+    this.dataView = dataView;
+  }
+  get width() {
+    if (!this.dataView) {
+      throw new Error("ScreenContext DataView is not initialized");
+    }
+    return this.dataView.getUint32(SCREEN_CTX_WIDTH_OFFSET, true);
+  }
+  get height() {
+    if (!this.dataView) {
+      throw new Error("ScreenContext DataView is not initialized");
+    }
+    return this.dataView.getUint32(SCREEN_CTX_HEIGHT_OFFSET, true);
+  }
+  get physicalWidth() {
+    if (!this.dataView) {
+      throw new Error("ScreenContext DataView is not initialized");
+    }
+    return this.dataView.getUint32(SCREEN_CTX_PHYSICAL_WIDTH_OFFSET, true);
+  }
+  get physicalHeight() {
+    if (!this.dataView) {
+      throw new Error("ScreenContext DataView is not initialized");
+    }
+    return this.dataView.getUint32(SCREEN_CTX_PHYSICAL_HEIGHT_OFFSET, true);
+  }
+  get pixelRatio() {
+    if (!this.dataView) {
+      throw new Error("ScreenContext DataView is not initialized");
+    }
+    return this.dataView.getFloat32(SCREEN_CTX_PIXEL_RATIO_OFFSET, true);
+  }
+}
+
 class TimeContext {
   dataView;
   constructor(dataView) {
@@ -1387,12 +1432,13 @@ function readTapeHeader(tape) {
     eventCount: view.getUint16(14, true)
   };
 }
-var DEFAULT_WASM_URL = new URL("https://unpkg.com/@bloopjs/engine@0.0.89/wasm/bloop.wasm");
+var DEFAULT_WASM_URL = new URL("https://unpkg.com/@bloopjs/engine@0.0.90/wasm/bloop.wasm");
 var MAX_ROLLBACK_FRAMES = 500;
 var TIME_CTX_OFFSET = 0;
 var INPUT_CTX_OFFSET = TIME_CTX_OFFSET + 4;
 var EVENTS_OFFSET = INPUT_CTX_OFFSET + 4;
 var NET_CTX_OFFSET = EVENTS_OFFSET + 4;
+var SCREEN_CTX_OFFSET = NET_CTX_OFFSET + 4;
 var SNAPSHOT_HEADER_LEN = 16;
 var SNAPSHOT_HEADER_USER_LEN_OFFSET = 4;
 var SNAPSHOT_HEADER_ENGINE_LEN_OFFSET = 8;
@@ -1414,6 +1460,7 @@ class Sim {
   #serialize;
   #isPaused = false;
   #net;
+  #screen;
   onTapeFull;
   constructor(wasm, memory, opts) {
     this.wasm = wasm;
@@ -1422,6 +1469,7 @@ class Sim {
     this.id = `${Math.floor(Math.random() * 1e6)}`;
     this.#serialize = opts?.serialize;
     this.#net = new NetContext;
+    this.#screen = new ScreenContext;
   }
   step(ms) {
     if (this.#isPaused) {
@@ -1534,6 +1582,12 @@ class Sim {
     }
     return this.#net;
   }
+  get screen() {
+    if (!this.#screen.dataView || this.#screen.dataView.buffer !== this.#memory.buffer) {
+      this.#screen.dataView = new DataView(this.#memory.buffer, this.wasm.get_screen_ctx());
+    }
+    return this.#screen;
+  }
   get buffer() {
     return this.#memory.buffer;
   }
@@ -1565,6 +1619,9 @@ class Sim {
     mousewheel: (x, y, peerId = 0) => {
       this.wasm.emit_mousewheel(x, y, peerId);
     },
+    resize: (width, height, physicalWidth, physicalHeight, pixelRatio) => {
+      this.wasm.emit_resize(width, height, physicalWidth, physicalHeight, pixelRatio);
+    },
     network: (type, data) => {
       switch (type) {
         case "join:ok": {
@@ -1730,6 +1787,39 @@ function calculateTapeConfig(tape) {
   return { maxEvents, maxPacketBytes };
 }
 
+class Players {
+  #inputs;
+  #net;
+  constructor(inputs, net) {
+    this.#inputs = inputs;
+    this.#net = net;
+  }
+  get(index) {
+    const players = this.#inputs.players;
+    if (index < 0 || index >= players.length) {
+      throw new RangeError(`Player index ${index} out of bounds (0-${players.length - 1})`);
+    }
+    return players[index];
+  }
+  get count() {
+    return this.#net.isInSession ? this.#net.peerCount : 1;
+  }
+  *[Symbol.iterator]() {
+    const players = this.#inputs.players;
+    const count = this.count;
+    for (let i = 0;i < count; i++) {
+      yield players[i];
+    }
+  }
+  *entries() {
+    const players = this.#inputs.players;
+    const count = this.count;
+    for (let i = 0;i < count; i++) {
+      yield [i, players[i]];
+    }
+  }
+}
+
 class Bloop {
   #systems = [];
   #context;
@@ -1742,15 +1832,16 @@ class Bloop {
       throw new Error("Bloop constructor is private. Use Bloop.create() to create a new game instance.");
     }
     const inputs = new InputContext;
+    const net = new NetContext;
+    const screen = new ScreenContext;
     this.#context = {
       bag: opts.bag ?? {},
       time: new TimeContext,
       inputs,
-      get players() {
-        return inputs.players;
-      },
+      players: new Players(inputs, net),
       rawPointer: -1,
-      net: new NetContext
+      net,
+      screen
     };
   }
   get bag() {
@@ -1798,6 +1889,7 @@ class Bloop {
       const timeCtxPtr = dv.getUint32(TIME_CTX_OFFSET, true);
       const inputCtxPtr = dv.getUint32(INPUT_CTX_OFFSET, true);
       const netCtxPtr = dv.getUint32(NET_CTX_OFFSET, true);
+      const screenCtxPtr = dv.getUint32(SCREEN_CTX_OFFSET, true);
       this.#context.rawPointer = ptr;
       if (!this.#context.inputs.hasDataView() || this.#context.inputs.dataView.buffer !== this.#engineBuffer || this.#context.inputs.dataView.byteOffset !== inputCtxPtr) {
         this.#context.inputs.dataView = new DataView(this.#engineBuffer, inputCtxPtr);
@@ -1808,6 +1900,9 @@ class Bloop {
       if (this.#context.net.dataView?.buffer !== this.#engineBuffer || this.#context.net.dataView?.byteOffset !== netCtxPtr) {
         this.#context.net.dataView = new DataView(this.#engineBuffer, netCtxPtr);
       }
+      if (this.#context.screen.dataView?.buffer !== this.#engineBuffer || this.#context.screen.dataView?.byteOffset !== screenCtxPtr) {
+        this.#context.screen.dataView = new DataView(this.#engineBuffer, screenCtxPtr);
+      }
     },
     systemsCallback: (system_handle, ptr) => {
       this.hooks.setContext(ptr);
@@ -1919,6 +2014,15 @@ class Bloop {
               };
               system.netcode?.(this.#context);
               break;
+            case exports_enums.EventType.Resize:
+              system.resize?.(attachEvent(this.#context, {
+                width: this.#context.screen.width,
+                height: this.#context.screen.height,
+                physicalWidth: this.#context.screen.physicalWidth,
+                physicalHeight: this.#context.screen.physicalHeight,
+                pixelRatio: this.#context.screen.pixelRatio
+              }));
+              break;
             default:
               break;
           }
@@ -1970,6 +2074,7 @@ var EventType2;
   EventType22[EventType22["NetPeerAssignLocalId"] = 12] = "NetPeerAssignLocalId";
   EventType22[EventType22["NetPacketReceived"] = 13] = "NetPacketReceived";
   EventType22[EventType22["NetSessionInit"] = 14] = "NetSessionInit";
+  EventType22[EventType22["Resize"] = 15] = "Resize";
 })(EventType2 ||= {});
 var MouseButton2;
 ((MouseButton22) => {
@@ -3168,11 +3273,12 @@ function readTapeHeader2(tape) {
     eventCount: view.getUint16(14, true)
   };
 }
-var DEFAULT_WASM_URL2 = new URL("https://unpkg.com/@bloopjs/engine@0.0.89/wasm/bloop.wasm");
+var DEFAULT_WASM_URL2 = new URL("https://unpkg.com/@bloopjs/engine@0.0.90/wasm/bloop.wasm");
 var TIME_CTX_OFFSET2 = 0;
 var INPUT_CTX_OFFSET2 = TIME_CTX_OFFSET2 + 4;
 var EVENTS_OFFSET2 = INPUT_CTX_OFFSET2 + 4;
 var NET_CTX_OFFSET2 = EVENTS_OFFSET2 + 4;
+var SCREEN_CTX_OFFSET2 = NET_CTX_OFFSET2 + 4;
 
 // src/debugui/mod.ts
 var exports_mod = {};
@@ -6592,6 +6698,41 @@ class App {
   onHmr = createListener();
   subscribe() {
     const shouldEmitInputs = () => !this.sim.isReplaying;
+    let resizeObserver = null;
+    let cleanupPixelRatio = null;
+    const emitResize = () => {
+      const canvas2 = this.canvas;
+      const pixelRatio = window.devicePixelRatio || 1;
+      let width;
+      let height;
+      if (canvas2) {
+        const rect = canvas2.getBoundingClientRect();
+        width = Math.round(rect.width);
+        height = Math.round(rect.height);
+      } else {
+        width = window.innerWidth;
+        height = window.innerHeight;
+      }
+      this.sim.emit.resize(width, height, Math.round(width * pixelRatio), Math.round(height * pixelRatio), pixelRatio);
+    };
+    const canvas = this.canvas;
+    if (canvas) {
+      resizeObserver = new ResizeObserver(() => emitResize());
+      resizeObserver.observe(canvas);
+    } else {
+      window.addEventListener("resize", emitResize);
+    }
+    const updatePixelRatioListener = () => {
+      const mediaQuery = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
+      const handler = () => {
+        emitResize();
+        updatePixelRatioListener();
+      };
+      mediaQuery.addEventListener("change", handler, { once: true });
+      return () => mediaQuery.removeEventListener("change", handler);
+    };
+    cleanupPixelRatio = updatePixelRatioListener();
+    emitResize();
     const handleKeydown = (event) => {
       if (shouldEmitInputs())
         this.sim.emit.keydown(event.code);
@@ -6745,6 +6886,9 @@ class App {
       window.removeEventListener("touchstart", handleTouchstart);
       window.removeEventListener("touchend", handleTouchend);
       window.removeEventListener("touchmove", handleTouchmove);
+      window.removeEventListener("resize", emitResize);
+      resizeObserver?.disconnect();
+      cleanupPixelRatio?.();
       if (this.#rafHandle != null) {
         cancelAnimationFrame(this.#rafHandle);
       }
@@ -6810,5 +6954,5 @@ export {
   App
 };
 
-//# debugId=164BA35FD7424E1864756E2164756E21
+//# debugId=669ECA7E8ACBF62064756E2164756E21
 //# sourceMappingURL=mod.js.map