@almadar/std 6.5.2 → 7.2.0

package/behaviors/registry/atoms/std-sprite.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-sprite",
   "version": "1.0.0",
-  "description": "Sprite renderer atom using the `sprite` pattern. Renders a single frame from a spritesheet with position and scale. Handles frame changes and click events.",
+  "description": "std-sprite as a Function",
   "orbitals": [
     {
       "name": "SpriteEntityOrbital",
@@ -38,17 +38,17 @@
           {
             "name": "x",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "y",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "frame",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "spritesheet",
@@ -60,8 +60,64 @@
       "traits": [
         {
           "name": "SpriteEntitySprite",
-          "linkedEntity": "SpriteEntity",
           "category": "interaction",
+          "linkedEntity": "SpriteEntity",
+          "emits": [
+            {
+              "event": "SpriteEntityLoaded",
+              "description": "Fired when SpriteEntity 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": "x",
+                  "type": "number"
+                },
+                {
+                  "name": "y",
+                  "type": "number"
+                },
+                {
+                  "name": "frame",
+                  "type": "number"
+                },
+                {
+                  "name": "spritesheet",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "SpriteEntityLoadFailed",
+              "description": "Fired when SpriteEntity fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -88,6 +144,20 @@
               {
                 "key": "CLICK",
                 "name": "Click"
+              },
+              {
+                "key": "SpriteEntityLoaded",
+                "name": "SpriteEntity loaded"
+              },
+              {
+                "key": "SpriteEntityLoadFailed",
+                "name": "SpriteEntity load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -98,94 +168,100 @@
                 "effects": [
                   [
                     "fetch",
-                    "SpriteEntity"
+                    "SpriteEntity",
+                    {
+                      "emit": {
+                        "success": "SpriteEntityLoaded",
+                        "failure": "SpriteEntityLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
                           "children": [
                             {
+                              "size": "lg",
                               "type": "icon",
-                              "name": "image",
-                              "size": "lg"
+                              "name": "image"
                             },
                             {
                               "type": "typography",
                               "content": "SpriteEntity Sprite",
                               "variant": "h2"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "box",
                           "className": "relative bg-gray-900 rounded-lg overflow-hidden",
-                          "style": {
-                            "width": "256px",
-                            "height": "256px",
-                            "margin": "0 auto"
-                          },
+                          "type": "box",
                           "children": [
                             {
-                              "type": "sprite",
+                              "y": 64.0,
+                              "frameWidth": 64.0,
                               "spritesheet": "@SpriteEntity.spritesheet",
-                              "frameWidth": 64,
-                              "frameHeight": 64,
-                              "frame": "@SpriteEntity.frame",
-                              "x": 64,
-                              "y": 64,
-                              "scale": 1
+                              "x": 64.0,
+                              "type": "sprite",
+                              "frameHeight": 64.0,
+                              "scale": 1.0,
+                              "frame": "@SpriteEntity.frame"
                             }
-                          ]
+                          ],
+                          "style": {
+                            "width": "256px",
+                            "height": "256px",
+                            "margin": "0 auto"
+                          }
                         },
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "center",
                           "children": [
                             {
-                              "type": "typography",
                               "content": "Frame: ",
                               "variant": "caption",
+                              "type": "typography",
                               "color": "muted"
                             },
                             {
+                              "variant": "default",
                               "type": "badge",
-                              "content": "@SpriteEntity.frame",
-                              "variant": "default"
+                              "content": "@SpriteEntity.frame"
                             },
                             {
-                              "type": "typography",
+                              "color": "muted",
                               "content": "Position: ",
                               "variant": "caption",
-                              "color": "muted"
+                              "type": "typography"
                             },
                             {
                               "type": "badge",
+                              "variant": "default",
                               "content": [
-                                "str/concat",
+                                "concat",
                                 "@SpriteEntity.x",
                                 ",",
                                 "@SpriteEntity.y"
-                              ],
-                              "variant": "default"
+                              ]
                             }
-                          ]
+                          ],
+                          "justify": "center",
+                          "gap": "md"
                         }
-                      ]
+                      ],
+                      "gap": "md",
+                      "direction": "vertical",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -199,34 +275,33 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
+                      "type": "stack",
                       "gap": "md",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "image",
-                              "size": "lg"
+                              "size": "lg",
+                              "type": "icon"
                             },
                             {
-                              "type": "typography",
                               "content": "SpriteEntity Sprite",
+                              "type": "typography",
                               "variant": "h2"
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "gap": "sm",
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "type": "box",
-                          "className": "relative bg-gray-900 rounded-lg overflow-hidden",
                           "style": {
                             "width": "256px",
                             "height": "256px",
@@ -235,50 +310,51 @@
                           "children": [
                             {
                               "type": "sprite",
-                              "spritesheet": "@SpriteEntity.spritesheet",
-                              "frameWidth": 64,
-                              "frameHeight": 64,
                               "frame": "@SpriteEntity.frame",
-                              "x": 64,
-                              "y": 64,
-                              "scale": 1
+                              "frameHeight": 64.0,
+                              "y": 64.0,
+                              "spritesheet": "@SpriteEntity.spritesheet",
+                              "frameWidth": 64.0,
+                              "x": 64.0,
+                              "scale": 1.0
                             }
-                          ]
+                          ],
+                          "className": "relative bg-gray-900 rounded-lg overflow-hidden"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "md",
                           "justify": "center",
                           "children": [
                             {
-                              "type": "typography",
-                              "content": "Frame: ",
                               "variant": "caption",
-                              "color": "muted"
+                              "color": "muted",
+                              "content": "Frame: ",
+                              "type": "typography"
                             },
                             {
                               "type": "badge",
-                              "content": "@SpriteEntity.frame",
-                              "variant": "default"
+                              "variant": "default",
+                              "content": "@SpriteEntity.frame"
                             },
                             {
+                              "color": "muted",
                               "type": "typography",
-                              "content": "Position: ",
                               "variant": "caption",
-                              "color": "muted"
+                              "content": "Position: "
                             },
                             {
                               "type": "badge",
+                              "variant": "default",
                               "content": [
-                                "str/concat",
+                                "concat",
                                 "@SpriteEntity.x",
                                 ",",
                                 "@SpriteEntity.y"
-                              ],
-                              "variant": "default"
+                              ]
                             }
-                          ]
+                          ],
+                          "direction": "horizontal",
+                          "type": "stack"
                         }
                       ]
                     }
@@ -288,11 +364,11 @@
               {
                 "from": "idle",
                 "to": "idle",
-                "event": "CLICK",
-                "effects": []
+                "event": "CLICK"
               }
             ]
-          }
+          },
+          "scope": "instance"
         }
       ],
       "pages": [
@@ -308,4 +384,4 @@
       ]
     }
   ]
-}
+}