youiyoux 0.1.3 → 0.1.4

package/README.md

@@ -27,6 +27,16 @@ npx youiyoux hooks install    # check after each Claude Code edit, and at git co
 - `npx youiyoux check --diff`: after UI edits, what the change adds, each with its fix.
 - `ui_render` (MCP) or `npx youiyoux render <file>`: screenshots light and dark, accessibility issues, a diff against base.
 
+## The hub, screens and requests
+
+```sh
+npx youiyoux ui --project .                                   # the hub: your system, where it is used, your screens
+npx youiyoux screens login --base http://localhost:3000       # once, if the app needs a sign-in
+npx youiyoux screens capture --base http://localhost:3000     # photograph the routes in .youi/screens/screens.json
+```
+
+On the hub's Screens page, pick any component on a screenshot and leave a comment or a change request. Your agent reads it (`requests_list`), makes the change, captures the screen again (`screens_capture`) and marks it addressed; you compare before and after and close it.
+
 ## Privacy
 
 Runs locally; nothing is uploaded, no telemetry. The report includes relative paths, component names, class lists, counts and rendered images when available. No source lines unless `--include-code`; home paths, usernames, env values and credentials are stripped. Rendered looks need a headless Chromium (`--render` offers to download it, ~100 MB, once); specimen images are cached in `~/.cache/youiyoux/specimens`.

package/dist/chunks/{chunk-S7UV34H5.js → chunk-42YJX3W5.js}

@@ -1,4 +1,4 @@
-import { createRequire as __youiRequire } from "node:module"; const require = __youiRequire(import.meta.url);
+import { createRequire as __youiRequire } from "node:module"; import { dirname as __youiDir } from "node:path"; import { fileURLToPath as __youiPath } from "node:url"; const require = __youiRequire(import.meta.url); const __youiDirname = __youiDir(__youiPath(import.meta.url));
 
 // ../scanner/src/specimens/contain.ts
 import { lstatSync, readdirSync, realpathSync } from "node:fs";
@@ -34,7 +34,6 @@ function packageUnderRoot(root, specifier) {
   }
   return realOf(entry);
 }
-var isBarePackageUnderRoot = (root, specifier) => packageUnderRoot(root, specifier) !== null;
 var inPackage = (path) => realOf(path).split(sep).includes("node_modules");
 function relativeInside(root, path) {
   if (isAbsolute(path) || /^[a-z]:[\\/]/i.test(path)) return { refused: `${path} is an absolute path` };
@@ -79,7 +78,6 @@ export {
   within,
   packageName,
   packageUnderRoot,
-  isBarePackageUnderRoot,
   inPackage,
   relativeInside,
   escapingLinks,

package/dist/chunks/{chunk-74KBRI2H.js → chunk-4BBYLTZX.js}

@@ -1,13 +1,13 @@
-import { createRequire as __youiRequire } from "node:module"; const require = __youiRequire(import.meta.url);
+import { createRequire as __youiRequire } from "node:module"; import { dirname as __youiDir } from "node:path"; import { fileURLToPath as __youiPath } from "node:url"; const require = __youiRequire(import.meta.url); const __youiDirname = __youiDir(__youiPath(import.meta.url));
 import {
   DetectReport,
   findFiles,
   require_dist,
   writeFileAtomic
-} from "./chunk-C3TSTYP7.js";
+} from "./chunk-NYDJYMID.js";
 import {
   __toESM
-} from "./chunk-E4HNK7VF.js";
+} from "./chunk-WNTS7ZO4.js";
 
 // ../detect/src/fingerprints.ts
 var byClass = (rules) => Object.entries(rules).map(([type, selector]) => ({ type, selector }));
@@ -947,7 +947,7 @@ function buildReport(input) {
   const libraries = scoreLibraries(input.signals, pagesOf);
   return DetectReport.parse({
     schema: "youi.detect/v1",
-    generatedAt: (input.now ?? /* @__PURE__ */ new Date()).toISOString(),
+    generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     detector: DETECTOR,
     target: { kind: input.kind, inputs: [...input.inputs], name: input.name },
     pages: [...input.pages ?? []],
@@ -959,9 +959,9 @@ function buildReport(input) {
     notes: [...new Set(input.notes ?? [])]
   });
 }
-async function repoReport(root, now) {
+async function repoReport(root) {
   const scan = await detectRepo(root);
-  return buildReport({ kind: "repo", inputs: [root], name: scan.name, coverage: scan.coverage, signals: scan.signals, hits: scan.hits, unused: scan.unused, fonts: scan.fonts, notes: scan.notes, ...now ? { now } : {} });
+  return buildReport({ kind: "repo", inputs: [root], name: scan.name, coverage: scan.coverage, signals: scan.signals, hits: scan.hits, unused: scan.unused, fonts: scan.fonts, notes: scan.notes });
 }
 async function writeReport(report, out) {
   const file = join3(out, REPORT_FILE);
@@ -1041,6 +1041,7 @@ function siteSignals(facts) {
 var DOWNLOAD_NOTICE = "youiyoux detect: downloading Chromium headless shell (~100 MB, once)";
 var SCREENSHOT_DIR = "screenshots";
 var TRIGGER_ATTR = "data-youi-trigger";
+var MAX_TRIGGERS = 8;
 var BrowserMissingError = class extends Error {
   name = "BrowserMissingError";
 };
@@ -1122,7 +1123,7 @@ async function crawl(page, url, n, options) {
     let exposed = 0;
     if (options.expose) {
       const loaded = page.url();
-      const triggers = await page.evaluate(`(${TRIGGERS_SOURCE})(${JSON.stringify({ attr: TRIGGER_ATTR, limit: options.maxTriggers ?? 8 })})`);
+      const triggers = await page.evaluate(`(${TRIGGERS_SOURCE})(${JSON.stringify({ attr: TRIGGER_ATTR, limit: MAX_TRIGGERS })})`);
       for (const [i] of triggers.entries()) {
         try {
           await page.locator(`[${TRIGGER_ATTR}="${i}"]`).first().click({ timeout: 2e3 });
@@ -1159,7 +1160,7 @@ async function siteReport(urls, options) {
   const browser = await launchBrowser(options.executablePath);
   const runs = [];
   try {
-    const context = await browser.newContext({ viewport: options.viewport ?? { width: 1280, height: 800 }, deviceScaleFactor: 1, colorScheme: "light", reducedMotion: "reduce" });
+    const context = await browser.newContext({ viewport: { width: 1280, height: 800 }, deviceScaleFactor: 1, colorScheme: "light", reducedMotion: "reduce" });
     for (const [i, url] of urls.entries()) {
       const page = await context.newPage();
       runs.push(await crawl(page, url, i + 1, options));
@@ -1194,8 +1195,7 @@ async function siteReport(urls, options) {
     signals,
     hits,
     fonts: [...fonts].map(([family, usedBy]) => ({ family, usedBy: [...usedBy] })),
-    notes,
-    ...options.now ? { now: options.now } : {}
+    notes
   });
   const kept = new Set(report.elements.flatMap((e) => e.screenshot ? [e.screenshot.split("/").at(-1)] : []));
   for (const name of await readdir(join4(options.out, SCREENSHOT_DIR))) if (!kept.has(name)) await rm(join4(options.out, SCREENSHOT_DIR, name), { force: true });