@cloudcrane/app-spec 0.0.0-stage → 0.1.1

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/06_music-player.json

@@ -0,0 +1,165 @@
+{
+  "name": "Music Player",
+  "description": "Example of music player",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-music-player",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-music-player",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["album-art", "track-info", "progress", "time-row", "controls"],
+            "align": "center"
+          },
+          {
+            "id": "album-art",
+            "component": "Image",
+            "url": {
+              "path": "/albumArt"
+            },
+            "fit": "cover"
+          },
+          {
+            "id": "track-info",
+            "component": "Column",
+            "children": ["song-title", "artist"],
+            "align": "center"
+          },
+          {
+            "id": "song-title",
+            "component": "Text",
+            "text": {
+              "path": "/title"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "artist",
+            "component": "Text",
+            "text": {
+              "path": "/artist"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "progress",
+            "component": "Slider",
+            "value": {
+              "path": "/progress"
+            },
+            "max": 1
+          },
+          {
+            "id": "time-row",
+            "component": "Row",
+            "children": ["current-time", "total-time"],
+            "justify": "spaceBetween"
+          },
+          {
+            "id": "current-time",
+            "component": "Text",
+            "text": {
+              "path": "/currentTime"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "total-time",
+            "component": "Text",
+            "text": {
+              "path": "/totalTime"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "controls",
+            "component": "Row",
+            "children": ["prev-btn", "play-btn", "next-btn"],
+            "justify": "center"
+          },
+          {
+            "id": "prev-btn-icon",
+            "component": "Icon",
+            "name": "skipPrevious"
+          },
+          {
+            "id": "prev-btn",
+            "component": "Button",
+            "child": "prev-btn-icon",
+            "action": {
+              "event": {
+                "name": "previous",
+                "context": {}
+              }
+            }
+          },
+          {
+            "id": "play-btn-icon",
+            "component": "Icon",
+            "name": {
+              "path": "/playIcon"
+            }
+          },
+          {
+            "id": "play-btn",
+            "component": "Button",
+            "child": "play-btn-icon",
+            "action": {
+              "event": {
+                "name": "playPause",
+                "context": {}
+              }
+            }
+          },
+          {
+            "id": "next-btn-icon",
+            "component": "Icon",
+            "name": "skipNext"
+          },
+          {
+            "id": "next-btn",
+            "component": "Button",
+            "child": "next-btn-icon",
+            "action": {
+              "event": {
+                "name": "next",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-music-player",
+        "value": {
+          "albumArt": "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=300&h=300&fit=crop",
+          "title": "Blinding Lights",
+          "artist": "The Weeknd",
+          "album": "After Hours",
+          "progress": 0.45,
+          "currentTime": "1:48",
+          "totalTime": "4:22",
+          "playIcon": "pause"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/07_task-card.json

@@ -0,0 +1,107 @@
+{
+  "name": "Task Card",
+  "description": "Example of task card demonstrating CheckBox and DateTimeInput.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-task-card",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-task-card",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-row"
+          },
+          {
+            "id": "main-row",
+            "component": "Row",
+            "children": ["status-checkbox", "content", "priority"],
+            "align": "start"
+          },
+          {
+            "id": "status-checkbox",
+            "component": "CheckBox",
+            "label": "",
+            "value": {
+              "path": "/completed"
+            }
+          },
+          {
+            "id": "content",
+            "component": "Column",
+            "children": ["title", "description", "meta-row"]
+          },
+          {
+            "id": "title",
+            "component": "Text",
+            "text": {
+              "path": "/title"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "description",
+            "component": "Text",
+            "text": {
+              "path": "/description"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "meta-row",
+            "component": "Row",
+            "children": ["due-date-input", "project"],
+            "align": "center"
+          },
+          {
+            "id": "due-date-input",
+            "component": "DateTimeInput",
+            "label": "Due",
+            "value": {
+              "path": "/dueDate"
+            },
+            "enableDate": true,
+            "enableTime": true
+          },
+          {
+            "id": "project",
+            "component": "Text",
+            "text": {
+              "path": "/project"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "priority",
+            "component": "Icon",
+            "name": {
+              "path": "/priorityIcon"
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-task-card",
+        "value": {
+          "completed": false,
+          "title": "Review pull request",
+          "description": "Review and approve the authentication module changes.",
+          "dueDate": "2025-12-15T17:00:00Z",
+          "project": "Backend",
+          "priorityIcon": "warning"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/08_user-profile.json

@@ -0,0 +1,190 @@
+{
+  "name": "User Profile",
+  "description": "Example of user profile demonstrating number formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-user-profile",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-user-profile",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["header", "info", "bio", "stats-row", "follow-btn"],
+            "align": "center"
+          },
+          {
+            "id": "header",
+            "component": "Image",
+            "url": {
+              "path": "/avatar"
+            },
+            "fit": "cover",
+            "variant": "avatar"
+          },
+          {
+            "id": "info",
+            "component": "Column",
+            "children": ["name", "username"],
+            "align": "center"
+          },
+          {
+            "id": "name",
+            "component": "Text",
+            "text": {
+              "path": "/name"
+            },
+            "variant": "h2"
+          },
+          {
+            "id": "username",
+            "component": "Text",
+            "text": {
+              "path": "/username"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "bio",
+            "component": "Text",
+            "text": {
+              "path": "/bio"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "stats-row",
+            "component": "Row",
+            "children": ["followers-col", "following-col", "posts-col"],
+            "justify": "spaceAround"
+          },
+          {
+            "id": "followers-col",
+            "component": "Column",
+            "children": ["followers-count", "followers-label"],
+            "align": "center"
+          },
+          {
+            "id": "followers-count",
+            "component": "Text",
+            "text": {
+              "call": "formatNumber",
+              "args": {
+                "value": {
+                  "path": "/followers"
+                }
+              },
+              "returnType": "string"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "followers-label",
+            "component": "Text",
+            "text": "Followers",
+            "variant": "caption"
+          },
+          {
+            "id": "following-col",
+            "component": "Column",
+            "children": ["following-count", "following-label"],
+            "align": "center"
+          },
+          {
+            "id": "following-count",
+            "component": "Text",
+            "text": {
+              "call": "formatNumber",
+              "args": {
+                "value": {
+                  "path": "/following"
+                }
+              },
+              "returnType": "string"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "following-label",
+            "component": "Text",
+            "text": "Following",
+            "variant": "caption"
+          },
+          {
+            "id": "posts-col",
+            "component": "Column",
+            "children": ["posts-count", "posts-label"],
+            "align": "center"
+          },
+          {
+            "id": "posts-count",
+            "component": "Text",
+            "text": {
+              "call": "formatNumber",
+              "args": {
+                "value": {
+                  "path": "/posts"
+                }
+              },
+              "returnType": "string"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "posts-label",
+            "component": "Text",
+            "text": "Posts",
+            "variant": "caption"
+          },
+          {
+            "id": "follow-btn-text",
+            "component": "Text",
+            "text": {
+              "path": "/followText"
+            }
+          },
+          {
+            "id": "follow-btn",
+            "component": "Button",
+            "child": "follow-btn-text",
+            "action": {
+              "event": {
+                "name": "follow",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-user-profile",
+        "value": {
+          "avatar": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop",
+          "name": "Sarah Chen",
+          "username": "@sarahchen",
+          "bio": "Product Designer at Tech Co. Creating delightful experiences.",
+          "followers": 12400,
+          "following": 892,
+          "posts": 347,
+          "followText": "Follow"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/09_login-form.json

@@ -0,0 +1,214 @@
+{
+  "name": "Login Form with Validation",
+  "description": "Example of login form demonstrating validation checks and logic.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-login-form",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-login-form",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": [
+              "header",
+              "email-field",
+              "password-field",
+              "login-btn",
+              "divider",
+              "signup-text"
+            ]
+          },
+          {
+            "id": "header",
+            "component": "Column",
+            "children": ["title", "subtitle"],
+            "align": "center"
+          },
+          {
+            "id": "title",
+            "component": "Text",
+            "text": "Welcome back",
+            "variant": "h2"
+          },
+          {
+            "id": "subtitle",
+            "component": "Text",
+            "text": "Sign in to your account",
+            "variant": "caption"
+          },
+          {
+            "id": "email-field",
+            "component": "TextField",
+            "value": {
+              "path": "/email"
+            },
+            "label": "Email",
+            "checks": [
+              {
+                "condition": {
+                  "call": "required",
+                  "args": {
+                    "value": {
+                      "path": "/email"
+                    }
+                  }
+                },
+                "message": "Email is required"
+              },
+              {
+                "condition": {
+                  "call": "email",
+                  "args": {
+                    "value": {
+                      "path": "/email"
+                    }
+                  }
+                },
+                "message": "Please enter a valid email address"
+              }
+            ]
+          },
+          {
+            "id": "password-field",
+            "component": "TextField",
+            "value": {
+              "path": "/password"
+            },
+            "label": "Password",
+            "variant": "obscured",
+            "checks": [
+              {
+                "condition": {
+                  "call": "required",
+                  "args": {
+                    "value": {
+                      "path": "/password"
+                    }
+                  }
+                },
+                "message": "Password is required"
+              },
+              {
+                "condition": {
+                  "call": "length",
+                  "args": {
+                    "value": {
+                      "path": "/password"
+                    },
+                    "min": 8
+                  }
+                },
+                "message": "Password must be at least 8 characters long"
+              }
+            ]
+          },
+          {
+            "id": "login-btn-text",
+            "component": "Text",
+            "text": "Sign in"
+          },
+          {
+            "id": "login-btn",
+            "component": "Button",
+            "child": "login-btn-text",
+            "checks": [
+              {
+                "condition": {
+                  "call": "and",
+                  "args": {
+                    "values": [
+                      {
+                        "call": "email",
+                        "args": {
+                          "value": {
+                            "path": "/email"
+                          }
+                        }
+                      },
+                      {
+                        "call": "length",
+                        "args": {
+                          "value": {
+                            "path": "/password"
+                          },
+                          "min": 8
+                        }
+                      }
+                    ]
+                  }
+                },
+                "message": "Please fix errors before signing in"
+              }
+            ],
+            "action": {
+              "event": {
+                "name": "login",
+                "context": {
+                  "email": {
+                    "path": "/email"
+                  }
+                }
+              }
+            }
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "signup-text",
+            "component": "Row",
+            "children": ["no-account", "signup-link"],
+            "justify": "center"
+          },
+          {
+            "id": "no-account",
+            "component": "Text",
+            "text": "Don't have an account?",
+            "variant": "caption"
+          },
+          {
+            "id": "signup-link-text",
+            "component": "Text",
+            "text": "Sign up"
+          },
+          {
+            "id": "signup-link",
+            "component": "Button",
+            "child": "signup-link-text",
+            "action": {
+              "event": {
+                "name": "signup",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-login-form",
+        "value": {
+          "email": "",
+          "password": ""
+        }
+      }
+    }
+  ]
+}