synthesisui 0.16.504 → 0.16.505

package/dist/commands/read.js

@@ -5,10 +5,8 @@ import { existsSync, mkdirSync, readdirSync, readFileSync, rmSync, statSync, wri
 import { createRequire } from "node:module";
 import { homedir } from "node:os";
 import { join, relative } from "node:path";
-import { classify, pixelRatio } from "../reading/classify.js";
-import { PAGE_SCRIPT } from "../reading/page-script.js";
+import { readSite } from "../reading/read-page.js";
 import { headingsOf } from "../reading/reread.js";
-import { decodePng } from "../reading/png.js";
 import { PENDING, globalClassOf, loadRoleRules, globalStyles, moduleClassName, pxOf, readPending } from "../role-rules.js";
 import { agentsToMaintain } from "../agents-chosen.js";
 import { syncClaudeMd } from "../claude-md.js";
@@ -29,10 +27,7 @@ import { projectRootFrom } from "./hook.js";
  */
 const READER_VERSION = "1.58.2";
 const READER_DIR = join(homedir(), ".synthesisui", "reader");
-export const VIEWPORTS = [
-    ["desktop", 1440, 900],
-    ["celular", 390, 844],
-];
+export { VIEWPORTS, confirmByPixels } from "../reading/read-page.js";
 /** `download: false` é o fim do turno: ele nunca baixa nada sozinho - sem o leitor na máquina, não relê (E01, fase 3). */
 export function loadReader(say, download = true) {
     const override = process.env.SYNTHESISUI_PLAYWRIGHT;
@@ -93,26 +88,6 @@ export async function findServer(url, root, waitMs = 4000) {
     }
     return null;
 }
-/**
- * CADA CONTRASTE BAIXO CONFERIDO PELOS PIXELS: sem tinta é texto não pintado; acima do alvo, o DOM errou o fundo. A mesma
- * conferência na leitura e no fim do turno (E01 da fase 3) - duas cópias divergiriam no primeiro conserto.
- */
-export async function confirmByPixels(found, pageOf) {
-    const confirmed = [];
-    for (const f of found) {
-        const page = pageOf(f.sample);
-        let px = null;
-        if (page && f.sample.w >= 2 && f.sample.h >= 2) {
-            const png = await page.screenshot({ fullPage: true, clip: { x: Math.max(0, f.sample.x), y: Math.max(0, f.sample.y), width: f.sample.w, height: f.sample.h } }).catch(() => null);
-            const rgba = png ? decodePng(png) : null;
-            px = rgba ? pixelRatio(rgba) : null;
-        }
-        if (px !== null && (px < 1.2 || px >= f.alvo))
-            continue;
-        confirmed.push({ ...f, pixels: px });
-    }
-    return confirmed;
-}
 /** O maior tamanho entre as classes de um texto (o do desktop), sem o prefixo de tela - a mesma escolha da checagem. */
 function sizeClassOf(cls) {
     const toks = cls.match(/(?:[a-z0-9]+:)?text-(?:\[(?:clamp\([^\]\s]+\)|[\d.]+(?:rem|px|em))\]|xs|sm|base|lg|[2-9]?xl)(?=\s|$|\|)/g) ?? [];
@@ -372,23 +347,12 @@ export async function read(opts) {
     const routes = opts.routes?.length ? opts.routes : ["/"];
     const pw = loadReader(say);
     const browser = (await launch(pw, say));
-    const seen = [];
-    const pages = new Map();
+    const site = await readSite(browser, base, routes).catch(async (e) => {
+        await browser.close().catch(() => { });
+        throw e;
+    });
+    const { reading, seen } = site;
     try {
-        for (const rota of routes) {
-            for (const [disp, w, h] of VIEWPORTS) {
-                const ctx = await browser.newContext({ viewport: { width: w, height: h }, reducedMotion: "reduce" });
-                const page = await ctx.newPage();
-                await page.goto(new URL(rota, base).href, { waitUntil: "networkidle", timeout: 90_000 });
-                await page.waitForTimeout(800);
-                const textos = (await page.evaluate(PAGE_SCRIPT));
-                for (const t of textos)
-                    seen.push({ ...t, rota, disp });
-                pages.set(`${rota}|${disp}`, { page, ctx });
-            }
-        }
-        const reading = classify(seen);
-        reading.contraste = await confirmByPixels(reading.contraste, (t) => pages.get(`${t.rota}|${t.disp}`)?.page);
         const files = sources(root);
         const home = (t) => homeOf(root, files, t);
         const out = {
@@ -436,8 +400,7 @@ export async function read(opts) {
         say(`\n  Written to _synthesisui/reading.json. Nothing in your code changed.`);
     }
     finally {
-        for (const { ctx } of pages.values())
-            await ctx.close().catch(() => { });
+        await site.close();
         await browser.close().catch(() => { });
     }
 }

package/dist/reading/read-page.js

@@ -0,0 +1,93 @@
+import { classify, pixelRatio, } from "./classify.js";
+import { PAGE_SCRIPT } from "./page-script.js";
+import { decodePng } from "./png.js";
+export const VIEWPORTS = [
+    ["desktop", 1440, 900],
+    ["celular", 390, 844],
+];
+/**
+ * CADA CONTRASTE BAIXO CONFERIDO PELOS PIXELS: sem tinta é texto não pintado; acima do alvo, o DOM errou o fundo. A mesma
+ * conferência na leitura e no fim do turno (E01 da fase 3) - duas cópias divergiriam no primeiro conserto.
+ */
+export async function confirmByPixels(found, pageOf) {
+    const confirmed = [];
+    for (const f of found) {
+        const page = pageOf(f.sample);
+        let px = null;
+        if (page && f.sample.w >= 2 && f.sample.h >= 2) {
+            const png = await page
+                .screenshot({
+                fullPage: true,
+                clip: {
+                    x: Math.max(0, f.sample.x),
+                    y: Math.max(0, f.sample.y),
+                    width: f.sample.w,
+                    height: f.sample.h,
+                },
+            })
+                .catch(() => null);
+            const rgba = png ? decodePng(png) : null;
+            px = rgba ? pixelRatio(rgba) : null;
+        }
+        if (px !== null && (px < 1.2 || px >= f.alvo))
+            continue;
+        confirmed.push({ ...f, pixels: px });
+    }
+    return confirmed;
+}
+/**
+ * Mede `routes` de `base` nas duas larguras, classifica e confere o contraste pelos pixels. Quem chama fecha (`close`).
+ * As duas larguras abrem AO MESMO TEMPO (medido em 21/10: resend.com levava 46 s em sequência), e os textos entram na
+ * ordem de `VIEWPORTS`, a mesma de antes - a classificação não muda.
+ */
+export async function readSite(browser, base, routes, opts = {}) {
+    const seen = [];
+    const pages = new Map();
+    const statuses = new Map();
+    const ctxs = [];
+    const close = async () => {
+        for (const ctx of ctxs)
+            await ctx.close().catch(() => { });
+    };
+    const open = async (rota, disp, w, h) => {
+        const ctx = await browser.newContext({
+            ...opts.context,
+            viewport: { width: w, height: h },
+            reducedMotion: "reduce",
+        });
+        ctxs.push(ctx);
+        if (opts.prepare)
+            await opts.prepare(ctx);
+        const page = await ctx.newPage();
+        const href = new URL(rota, base).href;
+        const res = opts.settleMs === undefined
+            ? await page.goto(href, { waitUntil: "networkidle", timeout: 90_000 })
+            : await page
+                .goto(href, { waitUntil: "networkidle", timeout: opts.settleMs })
+                .catch((e) => {
+                if (!/timeout/i.test(e.message))
+                    throw e;
+                return null;
+            });
+        const code = res?.status?.();
+        statuses.set(`${rota}|${disp}`, typeof code === "number" ? code : null);
+        await page.waitForTimeout(800);
+        const textos = (await page.evaluate(PAGE_SCRIPT));
+        pages.set(`${rota}|${disp}`, page);
+        return textos.map((t) => ({ ...t, rota, disp }));
+    };
+    try {
+        for (const rota of routes) {
+            const byWidth = await Promise.all(VIEWPORTS.map(([disp, w, h]) => open(rota, disp, w, h)));
+            for (const textos of byWidth)
+                seen.push(...textos);
+        }
+        const reading = classify(seen);
+        reading.contraste = await confirmByPixels(reading.contraste, (t) => pages.get(`${t.rota}|${t.disp}`));
+        return { reading, seen, pages, statuses, close };
+    }
+    catch (e) {
+        await close();
+        throw e;
+    }
+}

package/dist/reading/reread.js

@@ -1,7 +1,8 @@
 import { existsSync, readdirSync, readFileSync, statSync } from "node:fs";
 import { mkdir, readFile, writeFile } from "node:fs/promises";
 import { basename, extname, join, relative, sep } from "node:path";
-import { confirmByPixels, declaredPort, findServer, homeOf, launch, loadReader, sources } from "../commands/read.js";
+import { declaredPort, findServer, homeOf, launch, loadReader, sources } from "../commands/read.js";
+import { confirmByPixels } from "./read-page.js";
 import { loadRoleRules } from "../role-rules.js";
 import { classify } from "./classify.js";
 import { PAGE_SCRIPT } from "./page-script.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synthesisui",
-  "version": "0.16.504",
+  "version": "0.16.505",
   "description": "Bring SynthesisUI design systems into any project - tokens, typed components, whole pages and an agent-ready CLAUDE.md manifest.",
   "type": "module",
   "bin": {