youiyoux 0.1.20 → 0.1.21

package/dist/chunks/{chunk-WBU7YJGZ.js → chunk-55I4SXOA.js}

@@ -3,7 +3,7 @@ import { createRequire as __youiRequire } from "node:module"; import { dirname a
 // src/hub-packages.js
 var PACKAGES = {
   core: () => import("./src-AXF5XUQE.js"),
-  scanner: () => import("./src-CCB3D7EM.js"),
+  scanner: () => import("./src-DUBN6O7T.js"),
   discover: () => import("./src-ULAQV67E.js"),
   tokens: () => import("./src-HBKEBCH6.js")
 };

package/dist/chunks/{chunk-TI3G57PX.js → chunk-ALD2RX3X.js}

@@ -9,7 +9,7 @@ import {
   scanProject,
   screenSlug,
   tokenImpact
-} from "./chunk-3SXAQHHJ.js";
+} from "./chunk-RQUTV7SO.js";
 import {
   buildTokens,
   contrastText,

package/dist/chunks/{chunk-K2W23VI3.js → chunk-FYG6USCG.js}

@@ -9,7 +9,7 @@ import {
   startRuleEditor,
   style,
   truncate
-} from "./chunk-YQS2VF65.js";
+} from "./chunk-ZXINIRJ5.js";
 import {
   BASELINE_FILE,
   DEFAULT_EXCLUDE,
@@ -64,7 +64,7 @@ import {
   vendoredPath,
   whereUsed,
   withFile
-} from "./chunk-3SXAQHHJ.js";
+} from "./chunk-RQUTV7SO.js";
 import {
   escapingLinks,
   within
@@ -1736,7 +1736,7 @@ function renderDiffText(result) {
   lines.push("");
   if (diff.findings.length > 0) lines.push(style.error(`\u2716 ${plural(diff.findings.length, "finding")} in this change: apply each fix (\u2192), then run \`youiyoux check --diff\` again`));
   else if (gaps.length > 0) lines.push(style.warn("! Not a pass: parts of this change could not be checked (above). Fix what could not be read, then run `youiyoux check --diff` again"));
-  else if (diff.files.length === 0) lines.push(style.ok(`\u2713 No checked files changed against ${diff.base}: nothing to check. Compare with a branch: youiyoux check --diff main`));
+  else if (diff.files.length === 0) lines.push(style.ok(`\u2713 No checked files changed against ${diff.base}: nothing to check${diff.base === "HEAD" ? ". Compare with a branch: youiyoux check --diff main" : ""}`));
   else lines.push(style.ok(`\u2713 No drift in this change: ${plural(diff.files.length, "file")} checked against ${diff.base}. Nothing to fix`));
   return lines.join("\n");
 }
@@ -1754,9 +1754,10 @@ function diffJson(result) {
     identity: result.identity
   };
 }
