here to learn
Notebook stepperVersion Pinning for NotebooksSandpiles in the reactive runtimeWebSocket-powered notebook editing toolsExporting notebooks with their sourcefromV1From raw notebook source to Observable runtime V1 modulesNotebook Visualizer (Firefox-compatible)Imports: tips and tricksFind non-default global objects for "require""Force Update Pattern" in ObservableImporting data from Google Spreadsheets into a notebook / webpage
Notebook import inspector (deprecated)
nbDefine = (await import(apiUrl)).default
m1 = {
const runtime = new oRuntime();
const main = nbDefine(runtime, name => true);
await runtime._compute();
runtime.dispose();
return main;
}
scope1 = [...m1._runtime._modules.values()].map(({ _scope }) => _scope)
varset1 = m1._runtime._variables
example_a = m1._resolve('a')
importOfDuplicate = example_a._inputs[0]
varset1.has(importOfDuplicate)
allVars1 = {
const allVars1 = new Set(varset1);
for (const v of allVars1) {
for (const w of v._inputs) {
allVars1.add(w);
}
}
return allVars1;
}
Array.from(varset1, getAllPropertyNamesAsObj)
v1 = Array.from(varset1)
// .filter(({ _reachable }) => _reachable)
.map(({ _name }) => _name)
v1.filter(s => s === 'DOM')
modules = new Set(Array.from(varset1, ({ _module }) => _module))
Array.from(modules, getAllPropertyNamesAsObj)
varsetReachable = Array.from(varset1).filter(({ _reachable }) => _reachable)
modulesReachable = new Set(
Array.from(varsetReachable, ({ _module }) => _module)
)
testImportMap = await importMap(apiUrl)
m2 = {
const runtime = new Runtime(testImportMap);
const main = nbDefine(runtime, name => true);
main._slug = [...testImportMap.values()][0];
await runtime._compute();
runtime.dispose();
return main;
}
r2 = m2._runtime
allModules2Set = {
const all = new Set([...r2._variables].map(({ _module }) => _module));
Array.from(all, (m, i) => {
m._id = i;
});
return all;
}
allModules2 = Array.from(allModules2Set)
rVariables2 = [...r2._variables]
moreVariables2Set = {
const allVars = new Set(rVariables2);
for (const v of allVars) {
for (const w of v._inputs) {
allVars.add(w);
}
}
return allVars;
}
allVariables2 = r2._allVariables.map((v, i) => {
v.def = v._definition.toString();
v._id = i;
return v;
})
reachableVars2 = [...r2._allVariables].filter(({ _reachable }) => _reachable)
reachableModules2Set = new Set(reachableVars2.map(({ _module }) => _module))
reachableModules2 = Array.from(reachableModules2Set)
// titles
[...r2._modules.keys()].map(d => d.toString().match(/# ([^\n]+)/g)[0])
// imports
[...r2._variables].filter(({ _definition }) => _definition === identity)
version = '4.6.3'
observable = require(`@observablehq/runtime@${version}`)
oRuntime = observable.Runtime
// used below
Library = observable.Library
// https://github.com/observablehq/stdlib/blob/81a7995764923b73decfe3e50844dae2c15d2a9a/src/fileAttachment.js#L50
function FileAttachments(resolve) {
return name => {
const url = resolve((name += "")); // Returns a Promise, string, or null.
if (url == null) throw new Error(`File not found: ${name}`);
return new FileAttachment(url, name);
};
}
// assumes first line of JS module has a comment with the notebook URL
async function fetchDefine(apiUrl) {
const [{ default: define }, src] = await Promise.all([
import(apiUrl),
fetch(apiUrl).then(res => res.text())
]);
return { define, src, nbUrl: src.split('\n')[0].slice(3) };
}
// assumes lines after the first until the first double line break contain either:
// - imports of other notebook JS modules
// - no imports (returns [])
function parseImports(src) {
const matches = src
.split('\n\n')[0]
.split('\n')
.slice(1)
.map(s => s.match(/^import (\w+) from "([^"]+)"/));
return matches[0]
? matches.map(([, name, relativeUrl]) => ({
name,
slug: relativeUrl.slice(0, -7),
apiUrl: "https://api.observablehq.com" + relativeUrl
}))
: [];
}
async function importMap(apiUrl) {
const map = new Map();
const seen = new Set([apiUrl]);
const { src, define } = await fetchDefine(apiUrl);
map.set(define.toString(), apiUrl.match(/\.com\/([^\.]+)/)[1]);
const queue = parseImports(src);
for (const { name, apiUrl } of queue) {
if (!seen.has(apiUrl)) {
seen.add(apiUrl);
const { src, define } = await fetchDefine(apiUrl);
map.set(define.toString(), apiUrl.match(/\.com\/([^\.]+)/)[1]);
queue.push(...parseImports(src));
}
}
return map;
}
RuntimeError = Error
variable_invalidation = ({})
variable_visibility = ({})
frame = requestAnimationFrame
function generatorish(value) {
return (
value &&
typeof value.next === "function" &&
typeof value.return === "function"
);
}
function window_global(name) {
return window[name];
}
TYPE_NORMAL = 1
TYPE_IMPLICIT = 2
TYPE_DUPLICATE = 3
function rethrow(e) {
return function() {
throw e;
};
}
no_observer = ({})
function identity(x) {
return x;
}
noop = () => {}
function constant(x) {
return function() {
return x;
};
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
