@hpcc-js/observablehq-compiler 3.1.0 → 3.3.0

package/package.json

@@ -1,15 +1,19 @@
 {
     "name": "@hpcc-js/observablehq-compiler",
-    "version": "3.1.0",
+    "version": "3.3.0",
     "description": "hpcc-js - ObservableHQ Compiler (unoffical)",
     "type": "module",
+    "main": "./dist/index.umd.cjs",
+    "module": "./dist/index.js",
     "exports": {
         ".": {
             "types": "./types/index.d.ts",
-            "default": "./dist/index.js"
-        }
+            "import": "./dist/index.js",
+            "require": "./dist/index.umd.cjs"
+        },
+        "./dist/*": "./dist/*"
     },
-    "main": "./dist/index.js",
+    "browser": "./dist/index.umd.cjs",
     "types": "./types/index.d.ts",
     "files": [
         "dist/*",
@@ -20,14 +24,14 @@
         "ojscc": "bin/ojscc.mjs"
     },
     "scripts": {
-        "clean": "rimraf --glob lib* types dist dist-test *.tsbuildinfo .turbo",
-        "bundle": "node esbuild.js",
-        "bundle-watch": "npm run bundle -- --development --watch",
+        "clean": "rimraf --glob lib* types dist *.tsbuildinfo .turbo",
+        "bundle": "vite build",
+        "bundle-watch": "vite --port 5514",
         "gen-types": "tsc --project tsconfig.json",
         "gen-types-watch": "npm run gen-types -- --watch",
         "build": "run-p gen-types bundle",
-        "stamp": "node ../../node_modules/@hpcc-js/bundle/src/stamp.js",
         "lint": "eslint ./src",
+        "lint-fix": "eslint --fix src/**/*.ts",
         "docs": "typedoc --options tdoptions.json .",
         "test-browser": "vitest run --project browser",
         "test-node": "vitest run --project node",
@@ -35,15 +39,15 @@
         "test-bin": "node ./bin/ojscc.mjs --version",
         "test": "run-p test-both test-bin",
         "coverage": "vitest run --coverage",
-        "update": "npx -y npm-check-updates -u -t minor",
-        "update-major": "npx -y npm-check-updates -u"
+        "update": "npx --yes npm-check-updates -u -t minor",
+        "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
         "yargs": "17.7.2"
     },
     "devDependencies": {
-        "@hpcc-js/esbuild-plugins": "^1.2.0",
-        "@hpcc-js/observable-shim": "^3.1.0",
+        "@hpcc-js/esbuild-plugins": "^1.4.0",
+        "@observablehq/parser": "6.1.0",
         "@observablehq/runtime": "5.9.9"
     },
     "repository": {
@@ -65,5 +69,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization/tree/trunk/packages/observablehq-compiler",
-    "gitHead": "1fc4d0ad31fe8e30ae5348fdee67284df4c928ed"
+    "gitHead": "145a4d4c8189c70f08e9804e63959d6dd398bd9f"
 }

package/src/__package__.ts

@@ -1,3 +1,3 @@
 export const PKG_NAME = "@hpcc-js/observablehq-compiler";
-export const PKG_VERSION = "3.1.0";
-export const BUILD_VERSION = "2.107.0";
+export const PKG_VERSION = "3.2.0";
+export const BUILD_VERSION = "3.2.1";

package/src/compiler.ts

@@ -1,4 +1,4 @@
-import { ohq, splitModule } from "@hpcc-js/observable-shim";
+import { ohq, splitModule } from "./observable-shim.ts";
 import { parseCell, ParsedImportCell } from "./cst.ts";
 import { Writer } from "./writer.ts";
 import { fixRelativeUrl, isRelativePath, encodeBacktick, fetchEx, obfuscatedImport, ojs2notebook, omd2notebook } from "./util.ts";

package/src/cst.ts

@@ -1,4 +1,4 @@
-import { ancestor, parseCell as ohqParseCell, Cell, Node, walk, AncestorVisitors } from "@hpcc-js/observable-shim";
+import { ancestor, parseCell as ohqParseCell, Cell, Node, walk, AncestorVisitors } from "./observable-shim.ts";
 
 import { fixRelativeUrl, createFunction, Refs } from "./util.ts";
 

package/src/index.ts

