From b11878a23e652103dcd2ca34df644beeaed4375e Mon Sep 17 00:00:00 2001
From: Giacomo Debidda <giacomo@giacomodebidda.com>
Date: Tue, 5 Jul 2022 18:53:48 +0200
Subject: [PATCH] feat(eleventy-plugin-text-to-speech): allow hosting audio
 files on Cloud Storage

---
 .nvmrc                                        |   1 +
 README.md                                     |  74 +-
 package-lock.json                             | 823 +++++++++++++++++-
 package.json                                  |   4 +-
 packages/demo-site/config/eleventy.cjs        |  23 +-
 packages/demo-site/package.json               |   2 +-
 .../src/includes/components/post-list.njk     |   2 +
 packages/demo-site/src/layouts/post.njk       |   1 +
 packages/demo-site/src/pages/home.njk         |   2 +
 .../eleventy-plugin-text-to-speech/README.md  |  72 +-
 .../package.json                              |   3 +-
 .../src/index.ts                              |  46 +-
 .../src/schemas.ts                            |  10 +
 .../src/text-to-speech.ts                     |   2 +
 .../src/transforms.ts                         | 151 ++--
 .../src/utils.ts                              |  55 ++
 scripts/README.md                             |   3 +
 17 files changed, 1174 insertions(+), 100 deletions(-)
 create mode 100644 .nvmrc
 create mode 100644 scripts/README.md

diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 00000000..1667c1af
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+18.3.0
\ No newline at end of file
diff --git a/README.md b/README.md
index f1f3d207..6a7c3e53 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,79 @@
 # undici
 
-Build all libraries and the demo 11ty site in watch mode:
+![CI workflow](https://github.com/jackdbd/undici/actions/workflows/ci.yaml/badge.svg)
+![release workflow](https://github.com/jackdbd/undici/actions/workflows/release.yaml/badge.svg)
+
+Monorepo for my [Eleventy](https://www.11ty.dev/) plugins.
+
+> 📦 **CJS only:**
+> 
+> All libraries of this monorepo are published to npmjs as CommonJS.
+>
+> At the moment no one of these packages has a ESM build.
+>
+> - [Eleventy issue #836](https://github.com/11ty/eleventy/issues/836)
+
+## Installation
+
+Clone the repo:
+
+```shell
+git clone git@github.com:jackdbd/undici.git
+
+cd undici
+```
+
+Install all dependencies from npm.js and setup git hooks with [husky](https://typicode.github.io/husky/):
+
+```sh
+npm install
+```
+
+## Development
+
+This monorepo uses [Typescript project references](https://www.typescriptlang.org/docs/handbook/project-references.html) to build all of its libraries.
+
+Build all libraries (i.e. 11ty plugins):
+
+```sh
+npm run build:libs
+```
+
+Build the demo 11ty site:
+
+
+```sh
+npm run build:site
+```
+
+Build all libraries and the demo site:
+
+
+```sh
+npm run build
+```
+
+Serve the demo site:
+
+```sh
+npm run serve:site
+```
+
+Build all libraries and the demo site, both in watch mode, and serve the demo site:
 
 ```sh
 npm run dev
 ```
+Note: you will still need to refresh the browser.
+
+## Test
+
+Run all tests on all packages:
+
+```sh
+npm run test
+```
+
+## Monorepo management
+
+See [scripts](./scripts/README.md).
diff --git a/package-lock.json b/package-lock.json
index fde0420f..a482cf52 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,6 +26,7 @@
         "eslint": "^8.17.0",
         "eslint-config-prettier": "^8.5.0",
         "eslint-plugin-prettier": "^4.0.0",
+        "http-server": "^14.1.1",
         "husky": "^8.0.1",
         "jest": "^28.1.1",
         "joi": "^17.6.0",
@@ -119,6 +120,19 @@
         "url": "https://opencollective.com/11ty"
       }
     },
+    "node_modules/@11ty/eleventy-navigation": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-0.3.3.tgz",
+      "integrity": "sha512-O5C/NbDeTBnHQvDYZDr0Va6a7mEzifPUL1XRiqyKIAQqXZJsX/2K13PFLhX7t6kQRT1w6D0TSQyiT8skXbgWKA==",
+      "dev": true,
+      "dependencies": {
+        "dependency-graph": "^0.11.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
     "node_modules/@11ty/eleventy-utils": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.1.tgz",
@@ -1047,6 +1061,80 @@
       "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
       "dev": true
     },
+    "node_modules/@google-cloud/paginator": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@google-cloud/paginator/-/paginator-3.0.7.tgz",
+      "integrity": "sha512-jJNutk0arIQhmpUUQJPJErsojqo834KcyB6X7a1mxuic8i1tKXxde8E69IZxNZawRIlZdIK2QY4WALvlK5MzYQ==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/paginator/node_modules/arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@google-cloud/projectify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-3.0.0.tgz",
+      "integrity": "sha512-HRkZsNmjScY6Li8/kb70wjGlDDyLkVk3KvoEo9uIoxSjYLJasGiCch9+PqRVDOCGUFvEIqyogl+BeqILL4OJHA==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/promisify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-3.0.0.tgz",
+      "integrity": "sha512-91ArYvRgXWb73YvEOBMmOcJc0bDRs5yiVHnqkwoG0f3nm7nZuipllz6e7BvFESBvjkDTBC0zMD8QxedUwNLc1A==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/storage": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/@google-cloud/storage/-/storage-6.2.2.tgz",
+      "integrity": "sha512-KhAOxmGfmELKKn6cdvgGfAi/YBLi19hI1jX3QI7xQmbeajSFMgUKrIPbbyfMIxQPOEQ9vG0MQX1uganlA/HTRA==",
+      "dependencies": {
+        "@google-cloud/paginator": "^3.0.7",
+        "@google-cloud/projectify": "^3.0.0",
+        "@google-cloud/promisify": "^3.0.0",
+        "abort-controller": "^3.0.0",
+        "arrify": "^2.0.0",
+        "async-retry": "^1.3.3",
+        "compressible": "^2.0.12",
+        "duplexify": "^4.0.0",
+        "ent": "^2.2.0",
+        "extend": "^3.0.2",
+        "gaxios": "^5.0.0",
+        "google-auth-library": "^8.0.1",
+        "mime": "^3.0.0",
+        "mime-types": "^2.0.8",
+        "p-limit": "^3.0.1",
+        "pumpify": "^2.0.0",
+        "retry-request": "^5.0.0",
+        "stream-events": "^1.0.4",
+        "teeny-request": "^8.0.0",
+        "uuid": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@google-cloud/text-to-speech": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@google-cloud/text-to-speech/-/text-to-speech-4.0.0.tgz",
@@ -3702,6 +3790,22 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/async-retry": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/async-retry/-/async-retry-1.3.3.tgz",
+      "integrity": "sha512-wfr/jstw9xNi/0teMHrRW7dsz3Lt5ARhYNZ2ewpadnhaIp5mbALhOAP+EAdsC7t4Z6wqsDVv9+W6gm1Dk9mEyw==",
+      "dependencies": {
+        "retry": "0.13.1"
+      }
+    },
+    "node_modules/async-retry/node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -3867,6 +3971,18 @@
         "node": "^4.5.0 || >= 5.9"
       }
     },
+    "node_modules/basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "5.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/batch": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
@@ -4730,6 +4846,17 @@
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
       "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
     },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -5426,6 +5553,15 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/corser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+      "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/cosmiconfig": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
@@ -6128,6 +6264,21 @@
       "integrity": "sha512-1XeTb/U/8Xgh2YgPOqhakLYsvCcU4U7jUjTMbEnhIJoIWd/Qt3yC8y0cbG+fHzn4zUNF99Ey1xiPf20bwgLO3Q==",
       "dev": true
     },
