@polyxd/ds-kit 0.2.2 → 0.3.0

package/NOTICE

@@ -135,6 +135,19 @@ Upstream: https://github.com/adobe/spectrum-tokens
 
 Vendored under `packages/ds-spectrum/scripts/sources/`, with the upstream licence file beside it.
 
+## Template packs
+
+Twelve packs are original Polyxd templates, not readings of any design system:
+`@polyxd/ds-sketch`, `@polyxd/ds-wireframe`, `@polyxd/ds-editorial`,
+`@polyxd/ds-brutalist`, `@polyxd/ds-glass`, `@polyxd/ds-terminal`,
+`@polyxd/ds-pastel`, `@polyxd/ds-civic`, `@polyxd/ds-finance`,
+`@polyxd/ds-health`, `@polyxd/ds-neon` and `@polyxd/ds-mono`. Every value in
+them was chosen for the template, they vendor nothing, and they are Apache-2.0
+like the rest of Polyxd. The typefaces some of them name (Caveat, Patrick Hand,
+Fraunces, Nunito, JetBrains Mono, Space Grotesk) are under the SIL Open Font
+License and are loaded from Google Fonts by the page that uses them, never
+distributed here.
+
 ## Specification
 
 ### A2UI

package/README.md

@@ -0,0 +1,37 @@
+# @polyxd/ds-kit
+
+The `polyxd` command, and the shared parts of building a Polyxd design-system pack: reading CSS custom properties, converting values to DTCG, writing the tiers and the manifest.
+
+```sh
+npx polyxd pack ./src/tokens.css                  # a pack from your tokens, plus a mapping to correct
+npx polyxd check ./ds-acme/manifest.json          # the pack against the semantic token contract
+npx polyxd studio push ./ --to https://studio.polyxd.com/api/w/acme
+npx polyxd dev ./screens                          # preview the documents in a folder as you edit them
+```
+
+## polyxd dev
+
+A local preview for people who write Polyxd documents in their editor.
+
+```sh
+npx polyxd dev [dir] [--port 4310] [--theme material3] [--data <file.json>] [--pack <manifest.json|theme.css>] [--verify] [--open]
+```
+
+It watches `dir` (default: the current folder) for documents: a JSON file with `specVersion` and `components`, or an intent-shaped file with a `document` inside (the document and its `data` are used). A document without embedded data takes `<name>.data.json` beside it, else the file given with `--data`. Packs, registries, reports and other JSON are ignored.
+
+The page at `http://localhost:4310/` lists the documents with a dot for the static check (green clean, amber warnings, red errors), renders the selected one with the real renderer, and lets you switch between all built-in packs (plus one of yours with `--pack`), light and dark, phone, tablet and desktop widths with a draggable edge, and density. Beside the surface: the static check's issues, run in the page with `@polyxd/spec/browser` against the data (a binding that reads nothing is a warning); the document JSON with a copy button; the data, and the data as edited in the surface; and a log of the actions the surface dispatches, with their context resolved. Save any file and the surface reloads in place, keeping your selection and controls.
+
+`--verify` adds a button that runs the full verifier for the selected document (13 packs × light/dark × 390/1100 with axe and the layout check) and streams its output into the panel. It needs `@polyxd/verifier` installed (`npm install -D @polyxd/verifier && npx playwright install chromium`).
+
+The renderer comes from `@polyxd/react/preview`, a single script and stylesheet with React, the renderer, the validator and every theme, so nothing is built on your side. Everything else is Node: `http`, `fs.watch`, and server-sent events.
+
+## Library
+
+```ts
+import { cssVars, resolveVars, length, duration, bezier, shadowLayers, writePack } from "@polyxd/ds-kit";
+import { inferMapping } from "@polyxd/ds-kit/infer";
+```
+
+`cssVars` reads every custom property under the selectors you choose, `resolveVars` follows `var()` references, the converters turn CSS values into DTCG dimensions, durations, easings and shadows, and `writePack` writes the tiers, the manifest and a package.json. `inferMapping` guesses which of your variables fill which contract tokens, from their names and, failing that, by measuring them; `polyxd pack` is built on it.
+
+[Docs](https://polyxd.com/docs/your-design-system/) · [Polyxd](https://polyxd.com) · [Source](https://github.com/visualfart/polyxd)

package/dist/dev-pack.d.ts

@@ -0,0 +1,9 @@
+export interface PackCss {
+    /** The value the surface's data-pxd-theme attribute takes. */
+    name: string;
+    css: string;
+}
+/** CSS declarations for one resolved token; composite typography expands into its parts. */
+export declare function declarations(name: string, type: string, value: unknown): [string, string][];
+/** A pack as theme CSS: from its manifest (compiled here) or from a stylesheet (served as is). */
+export declare function packCss(path: string): Promise<PackCss>;

package/dist/dev-pack.js

@@ -0,0 +1,100 @@
+/**
+ * `polyxd dev --pack`: a pack of your own in the preview's pack switcher, next to the built-in ones.
+ *
+ * Takes a manifest (what `polyxd pack` writes) and compiles its semantic tier to the CSS variables
+ * the renderer reads, the way @polyxd/react's theme build does; or an already compiled theme
+ * stylesheet, served as it is.
+ */
+import { readFile } from "node:fs/promises";
+import { basename } from "node:path";
+import { loadContract, loadDesignSystem } from "@polyxd/spec";
+const cssVar = (token) => `--pxd-${token.replace(/\./g, "-")}`;
+const dim = (v) => (typeof v === "object" && v && "unit" in v ? `${v.value}${v.unit}` : String(v));
+function color(v) {
+    if (typeof v === "string")
+        return v;
+    const c = v;
+    if (c.alpha !== undefined && c.alpha < 1 && c.colorSpace === "srgb") {
+        const [r, g, b] = c.components.map((x) => Math.round(x * 255));
+        return `rgb(${r} ${g} ${b} / ${c.alpha})`;
+    }
+    return c.hex ?? `color(${c.colorSpace} ${c.components.join(" ")})`;
+}
+const GENERIC = /^(serif|sans-serif|monospace|cursive|fantasy|system-ui|ui-sans-serif|ui-serif|ui-monospace|ui-rounded|math|emoji|fangsong|-apple-system|BlinkMacSystemFont)$/;
+function family(v) {
+    const names = (Array.isArray(v) ? v : String(v).split(",")).map((f) => String(f).trim().replace(/^["']|["']$/g, ""));
+    const css = names.map((f) => (GENERIC.test(f) || /^[A-Za-z_][\w-]*$/.test(f) ? f : `"${f}"`));
+    if (!names.some((f) => /^(serif|sans-serif|monospace|system-ui|ui-sans-serif|ui-serif|ui-monospace)$/.test(f)))
+        css.push("system-ui", "sans-serif");
+    return css.join(", ");
+}
+/** CSS declarations for one resolved token; composite typography expands into its parts. */
+export function declarations(name, type, value) {
+    const v = cssVar(name);
+    switch (type) {
+        case "color":
+            return [[v, color(value)]];
+        case "dimension":
+        case "duration":
+            return [[v, dim(value)]];
+        case "number":
+            return [[v, String(value)]];
+        case "cubicBezier":
+            return [[v, `cubic-bezier(${value.join(", ")})`]];
+        case "shadow": {
+            const one = (s) => `${s.inset ? "inset " : ""}${dim(s.offsetX)} ${dim(s.offsetY)} ${dim(s.blur)} ${dim(s.spread)} ${color(s.color)}`;
+            return [[v, Array.isArray(value) ? value.map(one).join(", ") : one(value)]];
+        }
+        case "fontFamily":
+            return [[v, family(value)]];
+        case "typography": {
+            const t = value;
+            return [
+                [`${v}-family`, family(t.fontFamily)],
+                [`${v}-size`, dim(t.fontSize)],
+                [`${v}-weight`, String(t.fontWeight)],
+                [`${v}-line-height`, dim(t.lineHeight)],
+                [`${v}-letter-spacing`, t.letterSpacing === undefined ? "normal" : dim(t.letterSpacing)],
+            ];
+        }
+        default:
+            return [[v, String(value)]];
+    }
+}
+/** A pack as theme CSS: from its manifest (compiled here) or from a stylesheet (served as is). */
+export async function packCss(path) {
+    if (path.endsWith(".css")) {
+        const css = await readFile(path, "utf8");
+        const named = /data-pxd-theme=["']?([a-z0-9-]+)/i.exec(css);
+        return { name: named?.[1] ?? basename(path, ".css"), css };
+    }
+    const [{ manifest, modes }, contract] = await Promise.all([loadDesignSystem(path), loadContract()]);
+    const blocks = [`/* ${manifest.name}, compiled by polyxd dev from ${basename(path)} */`];
+    const missing = [];
+    for (const [mode, tokens] of modes) {
+        const lines = [];
+        for (const name of Object.keys(contract.tokens)) {
+            const t = tokens.get(name);
+            if (!t) {
+                missing.push(`${mode}: ${name}`);
+                continue;
+            }
+            for (const [k, val] of declarations(name, t.type, t.value))
+                lines.push(`  ${k}: ${val};`);
+        }
+        for (const [k, v] of Object.entries(manifest.layout ?? {}))
+            lines.push(`  --pxd-layout-${k}: ${v};`);
+        lines.push(`  color-scheme: ${mode === "dark" ? "dark" : "light"};`);
+        const selector = modes.size === 1
+            ? `[data-pxd-theme="${manifest.name}"]`
+            : mode === manifest.defaultMode
+                ? `[data-pxd-theme="${manifest.name}"]:not([data-pxd-mode]),\n[data-pxd-theme="${manifest.name}"][data-pxd-mode="${mode}"]`
+                : `[data-pxd-theme="${manifest.name}"][data-pxd-mode="${mode}"]`;
+        blocks.push(`${selector} {\n${lines.join("\n")}\n}`);
+    }
+    // A pack still being drafted renders with what it has; the contract check is `polyxd check`'s job.
+    if (missing.length)
+        blocks.push(`/* ${missing.length} contract token(s) not in this pack: ${missing.slice(0, 8).join(", ")}${missing.length > 8 ? ", …" : ""} */`);
+    return { name: manifest.name, css: blocks.join("\n\n") + "\n" };
+}
+//# sourceMappingURL=dev-pack.js.map

package/dist/dev-pack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-pack.js","sourceRoot":"","sources":["../src/dev-pack.ts"],"names":[],"mappings":"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"}

package/dist/dev-page.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The `polyxd dev` page: plain HTML, CSS and JS shipped with the package, so a preview needs no
+ * build step on the author's side. Its chrome is in the system font; only the surface is in the
+ * pack's. Everything it knows about the folder comes from /api/documents and the event stream.
+ */
+export interface PageOptions {
+    dir: string;
+    /** The pack selected on first open. */
+    theme: string;
+    /** A pack added with --pack, by name. */
+    pack?: string;
+    verify: boolean;
+    /** Whether the renderer bundle is installed. */
+    bundle: boolean;
+    themes: string[];
+}
+export declare function devPage(options: PageOptions): string;

package/dist/dev-page.js

@@ -0,0 +1,359 @@
+export function devPage(options) {
+    return PAGE.replace("__OPTIONS__", JSON.stringify(options).replace(/</g, "\\u003c"));
+}
+const PAGE = `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>polyxd dev</title>
+<link rel="stylesheet" href="/preview/polyxd.css">
+<link rel="stylesheet" href="/pack.css" id="packcss">
+<style>
+  :root { color-scheme: light; --bg: #f4f4f6; --panel: #ffffff; --line: #dcdce2; --ink: #1c1c22; --muted: #6a6a75; --accent: #3554d1; --ok: #2e9e5b; --warn: #d99a1b; --err: #d0392b; }
+  * { box-sizing: border-box; }
+  html, body { height: 100%; margin: 0; }
+  body { font: 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: var(--bg); display: flex; flex-direction: column; }
+  button, select { font: inherit; color: inherit; }
+  code, pre { font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
+  .bar { display: flex; align-items: center; gap: 16px; padding: 8px 14px; background: var(--panel); border-bottom: 1px solid var(--line); flex-wrap: wrap; }
+  .bar h1 { font-size: 14px; margin: 0; font-weight: 600; }
+  .bar .dir { color: var(--muted); font-family: ui-monospace, Menlo, monospace; font-size: 12px; }
+  .controls { display: flex; align-items: center; gap: 12px; margin-left: auto; flex-wrap: wrap; }
+  .controls label { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); }
+  select { padding: 4px 6px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
+  .seg { display: inline-flex; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
+  .seg button { border: 0; background: #fff; padding: 4px 10px; cursor: pointer; border-right: 1px solid var(--line); }
+  .seg button:last-child { border-right: 0; }
+  .seg button[aria-pressed="true"] { background: var(--ink); color: #fff; }
+  .status { color: var(--muted); min-width: 120px; }
+  .status.live::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ok); margin-right: 6px; }
+  .status.off::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--err); margin-right: 6px; }
+  .layout { flex: 1; display: grid; grid-template-columns: 260px 1fr 400px; min-height: 0; }
+  .list { border-right: 1px solid var(--line); background: var(--panel); overflow: auto; padding: 8px 0; }
+  .list h2 { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin: 8px 14px 4px; font-weight: 600; }
+  .doc { display: grid; grid-template-columns: 12px 1fr; gap: 0 8px; width: 100%; text-align: left; border: 0; background: none; padding: 7px 14px; cursor: pointer; }
+  .doc:hover { background: #f0f0f4; }
+  .doc[aria-current="true"] { background: #e8ecfb; }
+  .doc .dot { width: 9px; height: 9px; border-radius: 50%; margin-top: 5px; background: var(--ok); }
+  .doc .dot.warn { background: var(--warn); }
+  .doc .dot.err { background: var(--err); }
+  .doc .t { font-weight: 500; }
+  .doc .m { color: var(--muted); font-size: 12px; font-family: ui-monospace, Menlo, monospace; }
+  .doc .k { color: var(--muted); font-size: 11px; }
+  .stage { overflow: auto; padding: 20px; display: flex; justify-content: center; align-items: flex-start; }
+  .frame { position: relative; flex: none; min-height: 60%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 0 0 1px var(--line); border-radius: 6px; overflow: visible; }
+  .frame .grip { position: absolute; top: 0; right: -14px; width: 10px; height: 100%; cursor: ew-resize; border-radius: 4px; background: transparent; }
+  .frame .grip::after { content: ""; position: absolute; top: 50%; left: 3px; width: 4px; height: 36px; margin-top: -18px; border-radius: 2px; background: #c2c2cc; }
+  .frame .grip:hover::after, .frame .grip.on::after { background: var(--accent); }
+  #surface { min-height: 200px; }
+  .empty { padding: 40px; color: var(--muted); text-align: center; }
+  .panel { border-left: 1px solid var(--line); background: var(--panel); display: flex; flex-direction: column; min-height: 0; }
+  .tabs { display: flex; border-bottom: 1px solid var(--line); }
+  .tabs button { flex: 1; border: 0; background: none; padding: 9px 4px; cursor: pointer; color: var(--muted); border-bottom: 2px solid transparent; font-size: 12px; }
+  .tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--accent); }
+  .tabs button b { font-weight: 600; }
+  .pane { display: none; overflow: auto; flex: 1; padding: 12px 14px; }
+  .pane.on { display: block; }
+  .pane pre { margin: 0; white-space: pre-wrap; word-break: break-word; background: #f6f6f8; border: 1px solid var(--line); border-radius: 6px; padding: 10px; }
+  .pane h3 { font-size: 12px; margin: 14px 0 6px; color: var(--muted); font-weight: 600; }
+  .pane h3:first-child { margin-top: 0; }
+  .note { color: var(--muted); margin: 0 0 10px; }
+  .toolrow { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; }
+  .btn { border: 1px solid var(--line); background: #fff; border-radius: 6px; padding: 4px 10px; cursor: pointer; }
+  .btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
+  .btn[disabled] { opacity: .5; cursor: default; }
+  .issue { display: grid; grid-template-columns: 52px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line); }
+  .issue .sev { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; padding-top: 2px; }
+  .issue .sev.error { color: var(--err); }
+  .issue .sev.warning { color: var(--warn); }
+  .issue .at { font-family: ui-monospace, Menlo, monospace; font-size: 11px; color: var(--muted); }
+  .action { padding: 8px 0; border-bottom: 1px solid var(--line); }
+  .action .n { font-weight: 600; }
+  .action .s { color: var(--muted); font-size: 12px; }
+  .action pre { margin-top: 4px; }
+  .verify-out { font-size: 11px; max-height: none; }
+  .verify-out .err { color: var(--err); }
+  .warning-box { background: #fff7e6; border: 1px solid #f0d9a0; padding: 10px; border-radius: 6px; margin-bottom: 10px; }
+  @media (max-width: 1100px) { .layout { grid-template-columns: 220px 1fr; } .panel { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line); max-height: 40vh; } }
+</style>
+</head>
+<body>
+<header class="bar">
+  <h1>polyxd dev</h1>
+  <span class="dir" id="dir"></span>
+  <div class="controls">
+    <label>Pack <select id="theme" aria-label="Design-system pack"></select></label>
+    <div class="seg" id="mode" role="group" aria-label="Mode"><button data-v="light">Light</button><button data-v="dark">Dark</button></div>
+    <div class="seg" id="width" role="group" aria-label="Width"><button data-v="390">Phone</button><button data-v="820">Tablet</button><button data-v="1100">Desktop</button></div>
+    <span id="widthpx" class="dir">390px</span>
+    <label>Density <select id="density" aria-label="Density"><option value="comfortable">comfortable</option><option value="compact">compact</option><option value="spacious">spacious</option></select></label>
+    <span class="status" id="status" aria-live="polite"></span>
+  </div>
+</header>
+<main class="layout">
+  <nav class="list" id="list" aria-label="Documents"></nav>
+  <section class="stage" id="stage">
+    <div class="frame" id="frame" style="width:390px">
+      <div id="surface"></div>
+      <div class="grip" id="grip" title="Drag to resize" role="separator" aria-orientation="vertical" aria-label="Resize the surface"></div>
+    </div>
+  </section>
+  <aside class="panel">
+    <div class="tabs" role="tablist" aria-label="Panel">
+      <button role="tab" data-tab="issues" id="tab-issues">Issues</button>
+      <button role="tab" data-tab="document">Document</button>
+      <button role="tab" data-tab="data">Data</button>
+      <button role="tab" data-tab="actions" id="tab-actions">Actions</button>
+      <button role="tab" data-tab="verify">Verify</button>
+    </div>
+    <div class="pane" id="pane-issues" role="tabpanel"></div>
+    <div class="pane" id="pane-document" role="tabpanel">
+      <div class="toolrow"><button class="btn" id="copy-doc">Copy JSON</button><span class="note" id="doc-note"></span></div>
+      <pre id="doc-json"></pre>
+    </div>
+    <div class="pane" id="pane-data" role="tabpanel"></div>
+    <div class="pane" id="pane-actions" role="tabpanel"></div>
+    <div class="pane" id="pane-verify" role="tabpanel"></div>
+  </aside>
+</main>
+<script src="/preview/polyxd.js"></script>
+<script>
+(function () {
+  var O = __OPTIONS__;
+  var P = window.Polyxd;
+  var $ = function (id) { return document.getElementById(id); };
+  var esc = function (s) { return String(s).replace(/[&<>"]/g, function (c) { return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" }[c]; }); };
+  var pretty = function (v) { return JSON.stringify(v, null, 2); };
+  var time = function () { return new Date().toLocaleTimeString("en-GB"); };
+
+  // ---- state, kept across reloads of this page; the event stream never reloads it ----
+  var KEY = "polyxd-dev:" + O.dir;
+  var state = { selected: null, theme: O.theme, mode: "light", width: 390, density: "comfortable", tab: "issues" };
+  try { Object.assign(state, JSON.parse(localStorage.getItem(KEY) || "{}")); } catch (e) {}
+  var save = function () { try { localStorage.setItem(KEY, JSON.stringify(state)); } catch (e) {} };
+
+  var docs = [], broken = [], current = null, handle = null, versions = {}, actions = [], liveData = null, verifyStream = null;
+  var themes = (P && P.themes) || O.themes;
+  if (O.pack && themes.indexOf(O.pack) < 0) themes = [O.pack].concat(themes);
+  if (themes.indexOf(state.theme) < 0) state.theme = O.theme;
+  if (!O.pack) $("packcss").remove();
+
+  // ---- controls ----
+  $("dir").textContent = O.dir;
+  var themeSel = $("theme");
+  themes.forEach(function (t) { var o = document.createElement("option"); o.value = t; o.textContent = t === O.pack ? t + " (--pack)" : t; themeSel.appendChild(o); });
+  themeSel.value = state.theme;
+  themeSel.onchange = function () { state.theme = themeSel.value; save(); render(); };
+  var dens = $("density");
+  dens.value = state.density;
+  dens.onchange = function () { state.density = dens.value; save(); render(); };
+  var seg = function (id, get, set) {
+    var el = $(id);
+    var paint = function () { Array.prototype.forEach.call(el.querySelectorAll("button"), function (b) { b.setAttribute("aria-pressed", String(b.dataset.v === String(get()))); }); };
+    el.onclick = function (e) { var b = e.target.closest("button"); if (!b) return; set(b.dataset.v); paint(); };
+    paint();
+    return paint;
+  };
+  var paintMode = seg("mode", function () { return state.mode; }, function (v) { state.mode = v; save(); render(); });
+  var paintWidth = seg("width", function () { return state.width; }, function (v) { setWidth(Number(v)); });
+  function setWidth(w) {
+    var max = Math.max(320, $("stage").clientWidth - 60);
+    state.width = Math.round(Math.min(max, Math.max(320, w)));
+    $("frame").style.width = state.width + "px";
+    $("widthpx").textContent = state.width + "px";
+    paintWidth();
+    save();
+  }
+  setWidth(state.width);
+  // The grip: drag the surface's edge to any width between phone and the stage.
+  (function () {
+    var grip = $("grip"), startX = 0, startW = 0;
+    var move = function (e) { setWidth(startW + (e.clientX - startX)); };
+    var up = function () { grip.classList.remove("on"); window.removeEventListener("pointermove", move); window.removeEventListener("pointerup", up); };
+    grip.addEventListener("pointerdown", function (e) { startX = e.clientX; startW = state.width; grip.classList.add("on"); window.addEventListener("pointermove", move); window.addEventListener("pointerup", up); e.preventDefault(); });
+    grip.addEventListener("keydown", function (e) { if (e.key === "ArrowLeft") setWidth(state.width - 20); if (e.key === "ArrowRight") setWidth(state.width + 20); });
+    grip.tabIndex = 0;
+  })();
+
+  // ---- tabs ----
+  var tabs = document.querySelectorAll(".tabs button");
+  var showTab = function (name) {
+    state.tab = name; save();
+    Array.prototype.forEach.call(tabs, function (b) { b.setAttribute("aria-selected", String(b.dataset.tab === name)); });
+    Array.prototype.forEach.call(document.querySelectorAll(".pane"), function (p) { p.classList.toggle("on", p.id === "pane-" + name); });
+  };
+  Array.prototype.forEach.call(tabs, function (b) { b.onclick = function () { showTab(b.dataset.tab); }; });
+  showTab(state.tab);
+
+  // ---- the document list ----
+  var dot = function (check) { return check.errors ? "err" : check.warnings ? "warn" : "ok"; };
+  function paintList() {
+    var list = $("list");
+    var html = "<h2>" + docs.length + " document" + (docs.length === 1 ? "" : "s") + "</h2>";
+    if (!docs.length) html += '<p class="note" style="padding:0 14px">No documents here yet. A document is a JSON file with <code>specVersion</code> and <code>components</code>, or an intent file with a <code>document</code> inside.</p>';
+    docs.forEach(function (d) {
+      var kind = [d.kind, d.origin, d.dataFrom === "none" ? "no data" : d.dataFrom === "embedded" ? null : "data: " + d.dataFrom].filter(Boolean).join(" · ");
+      var title = d.check.errors + " error(s), " + d.check.warnings + " warning(s)";
+      html += '<button class="doc" data-file="' + esc(d.file) + '" aria-current="' + (d.file === state.selected) + '" title="' + esc(title) + '">' +
+        '<span class="dot ' + dot(d.check) + '" aria-label="' + esc(title) + '"></span>' +
+        '<span><span class="t">' + esc(d.title) + '</span><br><span class="m">' + esc(d.id || d.file) + '</span><br><span class="k">' + esc(kind) + '</span></span></button>';
+    });
+    if (broken.length) {
+      html += "<h2>Did not parse</h2>";
+      broken.forEach(function (b) { html += '<div class="doc" title="' + esc(b.message) + '"><span class="dot err"></span><span><span class="m">' + esc(b.file) + '</span><br><span class="k">' + esc(b.message) + '</span></span></div>'; });
+    }
+    list.innerHTML = html;
+    Array.prototype.forEach.call(list.querySelectorAll("button.doc"), function (b) { b.onclick = function () { select(b.dataset.file); }; });
+  }
+
+  // ---- the selected document ----
+  function select(file) {
+    if (!docs.some(function (d) { return d.file === file; })) file = docs.length ? docs[0].file : null;
+    var changed = file !== state.selected;
+    state.selected = file; save();
+    paintList();
+    if (!file) { current = null; unmount(); $("surface").innerHTML = '<p class="empty">Nothing to render.</p>'; paintPanels(); return; }
+    if (changed) { actions = []; liveData = null; stopVerify(); }
+    fetch("/api/documents/" + encodeURIComponent(file).replace(/%2F/g, "/")).then(function (r) { return r.json(); }).then(function (d) {
+      if (d.error) return;
+      current = d;
+      versions[file] = (versions[file] || 0) + 1;
+      render();
+      paintPanels();
+    });
+  }
+  function unmount() { if (handle) { handle.unmount(); handle = null; } }
+  function render() {
+    if (!current) return;
+    if (!P) { $("surface").innerHTML = '<p class="empty">The renderer bundle isn\\u2019t installed, so nothing renders here: <code>npm install @polyxd/react</code>, then start again.</p>'; return; }
+    var file = current.file;
+    var props = {
+      key: file + ":" + versions[file],
+      document: current.document,
+      data: current.data,
+      theme: state.theme,
+      mode: state.mode,
+      density: state.density,
+      onAction: function (e) { actions.unshift({ at: time(), name: e.name, source: e.source, context: e.context }); paintActions(); },
+      onDismiss: function () { actions.unshift({ at: time(), name: "ui.dismiss", source: "(surface)", context: {} }); paintActions(); },
+      onDataChange: function (d) { liveData = d; if (state.tab === "data") paintData(); }
+    };
+    if (handle) handle.update(props);
+    else { $("surface").innerHTML = ""; handle = P.mount($("surface"), props); }
+  }
+
+  // ---- panels ----
+  function paintPanels() { paintIssues(); paintDocument(); paintData(); paintActions(); paintVerify(); }
+  function issuesOf(d) {
+    if (P && P.validateDocument) {
+      try {
+        var doc = d.data !== undefined ? Object.assign({}, d.document, { data: d.data }) : d.document;
+        return P.validateDocument(doc, { missingData: "warning" }).issues;
+      } catch (e) { return [{ severity: "error", at: "/", message: "validator failed: " + e.message }]; }
+    }
+    return d.issues || [];
+  }
+  function paintIssues() {
+    var pane = $("pane-issues"), tab = $("tab-issues");
+    if (!current) { pane.innerHTML = '<p class="note">Select a document.</p>'; tab.innerHTML = "Issues"; return; }
+    var issues = issuesOf(current);
+    var errors = issues.filter(function (i) { return i.severity === "error"; }).length;
+    var warnings = issues.length - errors;
+    tab.innerHTML = "Issues" + (issues.length ? " <b>" + issues.length + "</b>" : "");
+    var html = '<p class="note">Static check' + (P ? " (run in this page with @polyxd/spec/browser)" : "") + ": schema, structure and every binding against the data the surface shows. " +
+      (issues.length ? errors + " error" + (errors === 1 ? "" : "s") + ", " + warnings + " warning" + (warnings === 1 ? "" : "s") + "." : "Nothing to report.") + "</p>";
+    issues.forEach(function (i) {
+      html += '<div class="issue"><span class="sev ' + i.severity + '">' + i.severity + "</span><span>" + esc(i.message) + '<br><span class="at">' + esc(i.at) + (i.code ? " · " + esc(i.code) : "") + "</span></span></div>";
+    });
+    pane.innerHTML = html;
+  }
+  function paintDocument() {
+    if (!current) { $("doc-json").textContent = ""; $("doc-note").textContent = ""; return; }
+    $("doc-json").textContent = pretty(current.document);
+    $("doc-note").textContent = current.file + " · " + current.document.components.length + " components" + (current.kind === "intent" ? " · from the intent file's document" : "");
+  }
+  $("copy-doc").onclick = function () {
+    if (!current) return;
+    var b = $("copy-doc");
+    navigator.clipboard.writeText(pretty(current.document)).then(function () { b.textContent = "Copied"; setTimeout(function () { b.textContent = "Copy JSON"; }, 1200); }, function () { b.textContent = "Couldn\\u2019t copy"; });
+  };
+  function paintData() {
+    var pane = $("pane-data");
+    if (!current) { pane.innerHTML = '<p class="note">Select a document.</p>'; return; }
+    var from = { embedded: "the document\\u2019s own data", sibling: "the sibling .data.json file", "default": "--data", none: "nowhere: this document has no data" }[current.dataFrom];
+    var html = "<h3>Data from " + esc(from) + "</h3>";
+    html += current.data === undefined ? '<p class="note">Bindings will render blank. Put a <code>data</code> snapshot in the document, a <code>' + esc(current.file.replace(/\\.json$/, ".data.json")) + "</code> beside it, or pass <code>--data</code>.</p>" : "<pre>" + esc(pretty(current.data)) + "</pre>";
+    if (liveData) html += "<h3>As edited in the surface</h3><pre>" + esc(pretty(liveData)) + "</pre>";
+    pane.innerHTML = html;
+  }
+  function paintActions() {
+    var pane = $("pane-actions"), tab = $("tab-actions");
+    tab.innerHTML = "Actions" + (actions.length ? " <b>" + actions.length + "</b>" : "");
+    if (!actions.length) { pane.innerHTML = '<p class="note">Actions the surface dispatches show here with their context resolved against the data: press a button, choose a row, submit a form.</p>'; return; }
+    pane.innerHTML = '<div class="toolrow"><button class="btn" id="clear-actions">Clear</button></div>' + actions.map(function (a) {
+      return '<div class="action"><span class="n">' + esc(a.name) + '</span> <span class="s">from ' + esc(a.source) + " · " + a.at + "</span><pre>" + esc(pretty(a.context)) + "</pre></div>";
+    }).join("");
+    $("clear-actions").onclick = function () { actions = []; paintActions(); };
+  }
+
+  // ---- verify: the full verifier, streamed ----
+  function stopVerify() { if (verifyStream) { verifyStream.close(); verifyStream = null; } }
+  function paintVerify() {
+    var pane = $("pane-verify");
+    if (!O.verify) { pane.innerHTML = '<p class="note">Start with <code>--verify</code> to run the full verifier from here: every built-in pack, light and dark, phone and desktop, with axe and the layout check. It needs <code>@polyxd/verifier</code> installed.</p>'; return; }
+    pane.innerHTML = '<div class="toolrow"><button class="btn primary" id="run-verify"' + (current ? "" : " disabled") + ">Verify in " + O.themes.length + ' packs</button><span class="note" id="verify-note"></span></div><pre class="verify-out" id="verify-out"></pre>';
+    $("run-verify").onclick = runVerify;
+  }
+  function runVerify() {
+    if (!current) return;
+    stopVerify();
+    var out = $("verify-out"), btn = $("run-verify"), note = $("verify-note");
+    out.textContent = ""; btn.disabled = true; note.textContent = "Running\\u2026 (26 renders; a minute or so)";
+    verifyStream = new EventSource("/api/verify/" + encodeURIComponent(current.file).replace(/%2F/g, "/"));
+    verifyStream.addEventListener("line", function (e) {
+      var d = JSON.parse(e.data);
+      var span = document.createElement("span");
+      span.className = d.stream === "err" ? "err" : "";
+      span.textContent = d.text + "\\n";
+      out.appendChild(span);
+      out.scrollTop = out.scrollHeight;
+    });
+    verifyStream.addEventListener("done", function (e) {
+      var d = JSON.parse(e.data);
+      note.textContent = d.code === 0 ? "Done: no errors." : d.code === 1 ? "Done: errors found." : "Did not run.";
+      btn.disabled = false;
+      stopVerify();
+    });
+    verifyStream.onerror = function () { note.textContent = "Stream ended."; btn.disabled = false; stopVerify(); };
+  }
+
+  // ---- the folder, live ----
+  function apply(listing) {
+    docs = listing.documents; broken = listing.broken || [];
+    paintList();
+  }
+  function setStatus(text, cls) { var s = $("status"); s.textContent = text; s.className = "status " + (cls || ""); }
+  var events = new EventSource("/api/events");
+  events.addEventListener("hello", function (e) {
+    apply(JSON.parse(e.data));
+    setStatus("watching", "live");
+    if (!current || !docs.some(function (d) { return d.file === state.selected; })) select(state.selected);
+  });
+  events.addEventListener("change", function (e) {
+    var d = JSON.parse(e.data);
+    apply(d);
+    if (state.selected && d.removed.indexOf(state.selected) >= 0) { select(null); setStatus("removed " + time(), "live"); return; }
+    if (state.selected && d.changed.indexOf(state.selected) >= 0) { select(state.selected); setStatus("reloaded " + time(), "live"); }
+    else if (!state.selected && docs.length) select(docs[0].file);
+    else setStatus("watching", "live");
+  });
+  events.addEventListener("bye", function () { setStatus("server stopped", "off"); });
+  events.onerror = function () { setStatus("reconnecting\\u2026", "off"); };
+  window.addEventListener("resize", function () { setWidth(state.width); });
+})();
+</script>
+</body>
+</html>
+`;
+//# sourceMappingURL=dev-page.js.map

package/dist/dev-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-page.js","sourceRoot":"","sources":["../src/dev-page.ts"],"names":[],"mappings":"AAiBA,MAAM,UAAU,OAAO,CAAC,OAAoB;IAC1C,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AACvF,CAAC;AAED,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkWZ,CAAC"}

package/dist/dev.d.ts

@@ -0,0 +1,74 @@
+import { type Issue } from "@polyxd/spec";
+import { type PackCss } from "./dev-pack.ts";
+export type Json = any;
+export interface DevDocument {
+    /** Path relative to the watched folder, with `/` separators: the stable key. */
+    file: string;
+    /** surface.id */
+    id: string;
+    title: string;
+    /** A bare document, or an intent-shaped file whose `document` is used. */
+    kind: "document" | "intent";
+    /** surface.origin when the document states one. */
+    origin?: string;
+    pattern?: string;
+    /** Where the data came from. */
+    dataFrom: "embedded" | "sibling" | "default" | "none";
+    document: Json;
+    data?: Json;
+    check: StaticCheck;
+}
+export interface StaticCheck {
+    errors: number;
+    warnings: number;
+    issues: Issue[];
+}
+export interface Discovery {
+    documents: DevDocument[];
+    /** JSON files that didn't parse: while someone is mid-edit, usually. */
+    broken: {
+        file: string;
+        message: string;
+    }[];
+}
+/** The static check: schema and structure, and every binding against the data the surface will show. */
+export declare function checkDocument(document: Json, data?: Json): StaticCheck;
+/**
+ * Every document under `dir`: a JSON file with `specVersion` and `components`, or an intent-shaped
+ * file whose `document` has them. Data is the document's own, else `<name>.data.json` beside it,
+ * else `defaultData`. Everything else (packs, reports, registries, tsconfigs) is ignored.
+ */
+export declare function discoverDocuments(dir: string, options?: {
+    defaultData?: Json;
+}): Promise<Discovery>;
+/** One line per document, the way the pack command reports. */
+export declare function describe(d: DevDocument): string;
+/** Where the renderer's browser bundle lives, if @polyxd/react is installed with one. */
+export declare function findBundle(): string | undefined;
+/** The verifier's command line, if @polyxd/verifier is installed. */
+export declare function findVerifier(): string | undefined;
+export interface DevServerOptions {
+    dir: string;
+    port?: number;
+    theme?: string;
+    /** A JSON file used as data for documents that have none. */
+    data?: string;
+    /** A manifest.json or theme .css to add to the pack switcher. */
+    pack?: string;
+    /** Show the Verify button; runs @polyxd/verifier when it is installed. */
+    verify?: boolean;
+    /** Directory holding polyxd.js and polyxd.css. Default: @polyxd/react/preview. */
+    bundle?: string;
+}
+export interface DevServer {
+    url: string;
+    port: number;
+    documents: () => DevDocument[];
+    broken: () => Discovery["broken"];
+    pack?: PackCss;
+    /** Re-reads the folder and tells open pages what changed. Called by the watcher; tests call it directly. */
+    rescan: () => Promise<void>;
+    close: () => Promise<void>;
+}
+export declare function createDevServer(options: DevServerOptions): Promise<DevServer>;
+export declare function main(argv: string[]): Promise<number>;

package/dist/dev.js

@@ -0,0 +1,373 @@
+/**
+ * `polyxd dev`: a local preview for people who author Polyxd documents in their editor.
+ *
+ *   npx polyxd dev                         the documents in this folder
+ *   npx polyxd dev ./screens --port 4310 --theme material3 --data ./sample.json --open
+ *   npx polyxd dev ./screens --pack ./ds-acme/manifest.json --verify
+ *
+ * It watches a folder for documents, renders the selected one with the real renderer in any
+ * built-in pack (or one of yours), light or dark, at phone, tablet and desktop widths, and shows
+ * beside it what the static check finds, the document, its data, and the actions it dispatches.
+ * Save a file and the surface reloads in place, keeping your selection and controls.
+ *
+ * Nothing but Node here: http, fs.watch, server-sent events, and the renderer's browser bundle
+ * from @polyxd/react/preview.
+ */
+import { spawn } from "node:child_process";
+import { existsSync, watch } from "node:fs";
+import { mkdtemp, readdir, readFile, rm, stat, writeFile } from "node:fs/promises";
+import { createServer } from "node:http";
+import { tmpdir } from "node:os";
+import { basename, dirname, join, relative, resolve, sep } from "node:path";
+import { parseArgs } from "node:util";
+import { fileURLToPath } from "node:url";
+import { validateDocument } from "@polyxd/spec";
+import { packCss } from "./dev-pack.js";
+import { devPage } from "./dev-page.js";
+const SKIP_DIRS = new Set(["node_modules", "dist", "build", "coverage"]);
+const THEMES = ["material3", "carbon", "antd", "fluent", "shadcn", "bootstrap", "mantine", "radix", "polaris", "primer", "spectrum", "govuk", "chakra"];
+const isDocument = (v) => !!v && typeof v === "object" && typeof v.specVersion === "string" && Array.isArray(v.components);
+const posix = (p) => p.split(sep).join("/");
+/** The static check: schema and structure, and every binding against the data the surface will show. */
+export function checkDocument(document, data) {
+    const doc = data !== undefined ? { ...document, data } : document;
+    let issues;
+    try {
+        issues = validateDocument(doc, { missingData: "warning" }).issues;
+    }
+    catch (e) {
+        issues = [{ severity: "error", at: "/", message: `validator failed: ${e.message}` }];
+    }
+    return { errors: issues.filter((i) => i.severity === "error").length, warnings: issues.filter((i) => i.severity === "warning").length, issues };
+}
+async function* jsonFiles(dir, depth = 0) {
+    const entries = await readdir(dir, { withFileTypes: true }).catch(() => []);
+    for (const e of entries.sort((a, b) => a.name.localeCompare(b.name))) {
+        if (e.name.startsWith("."))
+            continue;
+        if (e.isDirectory()) {
+            if (!SKIP_DIRS.has(e.name) && depth < 4)
+                yield* jsonFiles(join(dir, e.name), depth + 1);
+        }
+        else if (e.name.endsWith(".json"))
+            yield join(dir, e.name);
+    }
+}
+/**
+ * Every document under `dir`: a JSON file with `specVersion` and `components`, or an intent-shaped
+ * file whose `document` has them. Data is the document's own, else `<name>.data.json` beside it,
+ * else `defaultData`. Everything else (packs, reports, registries, tsconfigs) is ignored.
+ */
+export async function discoverDocuments(dir, options = {}) {
+    const documents = [];
+    const broken = [];
+    for await (const path of jsonFiles(dir)) {
+        if (path.endsWith(".data.json"))
+            continue;
+        const file = posix(relative(dir, path));
+        let raw;
+        try {
+            raw = JSON.parse(await readFile(path, "utf8"));
+        }
+        catch (e) {
+            broken.push({ file, message: e.message });
+            continue;
+        }
+        const kind = isDocument(raw) ? "document" : isDocument(raw?.document) ? "intent" : undefined;
+        if (!kind)
+            continue;
+        const document = kind === "intent" ? raw.document : raw;
+        let data = document.data;
+        let dataFrom = data !== undefined ? "embedded" : "none";
+        if (data === undefined) {
+            const sibling = path.replace(/\.json$/, ".data.json");
+            if (existsSync(sibling)) {
+                try {
+                    data = JSON.parse(await readFile(sibling, "utf8"));
+                    dataFrom = "sibling";
+                }
+                catch (e) {
+                    broken.push({ file: posix(relative(dir, sibling)), message: e.message });
+                }
+            }
+        }
+        if (data === undefined && options.defaultData !== undefined) {
+            data = options.defaultData;
+            dataFrom = "default";
+        }
+        const surface = document.surface ?? {};
+        documents.push({
+            file,
+            id: String(surface.id ?? (kind === "intent" ? raw.id : "") ?? ""),
+            title: String(surface.title ?? raw.title ?? basename(file, ".json")),
+            kind,
+            origin: surface.origin,
+            pattern: surface.pattern,
+            dataFrom,
+            document,
+            data,
+            check: checkDocument(document, data),
+        });
+    }
+    return { documents, broken };
+}
+/** One line per document, the way the pack command reports. */
+export function describe(d) {
+    const status = d.check.errors ? "error" : d.check.warnings ? "warn " : "ok   ";
+    const counts = [d.check.errors ? `${d.check.errors} error${d.check.errors === 1 ? "" : "s"}` : "", d.check.warnings ? `${d.check.warnings} warning${d.check.warnings === 1 ? "" : "s"}` : ""].filter(Boolean).join(", ");
+    const what = [d.kind === "intent" ? "intent" : "document", d.origin, d.dataFrom === "none" ? "no data" : d.dataFrom === "embedded" ? "" : `data: ${d.dataFrom}`].filter(Boolean).join(" · ");
+    return `  ${status}  ${d.file.padEnd(32)} ${d.title.slice(0, 28).padEnd(28)} ${what}${counts ? `  (${counts})` : ""}`;
+}
+/** Where the renderer's browser bundle lives, if @polyxd/react is installed with one. */
+export function findBundle() {
+    try {
+        const js = fileURLToPath(import.meta.resolve("@polyxd/react/preview/polyxd.js"));
+        return existsSync(js) && existsSync(js.replace(/\.js$/, ".css")) ? dirname(js) : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+/** The verifier's command line, if @polyxd/verifier is installed. */
+export function findVerifier() {
+    try {
+        const cli = fileURLToPath(import.meta.resolve("@polyxd/verifier/dist/cli.js"));
+        return existsSync(cli) ? cli : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+const meta = (d) => ({ file: d.file, id: d.id, title: d.title, kind: d.kind, origin: d.origin, pattern: d.pattern, dataFrom: d.dataFrom, check: { errors: d.check.errors, warnings: d.check.warnings } });
+const json = (res, status, body) => {
+    res.writeHead(status, { "content-type": "application/json; charset=utf-8", "cache-control": "no-store" });
+    res.end(JSON.stringify(body));
+};
+const text = (res, status, body, type = "text/plain") => {
+    res.writeHead(status, { "content-type": `${type}; charset=utf-8`, "cache-control": "no-store" });
+    res.end(body);
+};
+const sse = (res) => {
+    res.writeHead(200, { "content-type": "text/event-stream", "cache-control": "no-store", connection: "keep-alive" });
+    res.write(": polyxd dev\n\n");
+    return (event, data) => res.write(`event: ${event}\ndata: ${JSON.stringify(data)}\n\n`);
+};
+export async function createDevServer(options) {
+    const dir = resolve(options.dir);
+    const info = await stat(dir).catch(() => null);
+    if (!info?.isDirectory())
+        throw new Error(`${options.dir} is not a folder`);
+    const dataFile = options.data ? resolve(options.data) : undefined;
+    const readDefaultData = async () => (dataFile ? JSON.parse(await readFile(dataFile, "utf8")) : undefined);
+    const pack = options.pack ? await packCss(resolve(options.pack)) : undefined;
+    const bundle = options.bundle ?? findBundle();
+    const theme = options.theme ?? (pack?.name ?? "material3");
+    let defaultData = await readDefaultData();
+    let found = await discoverDocuments(dir, { defaultData });
+    const clients = new Set();
+    const broadcast = (event, data) => {
+        for (const send of clients)
+            send(event, data);
+    };
+    const listing = () => ({ dir, theme, pack: pack?.name, verify: !!options.verify, bundle: !!bundle, documents: found.documents.map(meta), broken: found.broken });
+    const rescan = async () => {
+        try {
+            defaultData = await readDefaultData();
+        }
+        catch {
+            // A half-saved default data file: keep the last good one until the next save.
+        }
+        const before = new Map(found.documents.map((d) => [d.file, JSON.stringify({ d: d.document, x: d.data })]));
+        found = await discoverDocuments(dir, { defaultData });
+        const changed = found.documents.filter((d) => before.get(d.file) !== JSON.stringify({ d: d.document, x: d.data })).map((d) => d.file);
+        const removed = [...before.keys()].filter((f) => !found.documents.some((d) => d.file === f));
+        broadcast("change", { changed, removed, ...listing() });
+    };
+    let timer;
+    const schedule = () => {
+        clearTimeout(timer);
+        timer = setTimeout(() => void rescan(), 80);
+    };
+    const watchers = [];
+    try {
+        watchers.push(watch(dir, { recursive: true }, schedule));
+    }
+    catch {
+        watchers.push(watch(dir, schedule));
+    }
+    if (dataFile && !dataFile.startsWith(dir + sep))
+        watchers.push(watch(dataFile, schedule));
+    let verifying = false;
+    const verify = async (doc, send, done) => {
+        const cli = findVerifier();
+        if (!cli) {
+            send("line", { text: "The verifier isn't installed here. It renders in a real browser, so it's a separate package:" });
+            send("line", { text: "  npm install -D @polyxd/verifier && npx playwright install chromium" });
+            send("done", { code: 2 });
+            return done();
+        }
+        if (verifying) {
+            send("line", { text: "A verification is already running; wait for it to finish." });
+            send("done", { code: 3 });
+            return done();
+        }
+        verifying = true;
+        const tmp = await mkdtemp(join(tmpdir(), "polyxd-dev-verify-"));
+        const file = join(tmp, `${basename(doc.file, ".json")}.json`);
+        await writeFile(file, JSON.stringify(doc.data !== undefined ? { ...doc.document, data: doc.data } : doc.document));
+        send("line", { text: `polyxd-verify ${basename(file)} --themes ${THEMES.join(",")} --modes light,dark --widths 390,1100` });
+        const child = spawn(process.execPath, [cli, file, "--themes", THEMES.join(","), "--modes", "light,dark", "--widths", "390,1100"], { stdio: ["ignore", "pipe", "pipe"] });
+        let rest = "";
+        const lines = (chunk, stream) => {
+            rest += chunk.toString();
+            const parts = rest.split("\n");
+            rest = parts.pop() ?? "";
+            for (const line of parts)
+                send("line", { text: line, stream });
+        };
+        child.stdout.on("data", (c) => lines(c, "out"));
+        child.stderr.on("data", (c) => lines(c, "err"));
+        child.on("close", async (code) => {
+            if (rest)
+                send("line", { text: rest });
+            send("done", { code: code ?? 1 });
+            verifying = false;
+            await rm(tmp, { recursive: true, force: true });
+            done();
+        });
+    };
+    const handle = async (req, res) => {
+        const url = new URL(req.url ?? "/", "http://localhost");
+        const path = decodeURIComponent(url.pathname);
+        if (path === "/")
+            return text(res, 200, devPage({ dir, theme, pack: pack?.name, verify: !!options.verify, bundle: !!bundle, themes: THEMES }), "text/html");
+        if (path === "/preview/polyxd.js" || path === "/preview/polyxd.css") {
+            if (!bundle)
+                return text(res, 404, "The renderer bundle isn't installed: npm install @polyxd/react");
+            const body = await readFile(join(bundle, basename(path))).catch(() => null);
+            if (!body)
+                return text(res, 404, "not found");
+            res.writeHead(200, { "content-type": path.endsWith(".js") ? "text/javascript; charset=utf-8" : "text/css; charset=utf-8", "cache-control": "no-store" });
+            return res.end(body);
+        }
+        if (path === "/pack.css")
+            return pack ? text(res, 200, pack.css, "text/css") : text(res, 404, "no --pack");
+        if (path === "/api/documents")
+            return json(res, 200, listing());
+        if (path === "/api/events") {
+            const send = sse(res);
+            clients.add(send);
+            send("hello", listing());
+            req.on("close", () => clients.delete(send));
+            return;
+        }
+        const doc = (prefix) => (path.startsWith(prefix) ? found.documents.find((d) => d.file === path.slice(prefix.length)) : undefined);
+        if (path.startsWith("/api/documents/")) {
+            const d = doc("/api/documents/");
+            return d ? json(res, 200, { ...meta(d), document: d.document, data: d.data, issues: d.check.issues }) : json(res, 404, { error: "no such document" });
+        }
+        if (path.startsWith("/api/verify/")) {
+            const d = doc("/api/verify/");
+            if (!d)
+                return json(res, 404, { error: "no such document" });
+            const send = sse(res);
+            return verify(d, send, () => res.end());
+        }
+        text(res, 404, "not found");
+    };
+    const server = createServer((req, res) => {
+        handle(req, res).catch((e) => {
+            if (!res.headersSent)
+                json(res, 500, { error: e.message });
+            else
+                res.end();
+        });
+    });
+    const port = await new Promise((ok, fail) => {
+        server.once("error", fail);
+        server.listen(options.port ?? 4310, "127.0.0.1", () => ok(server.address().port));
+    });
+    return {
+        url: `http://localhost:${port}/`,
+        port,
+        documents: () => found.documents,
+        broken: () => found.broken,
+        pack,
+        rescan,
+        close: async () => {
+            clearTimeout(timer);
+            for (const w of watchers)
+                w.close();
+            for (const send of clients)
+                send("bye", {});
+            // Event streams never end on their own; close them so the server can.
+            const closed = new Promise((ok) => server.close(() => ok()));
+            server.closeAllConnections();
+            await closed;
+        },
+    };
+}
+const USAGE = `polyxd dev [dir] [--port 4310] [--theme material3] [--data <file.json>] [--pack <manifest.json|theme.css>] [--verify] [--open]
+
+  Previews the Polyxd documents in a folder (default: this one) in the browser, rendered with the
+  real renderer in any built-in design system, light or dark, at phone, tablet and desktop widths,
+  with the static check, the document, its data and the actions it dispatches beside it. Save a
+  file and the surface reloads in place.`;
+export async function main(argv) {
+    let values;
+    let positionals;
+    try {
+        ({ values, positionals } = parseArgs({
+            args: argv,
+            allowPositionals: true,
+            options: { port: { type: "string" }, theme: { type: "string" }, data: { type: "string" }, pack: { type: "string" }, verify: { type: "boolean" }, open: { type: "boolean" }, help: { type: "boolean", short: "h" } },
+        }));
+    }
+    catch (e) {
+        console.error(e.message);
+        console.log(USAGE);
+        return 2;
+    }
+    if (values.help) {
+        console.log(USAGE);
+        return 0;
+    }
+    const port = values.port === undefined ? 4310 : Number(values.port);
+    if (!Number.isInteger(port) || port < 0 || port > 65535) {
+        console.error(`--port should be a number, not ${values.port}`);
+        return 2;
+    }
+    if (values.theme && !THEMES.includes(String(values.theme)) && !values.pack) {
+        console.error(`--theme should be one of ${THEMES.join(", ")}, or the pack given with --pack`);
+        return 2;
+    }
+    let server;
+    try {
+        server = await createDevServer({ dir: positionals[0] ?? ".", port, theme: values.theme, data: values.data, pack: values.pack, verify: !!values.verify });
+    }
+    catch (e) {
+        const err = e;
+        console.error(err.code === "EADDRINUSE" ? `Port ${port} is taken; pass --port with another.` : err.message);
+        return 1;
+    }
+    const docs = server.documents();
+    const absolute = resolve(positionals[0] ?? ".");
+    const rel = relative(process.cwd(), absolute);
+    const dir = rel === "" ? "." : rel.startsWith("..") ? absolute : rel;
+    console.log(`polyxd dev  ${server.url}`);
+    console.log(`${docs.length} document${docs.length === 1 ? "" : "s"} in ${dir}, watching for changes${server.pack ? ` · pack ${server.pack.name} from --pack` : ""}${values.verify ? findVerifier() ? " · verifier ready" : " · verifier not installed (npm install -D @polyxd/verifier)" : ""}`);
+    if (!findBundle())
+        console.log("The renderer bundle isn't installed, so the page can list and check documents but not render them: npm install @polyxd/react");
+    for (const d of docs)
+        console.log(describe(d));
+    for (const b of server.broken())
+        console.log(`  error  ${b.file.padEnd(32)} did not parse: ${b.message}`);
+    if (!docs.length)
+        console.log("  (no documents yet: a document is a JSON file with specVersion and components, or an intent file with a document inside)");
+    if (values.open) {
+        const opener = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
+        spawn(opener, [server.url], { stdio: "ignore", detached: true, shell: process.platform === "win32" }).on("error", () => undefined).unref();
+    }
+    return 0;
+}
+//# sourceMappingURL=dev.js.map

package/dist/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","sourceRoot":"","sources":["../src/dev.ts"],"names":[],"mappings":"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"}

package/dist/polyxd.js

@@ -34,6 +34,14 @@ switch (command) {
         const { main } = await import("./studio.js");
         process.exit(await main(rest));
     }
+    case "dev": {
+        // Stays up once it has started: the server and the watcher keep the process alive.
+        const { main } = await import("./dev.js");
+        const code = await main(rest);
+        if (code || rest.includes("--help") || rest.includes("-h"))
+            process.exit(code);
+        break;
+    }
     default:
         console.log(`polyxd <command>
 
@@ -47,7 +55,12 @@ switch (command) {
 
   studio push <package dir | tarball | token file> --to <studio>/api/w/<workspace>
       Sends your tokens to Polyxd Studio as a new version of your design system, using an
-      API key from POLYXD_STUDIO_KEY. Made for a CI step on every release.`);
+      API key from POLYXD_STUDIO_KEY. Made for a CI step on every release.
+
+  dev [dir] [--port 4310] [--theme material3] [--data <file.json>] [--pack <manifest.json|theme.css>] [--verify] [--open]
+      Previews the documents in a folder as you edit them: rendered with the real renderer in
+      any built-in pack or one of yours, light or dark, phone to desktop, with the static check,
+      the document, its data and the actions it dispatches beside it. Reloads on save.`);
         process.exit(command ? 1 : 0);
 }
 export {};

package/dist/polyxd.js.map

@@ -1 +1 @@
-{"version":3,"file":"polyxd.js","sourceRoot":"","sources":["../src/polyxd.ts"],"names":[],"mappings":";AACA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACjD,OAAO,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;AAE3D,QAAQ,OAAO,EAAE,CAAC;IAChB,KAAK,MAAM;QACT,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;QACzB,MAAM;IACR,KAAK,OAAO,EAAE,CAAC;QACb,sFAAsF;QACtF,6BAA6B;QAC7B,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjD,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/F,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC;QACpH,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,KAAK,QAAQ,EAAE,CAAC;QACd,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC;IACD;QACE,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;2EAY2D,CAAC,CAAC;QACzE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC"}
+{"version":3,"file":"polyxd.js","sourceRoot":"","sources":["../src/polyxd.ts"],"names":[],"mappings":";AACA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACjD,OAAO,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;AAE3D,QAAQ,OAAO,EAAE,CAAC;IAChB,KAAK,MAAM;QACT,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;QACzB,MAAM;IACR,KAAK,OAAO,EAAE,CAAC;QACb,sFAAsF;QACtF,6BAA6B;QAC7B,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjD,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/F,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC;QACpH,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,KAAK,QAAQ,EAAE,CAAC;QACd,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC;IACD,KAAK,KAAK,EAAE,CAAC;QACX,mFAAmF;QACnF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/E,MAAM;IACR,CAAC;IACD;QACE,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;uFAiBuE,CAAC,CAAC;QACrF,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@polyxd/ds-kit",
-  "version": "0.2.2",
-  "description": "Shared parts of building a Polyxd design-system pack: CSS variable reading, DTCG conversion, manifest writing",
+  "version": "0.3.0",
+  "description": "Shared parts of building a Polyxd design-system pack, and the polyxd command: pack, check, studio push, dev",
   "license": "Apache-2.0",
   "type": "module",
   "exports": {
@@ -24,7 +24,7 @@
     }
   },
   "devDependencies": {
-    "@polyxd/spec": "^0.2.2"
+    "@polyxd/spec": "^0.3.0"
   },
   "bin": {
     "polyxd": "dist/polyxd.js"
@@ -41,7 +41,8 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@polyxd/spec": "^0.2.2"
+    "@polyxd/spec": "^0.3.0",
+    "@polyxd/react": "^0.3.0"
   },
   "repository": {
     "type": "git",