Tech Lead at Taktile.
Formerly Firebase, Google
CORS Proxy fetchpAutomatically Backup Observable notebooks to GithubStarting Github Action Workflows From ObservableFirebase and Firebase UI (v8)Detect notebook runtime errors with catchAll((cellName, reason) => {...})notebookSnapshot()Reactive Unit Testing and Reporting FrameworkBulmaStripeRidiculously Rapid Software-as-a-Service (SaaS) development with Observable, Firebase and StripeUsing Express Router for Serverside CellsAWS Serverless Notebooks SimplifiedSVG Timeseries to GIFAWS HelpersMixed Integer / Linear ProgrammingRedis Serialization Protocol (RESP) Client for the Web👋 Hello NunjucksThe Google 'VS' trickaws4fetch@observablehq/inspector@5.0.1escodegen@2.1.0SortableJSTextFit@2.4.0CodeMirror 6 + Javascriptgolden-layout@2.6.0trackParent and preserveFocusObservable Runtime (v5)
Metaprogramming with Peek [Not recommended for production user]
function peek({
notebook = "@tomlarkworthy/metaprogramming", // Target notebook
cell = undefined, // Name of target cell, or undefined for anonymous
filter = value => true // Filter values (useful for extracting anonymous values
} = {}) {
notebook = notebook.replace('https://observablehq.com/', '');
const safeFilter = value => {
try {
return filter(value);
} catch (err) {
console.error(err);
return false;
}
};
return Generators.observe(next => {
// See Mike Bostock's https://talk.observablehq.com/t/importcell-conflicts-with-static-import/4548/14
// Instantiate a new runtime, but reuse the existing runtime’s require.
// (This is ensures that any requires in imports still work.)
const library = Object.assign(new Library(), { require: () => require });
const runtime = new Runtime(library);
import(`https://api.observablehq.com/${notebook}.js?v=3`)
.then(({ default: define } = {}) => {
const imported = runtime.module(define, name => {
if (cell && name !== cell) return null;
console.log("name", name);
return {
fulfilled(value) {
if (safeFilter(value)) next(value);
},
rejected(err) {
if (safeFilter(err)) next(Promise.reject(err));
}
};
});
})
.catch(err => next(Promise.reject(err)));
return () => runtime.dispose();
});
}
function peekMany({
notebook = "@tomlarkworthy/metaprogramming", // Target notebook
cells = [] // Name of target cell, or undefined for anonymous
} = {}) {
notebook = notebook.replace('https://observablehq.com/', '');
const generators = [];
const nexts = cells.reduce((acc, cell) => {
generators.push(Generators.observe(next => (acc[cell] = next)));
return acc;
}, {});
// See Mike Bostock's https://talk.observablehq.com/t/importcell-conflicts-with-static-import/4548/14
// Instantiate a new runtime, but reuse the existing runtime’s require.
// (This is ensures that any requires in imports still work.)
const library = Object.assign(new Library(), { require: () => require });
const runtime = new Runtime(library);
import(`https://api.observablehq.com/${notebook}.js?v=3`).then(
({ default: define } = {}) => {
const imported = runtime.module(define, name => {
if (!nexts[name]) return null;
return {
fulfilled(value) {
nexts[name](value);
},
rejected(err) {
nexts[name](Promise.reject(err));
}
};
});
}
);
return generators;
}
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
md`## Examples`
peek_value = peek({
notebook: "@tomlarkworthy/metaprogramming",
cell: 'constant_string'
});
/*
peek_injected_value = peek({
notebook: "@tomlarkworthy/metaprogramming",
cell: 'constant_string',
injections: { constant_string: "rewrite" }
})*/
peek_promise = peek({
notebook: "@tomlarkworthy/metaprogramming",
cell: 'promise'
});
peek_promise_err = peek({
notebook: "@tomlarkworthy/metaprogramming",
cell: 'promise_err'
});
peek_generator = peek({
notebook: "@tomlarkworthy/metaprogramming",
cell: 'generator'
});
/*
peekTests.test("peek_injected_value", async () => {
expect(peek_injected_value).toMatch("rewrite");
})*/
observablehq = require("@observablehq/runtime@4")
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.
