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

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.watchSdkErrors = exports.watchSdkErrorLines = exports.sdkErrorLineOf = void 0;
+const SDK_ERROR = /\b(ET\d+)\b:?\s*([^\n]*)/;
+const sdkErrorLineOf = (text) => {
+    var _a;
+    const match = SDK_ERROR.exec(text);
+    return match ? `${match[1]}: ${(_a = match[2]) !== null && _a !== void 0 ? _a : ''}`.trim() : null;
+};
+exports.sdkErrorLineOf = sdkErrorLineOf;
+const watchSdkErrorLines = (page) => {
+    const found = new Set();
+    const collect = (text) => {
+        const line = (0, exports.sdkErrorLineOf)(text);
+        if (line)
+            found.add(line);
+    };
+    page.on('console', (message) => message.type() === 'error' && collect(message.text()));
+    page.on('pageerror', (error) => collect(error.message));
+    return {
+        lines: () => [...found],
+        drain: () => {
+            const lines = [...found];
+            found.clear();
+            return lines;
+        },
+    };
+};
+exports.watchSdkErrorLines = watchSdkErrorLines;
+const watchSdkErrors = (page) => {
+    const watcher = (0, exports.watchSdkErrorLines)(page);
+    return (where) => {
+        const lines = watcher.lines();
+        return lines.length === 0 ? null : `${where} logged SDK errors:\n${lines.map((line) => `  ${line}`).join('\n')}`;
+    };
+};
+exports.watchSdkErrors = watchSdkErrors;
+//# sourceMappingURL=sdk-errors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sdk-errors.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/system/sdk-errors.ts"],"names":[],"mappings":";;;AAAA,MAAM,SAAS,GAAG,0BAA0B,CAAC;AAOtC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;;IAC7C,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,MAAA,KAAK,CAAC,CAAC,CAAC,mCAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAChE,CAAC,CAAC;AAJW,QAAA,cAAc,kBAIzB;AAEK,MAAM,kBAAkB,GAAG,CAAC,IAAe,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;IAChC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE;QAC/B,MAAM,IAAI,GAAG,IAAA,sBAAc,EAAC,IAAI,CAAC,CAAC;QAElC,IAAI,IAAI;YAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACvF,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAExD,OAAO;QACL,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;QACvB,KAAK,EAAE,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;YAEzB,KAAK,CAAC,KAAK,EAAE,CAAC;YAEd,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,kBAAkB,sBAqB7B;AAEK,MAAM,cAAc,GAAG,CAAC,IAAe,EAAE,EAAE;IAChD,MAAM,OAAO,GAAG,IAAA,0BAAkB,EAAC,IAAI,CAAC,CAAC;IAEzC,OAAO,CAAC,KAAa,EAAE,EAAE;QACvB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;QAE9B,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,wBAAwB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IACnH,CAAC,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}

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/settled-panes.d.ts

@@ -0,0 +1,18 @@
+import { Browser } from '../thumb';
+type Page = Awaited<ReturnType<Awaited<ReturnType<Browser['newContext']>>['newPage']>>;
+/**
+ * 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 for at least `count` overlay panes, then until `settledPanesScript` holds. Resolves `false` when that does not
+ * happen within `timeout`.
+ */
+export declare const settledPanesOf: (options: {
+    page: Page;
+    count: number;
+    timeout: number;
+}) => Promise<boolean>;
+export {};

package/src/lib/design/system/settled-panes.js

