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

package/src/lib/design/system/compare-command.js

@@ -8,68 +8,92 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.designCompare = exports.comparePart = exports.shootStates = exports.harnessShotOf = exports.drawnPaneCountOf = exports.compareWidthOf = exports.compareFrameOf = exports.COMPARE_USAGE = void 0;
+exports.designCompare = exports.ACTIONS_NOT_CHECKED = exports.comparePart = exports.shootStates = exports.shootStatesWith = exports.cachedAppShotOf = exports.compareCachesOf = exports.appShotKeyOf = exports.compareWidthOf = exports.appShotsOf = exports.appShotProblemOf = exports.COMPARE_SHOTS_AT_ONCE = exports.COMPARE_USAGE = void 0;
+const crypto_1 = require("crypto");
+const no_verdict_1 = require("./no-verdict");
 const fs_1 = require("fs");
 const os_1 = require("os");
 const path_1 = require("path");
 const browser_1 = require("../browser");
+const vite_cache_1 = require("../vite-cache");
 const serve_1 = require("../serve");
+const phase_timing_1 = require("../phase-timing");
+const code_hash_1 = require("../code-hash");
+const timings_1 = require("../timings");
 const shot_1 = require("../shot");
 const thumb_1 = require("../thumb");
 const actions_command_1 = require("./actions-command");
+const compare_cache_1 = require("./compare-cache");
 const harness_map_1 = require("./harness-map");
 const harness_samples_1 = require("./harness-samples");
 const live_compare_1 = require("./live-compare");
 const harness_server_1 = require("./harness-server");
+const harness_shot_1 = require("./harness-shot");
 const part_compare_1 = require("./part-compare");
 const part_task_1 = require("./part-task");
+const app_files_1 = require("./app-files");
+const reachable_files_1 = require("./reachable-files");
 const resolve_product_1 = require("./resolve-product");
-const sdk_errors_1 = require("./sdk-errors");
-const settled_panes_1 = require("./settled-panes");
+const in_order_at_once_1 = require("./in-order-at-once");
 const frozen_animations_1 = require("./frozen-animations");
 const cli_args_1 = require("./sketch/cli-args");
+const covered_diffs_1 = require("./sketch/covered-diffs");
 const sketch_1 = require("./sketch/sketch");
+const pixel_cache_1 = require("./pixel-cache");
 const system_modules_1 = require("./system-modules");
 const unchanged_rows_1 = require("./unchanged-rows");
-exports.COMPARE_USAGE = 'compare <layer>/<name> | --all --product <name> [--url <app dev server url>] [--state <name>] [--preset <name>] [--live [--sketch <variant>]]';
-const ROOM_PX = 1024;
+exports.COMPARE_USAGE = 'compare <layer>/<name> | --all --product <name> | --affected --product <name> [--url <app dev server url>] [--state <name>] [--preset <name>] [--live [--sketch <variant>]]';
+/** @internal How many states compare shoots at once, design and app pictures alike. */
+exports.COMPARE_SHOTS_AT_ONCE = 8;
 const messageOf = (error) => (error instanceof Error ? error.message : String(error));
-class HarnessError extends Error {
-}
-class UndrivableError extends HarnessError {
-}
-class DroppedPropsError extends Error {
-}
-const MOUNTED_INPUTS_SCRIPT = `(() => {
-  const mounted = document.querySelector(${JSON.stringify(part_compare_1.HARNESS_HOST_SELECTOR)})?.firstElementChild;
-  const ng = window.ng;
-
-  if (!mounted || !ng?.getComponent || !ng.getDirectiveMetadata) return null;
-
-  const component = ng.getComponent(mounted);
-  const inputs = component ? ng.getDirectiveMetadata(component)?.inputs : null;
-
-  return inputs ? Object.keys(inputs) : null;
-})()`;
+/** @internal The failed state a harness shot's error stands for; rethrows any error that fails the whole compare. */
+const appShotProblemOf = (error) => {
+    if (error instanceof harness_shot_1.DroppedPropsError || error instanceof harness_shot_1.MissingPanesError || error instanceof harness_shot_1.LookMissError)
+        return { problem: error.message };
+    if (error instanceof harness_shot_1.UndrivableError)
+        return { problem: error.message, undrivable: true };
+    throw error;
+};
+exports.appShotProblemOf = appShotProblemOf;
 /**
- * How compare draws a part: a page at a product preset, the asked one or the first, with the harness host filling
- * its viewport; any other part fitted to its content.
+ * @internal Shoots the app picture of each state that has a design, at most `COMPARE_SHOTS_AT_ONCE` at once, and returns
+ * the shots in state order; a state whose pointer open is a string aborts with it before any shot.
  */
