nou-cli 0.1.0 → 0.2.1

package/dist/src/ui/Settings.js

@@ -2,13 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { Box, Text, useAnimation, useInput } from "ink";
 import TextInput from "ink-text-input";
-import { EFFORTS } from "../config/index.js";
-import { PLUGIN_DIRS } from "../plugins/index.js";
+import { AUTO_SAVE, EFFORTS } from "../config/index.js";
+import { PLUGIN_DIRS, isEnabled, trustState } from "../plugins/index.js";
+import { currentVersion } from "../update/index.js";
 import { describe, providers } from "../providers/index.js";
 import { C, SPINNER } from "./theme.js";
 const TABS = ["Model", "Preferences", "Plugins"];
 const PREFS = [
     { key: "effort", label: "Reasoning effort", help: "How hard Claude thinks (low → max). Higher is smarter but slower and pricier." },
+    { key: "autoSave", label: "Auto-save", help: "delay: a second after you stop typing · focus: when you leave the editor · off: only Ctrl+S." },
+    { key: "mouse", label: "Mouse", help: "Wheel scrolls the pane under the pointer; click to focus or open files. Hold Shift to select text." },
     { key: "followMode", label: "Follow mode on start", help: "The code view jumps to files Nou reads and edits." },
     { key: "gitContext", label: "Git context", help: "Give the model your branch, changes and commits, plus git tools." },
     { key: "autoApproveEdits", label: "Auto-approve edits", help: "Apply file edits without asking (diffs are still shown).", warn: true },
@@ -86,10 +89,13 @@ export function Settings({ width, height, settings, choice, plugins, onModel, on
         }
         else if (tab === "Preferences" && (key.return || input === " " || key.leftArrow || key.rightArrow)) {
             const pref = PREFS[row];
+            const step = key.leftArrow ? -1 : 1;
             if (pref.key === "effort") {
-                const step = key.leftArrow ? -1 : 1;
                 onChange({ effort: EFFORTS[(EFFORTS.indexOf(settings.effort) + step + EFFORTS.length) % EFFORTS.length] });
             }
+            else if (pref.key === "autoSave") {
+                onChange({ autoSave: AUTO_SAVE[(AUTO_SAVE.indexOf(settings.autoSave) + step + AUTO_SAVE.length) % AUTO_SAVE.length] });
+            }
             else {
                 onChange({ [pref.key]: !settings[pref.key] });
             }
@@ -98,7 +104,7 @@ export function Settings({ width, height, settings, choice, plugins, onModel, on
             if (input === "r")
                 onRescanPlugins();
             else if ((key.return || input === " ") && plugins[row])
-                onTogglePlugin(plugins[row].id, !settings.plugins[plugins[row].id]);
+                onTogglePlugin(plugins[row].id, !isEnabled(plugins[row], settings));
         }
     });
     const boxHeight = height - 6;
@@ -130,21 +136,31 @@ export function Settings({ width, height, settings, choice, plugins, onModel, on
             return (_jsx(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: PREFS.map((pref, i) => {
                     const selected = i === row;
                     const value = settings[pref.key];
-                    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸ " : "  " }), _jsx(Text, { color: C.text, bold: selected, children: pref.label.padEnd(26) }), pref.key === "effort"
-                                        ? _jsx(Text, { children: EFFORTS.map((e) => _jsx(Text, { color: e === value ? C.accent2 : C.dim, bold: e === value, children: e === value ? `[${e}]` : ` ${e} ` }, e)) })
+                    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸ " : "  " }), _jsx(Text, { color: C.text, bold: selected, children: pref.label.padEnd(26) }), pref.key === "effort" || pref.key === "autoSave"
+                                        ? _jsx(Text, { children: (pref.key === "effort" ? EFFORTS : AUTO_SAVE).map((e) => _jsx(Text, { color: e === value ? C.accent2 : C.dim, bold: e === value, children: e === value ? `[${e}]` : ` ${e} ` }, e)) })
                                         : toggle(value, pref.warn)] }), _jsxs(Text, { color: C.dim, children: ["    ", pref.help] })] }, pref.key));
                 }) }));
         }
