@ethlete/cli 3.0.0-next.26 → 3.0.0-next.28

package/src/lib/design/system/sdk-selectors.js

@@ -0,0 +1,131 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sdkCompoundsOf = void 0;
+const postcss_1 = __importDefault(require("postcss"));
+const postcss_selector_parser_1 = __importDefault(require("postcss-selector-parser"));
+const SAME_ELEMENT_PSEUDOS = new Set([':is', ':where', ':matches', ':not']);
+const attributeOf = (node) => {
+    var _a, _b;
+    return ({
+        name: node.attribute.toLowerCase(),
+        operator: (_a = node.operator) !== null && _a !== void 0 ? _a : null,
+        value: (_b = node.value) !== null && _b !== void 0 ? _b : null,
+    });
+};
+const emptyCompound = () => ({ classes: [], tag: null, attributes: [], mentioned: [], nested: false });
+const hasCombinator = (selector) => selector.nodes.some((node) => node.type === 'combinator');
+const addInner = (compound, pseudo) => {
+    for (const inner of pseudo.nodes) {
+        if (hasCombinator(inner))
+            continue;
+        for (const node of inner.nodes) {
+            if (node.type === 'class' && pseudo.value !== ':not')
+                compound.classes.push(node.value);
+            else if (node.type === 'attribute')
+                compound.mentioned.push(attributeOf(node));
+            else if (node.type === 'pseudo' && SAME_ELEMENT_PSEUDOS.has(node.value))
+                addInner(compound, node);
+        }
+    }
+};
+const compoundsOfSelector = (selector) => {
+    const compounds = [emptyCompound()];
+    for (const node of selector.nodes) {
+        const current = compounds[compounds.length - 1];
+        if (node.type === 'combinator')
+            compounds.push(emptyCompound());
+        else if (node.type === 'class')
+            current.classes.push(node.value);
+        else if (node.type === 'tag')
+            current.tag = node.value.toLowerCase();
+        else if (node.type === 'nesting')
+            current.nested = true;
+        else if (node.type === 'attribute') {
+            current.attributes.push(attributeOf(node));
+            current.mentioned.push(attributeOf(node));
+        }
+        else if (node.type === 'pseudo' && SAME_ELEMENT_PSEUDOS.has(node.value))
+            addInner(current, node);
+    }
+    return compounds;
+};
+const merged = (outer, inner) => {
+    var _a;
+    return ({
+        classes: [...outer.classes, ...inner.classes],
+        tag: (_a = inner.tag) !== null && _a !== void 0 ? _a : outer.tag,
+        attributes: [...outer.attributes, ...inner.attributes],
+        mentioned: [...outer.mentioned, ...inner.mentioned],
+        nested: false,
+    });
+};
+const parentRuleOf = (rule) => {
+    let parent = rule.parent;
+    while (parent && parent.type !== 'rule')
+        parent = parent.parent;
+    return (parent === null || parent === void 0 ? void 0 : parent.type) === 'rule' ? parent : undefined;
+};
+const selectorsOf = (rule) => {
+    try {
+        return (0, postcss_selector_parser_1.default)().astSync(rule.selector).nodes;
+    }
+    catch (_a) {
+        return [];
+    }
+};
+const chainsOf = (rule, seen) => {
+    const known = seen.get(rule);
+    if (known)
+        return known;
+    const parent = parentRuleOf(rule);
+    const outer = parent ? chainsOf(parent, seen) : [[]];
+    const chains = selectorsOf(rule).flatMap((selector) => {
+        const own = compoundsOfSelector(selector);
+        return outer.map((chain) => {
+            const last = chain[chain.length - 1];
+            const nestedAt = own.findIndex((compound) => compound.nested);
+            if (nestedAt === -1 || last === undefined)
+                return [...chain, ...own];
+            return [
+                ...own.slice(0, nestedAt),
+                ...chain.slice(0, -1),
+                merged(last, own[nestedAt]),
+                ...own.slice(nestedAt + 1),
+            ];
+        });
+    });
+    seen.set(rule, chains);
+    return chains;
+};
+/** Each compound selector of `css` that names an `et-` class, with nested rules resolved against their parents. */
+const sdkCompoundsOf = (css) => {
+    let root;
+    try {
+        root = postcss_1.default.parse(css);
+    }
+    catch (_a) {
+        return [];
+    }
+    const seen = new Map();
+    const compounds = [];
+    root.walkRules((rule) => {
+        var _a, _b, _c;
+        for (let ancestor = rule.parent; ancestor; ancestor = ancestor.parent)
+            if (ancestor.type === 'atrule' && /keyframes$/u.test(ancestor.name))
+                return;
+        const parent = parentRuleOf(rule);
+        const inherited = new Set(parent ? chainsOf(parent, seen).flat() : []);
+        for (const chain of chainsOf(rule, seen))
+            for (const compound of chain) {
+                const { classes, tag, attributes, mentioned } = compound;
+                if (!inherited.has(compound) && classes.some((name) => name.startsWith('et-')))
+                    compounds.push({ classes, tag, attributes, mentioned, line: (_c = (_b = (_a = rule.source) === null || _a === void 0 ? void 0 : _a.start) === null || _b === void 0 ? void 0 : _b.line) !== null && _c !== void 0 ? _c : 0 });
+            }
+    });
+    return compounds;
+};
+exports.sdkCompoundsOf = sdkCompoundsOf;
+//# sourceMappingURL=sdk-selectors.js.map

