@observablehq/notebook-kit 1.0.0

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

@@ -0,0 +1,12 @@
+export declare const aapl: () => Promise<any>;
+export declare const alphabet: () => Promise<any>;
+export declare const cars: () => Promise<any>;
+export declare const citywages: () => Promise<any>;
+export declare const diamonds: () => Promise<any>;
+export declare const flare: () => Promise<any>;
+export declare const industries: () => Promise<any>;
+export declare const miserables: () => Promise<any>;
+export declare const olympians: () => Promise<any>;
+export declare const penguins: () => Promise<any>;
+export declare const pizza: () => Promise<any>;
+export declare const weather: () => Promise<any>;

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

@@ -0,0 +1,31 @@
+export const aapl = () => csv(dataset("aapl.csv"), true);
+export const alphabet = () => csv(dataset("alphabet.csv"), true);
+export const cars = () => csv(dataset("cars.csv"), true);
+export const citywages = () => csv(dataset("citywages.csv"), true);
+export const diamonds = () => csv(dataset("diamonds.csv"), true);
+export const flare = () => csv(dataset("flare.csv"), true);
+export const industries = () => csv(dataset("industries.csv"), true);
+export const miserables = () => json(dataset("miserables.json"));
+export const olympians = () => csv(dataset("olympians.csv"), true);
+export const penguins = () => csv(dataset("penguins.csv"), true);
+export const pizza = () => csv(dataset("pizza.csv"), true);
+export const weather = () => csv(dataset("weather.csv"), true);
+function dataset(name) {
+    return `https://cdn.jsdelivr.net/npm/@observablehq/sample-datasets/${name}`;
+}
+async function json(url) {
+    const response = await fetch(url);
+    if (!response.ok)
+        throw new Error(`unable to fetch ${url}: status ${response.status}`);
+    return response.json();
+}
+async function text(url) {
+    const response = await fetch(url);
+    if (!response.ok)
+        throw new Error(`unable to fetch ${url}: status ${response.status}`);
+    return response.text();
+}
+async function csv(url, typed) {
+    const [contents, d3] = await Promise.all([text(url), import("npm:d3-dsv")]);
+    return d3.csvParse(contents, typed && d3.autoType);
+}

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

@@ -0,0 +1,5 @@
+type Template = (template: TemplateStringsArray, ...values: unknown[]) => Promise<unknown>;
+export declare function __sql(db: {
+    sql: Template;
+}, render: (data: unknown) => unknown): Template;
+export {};

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

@@ -0,0 +1,5 @@
+export function __sql(db, render) {
+    return (template, ...values) => {
+        return db.sql.call(db, template, ...values).then(render);
+    };
+}

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

@@ -0,0 +1,7 @@
+export type TemplateRenderer<T = Node> = (template: readonly string[], ...values: any[]) => T;
+export type RawTemplateRenderer<T = Node> = (template: {
+    raw: readonly string[];
+}, ...values: any[]) => T;
+export type AsyncRawTemplateRenderer<T = Node> = (template: {
+    raw: readonly string[];
+}, ...values: any[]) => Promise<T>;

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

@@ -0,0 +1,2 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export {};

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

@@ -0,0 +1,7 @@
+import type { RawTemplateRenderer } from "./template.js";
+export declare const tex: RawTemplateRenderer & {
+    options: typeof renderer;
+    block: RawTemplateRenderer;
+};
+declare function renderer(options?: any): RawTemplateRenderer;
+export {};

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

@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import katex from "npm:katex";
+const link = document.createElement("link");
+link.href = "https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css";
+link.rel = "stylesheet";
+document.head.appendChild(link);
+export const tex = Object.assign(renderer(), {
+    options: renderer,
+    block: renderer({ displayMode: true })
+});
+function renderer(options) {
+    return function (template, ...values) {
+        const source = String.raw.call(String, template, ...values);
+        const root = document.createElement("div");
+        katex.render(source, root, { ...options, output: "html" });
+        return root.removeChild(root.firstChild);
+    };
+}

package/dist/src/runtime/stdlib/vega-lite.d.ts

@@ -0,0 +1 @@
+export declare const vl: any;

package/dist/src/runtime/stdlib/vega-lite.js

@@ -0,0 +1,4 @@
+import * as vega from "npm:vega";
+import * as vegaLite from "npm:vega-lite";
+import * as vegaLiteApi from "npm:vega-lite-api";
+export const vl = vegaLiteApi.register(vega, vegaLite);

package/dist/src/styles/abstract-dark.css