-const compareFrameOf = (options) => {
-    var _a, _b;
-    const { presets, part } = options;
-    if (!part.startsWith('pages/'))
-        return options.preset === null
-            ? { preset: null, size: null, layout: null }
-            : `--preset applies to a pages part only, ${part} is fitted to its content`;
-    const preset = (_b = (_a = options.preset) !== null && _a !== void 0 ? _a : Object.keys(presets)[0]) !== null && _b !== void 0 ? _b : '';
-    const size = Object.keys(presets).includes(preset) ? presets[preset] : undefined;
-    return size
-        ? { preset, size, layout: 'page' }
-        : `the product has no preset "${preset}" - its presets: ${Object.keys(presets).join(', ')}`;
-};
-exports.compareFrameOf = compareFrameOf;
+const appShotsOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    const { designs, opens, slotOnly } = options;
+    const states = options.states.filter((state) => designs.get(state));
+    const aborting = states.map((state) => opens[state]).find((open) => typeof open === 'string');
+    if (typeof aborting === 'string')
+        return aborting;
+    return (0, in_order_at_once_1.inOrderAtOnce)({
+        items: states,
+        limit: exports.COMPARE_SHOTS_AT_ONCE,
+        run: (state) => __awaiter(void 0, void 0, void 0, function* () {
+            const design = designs.get(state);
+            const base = slotOnly.get(state);
+            if (base !== undefined)
+                return {
+                    state,
+                    problem: `draws like ${base} once compare empties its slots - it differs from ${base} only inside slot() regions, so compare cannot check it`,
+                };
+            const app = yield options.shoot({ state, design, open: opens[state] });
+            return 'app' in app ? Object.assign({ state, design: design.png }, app) : Object.assign({ state }, app);
+        }),
+    });
+});
+exports.appShotsOf = appShotsOf;
 /** The width a non-page part is compared at: the first of the `widths` its design declares, `null` to fit its content. */
 const compareWidthOf = (options) => {
     const first = Array.isArray(options.widths) ? options.widths[0] : undefined;
@@ -78,216 +102,103 @@ const compareWidthOf = (options) => {
         : null;
 };
 exports.compareWidthOf = compareWidthOf;
-const clickOpen = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    const { page, host, url, control, timeout } = options;
-    const scratch = yield page.context().newPage();
-    let name;
-    try {
-        yield scratch.setContent(options.markup);
-        const trigger = scratch.locator(`[data-et-control=${JSON.stringify(control)}]`).first();
-        name =
-            (yield trigger.count()) === 0
-                ? null
-                : {
-                    label: yield trigger.getAttribute('aria-label'),
-                    text: ((_a = (yield trigger.textContent())) !== null && _a !== void 0 ? _a : '').replace(/\s+/g, ' ').trim(),
-                };
-    }
-    finally {
-        yield scratch.close();
-    }
-    if (name === null)
-        throw new HarnessError(`the design picture has no [data-et-control="${control}"] trigger to click open`);
-    const triggerIn = (scope) => {
-        const triggers = scope.locator('[aria-expanded]');
-        return name.label === null
-            ? triggers.filter({ hasText: name.text })
-            : triggers.and(scope.locator(`[aria-label=${JSON.stringify(name.label)}]`));
-    };
-    const trigger = triggerIn(host)
-        .or(triggerIn(page.locator(OVERLAY_ROOTS)))
-        .first();
-    const named = (_b = name.label) !== null && _b !== void 0 ? _b : name.text;
-    yield trigger.waitFor({ state: 'visible', timeout }).catch(() => {
-        throw new HarnessError(`the harness page ${url} has no [aria-expanded] trigger named "${named}" to click control ${control} open`);
-    });
-    yield trigger.click({ timeout });
-    yield page.mouse.move(-1, -1);
-    yield trigger
-        .and(page.locator('[aria-expanded="true"]'))
-        .waitFor({ timeout })
-        .catch(() => {
-        throw new HarnessError(`a click on "${named}" in ${url} did not open control ${control}`);
-    });
-});
-const OVERLAY_ROOTS = '.et-overlay-runtime-root, .cdk-overlay-container';
+const sha256Of = (text) => (0, crypto_1.createHash)('sha256').update(text).digest('hex');
 /**
- * The number of overlay panes a design picture draws: each `<et-overlay-container>`, `.et-overlay-runtime-pane`,
- * `<et-menu>` and `<et-select-panel>` mock, as the app renders each of them in a pane of its own.
+ * @internal The disk cache key of an app picture: `salt` (the app picture code and the browser version), the hash of the built app,
+ * and every option the shot is drawn with but the harness origin, whose port changes from run to run.
  */
-const drawnPaneCountOf = (markup) => [...markup.matchAll(/<([a-z][\w-]*)(\s[^>]*)?>/g)].filter(([, tag = '', attributes = '']) => ['et-overlay-container', 'et-menu', 'et-select-panel'].includes(tag) ||
-    /\sclass="(?:[^"]*\s)?et-overlay-runtime-pane[\s"]/.test(attributes)).length;
-exports.drawnPaneCountOf = drawnPaneCountOf;
-const FORCED_POLL_MS = 50;
-const escapedForRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-/**
- * The one visible app element named as the design's `forced` element: by `aria-label`, else by role or tag and whole
- * text. It looks in the harness host first and in the overlay roots only when the host has none.
- */
-const forcedTargetOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    const { page, host, forced, url, timeout } = options;
-    const { interaction, label, role, text } = forced;
-    if (label === null && text === '')
-        throw new UndrivableError(`the design forces ${interaction} on a <${role}> without an aria-label or text - compare cannot find it in the app`);
-    const named = label === null ? `the ${role} "${text}"` : `the aria-label "${label}"`;
-    const matchesIn = (scope) => (label === null
-        ? scope
-            .locator(`[role=${JSON.stringify(role)}]${/^[a-z][\w-]*$/i.test(role) ? `, ${role}:not([role])` : ''}`)
-            .filter({
-            hasText: new RegExp(`^\\s*${[...text.replace(/\s+/g, '')].map(escapedForRegExp).join('\\s*')}\\s*$`),
-        })
-        : scope.locator(`[aria-label=${JSON.stringify(label)}]`)).filter({ visible: true });
-    const deadline = Date.now() + timeout;
-    for (;;) {
-        for (const scope of [host, page.locator(OVERLAY_ROOTS)]) {
-            const matches = matchesIn(scope);
-            const count = yield matches.count();
-            if (count === 1)
-                return matches;
-            if (count > 1)
-                throw new UndrivableError(`the harness page ${url} has ${count} elements with ${named} to force ${interaction} on`);
-        }
-        if (Date.now() > deadline)
-            throw new UndrivableError(`the harness page ${url} has no element with ${named} to force ${interaction} on`);
-        yield page.waitForTimeout(FORCED_POLL_MS);
-    }
+const appShotKeyOf = (options) => {
+    var _a;
+    const _b = options.shot, { url, opened, props } = _b, rest = __rest(_b, ["url", "opened", "props"]);
+    const { pathname, search } = new URL(url);
+    return (0, compare_cache_1.cacheKeyOf)([
+        options.salt,
+        options.app,
+        `${pathname}${search}`,
+        opened ? { control: opened.control, markup: sha256Of(opened.markup) } : null,
+        props ? { sent: (_a = props.sent) !== null && _a !== void 0 ? _a : null, designOnly: [...props.designOnly].sort() } : null,
+        rest,
+    ]);
+};
+exports.appShotKeyOf = appShotKeyOf;
+/** @internal The disk caches of one compare: design pictures by the files they are drawn from, app pictures by `appShotKeyOf`. */
+const compareCachesOf = (options) => {
+    const { target, server, appRoot } = options;
+    const salt = `${(0, code_hash_1.appPictureCodeOf)()} ${options.browser}`;
+    return {
+        design: server.shotStore((0, vite_cache_1.viteCacheOf)(target, compare_cache_1.COMPARE_DESIGN_SHOTS), options.browser),
+        app: appRoot
+            ? {
+                salt,
+                built: (0, phase_timing_1.timedPhase)('compare-app-hash', () => (0, compare_cache_1.builtAppHashOf)(appRoot)),
+                cache: (0, compare_cache_1.createAppShotCache)((0, vite_cache_1.viteCacheOf)(target, compare_cache_1.COMPARE_APP_SHOTS)),
+            }
+            : null,
+    };
+};
+exports.compareCachesOf = compareCachesOf;
+/** @internal The app picture of `shot` from `cache`, or drawn by `draw` and kept there; without a cache always drawn. */
+const cachedAppShotOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    const { cache } = options;
+    const key = cache ? (0, exports.appShotKeyOf)({ salt: cache.salt, app: cache.built, shot: options.shot }) : null;
+    const kept = key && cache ? cache.cache.read(key) : null;
+    (0, timings_1.recordCache)(!!kept);
+    if (kept)
+        return kept;
+    const drawn = yield options.draw();
+    if (key)
+        cache === null || cache === void 0 ? void 0 : cache.cache.write(key, drawn);
+    return drawn;
 });