@@ -0,0 +1,70 @@
+"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.settledPanesOf = exports.settledPanesScript = void 0;
+const wait_1 = require("../wait");
+const action_press_1 = require("./action-press");
+const part_compare_1 = require("./part-compare");
+const UNSETTLED_PANE = [
+    ...['enter-from', 'enter-active', 'enter-to', 'leave-from', 'leave-active', 'leave-to'].map((phase) => `.et-animation-${phase}`),
+    '.et-force-invisible',
+].join(', ');
+const SETTLED_FRAMES = 3;
+const PANE_COUNT_TIMEOUT_MS = 10000;
+/**
+ * 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.
+ */
+exports.settledPanesScript = `(() => {
+  const panes = [...document.querySelectorAll(${JSON.stringify(part_compare_1.OVERLAY_PANES)})];
+  const quiet =
+    panes.every((pane) => !pane.matches(${JSON.stringify(UNSETTLED_PANE)}) && !pane.querySelector(${JSON.stringify(UNSETTLED_PANE)})) &&
+    !document.getAnimations().some(${action_press_1.UNSETTLED_ANIMATION});
+  const geometry = panes
+    .map((pane) =>
+      [pane, ...pane.querySelectorAll('*')]
+        .map((element) => {
+          const { x, y, width, height } = element.getBoundingClientRect();
+
+          return x + ',' + y + ',' + width + ',' + height;
+        })
+        .join(' '),
+    )
+    .join('|');
+  const still = quiet && geometry === window.__etPaneGeometry;
+
+  window.__etPaneGeometry = geometry;
+  window.__etSettledFrames = still ? (window.__etSettledFrames ?? 0) + 1 : 0;
+
+  return window.__etSettledFrames >= ${SETTLED_FRAMES};
+})()`;
+/**
+ * Waits for at least `count` overlay panes, then until `settledPanesScript` holds. Resolves `false` when that does not
+ * happen within `timeout`.
+ */
+const settledPanesOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    const { page, count } = options;
+    const timeout = (0, wait_1.playwrightTimeoutOf)(options.timeout);
+    if (count > 0)
+        yield page
+            .waitForFunction(`document.querySelectorAll(${JSON.stringify(part_compare_1.OVERLAY_PANES)}).length >= ${count}`, undefined, {
+            timeout: Math.min(timeout, PANE_COUNT_TIMEOUT_MS),
+            polling: 'raf',
+        })
+            .catch(() => undefined);
+    return page
+        .waitForFunction(exports.settledPanesScript, undefined, { timeout, polling: 'raf' })
+        .then(() => true)
+        .catch(() => false);
+});
+exports.settledPanesOf = settledPanesOf;
+//# sourceMappingURL=settled-panes.js.map

package/src/lib/design/system/settled-panes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settled-panes.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/system/settled-panes.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,kCAA8C;AAC9C,iDAAqD;AACrD,iDAA+C;AAI/C,MAAM,cAAc,GAAG;IACrB,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,GAAG,CACzF,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,KAAK,EAAE,CACpC;IACD,qBAAqB;CACtB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB,MAAM,qBAAqB,GAAG,KAAM,CAAC;AAErC;;;;GAIG;AACU,QAAA,kBAAkB,GAAG;gDACc,IAAI,CAAC,SAAS,CAAC,4BAAa,CAAC;;0CAEnC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,4BAA4B,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;qCAC7F,kCAAmB;;;;;;;;;;;;;;;;;uCAiBjB,cAAc;KAChD,CAAC;AAEN;;;GAGG;AACI,MAAM,cAAc,GAAG,CAAO,OAAuD,EAAE,EAAE;IAC9F,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAChC,MAAM,OAAO,GAAG,IAAA,0BAAmB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAErD,IAAI,KAAK,GAAG,CAAC;QACX,MAAM,IAAI;aACP,eAAe,CAAC,6BAA6B,IAAI,CAAC,SAAS,CAAC,4BAAa,CAAC,eAAe,KAAK,EAAE,EAAE,SAAS,EAAE;YAC5G,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,qBAAqB,CAAC;YACjD,OAAO,EAAE,KAAK;SACf,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;IAE5B,OAAO,IAAI;SACR,eAAe,CAAC,0BAAkB,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3E,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC;SAChB,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC,CAAA,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}

package/src/lib/design/system/sketch/after-merge.d.ts