@@ -0,0 +1,14 @@
+@import url("./syntax-dark.css");
+
+:root {
+  --theme-background-a: color-mix(in srgb, var(--theme-foreground) 4%, var(--theme-background-b));
+  --theme-background: var(--theme-background-a);
+  --theme-background-alt: var(--theme-background-b);
+  --theme-foreground-alt: color-mix(in srgb, var(--theme-foreground) 90%, var(--theme-background-b));
+  --theme-foreground-muted: color-mix(in srgb, var(--theme-foreground) 60%, var(--theme-background-b));
+  --theme-foreground-faint: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-b));
+  --theme-foreground-fainter: color-mix(in srgb, var(--theme-foreground) 30%, var(--theme-background-b));
+  --theme-foreground-faintest: color-mix(in srgb, var(--theme-foreground) 14%, var(--theme-background-b));
+  --theme-error: #e7040f;
+  color-scheme: dark;
+}

package/dist/src/styles/abstract-light.css

@@ -0,0 +1,14 @@
+@import url("./syntax-light.css");
+
+:root {
+  --theme-background-b: color-mix(in srgb, var(--theme-foreground) 4%, var(--theme-background-a));
+  --theme-background: var(--theme-background-a);
+  --theme-background-alt: var(--theme-background-b);
+  --theme-foreground-alt: color-mix(in srgb, var(--theme-foreground) 90%, var(--theme-background-a));
+  --theme-foreground-muted: color-mix(in srgb, var(--theme-foreground) 60%, var(--theme-background-a));
+  --theme-foreground-faint: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
+  --theme-foreground-fainter: color-mix(in srgb, var(--theme-foreground) 30%, var(--theme-background-a));
+  --theme-foreground-faintest: color-mix(in srgb, var(--theme-foreground) 14%, var(--theme-background-a));
+  --theme-error: #e7040f;
+  color-scheme: light;
+}

package/dist/src/styles/global.css

@@ -0,0 +1,266 @@
+: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;
+  --monospace-font: 14px/1.5 var(--monospace);
+  --max-width: calc(1024px - 4 * 16px); /* max-w-5xl p-4 */
+}
+
+html {
+  font: 17px/1.5 var(--serif);
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background: var(--theme-background);
+  color: var(--theme-foreground);
+  margin-top: 16px;
+  padding: 16px 24px;
+}
+
+body {
+  margin: auto;
+  max-width: var(--max-width);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--theme-foreground-alt);
+  font-weight: 700;
+  line-height: 1.15;
+  margin-top: 0;
+  margin-bottom: 0.25rem;
+  text-wrap: balance;
+}
+
+h2 + p,
+h3 + p,
+h4 + p,
+h2 + table,
+h3 + table,
+h4 + table {
+  margin-top: 0;
+}
+
+.observablehq:first-of-type h1 + h2 {
+  color: var(--theme-foreground);
+  font-size: 20px;
+  font-style: italic;
+  font-weight: normal;
+  margin-bottom: 1rem; /* see h2 ~ p */
+}
+
+a[href] {
+  color: var(--theme-foreground-focus);
+  text-decoration: none;
+}
+
+a[href]:hover,
+a[href]:focus {
+  text-decoration: underline;
+}
+
+pre,
+code,
+tt {
+  font-family: var(--monospace);
+  font-size: 82.35294117%; /* from 17px to 14px */
+}
+
+pre code,
+figcaption code {
+  font-size: inherit;
+}
+
+pre[data-language] {
+  position: relative;
+}
+
+pre[data-language]::before {
+  content: attr(data-language);
+  float: right;
+  margin: -4px -8px -4px -4px;
+  padding: 4px;
+  font-size: 12px;
+  line-height: 21px;
+  color: var(--theme-foreground-muted);
+}
+
+h1 code,
+h2 code,
+h3 code,
+h4 code,
+h5 code,
+h6 code {
+  font-size: 88.235294117%; /* from 17px to 15px */
+}
+
+h2[id] a[href],
+h3[id] a[href] {
+  color: inherit;
+}
+
+pre {
+  line-height: 1.5;
+}
+
+img {
+  max-width: 100%;
+}
+
+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(--theme-foreground-faintest), var(--theme-foreground-faintest));
+}
+
+pre {
+  background-color: var(--theme-background-alt);
+  border-radius: 4px;
+  margin: 1rem -1rem;
+  /* max-width: 960px; */
+  min-height: 1.5em;
+  padding: 4px 1rem;
+  overflow-x: auto;
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
+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: var(--theme-foreground-focus);
+}
+
+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: var(--theme-foreground);
+  text-align: left;
+  vertical-align: bottom;
+}
+
+td {
+  color: var(--theme-foreground-alt);
+  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 var(--theme-foreground-faintest);
+}
+
+thead tr {
+  border-bottom: solid 1px var(--theme-foreground-fainter);
+}
+
+figure,
+table {
+  margin: 1rem 0;
+}
+
+figure img {
+  max-width: 100%;
+}
+
+figure > h2,
+figure > h3 {
+  font-family: var(--sans-serif);
+}
+
+figure > h2 {
+  font-size: 20px;
+}
+
+figure > h3 {
+  font-size: 16px;
+  font-weight: normal;
+}
+
+figcaption {
+  font: small var(--sans-serif);
+  color: var(--theme-foreground-muted);
+}

