@owloops/claude-powerline 1.5.3 → 1.5.5

package/README.md

@@ -247,7 +247,8 @@ Configuration priority (top overrides bottom):
             "showLastResponseTime": false,
             "showDuration": true,
             "showMessageCount": true
-          }
+          },
+          "version": { "enabled": true }
         }
       }
     ]
@@ -266,6 +267,7 @@ Configuration priority (top overrides bottom):
 - **context**: Context window usage and auto-compact threshold
 - **tmux**: Tmux session name and window info (when in tmux)
 - **metrics**: Performance analytics (see Metrics Configuration below)
+- **version**: Claude Code version (e.g., v1.0.81)
 
 #### Directory Configuration
 
@@ -426,7 +428,8 @@ To prevent segment cutoff, configure multiple lines:
           "today": { "enabled": true, "type": "cost" },
           "context": { "enabled": true },
           "tmux": { "enabled": false },
-          "metrics": { "enabled": true }
+          "metrics": { "enabled": true },
+          "version": { "enabled": true }
         }
       }
     ]
@@ -454,12 +457,19 @@ To customize colors, copy dark or light theme colors from `src/themes/` in the r
       "today": { "bg": "#303030", "fg": "#dddddd" },
       "context": { "bg": "#4a5568", "fg": "#ffffff" },
       "tmux": { "bg": "#228b22", "fg": "#ffffff" },
