@aayambansal/squint 0.4.0 → 0.4.1

package/README.md

@@ -148,7 +148,10 @@ squint doctor --probe             # run every engine end to end, verify auth act
   order; `/queue clear` drops them. `Esc` interrupts the current turn.
 - **Editing**: a real line editor — arrows move, `alt+←/→` jump words, `ctrl+a/e/k/u/w`,
   `↑/↓` history. `ctrl+c` twice exits with a session summary.
-- **Problems**: findings from gates, the dev server, the runtime probe, and a11y sweeps
+- **Flows**: declare user journeys as six readable lines in `.squint/flows/`; `/flows`
+  replays them headlessly and failing steps join the fix loop. `/score` snapshots quality
+  deterministically.
+- **Problems**: findings from gates, the dev server, the runtime probe, a11y sweeps, and flows
   collect into a list — `/problems` shows it, `/fix` sends everything as one turn,
   `/fix <n>` targets one. The footer counts what's open.
 - **Sandbox**: `/sandbox on` and asks accumulate in a shadow worktree — the dev server,

package/dist/{cdp-VRGCGN5R.js → cdp-UGLMW5R5.js}

@@ -4,7 +4,7 @@ import {
   hasWebSocket,
   pixelDiffPct,
   runFlow
-} from "./chunk-6FR4TRRQ.js";
+} from "./chunk-7YKO5MMN.js";
 export {
   cdpCapture,
   hasWebSocket,

package/dist/{chunk-6FR4TRRQ.js → chunk-7YKO5MMN.js}

@@ -179,7 +179,7 @@ var describe = (value) => {
   return String(value);
 };
 async function runFlow(chromePath, baseUrl, flow, outDir) {
-  const { stepExpression } = await import("./flows-V5ZLVVSQ.js");
+  const { stepExpression } = await import("./flows-6LK7NGWS.js");
   const { child, wsUrl, profileDir } = await launchChrome(chromePath);
   const shots = [];
   let connection = null;
@@ -203,6 +203,10 @@ async function runFlow(chromePath, baseUrl, flow, outDir) {
         await new Promise((resolve) => setTimeout(resolve, 1800));
         continue;
       }
+      if (step.kind === "wait") {
+        await new Promise((resolve) => setTimeout(resolve, step.ms));
+        continue;
+      }
       if (step.kind === "shot") {
         const { data } = await connection.send("Page.captureScreenshot", { format: "png" }, sessionId);
         const outPath = path.join(outDir, `flow-${flow.name}-${step.name}.png`);

package/dist/{chunk-2EJWUBUP.js → chunk-UTBTLCUO.js}

@@ -9,7 +9,7 @@ import {
 import {
   cdpCapture,
   hasWebSocket
-} from "./chunk-6FR4TRRQ.js";
+} from "./chunk-7YKO5MMN.js";
 
 // src/preview/preview.ts
 import fs from "fs";
@@ -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-VRGCGN5R.js");
+  const { pixelDiffPct } = await import("./cdp-UGLMW5R5.js");
   return pixelDiffPct(chrome, previous, current);
 }
 function buildRuntimeFixPrompt(report) {

package/dist/cli.js

@@ -42,7 +42,7 @@ import {
   comparePulse,
   probeRuntime,
   runtimeSummary
-} from "./chunk-2EJWUBUP.js";
+} from "./chunk-UTBTLCUO.js";
 import {
   clearState,
   loadState,
@@ -58,7 +58,7 @@ import {
   detectEngines,
   getEngine
 } from "./chunk-KVYGPLWW.js";
-import "./chunk-6FR4TRRQ.js";
+import "./chunk-7YKO5MMN.js";
 import {
   enrich
 } from "./chunk-H5K55LXY.js";
@@ -238,7 +238,7 @@ function registerEnv(program2) {
       }
     }
     const { findChrome: findChrome2 } = await import("./chrome-SBV3H77F.js");
-    const { hasWebSocket } = await import("./cdp-VRGCGN5R.js");
+    const { hasWebSocket } = await import("./cdp-UGLMW5R5.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")}`
@@ -461,7 +461,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-X7EWTRCZ.js");
+    const { captureViewports: captureViewports2 } = await import("./preview-6MML2NEG.js");
     const result = await captureViewports2(process.cwd(), url);
     if (!result) {
       console.error(pc4.red("\u2717 no Chrome/Chromium found"));
@@ -554,7 +554,7 @@ function registerRun(program2) {
 import pc6 from "picocolors";
 function registerScaffold(program2) {
   program2.command("init").description("Scaffold a new Vite + React + TS + Tailwind app with token-first CSS").argument("[dir]", "target directory", ".").option("--force", "write into a non-empty directory").option("--no-install", "skip npm install").action(async (dir, options) => {
-    const { installDependencies, writeTemplate } = await import("./init-LSYB32NS.js");
+    const { installDependencies, writeTemplate } = await import("./init-YB2IMA4N.js");
     let result;
     try {
       result = writeTemplate(dir, { force: options.force });
@@ -1480,7 +1480,7 @@ They are objective defects, not style preferences.`
           break;
         }
         void (async () => {
-          const { loadFlows } = await import("./flows-V5ZLVVSQ.js");
+          const { loadFlows } = await import("./flows-6LK7NGWS.js");
           const flows = loadFlows(this.opts.cwd);
           if (flows.length === 0) {
             this.push("status", "no flows \u2014 add .squint/flows/<name>.flow (goto/click/fill/press/expect/shot lines), or ask the engine to write one");
@@ -1491,8 +1491,8 @@ They are objective defects, not style preferences.`
             this.push("error", "no Chrome/Chromium found for flows");
             return;
           }
-          const { runFlow } = await import("./cdp-VRGCGN5R.js");
-          const { previewDir } = await import("./preview-X7EWTRCZ.js");
+          const { runFlow } = await import("./cdp-UGLMW5R5.js");
+          const { previewDir } = await import("./preview-6MML2NEG.js");
           this.push("status", `replaying ${flows.length} flow(s)\u2026`);
           this.notify({ running: true, runStartedAt: Date.now() });
           const failures = [];
@@ -2433,7 +2433,7 @@ function registerTui(program2) {
 }
 
 // src/cli.tsx
-var VERSION = true ? "0.4.0" : "0.0.0-dev";
+var VERSION = true ? "0.4.1" : "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/{flows-V5ZLVVSQ.js → flows-6LK7NGWS.js}

@@ -32,6 +32,18 @@ function parseFlow(name, text) {
       case "shot":
         steps.push({ kind: "shot", name: arg.replace(/[^a-zA-Z0-9-]/g, "-") });
         break;
+      case "hover":
+        steps.push({ kind: "hover", target: arg });
+        break;
+      case "scroll":
+        steps.push({ kind: "scroll", target: arg || "bottom" });
+        break;
+      case "wait": {
+        const ms = Number.parseInt(arg, 10);
+        if (!Number.isInteger(ms) || ms < 0 || ms > 1e4) return null;
+        steps.push({ kind: "wait", ms });
+        break;
+      }
       default:
         return null;
     }
@@ -96,8 +108,35 @@ function stepExpression(step) {
         }
         return { ok: true };
       })()`;
+    case "hover":
+      return `(() => {
+        const target = ${JSON.stringify(step.target)};
+        let el = null;
+        try { el = document.querySelector(target); } catch {}
+        if (!el) {
+          const all = [...document.querySelectorAll('*')];
+          el = all.find((e) => e.children.length === 0 && (e.textContent || '').trim().toLowerCase().includes(target.toLowerCase()));
+        }
+        if (!el) return { ok: false, detail: 'no element matching ' + target };
+        for (const type of ['pointerover', 'mouseover', 'mouseenter']) {
+          el.dispatchEvent(new MouseEvent(type, { bubbles: type !== 'mouseenter' }));
+        }
+        return { ok: true };
+      })()`;
+    case "scroll":
+      return `(() => {
+        const target = ${JSON.stringify(step.target)};
+        if (target === 'bottom') { window.scrollTo(0, document.body.scrollHeight); return { ok: true }; }
+        if (target === 'top') { window.scrollTo(0, 0); return { ok: true }; }
+        let el = null;
+        try { el = document.querySelector(target); } catch {}
+        if (!el) return { ok: false, detail: 'no element matching ' + target };
+        el.scrollIntoView({ block: 'center' });
+        return { ok: true };
+      })()`;
     case "goto":
     case "shot":
+    case "wait":
       return null;
   }
 }

package/dist/{init-LSYB32NS.js → init-YB2IMA4N.js}

@@ -139,6 +139,12 @@ body {
 dist/
 *.log
 .DS_Store
+`,
+    ".squint/flows/home.flow": `# The starter journey: replayed headlessly by /flows after every change.
+# Grow this file as the app grows \u2014 or ask the engine to.
+goto /
+expect Ready
+shot home
 `
   };
 }

package/dist/{preview-X7EWTRCZ.js → preview-6MML2NEG.js}

@@ -10,11 +10,11 @@ import {
   probeRuntime,
   routeShotName,
   runtimeSummary
-} from "./chunk-2EJWUBUP.js";
+} from "./chunk-UTBTLCUO.js";
 import "./chunk-O2S6PAJE.js";
 import "./chunk-IMDRXXFU.js";
 import "./chunk-KVYGPLWW.js";
-import "./chunk-6FR4TRRQ.js";
+import "./chunk-7YKO5MMN.js";
 export {
   VIEWPORTS,
   buildReviewPrompt,

package/package.json

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