cubeforge 0.5.1 → 0.5.2

package/dist/advanced.js

@@ -30,7 +30,7 @@ import {
   resolveTOI,
   setDeterministicMode,
   sortEntities
-} from "./chunk-OT6I5RYW.js";
+} from "./chunk-UMHYQ4EP.js";
 export {
   Float64Pool,
   IslandDetector,

package/dist/{chunk-OT6I5RYW.js → chunk-UMHYQ4EP.js}

@@ -5261,6 +5261,31 @@ var PhysicsSystem = class {
   bvhCache = /* @__PURE__ */ new Map();
   // Physics hooks for filtering and modifying contacts
   hooks = {};
+  // ── Scratch containers — reused every frame to avoid GC pressure ──────────
+  //
+  // Previously these were allocated fresh inside update() every substep,
+  // producing ~20 Map/Set allocations per frame. Now they live as instance
+  // fields and are cleared at the start of each use. Never escape the class.
+  //
+  // The _current*Pairs fields are double-buffered with their active*Pairs
+  // counterparts: at the end of each substep, the filled "current" is swapped
+  // with "active", and next substep clears the new "current" (which was the
+  // previous "active"). Same enter/stay/exit event semantics, zero allocation.
+  _staticDelta = /* @__PURE__ */ new Map();
+  _preStepPos = /* @__PURE__ */ new Map();
+  _spatialGrid = /* @__PURE__ */ new Map();
+  _jointExcludedPairs = /* @__PURE__ */ new Set();
+  _solverBodies = /* @__PURE__ */ new Map();
+  _triggerNormals = /* @__PURE__ */ new Map();
+  _circleNormals = /* @__PURE__ */ new Map();
+  /** Shared scratch for per-body "checked" neighbor dedup; cleared per iteration. */
+  _checkedScratch = /* @__PURE__ */ new Set();
+  _currentCollisionPairs = /* @__PURE__ */ new Map();
+  _currentTriggerPairs = /* @__PURE__ */ new Map();
+  _currentCirclePairs = /* @__PURE__ */ new Map();
+  _currentCompoundPairs = /* @__PURE__ */ new Map();
+  _currentCapsulePairs = /* @__PURE__ */ new Map();
+  _currentPolygonPairs = /* @__PURE__ */ new Map();
   /** Set physics hooks for contact filtering and modification. */
   setHooks(hooks) {
     this.hooks = hooks;
@@ -5421,7 +5446,8 @@ var PhysicsSystem = class {
     }
     const nonDynamic = [...staticBox, ...kinematicBox];
     this.pruneDeadPairs(world);
-    const staticDelta = /* @__PURE__ */ new Map();
+    const staticDelta = this._staticDelta;
+    staticDelta.clear();
     for (const sid of nonDynamic) {
       const st = world.getComponent(sid, "Transform");
       const prev = this.staticPrevPos.get(sid);
@@ -5551,12 +5577,14 @@ var PhysicsSystem = class {
       }
       if (rb.dropThrough > 0) rb.dropThrough--;
     }
-    const preStepPos = /* @__PURE__ */ new Map();
+    const preStepPos = this._preStepPos;
+    preStepPos.clear();
     for (const id of dynamicBox) {
       const t = world.getComponent(id, "Transform");
       preStepPos.set(id, { x: t.x, y: t.y });
     }
-    const spatialGrid = /* @__PURE__ */ new Map();
+    const spatialGrid = this._spatialGrid;
+    spatialGrid.clear();
     for (const sid of nonDynamic) {
       const st = world.getComponent(sid, "Transform");
       const sc = world.getComponent(sid, "BoxCollider");
@@ -5571,7 +5599,8 @@ var PhysicsSystem = class {
         bucket.push(sid);
       }
     }
-    const jointExcludedPairs = /* @__PURE__ */ new Set();
+    const jointExcludedPairs = this._jointExcludedPairs;
+    jointExcludedPairs.clear();
     for (const jid of world.query("Joint")) {
       const j = world.getComponent(jid, "Joint");
       if (!j.enabled || j.broken) continue;
@@ -5581,7 +5610,8 @@ var PhysicsSystem = class {
       }
     }
     const manifolds = [];
-    const currentCollisionPairs = /* @__PURE__ */ new Map();
+    const currentCollisionPairs = this._currentCollisionPairs;
+    currentCollisionPairs.clear();
     for (const id of dynamicBox) {
       const rb = world.getComponent(id, "RigidBody");
       if (rb.sleeping) continue;
@@ -5590,7 +5620,8 @@ var PhysicsSystem = class {
       if (!col.enabled || col.isTrigger) continue;
       const dynAABB = getAABB2(transform, col);
       const candidateCells = this.getCells(dynAABB.cx, dynAABB.cy, dynAABB.hw, dynAABB.hh);
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       for (const cell of candidateCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -5779,7 +5810,8 @@ var PhysicsSystem = class {
       const circleCy = ct.y + cc.offsetY;
       const circleAABB2 = { cx: circleCx, cy: circleCy, hw: cc.radius, hh: cc.radius };
       const candidateCells = this.getCells(circleAABB2.cx, circleAABB2.cy, circleAABB2.hw, circleAABB2.hh);
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       for (const cell of candidateCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -5963,7 +5995,8 @@ var PhysicsSystem = class {
       const capHw = cc.width / 2;
       const capHh = cc.height / 2;
       const candidateCells = this.getCells(capCx, capCy, capHw, capHh);
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       for (const cell of candidateCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -6202,7 +6235,8 @@ var PhysicsSystem = class {
       const polyCx = (minX + maxX) / 2;
       const polyCy = (minY + maxY) / 2;
       const candidateCells = this.getCells(polyCx, polyCy, polyHw, polyHh);
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       for (const cell of candidateCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -6457,7 +6491,8 @@ var PhysicsSystem = class {
       const triCx = (minX + maxX) / 2;
       const triCy = (minY + maxY) / 2;
       const candidateCells = this.getCells(triCx, triCy, triHw, triHh);
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       for (const cell of candidateCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -6956,7 +6991,8 @@ var PhysicsSystem = class {
         this.hooks.onContactModify(m);
       }
     }
-    const solverBodies = /* @__PURE__ */ new Map();
+    const solverBodies = this._solverBodies;
+    solverBodies.clear();
     for (const id of allBox) {
       const rb = world.getComponent(id, "RigidBody");
       const t = world.getComponent(id, "Transform");
@@ -7264,7 +7300,8 @@ var PhysicsSystem = class {
         (Math.max(startCx, endCx) - Math.min(startCx, endCx)) / 2 + hw,
         (Math.max(startCy, endCy) - Math.min(startCy, endCy)) / 2 + hh
       );
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       for (const cell of sweepCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -7345,7 +7382,8 @@ var PhysicsSystem = class {
         hh: col.height / 2
       };
       const candidateCells = this.getCells(probeAABB.cx, probeAABB.cy, probeAABB.hw, probeAABB.hh);
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       outer: for (const cell of candidateCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -7379,7 +7417,8 @@ var PhysicsSystem = class {
         hh: cap.height / 2
       };
       const candidateCells = this.getCells(probeAABB.cx, probeAABB.cy, probeAABB.hw, probeAABB.hh);
-      const checked = /* @__PURE__ */ new Set();
+      const checked = this._checkedScratch;
+      checked.clear();
       outerCap: for (const cell of candidateCells) {
         const bucket = spatialGrid.get(cell);
         if (!bucket) continue;
@@ -7723,10 +7762,16 @@ var PhysicsSystem = class {
         this.events?.emit("collisionExit", { a, b, normalX: 0, normalY: 0 });
       }
     }
-    this.activeCollisionPairs = currentCollisionPairs;
+    {
+      const prev = this.activeCollisionPairs;
+      this.activeCollisionPairs = currentCollisionPairs;
+      this._currentCollisionPairs = prev;
+    }
     const allWithCollider = world.query("Transform", "BoxCollider");
-    const currentTriggerPairs = /* @__PURE__ */ new Map();
-    const triggerNormals = /* @__PURE__ */ new Map();
+    const currentTriggerPairs = this._currentTriggerPairs;
+    currentTriggerPairs.clear();
+    const triggerNormals = this._triggerNormals;
+    triggerNormals.clear();
     for (let i = 0; i < allWithCollider.length; i++) {
       for (let j = i + 1; j < allWithCollider.length; j++) {
         const ia = allWithCollider[i];
@@ -7762,10 +7807,16 @@ var PhysicsSystem = class {
     for (const [key, [a, b]] of this.activeTriggerPairs) {
       if (!currentTriggerPairs.has(key)) this.events?.emit("triggerExit", { a, b, normalX: 0, normalY: 0 });
     }
-    this.activeTriggerPairs = currentTriggerPairs;
+    {
+      const prev = this.activeTriggerPairs;
+      this.activeTriggerPairs = currentTriggerPairs;
+      this._currentTriggerPairs = prev;
+    }
     if (allCircle.length > 0) {
-      const currentCirclePairs = /* @__PURE__ */ new Map();
-      const circleNormals = /* @__PURE__ */ new Map();
+      const currentCirclePairs = this._currentCirclePairs;
+      currentCirclePairs.clear();
+      const circleNormals = this._circleNormals;
+      circleNormals.clear();
       for (let i = 0; i < allCircle.length; i++) {
         for (let j = i + 1; j < allCircle.length; j++) {
           const ia = allCircle[i];
@@ -7832,14 +7883,19 @@ var PhysicsSystem = class {
       for (const [key, [a, b]] of this.activeCirclePairs) {
         if (!currentCirclePairs.has(key)) this.events?.emit("circleExit", { a, b, normalX: 0, normalY: 0 });
       }
-      this.activeCirclePairs = currentCirclePairs;
+      {
+        const prev = this.activeCirclePairs;
+        this.activeCirclePairs = currentCirclePairs;
+        this._currentCirclePairs = prev;
+      }
     } else if (this.activeCirclePairs.size > 0) {
       for (const [, [a, b]] of this.activeCirclePairs) this.events?.emit("circleExit", { a, b, normalX: 0, normalY: 0 });
-      this.activeCirclePairs = /* @__PURE__ */ new Map();
+      this.activeCirclePairs.clear();
     }
     const allCompound = world.query("Transform", "CompoundCollider");
     if (allCompound.length > 0) {
-      const currentCompoundPairs = /* @__PURE__ */ new Map();
+      const currentCompoundPairs = this._currentCompoundPairs;
+      currentCompoundPairs.clear();
       const allBoxEntities = world.query("Transform", "BoxCollider");
       for (const cid of allCompound) {
         const cc = world.getComponent(cid, "CompoundCollider");
@@ -7914,13 +7970,18 @@ var PhysicsSystem = class {
       for (const [key, [a, b]] of this.activeCompoundPairs) {
         if (!currentCompoundPairs.has(key)) this.events?.emit("compoundExit", { a, b });
       }
-      this.activeCompoundPairs = currentCompoundPairs;
+      {
+        const prev = this.activeCompoundPairs;
+        this.activeCompoundPairs = currentCompoundPairs;
+        this._currentCompoundPairs = prev;
+      }
     } else if (this.activeCompoundPairs.size > 0) {
       for (const [, [a, b]] of this.activeCompoundPairs) this.events?.emit("compoundExit", { a, b });
-      this.activeCompoundPairs = /* @__PURE__ */ new Map();
+      this.activeCompoundPairs.clear();
     }
     if (allCapsule.length > 0) {
-      const currentCapsulePairs = /* @__PURE__ */ new Map();
+      const currentCapsulePairs = this._currentCapsulePairs;
+      currentCapsulePairs.clear();
       const allBoxForCapsule = world.query("Transform", "BoxCollider");
       for (const cid of allCapsule) {
         const cc = world.getComponent(cid, "CapsuleCollider");
@@ -7958,14 +8019,19 @@ var PhysicsSystem = class {
       for (const [key, [a, b]] of this.activeCapsulePairs) {
         if (!currentCapsulePairs.has(key)) this.events?.emit("capsuleExit", { a, b });
       }
-      this.activeCapsulePairs = currentCapsulePairs;
+      {
+        const prev = this.activeCapsulePairs;
+        this.activeCapsulePairs = currentCapsulePairs;
+        this._currentCapsulePairs = prev;
+      }
     } else if (this.activeCapsulePairs.size > 0) {
       for (const [, [a, b]] of this.activeCapsulePairs) this.events?.emit("capsuleExit", { a, b });
-      this.activeCapsulePairs = /* @__PURE__ */ new Map();
+      this.activeCapsulePairs.clear();
     }
     const allPolygonEntities = [...allPolygon, ...allTriangle];
     if (allPolygonEntities.length > 0) {
-      const currentPolyPairs = /* @__PURE__ */ new Map();
+      const currentPolyPairs = this._currentPolygonPairs;
+      currentPolyPairs.clear();
       const allBoxForPoly = world.query("Transform", "BoxCollider");
       for (const pid of allPolygonEntities) {
         const isPoly = world.getComponent(pid, "ConvexPolygonCollider");
@@ -8046,10 +8112,14 @@ var PhysicsSystem = class {
       for (const [key, [a, b]] of this.activePolygonPairs) {
         if (!currentPolyPairs.has(key)) this.events?.emit("polygonExit", { a, b });
       }
-      this.activePolygonPairs = currentPolyPairs;
+      {
+        const prev = this.activePolygonPairs;
+        this.activePolygonPairs = currentPolyPairs;
+        this._currentPolygonPairs = prev;
+      }
     } else if (this.activePolygonPairs.size > 0) {
       for (const [, [a, b]] of this.activePolygonPairs) this.events?.emit("polygonExit", { a, b });
-      this.activePolygonPairs = /* @__PURE__ */ new Map();
+      this.activePolygonPairs.clear();
     }
   }
   // ── Pair pruning ────────────────────────────────────────────────────────

package/dist/index.d.ts

@@ -67,6 +67,10 @@ interface GameProps$1 {
      * - 'onDemand' — sleeps until input arrives or a component calls markDirty().
      *   Use for puzzle games, turn-based games, visual novels, level editors, or any
      *   scene where nothing changes unless the user acts. Saves battery and CPU.
+     *
+     * **Captured at mount.** This prop is read once when the Game mounts and
+     * baked into the loop. Changing it later has no effect — to switch modes,
+     * unmount and remount the Game (e.g. via a `key` change).
      */
     mode?: GameLoopMode;
     style?: CSSProperties;

package/dist/index.js

@@ -63,7 +63,7 @@ import {
   triangleArea,
   triangleMassProperties,
   velocityAtPoint
-} from "./chunk-OT6I5RYW.js";
+} from "./chunk-UMHYQ4EP.js";
 
 // src/components/Game.tsx
 import { useEffect as useEffect11, useRef as useRef11, useState as useState3 } from "react";
@@ -1496,7 +1496,6 @@ function createTimeline(opts) {
     seek(time) {
       elapsed = 0;
       resetSegments();
-      elapsed = 0;
       const step = 1 / 60;
       while (elapsed < time) {
         const d = Math.min(step, time - elapsed);
@@ -5437,6 +5436,10 @@ function useAudioScheduler(opts) {
     if (isRunningRef.current) return;
     const ctx = getAudioCtx();
     if (ctx.state === "suspended") void ctx.resume();
+    if (timerRef.current !== null) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
     nextBeatTimeRef.current = ctx.currentTime;
     nextBeatIndexRef.current = 0;
     currentBeatRef.current = 0;
@@ -7047,7 +7050,7 @@ function Transform({ x = 0, y = 0, rotation = 0, scaleX = 1, scaleY = 1 }) {
 }
 
 // src/components/Sprite.tsx
-import { useEffect as useEffect15, useContext as useContext6 } from "react";
+import { useEffect as useEffect15, useContext as useContext6, useRef as useRef12 } from "react";
 function Sprite({
   width,
   height,
@@ -7150,6 +7153,37 @@ function Sprite({
     }
     return () => engine.ecs.removeComponent(entityId, "Sprite");
   }, []);
+  const didMount = useRef12(false);
+  useEffect15(() => {
+    if (!didMount.current) {
+      didMount.current = true;
+      return;
+    }
+    const comp = engine.ecs.getComponent(entityId, "Sprite");
+    if (!comp) return;
+    if (!src) {
+      comp.image = void 0;
+      comp.src = void 0;
+      return;
+    }
+    let cancelled = false;
+    engine.assets.loadImage(src).then((img) => {
+      if (cancelled) return;
+      const c = engine.ecs.getComponent(entityId, "Sprite");
+      if (c) {
+        c.image = img;
+        c.src = img.src;
+      }
+    }).catch((err) => {
+      if (cancelled) return;
+      const message = err instanceof Error ? err.message : String(err);
+      engine.events.emit("asset:error", { type: "image", src, entityId, error: err });
+      console.error(`[Cubeforge] <Sprite> failed to reload image "${src}": ${message}`);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [src, engine, entityId]);
   useEffect15(() => {
     const comp = engine.ecs.getComponent(entityId, "Sprite");
     if (!comp) return;
@@ -7500,7 +7534,7 @@ function CompoundCollider({ shapes, isTrigger = false, layer = "default", mask =
 }
 
 // src/components/Script.tsx
-import { useEffect as useEffect22, useContext as useContext13, useRef as useRef12 } from "react";
+import { useEffect as useEffect22, useContext as useContext13, useRef as useRef13 } from "react";
 function Script({ init, update }) {
   const engine = useContext13(EngineContext);
   const entityId = useContext13(EntityContext);
@@ -7509,9 +7543,9 @@ function Script({ init, update }) {
       console.warn("[Cubeforge] <Script> must be inside an <Entity>. No EntityContext found.");
     }
   }
-  const initRef = useRef12(init);
+  const initRef = useRef13(init);
   initRef.current = init;
-  const updateRef = useRef12(update);
+  const updateRef = useRef13(update);
   updateRef.current = update;
   useEffect22(() => {
     if (initRef.current) {
@@ -7971,7 +8005,7 @@ function ParticleEmitter({
 }
 
 // src/components/VirtualJoystick.tsx
-import { useRef as useRef13 } from "react";
+import { useRef as useRef14 } from "react";
 
 // src/hooks/useVirtualInput.ts
 var _axes = { x: 0, y: 0 };
@@ -8005,10 +8039,10 @@ function VirtualJoystick({
   actionLabel = "A",
   actionName = "action"
 }) {
-  const baseRef = useRef13(null);
-  const stickRef = useRef13(null);
-  const activePtr = useRef13(null);
-  const baseCenterRef = useRef13({ x: 0, y: 0 });
+  const baseRef = useRef14(null);
+  const stickRef = useRef14(null);
+  const activePtr = useRef14(null);
+  const baseCenterRef = useRef14({ x: 0, y: 0 });
   const radius = size / 2 - 16;
   const applyStickPosition = (dx, dy) => {
     if (!stickRef.current) return;
@@ -8556,10 +8590,10 @@ function ParallaxLayer({
 }
 
 // src/components/ScreenFlash.tsx
-import { forwardRef, useImperativeHandle, useRef as useRef14 } from "react";
+import { forwardRef, useImperativeHandle, useRef as useRef15 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var ScreenFlash = forwardRef((_, ref) => {
-  const divRef = useRef14(null);
+  const divRef = useRef15(null);
   useImperativeHandle(ref, () => ({
     flash(color, duration) {
       const el = divRef.current;
@@ -8595,12 +8629,12 @@ var ScreenFlash = forwardRef((_, ref) => {
 ScreenFlash.displayName = "ScreenFlash";
 
 // src/components/CameraZone.tsx
-import { useEffect as useEffect31, useContext as useContext22, useRef as useRef15 } from "react";
+import { useEffect as useEffect31, useContext as useContext22, useRef as useRef16 } from "react";
 import { Fragment as Fragment6, jsx as jsx13 } from "react/jsx-runtime";
 function CameraZone({ x, y, width, height, watchTag = "player", targetX, targetY, children }) {
   const engine = useContext22(EngineContext);
-  const prevFollowRef = useRef15(void 0);
-  const activeRef = useRef15(false);
+  const prevFollowRef = useRef16(void 0);
+  const activeRef = useRef16(false);
   useEffect31(() => {
     const eid = engine.ecs.createEntity();
     engine.ecs.addComponent(
@@ -9356,7 +9390,7 @@ function useInputMap(bindings) {
 }
 
 // src/hooks/useEvents.ts
-import { useContext as useContext43, useEffect as useEffect49, useRef as useRef16 } from "react";
+import { useContext as useContext43, useEffect as useEffect49, useRef as useRef17 } from "react";
 function useEvents() {
   const engine = useContext43(EngineContext);
   if (!engine) throw new Error("useEvents must be used inside <Game>");
@@ -9364,7 +9398,7 @@ function useEvents() {
 }
 function useEvent(event, handler) {
   const events = useEvents();
-  const handlerRef = useRef16(handler);
+  const handlerRef = useRef17(handler);
   handlerRef.current = handler;
   useEffect49(() => {
     return events.on(event, (data) => handlerRef.current(data));
@@ -9407,13 +9441,13 @@ function useCoordinates() {
 }
 
 // src/hooks/useWorldQuery.ts
-import { useEffect as useEffect50, useRef as useRef17, useState as useState8 } from "react";
+import { useEffect as useEffect50, useRef as useRef18, useState as useState8 } from "react";
 function useWorldQuery(...components) {
   const engine = useGame();
   const [result, setResult] = useState8(() => engine.ecs.query(...components));
-  const prevRef = useRef17([]);
-  const rafRef = useRef17(0);
-  const mountedRef = useRef17(true);
+  const prevRef = useRef18([]);
+  const rafRef = useRef18(0);
+  const mountedRef = useRef18(true);
   useEffect50(() => {
     mountedRef.current = true;
     const tick2 = () => {
@@ -9480,11 +9514,11 @@ function useInputRecorder() {
 }
 
 // src/hooks/useGamepad.ts
-import { useEffect as useEffect52, useRef as useRef18, useState as useState9 } from "react";
+import { useEffect as useEffect52, useRef as useRef19, useState as useState9 } from "react";
 var EMPTY_STATE = { connected: false, axes: [], buttons: [] };
 function useGamepad(playerIndex = 0) {
   const [state, setState] = useState9(EMPTY_STATE);
-  const rafRef = useRef18(0);
+  const rafRef = useRef19(0);
   useEffect52(() => {
     const poll = () => {
       const gp = navigator.getGamepads()[playerIndex];
@@ -9526,7 +9560,7 @@ function usePause() {
 }
 
 // src/hooks/useProfiler.ts
-import { useContext as useContext46, useEffect as useEffect53, useRef as useRef19, useState as useState11 } from "react";
+import { useContext as useContext46, useEffect as useEffect53, useRef as useRef20, useState as useState11 } from "react";
 var EMPTY = {
   fps: 0,
   frameTime: 0,
@@ -9536,9 +9570,9 @@ var EMPTY = {
 function useProfiler() {
   const engine = useContext46(EngineContext);
   const [data, setData] = useState11(EMPTY);
-  const frameTimesRef = useRef19([]);
-  const lastUpdateRef = useRef19(0);
-  const prevTimeRef = useRef19(0);
+  const frameTimesRef = useRef20([]);
+  const lastUpdateRef = useRef20(0);
+  const prevTimeRef = useRef20(0);
   useEffect53(() => {
     if (!engine) return;
     let rafId2;
@@ -9652,11 +9686,11 @@ function useTouch() {
 }
 
 // src/hooks/useGestures.ts
-import { useEffect as useEffect57, useRef as useRef20 } from "react";
+import { useEffect as useEffect57, useRef as useRef21 } from "react";
 function useGestures(handlers, opts = {}) {
-  const handlersRef = useRef20(handlers);
+  const handlersRef = useRef21(handlers);
   handlersRef.current = handlers;
-  const optsRef = useRef20(opts);
+  const optsRef = useRef21(opts);
   optsRef.current = opts;
   useEffect57(() => {
     const target = optsRef.current.target ?? window;
@@ -9793,14 +9827,14 @@ function useGamepadHaptics(playerIndex = 0) {
 }
 
 // src/hooks/useTimer.ts
-import { useRef as useRef21, useCallback as useCallback5, useEffect as useEffect58, useContext as useContext49 } from "react";
+import { useRef as useRef22, useCallback as useCallback5, useEffect as useEffect58, useContext as useContext49 } from "react";
 function useTimer(duration, onComplete, opts) {
   const engine = useContext49(EngineContext);
-  const onCompleteRef = useRef21(onComplete);
+  const onCompleteRef = useRef22(onComplete);
   onCompleteRef.current = onComplete;
-  const loopRef = useRef21(opts?.loop ?? false);
+  const loopRef = useRef22(opts?.loop ?? false);
   loopRef.current = opts?.loop ?? false;
-  const timerRef = useRef21(null);
+  const timerRef = useRef22(null);
   if (!timerRef.current) {
     timerRef.current = createTimer(
       duration,
@@ -9854,14 +9888,14 @@ function useTimer(duration, onComplete, opts) {
 }
 
 // src/hooks/useCoroutine.ts
-import { useRef as useRef22, useEffect as useEffect59, useContext as useContext50 } from "react";
+import { useRef as useRef23, useEffect as useEffect59, useContext as useContext50 } from "react";
 var wait = (seconds) => ({ type: "wait", seconds });
 var waitFrames = (frames) => ({ type: "waitFrames", frames });
 var waitUntil = (condition) => ({ type: "waitUntil", condition });
 var nextCoroutineId = 1;
 function useCoroutine() {
   const engine = useContext50(EngineContext);
-  const coroutinesRef = useRef22(/* @__PURE__ */ new Map());
+  const coroutinesRef = useRef23(/* @__PURE__ */ new Map());
   useEffect59(() => {
     const eid = engine.ecs.createEntity();
     engine.ecs.addComponent(
@@ -9927,15 +9961,15 @@ function useCoroutine() {
       return coroutinesRef.current.size;
     }
   };
-  const controlsRef = useRef22(controls);
+  const controlsRef = useRef23(controls);
   return controlsRef.current;
 }
 
 // src/hooks/useSceneManager.ts
-import { useState as useState12, useCallback as useCallback6, useRef as useRef23 } from "react";
+import { useState as useState12, useCallback as useCallback6, useRef as useRef24 } from "react";
 function useSceneManager(initialScene) {
   const [stack, setStack] = useState12([initialScene]);
-  const stackRef = useRef23(stack);
+  const stackRef = useRef24(stack);
   stackRef.current = stack;
   const push = useCallback6((scene) => {
     setStack((prev) => [...prev, scene]);
@@ -9971,7 +10005,7 @@ function useSceneManager(initialScene) {
 }
 
 // src/hooks/useSceneTransition.ts
-import { useState as useState13, useCallback as useCallback7, useRef as useRef24, useEffect as useEffect60 } from "react";
+import { useState as useState13, useCallback as useCallback7, useRef as useRef25, useEffect as useEffect60 } from "react";
 function useSceneTransition(initialScene, defaultTransition) {
   const [stack, setStack] = useState13([initialScene]);
   const [transState, setTransState] = useState13({
@@ -9980,9 +10014,9 @@ function useSceneTransition(initialScene, defaultTransition) {
     effect: null,
     pendingAction: null
   });
-  const stackRef = useRef24(stack);
+  const stackRef = useRef25(stack);
   stackRef.current = stack;
-  const transRef = useRef24(transState);
+  const transRef = useRef25(transState);
   transRef.current = transState;
   useEffect60(() => {
     if (transState.phase === "idle") return;
@@ -10171,9 +10205,9 @@ function useInputBuffer(opts) {
 }
 
 // src/hooks/useComboDetector.ts
-import { useMemo as useMemo10, useRef as useRef25 } from "react";
+import { useMemo as useMemo10, useRef as useRef26 } from "react";
 function useComboDetector(combos) {
-  const lastComboRef = useRef25(null);
+  const lastComboRef = useRef26(null);
   const result = useMemo10(() => {
     const detector = new ComboDetector({ combos });
     const api = {
@@ -10237,17 +10271,17 @@ function useAccessibility() {
 }
 
 // src/hooks/useHMR.ts
-import { useEffect as useEffect62, useRef as useRef26, useMemo as useMemo11 } from "react";
+import { useEffect as useEffect62, useRef as useRef27, useMemo as useMemo11 } from "react";
 var idCounter = 0;
 function useHMR(hmrKey) {
-  const idRef = useRef26(null);
+  const idRef = useRef27(null);
   if (idRef.current === null) {
     idRef.current = hmrKey ?? `__hmr_${idCounter++}`;
   }
   const key = idRef.current;
   const isHotReload = hmrLoadState(key) !== void 0;
-  const disposeRef = useRef26(null);
-  const acceptRef = useRef26(null);
+  const disposeRef = useRef27(null);
+  const acceptRef = useRef27(null);
   useEffect62(() => {
     const hot = import.meta.hot;
     if (!hot) return;
@@ -10298,13 +10332,13 @@ function useSquashStretch() {
 }
 
 // src/hooks/useHistory.ts
-import { useCallback as useCallback11, useContext as useContext54, useEffect as useEffect63, useRef as useRef27, useState as useState14 } from "react";
+import { useCallback as useCallback11, useContext as useContext54, useEffect as useEffect63, useRef as useRef28, useState as useState14 } from "react";
 function useHistory(options) {
   const engine = useContext54(EngineContext);
   const capacity = options?.capacity ?? 50;
   const bindKeys = options?.bindKeyboardShortcuts ?? false;
-  const stackRef = useRef27([]);
-  const indexRef = useRef27(-1);
+  const stackRef = useRef28([]);
+  const indexRef = useRef28(-1);
   const [version, setVersion] = useState14(0);
   const bump = useCallback11(() => setVersion((v) => v + 1), []);
   const push = useCallback11(() => {
@@ -10438,7 +10472,7 @@ function useSelection() {
 }
 
 // src/components/TransformHandles.tsx
-import { useContext as useContext56, useEffect as useEffect66, useRef as useRef28 } from "react";
+import { useContext as useContext56, useEffect as useEffect66, useRef as useRef29 } from "react";
 
 // src/hooks/useOverlayTick.ts
 import { useEffect as useEffect65 } from "react";
@@ -10480,8 +10514,8 @@ function TransformHandles({
 }) {
   const engine = useContext56(EngineContext);
   const selection = useSelection();
-  const overlayRef = useRef28(null);
-  const dragRef = useRef28(null);
+  const overlayRef = useRef29(null);
+  const dragRef = useRef29(null);
   useOverlayTick(() => {
     if (!engine) return;
     const overlay = overlayRef.current;
@@ -10831,7 +10865,7 @@ function getBounds(ecs, id) {
 }
 
 // src/components/EditableText.tsx
-import { useContext as useContext58, useEffect as useEffect67, useRef as useRef29 } from "react";
+import { useContext as useContext58, useEffect as useEffect67, useRef as useRef30 } from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function EditableText({
   value,
@@ -10855,8 +10889,8 @@ function EditableText({
 }) {
   const engine = useContext58(EngineContext);
   const entityId = useContext58(EntityContext);
-  const containerRef = useRef29(null);
-  const inputRef = useRef29(null);
+  const containerRef = useRef30(null);
+  const inputRef = useRef30(null);
   useOverlayTick(() => {
     if (!engine || entityId === null || entityId === void 0) return;
     const container = containerRef.current;
@@ -11014,7 +11048,7 @@ function copyRegion(source, region, scale) {
 }
 
 // src/components/A11yNode.tsx
-import { useContext as useContext59, useRef as useRef30 } from "react";
+import { useContext as useContext59, useRef as useRef31 } from "react";
 import { jsx as jsx18 } from "react/jsx-runtime";
 function A11yNode({
   label,
@@ -11030,7 +11064,7 @@ function A11yNode({
 }) {
   const engine = useContext59(EngineContext);
   const entityId = useContext59(EntityContext);
-  const nodeRef = useRef30(null);
+  const nodeRef = useRef31(null);
   useOverlayTick(() => {
     if (!engine || entityId === null || entityId === void 0) return;
     const node = nodeRef.current;
@@ -11119,7 +11153,7 @@ function worldToScreenCss3(engine, wx, wy) {
 }
 
 // src/components/VectorPath.tsx
-import { useContext as useContext60, useRef as useRef31 } from "react";
+import { useContext as useContext60, useRef as useRef32 } from "react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function VectorPath({
   d,
@@ -11135,7 +11169,7 @@ function VectorPath({
 }) {
   const engine = useContext60(EngineContext);
   const entityId = useContext60(EntityContext);
-  const svgRef = useRef31(null);
+  const svgRef = useRef32(null);
   useOverlayTick(() => {
     if (!engine || entityId === null || entityId === void 0) return;
     const svg = svgRef.current;
@@ -11196,12 +11230,12 @@ function worldToScreenCss4(engine, wx, wy) {
 }
 
 // src/hooks/useGrid.ts
-import { useCallback as useCallback14, useContext as useContext61, useMemo as useMemo13, useRef as useRef32, useState as useState16 } from "react";
+import { useCallback as useCallback14, useContext as useContext61, useMemo as useMemo13, useRef as useRef33, useState as useState16 } from "react";
 function useGrid({ width, height, fill }) {
   const engine = useContext61(EngineContext);
   const [version, setVersion] = useState16(0);
   const bump = useCallback14(() => setVersion((v) => v + 1), []);
-  const dataRef = useRef32(null);
+  const dataRef = useRef33(null);
   if (dataRef.current === null) {
     const arr = new Array(width * height);
     if (typeof fill === "function") {
@@ -11381,7 +11415,7 @@ function useGrid({ width, height, fill }) {
 }
 
 // src/hooks/useTurnSystem.ts
-import { useCallback as useCallback15, useContext as useContext62, useEffect as useEffect68, useMemo as useMemo14, useRef as useRef33, useState as useState17 } from "react";
+import { useCallback as useCallback15, useContext as useContext62, useEffect as useEffect68, useMemo as useMemo14, useRef as useRef34, useState as useState17 } from "react";
 function useTurnSystem({
   players,
   initialIndex = 0,
@@ -11394,10 +11428,10 @@ function useTurnSystem({
   const [activeIndex, setActiveIndex] = useState17(initialIndex % players.length);
   const [turn, setTurn] = useState17(0);
   const [isPending, setIsPending] = useState17(false);
-  const pendingRafId = useRef33(null);
-  const pendingRemaining = useRef33(0);
-  const pendingTarget = useRef33(null);
-  const pendingLastTime = useRef33(0);
+  const pendingRafId = useRef34(null);
+  const pendingRemaining = useRef34(0);
+  const pendingTarget = useRef34(null);
+  const pendingLastTime = useRef34(0);
   const clearPending = useCallback15(() => {
     if (pendingRafId.current !== null) {
       cancelAnimationFrame(pendingRafId.current);
@@ -11406,7 +11440,7 @@ function useTurnSystem({
     pendingTarget.current = null;
     setIsPending(false);
   }, []);
-  const startedOnce = useRef33(false);
+  const startedOnce = useRef34(false);
   useEffect68(() => {
     if (startedOnce.current) return;
     startedOnce.current = true;
@@ -11583,7 +11617,7 @@ function screenToWorld(engine, cssX, cssY) {
 }
 
 // src/hooks/useDragDrop.ts
-import { useContext as useContext64, useEffect as useEffect70, useRef as useRef34, useState as useState19 } from "react";
+import { useContext as useContext64, useEffect as useEffect70, useRef as useRef35, useState as useState19 } from "react";
 var dragStateByEngine = /* @__PURE__ */ new WeakMap();
 function getActiveDrag(engine) {
   return dragStateByEngine.get(engine) ?? null;
@@ -11608,7 +11642,7 @@ function useDraggable(options) {
   const entityId = options?.entityId ?? ctxEntityId;
   const [isDragging, setIsDragging] = useState19(false);
   const [position, setPosition] = useState19({ x: 0, y: 0 });
-  const optsRef = useRef34(options);
+  const optsRef = useRef35(options);
   optsRef.current = options;
   useEffect70(() => {
     if (!engine || entityId === null || entityId === void 0 || options?.disabled) return;
@@ -11720,7 +11754,7 @@ function useDroppable(options) {
   const entityId = options?.entityId ?? ctxEntityId;
   const [isOver, setIsOver] = useState19(false);
   const [hoveredBy, setHoveredBy] = useState19(null);
-  const optsRef = useRef34(options);
+  const optsRef = useRef35(options);
   optsRef.current = options;
   useEffect70(() => {
     if (!engine || entityId === null || entityId === void 0 || options?.disabled) return;
@@ -11824,7 +11858,7 @@ function findDroppableUnder(engine, drag) {
 }
 
 // src/hooks/useKeyboardFocus.ts
-import { useContext as useContext65, useEffect as useEffect71, useState as useState20 } from "react";
+import { useContext as useContext65, useEffect as useEffect71, useRef as useRef36, useState as useState20 } from "react";
 var registry = /* @__PURE__ */ new Map();
 var focusedId = null;
 var subscribers = /* @__PURE__ */ new Set();
@@ -11841,17 +11875,19 @@ function setFocused(id) {
 }
 function useFocusable(options) {
   const entityIdCtx = useContext65(EntityContext);
+  const optsRef = useRef36(options);
+  optsRef.current = options;
   useEffect71(() => {
     if (entityIdCtx === null || entityIdCtx === void 0) return;
     const id = entityIdCtx;
     const entry = {
       entityId: id,
-      onFocus: options?.onFocus,
-      onBlur: options?.onBlur,
-      onActivate: options?.onActivate
+      onFocus: (eid) => optsRef.current?.onFocus?.(eid),
+      onBlur: (eid) => optsRef.current?.onBlur?.(eid),
+      onActivate: (eid) => optsRef.current?.onActivate?.(eid)
     };
     registry.set(id, entry);
-    if (options?.autoFocus && focusedId === null) setFocused(id);
+    if (optsRef.current?.autoFocus && focusedId === null) setFocused(id);
     return () => {
       registry.delete(id);
       if (focusedId === id) setFocused(null);
@@ -11994,7 +12030,7 @@ function subscribeFocus(cb) {
 }
 
 // src/components/FocusRing.tsx
-import { useContext as useContext66, useEffect as useEffect72, useRef as useRef35, useState as useState21 } from "react";
+import { useContext as useContext66, useEffect as useEffect72, useRef as useRef37, useState as useState21 } from "react";
 import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 function FocusRing({
   color = "#4fc3f7",
@@ -12004,7 +12040,7 @@ function FocusRing({
   pulse = true
 }) {
   const engine = useContext66(EngineContext);
-  const ringRef = useRef35(null);
+  const ringRef = useRef37(null);
   const [focused, setFocused2] = useState21(getFocusedEntityId());
   const [reducedMotion, setReducedMotion] = useState21(false);
   useEffect72(() => {
@@ -12248,12 +12284,12 @@ function useDropThrough(frames = 8) {
 }
 
 // ../gameplay/src/hooks/useGameStateMachine.ts
-import { useState as useState23, useRef as useRef36, useCallback as useCallback19, useEffect as useEffect73, useContext as useContext69 } from "react";
+import { useState as useState23, useRef as useRef38, useCallback as useCallback19, useEffect as useEffect73, useContext as useContext69 } from "react";
 function useGameStateMachine(states, initial) {
   const engine = useContext69(EngineContext);
   const [state, setState] = useState23(initial);
-  const stateRef = useRef36(initial);
-  const statesRef = useRef36(states);
+  const stateRef = useRef38(initial);
+  const statesRef = useRef38(states);
   statesRef.current = states;
   useEffect73(() => {
     statesRef.current[initial]?.onEnter?.();
@@ -12282,22 +12318,22 @@ function useGameStateMachine(states, initial) {
 }
 
 // ../gameplay/src/hooks/useHealth.ts
-import { useRef as useRef37, useEffect as useEffect74, useContext as useContext70, useCallback as useCallback20 } from "react";
+import { useRef as useRef39, useEffect as useEffect74, useContext as useContext70, useCallback as useCallback20 } from "react";
 function useHealth(maxHp, opts = {}) {
   const engine = useContext70(EngineContext);
   const entityId = useContext70(EntityContext);
-  const hpRef = useRef37(maxHp);
-  const invincibleRef = useRef37(false);
+  const hpRef = useRef39(maxHp);
+  const invincibleRef = useRef39(false);
   const iFrameDuration = opts.iFrames ?? 1;
-  const onDeathRef = useRef37(opts.onDeath);
-  const onDamageRef = useRef37(opts.onDamage);
+  const onDeathRef = useRef39(opts.onDeath);
+  const onDamageRef = useRef39(opts.onDamage);
   useEffect74(() => {
     onDeathRef.current = opts.onDeath;
   });
   useEffect74(() => {
     onDamageRef.current = opts.onDamage;
   });
-  const timerRef = useRef37(
+  const timerRef = useRef39(
     createTimer(iFrameDuration, () => {
       invincibleRef.current = false;
     })
@@ -12315,7 +12351,7 @@ function useHealth(maxHp, opts = {}) {
     },
     [iFrameDuration]
   );
-  const takeDamageRef = useRef37(takeDamage);
+  const takeDamageRef = useRef39(takeDamage);
   useEffect74(() => {
     takeDamageRef.current = takeDamage;
   }, [takeDamage]);
@@ -12421,11 +12457,11 @@ function useKinematicBody() {
 }
 
 // ../gameplay/src/hooks/useLevelTransition.ts
-import { useState as useState24, useRef as useRef38, useCallback as useCallback22 } from "react";
+import { useState as useState24, useRef as useRef40, useCallback as useCallback22 } from "react";
 function useLevelTransition(initial) {
   const [currentLevel, setCurrentLevel] = useState24(initial);
   const [isTransitioning, setIsTransitioning] = useState24(false);
-  const overlayRef = useRef38(null);
+  const overlayRef = useRef40(null);
   const transitionTo = useCallback22((level, opts = {}) => {
     const { duration = 0.4, type = "fade" } = opts;
     if (type === "instant") {
@@ -12630,10 +12666,10 @@ function useRestart() {
 }
 
 // ../gameplay/src/hooks/useSave.ts
-import { useCallback as useCallback26, useRef as useRef39 } from "react";
+import { useCallback as useCallback26, useRef as useRef41 } from "react";
 function useSave(key, defaultValue, opts = {}) {
   const version = opts.version ?? 1;
-  const dataRef = useRef39(defaultValue);
+  const dataRef = useRef41(defaultValue);
   const save = useCallback26(
     (value) => {
       dataRef.current = value;
@@ -12685,7 +12721,7 @@ function useSave(key, defaultValue, opts = {}) {
 }
 
 // ../gameplay/src/hooks/useIDBSave.ts
-import { useCallback as useCallback27, useRef as useRef40 } from "react";
+import { useCallback as useCallback27, useRef as useRef42 } from "react";
 var DB_NAME = "cubeforge-saves";
 var STORE_NAME = "saves";
 function openDB() {
@@ -12703,7 +12739,7 @@ function openDB() {
 }
 function useIDBSave(key, defaultValue, opts = {}) {
   const version = opts.version ?? 1;
-  const dbRef = useRef40(null);
+  const dbRef = useRef42(null);
   const getDB = useCallback27(() => {
     if (!dbRef.current) dbRef.current = openDB();
     return dbRef.current;
@@ -12818,11 +12854,11 @@ function useTopDownMovement(entityId, opts = {}) {
 }
 
 // ../gameplay/src/hooks/useDialogue.ts
-import { useState as useState27, useCallback as useCallback28, useRef as useRef41 } from "react";
+import { useState as useState27, useCallback as useCallback28, useRef as useRef43 } from "react";
 function useDialogue() {
   const [active, setActive] = useState27(false);
   const [currentId, setCurrentId] = useState27(null);
-  const scriptRef = useRef41(null);
+  const scriptRef = useRef43(null);
   const start2 = useCallback28((script, startId) => {
     scriptRef.current = script;
     const id = startId ?? Object.keys(script)[0];
@@ -12977,16 +13013,16 @@ function DialogueBox({ dialogue, onAdvance, onClose, style = {} }) {
 }
 
 // ../gameplay/src/hooks/useCutscene.ts
-import { useState as useState28, useCallback as useCallback29, useRef as useRef42, useEffect as useEffect77, useContext as useContext75 } from "react";
+import { useState as useState28, useCallback as useCallback29, useRef as useRef44, useEffect as useEffect77, useContext as useContext75 } from "react";
 function useCutscene() {
   const engine = useContext75(EngineContext);
   const [playing, setPlaying] = useState28(false);
   const [stepIndex, setStepIndex] = useState28(0);
-  const stepsRef = useRef42([]);
-  const timerRef = useRef42(0);
-  const idxRef = useRef42(0);
-  const playingRef = useRef42(false);
-  const entityRef = useRef42(null);
+  const stepsRef = useRef44([]);
+  const timerRef = useRef44(0);
+  const idxRef = useRef44(0);
+  const playingRef = useRef44(false);
+  const entityRef = useRef44(null);
   const finish = useCallback29(() => {
     playingRef.current = false;
     setPlaying(false);
@@ -13119,12 +13155,12 @@ function useGameStore(key, initialState) {
 }
 
 // ../gameplay/src/hooks/useTween.ts
-import { useRef as useRef43, useCallback as useCallback31, useEffect as useEffect78 } from "react";
+import { useRef as useRef45, useCallback as useCallback31, useEffect as useEffect78 } from "react";
 function useTween(opts) {
-  const rafRef = useRef43(null);
-  const startTimeRef = useRef43(0);
-  const runningRef = useRef43(false);
-  const optsRef = useRef43(opts);
+  const rafRef = useRef45(null);
+  const startTimeRef = useRef45(0);
+  const runningRef = useRef45(false);
+  const optsRef = useRef45(opts);
   optsRef.current = opts;
   const stop = useCallback31(() => {
     if (rafRef.current !== null) {
@@ -13179,13 +13215,13 @@ function useTween(opts) {
 }
 
 // ../gameplay/src/hooks/useObjectPool.ts
-import { useRef as useRef44, useMemo as useMemo16, useEffect as useEffect79 } from "react";
+import { useRef as useRef46, useMemo as useMemo16, useEffect as useEffect79 } from "react";
 function useObjectPool(factory, reset, initialSize) {
-  const poolRef = useRef44([]);
-  const activeRef = useRef44(0);
-  const factoryRef = useRef44(factory);
+  const poolRef = useRef46([]);
+  const activeRef = useRef46(0);
+  const factoryRef = useRef46(factory);
   factoryRef.current = factory;
-  const resetRef = useRef44(reset);
+  const resetRef = useRef46(reset);
   resetRef.current = reset;
   useEffect79(() => {
     if (initialSize != null && initialSize > 0) {
@@ -13351,7 +13387,7 @@ function definePrefab(name, defaults, render) {
 }
 
 // src/hooks/useNetworkSync.ts
-import { useEffect as useEffect81, useRef as useRef46 } from "react";
+import { useEffect as useEffect81, useRef as useRef48 } from "react";
 
 // ../../packages/net/src/transport.ts
 function isBinaryTransport(t) {
@@ -13696,7 +13732,7 @@ function syncEntity(config) {
 }
 
 // ../../packages/net/src/useNetworkInput.ts
-import { useState as useState29, useEffect as useEffect80, useRef as useRef45 } from "react";
+import { useState as useState29, useEffect as useEffect80, useRef as useRef47 } from "react";
 var INPUT_MSG_TYPE = "input:state";
 function useNetworkInput(config) {
   const { room, keys, input, tickRate = 20 } = config;
@@ -13705,7 +13741,7 @@ function useNetworkInput(config) {
     () => Object.fromEntries(keys.map((k) => [k, false]))
   );
   const [remoteInputs] = useState29(() => /* @__PURE__ */ new Map());
-  const localInputRef = useRef45(localInput);
+  const localInputRef = useRef47(localInput);
   useEffect80(() => {
     let cleanupDom = null;
     if (!input) {
@@ -13920,7 +13956,7 @@ function lerpState(a, b, t) {
 
 // src/hooks/useNetworkSync.ts
 function useNetworkSync(entityId, components, room, world, owner, opts = {}) {
-  const optsRef = useRef46(opts);
+  const optsRef = useRef48(opts);
   optsRef.current = opts;
   useEffect81(() => {
     const sync = syncEntity({
@@ -13937,16 +13973,16 @@ function useNetworkSync(entityId, components, room, world, owner, opts = {}) {
 }
 
 // src/hooks/useRemotePlayer.ts
-import { useEffect as useEffect82, useRef as useRef47, useState as useState30 } from "react";
+import { useEffect as useEffect82, useRef as useRef49, useState as useState30 } from "react";
 var PEER_JOIN_MSG = "peer:join";
 var PEER_LEAVE_MSG = "peer:leave";
 function useRemotePlayer(config) {
   const { room, world, createEntity, destroyEntity } = config;
   const [players, setPlayers] = useState30(() => /* @__PURE__ */ new Map());
-  const playersRef = useRef47(players);
-  const createRef = useRef47(createEntity);
+  const playersRef = useRef49(players);
+  const createRef = useRef49(createEntity);
   createRef.current = createEntity;
-  const destroyRef = useRef47(destroyEntity);
+  const destroyRef = useRef49(destroyEntity);
   destroyRef.current = destroyEntity;
   useEffect82(() => {
     function spawnPeer(peerId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cubeforge",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "React-first 2D browser game engine",
   "type": "module",
   "main": "./dist/index.js",