+    "node_modules/eleventy-plugin-helmet": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/eleventy-plugin-helmet/-/eleventy-plugin-helmet-0.2.2.tgz",
+      "integrity": "sha512-gbRgv1cbj1nJGol/Clc+ZYNuTjusCz1iLyunBZfMMq01rrWpuh/H+72qj6tQT1xmy3woRQIKv9WXDlFyRNOHng==",
+      "dev": true,
+      "dependencies": {
+        "posthtml": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@11ty/eleventy": ">=0.7"
+      }
+    },
     "node_modules/emittery": {
       "version": "0.10.2",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.10.2.tgz",
@@ -6211,6 +6362,11 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/ent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz",
+      "integrity": "sha512-GHrMyVZQWvTIdDtpiEXdHZnFQKzeO09apj8Cbl4pKWy4i0Oprcq17usfDt5aO63swf0JOeMWjWQE/LzgSRuWpA=="
+    },
     "node_modules/entities": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
@@ -8242,6 +8398,45 @@
         "node": ">= 6"
       }
     },
+    "node_modules/http-server": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+      "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+      "dev": true,
+      "dependencies": {
+        "basic-auth": "^2.0.1",
+        "chalk": "^4.1.2",
+        "corser": "^2.0.1",
+        "he": "^1.2.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy": "^1.18.1",
+        "mime": "^1.6.0",
+        "minimist": "^1.2.6",
+        "opener": "^1.5.1",
+        "portfinder": "^1.0.28",
+        "secure-compare": "3.0.1",
+        "union": "~0.5.0",
+        "url-join": "^4.0.1"
+      },
+      "bin": {
+        "http-server": "bin/http-server"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/http-server/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/https-proxy-agent": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -10944,7 +11139,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
       "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
-      "dev": true,
       "bin": {
         "mime": "cli.js"
       },
@@ -14444,6 +14638,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true,
+      "bin": {
+        "opener": "bin/opener-bin.js"
+      }
+    },
     "node_modules/openurl": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/openurl/-/openurl-1.1.1.tgz",
@@ -14541,7 +14744,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -15068,6 +15270,50 @@
         "semver-compare": "^1.0.0"
       }
     },
+    "node_modules/portfinder": {
+      "version": "1.0.28",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
+      "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==",
+      "dev": true,
+      "dependencies": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.5"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/portfinder/node_modules/async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.14"
+      }
+    },
+    "node_modules/portfinder/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/portfinder/node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
     "node_modules/portscanner": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/portscanner/-/portscanner-2.2.0.tgz",
@@ -15089,6 +15335,120 @@
         "lodash": "^4.17.14"
       }
     },
+    "node_modules/posthtml": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.13.4.tgz",
+      "integrity": "sha512-i2oTo/+dwXGC6zaAQSF6WZEQSbEqu10hsvg01DWzGAfZmy31Iiy9ktPh9nnXDfZiYytjxTIvxoK4TI0uk4QWpw==",
+      "dev": true,
+      "dependencies": {
+        "posthtml-parser": "^0.5.0",
+        "posthtml-render": "^1.2.3"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/posthtml-parser": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.5.3.tgz",
+      "integrity": "sha512-uHosRn0y+1wbnlYKrqMjBPoo/kK5LPYImLtiETszNFYfFwAD3cQdD1R2E13Mh5icBxkHj+yKtlIHozCsmVWD/Q==",
+      "dev": true,
+      "dependencies": {
+        "htmlparser2": "^3.9.2"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://opencollective.com/posthtml"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/dom-serializer/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/posthtml-parser/node_modules/dom-serializer/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "dev": true
+    },
+    "node_modules/posthtml-parser/node_modules/domhandler": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/posthtml-parser/node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+      "dev": true
+    },
+    "node_modules/posthtml-parser/node_modules/htmlparser2": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
+      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^1.3.1",
+        "domhandler": "^2.3.0",
+        "domutils": "^1.5.1",
+        "entities": "^1.1.1",
+        "inherits": "^2.0.1",
+        "readable-stream": "^3.1.1"
+      }
+    },
+    "node_modules/posthtml-render": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-1.4.0.tgz",
+      "integrity": "sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -15443,12 +15803,21 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
       "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-      "dev": true,
       "dependencies": {
         "end-of-stream": "^1.1.0",
         "once": "^1.3.1"
       }
     },
+    "node_modules/pumpify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-2.0.1.tgz",
+      "integrity": "sha512-m7KOje7jZxrmutanlkS1daj1dS6z6BgslzOXmcSEpIlCxM3VJH7lG5QLeck/6hgF6F4crFf01UtQmNsJfweTAw==",
+      "dependencies": {
+        "duplexify": "^4.1.1",
+        "inherits": "^2.0.3",
+        "pump": "^3.0.0"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
@@ -16309,6 +16678,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/secure-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+      "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==",
+      "dev": true
+    },
     "node_modules/selderee": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/selderee/-/selderee-0.6.0.tgz",
@@ -17247,6 +17622,14 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/stream-events": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/stream-events/-/stream-events-1.0.5.tgz",
+      "integrity": "sha512-E1GUzBSgvct8Jsb3v2X15pjzN1tYebtbLaMg+eBOUOAxgbLoSbT2NS91ckc5lJD1KfLjId+jXJRgo0qnV5Nerg==",
+      "dependencies": {
+        "stubs": "^3.0.0"
+      }
+    },
     "node_modules/stream-shift": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
@@ -17474,6 +17857,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/stubs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stubs/-/stubs-3.0.0.tgz",
+      "integrity": "sha512-PdHt7hHUJKxvTCgbKX9C1V/ftOcjJQgz8BZwNfV5c4B6dcGqlpelTbJ999jBGZ2jYiPAwcX5dP6oBwVlBlUbxw=="
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -17539,6 +17927,21 @@
         "node": ">= 10"
       }
     },
+    "node_modules/teeny-request": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-8.0.0.tgz",
+      "integrity": "sha512-6KEYxXI4lQPSDkXzXpPmJPNmo7oqduFFbhOEHf8sfsLbXyCsb+umUjBtMGAKhaSToD8JNCtQutTRefu29K64JA==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/temp-dir": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
@@ -17983,6 +18386,33 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/union": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+      "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+      "dev": true,
+      "dependencies": {
+        "qs": "^6.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/union/node_modules/qs": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "dev": true,
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/unique-filename": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
@@ -18130,6 +18560,14 @@
         "node": ">= 0.4.0"
       }
     },