package/src/lib/design/system/sdk-selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk-selectors.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/system/sdk-selectors.ts"],"names":[],"mappings":"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"}

package/src/lib/design/system/see-through.d.ts

@@ -0,0 +1,12 @@
+/** The rule an open overlay pane breaks when text of the content under it stays visible through it. */
+export declare const SEE_THROUGH_RULE = "SEE-THROUGH";
+/** An open overlay pane: an SDK or CDK overlay, an open native popover or dialog, or a positioned menu or dialog role. */
+export declare const OVERLAY_PANE_SELECTOR: string;
+/**
+ * The statements of the see-through check inside the frame script of `render-check`. They use `root` and `report`
+ * of that script. Each point where text outside an open overlay pane lies under that pane must be covered by an
+ * opaque background painted above the text, or the text shows through; text outside any overlay that paints above
+ * the pane is reported too. They finish finite animations and force `pointer-events` on for the
+ * hit test and restore it.
+ */
+export declare const SEE_THROUGH_STATEMENTS: string;

package/src/lib/design/system/see-through.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SEE_THROUGH_STATEMENTS = exports.OVERLAY_PANE_SELECTOR = exports.SEE_THROUGH_RULE = void 0;
+/** The rule an open overlay pane breaks when text of the content under it stays visible through it. */
+exports.SEE_THROUGH_RULE = 'SEE-THROUGH';
+/** An open overlay pane: an SDK or CDK overlay, an open native popover or dialog, or a positioned menu or dialog role. */
+exports.OVERLAY_PANE_SELECTOR = [
+    '.et-overlay',
+    '.et-overlay-runtime-pane',
+    '.cdk-overlay-pane',
+    '[popover]:popover-open',
+    'dialog[open]',
+    '[role="menu"]',
+    '[role="dialog"]',
+    '[role="alertdialog"]',
+].join(', ');
+const SAMPLES_PER_SIDE = 3;
+const OPAQUE = 0.95;
+/**
+ * The statements of the see-through check inside the frame script of `render-check`. They use `root` and `report`
+ * of that script. Each point where text outside an open overlay pane lies under that pane must be covered by an
+ * opaque background painted above the text, or the text shows through; text outside any overlay that paints above
+ * the pane is reported too. They finish finite animations and force `pointer-events` on for the
+ * hit test and restore it.
+ */
+exports.SEE_THROUGH_STATEMENTS = `
+  {
+    const panes = [...document.querySelectorAll(${JSON.stringify(exports.OVERLAY_PANE_SELECTOR)})].filter((pane) => {
+      if (pane.getClientRects().length === 0 || getComputedStyle(pane).visibility !== 'visible') return false;
+      if (pane.matches('[role]:not(.et-overlay, .et-overlay-runtime-pane, .cdk-overlay-pane, dialog, [popover])') && !['absolute', 'fixed'].includes(getComputedStyle(pane).position)) return false;
+      return !pane.parentElement?.closest(${JSON.stringify(exports.OVERLAY_PANE_SELECTOR)});
+    });
+    if (panes.length > 0) {
+      for (const animation of document.getAnimations())
+        if (animation.effect?.getComputedTiming().endTime !== Infinity) animation.finish();
+      const force = document.createElement('style');
+      force.textContent = '* { pointer-events: auto !important; }';
+      document.head.append(force);
+      const alphaOf = (colour) => {
+        if (colour === 'transparent') return 0;
+        const slash = /\\/\\s*([\\d.]+)(%?)\\s*\\)$/.exec(colour);
+        if (slash) return parseFloat(slash[1]) / (slash[2] ? 100 : 1);
+        const rgba = /^rgba\\([^,]+,[^,]+,[^,]+,\\s*([\\d.]+)\\s*\\)$/.exec(colour);
+        return rgba ? parseFloat(rgba[1]) : 1;
+      };
+      const opacityOf = (element) => {
+        let opacity = 1;
+        for (let at = element; at; at = at.parentElement) opacity *= parseFloat(getComputedStyle(at).opacity);
+        return opacity;
+      };
+      const coverOf = (element) => {
+        const style = getComputedStyle(element);
+        const solid = element.matches('img, video, canvas, iframe, object, embed') || style.backgroundImage !== 'none' || style.backdropFilter !== 'none';
+        return (solid ? 1 : alphaOf(style.backgroundColor)) * opacityOf(element);
+      };
+      const shown = (element) => {
+        const style = getComputedStyle(element);
+        return style.visibility === 'visible' && alphaOf(style.color) > 0 && opacityOf(element) > 0;
+      };
+      const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
+      const texts = [];
+      for (let node = walker.nextNode(); node; node = walker.nextNode())
+        if (node.textContent.trim() && node.parentElement && !node.parentElement.closest('style, script, template, head')) texts.push(node);
+      const samples = ${SAMPLES_PER_SIDE};
+      for (const pane of panes) {
+        const box = pane.getBoundingClientRect();
+        for (const node of texts) {
+          const owner = node.parentElement;
+          if (pane.contains(owner) || !shown(owner)) continue;
+          const floats = owner.closest(${JSON.stringify(exports.OVERLAY_PANE_SELECTOR + ', [role="tooltip"]')}) !== null;
+          const range = document.createRange();
+          range.selectNodeContents(node);
+          let total = 0;
+          let through = 0;
+          let above = 0;
+          for (const rect of range.getClientRects()) {
+            const left = Math.max(rect.left, box.left, 0);
+            const top = Math.max(rect.top, box.top, 0);
+            const right = Math.min(rect.right, box.right, innerWidth);
+            const bottom = Math.min(rect.bottom, box.bottom, innerHeight);
+            if (right - left < 1 || bottom - top < 1) continue;
+            for (let row = 0; row < samples; row++)
+              for (let column = 0; column < samples; column++) {
+                const x = left + 0.5 + ((right - left - 1) * column) / (samples - 1);
+                const y = top + 0.5 + ((bottom - top - 1) * row) / (samples - 1);
+                const stack = document.elementsFromPoint(x, y);
+                const under = stack.indexOf(owner);
+                const paneAt = stack.findIndex((element) => element === pane || pane.contains(element));
+                if (under < 0 || paneAt < 0) continue;
+                total++;
+                if (paneAt > under) {
+                  if (!floats) above++;
+                  continue;
+                }
+                const clear = stack.slice(0, under).reduce((rest, element) => (element.contains(owner) ? rest : rest * (1 - coverOf(element))), 1);
+                if (1 - clear < ${OPAQUE}) through++;
+              }
+          }
+          if (through === 0 && above === 0) continue;
+          const text = node.textContent.trim().replace(/\\s+/g, ' ');
+          const name = owner.localName + (owner.classList[0] ? '.' + owner.classList[0] : '');
+          const quoted = '"' + (text.length > 32 ? text.slice(0, 31) + '…' : text) + '" (' + name + ')';
+          if (above > 0) report(${JSON.stringify(exports.SEE_THROUGH_RULE)}, pane, quoted + ' paints over the open overlay pane at ' + above + ' of ' + total + ' points - lift the pane above it (z-index or stacking context)');
+          else report(${JSON.stringify(exports.SEE_THROUGH_RULE)}, pane, 'the open overlay pane lets ' + quoted + ' under it show through at ' + through + ' of ' + total + ' points - give the pane an opaque background');
+          break;
+        }
+      }
+      force.remove();
+    }
+  }
+`;
+//# sourceMappingURL=see-through.js.map

