@almadar/ui 5.69.0 → 5.70.0

package/dist/avl/index.cjs

@@ -47244,35 +47244,44 @@ var init_HexStrategyBoard = __esm({
   }
 });
 function HolidayRunnerBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 400,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-400 text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GameCanvas2D,
-      {
-        width,
-        height,
-        fps,
-        backgroundImage: backgroundImage ?? "",
-        assetBaseUrl
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_HolidayRunnerBoard = __esm({
   "components/game/organisms/HolidayRunnerBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     HolidayRunnerBoard.displayName = "HolidayRunnerBoard";
   }
 });
@@ -48990,25 +48999,36 @@ var init_PricingPageTemplate = __esm({
   }
 });
 function RacingBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
-  tickEvent,
-  drawEvent,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("racing-board relative w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
-    GameCanvas2D,
+    IsometricCanvas_default,
     {
-      backgroundImage,
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
       assetBaseUrl,
-      width,
-      height,
-      fps,
-      tickEvent: typeof tickEvent === "string" ? tickEvent : void 0,
-      drawEvent: typeof drawEvent === "string" ? drawEvent : void 0
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
     }
   ) });
 }
@@ -49016,7 +49036,7 @@ var init_RacingBoard = __esm({
   "components/game/organisms/RacingBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     RacingBoard.displayName = "RacingBoard";
   }
 });
@@ -52268,35 +52288,44 @@ var init_SokobanBoard = __esm({
   }
 });
 function SpaceShmupBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-shmup-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-red-900/60 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GameCanvas2D,
-      {
-        backgroundImage,
-        assetBaseUrl,
-        width,
-        height,
-        fps
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-shmup-board relative w-full h-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_SpaceShmupBoard = __esm({
   "components/game/organisms/SpaceShmupBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     SpaceShmupBoard.displayName = "SpaceShmupBoard";
   }
 });

package/dist/avl/index.js

@@ -47197,35 +47197,44 @@ var init_HexStrategyBoard = __esm({
   }
 });
 function HolidayRunnerBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 400,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-red-400 text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsx(
-      GameCanvas2D,
-      {
-        width,
-        height,
-        fps,
-        backgroundImage: backgroundImage ?? "",
-        assetBaseUrl
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: cn("holiday-runner-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_HolidayRunnerBoard = __esm({
   "components/game/organisms/HolidayRunnerBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     HolidayRunnerBoard.displayName = "HolidayRunnerBoard";
   }
 });
@@ -48943,25 +48952,36 @@ var init_PricingPageTemplate = __esm({
   }
 });
 function RacingBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
-  tickEvent,
-  drawEvent,
+  scale = 0.45,
+  showMinimap = true,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
+  isLoading,
+  error,
   className
 }) {
   return /* @__PURE__ */ jsx("div", { className: cn("racing-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
-    GameCanvas2D,
+    IsometricCanvas_default,
     {
-      backgroundImage,
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
       assetBaseUrl,
-      width,
-      height,
-      fps,
-      tickEvent: typeof tickEvent === "string" ? tickEvent : void 0,
-      drawEvent: typeof drawEvent === "string" ? drawEvent : void 0
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
     }
   ) });
 }
@@ -48969,7 +48989,7 @@ var init_RacingBoard = __esm({
   "components/game/organisms/RacingBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     RacingBoard.displayName = "RacingBoard";
   }
 });