+    "node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
@@ -18613,7 +19051,6 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -18699,8 +19136,10 @@
       "version": "0.0.1",
       "devDependencies": {
         "@11ty/eleventy": "^1.0.1",
+        "@11ty/eleventy-navigation": "^0.3.3",
         "@jackdbd/eleventy-plugin-telegram": "*",
-        "@jackdbd/eleventy-plugin-text-to-speech": "*"
+        "@jackdbd/eleventy-plugin-text-to-speech": "*",
+        "eleventy-plugin-helmet": "^0.2.2"
       },
       "engines": {
         "node": ">=16.0.0"
@@ -18708,7 +19147,7 @@
     },
     "packages/eleventy-plugin-telegram": {
       "name": "@jackdbd/eleventy-plugin-telegram",
-      "version": "0.0.1",
+      "version": "1.0.0-alpha.1",
       "license": "MIT",
       "dependencies": {
         "joi": "^17.6.0",
@@ -18730,6 +19169,7 @@
       "version": "1.0.0-alpha.1",
       "license": "MIT",
       "dependencies": {
+        "@google-cloud/storage": "^6.2.2",
         "@google-cloud/text-to-speech": "^4.0.0",
         "html-to-text": "^8.2.0",
         "joi": "^17.6.0",
@@ -18806,6 +19246,15 @@
         "p-queue": "^6.6.2"
       }
     },
+    "@11ty/eleventy-navigation": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-0.3.3.tgz",
+      "integrity": "sha512-O5C/NbDeTBnHQvDYZDr0Va6a7mEzifPUL1XRiqyKIAQqXZJsX/2K13PFLhX7t6kQRT1w6D0TSQyiT8skXbgWKA==",
+      "dev": true,
+      "requires": {
+        "dependency-graph": "^0.11.0"
+      }
+    },
     "@11ty/eleventy-utils": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.1.tgz",
@@ -19523,6 +19972,66 @@
       "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
       "dev": true
     },
+    "@google-cloud/paginator": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@google-cloud/paginator/-/paginator-3.0.7.tgz",
+      "integrity": "sha512-jJNutk0arIQhmpUUQJPJErsojqo834KcyB6X7a1mxuic8i1tKXxde8E69IZxNZawRIlZdIK2QY4WALvlK5MzYQ==",
+      "requires": {
+        "arrify": "^2.0.0",
+        "extend": "^3.0.2"
+      },
+      "dependencies": {
+        "arrify": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+          "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug=="
+        }
+      }
+    },
+    "@google-cloud/projectify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-3.0.0.tgz",
+      "integrity": "sha512-HRkZsNmjScY6Li8/kb70wjGlDDyLkVk3KvoEo9uIoxSjYLJasGiCch9+PqRVDOCGUFvEIqyogl+BeqILL4OJHA=="
+    },
+    "@google-cloud/promisify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-3.0.0.tgz",
+      "integrity": "sha512-91ArYvRgXWb73YvEOBMmOcJc0bDRs5yiVHnqkwoG0f3nm7nZuipllz6e7BvFESBvjkDTBC0zMD8QxedUwNLc1A=="
+    },
+    "@google-cloud/storage": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/@google-cloud/storage/-/storage-6.2.2.tgz",
+      "integrity": "sha512-KhAOxmGfmELKKn6cdvgGfAi/YBLi19hI1jX3QI7xQmbeajSFMgUKrIPbbyfMIxQPOEQ9vG0MQX1uganlA/HTRA==",
+      "requires": {
+        "@google-cloud/paginator": "^3.0.7",
+        "@google-cloud/projectify": "^3.0.0",
+        "@google-cloud/promisify": "^3.0.0",
+        "abort-controller": "^3.0.0",
+        "arrify": "^2.0.0",
+        "async-retry": "^1.3.3",
+        "compressible": "^2.0.12",
+        "duplexify": "^4.0.0",
+        "ent": "^2.2.0",
+        "extend": "^3.0.2",
+        "gaxios": "^5.0.0",
+        "google-auth-library": "^8.0.1",
+        "mime": "^3.0.0",
+        "mime-types": "^2.0.8",
+        "p-limit": "^3.0.1",
+        "pumpify": "^2.0.0",
+        "retry-request": "^5.0.0",
+        "stream-events": "^1.0.4",
+        "teeny-request": "^8.0.0",
+        "uuid": "^8.0.0"
+      },
+      "dependencies": {
+        "arrify": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+          "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug=="
+        }
+      }
+    },
     "@google-cloud/text-to-speech": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@google-cloud/text-to-speech/-/text-to-speech-4.0.0.tgz",
@@ -19704,8 +20213,10 @@
       "version": "file:packages/demo-site",
       "requires": {
         "@11ty/eleventy": "^1.0.1",
+        "@11ty/eleventy-navigation": "^0.3.3",
         "@jackdbd/eleventy-plugin-telegram": "*",
-        "@jackdbd/eleventy-plugin-text-to-speech": "*"
+        "@jackdbd/eleventy-plugin-text-to-speech": "*",
+        "eleventy-plugin-helmet": "^0.2.2"
       }
     },
     "@jackdbd/eleventy-plugin-telegram": {
@@ -19719,6 +20230,7 @@
     "@jackdbd/eleventy-plugin-text-to-speech": {
       "version": "file:packages/eleventy-plugin-text-to-speech",
       "requires": {
+        "@google-cloud/storage": "^6.2.2",
         "@google-cloud/text-to-speech": "^4.0.0",
         "@panoply/11ty": "^0.1.0",
         "html-to-text": "^8.2.0",
@@ -21663,6 +22175,21 @@
       "resolved": "https://registry.npmjs.org/async-each-series/-/async-each-series-0.1.1.tgz",
       "integrity": "sha512-p4jj6Fws4Iy2m0iCmI2am2ZNZCgbdgE+P8F/8csmn2vx7ixXrO2zGcuNsD46X5uZSVecmkEy/M06X2vG8KD6dQ=="
     },
+    "async-retry": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/async-retry/-/async-retry-1.3.3.tgz",
+      "integrity": "sha512-wfr/jstw9xNi/0teMHrRW7dsz3Lt5ARhYNZ2ewpadnhaIp5mbALhOAP+EAdsC7t4Z6wqsDVv9+W6gm1Dk9mEyw==",
+      "requires": {
+        "retry": "0.13.1"
+      },
+      "dependencies": {
+        "retry": {
+          "version": "0.13.1",
+          "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+          "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg=="
+        }
+      }
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -21783,6 +22310,15 @@
       "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
       "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog=="
     },
+    "basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
     "batch": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
@@ -22449,6 +22985,14 @@
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
       "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
     },
+    "compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "requires": {
+        "mime-db": ">= 1.43.0 < 2"
+      }
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -22992,6 +23536,12 @@
         "vary": "^1"
       }
     },
+    "corser": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+      "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+      "dev": true
+    },
     "cosmiconfig": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
@@ -23532,6 +24082,15 @@
       "integrity": "sha512-1XeTb/U/8Xgh2YgPOqhakLYsvCcU4U7jUjTMbEnhIJoIWd/Qt3yC8y0cbG+fHzn4zUNF99Ey1xiPf20bwgLO3Q==",
       "dev": true
     },