-/**
- * A PNG of the harness host element at `url`, in the viewport of `size` at device scale 1, or without `size` fitted
- * as a design frame fits its root, with its overflowing positioned descendants and rounded to whole pixels, with the
- * pointer off the page, after a pointer click on the app trigger of the design `markup`'s `[data-et-control]` named
- * `opened`, and with each `forced` element hovered, pressed or keyboard-focused as the design picture forces it.
- * With `roomAbove`, for a design picture drawn above its part root, the fitted host gets room above and before it, so
- * an overlay that opens above neither flips below nor shifts off the viewport edge, and the shot grows up as well.
- * Without `size`, a `width` sets the viewport and the host to that width, as a design frame draws a part with `widths`.
- */
-const harnessShotOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const { browser, url } = options;
-    const timeout = (_a = options.timeout) !== null && _a !== void 0 ? _a : thumb_1.DRAW_TIMEOUT_MS;
-    const room = !options.size && !!options.roomAbove;
-    const width = options.size ? null : ((_b = options.width) !== null && _b !== void 0 ? _b : null);
-    const viewport = Object.assign(Object.assign({}, (0, shot_1.viewportOf)((_c = options.size) !== null && _c !== void 0 ? _c : null)), (width ? { width } : {}));
-    const context = yield browser.newContext({
-        viewport: room ? { width: viewport.width + ROOM_PX, height: viewport.height + ROOM_PX } : viewport,
-        deviceScaleFactor: 1,
-    });
+exports.cachedAppShotOf = cachedAppShotOf;
+/** A listening design server and a draw queue that outlive one compare; the owner closes them. */
+const ownDraw = (target, config) => __awaiter(void 0, void 0, void 0, function* () {
+    const server = yield (0, serve_1.createDesignServer)({ target, config, listen: true, port: 0 });
     try {
-        const page = yield context.newPage();
-        const sdkErrors = (0, sdk_errors_1.watchSdkErrors)(page);
-        yield page.goto(url, { timeout }).catch((error) => {
-            var _a;
-            throw new HarnessError(`the harness page ${url} did not load: ${(_a = messageOf(error).split('\n')[0]) !== null && _a !== void 0 ? _a : ''}`);
-        });
-        const host = page.locator(part_compare_1.HARNESS_HOST_SELECTOR).first();
-        yield host.waitFor({ state: 'visible', timeout }).catch(() => {
-            throw new HarnessError(`the harness page ${url} showed no ${part_compare_1.HARNESS_HOST_SELECTOR} element within ${timeout} ms - does the app serve the design harness route?`);
-        });
-        if (width)
-            yield page.evaluate(`document.querySelector(${JSON.stringify(part_compare_1.HARNESS_HOST_SELECTOR)}).style.width = '${width}px'`);
-        if (options.ambient)
-            yield page.evaluate(`Object.assign(document.querySelector(${JSON.stringify(part_compare_1.HARNESS_HOST_SELECTOR)}).style, ${JSON.stringify(options.ambient)})`);
-        yield (0, thumb_1.awaitFonts)(page);
-        if (options.props) {
-            const inputs = (yield page.evaluate(MOUNTED_INPUTS_SCRIPT));
-            const dropped = inputs ? (0, part_compare_1.droppedPropsOf)(Object.assign({ props: options.props.sent, inputs }, options.props)) : [];
-            if (dropped.length > 0)
-                throw new DroppedPropsError(`the design prop${dropped.length > 1 ? 's' : ''} ${dropped.join(', ')} ${dropped.length > 1 ? 'have' : 'has'} no input on the app component - the harness drops ${dropped.length > 1 ? 'them' : 'it'}, so compare cannot check this state`);
-        }
-        if (room)
-            yield page.evaluate(`document.documentElement.style.padding = '${ROOM_PX}px 0 0 ${ROOM_PX}px'`);
-        yield page.mouse.move(-1, -1);
-        if (options.opened)
-            yield clickOpen(Object.assign({ page, host, url, timeout }, options.opened));
-        for (const forced of (_d = options.forced) !== null && _d !== void 0 ? _d : []) {
-            const { interaction } = forced;
-            const element = yield forcedTargetOf({ page, host, forced, url, timeout });
-            if (interaction === 'hover')
-                yield element.hover({ timeout });
-            else if (interaction === 'active') {
-                yield element.hover({ timeout });
-                yield page.mouse.down();
-            }
-            else if (interaction === 'focus-visible') {
-                yield page.keyboard.press('Shift');
-                yield element.focus({ timeout });
-            }
-            else
-                throw new UndrivableError(`compare cannot force ${interaction} on "${(_e = forced.label) !== null && _e !== void 0 ? _e : forced.text}" in the app`);
-        }
-        if (!(yield (0, settled_panes_1.settledPanesOf)({ page, count: (_f = options.panes) !== null && _f !== void 0 ? _f : 0, timeout })))
-            throw new HarnessError(`the harness page ${url} did not settle its overlay panes within ${timeout} ms`);
-        if ((_g = options.frozen) === null || _g === void 0 ? void 0 : _g.length)
-            yield page.evaluate((0, frozen_animations_1.freezeAnimationsScriptOf)(options.frozen));
-        if (options.size && (yield page.locator(part_compare_1.OVERLAY_PANES).count()) === 0) {
-            const hostBox = yield host.evaluate((element) => {
-                const { x, y } = element.getBoundingClientRect();
-                return { x: Math.round(x + scrollX), y: Math.round(y + scrollY) };
-            });
-            yield page.evaluate((0, shot_1.checkerScriptOf)(hostBox));
-            const png = yield host.screenshot({ type: 'png', animations: 'disabled', timeout });
-            const sdkProblem = sdkErrors(`the harness page ${url}`);
-            if (sdkProblem)
-                throw new HarnessError(sdkProblem);
-            return png;
-        }
-        // Waits for a stable host as an element screenshot does; without it an overlay a click opened is not drawn yet.
-        yield host.scrollIntoViewIfNeeded({ timeout });
-        const box = (yield page.evaluate((0, part_compare_1.hostBoxScriptOf)({ up: room })));
-        const clip = (0, shot_1.pixelBoxOf)(box);
-        yield page.evaluate((0, shot_1.checkerScriptOf)(clip));
-        const png = yield page.screenshot({
-            type: 'png',
-            fullPage: true,
-            animations: 'disabled',
-            clip,
-            timeout,
-        });
-        const sdkProblem = sdkErrors(`the harness page ${url}`);
-        if (sdkProblem)
-            throw new HarnessError(sdkProblem);
-        return png;
+        yield (0, phase_timing_1.timedPhase)('compare-design-server', () => server.listen());
     }
-    finally {
-        yield context.close();
+    catch (error) {
+        yield server.close();
+        throw error;
     }
+    return server;
 });
-exports.harnessShotOf = harnessShotOf;
-/** Draws each state of a part, or the `only` one, as its design frame and as the app's harness page, in one Chromium. */
-const shootStates = (_a) => __awaiter(void 0, [_a], void 0, function* ({ target, config, product, part, url, only, preset, appOnly }) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const frame = (0, exports.compareFrameOf)({ presets: product.presets, part, preset: preset !== null && preset !== void 0 ? preset : null });
+/** `shootStates` drawing on `warm`, or on a design server and Chromium of its own when there is none. */
+const shootStatesWith = (warm) => (_a) => __awaiter(void 0, [_a], void 0, function* ({ target, config, product, part, url, only, preset, appOnly, appRoot, onDesignShots }) {
+    var _b, _c, _d, _e, _f, _g;
+    const frame = (0, harness_shot_1.compareFrameOf)({ presets: product.presets, part, preset: preset !== null && preset !== void 0 ? preset : null });
     if (typeof frame === 'string')
         return frame;
-    if (!(yield (0, browser_1.chromiumOf)(target)))
+    const browser = yield (0, browser_1.chromiumOf)(target);
+    if (!browser)
         return 'compare needs playwright or playwright-core in the checkout';
-    const queue = (0, thumb_1.createDrawQueue)({ target });
-    const server = yield (0, serve_1.createDesignServer)({ target, config, listen: true, port: 0 });
+    const queue = warm ? warm.queue() : (0, thumb_1.createDrawQueue)({ target });
+    let server;
     let shooter;
     try {
-        yield server.listen();
+        server = warm
+            ? yield (0, phase_timing_1.timedPhase)('compare-design-server', () => warm.server(config))
+            : yield ownDraw(target, config);
         const { port } = (_b = server.httpServer) === null || _b === void 0 ? void 0 : _b.address();
         const system = (0, system_modules_1.createSystemModules)({ target, config });
-        shooter = (0, shot_1.createPartShooter)({ target, base: `http://localhost:${port}`, system, queue });
-        const file = (_d = (_c = product.parts.find((candidate) => (0, resolve_product_1.partKeyOf)(candidate) === part)) === null || _c === void 0 ? void 0 : _c.file) !== null && _d !== void 0 ? _d : '';
+        const caches = (0, exports.compareCachesOf)({
+            target,
+            server,
+            browser: (0, compare_cache_1.browserVersionOf)(browser.from),
+            appRoot: appRoot !== null && appRoot !== void 0 ? appRoot : null,
+        });
+        shooter = (0, shot_1.createPartShooter)({ target, base: `http://localhost:${port}`, system, queue, store: caches.design });
+        const resolved = product.parts.find((candidate) => (0, resolve_product_1.partKeyOf)(candidate) === part);
+        const file = (_c = resolved === null || resolved === void 0 ? void 0 : resolved.file) !== null && _c !== void 0 ? _c : '';
         const module = (yield server.ssrLoadModule((0, system_modules_1.productModuleIdOf)({ file, product: product.name })));
-        const width = (0, exports.compareWidthOf)({ part, widths: (_e = module.default) === null || _e === void 0 ? void 0 : _e.widths });
-        const loaded = (_f = module.default) === null || _f === void 0 ? void 0 : _f.states;
-        const drawn = new Set(yield (0, unchanged_rows_1.drawnStateNamesOf)(module.default));
-        const states = loaded && typeof loaded === 'object' && !Array.isArray(loaded)
-            ? Object.fromEntries(Object.entries(loaded).filter(([state]) => drawn.has(state)))
-            : {};
+        const width = (0, exports.compareWidthOf)({ part, widths: (_d = module.default) === null || _d === void 0 ? void 0 : _d.widths });
+        const loaded = (_e = module.default) === null || _e === void 0 ? void 0 : _e.states;
+        const drawn = new Set(yield (0, unchanged_rows_1.drawnStateNamesOf)(module.default, (_f = resolved === null || resolved === void 0 ? void 0 : resolved.cssSource) !== null && _f !== void 0 ? _f : null));
+        const declared = loaded && typeof loaded === 'object' && !Array.isArray(loaded) ? Object.entries(loaded) : [];
+        const states = Object.fromEntries(declared.filter(([state]) => drawn.has(state)));
+        const skipped = declared.flatMap(([state]) => (drawn.has(state) ? [] : [state]));
+        if (only !== null && skipped.includes(only))
+            return `${part} does not draw "${only}": it is an interaction state of a row of unchanged SDK controls`;
         if (only !== null && !(only in states))
             return `${part} has no state "${only}" - its states: ${Object.keys(states).join(', ')}`;
         const controls = (_g = module.default) === null || _g === void 0 ? void 0 : _g.controls;
@@ -306,52 +217,48 @@ const shootStates = (_a) => __awaiter(void 0, [_a], void 0, function* ({ target,
             checker: true,
             params: new URLSearchParams(),
         });
-        const draw = (state) => __awaiter(void 0, void 0, void 0, function* () { var _a; return (_a = designs.get(state)) !== null && _a !== void 0 ? _a : designs.set(state, yield pictureOf(state, true)).get(state); });
-        for (const state of Object.keys(states))
-            yield draw(state);
-        const slotted = [...designs.values()].some((design) => { var _a; return (_a = design === null || design === void 0 ? void 0 : design.markup) === null || _a === void 0 ? void 0 : _a.includes('data-et-projected'); });
-        const slotOnly = slotted
-            ? yield (0, part_compare_1.slotOnlyStatesOf)({
-                states: Object.keys(states),
-                emptied: new Map([...designs].flatMap(([state, design]) => (design ? [[state, design.png]] : []))),
-                full: (state) => __awaiter(void 0, void 0, void 0, function* () { var _a, _b; return (_b = (_a = (yield pictureOf(state, false))) === null || _a === void 0 ? void 0 : _a.png) !== null && _b !== void 0 ? _b : null; }),
-            })
-            : new Map();
+        const slotOnly = yield (0, phase_timing_1.timedPhase)('compare-design-shots', () => __awaiter(void 0, void 0, void 0, function* () {
+            const drawn = yield (0, in_order_at_once_1.inOrderAtOnce)({
+                items: Object.keys(states),
+                limit: exports.COMPARE_SHOTS_AT_ONCE,
+                run: (state) => pictureOf(state, true),
+            });
+            drawn.forEach((design, at) => { var _a; return designs.set((_a = Object.keys(states)[at]) !== null && _a !== void 0 ? _a : '', design); });
+            const slotted = [...designs.values()].some((design) => { var _a; return (_a = design === null || design === void 0 ? void 0 : design.markup) === null || _a === void 0 ? void 0 : _a.includes('data-et-projected'); });
+            return slotted
+                ? yield (0, part_compare_1.slotOnlyStatesOf)({
+                    states: Object.keys(states),
+                    emptied: new Map([...designs].flatMap(([state, design]) => (design ? [[state, design.png]] : []))),
+                    full: (state) => __awaiter(void 0, void 0, void 0, function* () { var _a, _b; return (_b = (_a = (yield pictureOf(state, false))) === null || _a === void 0 ? void 0 : _a.png) !== null && _b !== void 0 ? _b : null; }),
+                })
+                : new Map();
+        }));
+        onDesignShots === null || onDesignShots === void 0 ? void 0 : onDesignShots();
         const opens = (0, part_compare_1.pointerOpensOf)({
             states,
             controls,
             drawn: Object.fromEntries([...designs].map(([state, design]) => { var _a; return [state, (0, part_compare_1.drawnSurfacesOf)((_a = design.markup) !== null && _a !== void 0 ? _a : '')]; })),
         });
-        const shots = [];
         const sampled = (0, harness_samples_1.productSampledPropsOf)({ target, product, part });
         const forcing = new Set([...designs].flatMap(([state, design]) => { var _a; return ((0, part_compare_1.forcedElementsOf)((_a = design === null || design === void 0 ? void 0 : design.markup) !== null && _a !== void 0 ? _a : '').length > 0 ? [state] : []); }));
-        for (const state of only === null ? Object.keys(states) : [only]) {
-            const design = designs.get(state);
-            const open = opens[state];
-            if (!design)
-                continue;
-            if (typeof open === 'string')
-                return open;
-            const base = slotOnly.get(state);
-            if (base !== undefined && !appOnly) {
-                shots.push({
-                    state,
-                    problem: `draws like ${base} once compare empties its slots - it differs from ${base} only inside slot() regions, so compare cannot check it`,
-                });
-                continue;
-            }
-            const sent = (_h = open === null || open === void 0 ? void 0 : open.props) !== null && _h !== void 0 ? _h : states[(_j = open === null || open === void 0 ? void 0 : open.from) !== null && _j !== void 0 ? _j : state];
-            const forced = (0, part_compare_1.forcedElementsOf)((_k = design.markup) !== null && _k !== void 0 ? _k : '');
-            const app = yield queue.run((browser) => {
-                var _a, _b, _c, _d, _e, _f;
-                return (0, exports.harnessShotOf)(Object.assign(Object.assign(Object.assign(Object.assign({ browser, url: (0, part_compare_1.harnessUrlOf)({
+        const unshot = yield (0, phase_timing_1.timedPhase)('compare-app-shots', () => (0, exports.appShotsOf)({
+            states: only === null ? Object.keys(states) : [only],
+            designs,
+            opens,
+            slotOnly: appOnly ? new Map() : slotOnly,
+            shoot: ({ state, design, open }) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+                const sent = (_a = open === null || open === void 0 ? void 0 : open.props) !== null && _a !== void 0 ? _a : states[(_b = open === null || open === void 0 ? void 0 : open.from) !== null && _b !== void 0 ? _b : state];
+                const forced = (0, part_compare_1.forcedElementsOf)((_c = design.markup) !== null && _c !== void 0 ? _c : '');
+                const looks = (0, part_compare_1.frameLooksOf)((_d = design.markup) !== null && _d !== void 0 ? _d : '');
+                const shot = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ url: (0, part_compare_1.harnessUrlOf)({
                         url,
                         part,
                         state,
                         props: sent,
                         layout: frame.layout,
                     }), size: frame.size, width,
-                    forced }, (appOnly
+                    forced }, ((0, part_compare_1.forcesInFramesOf)((_e = design.markup) !== null && _e !== void 0 ? _e : '') ? { forcesInFrames: true } : {})), (looks.length > 0 ? { looks } : {})), (appOnly
                     ? {}
                     : {
                         props: {
@@ -363,85 +270,147 @@ const shootStates = (_a) => __awaiter(void 0, [_a], void 0, function* ({ target,
                                     state,
                                     forced: forced.map(({ interaction }) => interaction),
                                     forcing,
-                                    selected: (0, part_compare_1.drawsSelectedOf)((_a = design.markup) !== null && _a !== void 0 ? _a : ''),
+                                    selected: (0, part_compare_1.drawsSelectedOf)((_f = design.markup) !== null && _f !== void 0 ? _f : ''),
                                 }),
                                 ...sampled,
                             ]),
                         },
-                    })), { roomAbove: ((_c = (_b = design.marks.find((mark) => mark.parts.includes(part))) === null || _b === void 0 ? void 0 : _b.y) !== null && _c !== void 0 ? _c : 0) > 0, panes: (0, exports.drawnPaneCountOf)((_d = design.markup) !== null && _d !== void 0 ? _d : ''), frozen: (0, frozen_animations_1.frozenAnimationsOf)((_e = design.markup) !== null && _e !== void 0 ? _e : '') }), (design.ambient ? { ambient: design.ambient } : {})), (open ? { opened: { control: open.control, markup: (_f = design.markup) !== null && _f !== void 0 ? _f : '' } } : {}))).catch((error) => {
-                    if (error instanceof DroppedPropsError)
-                        return { problem: error.message };
-                    if (error instanceof UndrivableError)
-                        return { problem: error.message, undrivable: true };
-                    throw error;
-                });
-            });
-            shots.push(Buffer.isBuffer(app) ? { state, design: design.png, app } : Object.assign({ state }, app));
-        }
-        return { states, shots };
+                    })), { roomAbove: ((_h = (_g = design.marks.find((mark) => mark.parts.includes(part))) === null || _g === void 0 ? void 0 : _g.y) !== null && _h !== void 0 ? _h : 0) > 0, panes: (0, harness_shot_1.drawnPaneCountOf)((_j = design.markup) !== null && _j !== void 0 ? _j : ''), frozen: (0, frozen_animations_1.frozenAnimationsOf)((_k = design.markup) !== null && _k !== void 0 ? _k : '') }), (design.ambient ? { ambient: design.ambient } : {})), (open ? { opened: { control: open.control, markup: (_l = design.markup) !== null && _l !== void 0 ? _l : '' } } : {}));
+                return (0, exports.cachedAppShotOf)({
+                    cache: caches.app,
+                    shot,
+                    draw: () => (0, phase_timing_1.timedPhase)(`compare-app-shot ${state}`, () => queue.run((browser) => (0, harness_shot_1.harnessShotOf)(Object.assign(Object.assign({}, shot), { browser, phase: `compare-app-shot ${state}` })).then((app) => ({ app })))),
+                }).catch(exports.appShotProblemOf);
+            },
+        }));
+        if (typeof unshot === 'string')
+            return unshot;
+        return { states, shots: unshot, skipped };
     }
     catch (error) {
         return messageOf(error);
     }
     finally {
-        yield (shooter === null || shooter === void 0 ? void 0 : shooter.close());
-        yield queue.close();
-        yield server.close();
+        if (!warm)
+            yield (0, phase_timing_1.timedPhase)('compare-close', () => __awaiter(void 0, void 0, void 0, function* () {
+                yield (shooter === null || shooter === void 0 ? void 0 : shooter.close());
+                yield queue.close();
+                yield (server === null || server === void 0 ? void 0 : server.close());
+            }));
     }
 });
-exports.shootStates = shootStates;
+exports.shootStatesWith = shootStatesWith;
+/** Draws each state of a part, or the `only` one, as its design frame and as the app's harness page, in one Chromium. */
+exports.shootStates = (0, exports.shootStatesWith)();
 const fileNameOf = (state) => state.replace(/[^\w.-]/g, '-');
 /** Compares the design and app pictures of each state at 0 px, prints a line per state, and keeps the pictures of each failing one in a temp folder. */
 const comparePart = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    const shot = yield ((_a = options.shoot) !== null && _a !== void 0 ? _a : exports.shootStates)(options);
+    var _a, _b;
+    const shot = yield (0, phase_timing_1.timedPhase)('compare-states', () => { var _a; return ((_a = options.shoot) !== null && _a !== void 0 ? _a : exports.shootStates)(options); });
     if (typeof shot === 'string')
         return shot;
     if (shot.shots.length === 0)
         return `${options.part} has no states to compare`;
-    let dir = null;
-    let failed = false;
-    for (const stateShot of shot.shots) {
-        const { state } = stateShot;
-        if ('problem' in stateShot) {
-            console.log(`${state} FAILED ${stateShot.problem}`);
-            failed = true;
-            continue;
-        }
-        const { design, app } = stateShot;
-        let result;
-        try {
-            result = (0, part_compare_1.comparePngs)({ design, app });
-        }
-        catch (error) {
-            return `the pictures of ${state} cannot be compared: ${messageOf(error)}`;
+    const { states, shots } = shot;
+    const skippedLine = (0, unchanged_rows_1.skippedStatesLineOf)((_a = shot.skipped) !== null && _a !== void 0 ? _a : []);
+    if (skippedLine !== null)
+        console.log(skippedLine);
+    const sketches = (_b = options.sketches) !== null && _b !== void 0 ? _b : (0, sketch_1.listSketches)({ productDir: options.product.dir, product: options.product.name }).filter((sketch) => typeof sketch !== 'string');
+    return (0, phase_timing_1.timedPhase)('compare-pixels', () => {
+        let dir = null;
+        const cache = { dir: (0, vite_cache_1.viteCacheOf)(options.target, pixel_cache_1.COMPARE_PIXELS), salt: (0, code_hash_1.pixelCompareCodeOf)() };
+        let failed = false;
+        for (const stateShot of shots) {
+            const { state } = stateShot;
+            if ('problem' in stateShot) {
+                console.log(`${state} FAILED ${stateShot.problem}`);
+                failed = true;
+                continue;
+            }
+            const { design, app } = stateShot;
+            let result;
+            try {
+                const compared = (0, pixel_cache_1.cachedComparePngs)(Object.assign(Object.assign({}, cache), { design, app }));
+                (0, timings_1.recordCache)(compared.hit);
+                result = compared.result;
+            }
+            catch (error) {
+                return `the pictures of ${state} cannot be compared: ${messageOf(error)}`;
+            }
+            const line = (0, part_compare_1.compareLineOf)(state, result);
+            if (result.kind === 'ok') {
+                console.log(line);
+                continue;
+            }
+            const covering = (0, covered_diffs_1.coveringSketchOf)({ sketches, part: options.part, state, result });
+            if (covering !== null) {
+                console.log((0, covered_diffs_1.coveredLineOf)(line, covering));
+                continue;
+            }
+            console.log(line);
+            dir !== null && dir !== void 0 ? dir : (dir = (0, fs_1.mkdtempSync)((0, path_1.join)((0, os_1.tmpdir)(), 'et-design-compare-')));
+            (0, fs_1.writeFileSync)((0, path_1.join)(dir, `${fileNameOf(state)}.design.png`), design);
+            (0, fs_1.writeFileSync)((0, path_1.join)(dir, `${fileNameOf(state)}.app.png`), app);
+            (0, fs_1.writeFileSync)((0, path_1.join)(dir, `${fileNameOf(state)}.diff.png`), result.diff);
         }
-        console.log((0, part_compare_1.compareLineOf)(state, result));
-        if (result.kind === 'ok')
-            continue;
-        dir !== null && dir !== void 0 ? dir : (dir = (0, fs_1.mkdtempSync)((0, path_1.join)((0, os_1.tmpdir)(), 'et-design-compare-')));
-        (0, fs_1.writeFileSync)((0, path_1.join)(dir, `${fileNameOf(state)}.design.png`), design);
-        (0, fs_1.writeFileSync)((0, path_1.join)(dir, `${fileNameOf(state)}.app.png`), app);
-        (0, fs_1.writeFileSync)((0, path_1.join)(dir, `${fileNameOf(state)}.diff.png`), result.diff);
-    }
-    if (dir !== null)
-        console.log(`pictures: ${dir}`);
-    return { green: dir === null && !failed, states: shot.states };
+        if (dir !== null)
+            console.log(`pictures: ${dir}`);
+        return { green: dir === null && !failed, states };
+    });
 });
 exports.comparePart = comparePart;
+/**
+ * Runs the action check of an affected part whose compare is green, on the same harness, and records the part as
+ * implemented again when every action works; a part whose design moved since its record needs `task --verify`.
+ */
+const recordAffected = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const { product, task } = options;
+    if (!(0, part_task_1.implementedHolds)((_a = (0, part_task_1.readImplemented)(task.dir)[task.part]) === null || _a === void 0 ? void 0 : _a.hash, task))
+        return { ok: false, line: `${task.part}: its design changed since it was implemented - run task --verify` };
+    const missed = yield (0, phase_timing_1.timedPhase)('compare-actions', () => options.actions({
+        target: options.target,
+        config: options.config,
+        product,
+        part: task.part,
+        url: options.url,
+        harness: options.harness,
+        appRoot: options.appRoot,
+        onNote: (line) => console.log(line),
+    }));
+    if (!Array.isArray(missed))
+        return { ok: false, line: `${task.part} not recorded - ${(0, no_verdict_1.noVerdictLineOf)('actions', missed)}` };
+    if (missed.length > 0) {
+        missed.forEach((line) => console.error(line));
+        return { ok: false, line: `${task.part}: ${missed.length} action(s) missed, so nothing was recorded` };
+    }
+    const implemented = (0, part_task_1.markImplemented)({
+        product,
+        part: task.part,
+        states: options.states,
+        app: (0, app_files_1.appFilesOf)({ root: (0, reachable_files_1.repoRootOf)(product), component: task.component }),
+    });
+    return typeof implemented === 'string'
+        ? { ok: false, line: implemented }
+        : { ok: true, line: `recorded ${task.part} as compared (${implemented.at})` };
+});
+/** The summary line of a compare whose action check could not run: a skipped check never passes. */
+exports.ACTIONS_NOT_CHECKED = 'FAILED actions: not checked, so no action counts as working';
 /**
  * `et design compare --all` compares every done part and fails on any deviation or part it cannot compare; a foundation has nothing to compare.
+ * `et design compare --affected` compares, on one harness, every implemented part whose app files changed since its
+ * record, runs its action check and records each part that passes both.
  * `et design compare <layer>/<name> …` compares each state of a part with the app's harness page of its component;
  * with `--live` each live state of a page with the app's real page on the fixed sample of `harness.live`.
  */
 const designCompare = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
     const { target, invocation } = options;
     const args = (0, cli_args_1.argsOf)(options.argv, {
         values: ['--product', '--url', '--state', '--preset', '--sketch'],
-        switches: ['--all', '--live'],
+        switches: ['--all', '--affected', '--live'],
     });
-    if (typeof args === 'string' || args.positional.length !== (args.flags.has('--all') ? 0 : 1)) {
+    const many = typeof args !== 'string' && (args.flags.has('--all') || args.flags.has('--affected'));
+    if (typeof args === 'string' || args.positional.length !== (many ? 0 : 1)) {
         if (typeof args === 'string')
             console.error(args);
         console.error(`usage: ${invocation} ${exports.COMPARE_USAGE}`);
@@ -449,7 +418,8 @@ const designCompare = (options) => __awaiter(void 0, void 0, void 0, function* (
     }
     const config = (0, cli_args_1.configOf)(target);
     const all = args.flags.has('--all');
-    const parsed = all ? null : (0, sketch_1.parseTarget)(args.positional[0]);
+    const affected = args.flags.has('--affected');
+    const parsed = many ? null : (0, sketch_1.parseTarget)(args.positional[0]);
     if (typeof config === 'string' || typeof parsed === 'string') {
         console.error(typeof config === 'string' ? config : parsed);
         return 1;
@@ -464,17 +434,30 @@ const designCompare = (options) => __awaiter(void 0, void 0, void 0, function* (
         console.error('--sketch compares live states only: pass --live');
         return 2;
     }
-    if (all && (live || args.values['--state'] !== undefined || args.values['--preset'] !== undefined)) {
-        console.error('--all compares every state of every done part: pass no part, --state, --preset or --live');
+    if (all && affected) {
+        console.error('pass --all or --affected, not both');
+        return 2;
+    }
+    if (many && (live || args.values['--state'] !== undefined || args.values['--preset'] !== undefined)) {
+        console.error(`${all ? '--all' : '--affected'} compares every state of each part: pass no part, --state, --preset or --live`);
         return 2;
     }
+    const changedFiles = new Map(affected ? (0, part_task_1.affectedPartsOf)(product).map(({ part, files }) => [part, files]) : []);
     const keys = all
         ? (0, part_task_1.doneParts)({
             product,
             parts: product.parts.filter((part) => part.layer !== 'foundations').map(resolve_product_1.partKeyOf),
         })
-        : [(0, resolve_product_1.partKeyOf)(parsed)];
-    if (!all && (parsed === null || parsed === void 0 ? void 0 : parsed.layer) === 'foundations' && product.parts.some((part) => (0, resolve_product_1.partKeyOf)(part) === keys[0])) {
+        : affected
+            ? [...changedFiles.keys()]
+            : [(0, resolve_product_1.partKeyOf)(parsed)];
+    if (affected && keys.length === 0) {
+        console.log(`${product.name}: no implemented part changed since its compare`);
+        return 0;
+    }
+    if (affected)
+        console.log(`affected: ${keys.join(', ')}`);
+    if (!many && (parsed === null || parsed === void 0 ? void 0 : parsed.layer) === 'foundations' && product.parts.some((part) => (0, resolve_product_1.partKeyOf)(part) === keys[0])) {
         console.log(`${keys[0]}: foundation, nothing to compare`);
         return 0;
     }
@@ -493,7 +476,7 @@ const designCompare = (options) => __awaiter(void 0, void 0, void 0, function* (
     for (const task of tasks) {
         if (typeof task !== 'string')
             continue;
-        console.error(all ? `${task} - cannot be compared` : task);
+        console.error(many ? `${task} - cannot be compared` : task);
         failed++;
     }
     if (pending.length === 0)
@@ -503,56 +486,95 @@ const designCompare = (options) => __awaiter(void 0, void 0, void 0, function* (
         product,
         url: args.values['--url'],
         start: options.start,
-        run: (url) => __awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b, _c, _d;
+        run: (url, root) => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f;
+            const notes = [];
+            let designsShot = () => undefined;
+            const designsDrawn = new Promise((resolve) => (designsShot = resolve));
+            const actions = many || live
+                ? null
+                : (0, phase_timing_1.timedPhase)('compare-actions', () => {
+                    var _a, _b;
+                    return ((_a = options.actions) !== null && _a !== void 0 ? _a : actions_command_1.partActionFailuresOf)({
+                        target,
+                        config,
+                        product,
+                        part: (_b = keys[0]) !== null && _b !== void 0 ? _b : '',
+                        url: args.values['--url'],
+                        harness: url,
+                        appRoot: root,
+                        designsDrawn,
+                        onNote: (line) => notes.push(line),
+                    });
+                }).then((missed) => ({ missed }), (error) => ({ error }));
             for (const task of pending) {
                 if (all)
                     console.log(`== ${task.part}`);
+                if (affected)
+                    console.log(`== ${task.part} (changed: ${((_a = changedFiles.get(task.part)) !== null && _a !== void 0 ? _a : []).join(', ')})`);
                 const result = yield (0, exports.comparePart)({
                     target,
                     config,
                     product,
                     part: task.part,
                     url,
-                    only: (_a = args.values['--state']) !== null && _a !== void 0 ? _a : null,
-                    preset: (_b = args.values['--preset']) !== null && _b !== void 0 ? _b : null,
-                    sketch: (_c = args.values['--sketch']) !== null && _c !== void 0 ? _c : null,
-                    shoot: (_d = options.shoot) !== null && _d !== void 0 ? _d : (live ? live_compare_1.shootLiveStates : undefined),
+                    only: (_b = args.values['--state']) !== null && _b !== void 0 ? _b : null,
+                    preset: (_c = args.values['--preset']) !== null && _c !== void 0 ? _c : null,
+                    sketch: (_d = args.values['--sketch']) !== null && _d !== void 0 ? _d : null,
+                    appRoot: root,
+                    shoot: (_e = options.shoot) !== null && _e !== void 0 ? _e : (live ? live_compare_1.shootLiveStates : undefined),
+                    onDesignShots: designsShot,
                 });
+                designsShot();
                 if (typeof result === 'string') {
                     console.error(result);
                     failed++;
                 }
                 else if (!result.green)
                     failed++;
+                else if (affected) {
+                    const recorded = yield recordAffected({
+                        target,
+                        config,
+                        product,
+                        task,
+                        states: result.states,
+                        url: args.values['--url'],
+                        harness: url,
+                        appRoot: root,
+                        actions: (_f = options.actions) !== null && _f !== void 0 ? _f : actions_command_1.partActionFailuresOf,
+                    });
+                    console[recorded.ok ? 'log' : 'error'](recorded.line);
+                    if (!recorded.ok)
+                        failed++;
+                }
             }
-            return failed;
+            if (actions === null)
+                return { failed, missed: null };
+            const settled = yield actions;
+            notes.forEach((line) => console.log(line));
+            if ('error' in settled)
+                throw settled.error;
+            return { failed, missed: settled.missed };
         }),
     });
     if (typeof compared === 'string') {
         console.error(compared);
         return 1;
     }
-    if (all || live)
-        return compared === 0 ? 0 : 1;
-    const missed = yield ((_a = options.actions) !== null && _a !== void 0 ? _a : actions_command_1.partActionFailuresOf)({
-        target,
-        config,
-        product,
-        part: (_b = keys[0]) !== null && _b !== void 0 ? _b : '',
-        url: args.values['--url'],
-        start: options.start,
-        onNote: (line) => console.log(line),
-    });
+    const { missed } = compared;
+    if (missed === null)
+        return compared.failed === 0 ? 0 : 1;
     if (!Array.isArray(missed)) {
-        console.error(`actions not checked: ${missed.unavailable}`);
+        console.error((0, no_verdict_1.noVerdictLineOf)('actions', missed));
+        console.log(exports.ACTIONS_NOT_CHECKED);
         return 1;
     }
     missed.forEach((line) => console.error(line));
     console.log(missed.length === 0
         ? 'every declared action works'
         : `${missed.length} action${missed.length === 1 ? '' : 's'} missed`);
-    return compared === 0 && missed.length === 0 ? 0 : 1;
+    return compared.failed === 0 && missed.length === 0 ? 0 : 1;
 });
 exports.designCompare = designCompare;
 //# sourceMappingURL=compare-command.js.map