-      "metrics": { "bg": "#374151", "fg": "#ffffff" }
+      "metrics": { "bg": "#374151", "fg": "#ffffff" },
+      "version": { "bg": "#2d3748", "fg": "#ffffff" }
     }
   }
 }
 ```
 
+> [!TIP]
+> Use `"transparent"` or `"none"` for background colors to create a minimal look:
+> ```json
+> "directory": { "bg": "transparent", "fg": "#00ff00" }
+> ```
+
 ## Custom Segments
 
 Extend the statusline by wrapping the command with shell composition:

package/dist/index.js

@@ -10,12 +10,15 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 import process2 from "process";
 import path4 from "path";
 import fs3 from "fs";
-import { execSync as execSync3 } from "child_process";
+import { execSync as execSync4 } from "child_process";
 import os2 from "os";
 import { json } from "stream/consumers";
 
 // src/utils/colors.ts
 function hexToAnsi(hex, isBackground) {
+  if (isBackground && (hex.toLowerCase() === "transparent" || hex.toLowerCase() === "none")) {
+    return "\x1B[49m";
+  }
   const r = parseInt(hex.slice(1, 3), 16);
   const g = parseInt(hex.slice(3, 5), 16);
   const b = parseInt(hex.slice(5, 7), 16);
@@ -39,7 +42,8 @@ var darkTheme = {
   today: { bg: "#1a1a1a", fg: "#98fb98" },
   tmux: { bg: "#2f4f2f", fg: "#90ee90" },
   context: { bg: "#4a5568", fg: "#cbd5e0" },
-  metrics: { bg: "#374151", fg: "#d1d5db" }
+  metrics: { bg: "#374151", fg: "#d1d5db" },
+  version: { bg: "#3a3a4a", fg: "#b8b8d0" }
 };
 
 // src/themes/light.ts
@@ -52,7 +56,8 @@ var lightTheme = {
   today: { bg: "#10b981", fg: "#ffffff" },
   tmux: { bg: "#32cd32", fg: "#ffffff" },
   context: { bg: "#718096", fg: "#ffffff" },
-  metrics: { bg: "#6b7280", fg: "#ffffff" }
+  metrics: { bg: "#6b7280", fg: "#ffffff" },
+  version: { bg: "#8b7dd8", fg: "#ffffff" }
 };
 
 // src/themes/nord.ts
@@ -65,7 +70,8 @@ var nordTheme = {
   today: { bg: "#2e3440", fg: "#8fbcbb" },
   tmux: { bg: "#2e3440", fg: "#8fbcbb" },
   context: { bg: "#5e81ac", fg: "#eceff4" },
-  metrics: { bg: "#b48ead", fg: "#2e3440" }
+  metrics: { bg: "#b48ead", fg: "#2e3440" },
+  version: { bg: "#434c5e", fg: "#88c0d0" }
 };
 
 // src/themes/tokyo-night.ts
@@ -78,7 +84,8 @@ var tokyoNightTheme = {
   today: { bg: "#1a202c", fg: "#4fd6be" },
   tmux: { bg: "#191b29", fg: "#4fd6be" },
   context: { bg: "#414868", fg: "#c0caf5" },
-  metrics: { bg: "#3d59a1", fg: "#c0caf5" }
+  metrics: { bg: "#3d59a1", fg: "#c0caf5" },
+  version: { bg: "#292e42", fg: "#bb9af7" }
 };
 
 // src/themes/rose-pine.ts
@@ -91,7 +98,8 @@ var rosePineTheme = {
   today: { bg: "#232136", fg: "#9ccfd8" },
   tmux: { bg: "#26233a", fg: "#908caa" },
   context: { bg: "#393552", fg: "#e0def4" },
-  metrics: { bg: "#524f67", fg: "#e0def4" }
+  metrics: { bg: "#524f67", fg: "#e0def4" },
+  version: { bg: "#2a273f", fg: "#c4a7e7" }
 };
 
 // src/themes/index.ts
@@ -1400,6 +1408,42 @@ var MetricsProvider = class {
   }
 };
 
+// src/segments/version.ts
+import { execSync as execSync3 } from "child_process";
+var VersionProvider = class {
+  cachedVersion = null;
+  cacheTimestamp = 0;
+  CACHE_TTL = 3e4;
+  getClaudeVersion() {
+    const now = Date.now();
+    if (this.cachedVersion !== null && now - this.cacheTimestamp < this.CACHE_TTL) {
+      return this.cachedVersion;
+    }
+    try {
+      const output = execSync3("claude --version", {
+        encoding: "utf8",
+        timeout: 1e3
+      }).trim();
+      const match = output.match(/^([\d.]+)/);
+      if (match) {
+        this.cachedVersion = `v${match[1]}`;
+        this.cacheTimestamp = now;
+        debug(`Claude Code version: ${this.cachedVersion}`);
+        return this.cachedVersion;
+      }
+      debug(`Could not parse version from: ${output}`);
+      return null;
+    } catch (error) {
+      debug(`Error getting Claude Code version:`, error);
+      return null;
+    }
+  }
+  async getVersionInfo() {
+    const version = this.getClaudeVersion();
+    return { version };
+  }
+};
+
 // src/segments/renderer.ts
 import path2 from "path";
 
@@ -1794,6 +1838,16 @@ var SegmentRenderer = class {
     }
     return baseDisplay;
   }
+  renderVersion(versionInfo, colors, _config) {
+    if (!versionInfo || !versionInfo.version) {
+      return null;
+    }
+    return {
+      text: `${this.symbols.version} ${versionInfo.version}`,
+      bgColor: colors.versionBg,
+      fgColor: colors.versionFg
+    };
+  }
 };
 
 // src/segments/block.ts
@@ -2134,6 +2188,7 @@ var PowerlineRenderer = class {
     this.gitService = new GitService();
     this.tmuxService = new TmuxService();
     this.metricsProvider = new MetricsProvider();
+    this.versionProvider = new VersionProvider();
     this.segmentRenderer = new SegmentRenderer(config, this.symbols);
   }
   symbols;
@@ -2144,6 +2199,7 @@ var PowerlineRenderer = class {
   gitService;
   tmuxService;
   metricsProvider;
+  versionProvider;
   segmentRenderer;
   needsUsageInfo() {
     return this.config.display.lines.some(
@@ -2178,6 +2234,11 @@ var PowerlineRenderer = class {
       (line) => line.segments.today?.enabled
     );
   }
+  needsVersionInfo() {
+    return this.config.display.lines.some(
+      (line) => line.segments.version?.enabled
+    );
+  }
   async generateStatusline(hookData) {
     const usageInfo = this.needsUsageInfo() ? await this.usageProvider.getUsageInfo(hookData.session_id) : null;
     const blockInfo = this.needsBlockInfo() ? await this.blockProvider.getActiveBlockInfo() : null;
@@ -2187,6 +2248,7 @@ var PowerlineRenderer = class {
       hookData.model?.id
     ) : null;
     const metricsInfo = this.needsMetricsInfo() ? await this.metricsProvider.getMetricsInfo(hookData.session_id) : null;
+    const versionInfo = this.needsVersionInfo() ? await this.versionProvider.getVersionInfo() : null;
     const lines = this.config.display.lines.map(
       (lineConfig) => this.renderLine(
         lineConfig,
@@ -2195,12 +2257,13 @@ var PowerlineRenderer = class {
         blockInfo,
         todayInfo,
         contextInfo,
-        metricsInfo
+        metricsInfo,
+        versionInfo
       )
     ).filter((line) => line.length > 0);
     return lines.join("\n");
   }
-  renderLine(lineConfig, hookData, usageInfo, blockInfo, todayInfo, contextInfo, metricsInfo) {
+  renderLine(lineConfig, hookData, usageInfo, blockInfo, todayInfo, contextInfo, metricsInfo, versionInfo) {
     const colors = this.getThemeColors();
     const currentDir = hookData.workspace?.current_dir || hookData.cwd || "/";
     const segments = Object.entries(lineConfig.segments).filter(
@@ -2221,6 +2284,7 @@ var PowerlineRenderer = class {
         todayInfo,
         contextInfo,
         metricsInfo,
+        versionInfo,
         colors,
         currentDir
       );
@@ -2235,7 +2299,7 @@ var PowerlineRenderer = class {
     }
     return line;
   }
-  renderSegment(segment, hookData, usageInfo, blockInfo, todayInfo, contextInfo, metricsInfo, colors, currentDir) {
+  renderSegment(segment, hookData, usageInfo, blockInfo, todayInfo, contextInfo, metricsInfo, versionInfo, colors, currentDir) {
     switch (segment.type) {
       case "directory":
         return this.segmentRenderer.renderDirectory(
@@ -2290,6 +2354,10 @@ var PowerlineRenderer = class {
         if (!todayInfo) return null;
         const todayType = segment.config?.type || "cost";
         return this.segmentRenderer.renderToday(todayInfo, colors, todayType);
+      case "version":
+        if (!versionInfo) return null;
+        const versionConfig = segment.config;
+        return this.segmentRenderer.renderVersion(versionInfo, colors, versionConfig);
       default:
         return null;
     }
@@ -2319,7 +2387,8 @@ var PowerlineRenderer = class {
       metrics_last_response: "\u0394",
       metrics_duration: "\u29D7",
       metrics_messages: "\u27D0",
-      metrics_burn: "\u27E2"
+      metrics_burn: "\u27E2",
+      version: "\u25C8"
     };
   }
   getThemeColors() {
@@ -2341,26 +2410,59 @@ var PowerlineRenderer = class {
         colorTheme = getTheme("dark");
       }
     }
+    const fallbackTheme = getTheme("dark");
     return {
       reset: "\x1B[0m",
-      modeBg: hexToAnsi(colorTheme.directory.bg, true),
-      modeFg: hexToAnsi(colorTheme.directory.fg, false),
-      gitBg: hexToAnsi(colorTheme.git.bg, true),
-      gitFg: hexToAnsi(colorTheme.git.fg, false),
-      modelBg: hexToAnsi(colorTheme.model.bg, true),
-      modelFg: hexToAnsi(colorTheme.model.fg, false),
-      sessionBg: hexToAnsi(colorTheme.session.bg, true),
-      sessionFg: hexToAnsi(colorTheme.session.fg, false),
-      blockBg: hexToAnsi(colorTheme.block.bg, true),
-      blockFg: hexToAnsi(colorTheme.block.fg, false),
-      todayBg: hexToAnsi(colorTheme.today.bg, true),
-      todayFg: hexToAnsi(colorTheme.today.fg, false),
-      tmuxBg: hexToAnsi(colorTheme.tmux.bg, true),
-      tmuxFg: hexToAnsi(colorTheme.tmux.fg, false),
-      contextBg: hexToAnsi(colorTheme.context.bg, true),
-      contextFg: hexToAnsi(colorTheme.context.fg, false),
-      metricsBg: hexToAnsi(colorTheme.metrics.bg, true),
-      metricsFg: hexToAnsi(colorTheme.metrics.fg, false)
+      modeBg: hexToAnsi(
+        colorTheme.directory?.bg || fallbackTheme.directory.bg,
+        true
+      ),
+      modeFg: hexToAnsi(
+        colorTheme.directory?.fg || fallbackTheme.directory.fg,
+        false
+      ),
+      gitBg: hexToAnsi(colorTheme.git?.bg || fallbackTheme.git.bg, true),
+      gitFg: hexToAnsi(colorTheme.git?.fg || fallbackTheme.git.fg, false),
+      modelBg: hexToAnsi(colorTheme.model?.bg || fallbackTheme.model.bg, true),
+      modelFg: hexToAnsi(colorTheme.model?.fg || fallbackTheme.model.fg, false),
+      sessionBg: hexToAnsi(
+        colorTheme.session?.bg || fallbackTheme.session.bg,
+        true
+      ),
+      sessionFg: hexToAnsi(
+        colorTheme.session?.fg || fallbackTheme.session.fg,
+        false
+      ),
+      blockBg: hexToAnsi(colorTheme.block?.bg || fallbackTheme.block.bg, true),
+      blockFg: hexToAnsi(colorTheme.block?.fg || fallbackTheme.block.fg, false),
+      todayBg: hexToAnsi(colorTheme.today?.bg || fallbackTheme.today.bg, true),
+      todayFg: hexToAnsi(colorTheme.today?.fg || fallbackTheme.today.fg, false),
+      tmuxBg: hexToAnsi(colorTheme.tmux?.bg || fallbackTheme.tmux.bg, true),
+      tmuxFg: hexToAnsi(colorTheme.tmux?.fg || fallbackTheme.tmux.fg, false),
+      contextBg: hexToAnsi(
+        colorTheme.context?.bg || fallbackTheme.context.bg,
+        true
+      ),
+      contextFg: hexToAnsi(
+        colorTheme.context?.fg || fallbackTheme.context.fg,
+        false
+      ),
+      metricsBg: hexToAnsi(
+        colorTheme.metrics?.bg || fallbackTheme.metrics.bg,
+        true
+      ),
+      metricsFg: hexToAnsi(
+        colorTheme.metrics?.fg || fallbackTheme.metrics.fg,
+        false
+      ),
+      versionBg: hexToAnsi(
+        colorTheme.version?.bg || fallbackTheme.version.bg,
+        true
+      ),
+      versionFg: hexToAnsi(
+        colorTheme.version?.fg || fallbackTheme.version.fg,
+        false
+      )
     };
   }
   getSegmentBgColor(segmentType, colors) {
@@ -2383,6 +2485,8 @@ var PowerlineRenderer = class {
         return colors.contextBg;
       case "metrics":
         return colors.metricsBg;
+      case "version":
+        return colors.versionBg;
       default:
         return colors.modeBg;
     }
@@ -2668,7 +2772,7 @@ async function installFonts() {
         fs3.rmSync(tempDir, { recursive: true, force: true });
       }
       console.log("Cloning powerline fonts repository...");
-      execSync3(
+      execSync4(
         "git clone --depth=1 https://github.com/powerline/fonts.git powerline-fonts",
         {
           stdio: "inherit",
@@ -2679,7 +2783,7 @@ async function installFonts() {
       const installScript = path4.join(tempDir, "install.sh");
       if (fs3.existsSync(installScript)) {
         fs3.chmodSync(installScript, 493);
-        execSync3("./install.sh", { stdio: "inherit", cwd: tempDir });
+        execSync4("./install.sh", { stdio: "inherit", cwd: tempDir });
       } else {
         throw new Error(
           "Install script not found in powerline fonts repository"