-function githubDiffAnnotations(result, prefix) {
-  const lines = (result.diff?.findings ?? []).map((f) => command(f.severity === "error" ? "error" : "warning", `${f.message} Fix: ${f.fix}`, { file: `${prefix}${f.file}`, line: f.line, col: f.column, title: `youi ${kindOf(f)}` }));
-  for (const gap of diffGaps(result)) lines.push(command("error", `${gap}; a clean result here is not a pass`, { title: "youi incomplete" }));
+function githubDiffAnnotations(result, prefix, strict) {
+  const level = (severity) => strict && severity === "error" ? "error" : "warning";
+  const lines = (result.diff?.findings ?? []).map((f) => command(level(f.severity), `${f.message} Fix: ${f.fix}`, { file: `${prefix}${f.file}`, line: f.line, col: f.column, title: `youi ${kindOf(f)}` }));
+  for (const gap of diffGaps(result)) lines.push(command(level("error"), `${gap}; a clean result here is not a pass`, { title: "youi incomplete" }));
   return lines;
 }
 function githubDiffSummary(result) {
@@ -3416,7 +3417,7 @@ async function projectStatus(project2, cwd = process.cwd()) {
   const comparison = check.baseline?.comparison;
   const counted = comparison ? [...comparison.new, ...comparison.regressed] : check.violations;
   const usages = check.scan.report.usages;
-  const { RequestStore } = await import("./src-LESGEHOC.js");
+  const { RequestStore } = await import("./src-LP3MFGA4.js");
   const requests = await new RequestStore(project2.root, project2.config.id).list();
   const status = {
     id: project2.config.id,
@@ -5983,7 +5984,7 @@ async function cmdCheckDiff(values, positionals, p, format) {
   const result = configured(p) ? await runCheck(p, { ...checkScope(values, positionals), diff: change }) : await runRepoCheck(p, change);
   if (format === "json") json3(diffJson(result));
   else if (format === "github") {
-    for (const line of githubDiffAnnotations(result, await repoPrefix(p.root))) print(line);
+    for (const line of githubDiffAnnotations(result, await repoPrefix(p.root), values.strict)) print(line);
     print(renderDiffText(result));
     if (process.env.GITHUB_STEP_SUMMARY) await appendFile2(process.env.GITHUB_STEP_SUMMARY, githubDiffSummary(result));
   } else print(renderDiffText(result));
@@ -6066,7 +6067,7 @@ async function cmdLibrary(values, positionals) {
     return 0;
   }
   if (action === "ingest" && query && positionals.length === 2) {
-    const { fileIngestDraft, readLink, renderIngest } = await import("./ingest-IOFHL5VG.js");
+    const { fileIngestDraft, readLink, renderIngest } = await import("./ingest-4C3TRSBA.js");
     const p = values.draft ? await project(values) : null;
     const reading = await readLink(query, { allowLocal: true });
     const filed = p ? await fileIngestDraft(p, reading, values.state) : null;
@@ -6525,7 +6526,7 @@ async function cmdRequests(values, positionals) {
   const usage = "youiyoux requests [--status open|addressed|closed|all] [--route r]   or   youiyoux requests show <id> | reply <id> --message <text> | addressed <id> --message <what you changed>";
   const [action, id, ...rest] = positionals;
   if (rest.length > 0) throw new UsageError(usage);
-  const { RequestStore, requestBrief } = await import("./src-LESGEHOC.js");
+  const { RequestStore, requestBrief } = await import("./src-LP3MFGA4.js");
   const { project: project2, root } = await product(values);
   const store = new RequestStore(root, project2?.config.id ?? basename5(root));
   const agent = { kind: "agent", name: "youiyoux CLI" };
@@ -6624,7 +6625,7 @@ async function cmdReport(values, positionals, io) {
   return result.code;
 }
 async function cmdMcp(values) {
-  const { startStdioServer } = await import("./src-Z3LZMTHC.js");
+  const { startStdioServer } = await import("./src-JTMKM6KB.js");
   await startStdioServer({ projectRoot: values.project ?? process.cwd(), ...loadOptions(values), ...values.cache ? { discoverCache: values.cache } : {} });
   return -1;
 }

package/dist/chunks/{chunk-6UHSXSS6.js → chunk-O77MKELR.js}

@@ -4,7 +4,7 @@ import {
   loadPackage,
   readTryIndex,
   send
-} from "./chunk-WBU7YJGZ.js";
+} from "./chunk-55I4SXOA.js";
 import {
   writeFileAtomic
 } from "./chunk-M56633DV.js";

package/dist/chunks/{chunk-3SXAQHHJ.js → chunk-RQUTV7SO.js}

@@ -1799,6 +1799,35 @@ function resolveClasses(classes, tag, theme, rules) {
 // ../scanner/src/drift.ts
 var cssVar = (token, index) => `var(${[...index.byVar].find(([, t]) => t === token)?.[0] ?? cssVariable(index.prefix, token.cssName)})`;
 var tokenList = (tokens) => tokens.slice(0, 3).map((t) => t.id).join(" or ");
+var viewportOfWord = (word) => /^(phone|mobile|handset)$/.test(word) ? "narrow" : /^(tablet|desktop)$/.test(word) ? "wide" : null;
+var tokenViewport = (token) => token.id.split(/[.-]/).map(viewportOfWord).find((v) => v !== null) ?? null;
+function preludeViewports(preludes) {
+  const found = /* @__PURE__ */ new Set();
+  for (const prelude of preludes) {
+    if (/^@media\b/.test(prelude) && /max-width|width\s*<=?/.test(prelude)) found.add("narrow");
+    if (/^@media\b/.test(prelude) && /min-width|width\s*>=?/.test(prelude)) found.add("wide");
+    for (const word of prelude.toLowerCase().match(/[a-z]+/g) ?? []) {
+      const viewport = viewportOfWord(word);
+      if (viewport) found.add(viewport);
+    }
+  }
+  return found;
+}
+function variantViewports(variants) {
+  const found = /* @__PURE__ */ new Set();
+  for (const variant of variants) {
+    const viewport = viewportOfWord(variant) ?? (/^max-/.test(variant) ? "narrow" : /^(min-|@)?(sm|md|lg|xl|[2-9]xl)$/.test(variant) ? "wide" : null);
+    if (viewport) found.add(viewport);
+  }
+  return found;
+}
+function fitting(tokens, viewports) {
+  const own = tokens.filter((t) => {
+    const v = tokenViewport(t);
+    return v !== null && viewports.has(v);
+  });
+  return [...own, ...tokens.filter((t) => tokenViewport(t) === null)];
+}
 function utilityBefore(lineText, column) {
   return /(?:^|[\s"'`:])!?(-?[a-z][a-z0-9]*(?:-[a-z][a-z0-9]*)*)-\[$/.exec(lineText.slice(0, column - 1))?.[1] ?? null;
 }
@@ -1829,11 +1858,12 @@ function arbitraryFindings(module, index, added) {
       const offset = match.index + whole.indexOf(`${utility}-[`);
       const at = offsetToPosition(text, offset, start);
       if (!added(module.file, at.line)) continue;
-      const tokens = arbitraryTokens(utility, value, index);
+      const variants = whole.slice(0, whole.indexOf(`${utility}-[`));
+      const tokens = fitting(arbitraryTokens(utility, value, index), variantViewports(variants.split(":")));
       if (tokens.length === 0) continue;
-      const utilities = tokenUtilities(utility, tokens, index);
+      const utilities = tokenUtilities(utility, tokens, index).map((u) => `${variants}${u}`);
       const kind = /^-?rounded/.test(utility) ? "radius" : utility === "text" ? "type" : "spacing";
-      const fix = utilities.length > 0 ? `use ${utilities.slice(0, 2).join(" or ")} (${tokenList(tokens)}, ${cssVar(tokens[0], index)})` : `use ${utility}-[${cssVar(tokens[0], index)}] (${tokenList(tokens)})`;
+      const fix = utilities.length > 0 ? `use ${utilities.slice(0, 2).join(" or ")} (${tokenList(tokens)}, ${cssVar(tokens[0], index)})` : `use ${variants}${utility}-[${cssVar(tokens[0], index)}] (${tokenList(tokens)})`;
       findings.push({ kind: "hardcoded-value", file: module.file, ...at, text: `${utility}-[${value}]`, message: `Hardcoded ${kind} ${utility}-[${value}]: the token ${tokenList(tokens)} has this value.`, fix });
     }
   }
@@ -1851,9 +1881,10 @@ function cssDimensionFindings(module, index, isTokenSource, added) {
       if (!added(module.file, declaration.line) || isTokenSource && declaration.property.startsWith("--")) continue;
       const kind = CSS_DIMENSIONS.find(([pattern]) => pattern.test(declaration.property))?.[1];
       if (!kind) continue;
+      const viewports = preludeViewports(rule.preludes);
       const matched = [];
       const value = declaration.value.replace(/(^|[\s(,])(-?)(\d*\.?\d+)px\b/g, (whole, lead, sign, n) => {
-        const token = dimensionTokens(kind, Number(n), index)[0];
+        const token = fitting(dimensionTokens(kind, Number(n), index), viewports)[0];
         if (!token || Number(n) === 0) return whole;
         matched.push(token);
         return `${lead}${sign ? `calc(-1 * ${cssVar(token, index)})` : cssVar(token, index)}`;

package/dist/chunks/{chunk-YQS2VF65.js → chunk-ZXINIRJ5.js}

@@ -1,7 +1,7 @@
 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 {
   loadProject
-} from "./chunk-3SXAQHHJ.js";
+} from "./chunk-RQUTV7SO.js";
 import {
   shortHash
 } from "./chunk-M56633DV.js";
@@ -79,11 +79,11 @@ function workflowStateDir(project, state) {
   return resolve(state ?? join(homedir(), ".youi", "workflow", shortHash(`${project.repo.root}\0${project.root}`)));
 }
 async function ingest(link) {
-  const { readLink } = await import("./ingest-IOFHL5VG.js");
+  const { readLink } = await import("./ingest-4C3TRSBA.js");
   return readLink(link, { allowLocal: false });
 }
 async function startRuleEditor(options) {
-  const { FileStore, RuleWorkflow, serveWorkflow } = await import("./src-LESGEHOC.js");
+  const { FileStore, RuleWorkflow, serveWorkflow } = await import("./src-LP3MFGA4.js");
   const projectRoot = resolve(options.project);
   const load = { ...options.config ? { configPath: resolve(options.config) } : {}, ...options.design ? { designRoot: resolve(options.design) } : {}, ...options.root ? { productRoot: resolve(options.root) } : {} };
   const project = await loadProject(projectRoot, load);

package/dist/chunks/{ingest-IOFHL5VG.js → ingest-4C3TRSBA.js}

@@ -4,8 +4,8 @@ import {
   plural,
   style,
   workflowStateDir
-} from "./chunk-YQS2VF65.js";
-import "./chunk-3SXAQHHJ.js";
+} from "./chunk-ZXINIRJ5.js";
+import "./chunk-RQUTV7SO.js";
 import "./chunk-42YJX3W5.js";
 import "./chunk-4BQPCZLL.js";
 import "./chunk-M56633DV.js";
@@ -23,7 +23,7 @@ async function readLink(link, options) {
   return { link: result.link, source: result.source, license: result.license, fetchedAt: result.fetchedAt, entries: result.entries, skipped: result.skipped, notes: result.notes };
 }
 async function fileIngestDraft(project, reading, state) {
-  const { FileStore, RuleWorkflow } = await import("./src-LESGEHOC.js");
+  const { FileStore, RuleWorkflow } = await import("./src-LP3MFGA4.js");
   const workflow = new RuleWorkflow({ projectRoot: project.root, store: new FileStore(workflowStateDir(project, state)), ...project.configFile ? { configPath: project.configFile } : {}, ...project.designOverride ? { designRoot: project.repo.root } : {}, ...project.rootOverride ? { productRoot: project.root } : {}, ingest: async () => reading });
   const draft = await workflow.create({ kind: "person", name: userInfo().username }, { kind: "ingest", link: reading.link });
   return { id: draft.id, problems: draft.problems };

package/dist/chunks/{src-CCB3D7EM.js → src-DUBN6O7T.js}

@@ -188,7 +188,7 @@ import {
   whyNoLines,
   withFile,
   withoutCredentials
-} from "./chunk-3SXAQHHJ.js";
+} from "./chunk-RQUTV7SO.js";
 import {
   escapingLinks,
   relativeInside,

package/dist/chunks/{src-Z3LZMTHC.js → src-JTMKM6KB.js}

@@ -2,7 +2,7 @@ import { createRequire as __youiRequire } from "node:module"; import { dirname a
 import {
   RequestStore,
   requestBrief
-} from "./chunk-TI3G57PX.js";
+} from "./chunk-ALD2RX3X.js";
 import {
   PROJECT_FILE,
   ScanCache,
@@ -30,7 +30,7 @@ import {
   shotsText,
   tokenRows,
   whereUsed
-} from "./chunk-3SXAQHHJ.js";
+} from "./chunk-RQUTV7SO.js";
 import "./chunk-42YJX3W5.js";
 import {
   SHADCN_SLOTS,

package/dist/chunks/{src-LESGEHOC.js → src-LP3MFGA4.js}

@@ -64,8 +64,8 @@ import {
   validateIngestContent,
   validateLibraryContent,
   validateStyleContent
-} from "./chunk-TI3G57PX.js";
-import "./chunk-3SXAQHHJ.js";
+} from "./chunk-ALD2RX3X.js";
+import "./chunk-RQUTV7SO.js";
 import "./chunk-42YJX3W5.js";
 import "./chunk-4BQPCZLL.js";
 import "./chunk-M56633DV.js";

package/dist/hub-previews.js

@@ -17,8 +17,8 @@ import {
   selectCandidates,
   thumbsDir,
   writeThumbIndex
-} from "./chunks/chunk-6UHSXSS6.js";
-import "./chunks/chunk-WBU7YJGZ.js";
+} from "./chunks/chunk-O77MKELR.js";
+import "./chunks/chunk-55I4SXOA.js";
 import "./chunks/chunk-FVVL5JCY.js";
 import "./chunks/chunk-M56633DV.js";
 import "./chunks/chunk-WNTS7ZO4.js";

package/dist/hub-server.js

@@ -2,7 +2,7 @@
 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 {
   discoverThumbsMiddleware
-} from "./chunks/chunk-6UHSXSS6.js";
+} from "./chunks/chunk-O77MKELR.js";
 import {
   isLocalHost,
   loadPackage,
@@ -10,7 +10,7 @@ import {
   readTryIndex,
   send,
   tryMiddleware
-} from "./chunks/chunk-WBU7YJGZ.js";
+} from "./chunks/chunk-55I4SXOA.js";
 import "./chunks/chunk-FVVL5JCY.js";
 import "./chunks/chunk-M56633DV.js";
 import "./chunks/chunk-WNTS7ZO4.js";

package/dist/hub-snapshot.js

@@ -3,7 +3,7 @@ import { createRequire as __youiRequire } from "node:module"; import { dirname a
 import {
   loadPackage,
   tryProject
-} from "./chunks/chunk-WBU7YJGZ.js";
+} from "./chunks/chunk-55I4SXOA.js";
 import "./chunks/chunk-FVVL5JCY.js";
 import "./chunks/chunk-WNTS7ZO4.js";
 

package/dist/youi.js

@@ -2,9 +2,9 @@
 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 {
   main
-} from "./chunks/chunk-K2W23VI3.js";
-import "./chunks/chunk-YQS2VF65.js";
-import "./chunks/chunk-3SXAQHHJ.js";
+} from "./chunks/chunk-FYG6USCG.js";
+import "./chunks/chunk-ZXINIRJ5.js";
+import "./chunks/chunk-RQUTV7SO.js";
 import "./chunks/chunk-42YJX3W5.js";
 import "./chunks/chunk-5D7PLY7A.js";
 import "./chunks/chunk-UJMXSTUF.js";

package/dist/youiyoux.js

@@ -3,9 +3,9 @@ import { createRequire as __youiRequire } from "node:module"; import { dirname a
 import {
   COMMAND_NAMES,
   main
-} from "./chunks/chunk-K2W23VI3.js";
-import "./chunks/chunk-YQS2VF65.js";
-import "./chunks/chunk-3SXAQHHJ.js";
+} from "./chunks/chunk-FYG6USCG.js";
+import "./chunks/chunk-ZXINIRJ5.js";
+import "./chunks/chunk-RQUTV7SO.js";
 import "./chunks/chunk-42YJX3W5.js";
 import "./chunks/chunk-5D7PLY7A.js";
 import "./chunks/chunk-UJMXSTUF.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "youiyoux",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Your agent rebuilds components you already have. youiyoux catches it: npx youiyoux turns any repo into a shareable report of near-duplicate components, hardcoded token values and off-library imports, with the fixes.",
   "license": "MIT",
   "repository": {
@@ -46,9 +46,9 @@
     "typescript": "6.0.3"
   },
   "devDependencies": {
-    "@youiyoux/cli": "0.1.20",
-    "@youiyoux/core": "0.1.20",
-    "@youiyoux/scanner": "0.1.20"
+    "@youiyoux/cli": "0.1.21",
+    "@youiyoux/scanner": "0.1.21",
+    "@youiyoux/core": "0.1.21"
   },
   "exports": {
     "./package.json": "./package.json"