@aayambansal/squint 0.4.5 → 0.4.7

package/dist/chunk-NX7XQY2X.js

@@ -0,0 +1,147 @@
+#!/usr/bin/env node
+import {
+  Session
+} from "./chunk-7MOKOZOR.js";
+
+// src/daemon/client.ts
+import net from "net";
+function connectDaemon(sock, timeoutMs = 3e3) {
+  return new Promise((resolve, reject) => {
+    const socket = net.createConnection(sock);
+    const timer = setTimeout(() => {
+      socket.destroy();
+      reject(new Error(`no daemon listening at ${sock}`));
+    }, timeoutMs);
+    const handlers = [];
+    let buffer = "";
+    socket.on("connect", () => {
+      clearTimeout(timer);
+      resolve({
+        send: (msg) => socket.write(`${JSON.stringify(msg)}
+`),
+        onMessage: (handler) => handlers.push(handler),
+        close: () => socket.destroy()
+      });
+    });
+    socket.on("error", (error) => {
+      clearTimeout(timer);
+      reject(error);
+    });
+    socket.on("data", (chunk) => {
+      buffer += chunk.toString();
+      let idx;
+      while ((idx = buffer.indexOf("\n")) >= 0) {
+        const line = buffer.slice(0, idx);
+        buffer = buffer.slice(idx + 1);
+        if (!line.trim()) continue;
+        try {
+          const msg = JSON.parse(line);
+          for (const handler of handlers) handler(msg);
+        } catch {
+        }
+      }
+    });
+  });
+}
+
+// src/daemon/server.ts
+import crypto from "crypto";
+import fs from "fs";
+import net2 from "net";
+import os from "os";
+import path from "path";
+var MAX_ITEMS_SENT = 200;
+function socketPath(cwd) {
+  const direct = path.join(cwd, ".squint", "daemon.sock");
+  if (Buffer.byteLength(direct) <= 96) return direct;
+  const hash = crypto.createHash("sha256").update(cwd).digest("hex").slice(0, 12);
+  return path.join(os.tmpdir(), `squint-${hash}.sock`);
+}
+function startDaemon(opts) {
+  const session = new Session(opts);
+  const sock = socketPath(opts.cwd);
+  fs.mkdirSync(path.dirname(sock), { recursive: true });
+  fs.rmSync(sock, { force: true });
+  const clients = [];
+  const driver = () => clients[0];
+  const serialize = () => {
+    const state = session.getState();
+    return `${JSON.stringify({ type: "state", state: { ...state, items: state.items.slice(-MAX_ITEMS_SENT) } })}
+`;
+  };
+  const server = net2.createServer((socket) => {
+    clients.push(socket);
+    const role = socket === driver() ? "driver" : "observer";
+    socket.write(`${JSON.stringify({ type: "hello", role, engineId: session.getState().engineId })}
+`);
+    socket.write(serialize());
+    let buffer = "";
+    socket.on("data", (chunk) => {
+      buffer += chunk.toString();
+      let idx;
+      while ((idx = buffer.indexOf("\n")) >= 0) {
+        const line = buffer.slice(0, idx);
+        buffer = buffer.slice(idx + 1);
+        if (!line.trim()) continue;
+        let msg;
+        try {
+          msg = JSON.parse(line);
+        } catch {
+          continue;
+        }
+        if (msg.type === "ping") {
+          socket.write(`${JSON.stringify({ type: "ping" })}
+`);
+          continue;
+        }
+        if (socket !== driver()) {
+          socket.write(`${JSON.stringify({ type: "denied", reason: "observer \u2014 the driver steers this session" })}
+`);
+          continue;
+        }
+        if (msg.type === "input" && typeof msg.text === "string") session.input(msg.text);
+        else if (msg.type === "command" && typeof msg.text === "string") session.command(msg.text);
+        else if (msg.type === "interrupt") session.interrupt();
+        else if (msg.type === "cycleMode") session.cycleMode();
+      }
+    });
+    const drop = () => {
+      const index = clients.indexOf(socket);
+      if (index >= 0) clients.splice(index, 1);
+      const next = driver();
+      if (index === 0 && next && !next.destroyed) {
+        next.write(`${JSON.stringify({ type: "hello", role: "driver", engineId: session.getState().engineId })}
+`);
+      }
+    };
+    socket.on("close", drop);
+    socket.on("error", drop);
+  });
+  const unsubscribe = session.subscribe(() => {
+    const payload = serialize();
+    for (const client of clients) {
+      if (!client.destroyed) client.write(payload);
+    }
+  });
+  return new Promise((resolve, reject) => {
+    server.once("error", reject);
+    server.listen(sock, () => {
+      resolve({
+        session,
+        clientCount: () => clients.length,
+        close: () => {
+          unsubscribe();
+          for (const client of clients) client.destroy();
+          server.close();
+          fs.rmSync(sock, { force: true });
+        }
+      });
+    });
+  });
+}
+
+export {
+  connectDaemon,
+  socketPath,
+  startDaemon
+};

package/dist/{chunk-CV5WVKHU.js → chunk-ZSDCMYZR.js}

@@ -1,20 +1,47 @@
 #!/usr/bin/env node
 import {
   ensureSquintIgnore
-} from "./chunk-O2S6PAJE.js";
+} from "./chunk-7CAGWFAQ.js";
+import {
+  cdpCapture,
+  hasWebSocket
+} from "./chunk-HC4E42SV.js";
 import {
   findChrome,
   screenshot
 } from "./chunk-IMDRXXFU.js";
-import {
-  cdpCapture,
-  hasWebSocket
-} from "./chunk-RQHOE5MV.js";
 
 // src/preview/preview.ts
-import fs from "fs";
+import fs2 from "fs";
 import os from "os";