@@ -0,0 +1,11 @@
+import { ResolvedProduct } from '../resolve-product';
+/**
+ * Rebases each undiscarded sketch whose base the merge of `merged` changed, re-checks it and keeps its status; one that
+ * conflicts or fails the check gets a `portAfterMerge` mark instead. `product` must resolve the product after the merge.
+ */
+export declare const rebaseAfterMerge: (options: {
+    target: string;
+    product: ResolvedProduct;
+    merged: string[];
+    before: Record<string, string>;
+}) => string[];

package/src/lib/design/system/sketch/after-merge.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rebaseAfterMerge = void 0;
+const path_1 = require("path");
+const baseline_1 = require("./baseline");
+const check_sketches_1 = require("./check-sketches");
+const rebase_port_1 = require("./rebase-port");
+const sketch_1 = require("./sketch");
+const stale_base_1 = require("./stale-base");
+const changedKeysOf = (before, now) => new Set([...Object.keys(before), ...Object.keys(now)].filter((key) => before[key] !== now[key]));
+const recheckOf = (options) => (0, check_sketches_1.variantProblemsOf)(options).flatMap(({ variant, problems }) => (0, sketch_1.rejectionOf)(options.sketch, variant)
+    ? []
+    : problems.map((problem) => `${variant}: ${problem.rule} ${(0, path_1.relative)(options.target, problem.file)}: ${problem.message}`));
+/**
+ * Rebases each undiscarded sketch whose base the merge of `merged` changed, re-checks it and keeps its status; one that
+ * conflicts or fails the check gets a `portAfterMerge` mark instead. `product` must resolve the product after the merge.
+ */
+const rebaseAfterMerge = (options) => {
+    var _a;
+    const { target, product, merged, before } = options;
+    const changed = changedKeysOf(before, (0, baseline_1.baselineOf)(product));
+    const after = `after the merge of ${merged.join(', ')}`;
+    const lines = [];
+    for (const sketch of (0, sketch_1.listSketches)({ productDir: product.dir, product: product.name })) {
+        if (typeof sketch === 'string' || ((_a = sketch.decision) === null || _a === void 0 ? void 0 : _a.kind) === 'discard')
+            continue;
+        const parts = (0, stale_base_1.staleBaseOf)({ product, sketch });
+        if (!(parts === null || parts === void 0 ? void 0 : parts.some((part) => changed.has(part))))
+            continue;
+        const id = `${product.name} ${sketch.target}`;
+        const rebase = `sketch rebase ${sketch.target} --product ${product.name} --by <model id>`;
+        const mark = (marked, reasons) => (0, sketch_1.writeSketchFile)(Object.assign(Object.assign({}, marked), { portAfterMerge: { merged, parts, reasons, at: new Date().toISOString() } }));
+        const { ported, conflicts } = (0, rebase_port_1.portBaseChanges)({ target, product, sketch });
+        if (conflicts.length > 0) {
+            mark(sketch, conflicts);
+            lines.push(`AGENT PORTS ${id} ${after}: ${conflicts.join('; ')} - port it by hand, then run ${rebase}`);
+            continue;
+        }
+        const rebased = (0, sketch_1.rebaseSketch)({ product, sketch });
+        const problems = ported.length > 0 ? recheckOf({ target, product, sketch: rebased }) : [];
+        if (problems.length > 0) {
+            mark(rebased, problems);
+            lines.push(`AGENT PORTS ${id} ${after}: rebased, but the check fails: ${problems.join('; ')} - fix it, then run sketch check ${sketch.target} --product ${product.name}`);
+            continue;
+        }
+        lines.push(`REBASED ${id} ${after}`);
+    }
+    return lines;
+};
+exports.rebaseAfterMerge = rebaseAfterMerge;
+//# sourceMappingURL=after-merge.js.map

package/src/lib/design/system/sketch/after-merge.js.map

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

package/src/lib/design/system/sketch/aktuell-placeholders.d.ts

