✨ JSON validation for amp-story-shopping config

examples/amp-story/amp-story-shopping.html

@@ -146,12 +146,12 @@
                     "productPrice": 799.00,
                     "productPriceCurrency": "USD",
                     "productImages": [
-                      {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 1"},
-                      {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 2"},
-                      {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 3"},
-                      {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 4"},
-                      {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 5"},
-                      {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 6"}
+                      {"url": "https://source.unsplash.com/Ry9WBo3qmoc/500x500", "alt": "lamp 1"},
+                      {"url": "https://source.unsplash.com/KP7p0-DRGbg", "alt": "lamp 2"},
+                      {"url": "https://source.unsplash.com/mFnbFaCIu1I", "alt": "lamp 3"},
+                      {"url": "https://source.unsplash.com/py9sH2rThWs", "alt": "lamp 4"},
+                      {"url": "https://source.unsplash.com/VDPauwJ_sHo", "alt": "lamp 5"},
+                      {"url": "https://source.unsplash.com/3LTht2nxd34", "alt": "lamp 6"}
                     ],
                     "aggregateRating": {
                       "ratingValue": 4.4,

examples/amp-story/shopping/product.schema.json

@@ -0,0 +1,281 @@
+{
+  "$defs": {
+    "https": {
+      "type": "string",
+      "format": "uri-reference",
+      "pattern": "^(/|https://|https?://(127.0.0.1|([^/]+\\.)?localhost)(:[0-9]+)?/)"
+    }
+  },
+  "title": "Product",
+  "description": "A product from an amp-story-shopping configuration.",
+  "type": "object",
+  "additionalProperties": false,
+  "properties": {
+    "productId": {
+      "description": "Keys for amp-story-shopping-tag nodes, sent out in analytics events.",
+      "type": "string"
+    },
+    "productUrl": {
+      "description": "Links to the product's website, whne the buy now button is clicked.",
+      "type": "string",
+      "$ref": "#/$defs/https"
+    },
+    "productTitle": {
+      "description": "The name of the product, displayed on the tag.",
+      "type": "string"
+    },
+    "productPrice": {
+      "description": "The price of the product, displayed on the tag.",
+      "type": "number"
+    },
+    "productPriceCurrency": {
+      "description": "The ISO 4217 currency code of the product price.",
+      "type": "string",
+      "enum": [
+        "AED",
+        "AFN",
+        "ALL",
+        "AMD",
+        "ANG",
+        "AOA",
+        "ARS",
+        "AUD",
+        "AWG",
+        "AZN",
+        "BAM",
+        "BBD",
+        "BDT",
+        "BGN",
+        "BHD",
+        "BIF",
+        "BMD",
+        "BND",
+        "BOB",
+        "BOV",
+        "BRL",
+        "BSD",
+        "BTN",
+        "BWP",
+        "BYN",
+        "BZD",
+        "CAD",
+        "CDF",
+        "CHE",
+        "CHF",
+        "CHW",
+        "CLF",
+        "CLP",
+        "CNY",
+        "COP",
+        "COU",
+        "CRC",
+        "CUC",
+        "CUP",
+        "CVE",
+        "CZK",
+        "DJF",
+        "DKK",
+        "DOP",
+        "DZD",
+        "EGP",
+        "ERN",
+        "ETB",
+        "EUR",
+        "FJD",
+        "FKP",
+        "GBP",
+        "GEL",
+        "GHS",
+        "GIP",
+        "GMD",
+        "GNF",
+        "GTQ",
+        "GYD",
+        "HKD",
+        "HNL",
+        "HRK",
+        "HTG",
+        "HUF",
+        "IDR",
+        "ILS",
+        "INR",
+        "IQD",
+        "IRR",
+        "ISK",
+        "JMD",
+        "JOD",
+        "JPY",
+        "KES",
+        "KGS",
+        "KHR",
+        "KMF",
+        "KPW",
+        "KRW",
+        "KWD",
+        "KYD",
+        "KZT",
+        "LAK",
+        "LBP",
+        "LKR",
+        "LRD",
+        "LSL",
+        "LYD",
+        "MAD",
+        "MDL",
+        "MGA",
+        "MKD",
+        "MMK",
+        "MNT",
+        "MOP",
+        "MRU",
+        "MUR",
+        "MVR",
+        "MWK",
+        "MXN",
+        "MXV",
+        "MYR",
+        "MZN",
+        "NAD",
+        "NGN",
+        "NIO",
+        "NOK",
+        "NPR",
+        "NZD",
+        "OMR",
+        "PAB",
+        "PEN",
+        "PGK",
+        "PHP",
+        "PKR",
+        "PLN",
+        "PYG",
+        "QAR",
+        "RON",
+        "RSD",
+        "RUB",
+        "RWF",
+        "SAR",
+        "SBD",
+        "SCR",
+        "SDG",
+        "SEK",
+        "SGD",
+        "SHP",
+        "SLL",
+        "SOS",
+        "SRD",
+        "SSP",
+        "STN",
+        "SVC",
+        "SYP",
+        "SZL",
+        "THB",
+        "TJS",
+        "TMT",
+        "TND",
+        "TOP",
+        "TRY",
+        "TTD",
+        "TWD",
+        "TZS",
+        "UAH",
+        "UGX",
+        "USD",
+        "USN",
+        "UYI",
+        "UYU",
+        "UYW",
+        "UZS",
+        "VED",
+        "VES",
+        "VND",
+        "VUV",
+        "WST",
+        "XAF",
+        "XAG",
+        "XAU",
+        "XBA",
+        "XBB",
+        "XBC",
+        "XBD",
+        "XCD",
+        "XDR",
+        "XOF",
+        "XPD",
+        "XPF",
+        "XPT",
+        "XSU",
+        "XTS",
+        "XUA",
+        "XXX",
+        "YER",
+        "ZAR",
+        "ZMW",
+        "ZWL"
+      ]
+    },
+    "productImages": {
+      "description": "A list of images for the product used in the carousel of the product page",
+      "type": "array",
+      "items": {
+        "required": ["url", "alt"],
+        "additionalProperties": false,
+        "type": "object",
+        "properties": {
+          "url": {
+            "$ref": "#/$defs/https"
+          },
+          "alt": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    "productDetails": {
+      "description": "Details about the product used in the product details page",
+      "type": "string"
+    },
+    "productBrand": {
+      "description": "Brand name of the product used in the tag.",
+      "type": "string"
+    },
+    "productIcon": {
+      "description": "Links the icon image for the product in the tag. Defaults to a shopping bag icon.",
+      "type": "string"
+    },
+    "productTagText": {
+      "description": "Text for the Prodcut tag. Supersedes productPrice",
+      "type": "string"
+    },
+    "aggregateRating": {
+      "description": "Ratings and review data for the product displayed on the product page.",
+      "type": "object",
+      "required": ["ratingValue", "reviewCount", "reviewUrl"],
+      "additionalProperties": false,
+      "properties": {
+        "ratingValue": {
+          "description": "The aggregate rating value of the product.",
+          "type": "number"
+        },
+        "reviewCount": {
+          "description": "The number of reviews for the product.",
+          "type": "number"
+        },
+        "reviewUrl": {
+          "description": "The Url for the product reviews.",
+          "type": "string",
+          "$ref": "#/$defs/https"
+        }
+      }
+    }
+  },
+  "required": [
+    "productId",
+    "productUrl",
+    "productTitle",
+    "productPrice",
+    "productPriceCurrency",
+    "productImages",
+    "productDetails"
+  ]
+}

examples/visual-tests/amp-story/amp-story-shopping-landscape.html

@@ -70,8 +70,8 @@
                        {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 6"}
                     ],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "One newline after this. \n Two newlines after this. \n\n  Five consecutive newlines after this, should become 2 newlines. \n\n\n\n\n Many consecutive newlines with different spacing and tabs after this, should become 2 newlines. \n          \n\n   \n  \n \n  \n \n I hope it works!"
@@ -85,8 +85,8 @@
                     "productPriceCurrency": "INR",
                     "productImages": [{"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "art"}],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. \n Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."
@@ -100,8 +100,8 @@
                     "productTagText": "The perfectly imperfect yellow chair",
                     "productImages": [{"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "chair"}],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."
@@ -116,8 +116,8 @@
                     "productIcon": "/examples/visual-tests/amp-story/img/shopping/icon.png",
                     "productImages": [{"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "flowers"}],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."
@@ -160,8 +160,8 @@
                        {"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "lamp 6"}
                     ],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. \n Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."
@@ -175,8 +175,8 @@
                     "productPriceCurrency": "INR",
                     "productImages": [{"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "art"}],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. \n Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."
@@ -190,8 +190,8 @@
                     "productTagText": "The perfectly imperfect yellow chair",
                     "productImages": [{"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "chair"}],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. \n Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."
@@ -206,8 +206,8 @@
                     "productIcon": "/examples/visual-tests/amp-story/img/shopping/icon.png",
                     "productImages": [{"url": "/examples/visual-tests/amp-story/img/cat1.jpg", "alt": "flowers"}],
                     "aggregateRating": {
-                      "ratingValue": "4.4",
-                      "reviewCount": "89",
+                      "ratingValue": 4.4,
+                      "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
                     "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. \n Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."

examples/visual-tests/amp-story/amp-story-shopping-rtl.html

@@ -73,7 +73,7 @@
                       "reviewCount": 89,
                       "reviewUrl": "https://www.google.com"
                     },
-                    "productDetails": "One newline after this. \n Two newlines after this. \n\n  Five consecutive newlines after this, should become 2 newlines. \n\n\n\n\n Many consecutive newlines with different spacing and tabs after this, should become 2 newlines. \n          \n\n   \n  \n \n  \n \n I hope it works!"
+                    "productDetails": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere error deserunt dignissimos in laborum ea molestias veritatis sint laudantium iusto expedita atque provident doloremque, ad voluptatem culpa adipisci."
                    },
                    {
                     "productUrl": "https://www.google.com",