28:null 29:["$","title",null,{"children":"Exporter: A Single File Notebook Serializer | Aaron Kyle Dennis | Observable"}] 2e:T484,## Usage Guide You can use the UI here to export any Observable notebook to a single file. But that's not the coolest thing. If you include the exporter in the notebook to be exported, you will enable recursive exporting. You can get a feel for that by running the exporter in *this* notebook. Try clicking "Preview" which will open an in-memory copy of a notebook exporter in a new browser tab in a `blob://` url. You can keep pressing "Preview"!. To put the exporter in one of your notebooks, first import the UI builder. ```js import {exporter } from '@tomlarkworthy/exporter' ``` Then call the builder to make the UI. You don't need to pass any options, but the options is where you can customise the output format. ```js exporter({ handler: (action, state) => {...} // Optional UI click handler }) ``` If you want it to remember your settings, its a [composite view](https://observablehq.com/@tomlarkworthy/view) so you can script it or bind it to a storage solution, _e.g._ ```js viewof parameters = Inputs.bind( exporter(), localStorageView(`exporter-${document.baseURI}`, { json: true, defaultValue: exporter().value }) ) ```2f:T8ac,## Lope Format Specification The HTML file is split into several ` ~~~ ### Modules Modules are serialised Observable notebooks that are loaded into the runtime. The content of these look similar to the format used in the 1st party [download code](https://observablehq.com/@observablehq/advanced-embeds) feature. The contain cell definitions, and a module's [`define`](https://github.com/observablehq/runtime?tab=readme-ov-file#runtimemoduledefine-observer) which can import them into a running Runtime instance. ~~~html ~~~ ### Bootloader The bootloader is normal ``3b:T69f,compareDefines = ({ prompt: 'The example_module_generated_define and example_module_define should be the same, lets build a helper for the comparing differences. The order of lines is not important. The output should be an object `{errors: 5, extraLines: ["...."], missingLists[]}`', time: 1728887073377 } && /** * Compares two define functions and returns the differences. * @param {string} define1 - The first define function as a string. * @param {string} define2 - The second define function as a string. * @returns {Object} An object containing the number of errors, extra lines, and missing lines. */ function compareDefines(define1, define2) { // Split the defines into lines and trim whitespace const lines1 = define1 .split("\n") .map((line) => line.trim().replace(/_\d+/g, "_ANON")) .map((line) => line.trim().replace(/module \S+/g, "module X")) .filter((line) => line); const lines2 = define2 .split("\n") .map((line) => line.trim().replace(/_\d+/g, "_ANON")) .map((line) => line.trim().replace(/module \S+/g, "module X")) .filter((line) => line); // Create sets for efficient lookup const set1 = new Set(lines1); const set2 = new Set(lines2); // Find extra lines in define1 that are not in define2 const extraLines = [...set1].filter((line) => !set2.has(line)).sort(); // Find missing lines in define1 that are present in define2 const missingLines = [...set2].filter((line) => !set1.has(line)).sort(); // Calculate the total number of differences const errors = extraLines.length + missingLines.length; return { errors, extraLines, missingLines }; })3c:[{"id":"10aa6cd8431a9f6f37b802d743e52b63fee1435d20eefd8eb46bdb88844572231522c632f2a21e33d242d95292d54097dd4f0207828087a101e45f1e3bb5d049","href":"https://static.observableusercontent.com/files/10aa6cd8431a9f6f37b802d743e52b63fee1435d20eefd8eb46bdb88844572231522c632f2a21e33d242d95292d54097dd4f0207828087a101e45f1e3bb5d049","name":"disk-floppy-memory-svgrepo-com@2.svg","type":"image/svg+xml","lastModified":1732462079740.871,"size":613}] 2c:{"id":"de30b581458f2082","slug":null,"title":"Exporter: A Single File Notebook Serializer","thumbnail":"4f86ba0e13aa40da2cc772db9b04b5a52aec7029dad984bb8f7d8c886bf2781f","access_level":"unlisted","create_time":"$D2024-11-24T15:27:59.740Z","update_time":"$D2024-11-24T15:27:59.740Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":{"id":"03dda470c56b93ff","slug":"exporter","title":"Exporter: Single File Serializer","owner":{"id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8d652a601386fcf4","login":"aaronkyle","name":"Aaron Kyle Dennis","avatar_url":"https://avatars-next.observableusercontent.com/eb6d0b32ccc6c8febbf105ce4d2a938819bcbd1c6a2c108d3a9c01745d3590f2","tier":"starter_2024"},"version":7744,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a7fa3027921865cf","login":"aaronkyle","name":"Aaron Kyle Dennis","avatar_url":"https://avatars-next.observableusercontent.com/eb6d0b32ccc6c8febbf105ce4d2a938819bcbd1c6a2c108d3a9c01745d3590f2","tier":null}],"members":[{"type":"team","id":"8d652a601386fcf4","login":"aaronkyle","name":"Aaron Kyle Dennis","avatar_url":"https://avatars-next.observableusercontent.com/eb6d0b32ccc6c8febbf105ce4d2a938819bcbd1c6a2c108d3a9c01745d3590f2","tier":"starter_2024","role":"editor"},{"type":"individual","id":"a7fa3027921865cf","login":"aaronkyle","name":"Aaron Kyle Dennis","avatar_url":"https://avatars-next.observableusercontent.com/eb6d0b32ccc6c8febbf105ce4d2a938819bcbd1c6a2c108d3a9c01745d3590f2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Exporter: A Single File Notebook Serializer","cells":[{"id":3113,"value":"# Exporter: A Single File Notebook Serializer\n## [video explainer](https://www.youtube.com/watch?v=wx93r1pY_6Y)\n\n\nSerialize literate computational notebooks with their dependancies into single files. Double click to open locally. No server required, works in a `file://` context for simplicity.\n\n- **File-first** representation. The [Observable Runtime](https://github.com/observablehq/runtime) and common builtins like `Inputs`, `htl`, `highlight`, `_` (lodash) and `markdown` are bundled for offline operation. directly push to S3 or S3-like too if you want \n- **Recursive and self-sustaining**, the exporter is implemented in userspace and can be invoked again after exporting.\n- **Fast**, single file notebooks open fast!\n- **Moldable**, the file format is uncompressed, readable, editable with a text editor, and diffable by Git. \n- **Runtime-as-the-source-of-truth**, format derived from the live [Obervable Runtime](https://github.com/observablehq/runtime) representation.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":6439,"value":"viewof parameters = Inputs.bind(\n exporter(),\n localStorageView(`exporter-${document.baseURI}`, {\n json: true,\n defaultValue: exporter().value\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6931,"value":"$2e","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7489,"value":"$2f","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7579,"value":"## Debugging\n\nTo help understand the information flow, the bundling processes is implemented as reactive dataflow, so you can inspect the steps after you serialize. To help composability, that dataflow is encapsulated into a promise using [@tomlarkworthy/flow-queue](https://observablehq.com/@tomlarkworthy/flow-queue).\n\nWhile helpful, the dataflow is not enough to debug problems! The Javascript `debugger` statement is placed at parts of the code that *should never happen*™️. If you are lucky, simply serializing a notebook with the developer tools open might lead you straight to the problem areas.\n\nFurthermore, when debugging difficult cases I add additional `debugger` statements conditioned on the execution context. As Observable is executing Javascript, the browser's developer tool features like `debugger` and REPL are invaluable tools to track down bugs and gather more information at problem sites.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5688,"value":"### TODO\n- Bug: Forking doesn't work offline (it loads assets from the original URL)\n- Bug: Every recursive cycle more imports cells are created\n- Improve: Set S3 URL in arg\n- Improve: UI could be better sized on mobile\n- Improve: Refactor the bootloader so its not an inline string. (would avoids some escaping issues)\n- Improve: render final template in iframe first? Could shorten the debug cycle\n\n### Known Issues\n - Doesn't work for `with` clauses in imports. Fixing is not a priority, they are complex.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7661,"value":"exporter()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6695,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6841,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5813,"value":"getSourceModule = async (state) => {\n if (state.source == \"this notebook\") return main;\n const url =\n state.source == \"a notebook url\"\n ? state.notebook_url.child\n : state.top_100.child;\n\n const notebook = url.replace(\"https://observablehq.com/\", \"\");\n\n const [{ Runtime, Inspector }, { default: define }] = await Promise.all([\n import(\n \"https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js\"\n ),\n import(`https://api.observablehq.com/${notebook}.js?v=4`)\n ]);\n return new Runtime().module(define);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6477,"value":"function createShowable(child, { show = true } = {}) {\n const showVariable = variable(show, { name: \"show\" });\n const showable = view`