@@ -0,0 +1,30 @@
+import { ResolvedProduct } from '../resolve-product';
+import { Sketch } from './sketch';
+import { SketchPartLoader } from './unchanged-states';
+import { PictureOf } from '../../merge-compare';
+/**
+ * The warning for a part whose "Aktuell" column in the Studio sketch view draws no frame: the rows left once the
+ * states every variant draws unchanged are folded away are all new in the sketch. `null` when it draws one.
+ */
+export declare const aktuellPlaceholderWarningOf: (options: {
+    current: string[];
+    variants: {
+        states: string[];
+        unchanged: string[];
+    }[];
+}) => string | null;
+/** The `VARIANT-UNCHANGED` warning for a variant that draws every one of its states like the product; `null` otherwise. */
+export declare const unchangedVariantWarningOf: (options: {
+    states: string[];
+    unchanged: string[];
+}) => string | null;
+/**
+ * One warning per target part of the sketch whose "Aktuell" column would show only placeholders, and one per live
+ * variant that draws every state of a target like the product.
+ */
+export declare const aktuellPlaceholderWarningsOf: (options: {
+    product: ResolvedProduct;
+    sketch: Sketch;
+    load: SketchPartLoader;
+    pictureOf: PictureOf;
+}) => Promise<string[]>;

package/src/lib/design/system/sketch/aktuell-placeholders.js

@@ -0,0 +1,87 @@
+"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.aktuellPlaceholderWarningsOf = exports.unchangedVariantWarningOf = exports.aktuellPlaceholderWarningOf = void 0;
+const list_system_1 = require("../list-system");
+const resolve_product_1 = require("../resolve-product");
+const overlay_1 = require("./overlay");
+const sketch_1 = require("./sketch");
+const unchanged_states_1 = require("./unchanged-states");
+/**
+ * The warning for a part whose "Aktuell" column in the Studio sketch view draws no frame: the rows left once the
+ * states every variant draws unchanged are folded away are all new in the sketch. `null` when it draws one.
+ */
+const aktuellPlaceholderWarningOf = (options) => {
+    const { current, variants } = options;
+    const folded = variants.length === 0 ? [] : current.filter((state) => variants.every((v) => v.unchanged.includes(state)));
+    const visible = [...new Set([...current, ...variants.flatMap((variant) => variant.states)])].filter((state) => !folded.includes(state));
+    if (folded.length === 0 || visible.some((state) => current.includes(state)))
+        return null;
+    return `Aktuell shows only placeholders: open "${folded[0]}" to compare`;
+};
+exports.aktuellPlaceholderWarningOf = aktuellPlaceholderWarningOf;
+/** The `VARIANT-UNCHANGED` warning for a variant that draws every one of its states like the product; `null` otherwise. */
+const unchangedVariantWarningOf = (options) => {
+    const { states, unchanged } = options;
+    if (states.length === 0 || states.some((state) => !unchanged.includes(state)))
+        return null;
+    return `WARNING VARIANT-UNCHANGED every state (${states.join(', ')}) draws the same pixels as Aktuell - the variant offers no decision`;
+};
+exports.unchangedVariantWarningOf = unchangedVariantWarningOf;
+/**
+ * One warning per target part of the sketch whose "Aktuell" column would show only placeholders, and one per live
+ * variant that draws every state of a target like the product.
+ */
+const aktuellPlaceholderWarningsOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    const { product, sketch, load, pictureOf } = options;
+    const live = sketch.variants.filter((variant) => !(0, sketch_1.rejectionOf)(sketch, variant));
+    const warnings = [];
+    for (const part of sketch.targets) {
+        const file = (_a = product.parts.find((entry) => (0, resolve_product_1.partKeyOf)(entry) === part)) === null || _a === void 0 ? void 0 : _a.file;
+        if (!file)
+            continue;
+        const current = yield (0, list_system_1.readPartModule)({
+            part: { file },
+            product: product.name,
+            load: () => load({ file, product: product.name, sketch: null }),
+        });
+        if (current.problem)
+            continue;
+        const variants = [];
+        for (const variant of live) {
+            const drawn = (_b = (0, overlay_1.overlaySketch)({ product, sketch, variant }).parts.find((entry) => (0, resolve_product_1.partKeyOf)(entry) === part)) === null || _b === void 0 ? void 0 : _b.file;
+            if (!drawn)
+                continue;
+            const read = yield (0, list_system_1.readPartModule)({
+                part: { file: drawn },
+                product: product.name,
+                load: () => load({ file: drawn, product: product.name, sketch: { target: sketch.target, variant } }),
+            });
+            if (read.problem)
+                continue;
+            const compared = {
+                states: read.states,
+                unchanged: yield (0, unchanged_states_1.unchangedStatesOf)({ product, sketch, variant, load, pictureOf, part }),
+            };
+            const unchangedWarning = (0, exports.unchangedVariantWarningOf)(compared);
+            variants.push(compared);
+            if (unchangedWarning !== null)
+                warnings.push(`${sketch.target} ${variant}${part === (0, resolve_product_1.partKeyOf)(sketch) ? '' : ` ${part}`}: ${unchangedWarning}`);
+        }
+        const warning = (0, exports.aktuellPlaceholderWarningOf)({ current: current.states, variants });
+        if (warning !== null)
+            warnings.push(`${sketch.target}${part === (0, resolve_product_1.partKeyOf)(sketch) ? '' : ` ${part}`}: ${warning}`);
+    }
+    return warnings;
+});
+exports.aktuellPlaceholderWarningsOf = aktuellPlaceholderWarningsOf;
+//# sourceMappingURL=aktuell-placeholders.js.map

