@domandigital/craft 0.20.1 → 0.20.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @domandigital/craft
 
+## 0.20.2
+
+### Patch Changes
+
+- 5199c0e: `measureRoute(open, options)` measures every viewport for a page only the caller can open, such as a portal screen behind a sign-in: the phone half in a page the caller opens in `PHONE`, the wide half in one it opens in `DESKTOP` (now exported), merged and written once for `craft phone-first --measured`, as `measureSite` does for a public page (DOM-835).
+
 ## 0.20.1
 
 ### Patch Changes

package/README.md

@@ -305,7 +305,10 @@ test(`every viewport: ${route}`, async ({ page }) => {
 ```
 
 `measureViewports` works on the page the suite opened and signed in, so a
-portal keeps its fixtures. `measureSite(browser, { base, routes })` opens each
+portal keeps its fixtures. `measureRoute(open, { route, mainAction })` does
+both halves for such a page: `open("phone")` and `open("wide")` return the
+route opened and signed in, in a `PHONE` and a `DESKTOP` context, and the two
+halves are merged and written once (DOM-835). `measureSite(browser, { base, routes })` opens each
 route itself, the phone half in a phone context and the wide half in a desktop
 one, for a page anyone can open: create-site's `measure.mjs` uses it.
 `craft viewports --url <base> --route /` is the same for the command line: it

package/dist/{chunk-FQYKKKHI.js → chunk-IJXDBYHH.js}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-2OBDCIVW.js";
 import {
   loadNull
-} from "./chunk-IZ6GTU54.js";
+} from "./chunk-YRXMPI3T.js";
 import {
   parseFlags
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import {
   toJson
 } from "./chunk-QIEDBL4J.js";

package/dist/{chunk-6NXPDCUO.js → chunk-JLLULDVW.js}

@@ -631,7 +631,7 @@ async function briefFor(flags, cwd) {
     if (typeof brief === "string" && brief.trim()) return brief;
   } else if (flags.direction) throw new Error(`no such file: ${flags.direction}`);
   if (flags.null) {
-    const { loadNull } = await import("./cli-NTNUZUFP.js");
+    const { loadNull } = await import("./cli-KJRHO3YO.js");
     return loadNull(flags.null, cwd).brief;
   }
   return void 0;
@@ -657,37 +657,37 @@ async function compareWithCompetitor(flags, io) {
 function run(argv, io) {
   const [command, ...rest] = argv;
   if (command === "direction") {
-    return import("./cli-MKZJMZUJ.js").then((m) => m.runDirection(rest, io));
+    return import("./cli-YQEVPRL5.js").then((m) => m.runDirection(rest, io));
   }
   if (command === "report" || command === "retrofit") {
-    return import("./cli-VFKKFRB4.js").then((m) => m.runReport(command, rest, io));
+    return import("./cli-A6SNEMRL.js").then((m) => m.runReport(command, rest, io));
   }
   if (command === "register") {
     return import("./cli-ZXDGVDYU.js").then((m) => m.runRegister(rest, io));
   }
   if (command === "estate") {
-    return import("./cli-HUN5ZTH5.js").then((m) => m.runEstate(rest, io));
+    return import("./cli-DZGQOIBX.js").then((m) => m.runEstate(rest, io));
   }
   if (command === "null") {
-    return import("./cli-NTNUZUFP.js").then((m) => m.runNull(rest, io));
+    return import("./cli-KJRHO3YO.js").then((m) => m.runNull(rest, io));
   }
   if (command === "calibrate") {
-    return import("./cli-DVYLDCEA.js").then((m) => m.runCalibrate(rest, io));
+    return import("./cli-LVYTLT2A.js").then((m) => m.runCalibrate(rest, io));
   }
   if (command === "tells" && rest[0] === "harvest") {
-    return import("./cli-NTNUZUFP.js").then((m) => m.runHarvest(rest, io)).catch((error) => {
+    return import("./cli-KJRHO3YO.js").then((m) => m.runHarvest(rest, io)).catch((error) => {
       io.err(`craft: ${error.message}`);
       return 2;
     });
   }
   if (command === "phone-first") {
-    return import("./cli-LSJI7QRD.js").then((m) => m.runPhoneFirst(rest, io));
+    return import("./cli-FF2YDHA4.js").then((m) => m.runPhoneFirst(rest, io));
   }
   if (command === "viewports") {
-    return import("./viewports-cli-C4VXMPKK.js").then((m) => m.runViewports(rest, io));
+    return import("./viewports-cli-WWWWEBKI.js").then((m) => m.runViewports(rest, io));
   }
   if (command === "snapshot" || command === "audit") {
-    return import("./cli-IREKGVSM.js").then((m) => m.runAudit(command, rest, io));
+    return import("./cli-U7PJQKZT.js").then((m) => m.runAudit(command, rest, io));
   }
   if (!command || command === "help" || command === "--help" || command === "-h") {
     io.out(HELP);

package/dist/{chunk-GOPHZI6O.js → chunk-TCMM3PTK.js}

@@ -5,7 +5,7 @@ import {
 import {
   describeTypicality,
   loadNull
-} from "./chunk-IZ6GTU54.js";
+} from "./chunk-YRXMPI3T.js";
 import {
   SOURCE_FILE,
   finish,
@@ -14,7 +14,7 @@ import {
   parseFlags,
   prepareReport,
   readPaths
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import {
   toJson
 } from "./chunk-QIEDBL4J.js";

package/dist/{chunk-IZ6GTU54.js → chunk-YRXMPI3T.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-OQXTQQAU.js";
 import {
   parseFlags
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import {
   toJson
 } from "./chunk-QIEDBL4J.js";

package/dist/{cli-VFKKFRB4.js → cli-A6SNEMRL.js}

@@ -3,21 +3,21 @@ import {
 } from "./chunk-OKVHWXYV.js";
 import {
   merge
-} from "./chunk-GOPHZI6O.js";
+} from "./chunk-TCMM3PTK.js";
 import "./chunk-YOZLPNJS.js";
 import "./chunk-JYNXGCYZ.js";
 import {
   SIBLING_AT,
   compareToEstate,
   loadEstate
-} from "./chunk-FQYKKKHI.js";
+} from "./chunk-IJXDBYHH.js";
 import {
   PAGE_TYPES,
   validateDirection
 } from "./chunk-2OBDCIVW.js";
 import {
   loadNull
-} from "./chunk-IZ6GTU54.js";
+} from "./chunk-YRXMPI3T.js";
 import "./chunk-OQXTQQAU.js";
 import {
   COPY_FILE,
@@ -28,7 +28,7 @@ import {
   loadExceptions,
   parseFlags,
   readPaths
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import {
   toJson
 } from "./chunk-QIEDBL4J.js";

package/dist/{cli-HUN5ZTH5.js → cli-DZGQOIBX.js}

@@ -4,11 +4,11 @@ import {
   formatPairs,
   loadEstate,
   runEstate
-} from "./chunk-FQYKKKHI.js";
+} from "./chunk-IJXDBYHH.js";
 import "./chunk-2OBDCIVW.js";
-import "./chunk-IZ6GTU54.js";
+import "./chunk-YRXMPI3T.js";
 import "./chunk-OQXTQQAU.js";
-import "./chunk-6NXPDCUO.js";
+import "./chunk-JLLULDVW.js";
 import "./chunk-QIEDBL4J.js";
 import "./chunk-WUACK2HX.js";
 import "./chunk-JGWOA4LI.js";

package/dist/{cli-LSJI7QRD.js → cli-FF2YDHA4.js}

@@ -9,7 +9,7 @@ import {
 import {
   SOURCE_FILE,
   readPaths
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import {
   toJson
 } from "./chunk-QIEDBL4J.js";

package/dist/{cli-NTNUZUFP.js → cli-KJRHO3YO.js}

@@ -9,9 +9,9 @@ import {
   runHarvest,
   runNull,
   serveDir
-} from "./chunk-IZ6GTU54.js";
+} from "./chunk-YRXMPI3T.js";
 import "./chunk-OQXTQQAU.js";
-import "./chunk-6NXPDCUO.js";
+import "./chunk-JLLULDVW.js";
 import "./chunk-QIEDBL4J.js";
 import "./chunk-WUACK2HX.js";
 import "./chunk-JGWOA4LI.js";

package/dist/{cli-DVYLDCEA.js → cli-LVYTLT2A.js}

@@ -4,11 +4,11 @@ import {
 import {
   expandNullTargets,
   loadNull
-} from "./chunk-IZ6GTU54.js";
+} from "./chunk-YRXMPI3T.js";
 import "./chunk-OQXTQQAU.js";
 import {
   parseFlags
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import {
   toJson
 } from "./chunk-QIEDBL4J.js";

package/dist/{cli-IREKGVSM.js → cli-U7PJQKZT.js}

@@ -4,12 +4,12 @@ import {
   merge,
   resolvePages,
   runAudit
-} from "./chunk-GOPHZI6O.js";
+} from "./chunk-TCMM3PTK.js";
 import "./chunk-YOZLPNJS.js";
 import "./chunk-JYNXGCYZ.js";
-import "./chunk-IZ6GTU54.js";
+import "./chunk-YRXMPI3T.js";
 import "./chunk-OQXTQQAU.js";
-import "./chunk-6NXPDCUO.js";
+import "./chunk-JLLULDVW.js";
 import "./chunk-QIEDBL4J.js";
 import "./chunk-WUACK2HX.js";
 import "./chunk-JGWOA4LI.js";

package/dist/{cli-MKZJMZUJ.js → cli-YQEVPRL5.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-2OBDCIVW.js";
 import {
   parseFlags
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import {
   toJson
 } from "./chunk-QIEDBL4J.js";

package/dist/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   run
-} from "./chunk-6NXPDCUO.js";
+} from "./chunk-JLLULDVW.js";
 import "./chunk-QIEDBL4J.js";
 import "./chunk-JGWOA4LI.js";
 import "./chunk-7DQDF3VL.js";

package/dist/phone.cjs

@@ -24,6 +24,7 @@ __export(phone_exports, {
   DEFAULT_MEASURED_DIR: () => DEFAULT_MEASURED_DIR,
   DEFAULT_SWEEP: () => DEFAULT_SWEEP,
   DEFAULT_THRESHOLDS: () => DEFAULT_THRESHOLDS,
+  DESKTOP: () => DESKTOP,
   EMPTY_BASELINE: () => EMPTY_BASELINE,
   LADDER: () => LADDER,
   PHONE: () => PHONE,
@@ -38,6 +39,7 @@ __export(phone_exports, {
   mainActionFor: () => mainActionFor,
   measurePhone: () => measurePhone,
   measurePhoneInPage: () => measurePhoneInPage,
+  measureRoute: () => measureRoute,
   measureSite: () => measureSite,
   measureViewportInPage: () => measureViewportInPage,
   measureViewports: () => measureViewports,
@@ -724,6 +726,21 @@ async function measureViewports(page, options) {
   await page.evaluate(() => document.fonts?.ready.then(() => void 0), void 0);
   return finish(options.route, await collect(page, options), options.out);
 }
+var DESKTOP = { viewport: { width: 1024, height: 768 }, deviceScaleFactor: 1 };
+async function measureRoute(open, options) {
+  if (!options.route.startsWith("/")) throw new Error(`measureRoute: route "${options.route}" should start with /`);
+  const collected = [];
+  for (const scope of ["phone", "wide"]) {
+    const { page, close } = await open(scope);
+    try {
+      await page.evaluate(() => document.fonts?.ready.then(() => void 0), void 0);
+      collected.push(await collect(page, { ...options, scope }));
+    } finally {
+      await close?.();
+    }
+  }
+  return finish(options.route, { perViewport: collected.flatMap((c) => c.perViewport), tested: collected.flatMap((c) => c.tested) }, options.out);
+}
 async function measureSite(browser, options) {
   const result = { routes: [], errors: [] };
   for (const route of options.routes) {
@@ -731,7 +748,7 @@ async function measureSite(browser, options) {
     let failed = null;
     for (const [scope, context] of [
       ["phone", PHONE],
-      ["wide", { viewport: { width: 1024, height: 768 }, deviceScaleFactor: 1 }]
+      ["wide", DESKTOP]
     ]) {
       const ctx = await browser.newContext({ ...context });
       try {
@@ -775,6 +792,7 @@ async function measurePhone(page, options) {
   DEFAULT_MEASURED_DIR,
   DEFAULT_SWEEP,
   DEFAULT_THRESHOLDS,
+  DESKTOP,
   EMPTY_BASELINE,
   LADDER,
   PHONE,
@@ -789,6 +807,7 @@ async function measurePhone(page, options) {
   mainActionFor,
   measurePhone,
   measurePhoneInPage,
+  measureRoute,
   measureSite,
   measureViewportInPage,
   measureViewports,

package/dist/phone.d.cts

@@ -335,6 +335,35 @@ interface ViewportsResult extends MeasuredRoute {
  * not judge or throw on a finding: the baseline decides.
  */
 declare function measureViewports(page: ViewportPage, options: MeasureViewportsOptions): Promise<ViewportsResult>;
+/** The desktop context the wide half is measured in, beside `PHONE` for the phone half. Spread into `browser.newContext`. */
+declare const DESKTOP: {
+    readonly viewport: {
+        readonly width: 1024;
+        readonly height: 768;
+    };
+    readonly deviceScaleFactor: 1;
+};
+/** A page opened at the route, and how to close it when its half is measured. */
+interface OpenedPage {
+    page: ViewportPage;
+    close?: () => Promise<void>;
+}
+/**
+ * Every viewport for a route only the caller can open, such as a portal screen
+ * behind a sign-in (DOM-835). As `measureSite` does for a public page, the
+ * phone half is measured in a phone context and the wide half in a desktop
+ * one; `open(scope)` returns a page already at the route, signed in with the
+ * suite's fixtures, in `PHONE` for "phone" and `DESKTOP` for "wide". The two
+ * halves are merged and written once, for `craft phone-first --measured`.
+ *
+ *     await measureRoute(async (scope) => {
+ *       const context = await browser.newContext({ ...(scope === "phone" ? PHONE : DESKTOP), extraHTTPHeaders: auth });
+ *       const page = await context.newPage();
+ *       await page.goto(base + route);
+ *       return { page, close: () => context.close() };
+ *     }, { route, mainAction: 'a[href="/portal/requests/new"]' });
+ */
+declare function measureRoute(open: (scope: "phone" | "wide") => Promise<OpenedPage>, options: Omit<MeasureViewportsOptions, "scope">): Promise<ViewportsResult>;
 interface SitePage extends ViewportPage {
     goto(url: string): Promise<{
         ok(): boolean;
@@ -419,4 +448,4 @@ interface MeasurePhoneOptions {
  */
 declare function measurePhone(page: MinimalPage, options: MeasurePhoneOptions): Promise<MeasuredRoute>;
 
-export { BANDS, type Band, type Baseline, DEFAULT_MEASURED_DIR, DEFAULT_SWEEP, DEFAULT_THRESHOLDS, EMPTY_BASELINE, type FileException, type InPageGroup, type Judgement, LADDER, type MainAction, type MeasurePhoneOptions, type MeasureSiteOptions, type MeasureViewportsOptions, type MeasuredRoute, PHONE, PHONE_FLOORS, type PhoneCheck, type PhoneFloors, type RawPhoneFinding, SHORT_PHONE, type SiteBrowser, type SitePage, type SiteResult, type StaticFinding, type Sweep, type Thresholds, type Viewport, type ViewportArg, type ViewportPage, type ViewportsResult, WIDE_WIDTHS, bandOf, checkExceptions, formatWidths, judgeMeasured, judgeStatic, mainActionFor, measurePhone, measurePhoneInPage, measureSite, measureViewportInPage, measureViewports, mergeViewportFindings, normaliseElement, reasonOf, routeFile, scanPhoneFirst, sweepWidths, writeBaseline };
+export { BANDS, type Band, type Baseline, DEFAULT_MEASURED_DIR, DEFAULT_SWEEP, DEFAULT_THRESHOLDS, DESKTOP, EMPTY_BASELINE, type FileException, type InPageGroup, type Judgement, LADDER, type MainAction, type MeasurePhoneOptions, type MeasureSiteOptions, type MeasureViewportsOptions, type MeasuredRoute, type OpenedPage, PHONE, PHONE_FLOORS, type PhoneCheck, type PhoneFloors, type RawPhoneFinding, SHORT_PHONE, type SiteBrowser, type SitePage, type SiteResult, type StaticFinding, type Sweep, type Thresholds, type Viewport, type ViewportArg, type ViewportPage, type ViewportsResult, WIDE_WIDTHS, bandOf, checkExceptions, formatWidths, judgeMeasured, judgeStatic, mainActionFor, measurePhone, measurePhoneInPage, measureRoute, measureSite, measureViewportInPage, measureViewports, mergeViewportFindings, normaliseElement, reasonOf, routeFile, scanPhoneFirst, sweepWidths, writeBaseline };

package/dist/phone.d.ts

@@ -335,6 +335,35 @@ interface ViewportsResult extends MeasuredRoute {
  * not judge or throw on a finding: the baseline decides.
  */
 declare function measureViewports(page: ViewportPage, options: MeasureViewportsOptions): Promise<ViewportsResult>;
+/** The desktop context the wide half is measured in, beside `PHONE` for the phone half. Spread into `browser.newContext`. */
+declare const DESKTOP: {
+    readonly viewport: {
+        readonly width: 1024;
+        readonly height: 768;
+    };
+    readonly deviceScaleFactor: 1;
+};
+/** A page opened at the route, and how to close it when its half is measured. */
+interface OpenedPage {
+    page: ViewportPage;
+    close?: () => Promise<void>;
+}
+/**
+ * Every viewport for a route only the caller can open, such as a portal screen
+ * behind a sign-in (DOM-835). As `measureSite` does for a public page, the
+ * phone half is measured in a phone context and the wide half in a desktop
+ * one; `open(scope)` returns a page already at the route, signed in with the
+ * suite's fixtures, in `PHONE` for "phone" and `DESKTOP` for "wide". The two
+ * halves are merged and written once, for `craft phone-first --measured`.
+ *
+ *     await measureRoute(async (scope) => {
+ *       const context = await browser.newContext({ ...(scope === "phone" ? PHONE : DESKTOP), extraHTTPHeaders: auth });
+ *       const page = await context.newPage();
+ *       await page.goto(base + route);
+ *       return { page, close: () => context.close() };
+ *     }, { route, mainAction: 'a[href="/portal/requests/new"]' });
+ */
+declare function measureRoute(open: (scope: "phone" | "wide") => Promise<OpenedPage>, options: Omit<MeasureViewportsOptions, "scope">): Promise<ViewportsResult>;
 interface SitePage extends ViewportPage {
     goto(url: string): Promise<{
         ok(): boolean;
@@ -419,4 +448,4 @@ interface MeasurePhoneOptions {
  */
 declare function measurePhone(page: MinimalPage, options: MeasurePhoneOptions): Promise<MeasuredRoute>;
 
-export { BANDS, type Band, type Baseline, DEFAULT_MEASURED_DIR, DEFAULT_SWEEP, DEFAULT_THRESHOLDS, EMPTY_BASELINE, type FileException, type InPageGroup, type Judgement, LADDER, type MainAction, type MeasurePhoneOptions, type MeasureSiteOptions, type MeasureViewportsOptions, type MeasuredRoute, PHONE, PHONE_FLOORS, type PhoneCheck, type PhoneFloors, type RawPhoneFinding, SHORT_PHONE, type SiteBrowser, type SitePage, type SiteResult, type StaticFinding, type Sweep, type Thresholds, type Viewport, type ViewportArg, type ViewportPage, type ViewportsResult, WIDE_WIDTHS, bandOf, checkExceptions, formatWidths, judgeMeasured, judgeStatic, mainActionFor, measurePhone, measurePhoneInPage, measureSite, measureViewportInPage, measureViewports, mergeViewportFindings, normaliseElement, reasonOf, routeFile, scanPhoneFirst, sweepWidths, writeBaseline };
+export { BANDS, type Band, type Baseline, DEFAULT_MEASURED_DIR, DEFAULT_SWEEP, DEFAULT_THRESHOLDS, DESKTOP, EMPTY_BASELINE, type FileException, type InPageGroup, type Judgement, LADDER, type MainAction, type MeasurePhoneOptions, type MeasureSiteOptions, type MeasureViewportsOptions, type MeasuredRoute, type OpenedPage, PHONE, PHONE_FLOORS, type PhoneCheck, type PhoneFloors, type RawPhoneFinding, SHORT_PHONE, type SiteBrowser, type SitePage, type SiteResult, type StaticFinding, type Sweep, type Thresholds, type Viewport, type ViewportArg, type ViewportPage, type ViewportsResult, WIDE_WIDTHS, bandOf, checkExceptions, formatWidths, judgeMeasured, judgeStatic, mainActionFor, measurePhone, measurePhoneInPage, measureRoute, measureSite, measureViewportInPage, measureViewports, mergeViewportFindings, normaliseElement, reasonOf, routeFile, scanPhoneFirst, sweepWidths, writeBaseline };

package/dist/phone.js

@@ -673,6 +673,21 @@ async function measureViewports(page, options) {
   await page.evaluate(() => document.fonts?.ready.then(() => void 0), void 0);
   return finish(options.route, await collect(page, options), options.out);
 }
+var DESKTOP = { viewport: { width: 1024, height: 768 }, deviceScaleFactor: 1 };
+async function measureRoute(open, options) {
+  if (!options.route.startsWith("/")) throw new Error(`measureRoute: route "${options.route}" should start with /`);
+  const collected = [];
+  for (const scope of ["phone", "wide"]) {
+    const { page, close } = await open(scope);
+    try {
+      await page.evaluate(() => document.fonts?.ready.then(() => void 0), void 0);
+      collected.push(await collect(page, { ...options, scope }));
+    } finally {
+      await close?.();
+    }
+  }
+  return finish(options.route, { perViewport: collected.flatMap((c) => c.perViewport), tested: collected.flatMap((c) => c.tested) }, options.out);
+}
 async function measureSite(browser, options) {
   const result = { routes: [], errors: [] };
   for (const route of options.routes) {
@@ -680,7 +695,7 @@ async function measureSite(browser, options) {
     let failed = null;
     for (const [scope, context] of [
       ["phone", PHONE],
-      ["wide", { viewport: { width: 1024, height: 768 }, deviceScaleFactor: 1 }]
+      ["wide", DESKTOP]
     ]) {
       const ctx = await browser.newContext({ ...context });
       try {
@@ -723,6 +738,7 @@ export {
   DEFAULT_MEASURED_DIR,
   DEFAULT_SWEEP,
   DEFAULT_THRESHOLDS,
+  DESKTOP,
   EMPTY_BASELINE,
   LADDER,
   PHONE,
@@ -737,6 +753,7 @@ export {
   mainActionFor,
   measurePhone,
   measurePhoneInPage,
+  measureRoute,
   measureSite,
   measureViewportInPage,
   measureViewports,

package/dist/{viewports-cli-C4VXMPKK.js → viewports-cli-WWWWEBKI.js}

@@ -534,6 +534,7 @@ function writeMeasured(result, dir) {
   writeFileSync(join(dir, routeFile(route)), `${JSON.stringify({ route, ...viewport ? { viewport } : {}, ...viewports ? { viewports } : {}, findings }, null, 1)}
 `);
 }
+var DESKTOP = { viewport: { width: 1024, height: 768 }, deviceScaleFactor: 1 };
 async function measureSite(browser, options) {
   const result = { routes: [], errors: [] };
   for (const route of options.routes) {
@@ -541,7 +542,7 @@ async function measureSite(browser, options) {
     let failed = null;
     for (const [scope, context] of [
       ["phone", PHONE],
-      ["wide", { viewport: { width: 1024, height: 768 }, deviceScaleFactor: 1 }]
+      ["wide", DESKTOP]
     ]) {
       const ctx = await browser.newContext({ ...context });
       try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domandigital/craft",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "private": false,
   "description": "The Doman Digital house craft standard as numbers: OKLCh colour ramps that snap to existing anchors, derived semantic tokens with measured WCAG and APCA contrast, one shared motion vocabulary for CSS and JS, and a base stylesheet. Zero dependencies.",
   "license": "Apache-2.0",