package/src/lib/design/system/see-through.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"see-through.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/system/see-through.ts"],"names":[],"mappings":";;;AAAA,uGAAuG;AAC1F,QAAA,gBAAgB,GAAG,aAAa,CAAC;AAE9C,0HAA0H;AAC7G,QAAA,qBAAqB,GAAG;IACnC,aAAa;IACb,0BAA0B;IAC1B,mBAAmB;IACnB,wBAAwB;IACxB,cAAc;IACd,eAAe;IACf,iBAAiB;IACjB,sBAAsB;CACvB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,MAAM,GAAG,IAAI,CAAC;AAEpB;;;;;;GAMG;AACU,QAAA,sBAAsB,GAAG;;kDAEY,IAAI,CAAC,SAAS,CAAC,6BAAqB,CAAC;;;4CAG3C,IAAI,CAAC,SAAS,CAAC,6BAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAiCzD,gBAAgB;;;;;;yCAMC,IAAI,CAAC,SAAS,CAAC,6BAAqB,GAAG,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;kCA0BnE,MAAM;;;;;;;kCAON,IAAI,CAAC,SAAS,CAAC,wBAAgB,CAAC;wBAC1C,IAAI,CAAC,SAAS,CAAC,wBAAgB,CAAC;;;;;;;CAOvD,CAAC"}