-        return (_jsx(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: plugins.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: C.text, children: "No plugins found." }), _jsx(Text, { children: " " }), _jsx(Text, { color: C.dim, children: "Drop a .js/.mjs/.ts file (or a folder with index.*) into one of:" }), PLUGIN_DIRS.map((d) => _jsxs(Text, { color: C.cyan, children: ["  ", d.dir, "  ", _jsxs(Text, { color: C.dim, children: ["(", d.scope, ")"] })] }, d.dir)), _jsx(Text, { children: " " }), _jsx(Text, { color: C.dim, children: "See examples/plugins/word-count.mjs for the shape. Press r to rescan." })] })) : plugins.map((p, i) => {
-                const selected = i === row;
-                const enabled = !!settings.plugins[p.id];
-                return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸ " : "  " }), toggle(enabled), _jsxs(Text, { color: C.text, bold: true, children: [" ", p.plugin?.name ?? p.id] }), _jsxs(Text, { color: C.dim, children: [" ", p.plugin?.version ? `v${p.plugin.version} · ` : "", p.scope] })] }), p.error
-                            ? _jsxs(Text, { color: C.red, children: ["    \u2716 ", p.error] })
-                            : _jsxs(Text, { color: C.dim, children: ["    ", p.plugin?.description ?? (enabled ? "" : "Enable to load it."), p.plugin ? `  [${(p.plugin.tools ?? []).length} tools, ${(p.plugin.commands ?? []).length} commands]` : ""] })] }, p.id));
-            }) }));
+        return (_jsxs(Box, { flexDirection: "column", height: boxHeight, borderStyle: "round", borderColor: C.accent, paddingX: 1, children: [plugins.map((p, i) => {
+                    const selected = i === row;
+                    const state = trustState(p, settings);
+                    const enabled = state === "on";
+                    const parts = p.plugin
+                        ? [
+                            (p.plugin.tools ?? []).length && `${p.plugin.tools.length} tools`,
+                            (p.plugin.commands ?? []).length && `${p.plugin.commands.length} commands`,
+                            (p.plugin.diagnostics ?? []).length && "checker",
+                        ].filter(Boolean)
+                        : [];
+                    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { ...(selected ? { backgroundColor: C.panel } : {}), children: [_jsx(Text, { color: selected ? C.accent2 : C.dim, children: selected ? "▸ " : "  " }), toggle(enabled), _jsxs(Text, { color: C.text, bold: true, children: [" ", p.plugin?.name ?? p.id] }), _jsxs(Text, { color: C.dim, children: [" ", p.plugin?.version ? `v${p.plugin.version} · ` : "", p.scope, parts.length ? ` · ${parts.join(", ")}` : ""] })] }), state === "changed"
+                                ? _jsx(Text, { color: C.yellow, wrap: "truncate-end", children: "    \u26A0 Changed since you enabled it. Review the code, then press Enter to enable again." })
+                                : p.error
+                                    ? _jsxs(Text, { color: C.red, wrap: "truncate-end", children: ["    \u2716 ", p.error] })
+                                    : _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["    ", p.plugin?.description ?? (enabled ? "" : "Enable to load it.")] })] }, p.id));
+                }), _jsx(Text, { children: " " }), _jsxs(Text, { color: C.dim, wrap: "truncate-end", children: ["Add your own: drop a .js/.mjs file into ", PLUGIN_DIRS.map((d) => d.dir).join(" or "), ", then press r."] }), _jsx(Text, { color: C.dim, wrap: "truncate-end", children: "Example: examples/plugins/word-count.mjs in the Nou repo." })] }));
     };
     const hints = tab === "Model"
         ? column === "models" ? "↑↓ choose · Enter use model · ← providers" : "↑↓ provider · Enter/→ pick a model"
-        : tab === "Preferences" ? "↑↓ move · Enter/Space toggle · ←→ change effort" : "↑↓ move · Enter toggle · r rescan";
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: C.accent2, bold: true, children: "\u2699 Settings  " }), TABS.map((t) => (_jsx(Text, { ...(t === tab ? { backgroundColor: C.accent2, color: "black" } : { color: C.dim }), bold: t === tab, children: ` ${t} ` }, t))), _jsx(Text, { color: C.dim, children: "   current: " }), _jsx(Text, { color: C.green, children: describe(choice) })] }), _jsx(Text, { children: " " }), body(), _jsxs(Text, { color: C.dim, children: [" Tab next section \u00B7 ", hints, " \u00B7 Esc close   ", _jsx(Text, { color: C.dim, children: "saved to ~/.nou/config.json" })] })] }));
+        : tab === "Preferences" ? "↑↓ move · Enter/Space toggle · ←→ change option" : "↑↓ move · Enter toggle · r rescan";
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: C.accent2, bold: true, children: "\u2699 Settings  " }), TABS.map((t) => (_jsx(Text, { ...(t === tab ? { backgroundColor: C.accent2, color: "black" } : { color: C.dim }), bold: t === tab, children: ` ${t} ` }, t))), _jsx(Text, { color: C.dim, children: "   current: " }), _jsx(Text, { color: C.green, children: describe(choice) }), _jsxs(Text, { color: C.dim, children: ["   nou v", currentVersion()] })] }), _jsx(Text, { children: " " }), body(), _jsxs(Text, { color: C.dim, children: [" Tab next section \u00B7 ", hints, " \u00B7 Esc close   ", _jsx(Text, { color: C.dim, children: "saved to ~/.nou/config.json" })] })] }));
 }