@@ -1,4 +1,4 @@
-export type { ohq } from "@hpcc-js/observable-shim";
+export type { ohq } from "./observable-shim.ts";
 
 export * from "./compiler.ts";
 export { ojs2notebook, omd2notebook, download } from "./util.ts";

package/src/observable-shim.ts

@@ -0,0 +1,2 @@
+export type { ohq } from "./types.ts";
+export * from "./parse.ts";

package/src/parse.ts

@@ -0,0 +1,136 @@
+// Compare with ../../../node_modules/@observablehq/parser/src/parse.js
+import { getLineInfo, tokTypes, Statement, ModuleDeclaration, Expression as ExpressionBase, Node } from "acorn";
+import { ancestor, RecursiveVisitors, AncestorVisitors } from "acorn-walk";
+import { CellParser, parseCell as ohqParseCell, walk as ohqWalk } from "@observablehq/parser";
+import defaultGlobals from "../../../node_modules/@observablehq/parser/src/globals.js";
+import findReferences from "../../../node_modules/@observablehq/parser/src/references.js";
+import findFeatures from "../../../node_modules/@observablehq/parser/src/features.js";
+
+export interface MutableExpression extends Node {
+    type: "MutableExpression"
+}
+
+export interface ViewExpression extends Node {
+    type: "ViewExpression"
+}
+
+export type Expression = ExpressionBase | MutableExpression | ViewExpression;
+
+// Find references.
+// Check for illegal references to arguments.
+// Check for illegal assignments to global references.
+function parseReferences(cell, input, globals = defaultGlobals) {
+    if (!cell.body) {
+        cell.references = [];
+    } else if (cell.body.type === "ImportDeclaration") {
+        //  This is correct?!?
+        cell.references = cell.body.specifiers
+            ? cell.body.specifiers.map(i => i.imported)
+            : [];
+    } else {
+        try {
+            cell.references = findReferences(cell, globals);
+        } catch (error: any) {
+            if (error.node) {
+                const loc = getLineInfo(input, error.node.start);
+                error.message += ` (${loc.line}:${loc.column})`;
+                error.pos = error.node.start;
+                error.loc = loc;
+                delete error.node;
+            }
+            throw error;
+        }
+    }
+    return cell;
+}
+
+// Find features: file attachments, secrets, database clients.
+// Check for illegal references to arguments.
+// Check for illegal assignments to global references.
+function parseFeatures(cell, input) {
+    if (cell.body && cell.body.type !== "ImportDeclaration") {
+        try {
+            cell.fileAttachments = findFeatures(cell, "FileAttachment");
+            cell.databaseClients = findFeatures(cell, "DatabaseClient");
+            cell.secrets = findFeatures(cell, "Secret");
+        } catch (error: any) {
+            if (error.node) {
+                const loc = getLineInfo(input, error.node.start);
+                error.message += ` (${loc.line}:${loc.column})`;
+                error.pos = error.node.start;
+                error.loc = loc;
+                delete error.node;
+            }
+            throw error;
+        }
+    } else {
+        cell.fileAttachments = new Map();
+        cell.databaseClients = new Map();
+        cell.secrets = new Map();
+    }
+    return cell;
+}
+
+class ModuleParser extends CellParser {
+
+    parseTopLevel(node: { cells?: Cell[] }) {
+        if (!node.cells) node.cells = [];
+        // @ts-ignore
+        while (this.type !== tokTypes.eof) {
+            // @ts-ignore
+            const cell: Cell = this.parseCell(this.startNode());
+            // @ts-ignore
+            cell.input = this.input;
+            node.cells.push(cell);
+        }
+        // @ts-ignore
+        this.next();
+        // @ts-ignore
+        return this.finishNode(node, "Program");
+    }
+}
+
+// @ts-ignore
+export function parseModule(input, { globals }: { globals: any } = {}) {
+    // @ts-ignore
+    const program = ModuleParser.parse(input, { ecmaVersion: 2020 });
+    for (const cell of program.cells) {
+        parseReferences(cell, input, globals);
+        parseFeatures(cell, input);
+    }
+    return program;
+}
+
+export interface Cell extends Node {
+    type: "Cell";
+    id: Expression;
+    text: string;
+    body?: Statement | ModuleDeclaration | Expression;
+    references: unknown[];
+    async: boolean;
+    generator: boolean;
+    strict: boolean;
+}
+
+export function splitModule(input: string): Cell[] {
+    return (ModuleParser as any)
+        .parse(input, { ecmaVersion: "latest" })
+        .cells.map((cell: any) => ({
+            type: "Cell",
+            text: input.substring(cell.start, cell.end),
+            start: cell.start,
+            end: cell.end
+        }));
+}
+
+export {
+    type Node,
+    ancestor,
+    type AncestorVisitors
+};
+
+export function parseCell(input: string): Cell {
+    return ohqParseCell(input);
+}
+
+export const walk: RecursiveVisitors<any> = ohqWalk;

