@aayambansal/squint 0.3.2 → 0.3.3

package/dist/{cdp-2XAU5MEA.js → cdp-UOIP4ZQZ.js}

@@ -3,7 +3,7 @@ import {
   cdpCapture,
   hasWebSocket,
   pixelDiffPct
-} from "./chunk-DAETGO2M.js";
+} from "./chunk-XOVOQJFL.js";
 export {
   cdpCapture,
   hasWebSocket,

package/dist/{chunk-4LAU5TGK.js → chunk-H5K55LXY.js}

@@ -1,8 +1,41 @@
 #!/usr/bin/env node
 
 // src/prompt/skills.ts
+import fs2 from "fs";
+import path2 from "path";
+
+// src/prompt/registry.ts
 import fs from "fs";
 import path from "path";
+function loadComponentInventory(cwd) {
+  let config;
+  try {
+    config = JSON.parse(fs.readFileSync(path.join(cwd, "components.json"), "utf8"));
+  } catch {
+    return null;
+  }
+  const alias = config.aliases?.ui ?? (config.aliases?.components ? `${config.aliases.components}/ui` : "@/components/ui");
+  const relative = alias.replace(/^@\//, "src/").replace(/^~\//, "");
+  const uiDir = path.join(cwd, relative);
+  let entries;
+  try {
+    entries = fs.readdirSync(uiDir);
+  } catch {
+    return null;
+  }
+  const components = entries.filter((f) => /\.(tsx|jsx|vue|svelte)$/.test(f)).map((f) => f.replace(/\.[^.]+$/, "")).sort();
+  if (components.length === 0) return null;
+  return { components, uiDir: relative };
+}
+function inventorySection(inventory) {
+  return `## Installed UI components (${inventory.uiDir})
+
+${inventory.components.join(" \xB7 ")}
+
+Compose from these before writing new primitives. More are one command away: \`npx shadcn@latest add <name>\`. Never invent props for these components \u2014 read the file when unsure.`;
+}
+
+// src/prompt/skills.ts
 var FRONTMATTER_RE = /^---\n([\s\S]*?)\n---\n?/;
 function parseSkill(name, raw) {
   const match = FRONTMATTER_RE.exec(raw);
@@ -22,17 +55,17 @@ function parseSkill(name, raw) {
   return { name, triggers, body };
 }
 function loadSkills(cwd) {
-  const dir = path.join(cwd, ".squint", "skills");
+  const dir = path2.join(cwd, ".squint", "skills");
   let entries;
   try {
-    entries = fs.readdirSync(dir).filter((f) => f.endsWith(".md"));
+    entries = fs2.readdirSync(dir).filter((f) => f.endsWith(".md"));
   } catch {
     return [];
   }
   const skills = [];
   for (const entry of entries.sort()) {
     try {
-      const skill = parseSkill(entry.replace(/\.md$/, ""), fs.readFileSync(path.join(dir, entry), "utf8"));
+      const skill = parseSkill(entry.replace(/\.md$/, ""), fs2.readFileSync(path2.join(dir, entry), "utf8"));
       if (skill) skills.push(skill);
     } catch {
     }
@@ -41,7 +74,7 @@ function loadSkills(cwd) {
 }
 function loadRules(cwd) {
   try {
-    const text = fs.readFileSync(path.join(cwd, ".squint", "rules.md"), "utf8").trim();
+    const text = fs2.readFileSync(path2.join(cwd, ".squint", "rules.md"), "utf8").trim();
     return text.length > 0 ? text : null;
   } catch {
     return null;
@@ -53,7 +86,7 @@ function matchSkills(skills, ask) {
 }
 function loadLocks(cwd) {
   try {
-    return fs.readFileSync(path.join(cwd, ".squint", "locks"), "utf8").split("\n").map((line) => line.trim()).filter((line) => line.length > 0 && !line.startsWith("#"));
+    return fs2.readFileSync(path2.join(cwd, ".squint", "locks"), "utf8").split("\n").map((line) => line.trim()).filter((line) => line.length > 0 && !line.startsWith("#"));
   } catch {
     return [];
   }
@@ -64,6 +97,8 @@ function enrich(cwd, ask) {
   if (rules) parts.push(`## Project rules (always apply)
 
 ${rules}`);
+  const inventory = loadComponentInventory(cwd);
+  if (inventory) parts.push(inventorySection(inventory));
   const locks = loadLocks(cwd);
   if (locks.length > 0) {
     parts.push(

package/dist/{chunk-OTCH66M7.js → chunk-SXF7CVRW.js}

@@ -6,7 +6,7 @@ import {
 import {
   cdpCapture,
   hasWebSocket
-} from "./chunk-DAETGO2M.js";
+} from "./chunk-XOVOQJFL.js";
 import {
   ensureSquintIgnore
 } from "./chunk-O2S6PAJE.js";
@@ -47,7 +47,7 @@ async function captureViewports(cwd, url) {
   const base = url.replace(/\/+$/, "");
   if (hasWebSocket()) {
     try {
-      const { report, shots: shots2, a11y, slop } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true);
+      const { report, shots: shots2, a11y, slop, narration } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true);
       const errors2 = [];
       for (const route of routes.slice(1)) {
         try {
@@ -62,7 +62,7 @@ async function captureViewports(cwd, url) {
           errors2.push(`${route}: capture failed`);
         }
       }
-      return { shots: shots2, errors: errors2, runtime: report, a11y, slop };
+      return { shots: shots2, errors: errors2, runtime: report, a11y, slop, narration };
     } catch {
     }
   }
@@ -133,7 +133,7 @@ async function probeRuntime(url, cwd) {
 async function comparePulse(previous, current) {
   const chrome = findChrome();
   if (!chrome || !hasWebSocket()) return null;
-  const { pixelDiffPct } = await import("./cdp-2XAU5MEA.js");
+  const { pixelDiffPct } = await import("./cdp-UOIP4ZQZ.js");
   return pixelDiffPct(chrome, previous, current);
 }
 function buildRuntimeFixPrompt(report) {
@@ -151,6 +151,16 @@ ${findings.join("\n")}
 
 Fix these as part of the pass \u2014 they are objective defects, not style preferences.`;
 }
+function narrationSection(narration) {
+  if (!narration || narration.length === 0) return "";
+  return `
+
+## What a screen reader would say (accessibility tree, in order)
+
+${narration.join("\n")}
+
+Judge this narration as an experience: does the reading order make sense? do names actually describe their targets? is anything announced as "(no accessible name)"? Fix real incoherence \u2014 this is how non-visual users meet the page.`;
+}
 function slopSection(findings) {
   if (!findings || findings.length === 0) return "";
   return `
@@ -161,13 +171,13 @@ ${findings.join("\n")}
 
 These patterns make the page read as template output. Rework them within the committed design direction \u2014 this is style debt, not a defect list.`;
 }
-function buildReviewPrompt(shots, extra, runtime, a11y, slop) {
+function buildReviewPrompt(shots, extra, runtime, a11y, slop, narration) {
   const list = shots.map((s) => `- ${s.name}: ${s.path}`).join("\n");
   return `Screenshots of the running app were just captured:
 
 ${list}
 
-Read each screenshot and review the rendered UI against the design standards you were given. Check: visual hierarchy and spacing rhythm, typography, color and contrast, alignment, empty-looking or broken regions, and whether the mobile capture shows horizontal overflow or cramped layout. List the concrete issues you can SEE (not hypothetical ones), ranked by visual impact${extra ? `, with special attention to: ${extra}` : ""}. Then fix them and verify the app still builds.${runtimeSection(runtime)}${a11ySection(a11y)}${slopSection(slop)}`;
+Read each screenshot and review the rendered UI against the design standards you were given. Check: visual hierarchy and spacing rhythm, typography, color and contrast, alignment, empty-looking or broken regions, and whether the mobile capture shows horizontal overflow or cramped layout. List the concrete issues you can SEE (not hypothetical ones), ranked by visual impact${extra ? `, with special attention to: ${extra}` : ""}. Then fix them and verify the app still builds.${runtimeSection(runtime)}${a11ySection(a11y)}${slopSection(slop)}${narrationSection(narration)}`;
 }
 
 export {

package/dist/{chunk-DAETGO2M.js → chunk-XOVOQJFL.js}

@@ -278,6 +278,7 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
   let a11y = [];
   let slop = [];
   let perf = {};
+  let narration = [];
   const requests = /* @__PURE__ */ new Map();
   let connection = null;
   try {
@@ -350,6 +351,47 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
         if (Array.isArray(result?.value)) slop = result.value.map(String);
       } catch {
       }
+      try {
+        await connection.send("Accessibility.enable", {}, sessionId);
+        const { nodes } = await connection.send("Accessibility.getFullAXTree", {}, sessionId);
+        const interesting = /* @__PURE__ */ new Set([
+          "heading",
+          "link",
+          "button",
+          "textbox",
+          "checkbox",
+          "radio",
+          "combobox",
+          "listbox",
+          "img",
+          "image",
+          "navigation",
+          "main",
+          "banner",
+          "contentinfo",
+          "form",
+          "search",
+          "tab",
+          "menuitem",
+          "switch",
+          "slider",
+          "alert",
+          "dialog",
+          "list"
+        ]);
+        if (Array.isArray(nodes)) {
+          for (const node of nodes) {
+            if (node.ignored) continue;
+            const role = node.role?.value;
+            if (!role || !interesting.has(role)) continue;
+            const name = (node.name?.value ?? "").toString().trim().replace(/\s+/g, " ").slice(0, 80);
+            const level = node.properties?.find((p) => p.name === "level")?.value?.value;
+            narration.push(`${role}${level ? ` ${level}` : ""}${name ? `: "${name}"` : " (no accessible name)"}`);
+            if (narration.length >= 80) break;
+          }
+        }
+      } catch {
+      }
     }
     for (const viewport of viewports) {
       await connection.send(
@@ -373,7 +415,7 @@ async function cdpCapture(chromePath, url, outDir, viewports, settleMs = 2500, a
     child.kill("SIGKILL");
     setTimeout(() => fs.rmSync(profileDir, { recursive: true, force: true }), 500).unref?.();
   }
-  return { report, shots, a11y, slop, perf };
+  return { report, shots, a11y, slop, perf, narration };
 }
 
 export {

package/dist/cli.js

@@ -42,7 +42,7 @@ import {
   comparePulse,
   probeRuntime,
   runtimeSummary
-} from "./chunk-OTCH66M7.js";
+} from "./chunk-SXF7CVRW.js";
 import {
   runAgent
 } from "./chunk-VH7OOFQP.js";
@@ -53,10 +53,10 @@ import {
   detectEngines,
   getEngine
 } from "./chunk-KVYGPLWW.js";
-import "./chunk-DAETGO2M.js";
+import "./chunk-XOVOQJFL.js";
 import {
   enrich
-} from "./chunk-4LAU5TGK.js";
+} from "./chunk-H5K55LXY.js";
 import {
   composePrompt
 } from "./chunk-P3H4N2EN.js";
@@ -236,7 +236,7 @@ function registerEnv(program2) {
       }
     }
     const { findChrome: findChrome2 } = await import("./chrome-SBV3H77F.js");
-    const { hasWebSocket } = await import("./cdp-2XAU5MEA.js");
+    const { hasWebSocket } = await import("./cdp-UOIP4ZQZ.js");
     const chrome = findChrome2();
     console.log(
       chrome ? `${pc2.green("\u2713")} Chrome ${pc2.dim(chrome)}` : `${pc2.yellow("\u25CB")} Chrome ${pc2.dim("\u2014 screenshots and runtime probing disabled")}`
@@ -260,7 +260,7 @@ import pc3 from "picocolors";
 function registerProject(program2) {
   const skillsCommand = program2.command("skills").description("Project knowledge injected into asks (.squint/rules.md + .squint/skills/)");
   skillsCommand.command("list").description("Show always-on rules and trigger-matched skills").action(async () => {
-    const { loadRules, loadSkills } = await import("./skills-DNBHZAAU.js");
+    const { loadRules, loadSkills } = await import("./skills-ODOVNE6E.js");
     const cwd = process.cwd();
     const rules = loadRules(cwd);
     console.log(
@@ -459,7 +459,7 @@ function registerQuality(program2) {
     if (results.some((r) => !r.ok)) process.exitCode = 1;
   });
   program2.command("shot").description("Screenshot a running app at mobile/tablet/desktop viewports (+ .squint/routes)").argument("<url>", "URL of the running app (e.g. http://localhost:5173)").action(async (url) => {
-    const { captureViewports: captureViewports2 } = await import("./preview-PS7WJ2KO.js");
+    const { captureViewports: captureViewports2 } = await import("./preview-S6FOTRRR.js");
     const result = await captureViewports2(process.cwd(), url);
     if (!result) {
       console.error(pc4.red("\u2717 no Chrome/Chromium found"));
@@ -820,7 +820,7 @@ ${question}`,
         return;
       }
       await this.runTurn(
-        buildReviewPrompt(result.shots, void 0, result.runtime, result.a11y, result.slop),
+        buildReviewPrompt(result.shots, void 0, result.runtime, result.a11y, result.slop, result.narration),
         `\u{1F441} polish round ${round}/${rounds}`
       );
     }
@@ -1138,7 +1138,7 @@ ${errors.slice(-5).join("\n")}`);
               const captureResult = await this.capture();
               if (captureResult) {
                 await this.runTurn(
-                  buildReviewPrompt(captureResult.shots, void 0, captureResult.runtime, captureResult.a11y, captureResult.slop),
+                  buildReviewPrompt(captureResult.shots, void 0, captureResult.runtime, captureResult.a11y, captureResult.slop, captureResult.narration),
                   "\u{1F441} auto-review rendered UI"
                 );
               }
@@ -1508,7 +1508,7 @@ They are objective defects, not style preferences.`
           const result = await this.capture();
           if (result) {
             await this.runTurn(
-              buildReviewPrompt(result.shots, arg || void 0, result.runtime, result.a11y, result.slop),
+              buildReviewPrompt(result.shots, arg || void 0, result.runtime, result.a11y, result.slop, result.narration),
               `\u{1F441} review rendered UI${arg ? ` \xB7 ${arg}` : ""}`
             );
           }
@@ -2308,7 +2308,7 @@ function registerTui(program2) {
 }
 
 // src/cli.tsx
-var VERSION = true ? "0.3.2" : "0.0.0-dev";
+var VERSION = true ? "0.3.3" : "0.0.0-dev";
 var program = new Command();
 program.name("squint").description("Lovable for your terminal \u2014 a frontend harness on top of Claude Code, Codex, and friends.").version(VERSION);
 registerRun(program);

package/dist/{preview-PS7WJ2KO.js → preview-S6FOTRRR.js}

@@ -10,10 +10,10 @@ import {
   probeRuntime,
   routeShotName,
   runtimeSummary
-} from "./chunk-OTCH66M7.js";
+} from "./chunk-SXF7CVRW.js";
 import "./chunk-IMDRXXFU.js";
 import "./chunk-KVYGPLWW.js";
-import "./chunk-DAETGO2M.js";
+import "./chunk-XOVOQJFL.js";
 import "./chunk-O2S6PAJE.js";
 export {
   VIEWPORTS,

package/dist/{skills-DNBHZAAU.js → skills-ODOVNE6E.js}

@@ -6,7 +6,7 @@ import {
   loadSkills,
   matchSkills,
   parseSkill
-} from "./chunk-4LAU5TGK.js";
+} from "./chunk-H5K55LXY.js";
 export {
   enrich,
   loadLocks,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aayambansal/squint",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Lovable for your terminal — a frontend harness on top of Claude Code, Codex, and other coding agents.",
   "type": "module",
   "license": "MIT",