<![CDATA[${data.title}]]>

2a:null 2b:["$","title",null,{"children":"Blogify | Tom Larkworthy | Observable"}] 31:T405,generate = async (id) => { console.log("generate", id); const container = document.createElement("article"); const [{ Runtime, Inspector }, { default: define }] = await Promise.all([ import( "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js" ), import(`https://api.observablehq.com/d/${id}.js?v=3`) ]); let pending = 0; new Runtime().module(define, (name) => { const node = document.createElement("div"); container.appendChild(node); if (name) node.id = name; return { pending() { pending++; }, fulfilled(value) { if (value instanceof HTMLElement) { node.replaceWith(value); } else { console.log("skipping", value); } pending--; }, rejected(error) { pending--; } }; }); let secs = 0; do { console.log("wait"); await new Promise((resolve) => setTimeout(resolve, 1000)); secs++; } while (pending > 0 && secs < 2); return container; }32:[{"id":"45524e7374cad0c1e6f8e20a064a926f57c1412bdbc851a57269343df925db66f2652a9cf5cc537e901a7e8e55fa13f59a15c008a6638c0bfdee3943ff367501","href":"https://static.observableusercontent.com/files/45524e7374cad0c1e6f8e20a064a926f57c1412bdbc851a57269343df925db66f2652a9cf5cc537e901a7e8e55fa13f59a15c008a6638c0bfdee3943ff367501","name":"aerial-view-man-typing-retro-typewriter.jpg","type":"image/jpeg","lastModified":1633083385935.889,"size":1411151}] 2e:{"id":"51c98761acf6f466","slug":"blogify","title":"Blogify","thumbnail":"30bf0ae8494bdd2c198c785376728079a7e8016d6a90dec522384f3810170e0f","access_level":"public","create_time":"$D2021-09-17T10:22:11.417Z","update_time":"$D2022-06-01T14:11:07.808Z","view_time":null,"first_public_time":"$D2021-10-01T12:59:41.447Z","fork":false,"stars":12,"starred":false,"owner":{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024"},"version":432,"publish_version":432,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"}],"comments":[{"id":"60c2619983bf8c1f","reply_to_id":null,"content":"auth code: U8gAIPXlL9HajA39fmAS","create_time":"$D2021-11-14T11:42:15.166Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}},{"id":"31820577f3fcc5ba","reply_to_id":"60c2619983bf8c1f","content":"public auth code: k9a8dIgLItuwXubCA85n","create_time":"$D2022-01-07T08:33:10.178Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}}],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Blogify","cells":[{"id":240,"value":"# Blogify ","pinned":false,"hidden":false,"mode":"md"},{"id":0,"value":"Creates a link to a pre-rendered static snapshot of any notebook. The goal is to make writing blog posts easier on Observable, by allowing notebooks to be exported as plain HTML. \n\nThis makes it much easier to syndicate to other sites like [dev.to](https://dev.to) or [Medium](https://medium.com) using their [\"import story\"](https://medium.com/p/import) feature by passing the link generated here.","pinned":false,"hidden":false,"mode":"md"},{"id":345,"value":"### Step 1. Fill out the URL of the notebook you wish to Blogify","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"viewof notebookURL = Inputs.bind(\n Inputs.text({ label: \"Notebook URL\", width: \"100%\", submit: true }),\n localStorageView(\"blog\", {\n defaultValue: \"https://observablehq.com/@tomlarkworthy/notebooks2021\"\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"---\n### Step 2: Here is your statically rendered links!\n\nThese links can be used to syndicate your original notebook","pinned":false,"hidden":false,"mode":"md"},{"id":109,"value":"html`

blogified link (works with Medium import story)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":254,"value":"html`

blogified Atom feed (works with dev.to submit your feed in extensions)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":414,"value":"## Preview","pinned":false,"hidden":false,"mode":"md"},{"id":417,"value":"html`${(await await getData(notebookURL)).content}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":335,"value":"---\n\n### Implementation","pinned":false,"hidden":false,"mode":"md"},{"id":139,"value":"template = (config) => `\n\n\n\n\n\n\n\n\n${config.content}\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":271,"value":"getData = async (notebookURL) => {\n const metadata = db.child(FKEY.encode(notebookURL)).once(\"value\");\n const notebookSuffix = notebookURL\n .replace(\"https://observablehq.com/d/\", \"\")\n .replace(\"https://observablehq.com/\", \"\");\n const [content, author] = await getMetadata(\n notebookSuffix\n ).then((notebookData) => [generate(notebookData.id), notebookData.author]);\n return {\n notebookURL,\n ...(await metadata).val(),\n author,\n content: (await content).outerHTML\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"server = deploy(\n \"default\",\n async (req, res) => {\n const notebookURL = (req.query || {}).notebook;\n const data = await getData(notebookURL);\n res.header(\"Content-type\", \"text/html\");\n res.send(template(data));\n },\n { region: \"europe-west4\" }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":256,"value":"rss = deploy(\"rss\", async (req, res) => {\n const notebookURL = (req.query || {}).notebook;\n const data = await getData(notebookURL);\n res.header(\"content-type\", \"application/xml\");\n res.send(`\n\n <![CDATA[${data.title}]]>\n https://observablehq.com/@tomlarkworthy/blogify?notebook=${notebookURL}\n ${new Date().toISOString()}\n \n ${notebookURL}\n ${new Date().toISOString()}\n ${data.author}\n <![CDATA[${data.title}]]>\n \n \n \n\n`);\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"import { getMetadata } from \"@mootari/notebook-data@366\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"import { deploy } from \"@endpointservices/webcode\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"import { localStorageView } from \"@tomlarkworthy/local-storage-view\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"import { randomId } from \"@tomlarkworthy/randomid\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"db = firebase.database().ref(\"@tomlarkworthy/blogify\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":170,"value":"import {\n firebase,\n DocView,\n FKEY\n} with { FIREBASE_CONFIG as firebaseConfig } from \"@tomlarkworthy/firebase\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"FIREBASE_CONFIG = ({\n apiKey: \"AIzaSyBN4bxw6d0cM0CGPNzRrkRlBqwFQnPLdN4\",\n databaseURL:\n \"https://larkworthy-dfb11-default-rtdb.europe-west1.firebasedatabase.app\",\n projectId: \"larkworthy-dfb11\",\n appId: \"1:786910701676:web:8d7dd002acf3b78c74d049\"\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2f:"$2e:body"