package/src/types.ts

@@ -0,0 +1,180 @@
+export namespace ohq {
+
+    //  ObservableHQ Notebook Format  ---
+    export interface Owner {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        type?: string;
+        tier?: string;
+    }
+
+    export interface Creator {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        tier?: string;
+    }
+
+    export interface Author {
+        id?: string;
+        avatar_url?: string;
+        name?: string;
+        login?: string;
+        bio?: string;
+        home_url?: string;
+        github_login?: string;
+        tier?: string;
+        approved?: boolean;
+        description?: string;
+    }
+
+    export interface Owner2 {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        type?: string;
+        tier?: string;
+    }
+
+    export interface Collection {
+        id?: string;
+        type?: string;
+        slug?: string;
+        title?: string;
+        description?: string;
+        update_time?: Date;
+        pinned?: boolean;
+        ordered?: boolean;
+        custom_thumbnail?: any;
+        default_thumbnail?: string;
+        thumbnail?: string;
+        listing_count?: number;
+        parent_collection_count?: number;
+        owner?: Owner2;
+    }
+
+    export interface File {
+        id?: string;
+        url: string;
+        download_url?: string;
+        name: string;
+        create_time?: Date;
+        status?: string;
+        size?: number;
+        mime_type?: string;
+        content_encoding?: string;
+    }
+
+    export interface User {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        tier?: string;
+    }
+
+    export interface Comment {
+        id?: string;
+        content?: string;
+        node_id?: number;
+        create_time?: Date;
+        update_time?: any;
+        resolved?: boolean;
+        user?: User;
+    }
+
+    export interface Node {
+        id: string | number;
+        mode: string;
+        value: string;
+        pinned?: boolean;   // Show source code?
+        data?: any;
+        name?: string;
+        //  NodeEx  ---
+        start?: number;
+        end?: number;
+        private?: boolean;
+        outputs?: string[];
+    }
+
+    export interface Notebook {
+        id?: string;
+        slug?: any;
+        trashed?: boolean;
+        description?: string;
+        likes?: number;
+        publish_level?: string;
+        forks?: number;
+        fork_of?: any;
+        update_time?: Date;
+        publish_time?: Date;
+        publish_version?: number;
+        latest_version?: number;
+        thumbnail?: string;
+        default_thumbnail?: string;
+        roles?: any[];
+        sharing?: any;
+        owner?: Owner;
+        creator?: Creator;
+        authors?: Author[];
+        collections?: Collection[];
+        files: File[];
+        comments?: Comment[];
+        commenting_lock?: any;
+        suggestion_from?: any;
+        suggestions_to?: any[];
+        version?: number;
+        title?: string;
+        license?: string;
+        copyright?: string;
+        nodes: Node[];
+        resolutions?: any[];
+    }
+
+    //  @observablehq/runtime API  ---
+    export type InspectorFactory = (name?: string) => Inspector;
+
+    export interface Inspector {
+        _node?: HTMLDivElement;
+        pending();
+        fulfilled(value);
+        rejected(error);
+    }
+
+    export interface Runtime {
+        fileAttachments(func: (name: string) => ohq.File): any;
+        module(define?, inspector?: InspectorFactory): Module;
+        dispose(): void;
+    }
+
+    export interface Module {
+        derive(specifiers: string[] | { name: string, alias: string }[], source: any);
+        import(name: string, alias: string | undefined, mod: Module): Variable;
+        builtin(name: string, _: any);
+        variable(inspector?: Inspector): Variable;
+        value(name: string): Promise<any>;
+    }
+
+    export interface Variable {
+        delete();
+        define(name?: string, inputs?: string[], definition?: any);
+        import(name: string, otherModule: ohq.Module);
+        import(name: string, alias: string, otherModule: ohq.Module);
+    }
+}

package/src/util.ts

