@domandigital/craft 0.6.0 → 0.7.0

package/dist/audit.js

@@ -1177,7 +1177,7 @@ const inter = Inter({ subsets: ["latin"] });`),
     severity: "warn",
     surface: "source",
     why: "Ban Inter and a model reaches for Inter Tight, DM Sans, Manrope, Space Grotesk or an Instrument/Fraunces serif. A swap inside the reflex list is not a decision.",
-    fix: "Same as reflex-font. If this face really is the right one, declare an exception with the reason and the evidence.",
+    fix: "Pick the display face from the client's world (signage, packaging, the trade's lettering) and record why in art-direction.json. If this face really is the right one, declare an exception with the reason and the evidence.",
     detect: fontTell(REFLEX_FONTS_2),
     fixtures: {
       flag: [f2("src/styles.css", `@theme {
@@ -1609,15 +1609,16 @@ function makeSnapshot(patch = {}) {
 }
 
 // src/snapshot/fonts.ts
+var SYSTEM = /^(?:system-ui|-apple-system|BlinkMacSystemFont|ui-sans-serif|ui-serif|ui-monospace|ui-rounded|sans-serif|serif|monospace|cursive)$/i;
 function normaliseFamily(raw) {
   let name = raw.replace(/["']/g, "").trim();
   const next = name.match(/^__(.+?)(?:_Fallback)?_[0-9a-f]{5,8}$/i);
   if (next) name = next[1].replace(/_/g, " ");
   name = name.replace(/\s+Fallback$/i, "").replace(/\s+Variable$/i, "");
+  if (SYSTEM.test(name)) return "system-ui";
   if (!/\s/.test(name) && (/[a-z][A-Z]/.test(name) || /^[a-z]+(?:-[a-z]+)+$/.test(name))) {
     name = name.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/-/g, " ").replace(/\b([a-z])/g, (c) => c.toUpperCase()).replace(/\bDm\b/, "DM");
   }
-  if (/^(?:system-ui|-apple-system|BlinkMacSystemFont|ui-sans-serif|ui-serif|ui-monospace|sans-serif|serif|monospace)$/i.test(name)) return "system-ui";
   return name;
 }
 var KNOWN = {
@@ -1969,6 +1970,7 @@ function auditSnapshot(snapshot, options = {}) {
 // src/fingerprint/index.ts
 var FINGERPRINT_VERSION = 1;
 var CHROMATIC = 0.03;
+var MIN_ACCENT_AREA = 2e4;
 var oklch = (value) => {
   const parsed = parseColour(value);
   return parsed && parsed.alpha > 0.5 ? parsed.oklch : null;
@@ -1981,7 +1983,7 @@ function accentOf(s) {
   }
   const topButton = [...buttons].sort((a, b) => b[1] - a[1])[0];
   if (topButton) return oklch(topButton[0]);
-  const bg = s.colours.backgrounds.map((b) => ({ o: oklch(b.value), w: b.area })).filter((x) => x.o && x.o.c >= CHROMATIC).sort((a, b) => b.w - a.w)[0];
+  const bg = s.colours.backgrounds.map((b) => ({ o: oklch(b.value), w: b.area })).filter((x) => x.o && x.o.c >= CHROMATIC && x.w >= MIN_ACCENT_AREA).sort((a, b) => b.w - a.w)[0];
   if (bg) return bg.o;
   const text = s.colours.text.map((t) => ({ o: oklch(t.value), w: t.chars })).filter((x) => x.o && x.o.c >= CHROMATIC).sort((a, b) => b.w - a.w)[0];
   return text ? text.o : null;
@@ -2176,13 +2178,18 @@ function collectInPage() {
   pushBlocks(root, 0);
   const header = document.querySelector("body > header, header");
   const h1 = document.querySelector("h1");
+  const waiting = (c) => {
+    const cs = style(c);
+    const op = parseFloat(cs.opacity);
+    return op < 0.1 || op < 1 && cs.transform !== "none" || c.hasAttribute("data-aos") || /\breveal\b|\bfade-?(?:in|up)\b|\banimate-on-scroll\b/i.test(typeof c.className === "string" ? c.className : "");
+  };
   const hiddenAtLoad = (el) => {
-    const check = [el, ...Array.from(el.children).slice(0, 6)];
-    return check.some((c) => {
-      const cs = style(c);
-      const op = parseFloat(cs.opacity);
-      return op < 0.1 || op < 1 && cs.transform !== "none" || c.hasAttribute("data-aos") || /\breveal\b|\bfade-?(?:in|up)\b|\banimate-on-scroll\b/i.test(typeof c.className === "string" ? c.className : "");
-    });
+    if ([el, ...Array.from(el.children).slice(0, 6)].some(waiting)) return true;
+    const blocks2 = Array.from(el.querySelectorAll("div, article, li, figure, p, h2, h3")).slice(0, 200).filter((d) => {
+      const b = box(d);
+      return b.width > 100 && b.height > 40 && (d.textContent ?? "").trim().length > 12 && style(d).position !== "fixed";
+    }).slice(0, 12);
+    return blocks2.filter(waiting).length >= Math.min(2, blocks2.length) && blocks2.some(waiting);
   };
   const cardsIn = (section) => {
     let best = { cards: 0, iconCards: 0 };
@@ -2381,19 +2388,38 @@ async function snapshotPage(page, url, options = {}) {
     motion: { ...data.motion, introOverlay: early && !late }
   };
 }
-async function snapshotUrl(url, options = {}) {
-  const pw = await loadPlaywright();
+async function launch(pw, url, options) {
   const env = globalThis.process?.env ?? {};
   const executablePath = options.executablePath ?? env.CRAFT_CHROMIUM ?? void 0;
   const host = new URL(url).hostname;
   const noProxy = [`localhost`, `127.0.0.1`, `::1`, ...(env.NO_PROXY ?? env.no_proxy ?? "").split(",")].map((h) => h.trim().replace(/^\*?\./, "")).filter(Boolean);
   const direct = /^(?:localhost|127\.|\[?::1\]?$)/.test(host) || noProxy.some((h) => host === h || host.endsWith(`.${h}`));
   const proxy = direct ? void 0 : env.HTTPS_PROXY ?? env.https_proxy;
-  const browser = await pw.chromium.launch({ headless: true, ...executablePath ? { executablePath } : {}, ...proxy ? { proxy: { server: proxy } } : {} });
+  return pw.chromium.launch({ headless: true, ...executablePath ? { executablePath } : {}, ...proxy ? { proxy: { server: proxy } } : {} });
+}
+async function snapshotUrl(url, options = {}) {
+  const [result] = await snapshotUrls([url], options);
+  if (!result.snapshot) throw new Error(result.error);
+  return result.snapshot;
+}
+async function snapshotUrls(urls, options = {}) {
+  if (urls.length === 0) return [];
+  const pw = await loadPlaywright();
+  const browser = await launch(pw, urls[0], options);
+  const out = [];
   try {
-    const page = await browser.newPage({ viewport: options.viewport ?? { width: 1440, height: 900 } });
-    await page.goto(url, { waitUntil: "domcontentloaded", timeout: options.timeoutMs ?? 45e3 });
-    return await snapshotPage(page, url, options);
+    for (const url of urls) {
+      const page = await browser.newPage({ viewport: options.viewport ?? { width: 1440, height: 900 } });
+      try {
+        await page.goto(url, { waitUntil: "domcontentloaded", timeout: options.timeoutMs ?? 45e3 });
+        out.push({ url, snapshot: await snapshotPage(page, url, options) });
+      } catch (error) {
+        out.push({ url, error: error.message });
+      } finally {
+        await page.close?.();
+      }
+    }
+    return out;
   } finally {
     await browser.close();
   }
@@ -2408,5 +2434,6 @@ export {
   loadPlaywright,
   overlayInPage,
   snapshotPage,
-  snapshotUrl
+  snapshotUrl,
+  snapshotUrls
 };