+    "eleventy-plugin-helmet": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/eleventy-plugin-helmet/-/eleventy-plugin-helmet-0.2.2.tgz",
+      "integrity": "sha512-gbRgv1cbj1nJGol/Clc+ZYNuTjusCz1iLyunBZfMMq01rrWpuh/H+72qj6tQT1xmy3woRQIKv9WXDlFyRNOHng==",
+      "dev": true,
+      "requires": {
+        "posthtml": "^0.13.1"
+      }
+    },
     "emittery": {
       "version": "0.10.2",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.10.2.tgz",
@@ -23600,6 +24159,11 @@
       "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.4.tgz",
       "integrity": "sha512-+nVFp+5z1E3HcToEnO7ZIj3g+3k9389DvWtvJZz0T6/eOCPIyyxehFcedoYrZQrp0LgQbD9pPXhpMBKMd5QURg=="
     },
+    "ent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz",
+      "integrity": "sha512-GHrMyVZQWvTIdDtpiEXdHZnFQKzeO09apj8Cbl4pKWy4i0Oprcq17usfDt5aO63swf0JOeMWjWQE/LzgSRuWpA=="
+    },
     "entities": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.1.0.tgz",
@@ -25132,6 +25696,35 @@
         "debug": "4"
       }
     },
+    "http-server": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+      "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+      "dev": true,
+      "requires": {
+        "basic-auth": "^2.0.1",
+        "chalk": "^4.1.2",
+        "corser": "^2.0.1",
+        "he": "^1.2.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy": "^1.18.1",
+        "mime": "^1.6.0",
+        "minimist": "^1.2.6",
+        "opener": "^1.5.1",
+        "portfinder": "^1.0.28",
+        "secure-compare": "3.0.1",
+        "union": "~0.5.0",
+        "url-join": "^4.0.1"
+      },
+      "dependencies": {
+        "mime": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+          "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+          "dev": true
+        }
+      }
+    },
     "https-proxy-agent": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -27151,8 +27744,7 @@
     "mime": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
-      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
-      "dev": true
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A=="
     },
     "mime-db": {
       "version": "1.52.0",
@@ -29639,6 +30231,12 @@
         "mimic-fn": "^2.1.0"
       }
     },
+    "opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true
+    },
     "openurl": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/openurl/-/openurl-1.1.1.tgz",
@@ -29711,7 +30309,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
       "requires": {
         "yocto-queue": "^0.1.0"
       }
@@ -30089,6 +30686,46 @@
         "semver-compare": "^1.0.0"
       }
     },
+    "portfinder": {
+      "version": "1.0.28",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
+      "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.5"
+      },
+      "dependencies": {
+        "async": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+          "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+          "dev": true,
+          "requires": {
+            "lodash": "^4.17.14"
+          }
+        },
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "mkdirp": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+          "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.6"
+          }
+        }
+      }
+    },
     "portscanner": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/portscanner/-/portscanner-2.2.0.tgz",
@@ -30108,6 +30745,102 @@
         }
       }
     },
+    "posthtml": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/posthtml/-/posthtml-0.13.4.tgz",
+      "integrity": "sha512-i2oTo/+dwXGC6zaAQSF6WZEQSbEqu10hsvg01DWzGAfZmy31Iiy9ktPh9nnXDfZiYytjxTIvxoK4TI0uk4QWpw==",
+      "dev": true,
+      "requires": {
+        "posthtml-parser": "^0.5.0",
+        "posthtml-render": "^1.2.3"
+      }
+    },
+    "posthtml-parser": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/posthtml-parser/-/posthtml-parser-0.5.3.tgz",
+      "integrity": "sha512-uHosRn0y+1wbnlYKrqMjBPoo/kK5LPYImLtiETszNFYfFwAD3cQdD1R2E13Mh5icBxkHj+yKtlIHozCsmVWD/Q==",
+      "dev": true,
+      "requires": {
+        "htmlparser2": "^3.9.2"
+      },
+      "dependencies": {
+        "dom-serializer": {
+          "version": "0.2.2",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+          "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "entities": "^2.0.0"
+          },
+          "dependencies": {
+            "domelementtype": {
+              "version": "2.3.0",
+              "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+              "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+              "dev": true
+            },
+            "entities": {
+              "version": "2.2.0",
+              "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+              "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+              "dev": true
+            }
+          }
+        },
+        "domelementtype": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+          "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+          "dev": true
+        },
+        "domhandler": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+          "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "1"
+          }
+        },
+        "domutils": {
+          "version": "1.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+          "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+          "dev": true,
+          "requires": {
+            "dom-serializer": "0",
+            "domelementtype": "1"
+          }
+        },
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+          "dev": true
+        },
+        "htmlparser2": {
+          "version": "3.10.1",
+          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
+          "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^1.3.1",
+            "domhandler": "^2.3.0",
+            "domutils": "^1.5.1",
+            "entities": "^1.1.1",
+            "inherits": "^2.0.1",
+            "readable-stream": "^3.1.1"
+          }
+        }
+      }
+    },
+    "posthtml-render": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/posthtml-render/-/posthtml-render-1.4.0.tgz",
+      "integrity": "sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==",
+      "dev": true
+    },
     "prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -30404,12 +31137,21 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
       "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-      "dev": true,
       "requires": {
         "end-of-stream": "^1.1.0",
         "once": "^1.3.1"
       }
     },
+    "pumpify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-2.0.1.tgz",
+      "integrity": "sha512-m7KOje7jZxrmutanlkS1daj1dS6z6BgslzOXmcSEpIlCxM3VJH7lG5QLeck/6hgF6F4crFf01UtQmNsJfweTAw==",
+      "requires": {
+        "duplexify": "^4.1.1",
+        "inherits": "^2.0.3",
+        "pump": "^3.0.0"
+      }
+    },
     "punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
@@ -31051,6 +31793,12 @@
         "kind-of": "^6.0.0"
       }
     },
+    "secure-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+      "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==",
+      "dev": true
+    },
     "selderee": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/selderee/-/selderee-0.6.0.tgz",
@@ -31820,6 +32568,14 @@
         }
       }
     },
+    "stream-events": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/stream-events/-/stream-events-1.0.5.tgz",
+      "integrity": "sha512-E1GUzBSgvct8Jsb3v2X15pjzN1tYebtbLaMg+eBOUOAxgbLoSbT2NS91ckc5lJD1KfLjId+jXJRgo0qnV5Nerg==",
+      "requires": {
+        "stubs": "^3.0.0"
+      }
+    },
     "stream-shift": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
@@ -31973,6 +32729,11 @@
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true
     },
+    "stubs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stubs/-/stubs-3.0.0.tgz",
+      "integrity": "sha512-PdHt7hHUJKxvTCgbKX9C1V/ftOcjJQgz8BZwNfV5c4B6dcGqlpelTbJ999jBGZ2jYiPAwcX5dP6oBwVlBlUbxw=="
+    },
     "supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -32020,6 +32781,18 @@
         "yallist": "^4.0.0"
       }
     },
