@bloopjs/web 0.0.107 → 0.0.109

package/dist/debugui/DebugUi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebugUi.d.ts","sourceRoot":"","sources":["../../src/debugui/DebugUi.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,UAAU,EAAc,MAAM,YAAY,CAAC;AAGtE,MAAM,MAAM,cAAc,GAAG;IAC3B,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,qBAAa,OAAO;;gBAQN,OAAO,GAAE,cAAmB;IAgExC,4CAA4C;IAC5C,IAAI,MAAM,IAAI,iBAAiB,CAE9B;IAED,mDAAmD;IACnD,IAAI,KAAK,IAAI,UAAU,CAEtB;IAED,mDAAmD;IACnD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED,OAAO,IAAI,IAAI;CAKhB"}
+{"version":3,"file":"DebugUi.d.ts","sourceRoot":"","sources":["../../src/debugui/DebugUi.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,UAAU,EAAc,MAAM,YAAY,CAAC;AAGtE,MAAM,MAAM,cAAc,GAAG;IAC3B,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,qBAAa,OAAO;;gBAQN,OAAO,GAAE,cAAmB;IA6DxC,4CAA4C;IAC5C,IAAI,MAAM,IAAI,iBAAiB,CAE9B;IAED,mDAAmD;IACnD,IAAI,KAAK,IAAI,UAAU,CAEtB;IAED,mDAAmD;IACnD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED,OAAO,IAAI,IAAI;CAKhB"}

package/dist/debugui/components/Root.d.ts

@@ -1,6 +1,7 @@
 type RootProps = {
+    canvas: HTMLCanvasElement;
     hotkey?: string;
 };
-export declare function Root({ hotkey }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ canvas, hotkey }: RootProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Root.d.ts.map

package/dist/debugui/components/Root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/debugui/components/Root.tsx"],"names":[],"mappings":"AAQA,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,MAAiB,EAAE,EAAE,SAAS,2CAwCpD"}
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/debugui/components/Root.tsx"],"names":[],"mappings":"AASA,KAAK,SAAS,GAAG;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,MAAiB,EAAE,EAAE,SAAS,2CAwC5D"}

package/dist/mod.js

@@ -1504,7 +1504,7 @@ function readTapeHeader(tape) {
     eventCount: view.getUint16(14, true)
   };
 }
-var DEFAULT_WASM_URL = new URL("https://unpkg.com/@bloopjs/engine@0.0.107/wasm/bloop.wasm");
+var DEFAULT_WASM_URL = new URL("https://unpkg.com/@bloopjs/engine@0.0.109/wasm/bloop.wasm");
 var MAX_ROLLBACK_FRAMES = 500;
 var TIME_CTX_OFFSET = 0;
 var INPUT_CTX_OFFSET = TIME_CTX_OFFSET + 4;
@@ -3390,7 +3390,7 @@ function readTapeHeader2(tape) {
     eventCount: view.getUint16(14, true)
   };
 }
-var DEFAULT_WASM_URL2 = new URL("https://unpkg.com/@bloopjs/engine@0.0.107/wasm/bloop.wasm");
+var DEFAULT_WASM_URL2 = new URL("https://unpkg.com/@bloopjs/engine@0.0.109/wasm/bloop.wasm");
 var TIME_CTX_OFFSET2 = 0;
 var INPUT_CTX_OFFSET2 = TIME_CTX_OFFSET2 + 4;
 var EVENTS_OFFSET2 = INPUT_CTX_OFFSET2 + 4;
@@ -5623,14 +5623,16 @@ function BottomBar() {
 }
 
 // src/debugui/components/Root.tsx
-function Root({ hotkey = "Escape" }) {
+function Root({ canvas, hotkey = "Escape" }) {
   const layoutMode2 = debugState.layoutMode.value;
   if (layoutMode2 === "off") {
     return /* @__PURE__ */ u4(k, {
       children: [
         /* @__PURE__ */ u4("main", {
           className: "fullscreen",
-          children: /* @__PURE__ */ u4(CanvasSlot, {}, undefined, false, undefined, this)
+          children: /* @__PURE__ */ u4(GameCanvas, {
+            canvas
+          }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
         /* @__PURE__ */ u4(DebugToggle, {
           hotkey
@@ -5641,7 +5643,9 @@ function Root({ hotkey = "Escape" }) {
   if (layoutMode2 === "letterboxed") {
     return /* @__PURE__ */ u4(k, {
       children: [
-        /* @__PURE__ */ u4(LetterboxedLayout, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ u4(LetterboxedLayout, {
+          canvas
+        }, undefined, false, undefined, this),
         /* @__PURE__ */ u4(DebugToggle, {
           hotkey
         }, undefined, false, undefined, this)
@@ -5655,7 +5659,9 @@ function Root({ hotkey = "Escape" }) {
         children: [
           /* @__PURE__ */ u4("section", {
             className: "game",
-            children: /* @__PURE__ */ u4(CanvasSlot, {}, undefined, false, undefined, this)
+            children: /* @__PURE__ */ u4(GameCanvas, {
+              canvas
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ u4("section", {
             className: "stats",
@@ -5673,7 +5679,7 @@ function Root({ hotkey = "Escape" }) {
     ]
   }, undefined, true, undefined, this);
 }
-function LetterboxedLayout() {
+function LetterboxedLayout({ canvas }) {
   const isOnline = debugState.netStatus.value.peers.length > 0;
   const advantage = debugState.advantage.value ?? 0;
   const frameTime2 = debugState.frameTime.value;
@@ -5705,7 +5711,9 @@ function LetterboxedLayout() {
       }, undefined, false, undefined, this),
       /* @__PURE__ */ u4("div", {
         className: gameClassName,
-        children: /* @__PURE__ */ u4(CanvasSlot, {}, undefined, false, undefined, this)
+        children: /* @__PURE__ */ u4(GameCanvas, {
+          canvas
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ u4(VerticalBar, {
         value: rightValue,
@@ -5717,10 +5725,17 @@ function LetterboxedLayout() {
     ]
   }, undefined, true, undefined, this);
 }
-function CanvasSlot() {
+function GameCanvas({ canvas }) {
+  const containerRef = A2(null);
+  y2(() => {
+    const container = containerRef.current;
+    if (container && !container.contains(canvas)) {
+      container.appendChild(canvas);
+    }
+  }, [canvas]);
   return /* @__PURE__ */ u4("div", {
     className: "canvas-container",
-    children: /* @__PURE__ */ u4("slot", {}, undefined, false, undefined, this)
+    ref: containerRef
   }, undefined, false, undefined, this);
 }
 
@@ -6562,7 +6577,6 @@ class DebugUi {
     this.#shadow.appendChild(this.#mountPoint);
     debugState.layoutMode.value = initiallyVisible ? "letterboxed" : "off";
     this.#canvas = options.canvas ?? document.createElement("canvas");
-    this.#host.appendChild(this.#canvas);
     this.#render();
     container.appendChild(this.#host);
     this.#cleanup = this.#setupHotkey();
@@ -6571,7 +6585,7 @@ class DebugUi {
     });
   }
   #render() {
-    G(Root({ hotkey: this.#hotkey }), this.#mountPoint);
+    G(Root({ canvas: this.#canvas, hotkey: this.#hotkey }), this.#mountPoint);
   }
   #setupHotkey() {
     const handler = (e4) => {
@@ -7877,5 +7891,5 @@ export {
   App
 };
 
-//# debugId=7B9494D52075E71364756E2164756E21
+//# debugId=E832C4B244063C1E64756E2164756E21
 //# sourceMappingURL=mod.js.map