From 03ee18b7effbcadafb82131837d469db247cb9f8 Mon Sep 17 00:00:00 2001
From: Kiko Beats <josefrancisco.verdu@gmail.com>
Date: Tue, 27 Jun 2023 11:37:44 +0200
Subject: [PATCH] docs: add nested properties (#1639)

* build: deploy to multiple regions

* docs: add nested properties

* build: update dependencies
---
 package.json                                  | 32 +++++++++----------
 src/pages/docs/api/parameters/pdf/format.md   |  2 +-
 src/pages/docs/api/parameters/pdf/height.md   |  2 +-
 .../docs/api/parameters/pdf/landscape.md      |  2 +-
 src/pages/docs/api/parameters/pdf/margin.md   |  2 +-
 .../docs/api/parameters/pdf/pageRanges.md     |  2 +-
 src/pages/docs/api/parameters/pdf/scale.md    |  2 +-
 src/pages/docs/api/parameters/pdf/width.md    |  2 +-
 .../docs/api/parameters/screenshot/element.md |  2 +-
 .../api/parameters/screenshot/fullPage.md     |  2 +-
 .../parameters/screenshot/omitBackground.md   |  2 +-
 .../docs/api/parameters/screenshot/overlay.md |  8 +++--
 .../docs/api/parameters/screenshot/type.md    |  2 +-
 vercel.json                                   |  1 +
 14 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/package.json b/package.json
index 292ead8f5..8c5f26de0 100644
--- a/package.json
+++ b/package.json
@@ -101,9 +101,9 @@
     "@microlink/mql": "~0.10.33",
     "@microlink/react": "~5.5.15",
     "@microlink/recipes": "~1.8.0",
-    "@react-spring/web": "~9.7.2",
-    "@stripe/react-stripe-js": "~2.1.0",
-    "@stripe/stripe-js": "~1.54.0",
+    "@react-spring/web": "~9.7.3",
+    "@stripe/react-stripe-js": "~2.1.1",
+    "@stripe/stripe-js": "~1.54.1",
     "@styled-system/prop-types": "~5.1.5",
     "@tippyjs/react": "~4.2.6",
     "@vercel/analytics": "~1.0.1",
@@ -111,17 +111,17 @@
     "cssnano": "~6.0.1",
     "cssnano-preset-advanced": "~6.0.1",
     "dlv": "~1.1.3",
-    "gatsby": "~5.10.0",
+    "gatsby": "~5.11.0",
     "gatsby-plugin-advanced-sitemap": "~2.1.0",
-    "gatsby-plugin-canonical-urls": "~5.10.0",
-    "gatsby-plugin-catch-links": "~5.10.0",
-    "gatsby-plugin-sass": "~6.10.0",
-    "gatsby-plugin-styled-components": "~6.10.0",
-    "gatsby-source-filesystem": "~5.10.0",
-    "gatsby-transformer-javascript-frontmatter": "~5.10.0",
-    "gatsby-transformer-json": "~5.10.0",
-    "gatsby-transformer-remark": "~6.10.0",
-    "gatsby-transformer-yaml": "~5.10.0",
+    "gatsby-plugin-canonical-urls": "~5.11.0",
+    "gatsby-plugin-catch-links": "~5.11.0",
+    "gatsby-plugin-sass": "~6.11.0",
+    "gatsby-plugin-styled-components": "~6.11.0",
+    "gatsby-source-filesystem": "~5.11.0",
+    "gatsby-transformer-javascript-frontmatter": "~5.11.0",
+    "gatsby-transformer-json": "~5.11.0",
+    "gatsby-transformer-remark": "~6.11.0",
+    "gatsby-transformer-yaml": "~5.11.0",
     "github-slugger": "~2.0.0",
     "got": "~11.8.6",
     "humanize-url": "~3.0.0",
@@ -148,12 +148,12 @@
     "react-timeago": "~7.1.0",
     "react-twitter-widgets": "~1.11.0",
     "remark-slug": "~7.0.1",
-    "sass": "~1.62.1",
+    "sass": "~1.63.6",
     "styled-components": "~5.3.11",
     "styled-is": "~1.3.0",
     "styled-system": "~5.1.5",
-    "swr": "~2.1.5",
-    "tldts": "~6.0.5",
+    "swr": "~2.2.0",
+    "tldts": "~6.0.8",
     "unique-random-array": "~3.0.0"
   },
   "devDependencies": {
diff --git a/src/pages/docs/api/parameters/pdf/format.md b/src/pages/docs/api/parameters/pdf/format.md
index 788a345df..251c06acd 100644
--- a/src/pages/docs/api/parameters/pdf/format.md
+++ b/src/pages/docs/api/parameters/pdf/format.md
@@ -9,7 +9,7 @@ It sets the paper format for the [pdf](/docs/api/parameters/pdf) over the target
 
 <Iframe src="https://cdn.microlink.io/docs/caffeine.pdf" />
 
-<MultiCodeEditor languages={mqlCode('https://keygen.sh/blog/i-quit/', { pdf: true, format: 'A4' })} />
+<MultiCodeEditor languages={mqlCode('https://keygen.sh/blog/i-quit/', { pdf: { format: 'A4' } })} />
 
 The format options are:
 
diff --git a/src/pages/docs/api/parameters/pdf/height.md b/src/pages/docs/api/parameters/pdf/height.md
index 910ddc010..f609268aa 100644
--- a/src/pages/docs/api/parameters/pdf/height.md
+++ b/src/pages/docs/api/parameters/pdf/height.md
@@ -8,6 +8,6 @@ It sets the paper height for the [pdf](/docs/api/parameters/pdf) over the target
 
 <Iframe src="https://cdn.microlink.io/docs/oxide.pdf" />
 
-<MultiCodeEditor languages={mqlCode('https://oxide.computer', { pdf: true, height: '480px' })} />
+<MultiCodeEditor languages={mqlCode('https://oxide.computer', { pdf: { height: '480px' } })} />
 
 The value accepts values labeled with units.
diff --git a/src/pages/docs/api/parameters/pdf/landscape.md b/src/pages/docs/api/parameters/pdf/landscape.md
index 6f0307e2d..062f7be70 100644
--- a/src/pages/docs/api/parameters/pdf/landscape.md
+++ b/src/pages/docs/api/parameters/pdf/landscape.md
@@ -9,4 +9,4 @@ It sets landscape orientation for the [pdf](/docs/api/parameters/pdf) over the t
 
 <Iframe src="https://cdn.microlink.io/docs/algolia.pdf" />
 
-<MultiCodeEditor languages={mqlCode('https://www.algolia.com', { pdf: true, landscape: true })} />
+<MultiCodeEditor languages={mqlCode('https://www.algolia.com', { pdf: { landscape: true } })} />
diff --git a/src/pages/docs/api/parameters/pdf/margin.md b/src/pages/docs/api/parameters/pdf/margin.md
index b79958781..e75a1e09f 100644
--- a/src/pages/docs/api/parameters/pdf/margin.md
+++ b/src/pages/docs/api/parameters/pdf/margin.md
@@ -9,7 +9,7 @@ It sets the paper margins for the [pdf](/docs/api/parameters/pdf) over the targe
 
 <Iframe src="https://cdn.microlink.io/pdf/basecamp.pdf" />
 
-<MultiCodeEditor languages={mqlCode('https://basecamp.com/shapeup/0.3-chapter-01', { pdf: true, margin: '4mm' })} />
+<MultiCodeEditor languages={mqlCode('https://basecamp.com/shapeup/0.3-chapter-01', { pdf: { margin: '4mm' } })} />
 
 All possible units are:
 
diff --git a/src/pages/docs/api/parameters/pdf/pageRanges.md b/src/pages/docs/api/parameters/pdf/pageRanges.md
index 671f556a3..1a638851d 100644
--- a/src/pages/docs/api/parameters/pdf/pageRanges.md
+++ b/src/pages/docs/api/parameters/pdf/pageRanges.md
@@ -8,7 +8,7 @@ It specifies the page range for generating the [pdf](/docs/api/parameters/pdf) o
 
 <Iframe src="https://cdn.microlink.io/docs/stripe.pdf" />
 
-<MultiCodeEditor languages={mqlCode('https://stripe.com', { pdf: true, landscape: true, pageRanges: '1-1' })} />
+<MultiCodeEditor languages={mqlCode('https://stripe.com', { pdf: { landscape: { pageRanges: '1-1' } } })} />
 
 Any interval can be defined, such as, `'1-5, 8, 11-13'`. If you want to print just one page, specify it as range, e.g., `'1-1'`.
 
diff --git a/src/pages/docs/api/parameters/pdf/scale.md b/src/pages/docs/api/parameters/pdf/scale.md
index 3e45e1347..eba7c917d 100644
--- a/src/pages/docs/api/parameters/pdf/scale.md
+++ b/src/pages/docs/api/parameters/pdf/scale.md
@@ -9,6 +9,6 @@ It sets the scale for the [pdf](/docs/api/parameters/pdf) over the target [url](
 
 <Iframe src="https://cdn.microlink.io/pdf/varnis-cache.pdf" />
 
-<MultiCodeEditor languages={mqlCode('https://varnish-cache.org/docs/trunk/phk/thatslow.html', { pdf: true, scale: 1 })} />
+<MultiCodeEditor languages={mqlCode('https://varnish-cache.org/docs/trunk/phk/thatslow.html', { pdf: { scale: 1 } })} />
 
 Scale amount must be between <Type children='0.1'/> and <Type children='2'/>.
diff --git a/src/pages/docs/api/parameters/pdf/width.md b/src/pages/docs/api/parameters/pdf/width.md
index 630e74f18..63ff81a02 100644
--- a/src/pages/docs/api/parameters/pdf/width.md
+++ b/src/pages/docs/api/parameters/pdf/width.md
@@ -8,6 +8,6 @@ It sets the paper width for the [pdf](/docs/api/parameters/pdf) over the target
 
 <Iframe src="https://cdn.microlink.io/docs/raycast.pdf" />
 
-<MultiCodeEditor languages={mqlCode('https://www.raycast.com/', { pdf: true, width: '640px' })} />
+<MultiCodeEditor languages={mqlCode('https://www.raycast.com/', { pdf: { width: '640px' } })} />
 
 The value accepts values labeled with units.
diff --git a/src/pages/docs/api/parameters/screenshot/element.md b/src/pages/docs/api/parameters/screenshot/element.md
index bdd39d9b6..639274d46 100644
--- a/src/pages/docs/api/parameters/screenshot/element.md
+++ b/src/pages/docs/api/parameters/screenshot/element.md
@@ -8,6 +8,6 @@ It captures the DOM element matching the given [CSS selector](https://developer.
 
 ![](https://cdn.microlink.io/docs/codepen.png)
 
-<MultiCodeEditor languages={mqlCode('https://codepen.io/fossheim/full/oNjxrZa', { screenshot: true, element: '#result-iframe-wrap' })} />
+<MultiCodeEditor languages={mqlCode('https://codepen.io/fossheim/full/oNjxrZa', { screenshot: { element: '#result-iframe-wrap' } })} />
 
 It will wait for the element to appear in the page and to be visible.
diff --git a/src/pages/docs/api/parameters/screenshot/fullPage.md b/src/pages/docs/api/parameters/screenshot/fullPage.md
index 00cb3daf6..b854bed9b 100644
--- a/src/pages/docs/api/parameters/screenshot/fullPage.md
+++ b/src/pages/docs/api/parameters/screenshot/fullPage.md
@@ -9,7 +9,7 @@ It takes a full scrollable page [screenshot](/docs/api/parameters/screenshot) ov
 
 <Image maxWidth='40%' src="https://cdn.microlink.io/docs/recipes.png" />
 
-<MultiCodeEditor languages={mqlCode('https://microlink.io/recipes', { screenshot: true, fullPage: true })} />
+<MultiCodeEditor languages={mqlCode('https://microlink.io/recipes', { screenshot: { fullPage: true } })} />
 
 The response time could be slower since the browser has to wait more elements before taking the screenshot.
 
diff --git a/src/pages/docs/api/parameters/screenshot/omitBackground.md b/src/pages/docs/api/parameters/screenshot/omitBackground.md
index da8d00393..5c1192d57 100644
--- a/src/pages/docs/api/parameters/screenshot/omitBackground.md
+++ b/src/pages/docs/api/parameters/screenshot/omitBackground.md
@@ -7,4 +7,4 @@ Default: <Type children='false'/>
 
 It omits the white background for the [screenshot](/docs/api/parameters/screenshot) over the target [url](/docs/api/parameters/url).
 
-<MultiCodeEditor languages={mqlCode('https://kikobeats.com', { screenshot: true, omitBackground: true })} />
+<MultiCodeEditor languages={mqlCode('https://kikobeats.com', { screenshot: { omitBackground: true } })} />
diff --git a/src/pages/docs/api/parameters/screenshot/overlay.md b/src/pages/docs/api/parameters/screenshot/overlay.md
index 1b567e8c5..cb0753ef6 100644
--- a/src/pages/docs/api/parameters/screenshot/overlay.md
+++ b/src/pages/docs/api/parameters/screenshot/overlay.md
@@ -8,9 +8,11 @@ It creates a beauty [screenshot](/docs/api/parameters/screenshot) composition us
 
 <Image src="https://cdn.microlink.io/docs/overlay.png" />
 
-<MultiCodeEditor languages={mqlCode('{{demolinks.apple.url}}', { screenshot: true, overlay: {
-  background: 'linear-gradient(225deg, #FF057C 0%, #8D0B93 50%, #321575 100%)',
-  browser: 'dark'
+<MultiCodeEditor languages={mqlCode('{{demolinks.apple.url}}', { screenshot: {
+  overlay: {
+    background: 'linear-gradient(225deg, #FF057C 0%, #8D0B93 50%, #321575 100%)',
+    browser: 'dark'
+  }
 } })} />
 
 An overlay is specified as `browser` theme, being <Type children="'light'"/>` and <Type children="'dark'"/> supported.
diff --git a/src/pages/docs/api/parameters/screenshot/type.md b/src/pages/docs/api/parameters/screenshot/type.md
index 2b3c57451..7f972c2c4 100644
--- a/src/pages/docs/api/parameters/screenshot/type.md
+++ b/src/pages/docs/api/parameters/screenshot/type.md
@@ -8,7 +8,7 @@ Values: <TypeContainer><Type children="'jpeg'"/> | <Type children="'png'"/></Typ
 
 It specifies the screenshot file type for the [screenshot](/docs/api/parameters/screenshot) over the target [url](/docs/api/parameters/url).
 
-<MultiCodeEditor languages={mqlCode('https://microlink.io', { screenshot: true, type: 'jpeg' })} />
+<MultiCodeEditor languages={mqlCode('https://microlink.io', { screenshot: { type: 'jpeg' } })} />
 
 This query parameter just defines the file format to be used at asset generation. 
 
diff --git a/vercel.json b/vercel.json
index f304e9d59..504658909 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,4 +1,5 @@
 {
+  "regions": ["sfo1", "iad1", "fra1"],
   "redirects": [
     {
       "source": "/adblock",