+    "teeny-request": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-8.0.0.tgz",
+      "integrity": "sha512-6KEYxXI4lQPSDkXzXpPmJPNmo7oqduFFbhOEHf8sfsLbXyCsb+umUjBtMGAKhaSToD8JNCtQutTRefu29K64JA==",
+      "requires": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^8.0.0"
+      }
+    },
     "temp-dir": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
@@ -32334,6 +33107,26 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
+    "union": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+      "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+      "dev": true,
+      "requires": {
+        "qs": "^6.4.0"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.11.0",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+          "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+          "dev": true,
+          "requires": {
+            "side-channel": "^1.0.4"
+          }
+        }
+      }
+    },
     "unique-filename": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
@@ -32444,6 +33237,11 @@
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
       "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA=="
     },
+    "uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
+    },
     "v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
@@ -32815,8 +33613,7 @@
     "yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
     },
     "zx": {
       "version": "6.2.5",
diff --git a/package.json b/package.json
index 2047ae57..0755814f 100644
--- a/package.json
+++ b/package.json
@@ -36,13 +36,14 @@
     "build:site": "npm run build -w packages/demo-site",
     "build:site:watch": "npm run build:watch -w packages/demo-site",
     "clean": "npm run clean --workspaces --if-present",
-    "dev": "run-p 'build:libs:watch' 'build:site:watch' --print-label",
+    "dev": "run-p 'build:libs:watch' 'build:site:watch' 'serve:site' --print-label",
     "format": "npm run format --workspaces --if-present",
     "lint": "npm run lint --workspaces --if-present",
     "ncu:dev": "ncu --doctor --dep 'dev' --upgrade",
     "nuke": "npm run clean && rm -rf node_modules package-lock.json",
     "prepare": "husky install",
     "release:dry": "multi-semantic-release --no-ci --dry-run --debug --ignore-private --ignore-packages=packages/demo-site",
+    "serve:site": "npm run serve -w packages/demo-site",
     "size": "npm run size --workspaces --if-present",
     "test": "npm run test --workspaces --if-present",
     "test:ci": "npm run test:ci --workspaces --if-present"
@@ -64,6 +65,7 @@
     "eslint": "^8.17.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
+    "http-server": "^14.1.1",
     "husky": "^8.0.1",
     "jest": "^28.1.1",
     "joi": "^17.6.0",
diff --git a/packages/demo-site/config/eleventy.cjs b/packages/demo-site/config/eleventy.cjs
index d5622ae3..fb12f5bc 100644
--- a/packages/demo-site/config/eleventy.cjs
+++ b/packages/demo-site/config/eleventy.cjs
@@ -5,8 +5,9 @@ const {
   textToSpeechPlugin
 } = require('@jackdbd/eleventy-plugin-text-to-speech')
 
-const ROOT = path.join(__filename, '..', '..')
-const OUTPUT_DIR = path.join(ROOT, '_site')
+const MONOREPO_ROOT = path.join(__filename, '..', '..', '..', '..')
+const PACKAGE_ROOT = path.join(MONOREPO_ROOT, 'packages', 'demo-site')
+const OUTPUT_DIR = path.join(PACKAGE_ROOT, '_site')
 
 // add a dev server as soon as it is available in Eleventy 2.0
 // https://www.11ty.dev/docs/watch-serve/
@@ -22,6 +23,10 @@ module.exports = function (eleventyConfig) {
     })
   })
 
+  eleventyConfig.addFilter('log', (value) => {
+    console.log('===', value)
+  })
+
   // https://www.11ty.dev/docs/collections/
   eleventyConfig.addCollection('pages-with-audio', (collectionApi) => {
     // const all_items = collectionApi.getAll()
@@ -29,7 +34,6 @@ module.exports = function (eleventyConfig) {
       '**/pages/*.njk',
       '**/posts/*.md'
     ])
-    // console.log('🚀 ~ items', items)
     return items
   })
 
@@ -40,10 +44,13 @@ module.exports = function (eleventyConfig) {
     textAfterBuild: `<i>demo-site</i> build <b>FINISHED</b>`
   })
 
+  // const ELEVENTY_ENV = process.env.ELEVENTY_ENV
+
   eleventyConfig.addPlugin(textToSpeechPlugin, {
-    // audioEncoding: 'MP3',
-    audioEncoding: 'LINEAR16',
-    regexPattern: '.*/posts/.*.html$',
+    audioEncoding: 'MP3',
+    // audioEncoding: 'LINEAR16',
+    audioHost: `http://localhost:8090/packages/demo-site/_site`,
+    // regexPattern: '.*/posts/.*.html$',
     keyFilename: process.env.GOOGLE_APPLICATION_CREDENTIALS,
     voice: { languageCode: 'en-GB', name: 'en-GB-Wavenet-C' }
   })
@@ -60,7 +67,9 @@ module.exports = function (eleventyConfig) {
     },
     htmlTemplateEngine: 'njk',
     markdownTemplateEngine: 'njk',
-    pathPrefix: '/',
+    // pathPrefix: '/',
+    // https://www.11ty.dev/docs/config/#deploy-to-a-subdirectory-with-a-path-prefix
+    pathPrefix: '/packages/demo-site/_site/',
     templateFormats: ['html', 'md', 'njk']
   }
 }