${[\"show\", showVariable]}${[\"child\", child]}`;\n\n // The showable logic is to toggle the visibility of the enclosing div based\n // on the show variable state\n const updateDisplay = () => {\n if (showVariable.value) {\n showable.style.display = \"inline\";\n } else {\n showable.style.display = \"none\";\n }\n };\n // Variables have additional assign event so presentation can be\n // updated as soon as variables change but before dataflow\n // because this is a pure presentation state it makes sense not to trigger\n // dataflow so we do not use 'input' event\n showVariable.addEventListener(\"assign\", updateDisplay);\n\n updateDisplay();\n return showable;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7386,"value":"reportValidity = (view, invalidation) => {\n const input = view.querySelector(\"input\");\n const report = () => view.reportValidity();\n input.addEventListener(\"input\", report);\n invalidation.then(() => input.removeEventListener(\"input\", report));\n return view;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6503,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4506,"value":"$33","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"notebook_style","database":"$undefined"},{"id":5443,"value":"$34","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"inspector_css","database":"$undefined"},{"id":4746,"value":"### Single File Notebook Generator Flow","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4750,"value":"viewof task = flowQueue({ timeout_ms: 10000 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7292,"value":"main_module = task.module","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6289,"value":"runtime_variables = [...main_module._runtime._variables].map(variableToObject)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6323,"value":"forcePeek = (variable) => {\n if (variable._value) return variable._value;\n let peeker;\n const promise = new Promise((resolve) => {\n peeker = variable._module.variable({}).define([variable._name], (m) => {\n resolve(m);\n });\n });\n promise.then((v) => peeker.delete());\n return promise;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5043,"value":"module_definition_variables = {\n let last_module_count = -1;\n let module_definition_variables = [];\n while (last_module_count < module_definition_variables.length) {\n last_module_count = module_definition_variables.length;\n module_definition_variables = await Promise.all(\n [...main_module._runtime._variables]\n .filter((v) => v._name && v._name.startsWith(\"module \"))\n .filter((v) => !v._name.startsWith(\"module {\n console.log(\"loading\", v._name);\n await forcePeek(v); // force module to load, may cause others to load\n return v;\n })\n );\n }\n return module_definition_variables;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4955,"value":"main_cells = {\n module_definition_variables; // make sure modules loaded first\n debugger;\n return cellMap(main_module);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5132,"value":"unresolved_main_modules = new Map(\n [...main_cells.entries()].filter(\n ([name, vars]) =>\n typeof name == \"string\" && name.startsWith(\"module parser.parseCell(e.textContent))\n .map((node) => [\n node.body.source.value,\n node.body.specifiers.map((s) => ({\n ast: s,\n local: s.local.name,\n imported: s.imported.name\n }))\n ])\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5127,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4758,"value":"other_modules_unfiltered = [...main_module._runtime._modules.entries()]\n .filter(([define, module]) => module != main_module)\n .map(([define, module]) => {\n // find module that imports it\n const module_definition_variable = module_definition_variables.find(\n (v) => v._value == module\n );\n return {\n define,\n module_definition_variable,\n module,\n name: module_definition_variable\n ? findModuleName(module_definition_variable._module._scope, module)\n : pageImportMatcher.moduleLookup.get(module) || \"TBD\"\n };\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4776,"value":"excluded_module_names = [\"TBD\", \"error\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4769,"value":"excluded_modules = other_modules_unfiltered.filter((m) =>\n excluded_module_names.includes(m.name)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4785,"value":"included_modules = other_modules_unfiltered.filter(\n (m) => !excluded_module_names.includes(m.name)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4798,"value":"findImports = (cells) =>\n [...cells.keys()]\n .filter((name) => typeof name === \"string\" && name.startsWith(\"module \"))\n .map((name) => pageImportMatcher.resolution.get(name) || name)\n .map((name) => name.replace(\"module \", \"\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5637,"value":"getFileAttachments = (module) => {\n let fileMap;\n const FileAttachment = module._builtins.get(\"FileAttachment\");\n const backup_get = Map.prototype.get;\n const backup_has = Map.prototype.has;\n Map.prototype.has = Map.prototype.get = function (...args) {\n fileMap = this;\n };\n try {\n FileAttachment(\"\");\n } catch (e) {}\n Map.prototype.has = backup_has;\n Map.prototype.get = backup_get;\n return fileMap;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4789,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6349,"value":"Inputs.table(\n [\n ...module_specs.entries().map(([name, spec]) => ({\n name,\n source: spec.source.length,\n\n imports: spec.imports,\n fileAttachments: spec.fileAttachments\n }))\n ],\n {\n width: {\n name: 250,\n source: 50\n },\n format: {\n fileAttachments: (f) =>\n !f\n ? \"none\"\n : Inputs.table([\n ...f.entries().map(([name, f]) => ({ name, url: f.url || f }))\n ]),\n\n imports: (f) => Inputs.table(f.map((i) => ({ name: i })))\n }\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4817,"value":"book = lopebook({\n url: \"main\",\n modules: module_specs\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7232,"value":"##### Generate a report on the sizes of components","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7228,"value":"report = [\n ...new DOMParser()\n .parseFromString(book, \"text/html\")\n .querySelectorAll(\"script\")\n].map((script) => ({\n ...(script.getAttribute(\"file\") && {\n file: script.getAttribute(\"file\")\n }),\n type: script.type,\n size: script.text.length,\n id: script.id\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4822,"value":"tomlarkworthy_exporter_task = viewof task.resolve({\n source: book,\n report: report\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3371,"value":"### Module Source Generator","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4093,"value":"generate_module_source = async (\n scope,\n cells,\n fileAttachments,\n { extraModuleLookup = new Map() } = {}\n) =>\n `${await generate_definitions(cells, { extraModuleLookup })}\n${await generate_define(scope, cells, fileAttachments, { extraModuleLookup })}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4102,"value":"generate_definitions = async (cells) =>\n [\n ...(await Promise.all(\n [...cells.entries()].map(([name, variables]) =>\n cellToDefinition(name, variables)\n )\n )),\n importCell.toString() // for all modules\n ]\n .flat()\n .join(\"\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3530,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7059,"value":"isLiveImport = (variable) =>\n variable._definition\n .toString()\n .includes(\"observablehq\" + \"--inspect \" + \"observablehq--import\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4118,"value":"cellToDefinition = (name, variables) => {\n\n if (typeof name == \"string\") {\n if (name.startsWith(\"module \")) {\n return \"\";\n }\n if (name.startsWith(\"viewof \")) {\n name = name.replace(\"viewof \", \"\");\n } else {\n if (name.startsWith(\"mutable \")) {\n name = name.replace(\"mutable \", \"\");\n }\n }\n } else if (isLiveImport(variables[0])) {\n return \"\"; //`const _${name} = () => \"live imports are stripped\";\\n`;\n }\n return `const _${name} = ${variables[0]._definition.toString()};\\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5519,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3588,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4690,"value":"## Assemble ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3154,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3176,"value":"lopemodule = async (module) => {\n const files = module.fileAttachments\n ? await Promise.all(\n [...module.fileAttachments.entries()].map(\n async ([name, attachment]) => {\n const url = attachment.url || attachment;\n const response = await fetch(url);\n const data64 = await response\n .arrayBuffer()\n .then(arrayBufferToBase64);\n return `\\n`;\n }\n )\n )\n : [];\n return `${files.join(\"\")}\\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4209,"value":"escapeScriptTags = (str) => str.replaceAll(\" {\n let modified = module.source;\n module.imports.forEach((i) => {\n modified = modified.replaceAll(\n new RegExp('\"/?' + i + '.*\"', \"g\"),\n `\"${i}\"`\n );\n });\n return modified;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5700,"value":"async function arrayBufferToBase64(buffer) {\n const bytes = new Uint8Array(buffer);\n const binary = bytes.reduce(\n (data, byte) => data + String.fromCharCode(byte),\n \"\"\n );\n return btoa(binary);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5618,"value":"### Bundled Deps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":6206,"value":"decompress_sledfile = async (file) => {\n const source = document.querySelector(\n 'script[type=lope-file][file=\"' + file + '\"]'\n );\n const base64 = source.text;\n const binary = atob(base64);\n const array = new Uint8Array(binary.length);\n for (var i = 0; i < binary.length; i++) {\n array[i] = binary.charCodeAt(i);\n }\n const blob = new Blob([array], {\n type: \"application/octet-stream\"\n });\n const decompressedStream = (await blob.stream()).pipeThrough(\n new DecompressionStream(\"gzip\")\n );\n const arrayBuffer = await new Response(decompressedStream).arrayBuffer();\n\n // Create a Blob from the ArrayBuffer\n const decompressed_blob = new Blob([arrayBuffer], {\n type: \"application/javascript\"\n });\n\n return URL.createObjectURL(decompressed_blob);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6188,"value":"builtin_def = `({\n \"htl@0.3.1/dist/htl.min.js\": async () =>\n import(await decompress_sledfile(\"htl.js.gz\")),\n \"@observablehq/inputs@0.11.0/dist/inputs.min.js\": async () => decompress_sledfile(\"inputs.2.min.js.gz\"),\n \"marked@0.3.12/marked.min.js\": () =>\n decompress_sledfile(\"marked.0.3.12.min.js.gz\"),\n \"lodash@4.17.21/lodash.min.js\": () => decompress_sledfile(\"lodash-4.17.21.min.js.gz\"),\n \"@observablehq/highlight.js@2.0.0/highlight.min.js\": () => decompress_sledfile(\"highlight.js-2.0.0.min.js.gz\")\n})`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6118,"value":"builtins = eval(builtin_def)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4054,"value":"### Test Module Generator\n\nWe test the notebook by comparing the Observable API module definition to a synthesised one","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5267,"value":"viewof test_module_selection = Inputs.select(\n [\n undefined,\n \"https://api.observablehq.com/@tomlarkworthy/exporter.js?v=4\",\n \"https://api.observablehq.com/@mootari/access-runtime.js?v=4\",\n \"https://api.observablehq.com/@tomlarkworthy/flow-queue.js?v=4\"\n ],\n { label: \"chose a notebook for testing\", width: \"100%\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5276,"value":"test_notebook = import(test_module_selection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5355,"value":"[...test_notebook_module._runtime._variables].map(variableToObject)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5310,"value":"test_notebook_cell_map = {\n debugger;\n return cellMap(test_notebook_module);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3425,"value":"test_notebook_define = test_notebook.default.toString()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3544,"value":"lopecode_generated_define = generate_define(\n test_notebook._scope,\n test_notebook_cell_map,\n undefined,\n {\n extraModuleLookup: pageImportMatcher.moduleLookup\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3583,"value":"differences = compareDefines(lopecode_generated_define, test_notebook_define)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5304,"value":"test_notebook_module = {\n const [{ Runtime }, { default: define }] = await Promise.all([\n import(\n \"https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js\"\n ),\n import(test_module_selection)\n ]);\n return new Runtime().module(define);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3581,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6826,"value":"diskImgUrl = FileAttachment(\"disk-floppy-memory-svgrepo-com@2.svg\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4639,"value":"import { flowQueue } from \"@tomlarkworthy/flow-queue\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3376,"value":"import {\n runtime,\n main,\n observed,\n modules,\n viewof ex_refresh\n} from \"@mootari/access-runtime\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3846,"value":"import {\n cellMap,\n findModuleName,\n sourceModule,\n findImportedName,\n variableToObject,\n parser,\n decompress_url\n} from \"@tomlarkworthy/observablejs-toolchain\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6343,"value":"import { view, variable, bindOneWay } from \"@tomlarkworthy/view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6346,"value":"import { reversibleAttach } from \"@tomlarkworthy/reversible-attachment\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6690,"value":"import { localStorageView } from \"@tomlarkworthy/local-storage-view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7088,"value":"import { AwsClient, AwsV4Signer } from \"@tomlarkworthy/aws4fetch\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7265,"value":"import { domView } from \"@tomlarkworthy/dom-view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3c","stdlib":"1"}} 2d:"$2c:body"