@cloudcrane/app-spec 0.0.0-stage → 0.1.0

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/02_email-compose.json

@@ -0,0 +1,185 @@
+{
+  "name": "Email Compose",
+  "description": "Example of email compose",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-email-compose",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-email-compose",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["from-row", "to-row", "subject-row", "divider", "message", "actions"]
+          },
+          {
+            "id": "from-row",
+            "component": "Row",
+            "children": ["from-label", "from-value"],
+            "align": "center"
+          },
+          {
+            "id": "from-label",
+            "component": "Text",
+            "text": "FROM",
+            "variant": "caption"
+          },
+          {
+            "id": "from-value",
+            "component": "Text",
+            "text": {
+              "path": "/from"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "to-row",
+            "component": "Row",
+            "children": ["to-label", "to-value"],
+            "align": "center"
+          },
+          {
+            "id": "to-label",
+            "component": "Text",
+            "text": "TO",
+            "variant": "caption"
+          },
+          {
+            "id": "to-value",
+            "component": "Text",
+            "text": {
+              "path": "/to"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "subject-row",
+            "component": "Row",
+            "children": ["subject-label", "subject-value"],
+            "align": "center"
+          },
+          {
+            "id": "subject-label",
+            "component": "Text",
+            "text": "SUBJECT",
+            "variant": "caption"
+          },
+          {
+            "id": "subject-value",
+            "component": "Text",
+            "text": {
+              "path": "/subject"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "message",
+            "component": "Column",
+            "children": ["greeting", "body-text", "closing", "signature"]
+          },
+          {
+            "id": "greeting",
+            "component": "Text",
+            "text": {
+              "path": "/greeting"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "body-text",
+            "component": "Text",
+            "text": {
+              "path": "/body"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "closing",
+            "component": "Text",
+            "text": {
+              "path": "/closing"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "signature",
+            "component": "Text",
+            "text": {
+              "path": "/signature"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "actions",
+            "component": "Row",
+            "children": ["send-btn", "discard-btn"]
+          },
+          {
+            "id": "send-btn-text",
+            "component": "Text",
+            "text": "Send email"
+          },
+          {
+            "id": "send-btn",
+            "component": "Button",
+            "child": "send-btn-text",
+            "action": {
+              "event": {
+                "name": "send",
+                "context": {}
+              }
+            }
+          },
+          {
+            "id": "discard-btn-text",
+            "component": "Text",
+            "text": "Discard"
+          },
+          {
+            "id": "discard-btn",
+            "component": "Button",
+            "child": "discard-btn-text",
+            "action": {
+              "event": {
+                "name": "discard",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-email-compose",
+        "value": {
+          "from": "alex@acme.com",
+          "to": "jordan@acme.com",
+          "subject": "Q4 Revenue Forecast",
+          "greeting": "Hi Jordan,",
+          "body": "Following up on our call. Please review the attached Q4 forecast and let me know if you have questions before the board meeting.",
+          "closing": "Best,",
+          "signature": "Alex"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/03_calendar-day.json

@@ -0,0 +1,166 @@
+{
+  "name": "Calendar Day",
+  "description": "Example of calendar day demonstrating dynamic templating, relative paths, and date formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-calendar-day",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-calendar-day",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["header-row", "divider", "actions"]
+          },
+          {
+            "id": "header-row",
+            "component": "Row",
+            "children": ["date-col", "events-col"]
+          },
+          {
+            "id": "date-col",
+            "component": "Column",
+            "children": ["day-name", "day-number"],
+            "align": "start"
+          },
+          {
+            "id": "day-name",
+            "component": "Text",
+            "text": {
+              "call": "formatDate",
+              "args": {
+                "value": {
+                  "path": "/date"
+                },
+                "format": "EEEE"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "day-number",
+            "component": "Text",
+            "text": {
+              "call": "formatDate",
+              "args": {
+                "value": {
+                  "path": "/date"
+                },
+                "format": "d"
+              },
+              "returnType": "string"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "events-col",
+            "component": "Column",
+            "children": {
+              "path": "/events",
+              "componentId": "event-template"
+            }
+          },
+          {
+            "id": "event-template",
+            "component": "Column",
+            "children": ["event-title", "event-time"]
+          },
+          {
+            "id": "event-title",
+            "component": "Text",
+            "text": {
+              "path": "title"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "event-time",
+            "component": "Text",
+            "text": {
+              "path": "time"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "actions",
+            "component": "Row",
+            "children": ["add-btn", "discard-btn"]
+          },
+          {
+            "id": "add-btn-text",
+            "component": "Text",
+            "text": "Add to calendar"
+          },
+          {
+            "id": "add-btn",
+            "component": "Button",
+            "child": "add-btn-text",
+            "action": {
+              "event": {
+                "name": "add",
+                "context": {}
+              }
+            }
+          },
+          {
+            "id": "discard-btn-text",
+            "component": "Text",
+            "text": "Discard"
+          },
+          {
+            "id": "discard-btn",
+            "component": "Button",
+            "child": "discard-btn-text",
+            "action": {
+              "event": {
+                "name": "discard",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-calendar-day",
+        "value": {
+          "date": "2025-12-28",
+          "events": [
+            {
+              "title": "Lunch",
+              "time": "12:00 - 12:45 PM"
+            },
+            {
+              "title": "Q1 roadmap review",
+              "time": "1:00 - 2:00 PM"
+            },
+            {
+              "title": "Team standup",
+              "time": "3:30 - 4:00 PM"
+            }
+          ]
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/04_weather-current.json

@@ -0,0 +1,168 @@
+{
+  "name": "Weather Current",
+  "description": "Example of weather current demonstrating templating and string formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-weather-current",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-weather-current",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["temp-row", "location", "description", "forecast-row"],
+            "align": "center"
+          },
+          {
+            "id": "temp-row",
+            "component": "Row",
+            "children": ["temp-high", "temp-low"],
+            "align": "start"
+          },
+          {
+            "id": "temp-high",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "${/tempHigh}°"
+              },
+              "returnType": "string"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "temp-low",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "${/tempLow}°"
+              },
+              "returnType": "string"
+            },
+            "variant": "h2"
+          },
+          {
+            "id": "location",
+            "component": "Text",
+            "text": {
+              "path": "/location"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "description",
+            "component": "Text",
+            "text": {
+              "path": "/description"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "forecast-row",
+            "component": "Row",
+            "children": {
+              "path": "/forecast",
+              "componentId": "forecast-day-template"
+            },
+            "justify": "spaceAround"
+          },
+          {
+            "id": "forecast-day-template",
+            "component": "Column",
+            "children": ["day-name", "day-icon", "day-temp"],
+            "align": "center"
+          },
+          {
+            "id": "day-name",
+            "component": "Text",
+            "text": {
+              "call": "formatDate",
+              "args": {
+                "value": {
+                  "path": "date"
+                },
+                "format": "E"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "day-icon",
+            "component": "Text",
+            "text": {
+              "path": "icon"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "day-temp",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "${temp}°"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-weather-current",
+        "value": {
+          "tempHigh": 72,
+          "tempLow": 58,
+          "location": "Austin, TX",
+          "description": "Clear skies with light breeze",
+          "forecast": [
+            {
+              "date": "2025-12-16",
+              "icon": "☀️",
+              "temp": 74
+            },
+            {
+              "date": "2025-12-17",
+              "icon": "☀️",
+              "temp": 76
+            },
+            {
+              "date": "2025-12-18",
+              "icon": "⛅",
+              "temp": 71
+            },
+            {
+              "date": "2025-12-19",
+              "icon": "☀️",
+              "temp": 73
+            },
+            {
+              "date": "2025-12-20",
+              "icon": "☀️",
+              "temp": 75
+            }
+          ]
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/05_product-card.json

@@ -0,0 +1,151 @@
+{
+  "name": "Product Card",
+  "description": "Example of product card demonstrating currency formatting and pluralization.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-product-card",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-product-card",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["image", "details"]
+          },
+          {
+            "id": "image",
+            "component": "Image",
+            "url": {
+              "path": "/imageUrl"
+            },
+            "fit": "cover"
+          },
+          {
+            "id": "details",
+            "component": "Column",
+            "children": ["name", "rating-row", "price-row", "actions"]
+          },
+          {
+            "id": "name",
+            "component": "Text",
+            "text": {
+              "path": "/name"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "rating-row",
+            "component": "Row",
+            "children": ["stars", "reviews"],
+            "align": "center"
+          },
+          {
+            "id": "stars",
+            "component": "Text",
+            "text": {
+              "path": "/stars"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "reviews",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "(${formatNumber(value: ${/reviewCount})} ${pluralize(value: ${/reviewCount}, one: 'review', other: 'reviews')})"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "price-row",
+            "component": "Row",
+            "children": ["price", "original-price"],
+            "align": "start"
+          },
+          {
+            "id": "price",
+            "component": "Text",
+            "text": {
+              "call": "formatCurrency",
+              "args": {
+                "value": {
+                  "path": "/price"
+                },
+                "currency": "USD"
+              },
+              "returnType": "string"
+            },
+            "variant": "h2"
+          },
+          {
+            "id": "original-price",
+            "component": "Text",
+            "text": {
+              "call": "formatCurrency",
+              "args": {
+                "value": {
+                  "path": "/originalPrice"
+                },
+                "currency": "USD"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "actions",
+            "component": "Row",
+            "children": ["add-cart-btn"]
+          },
+          {
+            "id": "add-cart-btn-text",
+            "component": "Text",
+            "text": "Add to Cart"
+          },
+          {
+            "id": "add-cart-btn",
+            "component": "Button",
+            "child": "add-cart-btn-text",
+            "variant": "primary",
+            "action": {
+              "event": {
+                "name": "addToCart",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-product-card",
+        "value": {
+          "imageUrl": "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=300&h=200&fit=crop",
+          "name": "Wireless Headphones Pro",
+          "stars": "★★★★★",
+          "reviewCount": 2847,
+          "price": 199.99,
+          "originalPrice": 249.99
+        }
+      }
+    }
+  ]
+}