@almadar/ui 5.52.0 → 5.53.0

package/dist/avl/index.cjs

@@ -31382,6 +31382,7 @@ function PlatformerCanvas({
   const canvasRef = React90.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React90.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React90.useRef(-1);
   const imageCache = React90.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React90.useState(/* @__PURE__ */ new Set());
   const loadImage = React90.useCallback((url) => {
@@ -31537,6 +31538,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -31662,13 +31675,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -46605,14 +46619,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React90.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -46691,6 +46711,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -46701,6 +46722,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/avl/index.js

@@ -31335,6 +31335,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -31490,6 +31491,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -31615,13 +31628,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -46558,14 +46572,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -46644,6 +46664,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -46654,6 +46675,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/components/index.cjs

@@ -29178,6 +29178,7 @@ function PlatformerCanvas({
   const canvasRef = React76.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React76.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React76.useRef(-1);
   const imageCache = React76.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React76.useState(/* @__PURE__ */ new Set());
   const loadImage = React76.useCallback((url) => {
@@ -29333,6 +29334,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -29458,13 +29471,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -45267,14 +45281,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React76.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -45353,6 +45373,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -45363,6 +45384,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/components/index.js

@@ -29132,6 +29132,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -29287,6 +29288,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -29412,13 +29425,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -45221,14 +45235,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -45307,6 +45327,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -45317,6 +45338,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/providers/index.cjs

@@ -28774,6 +28774,7 @@ function PlatformerCanvas({
   const canvasRef = React82.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React82.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React82.useRef(-1);
   const imageCache = React82.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React82.useState(/* @__PURE__ */ new Set());
   const loadImage = React82.useCallback((url) => {
@@ -28929,6 +28930,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -29054,13 +29067,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44406,14 +44420,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React82.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44492,6 +44512,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44502,6 +44523,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/providers/index.js

@@ -28727,6 +28727,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -28882,6 +28883,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -29007,13 +29020,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44359,14 +44373,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44445,6 +44465,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44455,6 +44476,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/runtime/index.cjs

@@ -28472,6 +28472,7 @@ function PlatformerCanvas({
   const canvasRef = React81.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React81.useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = React81.useRef(-1);
   const imageCache = React81.useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = React81.useState(/* @__PURE__ */ new Set());
   const loadImage = React81.useCallback((url) => {
@@ -28627,6 +28628,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -28752,13 +28765,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = logger.createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44104,14 +44118,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = React81.useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44190,6 +44210,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44200,6 +44221,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = logger.createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/dist/runtime/index.js

@@ -28425,6 +28425,7 @@ function PlatformerCanvas({
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
+  const lastPlatCountRef = useRef(-1);
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
@@ -28580,6 +28581,18 @@ function PlatformerCanvas({
         camX = Math.max(0, Math.min(px - cw / 2, ww - cw));
         camY = Math.max(0, Math.min(py - ch / 2 - 50, wh - ch));
       }
+      if (plats.length !== lastPlatCountRef.current) {
+        lastPlatCountRef.current = plats.length;
+        canvasLog.debug("draw:platforms", {
+          platformCount: plats.length,
+          camX,
+          camY,
+          player: { x: px, y: py },
+          worldWidth: ww,
+          canvasWidth: cw,
+          followCamera: fc
+        });
+      }
       const bgImage = bgImg ? loadImage(bgImg) : null;
       if (bgImage) {
         ctx.drawImage(bgImage, 0, 0, cw, ch);
@@ -28705,13 +28718,14 @@ function PlatformerCanvas({
     }
   );
 }
-var PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
+var canvasLog, PLATFORM_COLORS, PLAYER_COLOR, PLAYER_EYE_COLOR, SKY_GRADIENT_TOP, SKY_GRADIENT_BOTTOM, GRID_COLOR;
 var init_PlatformerCanvas = __esm({
   "components/game/molecules/PlatformerCanvas.tsx"() {
     init_cn();
     init_useEventBus();
     init_verificationRegistry();
     init_useRenderInterpolation();
+    canvasLog = createLogger("almadar:ui:game:platformer-canvas");
     PLATFORM_COLORS = {
       ground: "#4a7c59",
       platform: "#7c6b4a",
@@ -44057,14 +44071,20 @@ function PlatformerBoard({
     grounded: false,
     facingRight: true
   };
-  const entityPlatforms = Array.isArray(row["platforms"]) ? row["platforms"] : void 0;
-  const platforms = propPlatforms ?? entityPlatforms ?? [
+  const platforms = propPlatforms ?? [
     { x: 0, y: 368, width: 800, height: 32, type: "ground" },
     { x: 150, y: 280, width: 160, height: 16, type: "platform" },
     { x: 420, y: 220, width: 160, height: 16, type: "platform" },
     { x: 580, y: 300, width: 80, height: 16, type: "hazard" },
     { x: 700, y: 340, width: 64, height: 28, type: "goal" }
   ];
+  boardLog.debug("platforms-resolve", {
+    propPlatformsCount: Array.isArray(propPlatforms) ? propPlatforms.length : null,
+    usedFallback: propPlatforms === void 0,
+    finalCount: platforms.length,
+    player: { x: player.x, y: player.y, vx: player.vx, vy: player.vy, grounded: player.grounded },
+    result
+  });
   const handleRestart = useCallback(() => {
     if (playAgainEvent) {
       eventBus.emit(`UI:${playAgainEvent}`, {});
@@ -44143,6 +44163,7 @@ function PlatformerBoard({
     }
   );
 }
+var boardLog;
 var init_PlatformerBoard = __esm({
   "components/game/organisms/PlatformerBoard.tsx"() {
     "use client";
@@ -44153,6 +44174,7 @@ var init_PlatformerBoard = __esm({
     init_Typography();
     init_Stack();
     init_PlatformerCanvas();
+    boardLog = createLogger("almadar:ui:game:platformer-board");
     PlatformerBoard.displayName = "PlatformerBoard";
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.52.0",
+  "version": "5.53.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [