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

package/src/lib/design/system/sketch/unchanged-states.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.unchangedStatesOf = exports.keptUnchangedStatesOf = exports.framesOf = exports.forgetUnchangedStates = void 0;
 const crypto_1 = require("crypto");
 const path_1 = require("path");
+const changed_parts_1 = require("../../changed-parts");
 const merge_compare_1 = require("../../merge-compare");
 const product_stylesheets_1 = require("../product-stylesheets");
 const resolve_product_1 = require("../resolve-product");
@@ -20,8 +21,16 @@ const overlay_1 = require("./overlay");
 const sketch_1 = require("./sketch");
 const CACHE_LIMIT = 200;
 const cache = new Map();
-/** Drops every kept result, so the next call compares again. Call it when a product file changes. */
-const forgetUnchangedStates = () => cache.clear();
+/**
+ * Drops the kept results of every part `change` redraws, in the product or in the compared variant, so the next call
+ * compares them again. Without `change` it drops them all.
+ */
+const forgetUnchangedStates = (change = changed_parts_1.ALL_PARTS) => {
+    for (const [key, { drawn }] of cache) {
+        if (drawn.some((part) => (0, changed_parts_1.redraws)(change, part)))
+            cache.delete(key);
+    }
+};
 exports.forgetUnchangedStates = forgetUnchangedStates;
 const hashOf = (value) => (0, crypto_1.createHash)('sha256').update(value).digest('hex');
 const markupOf = (part, props) => __awaiter(void 0, void 0, void 0, function* () {
@@ -55,12 +64,12 @@ const renderedOf = (load) => __awaiter(void 0, void 0, void 0, function* () {
         return null;
     }
 });
-const remember = (key, unchanged) => {
+const remember = (key, kept) => {
     var _a;
     if (cache.size >= CACHE_LIMIT)
         cache.delete((_a = cache.keys().next().value) !== null && _a !== void 0 ? _a : '');
-    cache.set(key, unchanged);
-    return unchanged;
+    cache.set(key, kept);
+    return kept.unchanged;
 };
 const framesOf = (part, presets) => {
     const sizes = presets
@@ -108,7 +117,7 @@ const keyOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
  * comparison is kept. It renders and draws nothing.
  */
 const keptUnchangedStatesOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
+    var _a, _b;
     const { product, sketch, variant, pictured, part: compared = (0, resolve_product_1.partKeyOf)(sketch) } = options;
     const overlaid = (0, overlay_1.overlaySketch)({ product, sketch, variant });
     if (!product.parts.some((part) => (0, resolve_product_1.partKeyOf)(part) === compared))
@@ -125,7 +134,7 @@ const keptUnchangedStatesOf = (options) => __awaiter(void 0, void 0, void 0, fun
         compareFrames: true,
         states: undefined,
     });
-    return (_a = cache.get(key)) !== null && _a !== void 0 ? _a : null;
+    return (_b = (_a = cache.get(key)) === null || _a === void 0 ? void 0 : _a.unchanged) !== null && _b !== void 0 ? _b : null;
 });
 exports.keptUnchangedStatesOf = keptUnchangedStatesOf;
 /**
@@ -135,11 +144,11 @@ exports.keptUnchangedStatesOf = keptUnchangedStatesOf;
  * rendered outside a browser (`ng()`), is unchanged when every frame draws the
  * same pixels in the default theme. A state the product lacks, or one that fails to draw on either side, is never
  * unchanged. Markup-only comparisons are kept by source hashes. Pixel comparisons are kept the same way only with
- * `keepPictures`, and never when a draw failed; `forgetUnchangedStates` drops them all. Set `compareFrames` to false
+ * `keepPictures`, and never when a draw failed; `forgetUnchangedStates` drops them. Set `compareFrames` to false
  * to compare drawings without requiring matching widths and interactions.
  */
 const unchangedStatesOf = (options) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
+    var _a, _b;
     const { product, sketch, variant, load, pictureOf, keepPictures = false, part: compared = (0, resolve_product_1.partKeyOf)(sketch), compareFrames = true, states, } = options;
     const current = product.parts.find((part) => (0, resolve_product_1.partKeyOf)(part) === compared);
     const merged = current === null || current === void 0 ? void 0 : current.file;
@@ -158,7 +167,7 @@ const unchangedStatesOf = (options) => __awaiter(void 0, void 0, void 0, functio
         states,
     });
     const keeps = !pictureOf || keepPictures;
-    const known = keeps ? cache.get(key) : undefined;
+    const known = keeps ? (_b = cache.get(key)) === null || _b === void 0 ? void 0 : _b.unchanged : undefined;
     if (known)
         return known;
     const [now, after] = yield Promise.all([
@@ -167,8 +176,12 @@ const unchangedStatesOf = (options) => __awaiter(void 0, void 0, void 0, functio
     ]);
     if (!now || !after)
         return [];
+    const parts = [
+        { product: product.name, part: compared, sketch: null },
+        { product: product.name, part: compared, sketch: { target: sketch.target, variant } },
+    ];
     if (compareFrames && now.frames !== after.frames)
-        return keeps ? remember(key, []) : [];
+        return keeps ? remember(key, { unchanged: [], drawn: parts }) : [];
     const imported = (0, product_stylesheets_1.productStylesheetFilesOf)(product);
     const restyled = overlaid.parts.some((part) => {
         const own = product.parts.find((candidate) => (0, resolve_product_1.partKeyOf)(candidate) === (0, resolve_product_1.partKeyOf)(part));
@@ -195,7 +208,7 @@ const unchangedStatesOf = (options) => __awaiter(void 0, void 0, void 0, functio
             : 'different';
     })));
     const unchanged = comparedStates.filter((_, index) => same[index] === 'same').map(([state]) => state);
-    return keeps && !same.includes('failed') ? remember(key, unchanged) : unchanged;
+    return keeps && !same.includes('failed') ? remember(key, { unchanged, drawn: parts }) : unchanged;
 });
 exports.unchangedStatesOf = unchangedStatesOf;
 //# sourceMappingURL=unchanged-states.js.map

package/src/lib/design/system/sketch/unchanged-states.js.map

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

package/src/lib/design/system/sketch/viewed-shots.d.ts

@@ -4,8 +4,16 @@ export type VariantChange = {
     variant: string;
     change: string | null;
 };
-/** The content hash of every file a variant draws from: its folder and the `shared/` folder of the sketch. */
-export declare const variantContentHashOf: (sketch: Sketch, variant: string) => string;
+/**
+ * The file `design shot` writes its contact sheet to without `--out`: one per part, and one per set of `--variant`
+ * names, so the shots of two variants never overwrite each other.
+ */
+export declare const shotFileOf: (options: {
+    target: string;
+    product: string;
+    part: string;
+    variants?: string[];
+}) => string;
 /** Records that a shot of `variant` was handed out, at the content the variant has now. */
 export declare const recordShotViewed: (options: {
     target: string;

package/src/lib/design/system/sketch/viewed-shots.js

@@ -1,29 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unviewedShotLinesOf = exports.recordShotViewed = exports.variantContentHashOf = void 0;
+exports.unviewedShotLinesOf = exports.recordShotViewed = exports.shotFileOf = void 0;
 const crypto_1 = require("crypto");
 const fs_1 = require("fs");
 const path_1 = require("path");
-const paths_1 = require("../../paths");
+const work_root_1 = require("../../work-root");
 const sketch_1 = require("./sketch");
-const viewedFileOf = (options) => (0, path_1.resolve)((0, paths_1.workRootOf)(options.target), 'viewed-shots', `${(0, crypto_1.createHash)('sha256').update((0, path_1.resolve)(options.sketch.dir)).digest('hex').slice(0, 16)}.json`);
-const filesIn = (dir) => (0, fs_1.existsSync)(dir)
-    ? (0, fs_1.readdirSync)(dir, { recursive: true })
-        .map((path) => (0, path_1.resolve)(dir, path))
-        .filter((file) => (0, fs_1.statSync)(file).isFile())
-    : [];
-/** The content hash of every file a variant draws from: its folder and the `shared/` folder of the sketch. */
-const variantContentHashOf = (sketch, variant) => {
-    const hash = (0, crypto_1.createHash)('sha256');
-    const files = [...filesIn((0, sketch_1.variantDirOf)(sketch, variant)), ...filesIn((0, sketch_1.sharedDirOf)(sketch))].sort();
-    for (const file of files)
-        hash
-            .update(`${(0, path_1.relative)(sketch.dir, file)}\0`)
-            .update((0, fs_1.readFileSync)(file))
-            .update('\0');
-    return hash.digest('hex').slice(0, 16);
+/**
+ * The file `design shot` writes its contact sheet to without `--out`: one per part, and one per set of `--variant`
+ * names, so the shots of two variants never overwrite each other.
+ */
+const shotFileOf = (options) => {
+    var _a;
+    return (0, path_1.resolve)((0, work_root_1.workRootOf)(options.target), 'shots', `${options.product}-${options.part.replace('/', '-')}${((_a = options.variants) !== null && _a !== void 0 ? _a : []).map((variant) => `-${variant}`).join('')}.png`);
 };
-exports.variantContentHashOf = variantContentHashOf;
+exports.shotFileOf = shotFileOf;
+const viewedFileOf = (options) => (0, path_1.resolve)((0, work_root_1.workRootOf)(options.target), 'viewed-shots', `${(0, crypto_1.createHash)('sha256').update((0, path_1.resolve)(options.sketch.dir)).digest('hex').slice(0, 16)}.json`);
 const readViewed = (file) => {
     try {
         const parsed = JSON.parse((0, fs_1.readFileSync)(file, 'utf8'));
@@ -37,7 +29,7 @@ const readViewed = (file) => {
 const recordShotViewed = (options) => {
     const { target, sketch, variant } = options;
     const file = viewedFileOf({ target, sketch });
-    const viewed = Object.assign(Object.assign({}, readViewed(file)), { [variant]: (0, exports.variantContentHashOf)(sketch, variant) });
+    const viewed = Object.assign(Object.assign({}, readViewed(file)), { [variant]: (0, sketch_1.variantContentHashOf)(sketch, variant) });
     (0, fs_1.mkdirSync)((0, path_1.dirname)(file), { recursive: true });
     (0, fs_1.writeFileSync)(file, JSON.stringify(viewed));
 };
@@ -52,8 +44,9 @@ const unviewedShotLinesOf = (options) => {
     const viewed = readViewed(viewedFileOf({ target, sketch }));
     const part = (_a = sketch.targets[0]) !== null && _a !== void 0 ? _a : sketch.target;
     return changes
-        .filter(({ variant, change }) => change !== null && viewed[variant] !== (0, exports.variantContentHashOf)(sketch, variant))
-        .map(({ variant, change }) => `SHOT-NOT-VIEWED ${change} - no shot of variant ${variant} was viewed since its last edit: ` +
+        .filter(({ variant, change }) => change !== null && viewed[variant] !== (0, sketch_1.variantContentHashOf)(sketch, variant))
+        .map(({ variant, change }) => `SHOT-NOT-VIEWED ${change} - no shot of variant ${variant} was viewed since its last edit: view ` +
+        `${(0, exports.shotFileOf)({ target, product: sketch.product, part, variants: [variant] })} after ` +
         `\`${invocation} shot ${part} --states --variants --variant ${variant} --product ${sketch.product}\`, ` +
         `or GET /__design/shot?product=${sketch.product}&part=${part}&sketch=${sketch.target}&variant=${variant}&state=<state>`);
 };

package/src/lib/design/system/sketch/viewed-shots.js.map

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

package/src/lib/design/system/skip-classes.d.ts

@@ -0,0 +1,3 @@
+export declare const ESCAPABLE_RULES: string[];
+/** The reason classes a `data-et-skip` may name: the render rules it escapes, and `COVERED` for the cover check. */
+export declare const SKIP_CLASSES: string[];

package/src/lib/design/system/skip-classes.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SKIP_CLASSES = exports.ESCAPABLE_RULES = void 0;
+const nested_scroll_1 = require("./nested-scroll");
+const off_centre_1 = require("./off-centre");
+const surface_nesting_1 = require("./surface-nesting");
+exports.ESCAPABLE_RULES = [
+    'CLIPPED',
+    'WRAP',
+    nested_scroll_1.NESTED_SCROLL_RULE,
+    surface_nesting_1.NESTED_SURFACE_RULE,
+    surface_nesting_1.LOST_SURFACE_RULE,
+    off_centre_1.OFF_CENTRE_RULE,
+];
+/** The reason classes a `data-et-skip` may name: the render rules it escapes, and `COVERED` for the cover check. */
+exports.SKIP_CLASSES = [...exports.ESCAPABLE_RULES, 'COVERED'];
+//# sourceMappingURL=skip-classes.js.map

package/src/lib/design/system/skip-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-classes.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/system/skip-classes.ts"],"names":[],"mappings":";;;AAAA,mDAAqD;AACrD,6CAA+C;AAC/C,uDAA2E;AAE9D,QAAA,eAAe,GAAG;IAC7B,SAAS;IACT,MAAM;IACN,kCAAkB;IAClB,qCAAmB;IACnB,mCAAiB;IACjB,4BAAe;CAChB,CAAC;AAEF,oHAAoH;AACvG,QAAA,YAAY,GAAG,CAAC,GAAG,uBAAe,EAAE,SAAS,CAAC,CAAC"}

package/src/lib/design/system/slot-hosts.d.ts

@@ -0,0 +1,38 @@
+import { PartMark } from '../shot';
+import { ResolvedProduct } from './resolve-product';
+type Page = {
+    evaluate: (script: string) => Promise<unknown>;
+};
+/** Where a design draws an embedded part, and the selector of the component its `implements` link names. */
+export type PartSlot = {
+    part: string;
+    selector: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/** One part slot of a live state, and whether the app renders the `implements` host there; `null` when the app has no live host. */
+export type SlotHost = {
+    part: string;
+    selector: string;
+    rendered: boolean | null;
+};
+/** The selector of the component each part's `implements` link names, by part key. */
+export declare const implementsSelectorsOf: (options: {
+    target: string;
+    product: ResolvedProduct;
+}) => Map<string, string>;
+/** One slot per part key of each design mark whose part names a component. */
+export declare const partSlotsOf: (marks: PartMark[], selectors: ReadonlyMap<string, string>) => PartSlot[];
+/**
+ * Whether the open app page renders each slot's `implements` host at the slot: overlapping the slot box grown by its
+ * own size on every side, so layout drift that compare reports does not count as a wrong link. Boxes are measured
+ * from the live `host` element as the design measures its marks from the frame root.
+ */
+export declare const slotHostsOnPage: (options: {
+    page: Page;
+    host: string;
+    slots: PartSlot[];
+}) => Promise<SlotHost[]>;
+export {};

package/src/lib/design/system/slot-hosts.js

@@ -0,0 +1,93 @@
+"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());
+    });
+};
+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.slotHostsOnPage = exports.partSlotsOf = exports.implementsSelectorsOf = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const actions_1 = require("./actions");
+const resolve_product_1 = require("./resolve-product");
+const part_definition_1 = require("./sketch/part-definition");
+/** The selector of the component each part's `implements` link names, by part key. */
+const implementsSelectorsOf = (options) => new Map(options.product.parts.flatMap((part) => {
+    const link = (0, part_definition_1.partLinkOf)(part.source);
+    const path = link.kind === 'component' ? link.path : link.kind === 'route' ? link.component : null;
+    const file = path === null ? null : (0, path_1.resolve)(options.target, path);
+    const selector = file && (0, fs_1.existsSync)(file) ? (0, actions_1.componentSelectorOf)((0, fs_1.readFileSync)(file, 'utf8')) : null;
+    return selector ? [[(0, resolve_product_1.partKeyOf)(part), selector]] : [];
+}));
+exports.implementsSelectorsOf = implementsSelectorsOf;
+/** One slot per part key of each design mark whose part names a component. */
+const partSlotsOf = (marks, selectors) => marks.flatMap((_a) => {
+    var { parts } = _a, box = __rest(_a, ["parts"]);
+    return parts.flatMap((part) => {
+        const selector = selectors.get(part);
+        return selector ? [Object.assign({ part, selector }, box)] : [];
+    });
+});
+exports.partSlotsOf = partSlotsOf;
+const SLOT_HOSTS_SCRIPT = `(({ host, slots }) => {
+  const root = document.querySelector(host);
+  if (!root) return null;
+  const origin = root.getBoundingClientRect();
+  const meets = (element, area) => {
+    const box = element.getBoundingClientRect();
+    return box.width > 0 && box.height > 0 && box.left < area.right && box.right > area.left && box.top < area.bottom && box.bottom > area.top;
+  };
+
+  return slots.map((slot) => {
+    const area = {
+      left: origin.left + slot.x - slot.width,
+      right: origin.left + slot.x + 2 * slot.width,
+      top: origin.top + slot.y - slot.height,
+      bottom: origin.top + slot.y + 2 * slot.height,
+    };
+    let hosts = [];
+
+    try {
+      hosts = [...document.querySelectorAll(slot.selector)];
+    } catch {
+      return false;
+    }
+
+    return hosts.some((element) => meets(element, area) || [...element.querySelectorAll('*')].some((child) => meets(child, area)));
+  });
+})`;
+/**
+ * Whether the open app page renders each slot's `implements` host at the slot: overlapping the slot box grown by its
+ * own size on every side, so layout drift that compare reports does not count as a wrong link. Boxes are measured
+ * from the live `host` element as the design measures its marks from the frame root.
+ */
+const slotHostsOnPage = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    if (options.slots.length === 0)
+        return [];
+    const rendered = (yield options.page.evaluate(`${SLOT_HOSTS_SCRIPT}(${JSON.stringify({ host: options.host, slots: options.slots })})`));
+    return options.slots.map(({ part, selector }, index) => {
+        var _a;
+        return ({
+            part,
+            selector,
+            rendered: rendered ? ((_a = rendered[index]) !== null && _a !== void 0 ? _a : null) : null,
+        });
+    });
+});
+exports.slotHostsOnPage = slotHostsOnPage;
+//# sourceMappingURL=slot-hosts.js.map

package/src/lib/design/system/slot-hosts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-hosts.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/system/slot-hosts.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA8C;AAC9C,+BAA+B;AAE/B,uCAAgD;AAChD,uDAA+D;AAC/D,8DAAsD;AAUtD,sFAAsF;AAC/E,MAAM,qBAAqB,GAAG,CAAC,OAAqD,EAAE,EAAE,CAC7F,IAAI,GAAG,CACL,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAsB,EAAE;IACzD,MAAM,IAAI,GAAG,IAAA,4BAAU,EAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IACnG,MAAM,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,cAAO,EAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAA,eAAU,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAA,6BAAmB,EAAC,IAAA,iBAAY,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnG,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAA,2BAAS,EAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC,CAAC,CACH,CAAC;AAVS,QAAA,qBAAqB,yBAU9B;AAEJ,8EAA8E;AACvE,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,SAAsC,EAAc,EAAE,CACnG,KAAK,CAAC,OAAO,CAAC,CAAC,EAAiB,EAAE,EAAE;QAArB,EAAE,KAAK,OAAU,EAAL,GAAG,cAAf,SAAiB,CAAF;IAC5B,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAErC,OAAO,QAAQ,CAAC,CAAC,CAAC,iBAAG,IAAI,EAAE,QAAQ,IAAK,GAAG,EAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACtD,CAAC,CAAC,CAAA;CAAA,CACH,CAAC;AAPS,QAAA,WAAW,eAOpB;AAEJ,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BvB,CAAC;AAEJ;;;;GAIG;AACI,MAAM,eAAe,GAAG,CAAO,OAIrC,EAAuB,EAAE;IACxB,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAE1C,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC3C,GAAG,iBAAiB,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CACxF,CAAqB,CAAC;IAEvB,OAAO,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;;QAAC,OAAA,CAAC;YACvD,IAAI;YACJ,QAAQ;YACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,QAAQ,CAAC,KAAK,CAAC,mCAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;SACtD,CAAC,CAAA;KAAA,CAAC,CAAC;AACN,CAAC,CAAA,CAAC;AAhBW,QAAA,eAAe,mBAgB1B"}

package/src/lib/design/system/slow-checks.d.ts

@@ -2,6 +2,9 @@ import { SlowProblemsOf } from './build-ready-contract';
 import { Problem } from './problem';
 import { ResolvedPart, ResolvedProduct } from './resolve-product';
 export declare const PRODUCT_PART = "(product)";
+export declare const isDrawRule: (rule: string) => boolean;
+/** Whether the `--slow` set runs `rule`, so `check --rules` does not. */
+export declare const isSlowRule: (rule: string) => boolean;
 /** One part's slow-rule problems and the input hash they were found at. */
 export type SlowEntry = {
     hash: string;
@@ -29,6 +32,7 @@ export declare const defaultBaseOf: (options: {
 export type SlowInputs = {
     rules: string[];
     hash: string;
+    designOnly?: true;
 };
 /** The slow inputs of every part of the product that has a slow rule, and of `(product)`, at `base` if given. */
 export declare const slowInputsOf: (options: {

package/src/lib/design/system/slow-checks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.slowProblemsOf = exports.staleSlowPartsOf = exports.slowInputsOf = exports.defaultBaseOf = exports.linkedComponentOf = exports.writeSlowResults = exports.readSlowCache = exports.slowCacheFileOf = exports.PRODUCT_PART = void 0;
+exports.slowProblemsOf = exports.staleSlowPartsOf = exports.slowInputsOf = exports.defaultBaseOf = exports.linkedComponentOf = exports.writeSlowResults = exports.readSlowCache = exports.slowCacheFileOf = exports.isSlowRule = exports.isDrawRule = exports.PRODUCT_PART = void 0;
 const child_process_1 = require("child_process");
 const fs_1 = require("fs");
 const path_1 = require("path");
@@ -8,13 +8,30 @@ const app_files_1 = require("./app-files");
 const build_ready_contract_1 = require("./build-ready-contract");
 const design_hash_1 = require("./design-hash");
 const harness_map_1 = require("./harness-map");
+const part_ready_1 = require("./part-ready");
 const reachable_files_1 = require("./reachable-files");
 const resolve_product_1 = require("./resolve-product");
 const app_spec_1 = require("./rules/app-spec");
+const implements_unrendered_1 = require("./rules/implements-unrendered");
 const uncovered_region_1 = require("./rules/uncovered-region");
-const visible_change_1 = require("./rules/visible-change");
+const rule_baseline_1 = require("./rule-baseline");
+const implemented_components_1 = require("./rules/implemented-components");
 const part_definition_1 = require("./sketch/part-definition");
 exports.PRODUCT_PART = '(product)';
+const isDrawRule = (rule) => [build_ready_contract_1.CONTROL_STATE_RULE, build_ready_contract_1.DROPPED_PROP_RULE, build_ready_contract_1.STATE_NO_SOURCE_RULE, build_ready_contract_1.ACTION_LOST_RULE].includes(rule);
+exports.isDrawRule = isDrawRule;
+/** Whether the `--slow` set runs `rule`, so `check --rules` does not. */
+const isSlowRule = (rule) => (0, exports.isDrawRule)(rule) ||
+    [
+        app_spec_1.APP_SPEC_RULE,
+        uncovered_region_1.UNCOVERED_REGION_RULE,
+        implements_unrendered_1.IMPLEMENTS_UNRENDERED_RULE,
+        build_ready_contract_1.VISIBLE_CHANGE_RULE,
+        build_ready_contract_1.COMPARE_RULE,
+        build_ready_contract_1.SDK_ERROR_RULE,
+    ].includes(rule);
+exports.isSlowRule = isSlowRule;
+const DECLARES_CONTROLS = /\bcontrols\s*:/u;
 const SPEC_SIBLING = /\.(?:ts|html|css)$/u;
 /** The gitignored file that holds a product's slow results, under the checkout's `node_modules/.cache`. */
 const slowCacheFileOf = (product) => (0, path_1.join)((0, reachable_files_1.repoRootOf)(product), 'node_modules', '.cache', 'ethlete-design', product.name, 'slow-checks.json');
@@ -96,6 +113,15 @@ const defaultBaseOf = (options) => {
     return commit;
 };
 exports.defaultBaseOf = defaultBaseOf;
+const designOf = (context, part) => {
+    const key = (0, resolve_product_1.partKeyOf)(part);
+    const known = context.designs.get(key);
+    if (known !== undefined)
+        return known;
+    const design = (0, design_hash_1.designHashOf)({ product: context.product, part });
+    context.designs.set(key, design);
+    return design;
+};
 const contextOf = (product, base) => {
     const root = (0, reachable_files_1.repoRootOf)(product);
     const found = (0, harness_map_1.harnessOf)(product);
@@ -106,19 +132,36 @@ const contextOf = (product, base) => {
         harness,
         pages: livePagesOf(root, harness === null || harness === void 0 ? void 0 : harness.live),
         base: base !== null && base !== void 0 ? base : (harness ? (0, exports.defaultBaseOf)({ root, branch: harness.baseBranch }) : ''),
+        designs: new Map(),
     };
 };
+const consumersOf = (root, component) => {
+    var _a;
+    const src = (_a = component === null || component === void 0 ? void 0 : component.match(/^(.*?\/src)\//u)) === null || _a === void 0 ? void 0 : _a[1];
+    const dir = src ? (0, path_1.resolve)(root, src) : null;
+    return dir && (0, fs_1.existsSync)(dir)
+        ? (0, design_hash_1.fileHashesOf)(root, (0, implemented_components_1.appSourcesOf)(dir).map(({ path }) => path))
+        : {};
+};
 const partInputsOf = (context, part) => {
     const { product, root, harness, pages, base } = context;
     const key = (0, resolve_product_1.partKeyOf)(part);
-    const component = harness ? (0, exports.linkedComponentOf)(part) : null;
-    const design = (0, design_hash_1.designHashOf)({ product, part }).hash;
-    const app = component === null ? {} : (0, app_files_1.appFilesOf)({ root, component });
+    const own = part.origin !== 'base';
+    const linked = (0, exports.linkedComponentOf)(part);
+    const component = harness ? linked : null;
+    const design = designOf(context, part);
+    const implemented = implementedHashOf(product, key);
+    const current = typeof implemented === 'string' && (0, design_hash_1.designHolds)(implemented, design);
+    const designOnly = component !== null && implemented !== undefined && !current;
+    const app = linked === null ? {} : (0, app_files_1.appFilesOf)({ root, component: linked });
     const rules = [
+        ...(own && !key.startsWith('pages/') && DECLARES_CONTROLS.test(part.source) ? [build_ready_contract_1.CONTROL_STATE_RULE] : []),
+        ...(own && linked !== null && (0, fs_1.existsSync)((0, path_1.resolve)(root, linked)) ? [build_ready_contract_1.DROPPED_PROP_RULE, build_ready_contract_1.STATE_NO_SOURCE_RULE] : []),
         ...(component !== null && (harness === null || harness === void 0 ? void 0 : harness.specs) ? [app_spec_1.APP_SPEC_RULE] : []),
-        ...((pages === null || pages === void 0 ? void 0 : pages.has(key)) ? [uncovered_region_1.UNCOVERED_REGION_RULE] : []),
-        ...(component !== null ? [visible_change_1.VISIBLE_CHANGE_RULE] : []),
-        ...(component !== null && implementedHashOf(product, key) === design ? [build_ready_contract_1.COMPARE_RULE, build_ready_contract_1.SDK_ERROR_RULE] : []),
+        ...((pages === null || pages === void 0 ? void 0 : pages.has(key)) ? [uncovered_region_1.UNCOVERED_REGION_RULE, implements_unrendered_1.IMPLEMENTS_UNRENDERED_RULE] : []),
+        ...(component !== null ? [build_ready_contract_1.VISIBLE_CHANGE_RULE] : []),
+        ...(component !== null && current ? [build_ready_contract_1.COMPARE_RULE, build_ready_contract_1.SDK_ERROR_RULE] : []),
+        ...(designOnly ? [build_ready_contract_1.COMPARE_RULE] : []),
     ];
     if (rules.length === 0)
         return { rules, hash: '' };
@@ -127,35 +170,43 @@ const partInputsOf = (context, part) => {
         .map((file) => (0, path_1.resolve)(root, file.replace(SPEC_SIBLING, '.spec.ts')))
         .filter((file) => (0, fs_1.existsSync)(file)));
     const live = (harness === null || harness === void 0 ? void 0 : harness.live) && rules.includes(uncovered_region_1.UNCOVERED_REGION_RULE) ? (0, design_hash_1.fileHashesOf)(root, [(0, path_1.resolve)(root, harness.live)]) : {};
-    return {
-        rules,
-        hash: (0, design_hash_1.sha16)([
+    return Object.assign({ rules, hash: (0, design_hash_1.sha16)([
             rules.join(','),
-            design,
+            design.withLinks,
             (0, design_hash_1.hashOfFiles)(app),
             (0, design_hash_1.hashOfFiles)(specs),
             (0, design_hash_1.hashOfFiles)(live),
-            rules.includes(visible_change_1.VISIBLE_CHANGE_RULE) ? base : '',
-        ].join('\0')),
-    };
+            rules.includes(build_ready_contract_1.STATE_NO_SOURCE_RULE) ? (0, design_hash_1.hashOfFiles)(consumersOf(root, linked)) : '',
+            rules.includes(build_ready_contract_1.VISIBLE_CHANGE_RULE) ? base : '',
+        ].join('\0')) }, (designOnly ? { designOnly: true } : {}));
 };
+const actionsRecordedIn = (product) => Object.values((0, part_ready_1.readRecordedActions)(product.dir)).some((record) => record.actions.length > 0);
 const productInputsOf = (context, parts) => {
-    const { root, harness, base } = context;
-    if (!harness)
-        return { rules: [], hash: '' };
+    const { product, root, harness, base } = context;
+    const actions = actionsRecordedIn(product);
     const rules = [
-        ...(harness.specs ? [app_spec_1.APP_SPEC_RULE] : []),
-        ...(harness.live ? [uncovered_region_1.UNCOVERED_REGION_RULE] : []),
-        visible_change_1.VISIBLE_CHANGE_RULE,
+        ...((harness === null || harness === void 0 ? void 0 : harness.specs) ? [app_spec_1.APP_SPEC_RULE] : []),
+        ...((harness === null || harness === void 0 ? void 0 : harness.live) ? [uncovered_region_1.UNCOVERED_REGION_RULE] : []),
+        ...(harness ? [build_ready_contract_1.VISIBLE_CHANGE_RULE] : []),
+        ...(actions ? [build_ready_contract_1.ACTION_LOST_RULE] : []),
     ];
-    const files = (0, design_hash_1.fileHashesOf)(root, [harness.map, harness.live, harness.specs].flatMap((file) => (file ? [(0, path_1.resolve)(root, file)] : [])));
+    if (rules.length === 0)
+        return { rules, hash: '' };
+    const files = (0, design_hash_1.fileHashesOf)(root, [
+        ...(harness ? [harness.map, harness.live, harness.specs] : []).flatMap((file) => file ? [(0, path_1.resolve)(root, file)] : []),
+        ...(actions ? [(0, path_1.join)(product.dir, part_ready_1.READY_FILE)] : []),
+    ]);
+    const designs = actions
+        ? product.parts.filter((part) => part.origin !== 'base').map((part) => designOf(context, part).withLinks)
+        : [];
     return {
         rules,
         hash: (0, design_hash_1.sha16)([
             rules.join(','),
             (0, design_hash_1.hashOfFiles)(files),
-            base,
+            harness ? base : '',
             ...Object.entries(parts).map(([part, { hash }]) => `${part}=${hash}`),
+            ...designs,
         ].join('\0')),
     };
 };
@@ -191,7 +242,9 @@ const slowProblemsOf = ({ product, part }) => {
     if (!inputs || inputs.rules.length === 0)
         return [];
     const entry = (0, exports.readSlowCache)(product)[part];
-    return (entry === null || entry === void 0 ? void 0 : entry.hash) === inputs.hash ? entry.problems : 'pending';
+    if ((entry === null || entry === void 0 ? void 0 : entry.hash) !== inputs.hash)
+        return 'pending';
+    return (0, rule_baseline_1.unbaselinedProblemsOf)(product, entry.problems);
 };
 exports.slowProblemsOf = slowProblemsOf;
 //# sourceMappingURL=slow-checks.js.map