30:T4c6, ### Open Cloud Services Serverless cells are being used to build an Open Cloud, some of the services so far - An [IndieWeb authentication server](https://observablehq.com/@endpointservices/auth), used to login user using their personal homepages. - A [CORS proxy](https://observablehq.com/@tomlarkworthy/fetchp) service, used to get around those pesky CORS errors. Also can do BASIC AUTH and secret injection. - [Secret Manager](https://observablehq.com/@endpointservices/secrets) is the service used to upload secrets. - A [cloud cron](https://observablehq.com/@endpointservices/cron) service, you can trigger your serverless cells on a schedule. - [Zapier](https://observablehq.com/@endpointservices/zapier) integration, so you can get access to thousands of APIs - [Puppeteer-as-a-service](https://observablehq.com/@endpointservices/puppeteer) for end2end testing (WIP) - [Netlify](https://observablehq.com/@endpointservices/netlify) for deploying static sites using partial deploys. - A [word2vec](https://observablehq.com/@endpointservices/word2vec) service that serves the entire Google word2vec corpus. So you can just peek at the implementation of any of those to see how secure services can be constructed. 31:[{"id":"9dac7b3de1c9ed8bd5e53715aa8bdf7dd4145d207ede64ffc1f94bfec6017eb54184425b576c6f2527a7829051f78b4f1af9a6e0ba48680b81e400524ed60a37","href":"https://static.observableusercontent.com/files/9dac7b3de1c9ed8bd5e53715aa8bdf7dd4145d207ede64ffc1f94bfec6017eb54184425b576c6f2527a7829051f78b4f1af9a6e0ba48680b81e400524ed60a37","name":"image.png","type":"image/png","lastModified":1629665767777.134,"size":526650},{"id":"e2df283821fbc8f2b2cdcf6003546509e42d4ac739a80eb2535727af187def9f7e87a54c032a5efb679bef92f3dae07cf0ecd7fee149348cb0c42c8d06b598a2","href":"https://static.observableusercontent.com/files/e2df283821fbc8f2b2cdcf6003546509e42d4ac739a80eb2535727af187def9f7e87a54c032a5efb679bef92f3dae07cf0ecd7fee149348cb0c42c8d06b598a2","name":"image@2.png","type":"image/png","lastModified":1630073475560.492,"size":387706},{"id":"4330d16e404c6ace96cdc212d041d979b45d32f5a7637dbf1a6ec38fa6a333c8b7e6d49aead4ab8e2b0eddc55b63d68e4491c7c87e32c047bdde40126b0848b9","href":"https://static.observableusercontent.com/files/4330d16e404c6ace96cdc212d041d979b45d32f5a7637dbf1a6ec38fa6a333c8b7e6d49aead4ab8e2b0eddc55b63d68e4491c7c87e32c047bdde40126b0848b9","name":"image@7.png","type":"image/png","lastModified":1630390573817.337,"size":288916},{"id":"78f0a6a1bbc221ab0294c00ee89604b3757064ed4b6ef0157056022b437dfa3bfa4fa3d9fcdc1f5df4023efd25ff42a83e59c4e20d1de219b85289debd246228","href":"https://static.observableusercontent.com/files/78f0a6a1bbc221ab0294c00ee89604b3757064ed4b6ef0157056022b437dfa3bfa4fa3d9fcdc1f5df4023efd25ff42a83e59c4e20d1de219b85289debd246228","name":"image@6.png","type":"image/png","lastModified":1630390518618.896,"size":260489},{"id":"0f690b5898c34189acda54529c35d2f72ea8b35b0ac4733cfbf5e376b6963087cb84bc78f0af3b5bc1d17621ad28d378343847a03b0a26d4a1455a5ff4176c89","href":"https://static.observableusercontent.com/files/0f690b5898c34189acda54529c35d2f72ea8b35b0ac4733cfbf5e376b6963087cb84bc78f0af3b5bc1d17621ad28d378343847a03b0a26d4a1455a5ff4176c89","name":"image@5.png","type":"image/png","lastModified":1630390398038.207,"size":660410},{"id":"74826ea3766d2918268dc0903b86adf5b2b2f567f88bdc0807a68c159e347c944a2efe721e647d847f45c8e60a34e5afb57db5616af739746e3b64f306b18797","href":"https://static.observableusercontent.com/files/74826ea3766d2918268dc0903b86adf5b2b2f567f88bdc0807a68c159e347c944a2efe721e647d847f45c8e60a34e5afb57db5616af739746e3b64f306b18797","name":"image@4.png","type":"image/png","lastModified":1630390202642.951,"size":91737},{"id":"b0b81a61d3eee4d9ee7c00f6cf1525cb775ac71b6f14c0ff18cce6d4417bb1573759394b01c3663a3df5448cd30cbd6aa2cd0bde3d936b6e6c78c13c8b28858b","href":"https://static.observableusercontent.com/files/b0b81a61d3eee4d9ee7c00f6cf1525cb775ac71b6f14c0ff18cce6d4417bb1573759394b01c3663a3df5448cd30cbd6aa2cd0bde3d936b6e6c78c13c8b28858b","name":"image@3.png","type":"image/png","lastModified":1630390069138.954,"size":47342},{"id":"f20204398e51f5145e21850e35416f220b0d6d1d20bc9b2c8fce35891f53995aebc047e202e6b1ca92c72ef0eb136732286c5d9c9381bf03f436d00d4b24da0d","href":"https://static.observableusercontent.com/files/f20204398e51f5145e21850e35416f220b0d6d1d20bc9b2c8fce35891f53995aebc047e202e6b1ca92c72ef0eb136732286c5d9c9381bf03f436d00d4b24da0d","name":"image@8.png","type":"image/png","lastModified":1630606343433.471,"size":12352},{"id":"56dfcee50f3f64c8b64ff89b3c3da980fdbb8d18af394584e73aa281f8816eeec2a3bec90703dbec573cf8244f62baad66f0b06a63b06903ed42ecc9f250f45f","href":"https://static.observableusercontent.com/files/56dfcee50f3f64c8b64ff89b3c3da980fdbb8d18af394584e73aa281f8816eeec2a3bec90703dbec573cf8244f62baad66f0b06a63b06903ed42ecc9f250f45f","name":"image@9.png","type":"image/png","lastModified":1631199498656.047,"size":116018},{"id":"b797ffea682c2d1260334582978e5f92834b1ad2a93e12355f5a2ccc8de7ffbe47b72ca03fedf0df413dfdc5ca722120a62728b6dd20d17047bdb0a26124da97","href":"https://static.observableusercontent.com/files/b797ffea682c2d1260334582978e5f92834b1ad2a93e12355f5a2ccc8de7ffbe47b72ca03fedf0df413dfdc5ca722120a62728b6dd20d17047bdb0a26124da97","name":"webcodeURL.svg","type":"image/svg+xml","lastModified":1630075585315.166,"size":16681}] 2e:{"title":"WEBcode.run","cells":[{"id":321,"value":"html`