package/src/lib/design/system/sketch/aktuell-placeholders.js.map

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

package/src/lib/design/system/sketch/baseline.d.ts

@@ -6,7 +6,7 @@ type Owner = {
     dir: string;
     config?: Pick<DesignProduct, 'generatedFiles'>;
 };
-type HashedProduct = Owner & {
+export type HashedProduct = Owner & {
     base: Owner | null;
 };
 /**
@@ -18,11 +18,29 @@ export declare const partHashOf: (options: {
     product: HashedProduct;
     dir: string;
 }) => string;
+/** The files `partHashOf` reads: the part folder without generated files, and the shared and asset files it reaches. */
+export declare const partInputsOf: (options: {
+    product: HashedProduct;
+    dir: string;
+}) => {
+    files: string[];
+    shared: {
+        path: string;
+        file: string;
+    }[];
+    assets: {
+        path: string;
+        file: string;
+    }[];
+    generated: Set<string>;
+};
 /**
  * The content hash of each part the product resolves (its folder and the assets it imports), and of its fixture set,
  * under the part key and `fixtures.ts`. A sketch keeps it to tell when a part it replaces changed in the product.
  */
 export declare const baselineOf: (product: ResolvedProduct) => Record<string, string>;
+/** `baselineOf`, letting the server answer other requests before each part it hashes. */
+export declare const baselineInTurnsOf: (product: ResolvedProduct) => Promise<Record<string, string>>;
 /**
  * The parts, and `fixtures.ts`, a variant replaces whose state in the product differs from the
  * sketch's baseline: changed, added or removed since the sketch was created.

package/src/lib/design/system/sketch/baseline.js

@@ -1,9 +1,19 @@
 "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.staleBaselineOf = exports.conflictsOf = exports.baselineOf = exports.partHashOf = exports.FIXTURES_KEY = void 0;
+exports.staleBaselineOf = exports.conflictsOf = exports.baselineInTurnsOf = exports.baselineOf = exports.partInputsOf = exports.partHashOf = exports.FIXTURES_KEY = void 0;
 const crypto_1 = require("crypto");
 const fs_1 = require("fs");
 const path_1 = require("path");
+const promises_1 = require("timers/promises");
 const assets_1 = require("../assets");
 const imports_1 = require("../imports");
 const product_1 = require("../product");
@@ -26,22 +36,34 @@ const generatedFilesOf = (product) => new Set([product, product.base].flatMap((o
  * `@shared/` and each `@assets/` file it or those files import, as `product` resolves them. A part that imports
  * neither hashes as its folder alone. Files the product or its base lists in `generatedFiles` are left out.
  */
-const partHashOf = (options) => {
+const partHashOf = (options) => hashOf(Object.assign({ root: options.dir }, (0, exports.partInputsOf)(options)));
+exports.partHashOf = partHashOf;
+/** The files `partHashOf` reads: the part folder without generated files, and the shared and asset files it reaches. */
+const partInputsOf = (options) => {
     const generated = generatedFilesOf(options.product);
     const files = (0, assets_1.filesBelow)(options.dir).filter((file) => !generated.has(file));
     const shared = (0, imports_1.importedSharedOf)({ product: options.product, files });
     const assets = (0, assets_1.importedAssetsOf)({ product: options.product, files: [...files, ...shared.map(({ file }) => file)] });
-    return hashOf({ root: options.dir, files, assets, shared });
+    return { files, shared, assets, generated };
 };
-exports.partHashOf = partHashOf;
+exports.partInputsOf = partInputsOf;
+const fixturesHashOf = (product) => product.fixtures ? { [exports.FIXTURES_KEY]: hashOf({ root: (0, path_1.dirname)(product.fixtures), files: [product.fixtures] }) } : {};
 /**
  * The content hash of each part the product resolves (its folder and the assets it imports), and of its fixture set,
  * under the part key and `fixtures.ts`. A sketch keeps it to tell when a part it replaces changed in the product.
  */
-const baselineOf = (product) => (Object.assign(Object.assign({}, Object.fromEntries(product.parts.map((part) => [(0, resolve_product_1.partKeyOf)(part), (0, exports.partHashOf)({ product, dir: (0, path_1.dirname)(part.file) })]))), (product.fixtures
-    ? { [exports.FIXTURES_KEY]: hashOf({ root: (0, path_1.dirname)(product.fixtures), files: [product.fixtures] }) }
-    : {})));
+const baselineOf = (product) => (Object.assign(Object.assign({}, Object.fromEntries(product.parts.map((part) => [(0, resolve_product_1.partKeyOf)(part), (0, exports.partHashOf)({ product, dir: (0, path_1.dirname)(part.file) })]))), fixturesHashOf(product)));
 exports.baselineOf = baselineOf;
+/** `baselineOf`, letting the server answer other requests before each part it hashes. */
+const baselineInTurnsOf = (product) => __awaiter(void 0, void 0, void 0, function* () {
+    const hashes = {};
+    for (const part of product.parts) {
+        yield (0, promises_1.setImmediate)();
+        hashes[(0, resolve_product_1.partKeyOf)(part)] = (0, exports.partHashOf)({ product, dir: (0, path_1.dirname)(part.file) });
+    }
+    return Object.assign(Object.assign({}, hashes), fixturesHashOf(product));
+});
+exports.baselineInTurnsOf = baselineInTurnsOf;
 /**
  * The parts, and `fixtures.ts`, a variant replaces whose state in the product differs from the
  * sketch's baseline: changed, added or removed since the sketch was created.

package/src/lib/design/system/sketch/baseline.js.map

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

package/src/lib/design/system/sketch/check-sketches.d.ts

@@ -30,6 +30,16 @@ export declare const openSketchProblemsOf: (product: ResolvedProduct) => {
     unreadable: Problem[];
     variants: VariantProblems[];
 };
+export type OpenSketchListing = {
+    unreadable: Problem[];
+    variants: {
+        target: string;
+        variant: string;
+        problems: Problem[];
+    }[];
+};
+/** `openSketchProblemsOf` as plain data a worker can post: each variant names its sketch by target. */
+export declare const openSketchListingOf: (product: ResolvedProduct) => OpenSketchListing;
 /** Runs `tsc` over one variant laid over the product, with a tsconfig of its own. */
 export declare const typecheckVariant: (options: {
     target: string;