@observablehq/notebook-kit 1.5.2 → 1.6.0

package/dist/package.json

@@ -5,7 +5,7 @@
         "type": "git",
         "url": "git+https://github.com/observablehq/notebook-kit.git"
     },
-    "version": "1.5.2",
+    "version": "1.6.0",
     "type": "module",
     "scripts": {
         "test": "vitest",
@@ -42,9 +42,9 @@
         "./*.css": "./dist/src/styles/*.css"
     },
     "dependencies": {
-        "@fontsource/inter": "^5.2.6",
-        "@fontsource/source-serif-4": "^5.2.8",
-        "@fontsource/spline-sans-mono": "^5.2.6",
+        "@fontsource-variable/inter": "^5.2.8",
+        "@fontsource-variable/source-serif-4": "^5.2.9",
+        "@fontsource-variable/spline-sans-mono": "^5.2.8",
         "@lezer/common": "^1.2.3",
         "@lezer/css": "^1.2.1",
         "@lezer/highlight": "^1.2.1",
@@ -65,28 +65,28 @@
         "vite": "^7.0.0"
     },
     "devDependencies": {
-        "@databricks/sql": "^1.11.0",
+        "@databricks/sql": "^1.14.0",
         "@duckdb/node-api": "^1.3.2-alpha.26",
         "@eslint/js": "^9.29.0",
-        "@google-cloud/bigquery": "^8.1.1",
+        "@google-cloud/bigquery": "^8.3.0",
         "@types/jsdom": "^21.1.7",
         "@types/markdown-it": "^14.1.2",
         "bun-types": "^1.2.20",
         "eslint": "^9.29.0",
         "globals": "^16.2.0",
         "htl": "^0.3.1",
-        "postgres": "^3.4.7",
-        "snowflake-sdk": "^2.1.3",
+        "postgres": "^3.4.9",
+        "snowflake-sdk": "^2.4.0",
         "tsx": "^4.20.3",
         "typescript-eslint": "^8.35.0",
         "vitest": "^3.2.4"
     },
     "peerDependencies": {
-        "@databricks/sql": "^1.11.0",
+        "@databricks/sql": "^1.14.0",
         "@duckdb/node-api": "^1.3.2-alpha.26",
-        "@google-cloud/bigquery": "^8.1.1",
-        "postgres": "^3.4.7",
-        "snowflake-sdk": "^2.1.3"
+        "@google-cloud/bigquery": "^8.3.0",
+        "postgres": "^3.4.9",
+        "snowflake-sdk": "^2.4.0"
     },
     "peerDependenciesMeta": {
         "@databricks/sql": {

package/dist/src/databases/bigquery.d.ts

@@ -5,8 +5,9 @@ export type BigQueryConfig = {
     keyFilename?: string;
     keyFile?: string;
     projectId?: string;
+    dataset?: string;
 };
-export default function bigquery({ type, ...options }: BigQueryConfig): QueryTemplateFunction;
+export default function bigquery({ type, dataset, ...options }: BigQueryConfig): QueryTemplateFunction;
 export declare function replacer(this: {
     [key: string]: unknown;
 }, key: string, value: unknown): unknown;

package/dist/src/databases/bigquery.js

@@ -1,11 +1,15 @@
 import { BigQuery } from "@google-cloud/bigquery";
 import { BigQueryDate, BigQueryDatetime, BigQueryTimestamp } from "@google-cloud/bigquery";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export default function bigquery({ type, ...options }) {
+export default function bigquery({ type, dataset, ...options }) {
     return async (strings, ...params) => {
         const bigquery = new BigQuery(options);
         const date = new Date();
-        const [job] = await bigquery.createQueryJob({ query: strings.join("?"), params });
+        const [job] = await bigquery.createQueryJob({
+            query: strings.join("?"),
+            params,
+            ...(dataset && { defaultDataset: { datasetId: dataset } }),
+        });
         const [rows, , response] = await job.getQueryResults();
         return { rows, schema: getTableSchema(response.schema), duration: Date.now() - +date, date };
     };

package/dist/src/databases/snowflake.js

@@ -62,7 +62,7 @@ async function execute(connection, sql, params) {
     });
 }
 function getStatementSchema(statement) {
-    return statement.getColumns().map(getColumnSchema);
+    return statement.getColumns()?.map(getColumnSchema) ?? [];
 }
 function getColumnSchema(column) {
     return { name: column.getName(), type: getColumnType(column), nullable: column.isNullable() };

package/dist/src/javascript/imports/jsr.d.ts

@@ -1,2 +1,2 @@
-/** If specifier is an jsr: protocol import, resolves it. */
+/** If specifier is a jsr: protocol import, resolves it. */
 export declare function resolveJsrImport(specifier: string): string;

package/dist/src/javascript/imports/jsr.js

@@ -1,4 +1,4 @@
-/** If specifier is an jsr: protocol import, resolves it. */
+/** If specifier is a jsr: protocol import, resolves it. */
 export function resolveJsrImport(specifier) {
     if (!specifier.startsWith("jsr:"))
         return specifier;

package/dist/src/javascript/imports.d.ts

@@ -8,9 +8,9 @@ export declare function checkExports(body: Node, { input }: {
 }): void;
 /** Returns true if the body includes an import declaration. */
 export declare function hasImportDeclaration(body: Node): boolean;
-/** Returns true if the given node is a import.meta.resolve(…) call. */
+/** Returns true if the given node is an import.meta.resolve(…) call. */
 export declare function isImportMetaResolve(node: CallExpression): boolean;
-/** Returns true if the given node is a import.meta.url expression. */
+/** Returns true if the given node is an import.meta.url expression. */
 export declare function isImportMetaUrl(node: MemberExpression): boolean;
 export type RewriteImportOptions = {
     /** If true, resolve local imports relative to document.baseURI. */

package/dist/src/javascript/imports.js

@@ -25,7 +25,7 @@ export function hasImportDeclaration(body) {
     });
     return has;
 }
-/** Returns true if the given node is a import.meta.resolve(…) call. */
+/** Returns true if the given node is an import.meta.resolve(…) call. */
 export function isImportMetaResolve(node) {
     return (node.callee.type === "MemberExpression" &&
         node.callee.object.type === "MetaProperty" &&
@@ -35,7 +35,7 @@ export function isImportMetaResolve(node) {
         node.callee.property.name === "resolve" &&
         node.arguments.length > 0);
 }
-/** Returns true if the given node is a import.meta.url expression. */
+/** Returns true if the given node is an import.meta.url expression. */
 export function isImportMetaUrl(node) {
     return (node.object.type === "MetaProperty" &&
         node.object.meta.name === "import" &&

package/dist/src/lib/notebook.d.ts

@@ -1,11 +1,15 @@
 export type NotebookTheme = "air" | "coffee" | "cotton" | "deep-space" | "glacier" | "ink" | "midnight" | "near-midnight" | "ocean-floor" | "parchment" | "slate" | "stark" | "sun-faded";
+export type LightDarkNotebookTheme = {
+    light: NotebookTheme;
+    dark: NotebookTheme;
+};
 export interface NotebookSpec {
     /** the notebook’s cells, in top-to-bottom document order */
     cells?: CellSpec[];
     /** the notebook title, if any; extracted from the first h1 */
     title?: string;
-    /** the notebook theme; defaults to "air" */
-    theme?: NotebookTheme;
+    /** the notebook theme(s); defaults to "air" */
+    theme?: NotebookTheme | LightDarkNotebookTheme;
     /** if true, don’t allow editing */
     readOnly?: boolean;
 }

package/dist/src/lib/serialize.js

@@ -1,8 +1,9 @@
 import { toNotebook } from "./notebook.js";
 import { isEmpty } from "./text.js";
+const DEFAULT_THEME = "air";
 export function serialize(notebook, { document = globalThis.document } = {}) {
     const _notebook = document.createElement("notebook");
-    _notebook.setAttribute("theme", notebook.theme);
+    _notebook.setAttribute("theme", serializeTheme(notebook.theme));
     if (notebook.readOnly)
         _notebook.setAttribute("readonly", "");
     _notebook.appendChild(document.createTextNode("\n  "));
@@ -126,8 +127,17 @@ function deserializeFormat(format) {
             return format;
     }
 }
+function serializeTheme(theme) {
+    return typeof theme === "string" ? theme : `light-dark(${theme.light}, ${theme.dark})`;
+}
 function deserializeTheme(theme) {
-    return theme ?? "air";
+    theme = theme?.trim().toLowerCase() ?? DEFAULT_THEME;
+    const match = /^light-dark\(([\w-]+),\s*([\w-]+)\)$/.exec(theme);
+    if (match) {
+        const [, light, dark] = match;
+        return { light, dark };
+    }
+    return theme;
 }
 function dedent(text) {
     const lines = text.split(/\r\n?|\n/);

package/dist/src/runtime/index.d.ts

@@ -56,6 +56,7 @@ export declare class NotebookRuntime {
         }>;
         topojson: () => Promise<any>;
         vl: () => Promise<any>;
+        dark: () => ObservableAsyncGenerator<boolean>;
         now: () => AsyncGenerator<number, void, unknown>;
         width: () => ObservableAsyncGenerator<number>;
         DatabaseClient: () => {
@@ -108,6 +109,7 @@ export declare class NotebookRuntime {
             };
         };
         Mutable: () => typeof import("./stdlib/mutable.js").Mutable;
+        Promises: () => typeof import("./stdlib/promises/index.js");
         DOM: () => typeof import("./stdlib/dom/index.js");
         require: () => typeof import("./stdlib/require.js").require;
         __ojs_observer: () => () => import("./stdlib/observer.js").Observer;

package/dist/src/runtime/stdlib/dom/canvas.d.ts

@@ -1 +1,2 @@
+/** @deprecated */
 export declare function canvas(width: number, height: number): HTMLCanvasElement;

package/dist/src/runtime/stdlib/dom/canvas.js

@@ -1,3 +1,4 @@
+/** @deprecated */
 export function canvas(width, height) {
     const canvas = document.createElement("canvas");
     canvas.width = width;

package/dist/src/runtime/stdlib/dom/download.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated */
+export declare function download(value: unknown, name?: string, label?: string): HTMLAnchorElement;

package/dist/src/runtime/stdlib/dom/download.js

@@ -0,0 +1,32 @@
+/** @deprecated */
+export function download(value, name = "untitled", label = "Save") {
+    const a = document.createElement("a");
+    const b = a.appendChild(document.createElement("button"));
+    b.textContent = label;
+    a.download = name;
+    async function reset() {
+        await new Promise(requestAnimationFrame);
+        URL.revokeObjectURL(a.href);
+        a.removeAttribute("href");
+        b.textContent = label;
+        b.disabled = false;
+    }
+    a.onclick = async (event) => {
+        b.disabled = true;
+        if (a.href)
+            return reset(); // Already saved.
+        b.textContent = "Saving…";
+        try {
+            const object = await (typeof value === "function" ? value() : value);
+            b.textContent = "Download";
+            a.href = URL.createObjectURL(object);
+        }
+        catch {
+            b.textContent = label;
+        }
+        if (event.eventPhase)
+            return reset(); // Already downloaded.
+        b.disabled = false;
+    };
+    return a;
+}

package/dist/src/runtime/stdlib/dom/element.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated */
+export declare function element(name: string, attributes: Record<string, string>): Element;

package/dist/src/runtime/stdlib/dom/element.js

@@ -0,0 +1,34 @@
+const namespaces = {
+    math: "http://www.w3.org/1998/Math/MathML",
+    svg: "http://www.w3.org/2000/svg",
+    xhtml: "http://www.w3.org/1999/xhtml",
+    xlink: "http://www.w3.org/1999/xlink",
+    xml: "http://www.w3.org/XML/1998/namespace",
+    xmlns: "http://www.w3.org/2000/xmlns/"
+};
+function isNamespace(prefix) {
+    return Object.prototype.hasOwnProperty.call(namespaces, prefix);
+}
+/** @deprecated */
+export function element(name, attributes) {
+    let prefix = (name += "");
+    let i = prefix.indexOf(":");
+    if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns")
+        name = name.slice(i + 1);
+    const element = isNamespace(prefix)
+        ? document.createElementNS(namespaces[prefix], name)
+        : document.createElement(name);
+    if (attributes) {
+        for (let key in attributes) {
+            const value = attributes[key];
+            i = (prefix = key).indexOf(":");
+            if (i >= 0 && (prefix = key.slice(0, i)) !== "xmlns")
+                key = key.slice(i + 1);
+            if (isNamespace(prefix))
+                element.setAttributeNS(namespaces[prefix], key, value);
+            else
+                element.setAttribute(key, value);
+        }
+    }
+    return element;
+}

package/dist/src/runtime/stdlib/dom/index.d.ts

@@ -1,5 +1,10 @@
 export { canvas } from "./canvas.js";
 export { context2d } from "./context2d.js";
+export { download } from "./download.js";
+export { element } from "./element.js";
+export { input } from "./input.js";
+export { range } from "./range.js";
+export { select } from "./select.js";
 export { svg } from "./svg.js";
 export { text } from "./text.js";
 export { uid } from "./uid.js";

package/dist/src/runtime/stdlib/dom/index.js

@@ -1,5 +1,10 @@
 export { canvas } from "./canvas.js";
 export { context2d } from "./context2d.js";
+export { download } from "./download.js";
+export { element } from "./element.js";
+export { input } from "./input.js";
+export { range } from "./range.js";
+export { select } from "./select.js";
 export { svg } from "./svg.js";
 export { text } from "./text.js";
 export { uid } from "./uid.js";

package/dist/src/runtime/stdlib/dom/input.d.ts

@@ -0,0 +1 @@
+export declare function input(type?: HTMLInputElement["type"]): HTMLInputElement;

package/dist/src/runtime/stdlib/dom/input.js

@@ -0,0 +1,6 @@
+export function input(type) {
+    const input = document.createElement("input");
+    if (type != null)
+        input.type = type;
+    return input;
+}

package/dist/src/runtime/stdlib/dom/range.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated */
+export declare function range(min?: number, max?: number, step?: number): HTMLInputElement;

package/dist/src/runtime/stdlib/dom/range.js

@@ -0,0 +1,13 @@
+/** @deprecated */
+export function range(min, max, step) {
+    if (arguments.length === 1) {
+        max = min;
+        min = undefined;
+    }
+    const input = document.createElement("input");
+    input.min = String((min = min == null ? 0 : +min));
+    input.max = String((max = max == null ? 1 : +max));
+    input.step = step == null ? "any" : String((step = +step));
+    input.type = "range";
+    return input;
+}

package/dist/src/runtime/stdlib/dom/select.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated */
+export declare function select(values: string[]): HTMLSelectElement;

package/dist/src/runtime/stdlib/dom/select.js

@@ -0,0 +1,10 @@
+/** @deprecated */
+export function select(values) {
+    const select = document.createElement("select");
+    for (const value of values) {
+        const option = document.createElement("option");
+        option.value = option.textContent = value;
+        select.appendChild(option);
+    }
+    return select;
+}

package/dist/src/runtime/stdlib/dom/svg.d.ts

@@ -1 +1,2 @@
+/** @deprecated */
 export declare function svg(width: number, height: number): SVGSVGElement;

package/dist/src/runtime/stdlib/dom/svg.js

@@ -1,3 +1,4 @@
+/** @deprecated */
 export function svg(width, height) {
     const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
     svg.setAttribute("viewBox", `0 0 ${width} ${height}`);

package/dist/src/runtime/stdlib/dom/text.d.ts

@@ -1 +1,2 @@
+/** @deprecated */
 export declare function text(value: string): Text;

package/dist/src/runtime/stdlib/dom/text.js

@@ -1,3 +1,4 @@
+/** @deprecated */
 export function text(value) {
     return document.createTextNode(value);
 }

package/dist/src/runtime/stdlib/fileAttachment.d.ts

@@ -58,6 +58,7 @@ export interface FileInfo {
     lastModified?: number;
     size?: number;
 }
+export declare function requireFileRegistration(value: boolean): void;
 export declare function registerFile(name: string, info: FileInfo | null, base?: string | URL): FileAttachmentImpl | undefined;
 export declare abstract class AbstractFile implements FileAttachment {
     name: string;

package/dist/src/runtime/stdlib/fileAttachment.js

@@ -1,15 +1,23 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const files = new Map();
-// TODO Enforce that files have been registered; throw error if not found.
+let strict = false;
 export const FileAttachment = (name, base = document.baseURI) => {
     const href = new URL(name, base).href;
     let file = files.get(href);
     if (!file) {
-        file = new FileAttachmentImpl(href, name.split("/").pop());
-        files.set(href, file);
+        if (strict) {
+            throw new Error(`File not found: ${name}`);
+        }
+        else {
+            file = new FileAttachmentImpl(href, name.split("/").pop());
+            files.set(href, file);
+        }
     }
     return file;
 };
+export function requireFileRegistration(value) {
+    strict = value;
+}
 export function registerFile(name, info, base = location.href) {
     const href = new URL(name, base).href;
     if (info == null) {

package/dist/src/runtime/stdlib/generators/dark.d.ts

@@ -0,0 +1 @@
+export declare function dark(): ObservableAsyncGenerator<boolean>;

package/dist/src/runtime/stdlib/generators/dark.js

@@ -0,0 +1,25 @@
+import { observe } from "./observe.js";
+export function dark() {
+    return observe((notify) => {
+        let dark;
+        const media = matchMedia("(prefers-color-scheme: dark)");
+        const probe = document.createElement("div");
+        probe.style.transitionProperty = "color, background-color";
+        probe.style.transitionDuration = "1ms";
+        const changed = () => {
+            const s = getComputedStyle(document.body).getPropertyValue("color-scheme").split(/\s+/);
+            const d = s.includes("light") && s.includes("dark") ? media.matches : s.includes("dark");
+            if (dark === d)
+                return;
+            notify((dark = d));
+        };
+        document.body.appendChild(probe);
+        changed();
+        probe.addEventListener("transitionstart", changed);
+        media.addEventListener("change", changed);
+        return () => {
+            probe.remove();
+            media.removeEventListener("change", changed);
+        };
+    });
+}

package/dist/src/runtime/stdlib/generators/index.d.ts

@@ -1,3 +1,4 @@
+export { dark } from "./dark.js";
 export { input } from "./input.js";
 export { now } from "./now.js";
 export { observe } from "./observe.js";

package/dist/src/runtime/stdlib/generators/index.js

@@ -1,3 +1,4 @@
+export { dark } from "./dark.js";
 export { input } from "./input.js";
 export { now } from "./now.js";
 export { observe } from "./observe.js";

package/dist/src/runtime/stdlib/index.d.ts

@@ -5,6 +5,7 @@ import * as Generators from "./generators/index.js";
 import { Interpreter } from "./interpreter.js";
 import { Mutable } from "./mutable.js";
 import { Observer } from "./observer.js";
+import * as Promises from "./promises/index.js";
 import { require } from "./require.js";
 export declare const root: HTMLElement;
 export declare const library: {
@@ -45,6 +46,7 @@ export declare const library: {
     }>;
     topojson: () => Promise<any>;
     vl: () => Promise<any>;
+    dark: () => ObservableAsyncGenerator<boolean>;
     now: () => AsyncGenerator<number, void, unknown>;
     width: () => ObservableAsyncGenerator<number>;
     DatabaseClient: () => {
@@ -97,6 +99,7 @@ export declare const library: {
         };
     };
     Mutable: () => typeof Mutable;
+    Promises: () => typeof Promises;
     DOM: () => typeof DOM;
     require: () => typeof require;
     __ojs_observer: () => () => Observer;

package/dist/src/runtime/stdlib/index.js

@@ -5,11 +5,13 @@ import * as Generators from "./generators/index.js";
 import { Interpreter } from "./interpreter.js";
 import { Mutable } from "./mutable.js";
 import { Observer } from "./observer.js";
+import * as Promises from "./promises/index.js";
 import * as recommendedLibraries from "./recommendedLibraries.js";
 import { require } from "./require.js";
 import * as sampleDatasets from "./sampleDatasets.js";
 export const root = document.querySelector("main") ?? document.body;
 export const library = {
+    dark: () => Generators.dark(),
     now: () => Generators.now(),
     width: () => Generators.width(root),
     DatabaseClient: () => DatabaseClient,
@@ -17,6 +19,7 @@ export const library = {
     Generators: () => Generators,
     Interpreter: () => Interpreter,
     Mutable: () => Mutable,
+    Promises: () => Promises, // deprecated!
     DOM: () => DOM, // deprecated!
     require: () => require, // deprecated!
     __ojs_observer: () => () => new Observer(),

package/dist/src/runtime/stdlib/md.js

@@ -13,19 +13,19 @@ export function MarkdownRenderer({ document = window.document } = {}) {
         let fragment = null;
         let partIndex = -1;
         const parts = [];
-        // Concatenate the text using comments as placeholders.
+        // Concatenate the text using anchors as placeholders.
         for (let i = 0, n = values.length; i < n; ++i) {
             const value = values[i];
             if (value instanceof Node) {
                 parts[++partIndex] = value;
-                source += `<!--o:${partIndex}-->`;
+                source += `<a id=o:${partIndex}></a>`;
             }
             else if (Array.isArray(value)) {
                 for (const node of value) {
                     if (node instanceof Node) {
                         if (fragment === null) {
                             parts[++partIndex] = fragment = document.createDocumentFragment();
-                            source += `<!--o:${partIndex}-->`;
+                            source += `<a id=o:${partIndex}></a>`;
                         }
                         fragment.appendChild(node);
                     }
@@ -44,14 +44,12 @@ export function MarkdownRenderer({ document = window.document } = {}) {
         // Render the text.
         const root = document.createElement("div");
         root.innerHTML = mi.render(source);
-        // Walk the rendered content to replace comment placeholders.
+        // Walk the rendered content to replace anchor placeholders.
         if (++partIndex > 0) {
             const nodes = new Array(partIndex);
-            const walker = document.createTreeWalker(root, NodeFilter.SHOW_COMMENT, null);
-            while (walker.nextNode()) {
-                const node = walker.currentNode;
-                if (/^o:\d+$/.test(node.nodeValue)) {
-                    nodes[+node.nodeValue.slice(2)] = node;
+            for (const node of root.querySelectorAll("a[id^='o:']")) {
+                if (/^o:\d+$/.test(node.id)) {
+                    nodes[+node.id.slice(2)] = node;
                 }
             }
             for (let i = 0; i < partIndex; ++i) {

package/dist/src/runtime/stdlib/promises/delay.d.ts

@@ -0,0 +1,4 @@
+/** @deprecated */
+export declare function delay(duration: number): Promise<void>;
+/** @deprecated */
+export declare function delay<T>(duration: number, value: T): Promise<T>;

package/dist/src/runtime/stdlib/promises/delay.js

@@ -0,0 +1,3 @@
+export function delay(duration, value) {
+    return new Promise((resolve) => setTimeout(() => resolve(value), duration));
+}

package/dist/src/runtime/stdlib/promises/index.d.ts

@@ -0,0 +1,3 @@
+export { delay } from "./delay.js";
+export { tick } from "./tick.js";
+export { when } from "./when.js";

package/dist/src/runtime/stdlib/promises/index.js

@@ -0,0 +1,3 @@
+export { delay } from "./delay.js";
+export { tick } from "./tick.js";
+export { when } from "./when.js";

package/dist/src/runtime/stdlib/promises/tick.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated */
+export declare function tick<T>(duration: number, value: T): Promise<T>;

package/dist/src/runtime/stdlib/promises/tick.js

@@ -0,0 +1,5 @@
+import { when } from "./when.js";
+/** @deprecated */
+export function tick(duration, value) {
+    return when(Math.ceil((Date.now() + 1) / duration) * duration, value);
+}

package/dist/src/runtime/stdlib/promises/when.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated */
+export declare function when<T>(time: number, value: T): Promise<T>;

package/dist/src/runtime/stdlib/promises/when.js

@@ -0,0 +1,18 @@
+const timeouts = new Map();
+/** @deprecated */
+export async function when(time, value) {
+    let timeout = timeouts.get((time = +time));
+    if (!timeout) {
+        const now = Date.now();
+        const delay = time - now;
+        if (delay > 0) {
+            if (delay > 0x7fffffff)
+                throw new Error("too long to wait");
+            timeout = new Promise((resolve) => setTimeout(resolve, delay));
+            timeout.then(() => timeouts.delete(time));
+            timeouts.set(time, timeout);
+        }
+    }
+    await timeout;
+    return value;
+}

package/dist/src/runtime/stdlib/require.js

@@ -1,8 +1,9 @@
 require.resolve = resolve;
+const cache = new WeakMap();
 export function require(...specifiers) {
     return specifiers.length === 1
-        ? import(/* @vite-ignore */ resolve(specifiers[0]))
-        : Promise.all(specifiers.map((s) => require(s))).then((modules) => Object.assign({}, ...modules));
+        ? import(/* @vite-ignore */ resolve(specifiers[0])).then(objectify)
+        : Promise.all(specifiers.map((s) => require(s))).then((modules) => Object.assign({}, ...modules)); // prettier-ignore
 }
 function parseNpmSpecifier(specifier) {
     const parts = specifier.split("/");
@@ -22,6 +23,13 @@ function resolve(_specifier) {
     const { name, range, path } = parseNpmSpecifier(specifier);
     return `https://cdn.jsdelivr.net/npm/${name}${range}${path + (isFile(path) || isDirectory(path) ? "" : "/+esm")}`;
 }
+/** Allow mutation of required modules while maintaining a canonical instance; ugly! */
+function objectify(module) {
+    let object = cache.get(module);
+    if (!object)
+        cache.set(module, (object = { ...module }));
+    return object;
+}
 /** Returns true for e.g. https://example.com/ */
 function isProtocol(specifier) {
     return /^\w+:/.test(specifier);

package/dist/src/styles/global.css

@@ -1,11 +1,7 @@
 :root {
-  --serif:
-    "Source Serif 4", "Iowan Old Style", "Apple Garamond", "Palatino Linotype", "Times New Roman",
-    "Droid Serif", Times, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --sans-serif:
-    "Inter", -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue",
-    ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
-  --monospace: "Spline Sans Mono", Menlo, Consolas, monospace;
+  --serif: "Source Serif 4 Variable", ui-serif, serif;
+  --sans-serif: "Inter Variable", ui-sans-serif, sans-serif;
+  --monospace: "Spline Sans Mono Variable", Menlo, Consolas, monospace;
   --monospace-font: 14px/1.5 var(--monospace);
   --max-width: calc(1024px - 4 * 16px); /* max-w-5xl p-4 */
 }

package/dist/src/templates/default.html

@@ -5,24 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style type="text/css">
       @import url("observable:styles/index.css");
-      @import url("@fontsource/spline-sans-mono/400.css");
-      @import url("@fontsource/spline-sans-mono/600.css");
-      @import url("@fontsource/spline-sans-mono/700.css");
-      @import url("@fontsource/spline-sans-mono/400-italic.css");
-      @import url("@fontsource/spline-sans-mono/600-italic.css");
-      @import url("@fontsource/spline-sans-mono/700-italic.css");
-      @import url("@fontsource/source-serif-4/400.css");
-      @import url("@fontsource/source-serif-4/700.css");
-      @import url("@fontsource/source-serif-4/400-italic.css");
-      @import url("@fontsource/source-serif-4/700-italic.css");
-      @import url("@fontsource/inter/400.css");
-      @import url("@fontsource/inter/500.css");
-      @import url("@fontsource/inter/600.css");
-      @import url("@fontsource/inter/700.css");
-      @import url("@fontsource/inter/400-italic.css");
-      @import url("@fontsource/inter/500-italic.css");
-      @import url("@fontsource/inter/600-italic.css");
-      @import url("@fontsource/inter/700-italic.css");
+      @import url("@fontsource-variable/inter/wght.css");
+      @import url("@fontsource-variable/inter/wght-italic.css");
+      @import url("@fontsource-variable/source-serif-4/wght.css");
+      @import url("@fontsource-variable/source-serif-4/wght-italic.css");
+      @import url("@fontsource-variable/spline-sans-mono/wght.css");
+      @import url("@fontsource-variable/spline-sans-mono/wght-italic.css");
     </style>
   </head>
   <body>

package/dist/src/vite/observable.js

@@ -1,5 +1,5 @@
 import { fork, spawn } from "node:child_process";
-import { createWriteStream, existsSync } from "node:fs";
+import { createWriteStream, existsSync, unlinkSync } from "node:fs";
 import { mkdir, readFile } from "node:fs/promises";
 import { dirname, join, resolve } from "node:path";
 import { relative } from "node:path/posix";
@@ -78,7 +78,12 @@ export function observable({ window = new JSDOM().window, parser = new window.DO
                                 const child = fork(fileURLToPath(import.meta.resolve("../../bin/query.js")), args);
                                 await new Promise((resolve, reject) => {
                                     child.on("error", reject);
-                                    child.on("exit", resolve); // TODO check exit code
+                                    child.on("exit", (code) => {
+                                        if (code === 0)
+                                            return resolve();
+                                        unlinkSync(cachePath); // don’t pollute cache with failure
+                                        reject(new Error(`${cell.database} query exited with ${code}`));
+                                    });
                                 });
                             }
                             cell.mode = "js";
@@ -98,7 +103,12 @@ export function observable({ window = new JSDOM().window, parser = new window.DO
                             child.stdout.pipe(createWriteStream(cachePath));
                             await new Promise((resolve, reject) => {
                                 child.on("error", reject);
-                                child.on("exit", resolve); // TODO check exit code
+                                child.on("exit", (code) => {
+                                    if (code === 0)
+                                        return resolve();
+                                    unlinkSync(cachePath); // don’t pollute cache with failure
+                                    reject(new Error(`${mode} interpreter exited with ${code}`));
+                                });
                             });
                         }
                         if (format === "html" && !hidden) {
@@ -127,8 +137,12 @@ export function observable({ window = new JSDOM().window, parser = new window.DO
                     throw new Error("body not found");
                 return (`<!doctype html>` +
                     output.slice(0, i) +
-                    `<style type="text/css">
-@import url("observable:styles/theme-${notebook.theme}.css");
+                    `<style type="text/css">${typeof notebook.theme === "string"
+                        ? `
+@import url("observable:styles/theme-${notebook.theme}.css");`
+                        : `
+@import url("observable:styles/theme-${notebook.theme.light}.css") (prefers-color-scheme: light);
+@import url("observable:styles/theme-${notebook.theme.dark}.css") (prefers-color-scheme: dark);`}
 </style><script type="module">
 import {define} from "observable:runtime";${Array.from(assets)
                         .map((asset, i) => `

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/observablehq/notebook-kit.git"
   },
-  "version": "1.5.2",
+  "version": "1.6.0",
   "type": "module",
   "scripts": {
     "test": "vitest",
@@ -42,9 +42,9 @@
     "./*.css": "./dist/src/styles/*.css"
   },
   "dependencies": {
-    "@fontsource/inter": "^5.2.6",
-    "@fontsource/source-serif-4": "^5.2.8",
-    "@fontsource/spline-sans-mono": "^5.2.6",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource-variable/source-serif-4": "^5.2.9",
+    "@fontsource-variable/spline-sans-mono": "^5.2.8",
     "@lezer/common": "^1.2.3",
     "@lezer/css": "^1.2.1",
     "@lezer/highlight": "^1.2.1",
@@ -65,28 +65,28 @@
     "vite": "^7.0.0"
   },
   "devDependencies": {
-    "@databricks/sql": "^1.11.0",
+    "@databricks/sql": "^1.14.0",
     "@duckdb/node-api": "^1.3.2-alpha.26",
     "@eslint/js": "^9.29.0",
-    "@google-cloud/bigquery": "^8.1.1",
+    "@google-cloud/bigquery": "^8.3.0",
     "@types/jsdom": "^21.1.7",
     "@types/markdown-it": "^14.1.2",
     "bun-types": "^1.2.20",
     "eslint": "^9.29.0",
     "globals": "^16.2.0",
     "htl": "^0.3.1",
-    "postgres": "^3.4.7",
-    "snowflake-sdk": "^2.1.3",
+    "postgres": "^3.4.9",
+    "snowflake-sdk": "^2.4.0",
     "tsx": "^4.20.3",
     "typescript-eslint": "^8.35.0",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "@databricks/sql": "^1.11.0",
+    "@databricks/sql": "^1.14.0",
     "@duckdb/node-api": "^1.3.2-alpha.26",
-    "@google-cloud/bigquery": "^8.1.1",
-    "postgres": "^3.4.7",
-    "snowflake-sdk": "^2.1.3"
+    "@google-cloud/bigquery": "^8.3.0",
+    "postgres": "^3.4.9",
+    "snowflake-sdk": "^2.4.0"
   },
   "peerDependenciesMeta": {
     "@databricks/sql": {