package/dist/src/styles/highlight.css

@@ -0,0 +1,47 @@
+.tok-link {
+  color: var(--syntax-link);
+}
+
+.tok-strong {
+  font-weight: 600;
+}
+
+.tok-emphasis {
+  font-style: italic;
+}
+
+.tok-keyword {
+  color: var(--syntax-keyword);
+}
+
+.tok-atom {
+  color: var(--syntax-atom);
+}
+
+.tok-literal {
+  color: var(--syntax-literal);
+}
+
+.tok-string {
+  color: var(--syntax-string);
+}
+
+.tok-comment {
+  color: var(--syntax-comment);
+}
+
+.tok-invalid {
+  color: var(--syntax-invalid);
+}
+
+.tok-variable {
+  color: var(--syntax-variable);
+}
+
+.tok-definition {
+  color: var(--syntax-definition);
+}
+
+.tok-meta {
+  color: var(--syntax-meta);
+}

package/dist/src/styles/index.css

@@ -0,0 +1,14 @@
+/* Copyright 2025 Observable, Inc. */
+
+@import url("./global.css");
+@import url("./inspector.css");
+@import url("./highlight.css");
+@import url("./plot.css");
+
+.observablehq--cell:empty {
+  min-height: 0;
+}
+
+.observablehq--cell:not(:empty) + pre {
+  margin-top: -11px;
+}

package/dist/src/styles/inspector.css