+import path2 from "path";
+
+// src/preview/checks.ts
+import fs from "fs";
 import path from "path";
+var MAX_CHECKS = 20;
+var MAX_BYTES = 1e4;
+function loadChecks(cwd) {
+  const dir = path.join(cwd, ".squint", "checks");
+  let entries;
+  try {
+    entries = fs.readdirSync(dir).filter((f) => f.endsWith(".js"));
+  } catch {
+    return [];
+  }
+  const checks = [];
+  for (const entry of entries.sort().slice(0, MAX_CHECKS)) {
+    try {
+      const source = fs.readFileSync(path.join(dir, entry), "utf8");
+      if (source.trim().length === 0 || Buffer.byteLength(source) > MAX_BYTES) continue;
+      checks.push({ name: entry.replace(/\.js$/, ""), source });
+    } catch {
+    }
+  }
+  return checks;
+}
+
+// src/preview/preview.ts
 var VIEWPORTS = [
   { name: "mobile", width: 390, height: 844 },
   { name: "tablet", width: 768, height: 1024 },
@@ -23,7 +50,7 @@ var VIEWPORTS = [
 function loadRoutes(cwd) {
   let lines = [];
   try {
-    lines = fs.readFileSync(path.join(cwd, ".squint", "routes"), "utf8").split("\n").map((l) => l.trim()).filter((l) => l.length > 0 && !l.startsWith("#"));
+    lines = fs2.readFileSync(path2.join(cwd, ".squint", "routes"), "utf8").split("\n").map((l) => l.trim()).filter((l) => l.length > 0 && !l.startsWith("#"));
   } catch {
   }
   const routes = ["/", ...lines.filter((l) => l !== "/")];
@@ -34,8 +61,8 @@ function routeShotName(route) {
   return clean.length > 0 ? clean : "root";
 }
 function previewDir(cwd) {
-  const dir = path.join(cwd, ".squint", "preview");
-  fs.mkdirSync(dir, { recursive: true });
+  const dir = path2.join(cwd, ".squint", "preview");
+  fs2.mkdirSync(dir, { recursive: true });
   ensureSquintIgnore(cwd);
   return dir;
 }
@@ -47,7 +74,8 @@ async function captureViewports(cwd, url) {
   const base = url.replace(/\/+$/, "");
   if (hasWebSocket()) {
     try {
-      const { report, shots: shots2, a11y, slop, narration, phantoms, viewTransitions, components } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true);
+      const checks = loadChecks(cwd);
+      const { report, shots: shots2, a11y, slop, narration, phantoms, viewTransitions, components, checkFailures, webmcp } = await cdpCapture(chrome, url, dir, VIEWPORTS, 2500, true, checks);
       const errors2 = [];
       for (const route of routes.slice(1)) {
         try {
@@ -62,14 +90,14 @@ async function captureViewports(cwd, url) {
           errors2.push(`${route}: capture failed`);
         }
       }
-      return { shots: shots2, errors: errors2, runtime: report, a11y, slop, narration, phantoms, viewTransitions, components };
+      return { shots: shots2, errors: errors2, runtime: report, a11y, slop, narration, phantoms, viewTransitions, components, checkFailures, webmcp };
     } catch {
     }
   }
   const shots = [];
   const errors = [];
   for (const viewport of VIEWPORTS) {
-    const outPath = path.join(dir, `${viewport.name}.png`);
+    const outPath = path2.join(dir, `${viewport.name}.png`);
     const result = await screenshot(chrome, url, outPath, {
       width: viewport.width,
       height: viewport.height
@@ -118,14 +146,16 @@ async function probeRuntime(url, cwd) {
   if (!chrome || !hasWebSocket()) return null;
   try {
     const dir = cwd ? previewDir(cwd) : os.tmpdir();
-    const { report, shots, perf } = await cdpCapture(
+    const { report, shots, perf, checkFailures } = await cdpCapture(
       chrome,
       url,
       dir,
       cwd ? [{ name: "pulse", width: 1280, height: 800 }] : [],
-      1500
+      1500,
+      false,
+      cwd ? loadChecks(cwd) : []
     );
-    return { report, pulsePath: shots[0]?.path, perf };
+    return { report, pulsePath: shots[0]?.path, perf, checkFailures };
   } catch {
     return null;
   }
@@ -133,7 +163,7 @@ async function probeRuntime(url, cwd) {
 async function comparePulse(previous, current) {
   const chrome = findChrome();
   if (!chrome || !hasWebSocket()) return null;
-  const { pixelDiffPct } = await import("./cdp-Q4H6ZHPT.js");
+  const { pixelDiffPct } = await import("./cdp-PBQKXC6R.js");
   return pixelDiffPct(chrome, previous, current);
 }
 function buildRuntimeFixPrompt(report) {
@@ -161,6 +191,16 @@ ${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 webmcpSection(webmcp) {
+  if (!webmcp || webmcp.length === 0) return "";
+  return `
+
+## Page-declared WebMCP tools
+
+${webmcp.join("\n")}
+
+The page registers these for agents via navigator.modelContext \u2014 keep them working, and prefer extending them over inventing parallel affordances.`;
+}
 function componentSection(components) {
   if (!components || components.length === 0) return "";
   return `
@@ -201,13 +241,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, narration, phantoms, viewTransitions, components) {
+function buildReviewPrompt(shots, extra, runtime, a11y, slop, narration, phantoms, viewTransitions, components, webmcp) {
   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)}${narrationSection(narration)}${phantomSection(phantoms)}${vtSection(viewTransitions)}${componentSection(components)}`;
+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)}${phantomSection(phantoms)}${vtSection(viewTransitions)}${componentSection(components)}${webmcpSection(webmcp)}`;
 }
 
 export {