@cloudcrane/app-spec 0.0.0-stage → 0.1.0

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/26_podcast-episode.json

@@ -0,0 +1,123 @@
+{
+  "name": "Podcast Episode",
+  "description": "Example of podcast episode demonstrating AudioPlayer and date formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-podcast-episode",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-podcast-episode",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-row"
+          },
+          {
+            "id": "main-row",
+            "component": "Row",
+            "children": ["artwork", "content"],
+            "align": "start"
+          },
+          {
+            "id": "artwork",
+            "component": "Image",
+            "url": {
+              "path": "/artwork"
+            },
+            "fit": "cover"
+          },
+          {
+            "id": "content",
+            "component": "Column",
+            "children": ["show-name", "episode-title", "meta-row", "description", "audio-player"]
+          },
+          {
+            "id": "show-name",
+            "component": "Text",
+            "text": {
+              "path": "/showName"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "episode-title",
+            "component": "Text",
+            "text": {
+              "path": "/episodeTitle"
+            },
+            "variant": "h4"
+          },
+          {
+            "id": "meta-row",
+            "component": "Row",
+            "children": ["duration", "date"]
+          },
+          {
+            "id": "duration",
+            "component": "Text",
+            "text": {
+              "path": "/duration"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "date",
+            "component": "Text",
+            "text": {
+              "call": "formatDate",
+              "args": {
+                "value": {
+                  "path": "/date"
+                },
+                "format": "MMM d, yyyy"
+              },
+              "returnType": "string"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "description",
+            "component": "Text",
+            "text": {
+              "path": "/description"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "audio-player",
+            "component": "AudioPlayer",
+            "url": {
+              "path": "/audioUrl"
+            },
+            "description": {
+              "path": "/episodeTitle"
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-podcast-episode",
+        "value": {
+          "artwork": "https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=100&h=100&fit=crop",
+          "showName": "Tech Talk Daily",
+          "episodeTitle": "The Future of AI in Product Design",
+          "duration": "45 min",
+          "date": "2024-12-15",
+          "description": "How AI is transforming the way we design and build products.",
+          "audioUrl": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/27_stats-card.json

@@ -0,0 +1,106 @@
+{
+  "name": "Stats Card",
+  "description": "Example of stats card demonstrating currency and number formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-stats-card",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-stats-card",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["header", "value", "trend-row"]
+          },
+          {
+            "id": "header",
+            "component": "Row",
+            "children": ["metric-icon", "metric-name"],
+            "align": "center"
+          },
+          {
+            "id": "metric-icon",
+            "component": "Icon",
+            "name": {
+              "path": "/icon"
+            }
+          },
+          {
+            "id": "metric-name",
+            "component": "Text",
+            "text": {
+              "path": "/metricName"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "value",
+            "component": "Text",
+            "text": {
+              "call": "formatCurrency",
+              "args": {
+                "value": {
+                  "path": "/value"
+                },
+                "currency": "USD"
+              },
+              "returnType": "string"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "trend-row",
+            "component": "Row",
+            "children": ["trend-icon", "trend-text"],
+            "align": "center"
+          },
+          {
+            "id": "trend-icon",
+            "component": "Icon",
+            "name": {
+              "path": "/trendIcon"
+            }
+          },
+          {
+            "id": "trend-text",
+            "component": "Text",
+            "text": {
+              "call": "formatString",
+              "args": {
+                "value": "+${/trendPercent}% from last month"
+              },
+              "returnType": "string"
+            },
+            "variant": "body"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-stats-card",
+        "value": {
+          "icon": "payment",
+          "metricName": "Monthly Revenue",
+          "value": 48294,
+          "trendIcon": "arrowForward",
+          "trendPercent": 12.5
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/28_countdown-timer.json

@@ -0,0 +1,135 @@
+{
+  "name": "Countdown Timer",
+  "description": "Example of countdown timer demonstrating date formatting.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-countdown-timer",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-countdown-timer",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["event-name", "countdown-row", "target-date"],
+            "align": "center"
+          },
+          {
+            "id": "event-name",
+            "component": "Text",
+            "text": {
+              "path": "/eventName"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "countdown-row",
+            "component": "Row",
+            "children": ["days-col", "hours-col", "minutes-col"],
+            "justify": "spaceAround"
+          },
+          {
+            "id": "days-col",
+            "component": "Column",
+            "children": ["days-value", "days-label"],
+            "align": "center"
+          },
+          {
+            "id": "days-value",
+            "component": "Text",
+            "text": {
+              "path": "/days"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "days-label",
+            "component": "Text",
+            "text": "Days",
+            "variant": "caption"
+          },
+          {
+            "id": "hours-col",
+            "component": "Column",
+            "children": ["hours-value", "hours-label"],
+            "align": "center"
+          },
+          {
+            "id": "hours-value",
+            "component": "Text",
+            "text": {
+              "path": "/hours"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "hours-label",
+            "component": "Text",
+            "text": "Hours",
+            "variant": "caption"
+          },
+          {
+            "id": "minutes-col",
+            "component": "Column",
+            "children": ["minutes-value", "minutes-label"],
+            "align": "center"
+          },
+          {
+            "id": "minutes-value",
+            "component": "Text",
+            "text": {
+              "path": "/minutes"
+            },
+            "variant": "h1"
+          },
+          {
+            "id": "minutes-label",
+            "component": "Text",
+            "text": "Minutes",
+            "variant": "caption"
+          },
+          {
+            "id": "target-date",
+            "component": "Text",
+            "text": {
+              "call": "formatDate",
+              "args": {
+                "value": {
+                  "path": "/targetDate"
+                },
+                "format": "MMMM d, yyyy"
+              },
+              "returnType": "string"
+            },
+            "variant": "body"
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-countdown-timer",
+        "value": {
+          "eventName": "Product Launch",
+          "days": "14",
+          "hours": "08",
+          "minutes": "32",
+          "targetDate": "2025-01-15"
+        }
+      }
+    }
+  ]
+}

package/vendor/a2ui/v0_9_1/catalogs/basic/examples/29_movie-card.json

@@ -0,0 +1,156 @@
+{
+  "name": "Movie Card",
+  "description": "Example of movie card demonstrating Modal and Video components.",
+  "messages": [
+    {
+      "version": "v0.9",
+      "createSurface": {
+        "surfaceId": "gallery-movie-card",
+        "catalogId": "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json",
+        "sendDataModel": true
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateComponents": {
+        "surfaceId": "gallery-movie-card",
+        "components": [
+          {
+            "id": "root",
+            "component": "Card",
+            "child": "main-column"
+          },
+          {
+            "id": "main-column",
+            "component": "Column",
+            "children": ["poster", "content", "trailer-modal"]
+          },
+          {
+            "id": "poster",
+            "component": "Image",
+            "url": {
+              "path": "/poster"
+            },
+            "fit": "cover"
+          },
+          {
+            "id": "content",
+            "component": "Column",
+            "children": ["title-row", "genre", "rating-row", "runtime", "watch-trailer-btn"]
+          },
+          {
+            "id": "title-row",
+            "component": "Row",
+            "children": ["movie-title", "year"],
+            "align": "start"
+          },
+          {
+            "id": "movie-title",
+            "component": "Text",
+            "text": {
+              "path": "/title"
+            },
+            "variant": "h3"
+          },
+          {
+            "id": "year",
+            "component": "Text",
+            "text": {
+              "path": "/year"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "genre",
+            "component": "Text",
+            "text": {
+              "path": "/genre"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "rating-row",
+            "component": "Row",
+            "children": ["star-icon", "rating-value"],
+            "align": "center"
+          },
+          {
+            "id": "star-icon",
+            "component": "Icon",
+            "name": "star"
+          },
+          {
+            "id": "rating-value",
+            "component": "Text",
+            "text": {
+              "path": "/rating"
+            },
+            "variant": "body"
+          },
+          {
+            "id": "runtime",
+            "component": "Row",
+            "children": ["time-icon", "runtime-text"],
+            "align": "center"
+          },
+          {
+            "id": "time-icon",
+            "component": "Icon",
+            "name": "calendarToday"
+          },
+          {
+            "id": "runtime-text",
+            "component": "Text",
+            "text": {
+              "path": "/runtime"
+            },
+            "variant": "caption"
+          },
+          {
+            "id": "watch-trailer-btn-text",
+            "component": "Text",
+            "text": "Watch Trailer"
+          },
+          {
+            "id": "watch-trailer-btn",
+            "component": "Button",
+            "child": "watch-trailer-btn-text",
+            "action": {
+              "event": {
+                "name": "open_trailer"
+              }
+            }
+          },
+          {
+            "id": "trailer-modal",
+            "component": "Modal",
+            "trigger": "watch-trailer-btn",
+            "content": "trailer-video"
+          },
+          {
+            "id": "trailer-video",
+            "component": "Video",
+            "url": {
+              "path": "/trailerUrl"
+            }
+          }
+        ]
+      }
+    },
+    {
+      "version": "v0.9",
+      "updateDataModel": {
+        "surfaceId": "gallery-movie-card",
+        "value": {
+          "poster": "https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=200&h=300&fit=crop",
+          "title": "Interstellar",
+          "year": "(2014)",
+          "genre": "Sci-Fi • Adventure • Drama",
+          "rating": "8.7/10",
+          "runtime": "2h 49min",
+          "trailerUrl": "https://www.w3schools.com/html/mov_bbb.mp4"
+        }
+      }
+    }
+  ]
+}