ccstatusline 1.0.2 → 1.0.4

package/README.md

@@ -45,10 +45,13 @@ Once configured, ccstatusline automatically formats your Claude Code status line
 
 - **Model Name** - Shows the current Claude model (e.g., "Claude 3.5 Sonnet")
 - **Git Branch** - Displays current git branch name
-- **Token Usage** - Shows input/output/total tokens used
-- **Time** - Current time in HH:MM:SS format
-- **Custom Text** - Add your own static text
-- **Separator** - Visual divider between items
+- **Tokens Input** - Shows input tokens used
+- **Tokens Output** - Shows output tokens used
+- **Tokens Cached** - Shows cached tokens used
+- **Tokens Total** - Shows total tokens used
+- **Context Length** - Shows current context length in tokens
+- **Context Percentage** - Shows percentage of context limit used
+- **Separator** - Visual divider between items (|)
 - **Flex Separator** - Expands to fill available space
 
 ## Configuration File
@@ -64,29 +67,26 @@ The configuration file at `~/.config/ccstatusline/settings.json` looks like:
     },
     {
       "type": "separator",
-      "text": " │ ",
       "color": "gray"
     },
     {
-      "type": "git_branch",
+      "type": "git-branch",
       "color": "green"
     },
     {
       "type": "separator",
-      "text": " │ ",
       "color": "gray"
     },
     {
-      "type": "tokens",
+      "type": "tokens-total",
       "color": "yellow"
     },
     {
-      "type": "flex_separator",
-      "text": "─",
+      "type": "flex-separator",
       "color": "gray"
     },
     {
-      "type": "time",
+      "type": "context-percentage",
       "color": "blue"
     }
   ]

package/dist/ccstatusline.js

