@almadar/std 6.5.2 → 7.2.0

package/behaviors/registry/atoms/std-isometric-canvas.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-isometric-canvas",
   "version": "1.0.0",
-  "description": "Isometric game renderer atom using the `isometric-canvas` pattern. Renders tiles, units, and features on an isometric grid. Handles tile clicks, unit clicks, and hover events.",
+  "description": "std-isometric-canvas as a Function",
   "orbitals": [
     {
       "name": "IsometricWorldOrbital",
@@ -37,352 +37,84 @@
           },
           {
             "name": "tiles",
-            "type": "array"
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           },
           {
             "name": "units",
-            "type": "array"
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           },
           {
             "name": "features",
-            "type": "array"
-          }
-        ],
-        "instances": [
-          {
-            "id": "board",
-            "tiles": [
-              {
-                "x": 0,
-                "y": 0,
-                "terrain": "grass"
-              },
-              {
-                "x": 1,
-                "y": 0,
-                "terrain": "dirt"
-              },
-              {
-                "x": 2,
-                "y": 0,
-                "terrain": "stone"
-              },
-              {
-                "x": 3,
-                "y": 0,
-                "terrain": "water"
-              },
-              {
-                "x": 4,
-                "y": 0,
-                "terrain": "sand"
-              },
-              {
-                "x": 5,
-                "y": 0,
-                "terrain": "grass"
-              },
-              {
-                "x": 6,
-                "y": 0,
-                "terrain": "dirt"
-              },
-              {
-                "x": 7,
-                "y": 0,
-                "terrain": "stone"
-              },
-              {
-                "x": 0,
-                "y": 1,
-                "terrain": "dirt"
-              },
-              {
-                "x": 1,
-                "y": 1,
-                "terrain": "stone"
-              },
-              {
-                "x": 2,
-                "y": 1,
-                "terrain": "water"
-              },
-              {
-                "x": 3,
-                "y": 1,
-                "terrain": "sand"
-              },
-              {
-                "x": 4,
-                "y": 1,
-                "terrain": "grass"
-              },
-              {
-                "x": 5,
-                "y": 1,
-                "terrain": "dirt"
-              },
-              {
-                "x": 6,
-                "y": 1,
-                "terrain": "stone"
-              },
-              {
-                "x": 7,
-                "y": 1,
-                "terrain": "water"
-              },
-              {
-                "x": 0,
-                "y": 2,
-                "terrain": "stone"
-              },
-              {
-                "x": 1,
-                "y": 2,
-                "terrain": "water"
-              },
-              {
-                "x": 2,
-                "y": 2,
-                "terrain": "sand"
-              },
-              {
-                "x": 3,
-                "y": 2,
-                "terrain": "grass"
-              },
-              {
-                "x": 4,
-                "y": 2,
-                "terrain": "dirt"
-              },
-              {
-                "x": 5,
-                "y": 2,
-                "terrain": "stone"
-              },
-              {
-                "x": 6,
-                "y": 2,
-                "terrain": "water"
-              },
-              {
-                "x": 7,
-                "y": 2,
-                "terrain": "sand"
-              },
-              {
-                "x": 0,
-                "y": 3,
-                "terrain": "water"
-              },
-              {
-                "x": 1,
-                "y": 3,
-                "terrain": "sand"
-              },
-              {
-                "x": 2,
-                "y": 3,
-                "terrain": "grass"
-              },
-              {
-                "x": 3,
-                "y": 3,
-                "terrain": "dirt"
-              },
-              {
-                "x": 4,
-                "y": 3,
-                "terrain": "stone"
-              },
-              {
-                "x": 5,
-                "y": 3,
-                "terrain": "water"
-              },
-              {
-                "x": 6,
-                "y": 3,
-                "terrain": "sand"
-              },
-              {
-                "x": 7,
-                "y": 3,
-                "terrain": "grass"
-              },
-              {
-                "x": 0,
-                "y": 4,
-                "terrain": "sand"
-              },
-              {
-                "x": 1,
-                "y": 4,
-                "terrain": "grass"
-              },
-              {
-                "x": 2,
-                "y": 4,
-                "terrain": "dirt"
-              },
-              {
-                "x": 3,
-                "y": 4,
-                "terrain": "stone"
-              },
-              {
-                "x": 4,
-                "y": 4,
-                "terrain": "water"
-              },
-              {
-                "x": 5,
-                "y": 4,
-                "terrain": "sand"
-              },
-              {
-                "x": 6,
-                "y": 4,
-                "terrain": "grass"
-              },
-              {
-                "x": 7,
-                "y": 4,
-                "terrain": "dirt"
-              },
-              {
-                "x": 0,
-                "y": 5,
-                "terrain": "grass"
-              },
-              {
-                "x": 1,
-                "y": 5,
-                "terrain": "dirt"
-              },
-              {
-                "x": 2,
-                "y": 5,
-                "terrain": "stone"
-              },
-              {
-                "x": 3,
-                "y": 5,
-                "terrain": "water"
-              },
-              {
-                "x": 4,
-                "y": 5,
-                "terrain": "sand"
-              },
-              {
-                "x": 5,
-                "y": 5,
-                "terrain": "grass"
-              },
-              {
-                "x": 6,
-                "y": 5,
-                "terrain": "dirt"
-              },
-              {
-                "x": 7,
-                "y": 5,
-                "terrain": "stone"
-              },
-              {
-                "x": 0,
-                "y": 6,
-                "terrain": "dirt"
-              },
-              {
-                "x": 1,
-                "y": 6,
-                "terrain": "stone"
-              },
-              {
-                "x": 2,
-                "y": 6,
-                "terrain": "water"
-              },
-              {
-                "x": 3,
-                "y": 6,
-                "terrain": "sand"
-              },
-              {
-                "x": 4,
-                "y": 6,
-                "terrain": "grass"
-              },
-              {
-                "x": 5,
-                "y": 6,
-                "terrain": "dirt"
-              },
-              {
-                "x": 6,
-                "y": 6,
-                "terrain": "stone"
-              },
-              {
-                "x": 7,
-                "y": 6,
-                "terrain": "water"
-              },
-              {
-                "x": 0,
-                "y": 7,
-                "terrain": "stone"
-              },
-              {
-                "x": 1,
-                "y": 7,
-                "terrain": "water"
-              },
-              {
-                "x": 2,
-                "y": 7,
-                "terrain": "sand"
-              },
-              {
-                "x": 3,
-                "y": 7,
-                "terrain": "grass"
-              },
-              {
-                "x": 4,
-                "y": 7,
-                "terrain": "dirt"
-              },
-              {
-                "x": 5,
-                "y": 7,
-                "terrain": "stone"
-              },
-              {
-                "x": 6,
-                "y": 7,
-                "terrain": "water"
-              },
-              {
-                "x": 7,
-                "y": 7,
-                "terrain": "sand"
-              }
-            ],
-            "units": [],
-            "features": []
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           }
         ]
       },
       "traits": [
         {
           "name": "IsometricWorldIsometricCanvas",
-          "linkedEntity": "IsometricWorld",
           "category": "interaction",
+          "linkedEntity": "IsometricWorld",
+          "emits": [
+            {
+              "event": "IsometricWorldLoaded",
+              "description": "Fired when IsometricWorld finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string"
+                },
+                {
+                  "name": "name",
+                  "type": "string"
+                },
+                {
+                  "name": "description",
+                  "type": "string"
+                },
+                {
+                  "name": "status",
+                  "type": "string"
+                },
+                {
+                  "name": "createdAt",
+                  "type": "string"
+                },
+                {
+                  "name": "tiles",
+                  "type": "[string]"
+                },
+                {
+                  "name": "units",
+                  "type": "[string]"
+                },
+                {
+                  "name": "features",
+                  "type": "[string]"
+                }
+              ]
+            },
+            {
+              "event": "IsometricWorldLoadFailed",
+              "description": "Fired when IsometricWorld fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -431,6 +163,20 @@
               {
                 "key": "DESELECT",
                 "name": "Deselect"
+              },
+              {
+                "key": "IsometricWorldLoaded",
+                "name": "IsometricWorld loaded"
+              },
+              {
+                "key": "IsometricWorldLoadFailed",
+                "name": "IsometricWorld load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -441,25 +187,31 @@
                 "effects": [
                   [
                     "fetch",
-                    "IsometricWorld"
+                    "IsometricWorld",
+                    {
+                      "emit": {
+                        "failure": "IsometricWorldLoadFailed",
+                        "success": "IsometricWorldLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "isometric-canvas",
-                      "tiles": "@entity.tiles",
-                      "boardWidth": 8,
-                      "boardHeight": 8,
-                      "scale": 1,
-                      "unitScale": 2,
-                      "debug": false,
-                      "showMinimap": false,
+                      "tileHoverEvent": "TILE_HOVER",
+                      "tileLeaveEvent": "TILE_LEAVE",
                       "enableCamera": true,
+                      "unitScale": 2.0,
+                      "tiles": "@entity.tiles",
                       "tileClickEvent": "TILE_CLICK",
                       "unitClickEvent": "UNIT_CLICK",
-                      "tileHoverEvent": "TILE_HOVER",
-                      "tileLeaveEvent": "TILE_LEAVE"
+                      "boardWidth": 8.0,
+                      "type": "isometric-canvas",
+                      "scale": 1.0,
+                      "showMinimap": false,
+                      "boardHeight": 8.0,
+                      "debug": false
                     }
                   ]
                 ]
@@ -473,19 +225,19 @@
                     "render-ui",
                     "main",
                     {
+                      "scale": 1.0,
+                      "debug": false,
                       "type": "isometric-canvas",
+                      "unitClickEvent": "UNIT_CLICK",
+                      "boardWidth": 8.0,
                       "tiles": "@entity.tiles",
-                      "boardWidth": 8,
-                      "boardHeight": 8,
-                      "scale": 1,
-                      "unitScale": 2,
-                      "debug": false,
+                      "boardHeight": 8.0,
+                      "unitScale": 2.0,
                       "showMinimap": false,
-                      "enableCamera": true,
-                      "tileClickEvent": "TILE_CLICK",
-                      "unitClickEvent": "UNIT_CLICK",
                       "tileHoverEvent": "TILE_HOVER",
-                      "tileLeaveEvent": "TILE_LEAVE"
+                      "tileClickEvent": "TILE_CLICK",
+                      "tileLeaveEvent": "TILE_LEAVE",
+                      "enableCamera": true
                     }
                   ]
                 ]
@@ -499,23 +251,33 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "isometric-canvas",
+                      "scale": 1.0,
                       "tiles": "@entity.tiles",
-                      "boardWidth": 8,
-                      "boardHeight": 8,
-                      "scale": 1,
-                      "unitScale": 2,
-                      "debug": false,
+                      "unitClickEvent": "UNIT_CLICK",
+                      "boardWidth": 8.0,
+                      "boardHeight": 8.0,
                       "showMinimap": false,
+                      "tileLeaveEvent": "TILE_LEAVE",
+                      "tileHoverEvent": "TILE_HOVER",
+                      "unitScale": 2.0,
                       "enableCamera": true,
                       "tileClickEvent": "TILE_CLICK",
-                      "unitClickEvent": "UNIT_CLICK",
-                      "tileHoverEvent": "TILE_HOVER",
-                      "tileLeaveEvent": "TILE_LEAVE"
+                      "debug": false,
+                      "type": "isometric-canvas"
                     }
                   ]
                 ]
               },
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "TILE_HOVER"
+              },
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "TILE_LEAVE"
+              },
               {
                 "from": "active",
                 "to": "active",
@@ -525,19 +287,19 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "isometric-canvas",
-                      "tiles": "@entity.tiles",
-                      "boardWidth": 8,
-                      "boardHeight": 8,
-                      "scale": 1,
-                      "unitScale": 2,
                       "debug": false,
+                      "scale": 1.0,
+                      "tiles": "@entity.tiles",
+                      "tileHoverEvent": "TILE_HOVER",
                       "showMinimap": false,
                       "enableCamera": true,
                       "tileClickEvent": "TILE_CLICK",
+                      "tileLeaveEvent": "TILE_LEAVE",
+                      "unitScale": 2.0,
                       "unitClickEvent": "UNIT_CLICK",
-                      "tileHoverEvent": "TILE_HOVER",
-                      "tileLeaveEvent": "TILE_LEAVE"
+                      "boardWidth": 8.0,
+                      "boardHeight": 8.0,
+                      "type": "isometric-canvas"
                     }
                   ]
                 ]