package/src/lib/design/system/served-cache.d.ts

@@ -0,0 +1,99 @@
+/** A request a drawing made: url, `accept` header and, for a POST, its body. */
+export type ServedRequest = {
+    url: string;
+    accept: string | null;
+    post?: string | null;
+};
+/** One response a drawing loaded, by url relative to the server, with a hash of status and body. */
+export type ServedInput = ServedRequest & {
+    hash: string | null;
+};
+/** What the server answered: status and body, and the lines it logged while answering. */
+export type Served = {
+    body: Buffer;
+    lines: string[];
+};
+export type FetchServed = (request: ServedRequest) => Promise<Served | null>;
+export declare const REGISTRY_SLICE_PATH = "/__design/registry-slice";
+/**
+ * `text` with each SDK id that ends in a counter (`et-label-30`) renamed by its order of first appearance: the render
+ * worker keeps the SDK loaded, so its counters grow with every render of the same template.
+ */
+export declare const withStableIds: (text: string) => string;
+/**
+ * `text` without what a server start alone changes: inline source maps, which embed host and token, and the
+ * `/@vite/client` websocket token, which Vite draws at random per server start.
+ */
+export declare const withoutStartNoise: (url: string, text: string) => string;
+/**
+ * `requested` with the env and system registries, which list every part of every sketch, replaced by the slice of them
+ * each requested frame can read, so a change to another part's entries leaves the key alone. Kept when no frame was
+ * requested.
+ */
+export declare const withRegistrySlices: (requested: readonly ServedRequest[]) => ServedRequest[];
+/**
+ * The base Node reaches a listening server at: its own address, as Node's fetch tries IPv4 first for `localhost` while
+ * a server on `localhost` may listen on `::1` only.
+ */
+export declare const reachableBaseOf: ({ address, family, port }: {
+    address: string;
+    family: string;
+    port: number;
+}) => string;
+/** Fetches `url` from the server at `base` as Node sees it; null when it cannot be reached in time. */
+export declare const fetchServedOf: (base: string) => FetchServed;
+/**
+ * The hashes of what the server at `base` answers now, each url fetched at most once per instance. The server's own
+ * host is left out of urls and bodies, so a server on another port answers the same.
+ */
+export declare const createServedHashes: (base: string, fetchServed?: FetchServed) => {
+    inputsOf: (requested: readonly ServedRequest[]) => Promise<ServedInput[]>;
+    linesOf: (requested: readonly ServedRequest[]) => Promise<string[]>;
+    unchanged: (inputs: readonly ServedInput[]) => Promise<boolean>;
+};
+export type ServedHashes = ReturnType<typeof createServedHashes>;
+/** A result on disk with the responses its drawing loaded and the lines the server logged meanwhile, reused while every response answers the same. */
+export type ServedEntry<T> = {
+    inputs: ServedInput[];
+    value: T;
+    lines?: string[];
+};
+export type ServedCache<T> = {
+    read: (key: string) => ServedEntry<T> | null;
+    write: (key: string, entry: ServedEntry<T>) => void;
+};
+/** A disk cache of drawn results under `dir`; the least recently used entries go past `limit` bytes. Reading and writing never throw. */
+export declare const createServedCache: <T>(dir: string, limit: number) => ServedCache<T>;
+/**
+ * A served cache read and written within one run: entries are checked against `served`, keys salted with `salt`, the
+ * lines of a hit printed again with `print`.
+ */
+export type ServedCacheRun<T> = {
+    store: ServedCache<T>;
+    served: ServedHashes;
+    salt: string;
+    print?: (line: string) => void;
+};
+/**
+ * The cached value under `key` when every response its drawing loaded still answers the same, else null. A hit prints
+ * the lines the server logged while the value was drawn, as the drawing did.
+ */
+export declare const servedHitOf: <T>(run: ServedCacheRun<T>, key: string) => Promise<T | null>;
+/**
+ * Writes what a drawing found under `key`, with every response it loaded and every line the server logged for it.
+ * Writes nothing and returns false when a response could not be fetched, as its null hash would verify nothing.
+ */
+export declare const writeServed: <T>(run: ServedCacheRun<T>, entry: {
+    key: string;
+    requested: ServedRequest[];
+    value: T;
+}) => Promise<boolean>;
+/** Records every request `context` makes into `into`, a POST with its body. */
+export declare const recordRequests: (context: {
+    on(event: "request", listener: (request: {
+        url(): string;
+        method(): string;
+        postData(): string | null;
+        headers(): Record<string, string>;
+    }) => void): unknown;
+}, into: () => ServedRequest[]) => unknown;

