@cloudcrane/app-spec 0.0.0-stage → 0.1.0

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/14_sports-player.json

@@ -0,0 +1,177 @@
+{
+  "name": "Sports Player",
+  "description": "Example of sports player",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-sports-player",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-sports-player",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["player-image", "player-info", "divider", "stats-row"],
+            "align": "center"
+          },
+          {
+            "id": "player-image",
+            "component": "Image",
+            "url": {
+              "path": "/playerImage"
+            },
+            "fit": "cover"
+          },
+          {
+            "id": "player-info",
+            "component": "Column",
+            "children": ["player-name", "player-details"],
+            "align": "center"
+          },
+          {
+            "id": "player-name",
+            "component": "Text",
+            "text": {
+              "path": "/playerName"
+            },
+            "variant": "h2"
+          },
+          {
+            "id": "player-details",
+            "component": "Row",
+            "children": ["player-number", "player-team"],
+            "align": "center"
+          },
+          {
+            "id": "player-number",
+            "component": "Text",
+            "text": {
+              "path": "/number"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "player-team",
+            "component": "Text",
+            "text": {
+              "path": "/team"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "stats-row",
+            "component": "Row",
+            "children": ["stat1", "stat2", "stat3"],
+            "justify": "spaceAround"
+          },
+          {
+            "id": "stat1",
+            "component": "Column",
+            "children": ["stat1-value", "stat1-label"],
+            "align": "center"
+          },
+          {
+            "id": "stat1-value",
+            "component": "Text",
+            "text": {
+              "path": "/stat1/value"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "stat1-label",
+            "component": "Text",
+            "text": {
+              "path": "/stat1/label"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "stat2",
+            "component": "Column",
+            "children": ["stat2-value", "stat2-label"],
+            "align": "center"
+          },
+          {
+            "id": "stat2-value",
+            "component": "Text",
+            "text": {
+              "path": "/stat2/value"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "stat2-label",
+            "component": "Text",
+            "text": {
+              "path": "/stat2/label"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "stat3",
+            "component": "Column",
+            "children": ["stat3-value", "stat3-label"],
+            "align": "center"
+          },
+          {
+            "id": "stat3-value",
+            "component": "Text",
+            "text": {
+              "path": "/stat3/value"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "stat3-label",
+            "component": "Text",
+            "text": {
+              "path": "/stat3/label"
+            },
+            "variant": "caption"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-sports-player",
+        "value": {
+          "playerImage": "https://images.unsplash.com/photo-1546519638-68e109498ffc?w=200&h=200&fit=crop",
+          "playerName": "Marcus Johnson",
+          "number": "#23",
+          "team": "LA Lakers",
+          "stat1": {
+            "value": "28.4",
+            "label": "PPG"
+          },
+          "stat2": {
+            "value": "7.2",
+            "label": "RPG"
+          },
+          "stat3": {
+            "value": "6.8",
+            "label": "APG"
+          }
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/15_account-balance.json

@@ -0,0 +1,126 @@
+{
+  "name": "Account Balance",
+  "description": "Example of account balance demonstrating currency formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-account-balance",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-account-balance",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["header", "balance", "updated", "divider", "actions"]
+          },
+          {
+            "id": "header",
+            "component": "Row",
+            "children": ["account-icon", "account-name"],
+            "align": "center"
+          },
+          {
+            "id": "account-icon",
+            "component": "Icon",
+            "name": "payment"
+          },
+          {
+            "id": "account-name",
+            "component": "Text",
+            "text": {
+              "path": "/accountName"
+            },
+            "variant": "h4"
+          },
+          {
+            "id": "balance",
+            "component": "Text",
+            "text": {
+              "call": "formatCurrency",
+              "args": {
+                "value": {
+                  "path": "/balance"
+                },
+                "currency": "USD"
+              },
+              "returnType": "string"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "updated",
+            "component": "Text",
+            "text": {
+              "path": "/lastUpdated"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "actions",
+            "component": "Row",
+            "children": ["transfer-btn", "pay-btn"]
+          },
+          {
+            "id": "transfer-btn-text",
+            "component": "Text",
+            "text": "Transfer"
+          },
+          {
+            "id": "transfer-btn",
+            "component": "Button",
+            "child": "transfer-btn-text",
+            "action": {
+              "event": {
+                "name": "transfer",
+                "context": {}
+              }
+            }
+          },
+          {
+            "id": "pay-btn-text",
+            "component": "Text",
+            "text": "Pay Bill"
+          },
+          {
+            "id": "pay-btn",
+            "component": "Button",
+            "child": "pay-btn-text",
+            "action": {
+              "event": {
+                "name": "pay_bill",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-account-balance",
+        "value": {
+          "accountName": "Primary Checking",
+          "balance": 12458.32,
+          "lastUpdated": "Updated just now"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/16_workout-summary.json

@@ -0,0 +1,160 @@
+{
+  "name": "Workout Summary",
+  "description": "Example of workout summary demonstrating number and date formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-workout-summary",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-workout-summary",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["header", "divider", "metrics-row", "date"]
+          },
+          {
+            "id": "header",
+            "component": "Row",
+            "children": ["workout-icon", "title"],
+            "align": "center"
+          },
+          {
+            "id": "workout-icon",
+            "component": "Icon",
+            "name": {
+              "path": "/icon"
+            }
+          },
+          {
+            "id": "title",
+            "component": "Text",
+            "text": "Workout Complete",
+            "variant": "h3"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "metrics-row",
+            "component": "Row",
+            "children": ["duration-col", "calories-col", "distance-col"],
+            "justify": "spaceAround"
+          },
+          {
+            "id": "duration-col",
+            "component": "Column",
+            "children": ["duration-value", "duration-label"],
+            "align": "center"
+          },
+          {
+            "id": "duration-value",
+            "component": "Text",
+            "text": {
+              "path": "/duration"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "duration-label",
+            "component": "Text",
+            "text": "Duration",
+            "variant": "caption"
+          },
+          {
+            "id": "calories-col",
+            "component": "Column",
+            "children": ["calories-value", "calories-label"],
+            "align": "center"
+          },
+          {
+            "id": "calories-value",
+            "component": "Text",
+            "text": {
+              "call": "formatNumber",
+              "args": {
+                "value": {
+                  "path": "/calories"
+                }
+              },
+              "returnType": "string"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "calories-label",
+            "component": "Text",
+            "text": "Calories",
+            "variant": "caption"
+          },
+          {
+            "id": "distance-col",
+            "component": "Column",
+            "children": ["distance-value", "distance-label"],
+            "align": "center"
+          },
+          {
+            "id": "distance-value",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "${/distance} km"
+              },
+              "returnType": "string"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "distance-label",
+            "component": "Text",
+            "text": "Distance",
+            "variant": "caption"
+          },
+          {
+            "id": "date",
+            "component": "Text",
+            "text": {
+              "call": "formatDate",
+              "args": {
+                "value": {
+                  "path": "/date"
+                },
+                "format": "EEEE, MMM d 'at' h:mm a"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-workout-summary",
+        "value": {
+          "icon": "favorite",
+          "workoutType": "Morning Run",
+          "duration": "32:15",
+          "calories": 385,
+          "distance": 5.2,
+          "date": "2025-12-15T07:30:00Z"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/17_event-detail.json

@@ -0,0 +1,144 @@
+{
+  "name": "Event Detail",
+  "description": "Example of event detail demonstrating date and string formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-event-detail",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-event-detail",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["title", "time-row", "location-row", "description", "divider", "actions"]
+          },
+          {
+            "id": "title",
+            "component": "Text",
+            "text": {
+              "path": "/title"
+            },
+            "variant": "h2"
+          },
+          {
+            "id": "time-row",
+            "component": "Row",
+            "children": ["time-icon", "time-text"],
+            "align": "center"
+          },
+          {
+            "id": "time-icon",
+            "component": "Icon",
+            "name": "calendarToday"
+          },
+          {
+            "id": "time-text",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "${formatDate(value: ${/start}, format: 'E, MMM d')} • ${formatDate(value: ${/start}, format: 'h:mm a')} - ${formatDate(value: ${/end}, format: 'h:mm a')}"
+              },
+              "returnType": "string"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "location-row",
+            "component": "Row",
+            "children": ["location-icon", "location-text"],
+            "align": "center"
+          },
+          {
+            "id": "location-icon",
+            "component": "Icon",
+            "name": "locationOn"
+          },
+          {
+            "id": "location-text",
+            "component": "Text",
+            "text": {
+              "path": "/location"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "description",
+            "component": "Text",
+            "text": {
+              "path": "/description"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "actions",
+            "component": "Row",
+            "children": ["accept-btn", "decline-btn"]
+          },
+          {
+            "id": "accept-btn-text",
+            "component": "Text",
+            "text": "Accept"
+          },
+          {
+            "id": "accept-btn",
+            "component": "Button",
+            "child": "accept-btn-text",
+            "action": {
+              "event": {
+                "name": "accept",
+                "context": {}
+              }
+            }
+          },
+          {
+            "id": "decline-btn-text",
+            "component": "Text",
+            "text": "Decline"
+          },
+          {
+            "id": "decline-btn",
+            "component": "Button",
+            "child": "decline-btn-text",
+            "action": {
+              "event": {
+                "name": "decline",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-event-detail",
+        "value": {
+          "title": "Product Launch Meeting",
+          "start": "2025-12-19T14:00:00Z",
+          "end": "2025-12-19T15:30:00Z",
+          "location": "Conference Room A, Building 2",
+          "description": "Review final product specs and marketing materials before the Q1 launch."
+        }
+      }
+    }
+  ]
+}