tokmon 0.3.1 → 0.3.3

package/dist/cli.js

@@ -3,16 +3,49 @@
 // src/cli.tsx
 import { render } from "ink";
 
+// src/config.ts
+import { readFile, writeFile, mkdir } from "fs/promises";
+import { join } from "path";
+import { homedir } from "os";
+var DEFAULTS = { interval: 2, clearScreen: true };
+function configDir() {
+  if (process.platform === "win32") {
+    return join(process.env.APPDATA ?? join(homedir(), "AppData", "Roaming"), "tokmon");
+  }
+  const xdg = process.env.XDG_CONFIG_HOME ?? join(homedir(), ".config");
+  return join(xdg, "tokmon");
+}
+function configPath() {
+  return join(configDir(), "config.json");
+}
+async function loadConfig() {
+  try {
+    const raw = await readFile(configPath(), "utf-8");
+    const parsed = JSON.parse(raw);
+    return { ...DEFAULTS, ...parsed };
+  } catch {
+    return { ...DEFAULTS };
+  }
+}
+async function saveConfig(config2) {
+  const dir = configDir();
+  await mkdir(dir, { recursive: true });
+  await writeFile(configPath(), JSON.stringify(config2, null, 2) + "\n");
+}
+function configLocation() {
+  return configPath();
+}
+
 // src/app.tsx
 import { useState, useEffect, useRef } from "react";
-import { Box, Text, useInput, useStdout } from "ink";
+import { Box, Text, useInput, useStdout, useApp } from "ink";
 
 // src/data.ts
 import { readdir, stat as fsStat } from "fs/promises";
 import { createReadStream } from "fs";
 import { createInterface } from "readline";
-import { join } from "path";
-import { homedir } from "os";
+import { join as join2 } from "path";
+import { homedir as homedir2 } from "os";
 
 // src/format.ts
 function currency(value) {
@@ -56,19 +89,19 @@ var PRICING = {
 var FALLBACK = PRICING["claude-opus-4"];
 var fileCache = /* @__PURE__ */ new Map();
 function getClaudeDirs() {
-  const home = homedir();
-  const dirs = [join(home, ".claude", "projects")];
+  const home = homedir2();
+  const dirs = [join2(home, ".claude", "projects")];
   if (process.env.XDG_CONFIG_HOME) {
-    dirs.push(join(process.env.XDG_CONFIG_HOME, "claude", "projects"));
+    dirs.push(join2(process.env.XDG_CONFIG_HOME, "claude", "projects"));
   } else if (process.platform !== "win32") {
-    dirs.push(join(home, ".config", "claude", "projects"));
+    dirs.push(join2(home, ".config", "claude", "projects"));
   }
   if (process.env.APPDATA) {
-    dirs.push(join(process.env.APPDATA, "claude", "projects"));
+    dirs.push(join2(process.env.APPDATA, "claude", "projects"));
   }
   if (process.env.CLAUDE_CONFIG_DIR) {
     for (const p of process.env.CLAUDE_CONFIG_DIR.split(process.platform === "win32" ? ";" : ",")) {
-      dirs.push(join(p.trim(), "projects"));
+      dirs.push(join2(p.trim(), "projects"));
     }
   }
   return dirs;
@@ -123,7 +156,7 @@ async function loadEntries(since) {
     }
     const files = listing.filter((f) => f.endsWith(".jsonl"));
     await Promise.all(files.map(async (f) => {
-      const path = join(dir, f);
+      const path = join2(dir, f);
       if (seen.has(path)) return;
       seen.add(path);
       try {
@@ -232,39 +265,6 @@ async function fetchTable() {
   };
 }
 
-// src/config.ts
-import { readFile, writeFile, mkdir } from "fs/promises";
-import { join as join2 } from "path";
-import { homedir as homedir2 } from "os";
-var DEFAULTS = { interval: 2, clearScreen: true };
-function configDir() {
-  if (process.platform === "win32") {
-    return join2(process.env.APPDATA ?? join2(homedir2(), "AppData", "Roaming"), "tokmon");
-  }
-  const xdg = process.env.XDG_CONFIG_HOME ?? join2(homedir2(), ".config");
-  return join2(xdg, "tokmon");
-}
-function configPath() {
-  return join2(configDir(), "config.json");
-}
-async function loadConfig() {
-  try {
-    const raw = await readFile(configPath(), "utf-8");
-    const parsed = JSON.parse(raw);
-    return { ...DEFAULTS, ...parsed };
-  } catch {
-    return { ...DEFAULTS };
-  }
-}
-async function saveConfig(config) {
-  const dir = configDir();
-  await mkdir(dir, { recursive: true });
-  await writeFile(configPath(), JSON.stringify(config, null, 2) + "\n");
-}
-function configLocation() {
-  return configPath();
-}
-
 // src/app.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var TABS = ["Dashboard", "Table"];
@@ -279,18 +279,17 @@ function App({ interval: cliInterval }) {
   const [view, setView] = useState(0);
   const [scroll, setScroll] = useState(0);
   const [showSettings, setShowSettings] = useState(false);
-  const [config, setConfig] = useState(null);
+  const [config2, setConfig] = useState(null);
   const [settingsCursor, setSettingsCursor] = useState(0);
   const tableLoadedOnce = useRef(false);
   const { stdout } = useStdout();
   const rows = stdout?.rows ?? 24;
   const cols = stdout?.columns ?? 80;
-  const interval2 = cliInterval ?? (config?.interval ?? 2) * 1e3;
+  const interval2 = cliInterval ?? (config2?.interval ?? 2) * 1e3;
   useEffect(() => {
     loadConfig().then((c) => {
       if (cliInterval) c = { ...c, interval: cliInterval / 1e3 };
       setConfig(c);
-      if (c.clearScreen && stdout) stdout.write("\x1B[2J\x1B[H");
     });
   }, []);
   useEffect(() => {
@@ -347,9 +346,10 @@ function App({ interval: cliInterval }) {
       clearInterval(id);
     };
   }, [tab, interval2]);
+  const { exit } = useApp();
   const isTTY = process.stdin.isTTY === true;
   const settingsItems = 2;
-  const cfg = config ?? { interval: 2, clearScreen: true };
+  const cfg = config2 ?? { interval: 2, clearScreen: true };
   useInput((input, key) => {
     if (showSettings) {
       if (key.escape || input === "s") setShowSettings(false);
@@ -380,6 +380,10 @@ function App({ interval: cliInterval }) {
       }
       return;
     }
+    if (input === "q") {
+      exit();
+      return;
+    }
     if (input === "s") {
       setShowSettings(true);
       return;
@@ -458,7 +462,7 @@ function App({ interval: cliInterval }) {
     showSettings ? /* @__PURE__ */ jsx(SettingsView, { config: cfg, cursor: settingsCursor }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
         /* @__PURE__ */ jsx(TabBar, { tabs: TABS, active: tab }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  Tab  s=settings" })
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  Tab/\u2190\u2192" })
       ] }),
       /* @__PURE__ */ jsx(Box, { height: 1 }),
       tab === 0 && /* @__PURE__ */ jsx(DashboardView, { data: dashboard }),
@@ -473,7 +477,8 @@ function App({ interval: cliInterval }) {
       /* @__PURE__ */ jsx(Text, { children: "David Ilie" }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: " (" }),
       /* @__PURE__ */ jsx(Text, { color: "cyan", children: "davidilie.com" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: ")" })
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: ")  \xB7  " }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "s=settings  q=quit" })
     ] })
   ] });
 }