@@ -1,5 +1,5 @@
-import type { ohq } from "@hpcc-js/observable-shim";
-import { parseCell, splitModule } from "@hpcc-js/observable-shim";
+import type { ohq } from "./observable-shim.ts";
+import { parseCell, splitModule } from "./observable-shim.ts";
 
 const FuncTypes = {
     functionType: Object.getPrototypeOf(function () { }).constructor,

package/src/writer.ts

@@ -1,4 +1,4 @@
-import { ohq } from "@hpcc-js/observable-shim";
+import { ohq } from "./observable-shim.ts";
 import { ParsedImportCell, ParsedVariable } from "./cst.ts";
 
 export class Writer {

package/types/compiler.d.ts

@@ -1,4 +1,4 @@
-import { ohq } from "@hpcc-js/observable-shim";
+import { ohq } from "./observable-shim.ts";
 import { Writer } from "./writer.ts";
 export type InspectorFactoryEx = (name: string | undefined, id: string | number) => Inspector;
 export interface Inspector {

package/types/index.d.ts

@@ -1,4 +1,4 @@
-export type { ohq } from "@hpcc-js/observable-shim";
+export type { ohq } from "./observable-shim.ts";
 export * from "./compiler.ts";
 export { ojs2notebook, omd2notebook, download } from "./util.ts";
 export * from "./writer.ts";

package/types/observable-shim.d.ts

@@ -0,0 +1,2 @@
+export type { ohq } from "./types.ts";
+export * from "./parse.ts";

package/types/parse.d.ts

@@ -0,0 +1,26 @@
+import { Statement, ModuleDeclaration, Expression as ExpressionBase, Node } from "acorn";
+import { ancestor, RecursiveVisitors, AncestorVisitors } from "acorn-walk";
+export interface MutableExpression extends Node {
+    type: "MutableExpression";
+}
+export interface ViewExpression extends Node {
+    type: "ViewExpression";
+}
+export type Expression = ExpressionBase | MutableExpression | ViewExpression;
+export declare function parseModule(input: any, { globals }?: {
+    globals: any;
+}): any;
+export interface Cell extends Node {
+    type: "Cell";
+    id: Expression;
+    text: string;
+    body?: Statement | ModuleDeclaration | Expression;
+    references: unknown[];
+    async: boolean;
+    generator: boolean;
+    strict: boolean;
+}
+export declare function splitModule(input: string): Cell[];
+export { type Node, ancestor, type AncestorVisitors };
+export declare function parseCell(input: string): Cell;
+export declare const walk: RecursiveVisitors<any>;

package/types/types.d.ts

@@ -0,0 +1,165 @@
+export declare namespace ohq {
+    interface Owner {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        type?: string;
+        tier?: string;
+    }
+    interface Creator {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        tier?: string;
+    }
+    interface Author {
+        id?: string;
+        avatar_url?: string;
+        name?: string;
+        login?: string;
+        bio?: string;
+        home_url?: string;
+        github_login?: string;
+        tier?: string;
+        approved?: boolean;
+        description?: string;
+    }
+    interface Owner2 {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        type?: string;
+        tier?: string;
+    }
+    interface Collection {
+        id?: string;
+        type?: string;
+        slug?: string;
+        title?: string;
+        description?: string;
+        update_time?: Date;
+        pinned?: boolean;
+        ordered?: boolean;
+        custom_thumbnail?: any;
+        default_thumbnail?: string;
+        thumbnail?: string;
+        listing_count?: number;
+        parent_collection_count?: number;
+        owner?: Owner2;
+    }
+    interface File {
+        id?: string;
+        url: string;
+        download_url?: string;
+        name: string;
+        create_time?: Date;
+        status?: string;
+        size?: number;
+        mime_type?: string;
+        content_encoding?: string;
+    }
+    interface User {
+        id?: string;
+        github_login?: string;
+        avatar_url?: string;
+        login?: string;
+        name?: string;
+        bio?: string;
+        home_url?: string;
+        tier?: string;
+    }
+    interface Comment {
+        id?: string;
+        content?: string;
+        node_id?: number;
+        create_time?: Date;
+        update_time?: any;
+        resolved?: boolean;
+        user?: User;
+    }
+    interface Node {
+        id: string | number;
+        mode: string;
+        value: string;
+        pinned?: boolean;
+        data?: any;
+        name?: string;
+        start?: number;
+        end?: number;
+        private?: boolean;
+        outputs?: string[];
+    }
+    interface Notebook {
+        id?: string;
+        slug?: any;
+        trashed?: boolean;
+        description?: string;
+        likes?: number;
+        publish_level?: string;
+        forks?: number;
+        fork_of?: any;
+        update_time?: Date;
+        publish_time?: Date;
+        publish_version?: number;
+        latest_version?: number;
+        thumbnail?: string;
+        default_thumbnail?: string;
+        roles?: any[];
+        sharing?: any;
+        owner?: Owner;
+        creator?: Creator;
+        authors?: Author[];
+        collections?: Collection[];
+        files: File[];
+        comments?: Comment[];
+        commenting_lock?: any;
+        suggestion_from?: any;
+        suggestions_to?: any[];
+        version?: number;
+        title?: string;
+        license?: string;
+        copyright?: string;
+        nodes: Node[];
+        resolutions?: any[];
+    }
+    type InspectorFactory = (name?: string) => Inspector;
+    interface Inspector {
+        _node?: HTMLDivElement;
+        pending(): any;
+        fulfilled(value: any): any;
+        rejected(error: any): any;
+    }
+    interface Runtime {
+        fileAttachments(func: (name: string) => ohq.File): any;
+        module(define?: any, inspector?: InspectorFactory): Module;
+        dispose(): void;
+    }
+    interface Module {
+        derive(specifiers: string[] | {
+            name: string;
+            alias: string;
+        }[], source: any): any;
+        import(name: string, alias: string | undefined, mod: Module): Variable;
+        builtin(name: string, _: any): any;
+        variable(inspector?: Inspector): Variable;
+        value(name: string): Promise<any>;
+    }
+    interface Variable {
+        delete(): any;
+        define(name?: string, inputs?: string[], definition?: any): any;
+        import(name: string, otherModule: ohq.Module): any;
+        import(name: string, alias: string, otherModule: ohq.Module): any;
+    }
+}

package/types/util.d.ts

@@ -1,4 +1,4 @@
-import type { ohq } from "@hpcc-js/observable-shim";
+import type { ohq } from "./observable-shim.ts";
 interface Ref {
     start: number;
     end: number;

package/types/writer.d.ts

@@ -1,4 +1,4 @@
-import { ohq } from "@hpcc-js/observable-shim";
+import { ohq } from "./observable-shim.ts";
 import { ParsedImportCell, ParsedVariable } from "./cst.ts";
 export declare class Writer {
     protected _files: ohq.File[];

package/dist/index.css

@@ -1,2 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";:root{--syntax-normal: #1b1e23;--syntax-comment: #828282;--syntax-number: #20a5ba;--syntax-keyword: #c30771;--syntax-atom: #10a778;--syntax-string: #008ec4;--syntax-error: #ffbedc;--syntax-unknown-variable: #838383;--syntax-known-variable: #005f87;--syntax-matchbracket: #20bbfc;--syntax-key: #6636b4;--mono-fonts: 82%/1.5 Menlo, Consolas, monospace}.observablehq--expanded,.observablehq--collapsed,.observablehq--function,.observablehq--import,.observablehq--string:before,.observablehq--string:after,.observablehq--gray{color:var(--syntax-normal)}.observablehq--collapsed,.observablehq--expanded.observablehq--inspect a{cursor:pointer}.observablehq--field{text-indent:-1em;margin-left:1em}.observablehq--empty{color:var(--syntax_comment)}a[href],.observablehq--keyword,.observablehq--blue{color:#3182bd}.hljs-deletion,.hljs-variable,.observablehq--forbidden,.observablehq--pink{color:#e377c2}.observablehq--orange{color:#e6550d}.observablehq--null,.observablehq--undefined,.observablehq--boolean,.hljs-literal{color:var(--syntax-atom)}.hljs-number,.hljs-regexp,.hljs-bullet,.hljs-link,.observablehq--bigint,.observablehq--number,.observablehq--date,.observablehq--regexp,.observablehq--symbol,.observablehq--green{color:var(--syntax-number)}.observablehq--index,.observablehq--key{color:var(--syntax-key)}.observablehq--prototype-key{color:#aaa}.observablehq--empty{font-style:oblique}.hljs-string,.hljs-meta,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-addition,.observablehq--string,.observablehq--purple{color:var(--syntax-string)}.observablehq--error,.observablehq--red{color:#e7040f}.observablehq:empty:after,.observablehq>link:only-child,.observablehq>style:only-child,.observablehq--inspect{font:var(--monospace-font);overflow-x:auto;display:block;padding:4px 0;white-space:pre}.observablehq--error .observablehq--inspect{word-break:break-all;white-space:pre-wrap}:root{--syntax-diff: #24292e;--syntax-diff-bg: #ffffff;--hr: rgba(0, 0, 0, .05);--monospace: Menlo, Consolas, monospace;--monospace-font: 14px/1.5 var(--monospace);--serif: "Source Serif Pro", "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: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif}html{font:17px/1.5 var(--serif);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1b1e23}body{margin:0 14px}body.fullscreen{margin:0}h1,h2,h3,h4,h5,h6{color:#333;font-weight:700;line-height:1.15;margin-top:0;margin-bottom:.25rem}h2~p,h3~p,h4~p,h2~table,h3~table,h4~table{margin-top:0}.observablehq:first-of-type h1+h2{font-size:20px;font-style:italic;font-weight:400;margin-bottom:1rem}a[href]{text-decoration:none}a[href]:hover{text-decoration:underline}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:90%}pre,code,tt{font-family:var(--monospace);font-size:14px;line-height:1.5}img{max-width:calc(100vw - 28px)}p,table,figure,figcaption,h1,h2,h3,h4,h5,h6,.katex-display{max-width:640px}blockquote,ol,ul{max-width:600px}blockquote{margin:1rem 1.5rem}ul,ol{padding-left:28px}hr{height:1px;margin:1rem 0;padding:1rem 0;border:none;background:no-repeat center/100% 1px linear-gradient(to right,var(--hr),var(--hr))}pre{padding:2px 0}.observablehq--md-pre{overflow-x:auto}input:not([type]),input[type=email],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=url]{width:240px}input,canvas,button{vertical-align:middle}button,input,textarea{accent-color:#3b5fc0}table{width:100%;border-collapse:collapse;font:13px/1.2 var(--sans-serif)}table pre,table code,table tt{font-size:inherit;line-height:inherit}th>pre:only-child,td>pre:only-child{margin:0;padding:0}th{color:#111;text-align:left;vertical-align:bottom}td{color:#444;vertical-align:top}th,td{padding:3px 6.5px 3px 0}th:last-child,td:last-child{padding-right:0}tr:not(:last-child){border-bottom:solid 1px #eee}thead tr{border-bottom:solid 1px #ccc}figure,table{margin:1rem 0}figure img{max-width:100%}figcaption{font:small var(--sans-serif);color:var(--syntax-unknown-variable)}.observablehq--caret{margin-right:4px;vertical-align:baseline}.observablehq--field{text-indent:-1rem;margin-left:1rem}.observablehq--prototype-key,.observablehq--empty,.hljs-comment{color:var(--syntax-comment)}.hljs-built_in{color:var(--syntax-known-variable)}.observablehq--unknown{color:var(--syntax-unknown-variable)}.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-doctag,.hljs-type,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-strong{color:var(--syntax-keyword)}.observablehq{position:relative;margin:17px 0;min-height:1.5rem}.observablehq:before{content:"";position:absolute;left:-14px;top:0;bottom:1px;width:4px;transition:background-color .25s linear}.observablehq--running:before,.observablehq--changed:before{background-color:#a9b0bc;transition:none}.observablehq--error:before{background-color:#e7040f}.observablehq:not(.observablehq--running):empty:after{content:"<detached>";color:var(--syntax-comment);font-style:oblique}.observablehq>link:only-child,.observablehq>style:only-child{visibility:hidden;white-space:nowrap;color:var(--syntax-keyword)}.observablehq>link:only-child:before{content:"<link>";visibility:visible;text-decoration:none;pointer-events:none}.observablehq>style:only-child:before{content:"<style>";visibility:visible}.observablehq--inspect.observablehq--import{white-space:normal}.observablehq--inspect::-webkit-scrollbar{display:none}.observablehq--string-expand{margin-left:6px;padding:2px 6px;border-radius:2px;font-size:80%;background:#eee;color:var(--syntax-normal);cursor:pointer;vertical-align:middle;position:sticky;right:0}.observablehq--string-expand:hover,.observablehq--string-expand:active{background:#ddd}
-/*# sourceMappingURL=index.css.map */