@@ -52221,35 +52241,44 @@ var init_SokobanBoard = __esm({
   }
 });
 function SpaceShmupBoard({
-  backgroundImage,
+  tiles,
+  units,
+  features,
+  assetManifest,
   assetBaseUrl,
-  width = 800,
-  height = 600,
-  fps = 60,
+  scale = 0.45,
+  showMinimap = false,
+  enableCamera = true,
+  tileClickEvent,
+  unitClickEvent,
   isLoading,
   error,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-shmup-board relative w-full h-full", className), children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "Loading\u2026" }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-red-900/60 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: error.message }) }),
-    /* @__PURE__ */ jsx(
-      GameCanvas2D,
-      {
-        backgroundImage,
-        assetBaseUrl,
-        width,
-        height,
-        fps
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: cn("space-shmup-board relative w-full h-full", className), children: /* @__PURE__ */ jsx(
+    IsometricCanvas_default,
+    {
+      tileLayout: "flat",
+      tiles,
+      units,
+      features,
+      assetManifest,
+      assetBaseUrl,
+      scale,
+      showMinimap,
+      enableCamera,
+      tileClickEvent,
+      unitClickEvent,
+      isLoading,
+      error
+    }
+  ) });
 }
 var init_SpaceShmupBoard = __esm({
   "components/game/organisms/SpaceShmupBoard.tsx"() {
     "use client";
     init_cn();
-    init_GameCanvas2D();
+    init_IsometricCanvas();
     SpaceShmupBoard.displayName = "SpaceShmupBoard";
   }
 });

package/dist/components/game/organisms/HolidayRunnerBoard.d.ts

@@ -1,34 +1,36 @@
 import React from 'react';
 import type { AssetUrl, EventEmit } from '@almadar/core';
+import type { IsometricTile, IsometricUnit, IsometricFeature } from './types/isometric';
 import type { DisplayStateProps } from '../../core/organisms/types';
+import type { IsometricCanvasProps } from '../molecules/IsometricCanvas';
 export interface HolidayRunnerBoardProps extends DisplayStateProps {
-    /** Background image URL for the runner level */
-    backgroundImage?: AssetUrl;
-    /** Base URL prefix for asset URLs */
+    /** Ground/sky terrain tiles for the side-scroll strip */
+    tiles?: IsometricTile[];
+    /** Runner and obstacle units on the board */
+    units?: IsometricUnit[];
+    /** Features (gifts, obstacles, etc.) on the board */
+    features?: IsometricFeature[];
+    /** Asset sprite manifest (same shape as IsometricCanvas.assetManifest) */
+    assetManifest?: IsometricCanvasProps['assetManifest'];
+    /** Base URL prepended to manifest sprite paths */
     assetBaseUrl?: AssetUrl;
-    /** Canvas width in pixels */
-    width?: number;
-    /** Canvas height in pixels */
-    height?: number;
-    /** Target frames per second */
-    fps?: number;
     /** Render scale */
     scale?: number;
     /** Show minimap overlay */
     showMinimap?: boolean;
     /** Enable camera pan/zoom controls */
     enableCamera?: boolean;
-    /** Declarative event: emits UI:{tickEvent} with { dt, frame } each tick */
-    tickEvent?: EventEmit<{
-        dt: number;
-        frame: number;
+    /** Declarative event: emits UI:{tileClickEvent} with { x, y } on tile click */
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
     }>;
-    /** Declarative event: emits UI:{drawEvent} with { frame } each draw frame */
-    drawEvent?: EventEmit<{
-        frame: number;
+    /** Declarative event: emits UI:{unitClickEvent} with { unitId } on unit click */
+    unitClickEvent?: EventEmit<{
+        unitId: string;
     }>;
 }
-export declare function HolidayRunnerBoard({ backgroundImage, assetBaseUrl, width, height, fps, isLoading, error, className, }: HolidayRunnerBoardProps): React.ReactElement;
+export declare function HolidayRunnerBoard({ tiles, units, features, assetManifest, assetBaseUrl, scale, showMinimap, enableCamera, tileClickEvent, unitClickEvent, isLoading, error, className, }: HolidayRunnerBoardProps): React.ReactElement;
 export declare namespace HolidayRunnerBoard {
     var displayName: string;
 }

package/dist/components/game/organisms/RacingBoard.d.ts

@@ -1,28 +1,36 @@
 import React from 'react';
 import type { AssetUrl, EventEmit } from '@almadar/core';
+import type { IsometricTile, IsometricUnit, IsometricFeature } from './types/isometric';
 import type { DisplayStateProps } from '../../core/organisms/types';
+import type { IsometricCanvasProps } from '../molecules/IsometricCanvas';
 export interface RacingBoardProps extends DisplayStateProps {
-    /** Race track background image URL */
-    backgroundImage?: AssetUrl;
-    /** Base URL prepended to asset paths */
+    /** Road + grass terrain tiles forming the race circuit */
+    tiles?: IsometricTile[];
+    /** Car units on the track */
+    units?: IsometricUnit[];
+    /** Track features (pit lane markers, start/finish line, etc.) */
+    features?: IsometricFeature[];
+    /** Asset sprite manifest (same shape as IsometricCanvas.assetManifest) */
+    assetManifest?: IsometricCanvasProps['assetManifest'];
+    /** Base URL prepended to manifest sprite paths */
     assetBaseUrl?: AssetUrl;
-    /** Canvas width in pixels */
-    width?: number;
-    /** Canvas height in pixels */
-    height?: number;
-    /** Target frames per second */
-    fps?: number;
-    /** Declarative event: emits UI:{tickEvent} with { dt, frame } each tick */
-    tickEvent?: EventEmit<{
-        dt: number;
-        frame: number;
+    /** Render scale */
+    scale?: number;
+    /** Show minimap overlay */
+    showMinimap?: boolean;
+    /** Enable camera pan/zoom controls */
+    enableCamera?: boolean;
+    /** Declarative event: emits UI:{tileClickEvent} with { x, y } on tile click */
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
     }>;
-    /** Declarative event: emits UI:{drawEvent} with { frame } each draw frame */
-    drawEvent?: EventEmit<{
-        frame: number;
+    /** Declarative event: emits UI:{unitClickEvent} with { unitId } on unit click */
+    unitClickEvent?: EventEmit<{
+        unitId: string;
     }>;
 }
-export declare function RacingBoard({ backgroundImage, assetBaseUrl, width, height, fps, tickEvent, drawEvent, className, }: RacingBoardProps): React.ReactElement;
+export declare function RacingBoard({ tiles, units, features, assetManifest, assetBaseUrl, scale, showMinimap, enableCamera, tileClickEvent, unitClickEvent, isLoading, error, className, }: RacingBoardProps): React.ReactElement;
 export declare namespace RacingBoard {
     var displayName: string;
 }

package/dist/components/game/organisms/SpaceShmupBoard.d.ts

@@ -1,19 +1,36 @@
 import React from 'react';
-import type { AssetUrl } from '@almadar/core';
+import type { AssetUrl, EventEmit } from '@almadar/core';
+import type { IsometricTile, IsometricUnit, IsometricFeature } from './types/isometric';
 import type { DisplayStateProps } from '../../core/organisms/types';
+import type { IsometricCanvasProps } from '../molecules/IsometricCanvas';
 export interface SpaceShmupBoardProps extends DisplayStateProps {
-    /** Background image URL (starfield / space scene) */
-    backgroundImage?: AssetUrl;
-    /** Base URL prefix for asset URLs */
+    /** Space terrain tiles filling the grid */
+    tiles?: IsometricTile[];
+    /** Player ship and enemy ships on the board */
+    units?: IsometricUnit[];
+    /** Features (asteroids, power-ups, etc.) on the board */
+    features?: IsometricFeature[];
+    /** Asset sprite manifest (same shape as IsometricCanvas.assetManifest) */
+    assetManifest?: IsometricCanvasProps['assetManifest'];
+    /** Base URL prepended to manifest sprite paths */
     assetBaseUrl?: AssetUrl;
-    /** Canvas width in pixels */
-    width?: number;
-    /** Canvas height in pixels */
-    height?: number;
-    /** Target frames per second */
-    fps?: number;
+    /** Render scale */
+    scale?: number;
+    /** Show minimap overlay */
+    showMinimap?: boolean;
+    /** Enable camera pan/zoom controls */
+    enableCamera?: boolean;
+    /** Declarative event: emits UI:{tileClickEvent} with { x, y } on tile click */
+    tileClickEvent?: EventEmit<{
+        x: number;
+        y: number;
+    }>;
+    /** Declarative event: emits UI:{unitClickEvent} with { unitId } on unit click */
+    unitClickEvent?: EventEmit<{
+        unitId: string;
+    }>;
 }
-export declare function SpaceShmupBoard({ backgroundImage, assetBaseUrl, width, height, fps, isLoading, error, className, }: SpaceShmupBoardProps): React.ReactElement;
+export declare function SpaceShmupBoard({ tiles, units, features, assetManifest, assetBaseUrl, scale, showMinimap, enableCamera, tileClickEvent, unitClickEvent, isLoading, error, className, }: SpaceShmupBoardProps): React.ReactElement;
 export declare namespace SpaceShmupBoard {
     var displayName: string;
 }