package/dist/src/ui/mouse.js

@@ -0,0 +1,52 @@
+import { useEffect, useRef } from "react";
+import { useStdin } from "ink";
+// Report clicks and wheel (1000) using SGR coordinates (1006), which work past column 223.
+const ENABLE = "\x1b[?1000h\x1b[?1006h";
+const DISABLE = "\x1b[?1000l\x1b[?1006l";
+/** Mouse events in a chunk of terminal input (SGR format: ESC [ < button ; x ; y M|m). */
+export function parseMouse(chunk) {
+    const events = [];
+    // eslint-disable-next-line no-control-regex -- mouse reports start with ESC
+    for (const m of chunk.matchAll(/\x1b\[<(\d+);(\d+);(\d+)([Mm])/g)) {
+        const code = Number(m[1]);
+        const x = Number(m[2]) - 1;
+        const y = Number(m[3]) - 1;
+        const button = code & 0b11000011; // drop the shift/alt/ctrl bits
+        if (button === 64 || button === 65)
+            events.push({ kind: "wheel", dir: button === 64 ? -1 : 1, x, y });
+        else if (button === 0 && m[4] === "M")
+            events.push({ kind: "click", x, y });
+    }
+    return events;
+}
+let exitHookInstalled = false;
+/**
+ * Turns on mouse reporting while mounted and calls `handler` for wheel and click events.
+ * Ink keeps reading the keyboard as usual: a 'data' listener sees the same chunks Ink reads, and Ink
+ * already ignores mouse sequences, so they never show up as typed text.
+ */
+export function useMouse(handler, enabled) {
+    const { stdin } = useStdin();
+    const latest = useRef(handler);
+    latest.current = handler;
+    useEffect(() => {
+        if (!enabled || !stdin)
+            return;
+        const terminal = process.stdout.isTTY ? process.stdout : null;
+        terminal?.write(ENABLE);
+        if (terminal && !exitHookInstalled) {
+            // Leave the terminal clean even if Nou crashes; otherwise the shell gets mouse garbage.
+            process.on("exit", () => process.stdout.write(DISABLE));
+            exitHookInstalled = true;
+        }
+        const onData = (data) => {
+            for (const event of parseMouse(String(data)))
+                latest.current(event);
+        };
+        stdin.on("data", onData);
+        return () => {
+            stdin.off("data", onData);
+            terminal?.write(DISABLE);
+        };
+    }, [enabled, stdin]);
+}

package/dist/src/ui/text.js

@@ -1,6 +1,7 @@
 import path from "path";
 import { highlight, supportsLanguage } from "cli-highlight";
 import { diffLines } from "diff";
+import { highlightTree } from "../syntax/index.js";
 const LANGUAGES = {
     ".ts": "typescript", ".tsx": "typescript", ".mts": "typescript", ".cts": "typescript",
     ".js": "javascript", ".jsx": "javascript", ".mjs": "javascript", ".cjs": "javascript",
@@ -16,8 +17,12 @@ export function splitLines(text) {
     return lines;
 }
 export function highlightLines(filePath, text) {
-    const language = LANGUAGES[path.extname(filePath).toLowerCase()];
     const plain = splitLines(text);
+    // tree-sitter when the grammar is loaded (accurate); highlight.js otherwise.
+    const tree = highlightTree(filePath, plain.join("\n"));
+    if (tree)
+        return tree;
+    const language = LANGUAGES[path.extname(filePath).toLowerCase()];
     if (!language || !supportsLanguage(language) || text.length > 200_000)
         return plain;
     try {

package/dist/src/update/index.js

@@ -0,0 +1,102 @@
+import { spawn } from "child_process";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+import { NOU_HOME } from "../config/index.js";
+export const PACKAGE_NAME = "nou-cli";
+const CACHE = path.join(NOU_HOME, "update.json");
+const DAY = 24 * 60 * 60 * 1000;
+/** Nou's own package.json (works from source and from the installed dist build). */
+function ownPackage() {
+    let dir = path.dirname(fileURLToPath(import.meta.url));
+    for (let i = 0; i < 5; i++) {
+        const file = path.join(dir, "package.json");
+        if (existsSync(file)) {
+            const pkg = JSON.parse(readFileSync(file, "utf-8"));
+            if (pkg.name === PACKAGE_NAME)
+                return { version: pkg.version, dir };
+        }
+        dir = path.dirname(dir);
+    }
+    return { version: "0.0.0", dir };
+}
+export const currentVersion = () => ownPackage().version;
+/** Running from a git checkout (npm run dev) rather than an npm install: never nag about updates. */
+export const isDevCheckout = () => existsSync(path.join(ownPackage().dir, ".git"));
+/** -1, 0 or 1. Plain x.y.z comparison; pre-release tags sort before the release. */
+export function compareVersions(a, b) {
+    const parse = (v) => {
+        const [main, pre] = v.replace(/^v/, "").split("-", 2);
+        return { nums: main.split(".").map((n) => Number(n) || 0), pre };
+    };
+    const x = parse(a);
+    const y = parse(b);
+    for (let i = 0; i < 3; i++) {
+        const d = (x.nums[i] ?? 0) - (y.nums[i] ?? 0);
+        if (d)
+            return Math.sign(d);
+    }
+    if (x.pre && !y.pre)
+        return -1;
+    if (!x.pre && y.pre)
+        return 1;
+    return 0;
+}
+async function fetchLatest(timeout) {
+    try {
+        const res = await fetch(`https://registry.npmjs.org/${PACKAGE_NAME}/latest`, { signal: AbortSignal.timeout(timeout) });
+        if (!res.ok)
+            return null;
+        return (await res.json()).version ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * The newer version available on npm, or null. Asks npm at most once a day (cached in ~/.nou/update.json)
+ * and never waits more than `timeout` ms, so startup stays fast offline.
+ */
+export async function checkForUpdate({ force = false, timeout = 1500 } = {}) {
+    if (!force && (process.env.NOU_NO_UPDATE_CHECK || isDevCheckout()))
+        return null;
+    let latest = null;
+    try {
+        const cached = JSON.parse(readFileSync(CACHE, "utf-8"));
+        if (!force && Date.now() - cached.checkedAt < DAY)
+            latest = cached.latest;
+    }
+    catch {
+        // no cache yet
+    }
+    if (!latest) {
+        latest = await fetchLatest(timeout);
+        if (latest) {
+            try {
+                mkdirSync(NOU_HOME, { recursive: true });
+                writeFileSync(CACHE, JSON.stringify({ latest, checkedAt: Date.now() }));
+            }
+            catch {
+                // caching is optional
+            }
+        }
+    }
+    return latest && compareVersions(latest, currentVersion()) > 0 ? latest : null;
+}
+/** Runs `npm install -g nou-cli@<version>`, showing npm's output. Resolves to success. */
+export function installUpdate(version = "latest") {
+    return new Promise((resolve) => {
+        // npm is npm.cmd on Windows, which needs a shell; the arguments are fixed, not user input.
+        const child = spawn("npm", ["install", "-g", `${PACKAGE_NAME}@${version}`], {
+            stdio: "inherit",
+            shell: process.platform === "win32",
+        });
+        child.on("error", () => resolve(false));
+        child.on("close", (code) => resolve(code === 0));
+    });
+}
+/** Starts the freshly installed Nou in place of this process. */
+export function relaunch() {
+    const child = spawn(process.execPath, process.argv.slice(1).filter((a) => a !== "update"), { stdio: "inherit" });
+    child.on("close", (code) => process.exit(code ?? 0));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nou-cli",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Nou: an IDE-style AI coding assistant for your terminal. Local (Ollama, LM Studio) and cloud (Claude, OpenAI, Gemini...) models, live diffs, git-aware, built-in editor.",
   "type": "module",
   "bin": {
@@ -12,15 +12,17 @@
     "README.md"
   ],
   "engines": {
-    "node": ">=20.12"
+    "node": ">=22.12"
   },
   "scripts": {
     "dev": "npx tsx index.ts",
-    "build": "tsc -p tsconfig.build.json",
+    "build": "tsc -p tsconfig.build.json && node scripts/copy-grammars.mjs",
     "start": "node dist/index.js",
     "typecheck": "tsc --noEmit -p .",
     "lint": "eslint index.ts src",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "screenshot": "node -e \"process.env.FORCE_COLOR='3';require('child_process').execSync('npx tsx scripts/screenshot.tsx',{stdio:'inherit'})\"",
+    "test": "tsx tests/unit.ts && tsx tests/e2e.tsx"
   },
   "repository": {
     "type": "git",
@@ -50,15 +52,18 @@
     "ollama": "^0.6.3",
     "openai": "^7.32.0",
     "react": "^19.3.0",
+    "web-tree-sitter": "0.25.10",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^25.5.0",
+    "@types/node": "^22.20.5",
     "@types/react": "^19.3.0",
     "eslint": "^10.2.0",
     "globals": "^17.4.0",
+    "ink-testing-library": "^4.0.0",
     "jiti": "^2.6.1",
+    "tree-sitter-wasms": "0.1.13",
     "tsx": "^4.23.15",
     "typescript": "^6.0.2",
     "typescript-eslint": "^8.58.1"