package/src/lib/design/system/served-cache.js

@@ -0,0 +1,202 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.recordRequests = exports.writeServed = exports.servedHitOf = exports.createServedCache = exports.createServedHashes = exports.fetchServedOf = exports.reachableBaseOf = exports.withRegistrySlices = exports.withoutStartNoise = exports.withStableIds = exports.REGISTRY_SLICE_PATH = void 0;
+const crypto_1 = require("crypto");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const cache_entry_1 = require("../cache-entry");
+const compare_cache_1 = require("./compare-cache");
+const render_1 = require("../render");
+const timings_1 = require("../timings");
+const FETCH_TIMEOUT_MS = 30000;
+const ENTRY_SUFFIX = '.json';
+exports.REGISTRY_SLICE_PATH = '/__design/registry-slice';
+const REGISTRY_PATHS = new Set(['/@id/__x00__virtual:design-explore/env', '/@id/__x00__virtual:design-explore/system']);
+const FRAME_PATH = '/frame.html';
+const COUNTED_ID = /\bid=\\?"(et-[a-z-]+-\d+)\\?"/g;
+/**
+ * `text` with each SDK id that ends in a counter (`et-label-30`) renamed by its order of first appearance: the render
+ * worker keeps the SDK loaded, so its counters grow with every render of the same template.
+ */
+const withStableIds = (text) => {
+    const ids = [...new Set([...text.matchAll(COUNTED_ID)].map(([, id]) => id))];
+    const order = new Map(ids.map((id, index) => [id, `et-id-${index}`]));
+    return order.size === 0 ? text : text.replace(/\bet-[a-z-]+-\d+\b/g, (id) => { var _a; return (_a = order.get(id)) !== null && _a !== void 0 ? _a : id; });
+};
+exports.withStableIds = withStableIds;
+const pathOf = (url) => new URL(url, 'http://registry.invalid').pathname;
+const INLINE_SOURCE_MAP = /\n\/\/# sourceMappingURL=data:[^\n]*/g;
+const VITE_CLIENT_PATH = '/@vite/client';
+const VITE_WS_TOKEN = /\bconst wsToken = "[^"]*"/;
+/**
+ * `text` without what a server start alone changes: inline source maps, which embed host and token, and the
+ * `/@vite/client` websocket token, which Vite draws at random per server start.
+ */
+const withoutStartNoise = (url, text) => {
+    const mapless = text.replace(INLINE_SOURCE_MAP, '');
+    return pathOf(url) === VITE_CLIENT_PATH ? mapless.replace(VITE_WS_TOKEN, 'const wsToken = ""') : mapless;
+};
+exports.withoutStartNoise = withoutStartNoise;
+const isRender = (url) => pathOf(url) === render_1.RENDER_PATH;
+const SLICE_PARAMS = ['product', 'call', 'sketch', 'variant', 'props', 'props-variant'];
+/**
+ * `requested` with the env and system registries, which list every part of every sketch, replaced by the slice of them
+ * each requested frame can read, so a change to another part's entries leaves the key alone. Kept when no frame was
+ * requested.
+ */
+const withRegistrySlices = (requested) => {
+    const urlOf = (request) => new URL(request.url, 'http://registry.invalid');
+    const frames = requested.filter((request) => urlOf(request).pathname === FRAME_PATH);
+    if (frames.length === 0 || !requested.some((request) => REGISTRY_PATHS.has(urlOf(request).pathname)))
+        return [...requested];
+    const slices = frames.map((frame) => {
+        const asked = urlOf(frame).searchParams;
+        const query = new URLSearchParams(SLICE_PARAMS.flatMap((name) => { var _a; return (asked.has(name) ? [[name, (_a = asked.get(name)) !== null && _a !== void 0 ? _a : '']] : []); }));
+        const path = `${exports.REGISTRY_SLICE_PATH}?${query}`;
+        return { url: frame.url.startsWith('/') ? path : new URL(path, frame.url).href, accept: null };
+    });
+    return [...requested.filter((request) => !REGISTRY_PATHS.has(urlOf(request).pathname)), ...slices];
+};
+exports.withRegistrySlices = withRegistrySlices;
+/**
+ * The base Node reaches a listening server at: its own address, as Node's fetch tries IPv4 first for `localhost` while
+ * a server on `localhost` may listen on `::1` only.
+ */
+const reachableBaseOf = ({ address, family, port }) => {
+    const any = address === '::' || address === '0.0.0.0';
+    if (family === 'IPv6')
+        return `http://[${any ? '::1' : address}]:${port}`;
+    return `http://${any ? '127.0.0.1' : address}:${port}`;
+};
+exports.reachableBaseOf = reachableBaseOf;
+/** Fetches `url` from the server at `base` as Node sees it; null when it cannot be reached in time. */
+const fetchServedOf = (base) => (_a) => __awaiter(void 0, [_a], void 0, function* ({ url, accept, post }) {
+    try {
+        const response = yield fetch(new URL(url, base), Object.assign(Object.assign({ headers: Object.assign(Object.assign({}, (accept ? { accept } : {})), (typeof post === 'string' ? { [render_1.QUIET_HEADER]: '1' } : {})) }, (typeof post === 'string' ? { method: 'POST', body: post } : {})), { signal: AbortSignal.timeout(FETCH_TIMEOUT_MS) }));
+        const body = Buffer.concat([Buffer.from(`${response.status}\0`), Buffer.from(yield response.arrayBuffer())]);
+        return { body, lines: servedLinesOf(response.headers.get(render_1.SERVED_LINES_HEADER)) };
+    }
+    catch (_b) {
+        return null;
+    }
+});
+exports.fetchServedOf = fetchServedOf;
+const servedLinesOf = (header) => {
+    try {
+        const lines = header ? JSON.parse(decodeURIComponent(header)) : [];
+        return Array.isArray(lines) ? lines.filter((line) => typeof line === 'string') : [];
+    }
+    catch (_a) {
+        return [];
+    }
+};
+/**
+ * The hashes of what the server at `base` answers now, each url fetched at most once per instance. The server's own
+ * host is left out of urls and bodies, so a server on another port answers the same.
+ */
+const createServedHashes = (base, fetchServed = (0, exports.fetchServedOf)(base)) => {
+    const ownHost = new RegExp(`(?:localhost|127\\.0\\.0\\.1|\\[::1\\]):${new URL(base).port}`, 'g');
+    const held = new Map();
+    const relativeOf = ({ url, accept, post }) => (Object.assign({ url: url.startsWith(base) ? url.slice(base.length) || '/' : url, accept }, (typeof post === 'string' ? { post } : {})));
+    const atOf = ({ url, accept, post }) => `${accept !== null && accept !== void 0 ? accept : ''}\0${url}\0${post !== null && post !== void 0 ? post : ''}`;
+    const servedOf = (request) => {
+        const at = atOf(request);
+        const known = held.get(at);
+        if (known)
+            return known;
+        const hashed = fetchServed(request).then((served) => {
+            var _a;
+            if (!served)
+                (0, timings_1.recordNullHashes)(1);
+            const text = served ? (0, exports.withoutStartNoise)(request.url, served.body.toString('latin1').replace(ownHost, '')) : null;
+            return {
+                hash: text === null
+                    ? null
+                    : (0, crypto_1.createHash)('sha256')
+                        .update(isRender(request.url) ? (0, exports.withStableIds)(text) : text)
+                        .digest('hex'),
+                lines: (_a = served === null || served === void 0 ? void 0 : served.lines) !== null && _a !== void 0 ? _a : [],
+            };
+        });
+        held.set(at, hashed);
+        return hashed;
+    };
+    return {
+        inputsOf: (requested) => __awaiter(void 0, void 0, void 0, function* () {
+            const unique = new Map(requested.map((request) => [atOf(relativeOf(request)), relativeOf(request)]));
+            const sorted = [...unique].sort(([a], [b]) => a.localeCompare(b)).map(([, request]) => request);
+            return Promise.all(sorted.map((request) => __awaiter(void 0, void 0, void 0, function* () { return (Object.assign(Object.assign({}, request), { hash: (yield servedOf(request)).hash })); })));
+        }),
+        linesOf: (requested) => __awaiter(void 0, void 0, void 0, function* () { return (yield Promise.all(requested.map((request) => __awaiter(void 0, void 0, void 0, function* () { return (yield servedOf(relativeOf(request))).lines; })))).flat(); }),
+        unchanged: (inputs) => __awaiter(void 0, void 0, void 0, function* () {
+            return (yield Promise.all(inputs.map((input) => __awaiter(void 0, void 0, void 0, function* () { return input.hash !== null && (yield servedOf(input)).hash === input.hash; })))).every(Boolean);
+        }),
+    };
+};
+exports.createServedHashes = createServedHashes;
+/** A disk cache of drawn results under `dir`; the least recently used entries go past `limit` bytes. Reading and writing never throw. */
+const createServedCache = (dir, limit) => ({
+    read: (key) => {
+        const path = (0, path_1.join)(dir, `${key}${ENTRY_SUFFIX}`);
+        try {
+            const entry = JSON.parse((0, fs_1.readFileSync)(path, 'utf8'));
+            if (entry.key !== key || !Array.isArray(entry.inputs) || entry.value === undefined)
+                return null;
+            const now = new Date();
+            (0, fs_1.utimesSync)(path, now, now);
+            return { inputs: entry.inputs, value: entry.value, lines: Array.isArray(entry.lines) ? entry.lines : [] };
+        }
+        catch (_a) {
+            return null;
+        }
+    },
+    write: (key, entry) => {
+        if ((0, cache_entry_1.writeCacheEntry)(dir, { name: `${key}${ENTRY_SUFFIX}`, text: JSON.stringify(Object.assign({ key }, entry)) }))
+            (0, compare_cache_1.evictOldestPast)(dir, limit);
+    },
+});
+exports.createServedCache = createServedCache;
+/**
+ * The cached value under `key` when every response its drawing loaded still answers the same, else null. A hit prints
+ * the lines the server logged while the value was drawn, as the drawing did.
+ */
+const servedHitOf = (run, key) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    const held = run.store.read(key);
+    if (!held || !(yield run.served.unchanged(held.inputs)))
+        return null;
+    for (const line of (_a = held.lines) !== null && _a !== void 0 ? _a : [])
+        ((_b = run.print) !== null && _b !== void 0 ? _b : console.warn)(line);
+    return held.value;
+});
+exports.servedHitOf = servedHitOf;
+/**
+ * Writes what a drawing found under `key`, with every response it loaded and every line the server logged for it.
+ * Writes nothing and returns false when a response could not be fetched, as its null hash would verify nothing.
+ */
+const writeServed = (run, entry) => __awaiter(void 0, void 0, void 0, function* () {
+    const { key, value } = entry;
+    const requested = (0, exports.withRegistrySlices)(entry.requested);
+    const inputs = yield run.served.inputsOf(requested);
+    if (inputs.some((input) => input.hash === null))
+        return false;
+    run.store.write(key, { inputs, lines: yield run.served.linesOf(requested), value });
+    return true;
+});
+exports.writeServed = writeServed;
+/** Records every request `context` makes into `into`, a POST with its body. */
+const recordRequests = (context, into) => context.on('request', (request) => {
+    var _a, _b;
+    return into().push(Object.assign({ url: request.url(), accept: (_a = request.headers()['accept']) !== null && _a !== void 0 ? _a : null }, (request.method() === 'POST' ? { post: (_b = request.postData()) !== null && _b !== void 0 ? _b : '' } : {})));
+});
+exports.recordRequests = recordRequests;
+//# sourceMappingURL=served-cache.js.map