diff --git a/packages/demo-site/package.json b/packages/demo-site/package.json
index 9db32007..dbe10fea 100644
--- a/packages/demo-site/package.json
+++ b/packages/demo-site/package.json
@@ -19,7 +19,7 @@
     "node": ">=16.0.0"
   },
   "scripts": {
-    "build": "ELEVENTY_ENV=production GOOGLE_APPLICATION_CREDENTIALS=~/repos/undici/secrets/sa-wasm-news.json TELEGRAM=$(cat ../../secrets/telegram.json) eleventy --config config/eleventy.cjs",
+    "build": "ELEVENTY_ENV=production GOOGLE_APPLICATION_CREDENTIALS=~/repos/undici/secrets/sa-storage-uploader.json TELEGRAM=$(cat ../../secrets/telegram.json) eleventy --config config/eleventy.cjs",
     "build:watch": "ELEVENTY_ENV=production TELEGRAM=$(cat ../../secrets/telegram.json) eleventy --config config/eleventy.cjs --watch",
     "clean": "rimraf _site/",
     "lint": "eslint --config ../../config/eslint.cjs",
diff --git a/packages/demo-site/src/includes/components/post-list.njk b/packages/demo-site/src/includes/components/post-list.njk
index 76c6cf39..94ca50e8 100644
--- a/packages/demo-site/src/includes/components/post-list.njk
+++ b/packages/demo-site/src/includes/components/post-list.njk
@@ -1,6 +1,8 @@
 <ul class="post-list">
   {% for post in posts | reverse %}
 
+  {# {{ post.url | log }} #}
+
   <li>
     <h2>
       <a href="{{ post.url | url }}">
diff --git a/packages/demo-site/src/layouts/post.njk b/packages/demo-site/src/layouts/post.njk
index e2109c89..1c4a6273 100644
--- a/packages/demo-site/src/layouts/post.njk
+++ b/packages/demo-site/src/layouts/post.njk
@@ -9,6 +9,7 @@ section: post
     <h1>{{ title }}</h1>
     {{ content | safe }}
   </article>
+  <p>go back to the <a href="{{ 'http://localhost:8090/packages/demo-site/_site/' }}">home</a>.</p>
 </main>
 
 {% endblock content %}
diff --git a/packages/demo-site/src/pages/home.njk b/packages/demo-site/src/pages/home.njk
index 696af50b..4268fde4 100644
--- a/packages/demo-site/src/pages/home.njk
+++ b/packages/demo-site/src/pages/home.njk
@@ -17,6 +17,8 @@ title: Hello world!
   {% set posts = collections.post | reverse %}
   {% include "components/post-list.njk" %}
 
+  <a href="http://localhost:8090/packages/demo-site/_site/posts/">posts</a>
+
   <p>pages with audio</p>
   <ul>
   {%- for item in collections['pages-with-audio'] -%}
diff --git a/packages/eleventy-plugin-text-to-speech/README.md b/packages/eleventy-plugin-text-to-speech/README.md
index 5e89eb91..b1d15d2e 100644
--- a/packages/eleventy-plugin-text-to-speech/README.md
+++ b/packages/eleventy-plugin-text-to-speech/README.md
@@ -43,6 +43,14 @@ module.exports = function (eleventyConfig) {
 }
 ```
 
+> :warning: The Cloud Text-to-Speech API has a [limit of 5000 characters](https://cloud.google.com/text-to-speech/quotas).
+> 
+> See also:
+>
+> - [this issue of the Wavenet for Chrome extension](https://github.com/wavenet-for-chrome/extension/issues/12)
+>
+> - [this discussion on Google Groups](https://groups.google.com/g/google-translate-api/c/2JsRdq0tEdA)
+
 ## Configuration
 
 ### Options
@@ -55,4 +63,66 @@ module.exports = function (eleventyConfig) {
 | `voiceLanguageCode` | `en-US` | Name of the Text-to-Speech languageCode to use. [See list here](https://cloud.google.com/text-to-speech/docs/voices). |
 | `voiceName` | `en-US-Standard-J` | Name of the Text-to-Speech voice to use. [See list here](https://cloud.google.com/text-to-speech/docs/voices). |
 
-> :warning: Don't forget to set either `keyFilename` or the `GOOGLE_APPLICATION_CREDENTIALS` environment variable on your build server. For example, if your build runs on the Github CI, use [GitHub secrets](https://docs.github.com/en/actions/reference/encrypted-secrets); if the build runs on Netlify, use [Build environment variables](https://docs.netlify.com/configure-builds/environment-variables/).
\ No newline at end of file
+> :warning: Don't forget to set either `keyFilename` or the `GOOGLE_APPLICATION_CREDENTIALS` environment variable on your build server. For example, if your build runs on the Github CI, use [GitHub secrets](https://docs.github.com/en/actions/reference/encrypted-secrets); if the build runs on Netlify, use [Build environment variables](https://docs.netlify.com/configure-builds/environment-variables/).
+
+
+## GCP Cloud Storage
+
+```sh
+gsutil ls -p $GCP_PROJECT_ID
+```
+
+https://cloud.google.com/storage/docs/using-uniform-bucket-level-access#gsutil
+
+https://cloud.google.com/storage/docs/access-control
+
+Create a Cloud Storage bucket with [uniform bucket-level access](https://cloud.google.com/storage/docs/uniform-bucket-level-access).
+
+```sh
+gsutil mb \
+  -p $GCP_PROJECT_ID \
+  -l $CLOUD_STORAGE_LOCATION \
+  -c nearline \
+  -b on \
+  gs://bkt-eleventy-plugin-text-to-speech-audio-files
+```
+
+Check that uniform bucket-level access is **enabled**:
+
+```sh
+gsutil uniformbucketlevelaccess get \
+  gs://bkt-eleventy-plugin-text-to-speech-audio-files
+```
+
+Add a couple of labels to the bucket:
+
+```sh
+gsutil label ch \
+  -l CUSTOMER:$CUSTOMER \
+  gs://bkt-eleventy-plugin-text-to-speech-audio-files
+```
+
+Check that the bucket has the expected labels:
+
+```sh
+gsutil label get gs://bkt-eleventy-plugin-text-to-speech-audio-files
+```
+
+``sh
+gsutil cp \
+  ./packages/demo-site/_site/posts/capybaras-are-cool.mp3 \
+  gs://bkt-eleventy-plugin-text-to-speech-audio-files
+```
+
+Make the bucket's objects publicly readable:
+
+```sh
+gsutil iam ch allUsers:objectViewer \
+  gs://bkt-eleventy-plugin-text-to-speech-audio-files
+```
+
+List all files in the bucket:
+
+```sh
+gsutil ls gs://bkt-eleventy-plugin-text-to-speech-audio-files
+```
diff --git a/packages/eleventy-plugin-text-to-speech/package.json b/packages/eleventy-plugin-text-to-speech/package.json
index 3e1d2d84..ee9bd68c 100644
--- a/packages/eleventy-plugin-text-to-speech/package.json
+++ b/packages/eleventy-plugin-text-to-speech/package.json
@@ -54,10 +54,11 @@
     "nuke": "npm run clean && rimraf node_modules 'package-lock.json'",
     "precommit": "lint-staged --config ../../config/lint-staged.cjs",
     "size": "pkg-size ./lib --sort-by=brotli --ignore-files {*.d.ts,*.map}",
-    "test": "GOOGLE_APPLICATION_CREDENTIALS=~/repos/undici/secrets/sa-wasm-news.json TELEGRAM=$(cat ../../secrets/telegram.json) jest --config ../../config/jest.cjs --rootDir ../../ --selectProjects eleventy-plugin-text-to-speech",
+    "test": "GOOGLE_APPLICATION_CREDENTIALS=~/repos/undici/secrets/sa-storage-uploader.json TELEGRAM=$(cat ../../secrets/telegram.json) jest --config ../../config/jest.cjs --rootDir ../../ --selectProjects eleventy-plugin-text-to-speech",
     "test:ci": "jest --config ../../config/jest.cjs --rootDir ../../ --ci --coverage --selectProjects eleventy-plugin-text-to-speech"
   },
   "dependencies": {
+    "@google-cloud/storage": "^6.2.2",
     "@google-cloud/text-to-speech": "^4.0.0",
     "html-to-text": "^8.2.0",
     "joi": "^17.6.0",
diff --git a/packages/eleventy-plugin-text-to-speech/src/index.ts b/packages/eleventy-plugin-text-to-speech/src/index.ts
index 2783261e..db8f26af 100644
--- a/packages/eleventy-plugin-text-to-speech/src/index.ts
+++ b/packages/eleventy-plugin-text-to-speech/src/index.ts
@@ -1,5 +1,6 @@
 import makeDebug from 'debug'
 import type { EleventyConfig } from '@panoply/11ty'
+import { Storage } from '@google-cloud/storage'
 import { TextToSpeechClient } from '@google-cloud/text-to-speech'
 import { PREFIX, TRANSFORM_NAME } from './constants.js'
 import { plugin_options as options_schema } from './schemas.js'
@@ -10,6 +11,10 @@ const debug = makeDebug('eleventy-plugin-text-to-speech/index')
 
 export interface Options {
   audioEncoding?: AudioEncoding
+  audioAssetsDir?: string
+  audioHost?: string
+  cloudStorageBucket?: string
+  cssSelector?: string
   keyFilename?: string
   regexPattern?: string
   voice?: {
@@ -28,8 +33,15 @@ export const textToSpeechPlugin = (
     throw new Error(message)
   }
 
-  const { audioEncoding, regexPattern, voice } =
-    result.value as Required<Options>
+  const {
+    audioAssetsDir,
+    audioEncoding,
+    audioHost,
+    cloudStorageBucket,
+    cssSelector,
+    regexPattern,
+    voice
+  } = result.value as Required<Options>
 
   let keyFilename = result.value.keyFilename
   if (keyFilename) {
@@ -46,15 +58,43 @@ export const textToSpeechPlugin = (
     throw new Error(message)
   }
 
+  // TODO: add an 11ty collection with this plugin
+
+  // console.log('🚀 ~ this', this)
+  // console.log('🚀 ~ eleventyConfig', eleventyConfig)
+
+  // const collectionName = 'eleventy-plugin-text-to-speech-pages-with-audio'
+  // const globPatterns = ['**/pages/*.njk', '**/posts/*.md']
+
+  // const that = eleventyConfig as any
+  // // const addCollection = that.addCollection.bind(eleventyConfig)
+
+  // const cb = function templatesWithAudio(collectionApi: any) {
+  //   const templates = collectionApi.getFilteredByGlob(globPatterns)
+  //   return templates
+  // }
+
+  // // addCollection(collectionName, cb)
+  // that.collections[collectionName] = cb
+  // eleventyConfig = that
+
   const client = new TextToSpeechClient({ keyFilename })
+  const storage = new Storage({ keyFilename })
+
+  const output = (eleventyConfig as any).dir.output as string
 
   eleventyConfig.addTransform(
     TRANSFORM_NAME,
     makeHtmlToAudio({
+      audioAssetsDir,
       audioEncoding,
+      audioHost,
+      bucketName: cloudStorageBucket,
       client,
-      eleventyConfig,
+      cssSelector,
+      output,
       regexPattern,
+      storage,
       voice
     })
   )
diff --git a/packages/eleventy-plugin-text-to-speech/src/schemas.ts b/packages/eleventy-plugin-text-to-speech/src/schemas.ts
index a2ec84f8..6a0bcad8 100644
--- a/packages/eleventy-plugin-text-to-speech/src/schemas.ts
+++ b/packages/eleventy-plugin-text-to-speech/src/schemas.ts
@@ -2,6 +2,8 @@ import Joi from 'joi'
 import { DEFAULT } from './constants.js'
 
 export const plugin_options = Joi.object().keys({
+  audioAssetsDir: Joi.string().min(1),
+
   audioEncoding: Joi.string()
     .valid(
       'ALAW',
@@ -13,6 +15,14 @@ export const plugin_options = Joi.object().keys({
     )
     .default(DEFAULT.audioEncoding),
 
+  audioHost: Joi.string().min(1),
+
+  // TODO: better validation for the bucket name
+  // https://cloud.google.com/storage/docs/naming-buckets
+  cloudStorageBucket: Joi.string().min(1),
+
+  cssSelector: Joi.string().min(1),
+
   keyFilename: Joi.string().min(1),
 
   regexPattern: Joi.string().min(1).default(DEFAULT.regexPattern),
diff --git a/packages/eleventy-plugin-text-to-speech/src/text-to-speech.ts b/packages/eleventy-plugin-text-to-speech/src/text-to-speech.ts
index 29a99666..5d989bd0 100644
--- a/packages/eleventy-plugin-text-to-speech/src/text-to-speech.ts
+++ b/packages/eleventy-plugin-text-to-speech/src/text-to-speech.ts
@@ -24,6 +24,8 @@ export const textToSpeech = async ({
     voice
   }
 
+  // the Cloud Text-to-Speech API has a limit of 5000 characters
+
   debug(`try converting text => ${audioEncoding} using this voice: %O`, voice)
   try {
     const [response] = await client.synthesizeSpeech(request)
diff --git a/packages/eleventy-plugin-text-to-speech/src/transforms.ts b/packages/eleventy-plugin-text-to-speech/src/transforms.ts
index b2e221a6..6fecb5cd 100644
--- a/packages/eleventy-plugin-text-to-speech/src/transforms.ts
+++ b/packages/eleventy-plugin-text-to-speech/src/transforms.ts
@@ -1,14 +1,15 @@
 import fs from 'node:fs'
+import stream from 'node:stream'
 import util from 'node:util'
 import makeDebug from 'debug'
 import path from 'node:path'
-import type { EleventyConfig } from '@panoply/11ty'
+import type { Storage } from '@google-cloud/storage'
 import type { TextToSpeechClient } from '@google-cloud/text-to-speech'
 import { JSDOM } from 'jsdom'
 import { htmlToText } from 'html-to-text'
 import { PREFIX } from './constants.js'
 import { textToSpeech } from './text-to-speech.js'
-import { mediaType } from './utils.js'
+import { audioBaseFilename, audioExtension, mediaType } from './utils.js'
 import type { AudioEncoding } from './types.js'
 
 const writeFile = util.promisify(fs.writeFile)
@@ -16,10 +17,15 @@ const writeFile = util.promisify(fs.writeFile)
 const debug = makeDebug('eleventy-plugin-text-to-speech/transforms')
 
 interface Config {
+  audioAssetsDir: string
   audioEncoding: AudioEncoding
+  audioHost: string
+  bucketName: string
   client: TextToSpeechClient
-  eleventyConfig: EleventyConfig
+  cssSelector: string
+  output: string
   regexPattern: string
+  storage: Storage
   voice: {
     languageCode: string
     name: string
@@ -56,44 +62,22 @@ const audioTag = (href: string) => {
 }
 
 export const makeHtmlToAudio = (config: Config) => {
-  const { audioEncoding, client, eleventyConfig, regexPattern, voice } = config
-
-  // the <audio> tag supports 3 audio formats: MP3 (audio/mpeg), WAV (audio/wav),
-  // and OGG (audio/ogg).
-  // https://stackoverflow.com/questions/36866611/html5-audio-browsers-unable-to-decode-wav-file-encoded-with-ima-adpcm
-  let extension = ''
-  switch (audioEncoding) {
-    case 'ALAW': {
-      extension = 'alaw'
-      break
-    }
-    case 'LINEAR16': {
-      extension = 'l16'
-      break
-    }
-    case 'MP3': {
-      extension = 'mp3'
-      break
-    }
-    case 'MULAW': {
-      extension = 'mulaw'
-      break
-    }
-    case 'OGG_OPUS': {
-      extension = 'opus'
-      break
-    }
-    default: {
-      extension = 'wav'
-    }
-  }
+  const {
+    audioAssetsDir,
+    audioEncoding,
+    audioHost,
+    bucketName,
+    client,
+    cssSelector,
+    output,
+    regexPattern,
+    storage,
+    voice
+  } = config
+
+  const extension = audioExtension(audioEncoding)
   debug(`configured to generate ${extension} audio files`)
 
-  const outputSplits = (eleventyConfig as any).dir.output.split(path.sep)
-  // TODO: remove this
-  console.log(`${PREFIX} outputSplits`, outputSplits)
-  const outputDir = outputSplits[outputSplits.length - 1]
-
   const regex = new RegExp(regexPattern)
 
   return async function makeHtmlToAudio(content: string, outputPath: string) {
@@ -105,42 +89,27 @@ export const makeHtmlToAudio = (config: Config) => {
       return content
     }
 
-    const splits = outputPath.split(path.sep)
-    const idx = splits.findIndex((s) => s === outputDir)
-
-    const audioHost = `http://localhost:8090/packages/demo-site/${outputDir}`
-
-    let outputFile = ''
-    let audioUrl: URL
-    if (splits.length - 2 === idx) {
-      const [filename] = splits.splice(splits.length - 1)
-      const baseFileName = path.parse(filename).name
-      outputFile = path.join(outputDir, `${baseFileName}.${extension}`)
-      audioUrl = new URL(`${audioHost}/${baseFileName}.${extension}`)
-    } else {
-      const [parentDir, baseFileName] = splits.splice(splits.length - 3)
-
-      const parentPath = path.join(outputDir, parentDir)
-      if (!fs.existsSync(parentPath)) {
-        fs.mkdirSync(parentPath)
-      }
+    const baseFileNameWithExtension = audioBaseFilename({
+      extension,
+      output,
+      outputPath
+    })
 
-      outputFile = path.join(
-        outputDir,
-        parentDir,
-        `${baseFileName}.${extension}`
-      )
+    const outputBaseDir = path.basename(output)
 
-      audioUrl = new URL(
-        `${audioHost}/${parentDir}/${baseFileName}.${extension}`
-      )
+    const parentPath = path.join(output, audioAssetsDir)
+    if (!fs.existsSync(parentPath)) {
+      fs.mkdirSync(parentPath, { recursive: true })
     }
 
     // https://github.com/html-to-text/node-html-to-text#options
     // TODO: maybe allow the user to specify options for html-to-text? Maybe a
     // subset of the available options?
     const text = htmlToText(content, {
-      selectors: [{ selector: 'a', options: { ignoreHref: true } }],
+      selectors: [
+        { selector: 'a', options: { ignoreHref: true } },
+        { selector: 'ul', options: { itemPrefix: ' * ' } }
+      ],
       wordwrap: false
     })
 
@@ -159,21 +128,59 @@ export const makeHtmlToAudio = (config: Config) => {
     }
 
     if (buffer) {
+      const audioUrl = new URL(
+        `${audioHost}/${audioAssetsDir}/${baseFileNameWithExtension}`
+      )
+
+      const outputFile = path.join(
+        outputBaseDir,
+        audioAssetsDir,
+        baseFileNameWithExtension
+      )
+
       await writeFile(outputFile, buffer, { encoding: 'utf8' })
-      debug(`Audio content written to file: ${outputFile}`)
+      debug(`audio content written to file: ${outputFile}`)
+
+      const bkt = storage.bucket(bucketName)
+      const file = bkt.file(baseFileNameWithExtension)
+
+      // a PassThrough stream is a Duplex stream
+      const d = new stream.PassThrough()
+      d.write(buffer)
+      d.end()
+
+      d.pipe(file.createWriteStream()).on('finish', () => {
+        debug(`finished writing`)
+      })
 
       const dom = new JSDOM(content)
+
       // TODO: think about a way to decide where to append the <audio> element
       // in the HTML page. Maybe allow to specify a CSS selector?
       // const body = dom.window.document.querySelector('body')
-      const h1 = dom.window.document.querySelector('h1')
-      if (!h1) {
+      const el = dom.window.document.querySelector(cssSelector)
+      if (!el) {
         throw new Error(
-          `the HTML page ${outputPath} does not have a h1 element`
+          `Found no matches for the CSS selector "${cssSelector}" on the page ${outputPath}`
         )
       }
 
-      h1.insertAdjacentHTML('afterend', audioTag(audioUrl.href))
+      el.innerHTML = [
+        `<p>audio hosted on ${audioHost}</p>`,
+        audioTag(audioUrl.href),
+        `<p>audio hosted on Cloud Storage</p>`,
+        audioTag(file.publicUrl())
+      ].join('')
+
+      // el.insertAdjacentHTML(
+      //   'afterbegin',
+      //   `<p>audio hosted on ${audioHost}</p>${audioTag(audioUrl.href)}`
+      // )
+
+      // el.insertAdjacentHTML(
+      //   'beforeend',
+      //   `<p>audio hosted on Cloud Storage</p>${audioTag(file.publicUrl())}`
+      // )
 
       return dom.serialize()
     }
diff --git a/packages/eleventy-plugin-text-to-speech/src/utils.ts b/packages/eleventy-plugin-text-to-speech/src/utils.ts
index 67310990..f53b042b 100644
--- a/packages/eleventy-plugin-text-to-speech/src/utils.ts
+++ b/packages/eleventy-plugin-text-to-speech/src/utils.ts
@@ -1,3 +1,34 @@
+import path from 'node:path'
+import type { AudioEncoding } from './types.js'
+
+export const audioExtension = (audioEncoding: AudioEncoding) => {
+  switch (audioEncoding) {
+    case 'ALAW': {
+      return 'alaw'
+    }
+    case 'LINEAR16': {
+      return 'l16'
+    }
+    case 'MP3': {
+      return 'mp3'
+    }
+    case 'MULAW': {
+      return 'mulaw'
+    }
+    case 'OGG_OPUS': {
+      return 'opus'
+    }
+    default: {
+      return 'wav'
+    }
+  }
+}
+
+/**
+ * the <audio> tag supports 3 audio formats: MP3 (audio/mpeg), WAV (audio/wav), and OGG (audio/ogg).
+ *
+ * https://stackoverflow.com/questions/36866611/html5-audio-browsers-unable-to-decode-wav-file-encoded-with-ima-adpcm
+ */
 export const mediaType = (ext: string) => {
   switch (ext) {
     case '.mp3': {
@@ -18,3 +49,27 @@ export const mediaType = (ext: string) => {
     }
   }
 }
+
+interface Config {
+  extension: string
+  output: string
+  outputPath: string
+}
+
+export const audioBaseFilename = ({
+  extension,
+  output,
+  outputPath
+}: Config) => {
+  const splits = outputPath.split(path.sep)
+
+  const outputBaseDir = path.basename(output)
+
+  const [parent, child] = splits.splice(splits.length - 2)
+
+  if (parent === outputBaseDir) {
+    return `${path.parse(child).name}.${extension}`
+  } else {
+    return `${path.parse(parent).name}.${extension}`
+  }
+}
diff --git a/scripts/README.md b/scripts/README.md
new file mode 100644
index 00000000..79b90fc3
--- /dev/null
+++ b/scripts/README.md
@@ -0,0 +1,3 @@
+# scripts
+
+Scripts for building, testing, deploying the packages of this monorepo, or for general development. Most scripts are written in ESM, thanks to [zx](https://github.com/google/zx).