@aayambansal/squint 0.4.5 → 0.4.7

package/dist/chunk-M25IQ7C7.js

@@ -0,0 +1,587 @@
+#!/usr/bin/env node
+import {
+  completeCommand
+} from "./chunk-43NQNIJY.js";
+import {
+  Session
+} from "./chunk-7MOKOZOR.js";
+
+// src/tui/App.tsx
+import { Box as Box3, Static, Text as Text3, useApp, useInput } from "ink";
+import { InkPictureProvider } from "ink-picture";
+import path from "path";
+import { useMemo, useRef, useState as useState2, useSyncExternalStore } from "react";
+
+// src/tui/lineEditor.ts
+var emptyLine = { text: "", cursor: 0 };
+function fromText(text) {
+  return { text, cursor: text.length };
+}
+function insert(line, str) {
+  const clean = str.replace(/\r/g, "").replace(/\n+/g, " ");
+  return {
+    text: line.text.slice(0, line.cursor) + clean + line.text.slice(line.cursor),
+    cursor: line.cursor + clean.length
+  };
+}
+function backspace(line) {
+  if (line.cursor === 0) return line;
+  return {
+    text: line.text.slice(0, line.cursor - 1) + line.text.slice(line.cursor),
+    cursor: line.cursor - 1
+  };
+}
+function left(line) {
+  return { ...line, cursor: Math.max(0, line.cursor - 1) };
+}
+function right(line) {
+  return { ...line, cursor: Math.min(line.text.length, line.cursor + 1) };
+}
+function home(line) {
+  return { ...line, cursor: 0 };
+}
+function end(line) {
+  return { ...line, cursor: line.text.length };
+}
+var isWordChar = (ch) => /[\p{L}\p{N}_/@.-]/u.test(ch);
+function wordLeft(line) {
+  let i = line.cursor;
+  while (i > 0 && !isWordChar(line.text[i - 1])) i--;
+  while (i > 0 && isWordChar(line.text[i - 1])) i--;
+  return { ...line, cursor: i };
+}
+function wordRight(line) {
+  let i = line.cursor;
+  const n = line.text.length;
+  while (i < n && !isWordChar(line.text[i])) i++;
+  while (i < n && isWordChar(line.text[i])) i++;
+  return { ...line, cursor: i };
+}
+function killToEnd(line) {
+  return { text: line.text.slice(0, line.cursor), cursor: line.cursor };
+}
+function killToStart(line) {
+  return { text: line.text.slice(line.cursor), cursor: 0 };
+}
+function killWordBack(line) {
+  const target = wordLeft(line).cursor;
+  return {
+    text: line.text.slice(0, target) + line.text.slice(line.cursor),
+    cursor: target
+  };
+}
+
+// src/tui/markdown.tsx
+import { Box, Text } from "ink";
+
+// src/tui/themeContext.tsx
+import { createContext, useContext } from "react";
+
+// src/tui/theme.ts
+var THEMES = {
+  amber: {
+    name: "amber",
+    accent: "#e8a33d",
+    dim: "gray",
+    user: "#7aa2f7",
+    error: "#f7768e",
+    success: "#9ece6a",
+    tool: "#7dcfff"
+  },
+  ocean: {
+    name: "ocean",
+    accent: "#56b6c2",
+    dim: "gray",
+    user: "#61afef",
+    error: "#e06c75",
+    success: "#98c379",
+    tool: "#c678dd"
+  },
+  moss: {
+    name: "moss",
+    accent: "#a7c080",
+    dim: "gray",
+    user: "#7fbbb3",
+    error: "#e67e80",
+    success: "#83c092",
+    tool: "#d699b6"
+  },
+  rose: {
+    name: "rose",
+    accent: "#ebbcba",
+    dim: "gray",
+    user: "#9ccfd8",
+    error: "#eb6f92",
+    success: "#31748f",
+    tool: "#c4a7e7"
+  },
+  light: {
+    name: "light",
+    accent: "#9a6b1f",
+    dim: "#6b6f76",
+    user: "#2a5db0",
+    error: "#c4322e",
+    success: "#3d7a37",
+    tool: "#0f7b8a"
+  },
+  mono: {
+    name: "mono",
+    accent: "white",
+    dim: "gray",
+    user: "white",
+    error: "white",
+    success: "white",
+    tool: "gray"
+  }
+};
+var DEFAULT_THEME = "amber";
+function resolveTheme(name, env = process.env) {
+  if (env.NO_COLOR !== void 0 && env.NO_COLOR !== "") return THEMES.mono;
+  return THEMES[name ?? DEFAULT_THEME] ?? THEMES[DEFAULT_THEME];
+}
+var theme = THEMES[DEFAULT_THEME];
+
+// src/tui/themeContext.tsx
+var ThemeContext = createContext(theme);
+var ThemeProvider = ThemeContext.Provider;
+function useTheme() {
+  return useContext(ThemeContext);
+}
+
+// src/tui/markdown.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var INLINE_RE = /(\*\*[^*]+\*\*|\*[^*\s][^*]*\*|`[^`]+`)/g;
+function parseInline(text) {
+  const segments = [];
+  let last = 0;
+  for (const match of text.matchAll(INLINE_RE)) {
+    if (match.index > last) segments.push({ text: text.slice(last, match.index) });
+    const token = match[0];
+    if (token.startsWith("**")) segments.push({ text: token.slice(2, -2), bold: true });
+    else if (token.startsWith("`")) segments.push({ text: token.slice(1, -1), code: true });
+    else segments.push({ text: token.slice(1, -1), italic: true });
+    last = match.index + token.length;
+  }
+  if (last < text.length) segments.push({ text: text.slice(last) });
+  return segments;
+}
+function parseBlocks(text) {
+  const blocks = [];
+  let code = null;
+  for (const rawLine of text.split("\n")) {
+    const line = rawLine.replace(/\s+$/, "");
+    if (code) {
+      if (/^\s*```/.test(line)) {
+        blocks.push({ type: "code", ...code });
+        code = null;
+      } else {
+        code.lines.push(rawLine);
+      }
+      continue;
+    }
+    const fence = /^\s*```(\S*)/.exec(line);
+    if (fence) {
+      code = { lang: fence[1] ?? "", lines: [] };
+      continue;
+    }
+    const heading = /^(#{1,4})\s+(.*)$/.exec(line);
+    if (heading) {
+      blocks.push({ type: "heading", level: heading[1].length, text: heading[2] });
+      continue;
+    }
+    if (/^\s*([-*_])\s*\1\s*\1[\s\-*_]*$/.test(line) && line.trim().length >= 3) {
+      blocks.push({ type: "hr" });
+      continue;
+    }
+    const item = /^(\s*)[-*+]\s+(.*)$/.exec(line);
+    if (item) {
+      blocks.push({ type: "item", text: item[2], indent: Math.floor(item[1].length / 2) });
+      continue;
+    }
+    const ordered = /^(\s*)(\d+)[.)]\s+(.*)$/.exec(line);
+    if (ordered) {
+      blocks.push({
+        type: "item",
+        text: ordered[3],
+        indent: Math.floor(ordered[1].length / 2),
+        ordered: ordered[2]
+      });
+      continue;
+    }
+    const quote = /^\s*>\s?(.*)$/.exec(line);
+    if (quote) {
+      blocks.push({ type: "quote", text: quote[1] });
+      continue;
+    }
+    blocks.push({ type: "para", text: line });
+  }
+  if (code) blocks.push({ type: "code", ...code });
+  return blocks;
+}
+function Inline({ text, dim }) {
+  const theme2 = useTheme();
+  const segments = parseInline(text);
+  return /* @__PURE__ */ jsx(Text, { wrap: "wrap", dimColor: dim, children: segments.map(
+    (segment, index) => segment.code ? /* @__PURE__ */ jsx(Text, { color: theme2.tool, children: segment.text }, index) : /* @__PURE__ */ jsx(Text, { bold: segment.bold, italic: segment.italic, children: segment.text }, index)
+  ) });
+}
+function Markdown({ text }) {
+  const theme2 = useTheme();
+  const blocks = parseBlocks(text);
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: blocks.map((block, index) => {
+    switch (block.type) {
+      case "heading":
+        return /* @__PURE__ */ jsx(Text, { bold: true, color: block.level <= 2 ? theme2.accent : void 0, wrap: "wrap", children: block.text }, index);
+      case "item":
+        return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1 + block.indent * 2, children: [
+          /* @__PURE__ */ jsxs(Text, { color: theme2.accent, children: [
+            block.ordered ? `${block.ordered}.` : "\u2022",
+            " "
+          ] }),
+          /* @__PURE__ */ jsx(Inline, { text: block.text })
+        ] }, index);
+      case "quote":
+        return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: theme2.dim, children: "\u2502 " }),
+          /* @__PURE__ */ jsx(Inline, { text: block.text, dim: true })
+        ] }, index);
+      case "code":
+        return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingLeft: 1, children: block.lines.map((line, lineIndex) => /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { color: theme2.dim, children: "\u258F " }),
+          /* @__PURE__ */ jsx(Text, { color: theme2.tool, children: line.length > 0 ? line : " " })
+        ] }, lineIndex)) }, index);
+      case "hr":
+        return /* @__PURE__ */ jsx(Text, { color: theme2.dim, children: "\u2500".repeat(32) }, index);
+      case "para":
+        return block.text.length === 0 ? /* @__PURE__ */ jsx(Text, { children: " " }, index) : /* @__PURE__ */ jsx(Inline, { text: block.text }, index);
+    }
+  }) });
+}
+
+// src/tui/messages.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import Image from "ink-picture";
+import { useEffect, useState } from "react";
+
+// src/tui/termImage.ts
+function supportsInlineImages(env = process.env) {
+  if (env.TMUX) return false;
+  if (env.TERM === "xterm-kitty" || env.KITTY_WINDOW_ID) return true;
+  if (env.TERM === "xterm-ghostty" || env.GHOSTTY_RESOURCES_DIR) return true;
+  if (env.TERM_PROGRAM === "WezTerm") return true;
+  if (env.TERM_PROGRAM === "iTerm.app") return true;
+  return false;
+}
+
+// src/tui/messages.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var INLINE_IMAGES = supportsInlineImages();
+var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+var PHRASES = ["working", "thinking", "squinting", "crafting", "still at it"];
+function WorkingLine({ startedAt }) {
+  const theme2 = useTheme();
+  const [frame, setFrame] = useState(0);
+  const [elapsed, setElapsed] = useState(0);
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setFrame((f) => (f + 1) % SPINNER_FRAMES.length);
+      setElapsed(Math.floor((Date.now() - startedAt) / 1e3));
+    }, 80);
+    return () => clearInterval(timer);
+  }, [startedAt]);
+  const phrase = PHRASES[Math.min(Math.floor(elapsed / 8), PHRASES.length - 1)];
+  return /* @__PURE__ */ jsxs2(Text2, { children: [
+    /* @__PURE__ */ jsx2(Text2, { color: theme2.accent, children: SPINNER_FRAMES[frame] }),
+    /* @__PURE__ */ jsxs2(Text2, { color: theme2.dim, children: [
+      " ",
+      phrase,
+      "\u2026 ",
+      elapsed,
+      "s \xB7 esc to interrupt"
+    ] })
+  ] });
+}
+function toolGlyph(text) {
+  const name = text.split(/[\s·]/, 1)[0]?.toLowerCase() ?? "";
+  if (name.includes("todo")) return "\u2630";
+  if (name.includes("read") || name.includes("view") || name.includes("cat")) return "\u2299";
+  if (name.includes("edit") || name.includes("write") || name.includes("patch") || name.includes("apply")) return "\u270E";
+  if (name.includes("bash") || name.includes("shell") || name.includes("exec") || name.includes("command")) return "$";
+  if (name.includes("grep") || name.includes("glob") || name.includes("search") || name.includes("find")) return "\u2315";
+  if (name.includes("web") || name.includes("fetch") || name.includes("http")) return "\u21E3";
+  if (name.includes("task") || name.includes("agent")) return "\u25C7";
+  return "\u2699";
+}
+function MessageLine({ message }) {
+  const theme2 = useTheme();
+  switch (message.role) {
+    case "user":
+      return /* @__PURE__ */ jsxs2(Text2, { color: theme2.user, wrap: "wrap", children: [
+        "\u276F ",
+        message.text
+      ] });
+    case "assistant":
+      return /* @__PURE__ */ jsx2(Markdown, { text: message.text });
+    case "status":
+      return /* @__PURE__ */ jsxs2(Text2, { color: theme2.dim, wrap: "wrap", children: [
+        "\xB7 ",
+        message.text
+      ] });
+    case "tool":
+      return /* @__PURE__ */ jsxs2(Text2, { color: theme2.tool, wrap: "wrap", children: [
+        toolGlyph(message.text),
+        " ",
+        message.text
+      ] });
+    case "thinking":
+      return /* @__PURE__ */ jsx2(Text2, { color: theme2.dim, italic: true, wrap: "wrap", children: message.text });
+    case "error":
+      return /* @__PURE__ */ jsxs2(Text2, { color: theme2.error, wrap: "wrap", children: [
+        "\u2717 ",
+        message.text
+      ] });
+    case "image":
+      if (!INLINE_IMAGES) {
+        return /* @__PURE__ */ jsxs2(Text2, { color: theme2.dim, wrap: "wrap", children: [
+          "\u25A3 ",
+          message.text
+        ] });
+      }
+      return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx2(Image, { src: message.text, width: 48, height: 14, alt: "screenshot" }),
+        /* @__PURE__ */ jsxs2(Text2, { color: theme2.dim, children: [
+          "\u25A3 ",
+          message.text
+        ] })
+      ] });
+  }
+}
+
+// src/tui/App.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function App({
+  cwd,
+  initialEngine,
+  initialModel,
+  autoDev,
+  autoFix,
+  autoProbe,
+  autoCheck,
+  autoReview,
+  fixModel,
+  bell,
+  budgetUsd,
+  initialTheme,
+  attachTo
+}) {
+  const { exit } = useApp();
+  const [themeName, setThemeName] = useState2(() => resolveTheme(initialTheme).name);
+  const theme2 = resolveTheme(themeName);
+  const sessionRef = useRef(null);
+  if (!sessionRef.current && attachTo) sessionRef.current = attachTo;
+  if (!sessionRef.current) {
+    sessionRef.current = new Session({
+      cwd,
+      engineId: initialEngine,
+      model: initialModel,
+      autoDev,
+      autoFix,
+      autoProbe,
+      autoCheck,
+      autoReview,
+      fixModel,
+      budgetUsd,
+      // Delay lets the goodbye summary land in the Static scrollback.
+      onQuit: () => setTimeout(() => exit(), 60)
+    });
+  }
+  const session = sessionRef.current;
+  const state = useSyncExternalStore(
+    useMemo(() => (listener) => session.subscribe(listener), [session]),
+    () => session.getState()
+  );
+  const [line, setLine] = useState2(emptyLine);
+  const historyRef = useRef([]);
+  const historyIndexRef = useRef(-1);
+  const ctrlCArmedAtRef = useRef(0);
+  const wasRunningRef = useRef(false);
+  if (wasRunningRef.current && !state.running && bell !== false) {
+    process.stdout.write("\x07");
+  }
+  wasRunningRef.current = state.running;
+  useInput((char, key) => {
+    if (key.ctrl && char === "c") {
+      const now = Date.now();
+      if (now - ctrlCArmedAtRef.current < 2e3) {
+        session.note(session.summary());
+        session.dispose();
+        setTimeout(() => exit(), 60);
+      } else {
+        ctrlCArmedAtRef.current = now;
+        session.note("press ctrl+c again to exit");
+      }
+      return;
+    }
+    if (key.escape && state.running) {
+      session.interrupt();
+      return;
+    }
+    if (key.tab && key.shift) {
+      session.cycleMode();
+      return;
+    }
+    if (key.tab && line.text.startsWith("/") && !line.text.includes(" ")) {
+      const matches = completeCommand(line.text.slice(1));
+      if (matches.length > 0) {
+        setLine(fromText(`/${matches[0].name}${matches[0].args ? " " : ""}`));
+      }
+      return;
+    }
+    if (key.return) {
+      const value = line.text.trim();
+      setLine(emptyLine);
+      historyIndexRef.current = -1;
+      if (!value) return;
+      historyRef.current.push(value);
+      if (value === "/theme" || value.startsWith("/theme ")) {
+        const requested = value.slice("/theme".length).trim();
+        if (!requested) {
+          session.note(`themes: ${Object.keys(THEMES).join(", ")} \u2014 /theme <name>`);
+        } else if (THEMES[requested]) {
+          setThemeName(requested);
+          session.note(`theme \u2192 ${requested}`);
+        } else {
+          session.note(`unknown theme "${requested}" \u2014 themes: ${Object.keys(THEMES).join(", ")}`);
+        }
+        return;
+      }
+      session.input(value);
+      return;
+    }
+    if (key.upArrow) {
+      const history = historyRef.current;
+      if (history.length === 0) return;
+      const next = historyIndexRef.current === -1 ? history.length - 1 : Math.max(historyIndexRef.current - 1, 0);
+      historyIndexRef.current = next;
+      setLine(fromText(history[next] ?? ""));
+      return;
+    }
+    if (key.downArrow) {
+      const history = historyRef.current;
+      if (historyIndexRef.current === -1) return;
+      const next = historyIndexRef.current + 1;
+      if (next >= history.length) {
+        historyIndexRef.current = -1;
+        setLine(emptyLine);
+      } else {
+        historyIndexRef.current = next;
+        setLine(fromText(history[next] ?? ""));
+      }
+      return;
+    }
+    if (key.leftArrow) {
+      setLine((prev) => key.meta ? wordLeft(prev) : left(prev));
+      return;
+    }
+    if (key.rightArrow) {
+      setLine((prev) => key.meta ? wordRight(prev) : right(prev));
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setLine((prev) => key.meta ? killWordBack(prev) : backspace(prev));
+      return;
+    }
+    if (key.ctrl) {
+      switch (char) {
+        case "a":
+          setLine(home);
+          return;
+        case "e":
+          setLine(end);
+          return;
+        case "k":
+          setLine(killToEnd);
+          return;
+        case "u":
+          setLine(killToStart);
+          return;
+        case "w":
+          setLine(killWordBack);
+          return;
+      }
+      return;
+    }
+    if (char && !key.meta) {
+      setLine((prev) => insert(prev, char));
+    }
+  });
+  const devBadge = state.devState === "running" ? ` \xB7 ${state.devUrl ?? "dev running"}` : state.devState === "starting" ? " \xB7 dev starting\u2026" : state.devState === "crashed" ? " \xB7 dev crashed" : "";
+  const totalsBadge = state.totals.turns > 0 ? ` \xB7 ${state.totals.turns} turn${state.totals.turns === 1 ? "" : "s"}${state.totals.costUsd > 0 ? ` \xB7 $${state.totals.costUsd.toFixed(2)}` : ""}` : "";
+  return /* @__PURE__ */ jsx3(ThemeProvider, { value: theme2, children: /* @__PURE__ */ jsx3(InkPictureProvider, { children: /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Static, { items: state.items, children: (item) => /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(MessageLine, { message: item }) }, item.id) }),
+    state.liveText.length > 0 && /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Markdown, { text: state.liveText }) }),
+    state.items.length === 0 && state.liveText.length === 0 && !state.running && /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx3(Text3, { color: theme2.dim, children: "describe what to build \u2014 or try:" }),
+      /* @__PURE__ */ jsx3(Text3, { color: theme2.dim, children: "  /dev start the preview server \xB7 /review after a change \xB7 /variants 3 explore wide" }),
+      /* @__PURE__ */ jsx3(Text3, { color: theme2.dim, children: "  shift+tab cycles plan/safe/yolo \xB7 type while the agent works to queue asks" })
+    ] }),
+    state.running && /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(WorkingLine, { startedAt: state.runStartedAt }) }),
+    state.queue.map((queued, index) => /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { color: theme2.dim, children: [
+      "\u22EF ",
+      index + 1,
+      ". ",
+      queued,
+      index === state.queue.length - 1 ? "   (/queue drop <n> removes)" : ""
+    ] }) }, index)),
+    line.text.startsWith("/") && !line.text.includes(" ") && /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: completeCommand(line.text.slice(1)).slice(0, 5).map((command, index) => /* @__PURE__ */ jsxs3(Text3, { color: index === 0 ? theme2.accent : theme2.dim, children: [
+      "/",
+      command.name,
+      command.args ? ` ${command.args}` : "",
+      " ",
+      /* @__PURE__ */ jsxs3(Text3, { color: theme2.dim, children: [
+        "\u2014 ",
+        command.description
+      ] })
+    ] }, command.name)) }),
+    /* @__PURE__ */ jsx3(Box3, { marginTop: state.running ? 0 : 1, children: /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { color: theme2.accent, children: "\u276F " }),
+      line.text.slice(0, line.cursor),
+      /* @__PURE__ */ jsx3(Text3, { inverse: true, children: line.text[line.cursor] ?? " " }),
+      line.text.slice(line.cursor + 1)
+    ] }) }),
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { color: theme2.dim, children: [
+      /* @__PURE__ */ jsxs3(
+        Text3,
+        {
+          color: state.mode === "yolo" ? theme2.error : state.mode === "plan" ? theme2.user : theme2.dim,
+          bold: state.mode !== "safe",
+          children: [
+            "[",
+            state.mode,
+            "]"
+          ]
+        }
+      ),
+      state.sandbox && /* @__PURE__ */ jsx3(Text3, { color: theme2.accent, bold: true, children: " [sandbox]" }),
+      " ",
+      state.engineId,
+      state.model ? ` \xB7 ${state.model}` : "",
+      " \xB7 ",
+      path.basename(cwd),
+      devBadge,
+      totalsBadge,
+      state.problems.length > 0 && /* @__PURE__ */ jsxs3(Text3, { color: theme2.error, children: [
+        " \xB7 ",
+        state.problems.length,
+        " problem",
+        state.problems.length === 1 ? "" : "s"
+      ] }),
+      " ",
+      "\xB7 shift+tab mode \xB7 /help"
+    ] }) })
+  ] }) }) });
+}
+
+export {
+  App
+};