@@ -551,19 +313,19 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "isometric-canvas",
+                      "enableCamera": true,
                       "tiles": "@entity.tiles",
-                      "boardWidth": 8,
-                      "boardHeight": 8,
-                      "scale": 1,
-                      "unitScale": 2,
+                      "boardWidth": 8.0,
+                      "unitClickEvent": "UNIT_CLICK",
+                      "scale": 1.0,
+                      "unitScale": 2.0,
+                      "boardHeight": 8.0,
                       "debug": false,
-                      "showMinimap": false,
-                      "enableCamera": true,
                       "tileClickEvent": "TILE_CLICK",
-                      "unitClickEvent": "UNIT_CLICK",
+                      "showMinimap": false,
                       "tileHoverEvent": "TILE_HOVER",
-                      "tileLeaveEvent": "TILE_LEAVE"
+                      "tileLeaveEvent": "TILE_LEAVE",
+                      "type": "isometric-canvas"
                     }
                   ]
                 ]
@@ -571,26 +333,12 @@
               {
                 "from": "active",
                 "to": "active",
-                "event": "TILE_HOVER",
-                "effects": []
-              },
-              {
-                "from": "idle",
-                "to": "idle",
-                "event": "TILE_HOVER",
-                "effects": []
+                "event": "TILE_HOVER"
               },
               {
                 "from": "active",
                 "to": "active",
-                "event": "TILE_LEAVE",
-                "effects": []
-              },
-              {
-                "from": "idle",
-                "to": "idle",
-                "event": "TILE_LEAVE",
-                "effects": []
+                "event": "TILE_LEAVE"
               },
               {
                 "from": "active",
@@ -601,25 +349,26 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "isometric-canvas",
-                      "tiles": "@entity.tiles",
-                      "boardWidth": 8,
-                      "boardHeight": 8,
-                      "scale": 1,
-                      "unitScale": 2,
-                      "debug": false,
-                      "showMinimap": false,
                       "enableCamera": true,
+                      "boardWidth": 8.0,
+                      "showMinimap": false,
+                      "type": "isometric-canvas",
                       "tileClickEvent": "TILE_CLICK",
+                      "unitScale": 2.0,
+                      "scale": 1.0,
+                      "debug": false,
                       "unitClickEvent": "UNIT_CLICK",
                       "tileHoverEvent": "TILE_HOVER",
-                      "tileLeaveEvent": "TILE_LEAVE"
+                      "tileLeaveEvent": "TILE_LEAVE",
+                      "boardHeight": 8.0,
+                      "tiles": "@entity.tiles"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "instance"
         }
       ],
       "pages": [
@@ -635,4 +384,4 @@
       ]
     }
   ]
-}
+}