WEBcode.run

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":468,"value":"## ** Rapid HTTP endpoint development featuring *production debugging*, *instant deploys*** and [Observable](https://observablehq.com/) browser based tooling.\n","pinned":false,"hidden":false,"mode":"md"},{"id":448,"value":"{\n const w = Math.min(width, 640);\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":542,"value":"Do you like the idea of Serverless functions-at-a-service but find the sheer pain of development is actually worse than the operation complexity it displaces? Do you empathize with the following:-\n\n- The local tooling is confusing, inconsistent with prod and takes too much effort to setup?\n- The deployment cycle is too slow?\n- The lack of debugger is like coding blindfolded?\n\nIf you answered yes to any of those, this you might want to check out **webcode**, find the [** quickstart**](https://observablehq.com/@endpointservices/webcode-quickstart) down below.","pinned":false,"hidden":false,"mode":"md"},{"id":0,"value":"### Extending [Observable](https://observablehq.com/) to the backend.\nWe are not affiliated with Observable, but we love love the environment and the hyper-fast development loop it enables. We layered a serverless runtime *on top* of Observable that preserves its innovative approach to coding. So the first big feature is you can use Observable notebooks to author HTTP endpoints and Observable has many benefits as a JS++ development environment\n\n- Reactive recomputation of only dependant cells on code changes.\n- 100% browser based\n- version control\n- notebook forking\n- social layer\n- ES6 module distribution\n","pinned":false,"hidden":false,"mode":"md"},{"id":572,"value":"## Webcode\n\nWebcode though, was created to fix the top pain points of modern serverless development. It features:-\n\n- *Instant* deploys of HTTP endpoints.\n- **Live code** with production debugging (DevTools)\n- 100% browser based, so nothing to install, you can even code from your phone.\n\nPlus, there are all the other [Observable](https://observablehq.com/) features: [forking](https://observablehq.com/@observablehq/fork-share-merge), [version history](https://observablehq.com/@observablehq/history), [comments](https://observablehq.com/@observablehq/suggestions-and-comments) and [community](https://observablehq.com/community).\n","pinned":false,"hidden":false,"mode":"md"},{"id":740,"value":"## Your first endpoint in 5 minutes\n\nBecause there are not tools to install on your machine, and deployment is instant, you can bring up a custom HTTP endpoints, with no previous experience, in under 5 minutes. Why not give the [quickstart](https://observablehq.com/@endpointservices/webcode-quickstart) a spin?","pinned":false,"hidden":false,"mode":"md"},{"id":596,"value":"\n## More About the Service\n\nThe previous version was called [serverless-cells](/@endpointservices/serverless-cells) which has the same programming model and API reference.\n\nFind the API reference [here](https://observablehq.com/@endpointservices/webcode-docs)","pinned":false,"hidden":false,"mode":"md"},{"id":640,"value":"\n## The Foundation of an Open Cloud\n\nBecause the source is defined within an _Observable_ notebook also implies the source code can be audited, edited and forked by anyone too. \n\n- Its a serverless runtime that *only* executes public source code\n- API endpoints are not a black box, users can audit what code is running before sending data to it.\n- You can learn how others approach backend programming from tangible, live implementations.\n- You can fork and customize an implementation of an API service using normal Observable notebook features.\n","pinned":false,"hidden":false,"mode":"md"},{"id":644,"value":"$30","pinned":false,"hidden":false,"mode":"md"},{"id":646,"value":"\n### Open Runtime\n\nRuntime of the source code is published here: https://github.com/endpointservices/webcode.run\n","pinned":false,"hidden":false,"mode":"md"},{"id":293,"value":"##### Implementation","pinned":false,"hidden":false,"mode":"md"},{"id":745,"value":"endpoint = deploy","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"deploy = (name, handler, options = {}) => {\n const resolveUid = \"uiilwqbmonujdnfv\" + name;\n if (window[resolveUid]) {\n console.log(`Serverless cells, invalidating ${name}`);\n window[resolveUid]();\n }\n const link = baseDeploy(name, handler, {\n reusable: true,\n ...options,\n modifiers: [...(options.modifiers || []), \"dynamic\"] // Tell runtime to block for dynamic config\n });\n const ui = serverlessCellUI(\n {\n name,\n namespace: subdomain(),\n endpoint: link.href,\n options\n },\n new Promise((resolve) => (window[resolveUid] = resolve)) // Our invlidation promise\n );\n ui.href = link.href;\n return ui;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":297,"value":"##### Dependencies","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"import { serverlessCellUI, colors } from \"@endpointservices/webcode-ui\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"import {deploy as baseDeploy, getContext, subdomain} from '@endpointservices/serverless-cells'","pinned":false,"hidden":false,"mode":"ojs"},{"id":533,"value":"