claude-contextline 1.0.0 → 1.3.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Stephan Fitzpatrick
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -2,33 +2,13 @@
 
 A powerline-style statusline for Claude Code showing context window usage.
 
-## Installation
+<img width="677" height="38" alt="image" src="https://github.com/user-attachments/assets/070d99fe-290d-4897-88b0-04247bf27866" />
 
-```bash
-npm install -g claude-contextline
-```
-
-Or use with npx:
-
-```bash
-npx claude-contextline
-```
 
-## Configuration
+## Usage
 
 Add to your Claude Code settings (`~/.claude/settings.json`):
 
-```json
-{
-  "statusLine": {
-    "type": "command",
-    "command": "claude-contextline"
-  }
-}
-```
-
-Or with npx:
-
 ```json
 {
   "statusLine": {
@@ -57,6 +37,20 @@ Or with npx:
 - **Warning** (≥80%): White text on orange background
 - **Critical** (≥100%): White text on red background
 
+## Options
+
+- `--theme <name>` - Use a named color theme (e.g. `--theme fulcrum` for purple-accented Fulcrum branding)
+- `--no-arrows` - Disable powerline arrow separators
+
+```json
+{
+  "statusLine": {
+    "type": "command",
+    "command": "npx claude-contextline --theme fulcrum"
+  }
+}
+```
+
 ## Requirements
 
 - Node.js 18+
@@ -69,3 +63,4 @@ Styling based on [claude-limitline](https://github.com/tylergraydev/claude-limit
 ## License
 
 MIT
+

package/dist/index.js

@@ -110,6 +110,13 @@ var SYMBOLS = {
   dirty: "\u25CF"
   // Dirty indicator
 };
+var TEXT_SYMBOLS = {
+  arrow: "",
+  branch: "",
+  model: "",
+  context: "",
+  dirty: "*"
+};
 
 // src/themes/index.ts
 var darkTheme = {
@@ -126,6 +133,24 @@ var darkTheme = {
   critical: { bg: "#af0000", fg: "#ffffff" }
   // Red, white (100%+)
 };
+var fulcrumTheme = {
+  directory: { bg: "#0064f4", fg: "#ffffff" },
+  // Accent blue, white
+  git: { bg: "#121212", fg: "#81aefa" },
+  // Secondary, light blue
+  model: { bg: "#090909", fg: "#659dfb" },
+  // Card, medium blue
+  context: { bg: "#161616", fg: "#81aefa" },
+  // Muted, light blue
+  warning: { bg: "#f84331", fg: "#ffffff" },
+  // Warning red-orange, white (80%+)
+  critical: { bg: "#f90013", fg: "#ffffff" }
+  // Destructive red, white (100%+)
+};
+function getTheme(name) {
+  if (name === "fulcrum") return fulcrumTheme;
+  return darkTheme;
+}
 function hexToAnsi256(hex) {
   const r = parseInt(hex.slice(1, 3), 16);
   const g = parseInt(hex.slice(3, 5), 16);
@@ -145,18 +170,38 @@ var ansi = {
   bg: (hex) => `\x1B[48;5;${hexToAnsi256(hex)}m`,
   reset: "\x1B[0m"
 };
-function getContextColors(percent) {
+function getContextColors(percent, theme) {
   if (percent >= 100) {
-    return darkTheme.critical;
+    return theme.critical;
   } else if (percent >= 80) {
-    return darkTheme.warning;
+    return theme.warning;
   }
-  return darkTheme.context;
+  return theme.context;
 }
 
 // src/renderer.ts
+function detectNerdFontSupport() {
+  if (process.env.NERD_FONTS === "1") return true;
+  if (process.env.NERD_FONTS === "0") return false;
+  const termProgram = process.env.TERM_PROGRAM?.toLowerCase() ?? "";
+  const nerdFontTerminals = [
+    "warp",
+    "iterm",
+    "hyper",
+    "kitty",
+    "alacritty",
+    "ghostty"
+  ];
+  return nerdFontTerminals.some((t) => termProgram.includes(t));
+}
 var Renderer = class {
-  symbols = SYMBOLS;
+  symbols = detectNerdFontSupport() ? SYMBOLS : TEXT_SYMBOLS;
+  noArrows;
+  theme;
+  constructor(options = {}) {
+    this.noArrows = options.noArrows ?? false;
+    this.theme = getTheme(options.themeName);
+  }
   /**
    * Render the complete statusline
    */
@@ -174,20 +219,20 @@ var Renderer = class {
     const segments = [];
     segments.push({
       text: ` ${envInfo.directory} `,
-      colors: darkTheme.directory
+      colors: this.theme.directory
     });
     if (envInfo.gitBranch) {
       const dirty = envInfo.gitDirty ? ` ${this.symbols.dirty}` : "";
       segments.push({
         text: ` ${this.symbols.branch} ${envInfo.gitBranch}${dirty} `,
-        colors: darkTheme.git
+        colors: this.theme.git
       });
     }
     segments.push({
       text: ` ${this.symbols.model} ${envInfo.model} `,
-      colors: darkTheme.model
+      colors: this.theme.model
     });
-    const contextColors = getContextColors(envInfo.contextPercent);
+    const contextColors = getContextColors(envInfo.contextPercent, this.theme);
     segments.push({
       text: ` ${this.symbols.context} ${envInfo.contextPercent}% `,
       colors: contextColors
@@ -204,7 +249,8 @@ var Renderer = class {
       const nextColors = i < segments.length - 1 ? segments[i + 1].colors : null;
       output += ansi.bg(seg.colors.bg) + ansi.fg(seg.colors.fg) + seg.text;
       output += ansi.reset;
-      if (nextColors) {
+      if (this.noArrows) {
+      } else if (nextColors) {
         output += ansi.fg(seg.colors.bg) + ansi.bg(nextColors.bg) + this.symbols.arrow;
       } else {
         output += ansi.fg(seg.colors.bg) + this.symbols.arrow;
@@ -218,9 +264,12 @@ var Renderer = class {
 // src/index.ts
 async function main() {
   try {
+    const noArrows = process.argv.includes("--no-arrows");
+    const themeIndex = process.argv.indexOf("--theme");
+    const themeName = themeIndex !== -1 ? process.argv[themeIndex + 1] : void 0;
     const hookData = await readHookData();
     const envInfo = getEnvironmentInfo(hookData);
-    const renderer = new Renderer();
+    const renderer = new Renderer({ noArrows, themeName });
     const output = renderer.render(envInfo);
     process.stdout.write(output);
   } catch {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-contextline",
-  "version": "1.0.0",
+  "version": "1.3.0",
   "description": "Powerline statusline for Claude Code showing context window usage",
   "type": "module",
   "main": "dist/index.js",