claude-code-hud 0.3.12 → 0.3.14

package/package.json

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

package/scripts/lib/token-reader.mjs

@@ -75,7 +75,7 @@ function findLatestSession(cwd) {
 }
 
 /** Collect all JSONL lines for the given cwd (or all projects if no cwd) */
-function readAllLines(cwd) {
+async function readAllLines(cwd) {
   const projectsDir = path.join(os.homedir(), '.claude', 'projects');
   if (!fs.existsSync(projectsDir)) return [];
   const targetDir = cwd ? cwdToProjectDir(cwd) : null;
@@ -88,7 +88,8 @@ function readAllLines(cwd) {
       const fullPath = path.join(projDir, file);
       const fileMtime = fs.statSync(fullPath).mtimeMs;
       try {
-        const lines = fs.readFileSync(fullPath, 'utf8').split('\n').filter(Boolean);
+        const raw = await fs.promises.readFile(fullPath, 'utf8');
+        const lines = raw.split('\n').filter(Boolean);
         for (const line of lines) {
           try {
             const obj = JSON.parse(line);
@@ -103,8 +104,8 @@ function readAllLines(cwd) {
   return result;
 }
 
-export function readTokenHistory(cwd) {
-  const allLines = readAllLines(cwd);
+export async function readTokenHistory(cwd) {
+  const allLines = await readAllLines(cwd);
   const now = Date.now();
   const h5  = now - 5  * 60 * 60 * 1000;
   const wk  = now - 7  * 24 * 60 * 60 * 1000;
@@ -155,7 +156,7 @@ export function readTokenHistory(cwd) {
   return { last5h: acc5h, lastWeek: accWk, today: accToday, hourlyBuckets: buckets };
 }
 
-export function readTokenUsage(cwd) {
+export async function readTokenUsage(cwd) {
   const sessionFile = findLatestSession(cwd);
   if (!sessionFile) {
     return empty();
@@ -170,7 +171,8 @@ export function readTokenUsage(cwd) {
   // For context window: use the LAST turn's snapshot (what's in context right now)
   let lastUsage = null;
 
-  const lines = fs.readFileSync(sessionFile, 'utf8').split('\n').filter(Boolean);
+  const raw = await fs.promises.readFile(sessionFile, 'utf8');
+  const lines = raw.split('\n').filter(Boolean);
   for (const line of lines) {
     try {
       const obj = JSON.parse(line);

package/tui/hud.tsx

@@ -9,7 +9,9 @@ import { fileURLToPath } from 'url';
 import { dirname, join, basename } from 'path';
 import fs from 'fs';
 import os from 'os';
-import { execSync } from 'child_process';
+import { exec as execCb } from 'child_process';
+import { promisify } from 'util';
+const execAsync = promisify(execCb);
 
 const __dir = dirname(fileURLToPath(import.meta.url));
 const { readTokenUsage, readTokenHistory } = await import(join(__dir, '../scripts/lib/token-reader.mjs'));
@@ -197,11 +199,11 @@ function flattenTree(node: DirNode, depth: number, expanded: Record<string, bool
 }
 
 // ── Branch helper ───────────────────────────────────────────────────────────
-function getBranches(cwd: string): string[] {
+async function getBranches(cwd: string): Promise<string[]> {
   try {
-    const out = execSync('git branch', { cwd, encoding: 'utf8' });
-    return out.split('\n')
-      .map(b => b.replace(/^\*?\s+/, '').trim())
+    const { stdout } = await execAsync('git branch', { cwd });
+    return stdout.split('\n')
+      .map((b: string) => b.replace(/^\*?\s+/, '').trim())
       .filter(Boolean);
   } catch {
     return [];
@@ -219,9 +221,8 @@ async function readSessionTimeline(cwd: string): Promise<TimelineEntry[]> {
   if (!fs.existsSync(projectsDir)) return [];
 
   const targetDirName = cwd.replace(/\//g, '-');
+  const allFiles: string[] = [];
 
-  let latestFile: string | null = null;
-  let latestMtime = 0;
   try {
     for (const projectHash of fs.readdirSync(projectsDir)) {
       if (projectHash !== targetDirName) continue;
@@ -229,44 +230,43 @@ async function readSessionTimeline(cwd: string): Promise<TimelineEntry[]> {
       if (!fs.statSync(sessionDir).isDirectory()) continue;
       for (const file of fs.readdirSync(sessionDir)) {
         if (!file.endsWith('.jsonl')) continue;
-        const filePath = join(sessionDir, file);
-        try {
-          const mtime = fs.statSync(filePath).mtimeMs;
-          if (mtime > latestMtime) { latestMtime = mtime; latestFile = filePath; }
-        } catch {}
+        allFiles.push(join(sessionDir, file));
       }
     }
   } catch {}
 
-  if (!latestFile) return [];
+  if (allFiles.length === 0) return [];
 
-  const lines = fs.readFileSync(latestFile, 'utf-8').split('\n').filter(Boolean);
-  const entries: TimelineEntry[] = [];
+  const entries: (TimelineEntry & { ts: number })[] = [];
 
-  for (const line of lines) {
+  for (const filePath of allFiles) {
     try {
-      const obj = JSON.parse(line);
-      if (obj.type !== 'user') continue;
-      const content = obj.message?.content;
-      // Skip tool_result messages (not direct user prompts)
-      if (Array.isArray(content) && content.some((b: any) => b.type === 'tool_result')) continue;
-      const textBlock = Array.isArray(content)
-        ? content.find((b: any) => b.type === 'text')
-        : null;
-      const text: string = textBlock?.text ?? (typeof content === 'string' ? content : '');
-      if (!text.trim()) continue;
-
-      const ts: string = obj.timestamp ?? '';
-      let time = '';
-      if (ts) {
-        try { time = new Date(ts).toTimeString().slice(0, 5); } catch {}
+      const lines = (await fs.promises.readFile(filePath, 'utf-8')).split('\n').filter(Boolean);
+      for (const line of lines) {
+        try {
+          const obj = JSON.parse(line);
+          if (obj.type !== 'user') continue;
+          const content = obj.message?.content;
+          if (Array.isArray(content) && content.some((b: any) => b.type === 'tool_result')) continue;
+          const textBlock = Array.isArray(content)
+            ? content.find((b: any) => b.type === 'text')
+            : null;
+          const text: string = textBlock?.text ?? (typeof content === 'string' ? content : '');
+          if (!text.trim()) continue;
+
+          const tsStr: string = obj.timestamp ?? '';
+          const tsNum = tsStr ? new Date(tsStr).getTime() : 0;
+          const time = tsStr ? new Date(tsStr).toTimeString().slice(0, 5) : '';
+
+          entries.push({ ts: tsNum, time, text: text.replace(/\n/g, ' ').slice(0, 80) });
+        } catch {}
       }
-
-      entries.push({ time, text: text.replace(/\n/g, ' ').slice(0, 80) });
     } catch {}
   }
 
-  return entries.slice(-30);
+  // Sort all sessions by time, return last 50
+  entries.sort((a, b) => a.ts - b.ts);
+  return entries.slice(-50).map(({ time, text }) => ({ time, text }));
 }
 
 // ── UI Components ──────────────────────────────────────────────────────────
@@ -751,8 +751,8 @@ function App() {
   const cwd = process.env.CLAUDE_PROJECT_ROOT || process.cwd();
   const C = makeTheme(accent);
 
-  const [usage,      setUsage]      = useState<any>(readTokenUsage(cwd));
-  const [history,    setHistory]    = useState<any>(readTokenHistory(cwd));
+  const [usage,      setUsage]      = useState<any>({ inputTokens: 0, outputTokens: 0, cacheReadTokens: 0, cacheWriteTokens: 0, totalTokens: 0, contextWindow: 200000, model: 'claude-sonnet-4', cost: { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, total: 0 } });
+  const [history,    setHistory]    = useState<any>({ last5h: null, lastWeek: null, today: null, hourlyBuckets: Array(12).fill(0) });
   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());
@@ -791,8 +791,8 @@ function App() {
   const [currentActivity,  setCurrentActivity]  = useState<string>('');
 
   const refresh = useCallback(() => {
-    setUsage(readTokenUsage(cwd));
-    setHistory(readTokenHistory(cwd));
+    readTokenUsage(cwd).then(setUsage).catch(() => {});
+    readTokenHistory(cwd).then(setHistory).catch(() => {});
     setUpdatedAt(Date.now());
     readGitInfo(cwd).then(setGit).catch(() => {});
     getUsage().then(setRateLimits).catch(() => {});
@@ -806,6 +806,9 @@ function App() {
   }, [cwd]);
 
   useEffect(() => {
+    // Initial token data loads (async)
+    readTokenUsage(cwd).then(setUsage).catch(() => {});
+    readTokenHistory(cwd).then(setHistory).catch(() => {});
     // Scan project once
     // Quick shallow scan first → show UI immediately
     scanProject(cwd, 2).then(p => { setProject(p); setLoading(false); })
@@ -845,7 +848,7 @@ function App() {
         let debounceTimer: ReturnType<typeof setTimeout> | null = null;
         watcher.on('change', () => {
           if (debounceTimer) clearTimeout(debounceTimer);
-          debounceTimer = setTimeout(refresh, 800);
+          debounceTimer = setTimeout(refresh, 2000);
         });
       });
     }
@@ -883,11 +886,13 @@ function App() {
       if (key.return) {
         const selected = branchList[branchCursor];
         if (selected && selected !== git.branch) {
-          try {
-            execSync(`git checkout ${selected}`, { cwd });
-            process.stdout.write('\x1b[2J\x1b[3J\x1b[H');
-            refresh();
-          } catch {}
+          execAsync(`git checkout ${selected}`, { cwd })
+            .then(() => {
+              process.stdout.write('\x1b[2J\x1b[3J\x1b[H');
+              readGitInfo(cwd).then(setGit).catch(() => {});
+              refresh();
+            })
+            .catch(() => {});
         }
         setBranchMode(false);
         return;
@@ -901,11 +906,12 @@ function App() {
 
     // b (or Korean ㅠ) = open branch switcher in GIT tab
     if ((input === 'b' || input === 'ㅠ') && tab === 2) {
-      const branches = getBranches(cwd);
-      setBranchList(branches);
-      const idx = branches.findIndex(b => b === git.branch);
-      setBranchCursor(idx >= 0 ? idx : 0);
-      setBranchMode(true);
+      getBranches(cwd).then(branches => {
+        setBranchList(branches);
+        const idx = branches.findIndex((b: string) => b === git.branch);
+        setBranchCursor(idx >= 0 ? idx : 0);
+        setBranchMode(true);
+      });
       return;
     }