@@ -24,7 +24,9 @@ var DEFAULT_SETTINGS = {
   items: [
     { id: "1", type: "model", color: "cyan" },
     { id: "2", type: "separator" },
-    { id: "3", type: "git-branch", color: "magenta" }
+    { id: "3", type: "git-branch", color: "magenta" },
+    { id: "4", type: "separator" },
+    { id: "5", type: "git-changes", color: "yellow" }
   ],
   colors: {
     model: "cyan",
@@ -142,6 +144,10 @@ var StatusLinePreview = ({ items, terminalWidth }) => {
         const branchColor = chalk[item.color || "magenta"] || chalk.magenta;
         elements.push(branchColor("⎇ main"));
         break;
+      case "git-changes":
+        const changesColor = chalk[item.color || "yellow"] || chalk.yellow;
+        elements.push(changesColor("(+42,-10)"));
+        break;
       case "tokens-input":
         const inputColor = chalk[item.color || "yellow"] || chalk.yellow;
         elements.push(inputColor("In: 15.2k"));
@@ -320,6 +326,7 @@ var ItemsEditor = ({ items, onUpdate, onBack }) => {
         const types = [
           "model",
           "git-branch",
+          "git-changes",
           "separator",
           "flex-separator",
           "tokens-input",
@@ -345,6 +352,7 @@ var ItemsEditor = ({ items, onUpdate, onBack }) => {
         const types = [
           "model",
           "git-branch",
+          "git-changes",
           "separator",
           "flex-separator",
           "tokens-input",
@@ -400,6 +408,8 @@ var ItemsEditor = ({ items, onUpdate, onBack }) => {
         return chalk.cyan("Model");
       case "git-branch":
         return chalk.magenta("Git Branch");
+      case "git-changes":
+        return chalk.yellow("Git Changes");
       case "separator":
         return chalk.dim("Separator |");
       case "flex-separator":
@@ -507,6 +517,8 @@ var ColorMenu = ({ items, onUpdate, onBack }) => {
         return "Model";
       case "git-branch":
         return "Git Branch";
+      case "git-changes":
+        return "Git Changes";
       case "tokens-input":
         return "Tokens Input";
       case "tokens-output":
@@ -813,6 +825,38 @@ function getGitBranch() {
     return null;
   }
 }
+function getGitChanges() {
+  try {
+    let totalInsertions = 0;
+    let totalDeletions = 0;
+    const unstagedStat = execSync("git diff --shortstat 2>/dev/null", {
+      encoding: "utf8",
+      stdio: ["pipe", "pipe", "ignore"]
+    }).trim();
+    const stagedStat = execSync("git diff --cached --shortstat 2>/dev/null", {
+      encoding: "utf8",
+      stdio: ["pipe", "pipe", "ignore"]
+    }).trim();
+    if (unstagedStat) {
+      const insertMatch = unstagedStat.match(/(\d+) insertion/);
+      const deleteMatch = unstagedStat.match(/(\d+) deletion/);
+      totalInsertions += insertMatch?.[1] ? parseInt(insertMatch[1], 10) : 0;
+      totalDeletions += deleteMatch?.[1] ? parseInt(deleteMatch[1], 10) : 0;
+    }
+    if (stagedStat) {
+      const insertMatch = stagedStat.match(/(\d+) insertion/);
+      const deleteMatch = stagedStat.match(/(\d+) deletion/);
+      totalInsertions += insertMatch?.[1] ? parseInt(insertMatch[1], 10) : 0;
+      totalDeletions += deleteMatch?.[1] ? parseInt(deleteMatch[1], 10) : 0;
+    }
+    if (totalInsertions === 0 && totalDeletions === 0) {
+      return null;
+    }
+    return { insertions: totalInsertions, deletions: totalDeletions };
+  } catch {
+    return null;
+  }
+}
 async function getTokenMetrics(transcriptPath) {
   try {
     if (!fs3.existsSync(transcriptPath)) {
@@ -824,6 +868,8 @@ async function getTokenMetrics(transcriptPath) {
     let inputTokens = 0;
     let outputTokens = 0;
     let cachedTokens = 0;
+    let contextLength = 0;
+    let lastMessageWithUsage = null;
     for (const line of lines) {
       try {
         const data = JSON.parse(line);
@@ -832,11 +878,15 @@ async function getTokenMetrics(transcriptPath) {
           outputTokens += data.message.usage.output_tokens || 0;
           cachedTokens += data.message.usage.cache_read_input_tokens || 0;
           cachedTokens += data.message.usage.cache_creation_input_tokens || 0;
+          lastMessageWithUsage = data;
         }
       } catch {}
     }
+    if (lastMessageWithUsage?.message?.usage) {
+      const usage = lastMessageWithUsage.message.usage;
+      contextLength = (usage.input_tokens || 0) + (usage.cache_read_input_tokens || 0) + (usage.cache_creation_input_tokens || 0);
+    }
     const totalTokens = inputTokens + outputTokens + cachedTokens;
-    const contextLength = inputTokens + outputTokens;
     return { inputTokens, outputTokens, cachedTokens, totalTokens, contextLength };
   } catch {
     return { inputTokens: 0, outputTokens: 0, cachedTokens: 0, totalTokens: 0, contextLength: 0 };
@@ -874,6 +924,14 @@ async function renderStatusLine(data) {
           elements.push({ content: color(`⎇ ${branch}`), type: "git-branch" });
         }
         break;
+      case "git-changes":
+        const changes = getGitChanges();
+        if (changes !== null) {
+          const color = chalk2[item.color || "yellow"] || chalk2.yellow;
+          const changeStr = `(+${changes.insertions},-${changes.deletions})`;
+          elements.push({ content: color(changeStr), type: "git-changes" });
+        }
+        break;
       case "tokens-input":
         if (tokenMetrics) {
           const color = chalk2[item.color || "yellow"] || chalk2.yellow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstatusline",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "A customizable status line formatter for Claude Code CLI",
   "module": "src/ccstatusline.ts",
   "type": "module",