package/src/lib/design/system/served-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"served-cache.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/system/served-cache.ts"],"names":[],"mappings":"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"}

package/src/lib/design/system/settled-panes.d.ts

@@ -0,0 +1,23 @@
+import { Browser } from '../thumb';
+type Page = Awaited<ReturnType<Awaited<ReturnType<Browser['newContext']>>['newPage']>>;
+/** How long `settledPanesOf` waits for the overlay panes a design draws to open in the app. */
+export declare const PANE_COUNT_TIMEOUT_MS = 1000;
+/**
+ * A page script that counts the frames in a row in which every overlay pane has left its init, enter and leave
+ * phases, no finite animation runs, and no box in a pane moved or resized; it returns whether that count reached
+ * `SETTLED_FRAMES`. Run it once per frame.
+ */
+export declare const settledPanesScript: string;
+/**
+ * Waits up to `PANE_COUNT_TIMEOUT_MS` for at least `count` overlay panes, or until the open ones settle with no new one,
+ * then until `settledPanesScript` holds within `timeout`. `opened` is the pane count when fewer than `count` opened.
+ */
+export declare const settledPanesOf: (options: {
+    page: Page;
+    count: number;
+    timeout: number;
+}) => Promise<{
+    settled: boolean;
+    opened: number | null;
+}>;
+export {};