@cloudcrane/app-spec 0.0.0-stage → 0.1.1

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/22_credit-card.json

@@ -0,0 +1,117 @@
+{
+  "name": "Credit Card",
+  "description": "Example of credit card",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-credit-card",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-credit-card",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["card-type-row", "card-number", "card-details"]
+          },
+          {
+            "id": "card-type-row",
+            "component": "Row",
+            "children": ["card-icon", "card-type"],
+            "justify": "spaceBetween",
+            "align": "center"
+          },
+          {
+            "id": "card-icon",
+            "component": "Icon",
+            "name": "payment"
+          },
+          {
+            "id": "card-type",
+            "component": "Text",
+            "text": {
+              "path": "/cardType"
+            },
+            "variant": "h4"
+          },
+          {
+            "id": "card-number",
+            "component": "Text",
+            "text": {
+              "path": "/cardNumber"
+            },
+            "variant": "h2"
+          },
+          {
+            "id": "card-details",
+            "component": "Row",
+            "children": ["holder-col", "expiry-col"],
+            "justify": "spaceBetween"
+          },
+          {
+            "id": "holder-col",
+            "component": "Column",
+            "children": ["holder-label", "holder-name"]
+          },
+          {
+            "id": "holder-label",
+            "component": "Text",
+            "text": "CARD HOLDER",
+            "variant": "caption"
+          },
+          {
+            "id": "holder-name",
+            "component": "Text",
+            "text": {
+              "path": "/holderName"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "expiry-col",
+            "component": "Column",
+            "children": ["expiry-label", "expiry-date"],
+            "align": "end"
+          },
+          {
+            "id": "expiry-label",
+            "component": "Text",
+            "text": "EXPIRES",
+            "variant": "caption"
+          },
+          {
+            "id": "expiry-date",
+            "component": "Text",
+            "text": {
+              "path": "/expiryDate"
+            },
+            "variant": "body"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-credit-card",
+        "value": {
+          "cardType": "VISA",
+          "cardNumber": "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 4242",
+          "holderName": "SARAH JOHNSON",
+          "expiryDate": "09/27"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/23_step-counter.json

@@ -0,0 +1,149 @@
+{
+  "name": "Step Counter",
+  "description": "Example of step counter demonstrating number formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-step-counter",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-step-counter",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["header", "steps-display", "goal-text", "divider", "stats-row"],
+            "align": "center"
+          },
+          {
+            "id": "header",
+            "component": "Row",
+            "children": ["steps-icon", "title"],
+            "align": "center"
+          },
+          {
+            "id": "steps-icon",
+            "component": "Icon",
+            "name": "person"
+          },
+          {
+            "id": "title",
+            "component": "Text",
+            "text": "Today's Steps",
+            "variant": "h4"
+          },
+          {
+            "id": "steps-display",
+            "component": "Text",
+            "text": {
+              "call": "formatNumber",
+              "args": {
+                "value": {
+                  "path": "/steps"
+                }
+              },
+              "returnType": "string"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "goal-text",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "${/progress}% of ${formatNumber(value: ${/goal})} goal"
+              },
+              "returnType": "string"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "stats-row",
+            "component": "Row",
+            "children": ["distance-col", "calories-col"],
+            "justify": "spaceAround"
+          },
+          {
+            "id": "distance-col",
+            "component": "Column",
+            "children": ["distance-value", "distance-label"],
+            "align": "center"
+          },
+          {
+            "id": "distance-value",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "${/distance} mi"
+              },
+              "returnType": "string"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "distance-label",
+            "component": "Text",
+            "text": "Distance",
+            "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"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-step-counter",
+        "value": {
+          "steps": 8432,
+          "goal": 10000,
+          "progress": 84,
+          "distance": 3.8,
+          "calories": 312
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/24_recipe-card.json

@@ -0,0 +1,204 @@
+{
+  "name": "Recipe Card",
+  "description": "Example of recipe card demonstrating Tabs and pluralization.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-recipe-card",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-recipe-card",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "tabs-container"
+          },
+          {
+            "id": "tabs-container",
+            "component": "Tabs",
+            "tabs": [
+              {
+                "title": "Overview",
+                "child": "overview-col"
+              },
+              {
+                "title": "Ingredients",
+                "child": "ingredients-list"
+              },
+              {
+                "title": "Instructions",
+                "child": "instructions-list"
+              }
+            ]
+          },
+          {
+            "id": "overview-col",
+            "component": "Column",
+            "children": ["recipe-image", "overview-content"]
+          },
+          {
+            "id": "recipe-image",
+            "component": "Image",
+            "url": {
+              "path": "/image"
+            },
+            "fit": "cover"
+          },
+          {
+            "id": "overview-content",
+            "component": "Column",
+            "children": ["title", "rating-row", "times-row", "servings"]
+          },
+          {
+            "id": "title",
+            "component": "Text",
+            "text": {
+              "path": "/title"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "rating-row",
+            "component": "Row",
+            "children": ["star-icon", "rating", "review-count"],
+            "align": "center"
+          },
+          {
+            "id": "star-icon",
+            "component": "Icon",
+            "name": "star"
+          },
+          {
+            "id": "rating",
+            "component": "Text",
+            "text": {
+              "path": "/rating"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "review-count",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "(${formatNumber(value: ${/reviewCount})} ${pluralize(value: ${/reviewCount}, one: 'review', other: 'reviews')})"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "times-row",
+            "component": "Row",
+            "children": ["prep-time", "cook-time"]
+          },
+          {
+            "id": "prep-time",
+            "component": "Row",
+            "children": ["prep-icon", "prep-text"],
+            "align": "center"
+          },
+          {
+            "id": "prep-icon",
+            "component": "Icon",
+            "name": "calendarToday"
+          },
+          {
+            "id": "prep-text",
+            "component": "Text",
+            "text": {
+              "path": "/prepTime"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "cook-time",
+            "component": "Row",
+            "children": ["cook-icon", "cook-text"],
+            "align": "center"
+          },
+          {
+            "id": "cook-icon",
+            "component": "Icon",
+            "name": "warning"
+          },
+          {
+            "id": "cook-text",
+            "component": "Text",
+            "text": {
+              "path": "/cookTime"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "servings",
+            "component": "Text",
+            "text": {
+              "path": "/servings"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "ingredients-list",
+            "component": "Column",
+            "children": {
+              "path": "/ingredients",
+              "componentId": "item-template"
+            }
+          },
+          {
+            "id": "instructions-list",
+            "component": "Column",
+            "children": {
+              "path": "/instructions",
+              "componentId": "item-template"
+            }
+          },
+          {
+            "id": "item-template",
+            "component": "Text",
+            "text": {
+              "path": "text"
+            },
+            "variant": "body"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-recipe-card",
+        "value": {
+          "image": "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=300&h=180&fit=crop",
+          "title": "Mediterranean Quinoa Bowl",
+          "rating": "4.9",
+          "reviewCount": 1247,
+          "prepTime": "15 min prep",
+          "cookTime": "20 min cook",
+          "servings": "Serves 4",
+          "ingredients": [
+            {"text": "1 cup quinoa"},
+            {"text": "2 cups water"},
+            {"text": "1 cucumber, diced"},
+            {"text": "1 cup cherry tomatoes, halved"}
+          ],
+          "instructions": [
+            {"text": "1. Rinse quinoa and bring to a boil in water."},
+            {"text": "2. Reduce heat and simmer for 15 minutes."},
+            {"text": "3. Fluff with a fork and let cool."},
+            {"text": "4. Mix with diced vegetables."}
+          ]
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/25_contact-card.json

@@ -0,0 +1,175 @@
+{
+  "name": "Contact Card",
+  "description": "Example of contact card",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-contact-card",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-contact-card",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["avatar-image", "name", "title", "divider", "contact-info", "actions"],
+            "align": "center"
+          },
+          {
+            "id": "avatar-image",
+            "component": "Image",
+            "url": {
+              "path": "/avatar"
+            },
+            "fit": "cover",
+            "variant": "avatar"
+          },
+          {
+            "id": "name",
+            "component": "Text",
+            "text": {
+              "path": "/name"
+            },
+            "variant": "h2"
+          },
+          {
+            "id": "title",
+            "component": "Text",
+            "text": {
+              "path": "/title"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "divider",
+            "component": "Divider"
+          },
+          {
+            "id": "contact-info",
+            "component": "Column",
+            "children": ["phone-row", "email-row", "location-row"]
+          },
+          {
+            "id": "phone-row",
+            "component": "Row",
+            "children": ["phone-icon", "phone-text"],
+            "align": "center"
+          },
+          {
+            "id": "phone-icon",
+            "component": "Icon",
+            "name": "phone"
+          },
+          {
+            "id": "phone-text",
+            "component": "Text",
+            "text": {
+              "path": "/phone"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "email-row",
+            "component": "Row",
+            "children": ["email-icon", "email-text"],
+            "align": "center"
+          },
+          {
+            "id": "email-icon",
+            "component": "Icon",
+            "name": "mail"
+          },
+          {
+            "id": "email-text",
+            "component": "Text",
+            "text": {
+              "path": "/email"
+            },
+            "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": "actions",
+            "component": "Row",
+            "children": ["call-btn", "message-btn"]
+          },
+          {
+            "id": "call-btn-text",
+            "component": "Text",
+            "text": "Call"
+          },
+          {
+            "id": "call-btn",
+            "component": "Button",
+            "child": "call-btn-text",
+            "action": {
+              "event": {
+                "name": "call",
+                "context": {}
+              }
+            }
+          },
+          {
+            "id": "message-btn-text",
+            "component": "Text",
+            "text": "Message"
+          },
+          {
+            "id": "message-btn",
+            "component": "Button",
+            "child": "message-btn-text",
+            "action": {
+              "event": {
+                "name": "message",
+                "context": {}
+              }
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-contact-card",
+        "value": {
+          "avatar": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",
+          "name": "David Park",
+          "title": "Engineering Manager",
+          "phone": "+1 (555) 234-5678",
+          "email": "david.park@company.com",
+          "location": "San Francisco, CA"
+        }
+      }
+    }
+  ]
+}