@@ -0,0 +1,89 @@
+.observablehq--collapsed,
+.observablehq--expanded.observablehq--inspect a {
+  cursor: pointer;
+}
+
+.observablehq--caret {
+  margin-right: 4px;
+  vertical-align: baseline;
+}
+
+.observablehq--field {
+  text-indent: -1rem;
+  margin-left: 1rem;
+}
+
+.observablehq--inspect {
+  font: var(--monospace-font);
+  overflow-x: auto;
+  white-space: pre;
+  display: block;
+  padding: 2px 0;
+}
+
+.observablehq--inspect.observablehq--import {
+  white-space: normal;
+}
+
+.observablehq--inspect::-webkit-scrollbar {
+  display: none;
+}
+
+.observablehq--error .observablehq--inspect {
+  word-break: break-all;
+  white-space: pre-wrap;
+}
+
+.observablehq--string-expand {
+  margin-left: 6px;
+  padding: 2px 6px;
+  border-radius: 2px;
+  font-size: 80%;
+  background: var(--theme-background-alt);
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+.observablehq--keyword {
+  color: var(--syntax-keyword);
+}
+
+.observablehq--index,
+.observablehq--key {
+  color: var(--syntax-definition);
+}
+
+.observablehq--symbol,
+.observablehq--regexp,
+.observablehq--string {
+  color: var(--syntax-string);
+}
+
+.observablehq--null {
+  color: var(--syntax-keyword);
+}
+
+.observablehq--undefined {
+  color: var(--syntax-variable);
+}
+
+.observablehq--prototype-key {
+  color: var(--syntax-comment);
+}
+
+.observablehq--bigint,
+.observablehq--boolean,
+.observablehq--date,
+.observablehq--forbidden,
+.observablehq--number {
+  color: var(--syntax-literal);
+}
+
+.observablehq--error {
+  color: var(--theme-error);
+}
+
+.observablehq--cell {
+  margin: 17px 0;
+  min-height: 1px; /* prevent margin collapse when empty */
+}

package/dist/src/styles/plot.css

@@ -0,0 +1,7 @@
+.plot-d6a7b5 {
+  --plot-background: var(--theme-background);
+}
+
+p .plot-d6a7b5 {
+  display: inline-block;
+}

package/dist/src/styles/syntax-dark.css

@@ -0,0 +1,12 @@
+:root {
+  --syntax-link: var(--theme-foreground-focus);
+  --syntax-keyword: #ffa657;
+  --syntax-atom: #a5d6ff;
+  --syntax-literal: #d2a8ff;
+  --syntax-string: #7ee787;
+  --syntax-comment: var(--theme-foreground-muted);
+  --syntax-invalid: var(--theme-error);
+  --syntax-definition: #79c0ff;
+  --syntax-variable: var(--theme-foreground-alt);
+  --syntax-meta: #ff7b72;
+}

package/dist/src/styles/syntax-light.css

@@ -0,0 +1,12 @@
+:root {
+  --syntax-link: var(--theme-foreground-focus);
+  --syntax-keyword: #e36209;
+  --syntax-atom: #032f62;
+  --syntax-literal: #6f42c1;
+  --syntax-string: #22863a;
+  --syntax-comment: var(--theme-foreground-muted);
+  --syntax-invalid: var(--theme-error);
+  --syntax-definition: #005cc5;
+  --syntax-variable: var(--theme-foreground-alt);
+  --syntax-meta: #d73a49;
+}

package/dist/src/styles/theme-air.css

@@ -0,0 +1,7 @@
+@import url("./abstract-light.css");
+
+:root {
+  --theme-foreground: #1b1e23;
+  --theme-foreground-focus: #3b5fc0;
+  --theme-background-a: #ffffff;
+}

package/dist/src/styles/theme-coffee.css

@@ -0,0 +1,7 @@
+@import url("./abstract-dark.css");
+
+:root {
+  --theme-foreground: #dcd2ca;
+  --theme-foreground-focus: #ffc4a3;
+  --theme-background-b: #140f0c;
+}

package/dist/src/styles/theme-cotton.css

@@ -0,0 +1,7 @@
+@import url("./abstract-light.css");
+
+:root {
+  --theme-foreground: #473d3a;
+  --theme-foreground-focus: #5028c1;
+  --theme-background-a: #efeee9;
+}

package/dist/src/styles/theme-deep-space.css

@@ -0,0 +1,16 @@
+@import url("./syntax-dark.css");
+
+:root {
+  --theme-foreground: #e6e6e6;
+  --theme-foreground-focus: #bd89ff;
+  --theme-background-a: #000000;
+  --theme-background-b: color-mix(in srgb, var(--theme-foreground) 6%, var(--theme-background-a));
+  --theme-background: var(--theme-background-a);
+  --theme-background-alt: var(--theme-background-b);
+  --theme-foreground-alt: color-mix(in srgb, var(--theme-foreground) 90%, var(--theme-background-a));
+  --theme-foreground-muted: color-mix(in srgb, var(--theme-foreground) 60%, var(--theme-background-a));
+  --theme-foreground-faint: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
+  --theme-foreground-fainter: color-mix(in srgb, var(--theme-foreground) 30%, var(--theme-background-a));
+  --theme-foreground-faintest: color-mix(in srgb, var(--theme-foreground) 14%, var(--theme-background-a));
+  color-scheme: dark;
+}

package/dist/src/styles/theme-glacier.css

@@ -0,0 +1,7 @@
+@import url("./abstract-light.css");
+
+:root {
+  --theme-foreground: #1c3957;
+  --theme-foreground-focus: #d75c48;
+  --theme-background-a: #f4faff;
+}

package/dist/src/styles/theme-ink.css

@@ -0,0 +1,7 @@
+@import url("./abstract-dark.css");
+
+:root {
+  --theme-foreground: #ebebeb;
+  --theme-foreground-focus: oklch(0.712564 0.257662 265.758);
+  --theme-background-b: #212121;
+}

package/dist/src/styles/theme-midnight.css

@@ -0,0 +1,7 @@
+@import url("./abstract-dark.css");
+
+:root {
+  --theme-foreground: #ebebeb;
+  --theme-foreground-focus: oklch(0.712564 0.257662 265.758);
+  --theme-background-b: #0d0d0d;
+}

package/dist/src/styles/theme-near-midnight.css

@@ -0,0 +1,7 @@
+@import url("./abstract-dark.css");
+
+:root {
+  --theme-foreground: #dfdfd6;
+  --theme-foreground-focus: oklch(0.712564 0.257662 265.758);
+  --theme-background-b: #161616;
+}

package/dist/src/styles/theme-ocean-floor.css

@@ -0,0 +1,7 @@
+@import url("./abstract-dark.css");
+
+:root {
+  --theme-foreground: #dcdcee;
+  --theme-foreground-focus: #81a9f6;
+  --theme-background-b: #0b0b16;
+}

package/dist/src/styles/theme-parchment.css

@@ -0,0 +1,7 @@
+@import url("./abstract-light.css");
+
+:root {
+  --theme-foreground: #4a413a;
+  --theme-foreground-focus: #ad521f;
+  --theme-background-a: #f9f0ea;
+}