claude-code-hud 0.3.10 → 0.3.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-hud",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "Terminal HUD for Claude Code — real-time token usage, git status, project monitor",
   "type": "module",
   "bin": {

package/scripts/lib/git-info.mjs

@@ -1,39 +1,44 @@
 /**
- * Git status via child_process. No external deps.
+ * Git status via child_process exec (async — non-blocking).
  */
-import { execSync } from 'child_process';
+import { exec } from 'child_process';
+import { promisify } from 'util';
 
-function run(cmd, cwd) {
+const execAsync = promisify(exec);
+
+async function run(cmd, cwd) {
   try {
-    return execSync(cmd, { cwd, encoding: 'utf8', stdio: ['pipe', 'pipe', 'pipe'] }).trim();
+    const { stdout } = await execAsync(cmd, { cwd, timeout: 3000 });
+    return stdout.trim();
   } catch {
     return '';
   }
 }
 
-export function readGitInfo(cwd = process.cwd()) {
-  const branch = run('git rev-parse --abbrev-ref HEAD', cwd) || 'unknown';
+export async function readGitInfo(cwd = process.cwd()) {
+  const branch = await run('git rev-parse --abbrev-ref HEAD', cwd) || 'unknown';
   if (branch === 'unknown' || branch === 'HEAD') {
     return { isRepo: false, branch: 'unknown', ahead: 0, behind: 0, modified: [], added: [], deleted: [], recentCommits: [], totalChanges: 0 };
   }
 
-  // ahead/behind
-  const aheadBehind = run('git rev-list --left-right --count @{upstream}...HEAD 2>/dev/null || echo "0\t0"', cwd);
+  const [aheadBehind, statusOut, logOut, numstatOut] = await Promise.all([
+    run('git rev-list --left-right --count @{upstream}...HEAD 2>/dev/null || echo "0\t0"', cwd),
+    run('git status --porcelain', cwd),
+    run('git log --oneline -5 --format="%h|%s|%cr"', cwd),
+    run('git diff --numstat HEAD 2>/dev/null', cwd),
+  ]);
+
   const [behind = 0, ahead = 0] = aheadBehind.split('\t').map(Number);
 
-  // status
-  const statusOut = run('git status --porcelain', cwd);
   const modified = [], added = [], deleted = [];
   for (const line of statusOut.split('\n').filter(Boolean)) {
     const st = line.slice(0, 2).trim();
     const file = line.slice(2).trimStart();
     if (st === 'M' || st === 'MM' || st === 'AM') modified.push(file);
-    else if (st === 'A' || st === '??' ) added.push(file);
+    else if (st === 'A' || st === '??') added.push(file);
     else if (st === 'D') deleted.push(file);
   }
 
-  // recent commits
-  const logOut = run('git log --oneline -5 --format="%h|%s|%cr"', cwd);
   const recentCommits = logOut.split('\n').filter(Boolean).map(l => {
     const [hash, ...rest] = l.split('|');
     const time = rest.pop();
@@ -41,8 +46,6 @@ export function readGitInfo(cwd = process.cwd()) {
     return { hash, msg, time };
   });
 
-  // diff stats: actual +/- line counts per file
-  const numstatOut = run('git diff --numstat HEAD 2>/dev/null', cwd);
   const diffStats = {};
   for (const line of numstatOut.split('\n').filter(Boolean)) {
     const [addStr, delStr, ...fileParts] = line.split('\t');

package/tui/hud.tsx

@@ -3,7 +3,7 @@
  * HUD Live — Ink TUI
  * Run: npm run hud  (from hud-plugin root)
  */
-import React, { useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback, useRef } from 'react';
 import { render, Box, Text, useStdout, useInput } from 'ink';
 import { fileURLToPath } from 'url';
 import { dirname, join, basename } from 'path';
@@ -601,6 +601,13 @@ function ProjectTab({ info, treeCursor, treeExpanded, selectedFile, fileLines, f
 
 // ── Tab 3: GIT ─────────────────────────────────────────────────────────────
 function GitTab({ git, C, termWidth, branchMode, branchList, branchCursor }: any) {
+  if (!git.isRepo) return (
+    <Box flexDirection="column" borderStyle="single" borderColor={C.border} paddingX={1}>
+      <Text color={C.dimmer}>⚠ git repository not found in this directory</Text>
+      <Text color={C.dimmer}>  cd into a git repo to see branch, diff, and commit info</Text>
+    </Box>
+  );
+
   const gitFiles = [
     ...(git.modified ?? []).map((f: string) => ({ status: 'MOD', path: f })),
     ...(git.added    ?? []).map((f: string) => ({ status: 'ADD', path: f })),
@@ -746,7 +753,7 @@ function App() {
 
   const [usage,      setUsage]      = useState<any>(readTokenUsage(cwd));
   const [history,    setHistory]    = useState<any>(readTokenHistory(cwd));
-  const [git,        setGit]        = useState<any>(readGitInfo(cwd));
+  const [git,        setGit]        = useState<any>({ isRepo: false, branch: 'loading…', modified: [], added: [], deleted: [], recentCommits: [], totalChanges: 0 });
   const [project,    setProject]    = useState<ProjectInfo | null>(null);
   const [rateLimits, setRateLimits] = useState<any>(getUsageSync());
 
@@ -770,6 +777,9 @@ function App() {
   const [spinFrame, setSpinFrame] = useState(0);
   const SPIN = ['⠋','⠙','⠹','⠸','⠼','⠴','⠦','⠧','⠇','⠏'];
 
+  // q key debounce ref (require 2 presses within 600ms to quit)
+  const lastQRef = useRef(0);
+
   // Branch switcher state
   const [branchMode,   setBranchMode]   = useState(false);
   const [branchList,   setBranchList]   = useState<string[]>([]);
@@ -783,8 +793,8 @@ function App() {
   const refresh = useCallback(() => {
     setUsage(readTokenUsage(cwd));
     setHistory(readTokenHistory(cwd));
-    setGit(readGitInfo(cwd));
     setUpdatedAt(Date.now());
+    readGitInfo(cwd).then(setGit).catch(() => {});
     getUsage().then(setRateLimits).catch(() => {});
     readSessionTimeline(cwd).then(entries => {
       setTimeline(entries);
@@ -802,6 +812,8 @@ function App() {
       .catch(() => { setLoading(false); });
     // Full deep scan in background → update silently
     scanProject(cwd, 8).then(p => { setProject(p); }).catch(() => {});
+    // Initial git load (async)
+    readGitInfo(cwd).then(setGit).catch(() => {});
     // Initial API usage fetch
     getUsage().then(setRateLimits).catch(() => {});
     // Initial timeline load
@@ -897,7 +909,12 @@ function App() {
       return;
     }
 
-    if (input === 'q' || input === 'ㅂ') process.exit(0);
+    if (input === 'q' || input === 'ㅂ') {
+      const now = Date.now();
+      if (now - lastQRef.current < 600) { process.exit(0); }
+      lastQRef.current = now;
+      return;
+    }
 
     // Escape: close file viewer first, then quit
     if (key.escape) {