@@ -498,7 +503,7 @@ function ViewBar({ views, active }) {
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  d/w/m or \u2190\u2192" })
   ] });
 }
-function SettingsView({ config, cursor }) {
+function SettingsView({ config: config2, cursor }) {
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
     /* @__PURE__ */ jsx(Text, { bold: true, children: "Settings" }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: configLocation() }),
@@ -514,7 +519,7 @@ function SettingsView({ config, cursor }) {
         " "
       ] }),
       /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", children: [
-        config.interval,
+        config2.interval,
         "s"
       ] }),
       /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -528,7 +533,7 @@ function SettingsView({ config, cursor }) {
         " "
       ] }),
       /* @__PURE__ */ jsx(Text, { children: "Clear screen      " }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: config.clearScreen ? "green" : "red", children: config.clearScreen ? "on" : "off" })
+      /* @__PURE__ */ jsx(Text, { bold: true, color: config2.clearScreen ? "green" : "red", children: config2.clearScreen ? "on" : "off" })
     ] }),
     /* @__PURE__ */ jsx(Box, { height: 1 }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191\u2193 select  \u2190\u2192 adjust  s/Esc close" })
@@ -717,9 +722,13 @@ for (let i = 0; i < args.length; i++) {
     console.log("  \u2191\u2193          Scroll table");
     console.log("  1-2         Jump to view");
     console.log("  s           Settings");
-    console.log("  Ctrl+C      Quit");
+    console.log("  q           Quit");
     process.exit(0);
   }
 }
+var config = await loadConfig();
+if (config.clearScreen && process.stdout.isTTY) {
+  process.stdout.write("\x1B[2J\x1B[H");
+}
 var { waitUntilExit } = render(/* @__PURE__ */ jsx2(App, { interval }));
 await waitUntilExit();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tokmon",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Terminal dashboard for Claude Code usage and costs",
   "type": "module",
   "bin": {