@vibest/claude-code-statusline 0.0.1

package/README.md

@@ -0,0 +1,64 @@
+# @vibest/claude-code-statusline
+
+A customizable statusline for Claude Code CLI.
+
+## Installation
+
+```bash
+bun add -g @vibest/claude-code-statusline
+```
+
+Or with npm:
+
+```bash
+npm install -g @vibest/claude-code-statusline
+```
+
+## Configuration
+
+Add to `~/.claude/settings.json`:
+
+```json
+{
+  "statusLine": {
+    "type": "command",
+    "command": "claude-code-statusline"
+  }
+}
+```
+
+## Output
+
+```
+[Opus 4.5] █████░░░░░ 45% ∣ $0.52
+~/Code/my-project (main +123 -45)
+```
+
+## Programmatic Usage
+
+```typescript
+import {
+  readStdin,
+  modelWidget,
+  costWidget,
+  contextWidget,
+  projectGitWidget,
+} from "@vibest/claude-code-statusline";
+
+const data = await readStdin();
+console.log(modelWidget(data));
+console.log(projectGitWidget(data));
+```
+
+## Available Widgets
+
+- `modelWidget` - Model name with brackets (e.g., `[Opus 4.5]`)
+- `contextWidget` - Context window progress bar and percentage
+- `projectGitWidget` - Project path with git branch and changes
+- `costWidget` - Total cost in USD
+- `directoryWidget` - Current directory
+- `gitWidget` - Git branch name
+
+## License
+
+MIT

package/dist/cli.d.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env bun
+/**
+ * Claude Code Statusline CLI
+ */
+export {};

package/dist/cli.js

@@ -0,0 +1,270 @@
+#!/usr/bin/env bun
+// @bun
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __require = import.meta.require;
+
+// node_modules/picocolors/picocolors.js
+var require_picocolors = __commonJS((exports, module) => {
+  var p = process || {};
+  var argv = p.argv || [];
+  var env = p.env || {};
+  var isColorSupported = !(!!env.NO_COLOR || argv.includes("--no-color")) && (!!env.FORCE_COLOR || argv.includes("--color") || p.platform === "win32" || (p.stdout || {}).isTTY && env.TERM !== "dumb" || !!env.CI);
+  var formatter = (open, close, replace = open) => (input) => {
+    let string = "" + input, index = string.indexOf(close, open.length);
+    return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
+  };
+  var replaceClose = (string, close, replace, index) => {
+    let result = "", cursor = 0;
+    do {
+      result += string.substring(cursor, index) + replace;
+      cursor = index + close.length;
+      index = string.indexOf(close, cursor);
+    } while (~index);
+    return result + string.substring(cursor);
+  };
+  var createColors = (enabled = isColorSupported) => {
+    let f = enabled ? formatter : () => String;
+    return {
+      isColorSupported: enabled,
+      reset: f("\x1B[0m", "\x1B[0m"),
+      bold: f("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
+      dim: f("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
+      italic: f("\x1B[3m", "\x1B[23m"),
+      underline: f("\x1B[4m", "\x1B[24m"),
+      inverse: f("\x1B[7m", "\x1B[27m"),
+      hidden: f("\x1B[8m", "\x1B[28m"),
+      strikethrough: f("\x1B[9m", "\x1B[29m"),
+      black: f("\x1B[30m", "\x1B[39m"),
+      red: f("\x1B[31m", "\x1B[39m"),
+      green: f("\x1B[32m", "\x1B[39m"),
+      yellow: f("\x1B[33m", "\x1B[39m"),
+      blue: f("\x1B[34m", "\x1B[39m"),
+      magenta: f("\x1B[35m", "\x1B[39m"),
+      cyan: f("\x1B[36m", "\x1B[39m"),
+      white: f("\x1B[37m", "\x1B[39m"),
+      gray: f("\x1B[90m", "\x1B[39m"),
+      bgBlack: f("\x1B[40m", "\x1B[49m"),
+      bgRed: f("\x1B[41m", "\x1B[49m"),
+      bgGreen: f("\x1B[42m", "\x1B[49m"),
+      bgYellow: f("\x1B[43m", "\x1B[49m"),
+      bgBlue: f("\x1B[44m", "\x1B[49m"),
+      bgMagenta: f("\x1B[45m", "\x1B[49m"),
+      bgCyan: f("\x1B[46m", "\x1B[49m"),
+      bgWhite: f("\x1B[47m", "\x1B[49m"),
+      blackBright: f("\x1B[90m", "\x1B[39m"),
+      redBright: f("\x1B[91m", "\x1B[39m"),
+      greenBright: f("\x1B[92m", "\x1B[39m"),
+      yellowBright: f("\x1B[93m", "\x1B[39m"),
+      blueBright: f("\x1B[94m", "\x1B[39m"),
+      magentaBright: f("\x1B[95m", "\x1B[39m"),
+      cyanBright: f("\x1B[96m", "\x1B[39m"),
+      whiteBright: f("\x1B[97m", "\x1B[39m"),
+      bgBlackBright: f("\x1B[100m", "\x1B[49m"),
+      bgRedBright: f("\x1B[101m", "\x1B[49m"),
+      bgGreenBright: f("\x1B[102m", "\x1B[49m"),
+      bgYellowBright: f("\x1B[103m", "\x1B[49m"),
+      bgBlueBright: f("\x1B[104m", "\x1B[49m"),
+      bgMagentaBright: f("\x1B[105m", "\x1B[49m"),
+      bgCyanBright: f("\x1B[106m", "\x1B[49m"),
+      bgWhiteBright: f("\x1B[107m", "\x1B[49m")
+    };
+  };
+  module.exports = createColors();
+  module.exports.createColors = createColors;
+});
+
+// src/utils.ts
+async function readStdin() {
+  const text = await Bun.stdin.text();
+  return JSON.parse(text);
+}
+function formatCost(cost) {
+  if (cost === 0) {
+    return "$0";
+  }
+  if (cost < 0.01) {
+    return `$${cost.toFixed(4)}`;
+  }
+  if (cost < 1) {
+    return `$${cost.toFixed(2)}`;
+  }
+  return `$${cost.toFixed(2)}`;
+}
+function getGitBranch(cwd) {
+  try {
+    const headFile = Bun.file(`${cwd}/.git/HEAD`);
+    const content = __require("fs").readFileSync(`${cwd}/.git/HEAD`, "utf8").trim();
+    if (content.startsWith("ref: refs/heads/")) {
+      return content.replace("ref: refs/heads/", "");
+    }
+    return content.slice(0, 7);
+  } catch {
+    return null;
+  }
+}
+function truncate(str, maxLength) {
+  if (str.length <= maxLength) {
+    return str;
+  }
+  return str.slice(0, maxLength - 1) + "\u2026";
+}
+function shortPath(path) {
+  const home = process.env.HOME || process.env.USERPROFILE || "";
+  if (home && path.startsWith(home)) {
+    return "~" + path.slice(home.length);
+  }
+  return path;
+}
+
+// src/colors.ts
+var import_picocolors = __toESM(require_picocolors(), 1);
+var pc = import_picocolors.createColors(true);
+var {
+  reset,
+  bold,
+  dim,
+  italic,
+  underline,
+  inverse,
+  hidden,
+  strikethrough,
+  black,
+  red,
+  green,
+  yellow,
+  blue,
+  magenta,
+  cyan,
+  white,
+  gray,
+  bgBlack,
+  bgRed,
+  bgGreen,
+  bgYellow,
+  bgBlue,
+  bgMagenta,
+  bgCyan,
+  bgWhite
+} = pc;
+
+// src/widgets.ts
+function modelWidget(data) {
+  const name = data.model.display_name;
+  return "[" + bold(cyan(name)) + "]";
+}
+function projectGitWidget(data) {
+  const dir = shortPath(data.workspace.current_dir);
+  const branch = getGitBranch(data.cwd);
+  let result = blue(dir);
+  if (branch) {
+    result += " (" + magenta(truncate(branch, 20)) + ")";
+  }
+  return result;
+}
+function codeChangesWidget(data) {
+  const added = data.cost.total_lines_added;
+  const removed = data.cost.total_lines_removed;
+  if (added === 0 && removed === 0) {
+    return "";
+  }
+  const parts = [];
+  if (added > 0) {
+    parts.push(green(`+${added}`));
+  }
+  if (removed > 0) {
+    parts.push(red(`-${removed}`));
+  }
+  return parts.join(" ");
+}
+function costWidget(data) {
+  const cost = data.cost.total_cost_usd;
+  const formatted = formatCost(cost);
+  if (cost < 0.1) {
+    return green(formatted);
+  }
+  if (cost < 0.5) {
+    return yellow(formatted);
+  }
+  return red(formatted);
+}
+function contextWidget(data) {
+  const percent = data.context_window.used_percentage;
+  const percentInt = Math.round(percent);
+  const filled = Math.round(percent / 10);
+  const empty = 10 - filled;
+  const bar = "\u2588".repeat(filled) + "\u2591".repeat(empty);
+  if (percent < 50) {
+    return green(bar) + " " + green(`${percentInt}%`);
+  }
+  if (percent < 80) {
+    return yellow(bar) + " " + yellow(`${percentInt}%`);
+  }
+  return red(bar) + " " + red(`${percentInt}%`);
+}
+function separator() {
+  return gray(" \u2223 ");
+}
+
+// src/cli.ts
+var args = process.argv.slice(2);
+if (args.includes("--help") || args.includes("-h")) {
+  console.log(`
+Claude Code Statusline
+
+Usage:
+  claude-code-statusline
+
+Options:
+  --help, -h        Show this help message
+  --version, -v     Show version
+
+Configuration:
+  Add to ~/.claude/settings.json:
+
+  {
+    "statusLine": {
+      "type": "command",
+      "command": "claude-code-statusline"
+    }
+  }
+`);
+  process.exit(0);
+}
+if (args.includes("--version") || args.includes("-v")) {
+  const pkg = await Bun.file(new URL("../package.json", import.meta.url)).json();
+  console.log(pkg.version);
+  process.exit(0);
+}
+try {
+  const data = await readStdin();
+  const changes = codeChangesWidget(data);
+  const line1Parts = [
+    modelWidget(data) + " " + contextWidget(data),
+    costWidget(data)
+  ];
+  if (changes) {
+    line1Parts.push(changes);
+  }
+  const line1 = line1Parts.join(separator());
+  const line2 = projectGitWidget(data);
+  console.log(line1 + `
+` + line2);
+} catch {
+  process.exit(1);
+}

package/dist/colors.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Color Utilities - using picocolors with forced color support
+ */
+declare const pc: import("picocolors/types").Colors;
+export { pc as colors };
+export declare const reset: import("picocolors/types").Formatter, bold: import("picocolors/types").Formatter, dim: import("picocolors/types").Formatter, italic: import("picocolors/types").Formatter, underline: import("picocolors/types").Formatter, inverse: import("picocolors/types").Formatter, hidden: import("picocolors/types").Formatter, strikethrough: import("picocolors/types").Formatter, black: import("picocolors/types").Formatter, red: import("picocolors/types").Formatter, green: import("picocolors/types").Formatter, yellow: import("picocolors/types").Formatter, blue: import("picocolors/types").Formatter, magenta: import("picocolors/types").Formatter, cyan: import("picocolors/types").Formatter, white: import("picocolors/types").Formatter, gray: import("picocolors/types").Formatter, bgBlack: import("picocolors/types").Formatter, bgRed: import("picocolors/types").Formatter, bgGreen: import("picocolors/types").Formatter, bgYellow: import("picocolors/types").Formatter, bgBlue: import("picocolors/types").Formatter, bgMagenta: import("picocolors/types").Formatter, bgCyan: import("picocolors/types").Formatter, bgWhite: import("picocolors/types").Formatter;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Claude Code Statusline
+ *
+ * A customizable statusline for Claude Code CLI
+ */
+export type { StatusLineInput, Model, Workspace, Cost, ContextWindow, CurrentUsage } from "./types.ts";
+export { colors } from "./colors.ts";
+export { bold, dim, italic, underline, red, green, yellow, blue, magenta, cyan, white, gray, } from "./colors.ts";
+export { readStdin, basename, formatCost, formatPercent, formatTokens, formatDuration, getGitBranch, truncate, } from "./utils.ts";
+export { type Widget, modelWidget, directoryWidget, projectWidget, gitWidget, costWidget, contextWidget, tokensWidget, linesWidget, durationWidget, versionWidget, separator, powerlineSeparator, } from "./widgets.ts";

package/dist/index.js

@@ -0,0 +1,299 @@
+// @bun
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __require = import.meta.require;
+
+// node_modules/picocolors/picocolors.js
+var require_picocolors = __commonJS((exports, module) => {
+  var p = process || {};
+  var argv = p.argv || [];
+  var env = p.env || {};
+  var isColorSupported = !(!!env.NO_COLOR || argv.includes("--no-color")) && (!!env.FORCE_COLOR || argv.includes("--color") || p.platform === "win32" || (p.stdout || {}).isTTY && env.TERM !== "dumb" || !!env.CI);
+  var formatter = (open, close, replace = open) => (input) => {
+    let string = "" + input, index = string.indexOf(close, open.length);
+    return ~index ? open + replaceClose(string, close, replace, index) + close : open + string + close;
+  };
+  var replaceClose = (string, close, replace, index) => {
+    let result = "", cursor = 0;
+    do {
+      result += string.substring(cursor, index) + replace;
+      cursor = index + close.length;
+      index = string.indexOf(close, cursor);
+    } while (~index);
+    return result + string.substring(cursor);
+  };
+  var createColors = (enabled = isColorSupported) => {
+    let f = enabled ? formatter : () => String;
+    return {
+      isColorSupported: enabled,
+      reset: f("\x1B[0m", "\x1B[0m"),
+      bold: f("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
+      dim: f("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
+      italic: f("\x1B[3m", "\x1B[23m"),
+      underline: f("\x1B[4m", "\x1B[24m"),
+      inverse: f("\x1B[7m", "\x1B[27m"),
+      hidden: f("\x1B[8m", "\x1B[28m"),
+      strikethrough: f("\x1B[9m", "\x1B[29m"),
+      black: f("\x1B[30m", "\x1B[39m"),
+      red: f("\x1B[31m", "\x1B[39m"),
+      green: f("\x1B[32m", "\x1B[39m"),
+      yellow: f("\x1B[33m", "\x1B[39m"),
+      blue: f("\x1B[34m", "\x1B[39m"),
+      magenta: f("\x1B[35m", "\x1B[39m"),
+      cyan: f("\x1B[36m", "\x1B[39m"),
+      white: f("\x1B[37m", "\x1B[39m"),
+      gray: f("\x1B[90m", "\x1B[39m"),
+      bgBlack: f("\x1B[40m", "\x1B[49m"),
+      bgRed: f("\x1B[41m", "\x1B[49m"),
+      bgGreen: f("\x1B[42m", "\x1B[49m"),
+      bgYellow: f("\x1B[43m", "\x1B[49m"),
+      bgBlue: f("\x1B[44m", "\x1B[49m"),
+      bgMagenta: f("\x1B[45m", "\x1B[49m"),
+      bgCyan: f("\x1B[46m", "\x1B[49m"),
+      bgWhite: f("\x1B[47m", "\x1B[49m"),
+      blackBright: f("\x1B[90m", "\x1B[39m"),
+      redBright: f("\x1B[91m", "\x1B[39m"),
+      greenBright: f("\x1B[92m", "\x1B[39m"),
+      yellowBright: f("\x1B[93m", "\x1B[39m"),
+      blueBright: f("\x1B[94m", "\x1B[39m"),
+      magentaBright: f("\x1B[95m", "\x1B[39m"),
+      cyanBright: f("\x1B[96m", "\x1B[39m"),
+      whiteBright: f("\x1B[97m", "\x1B[39m"),
+      bgBlackBright: f("\x1B[100m", "\x1B[49m"),
+      bgRedBright: f("\x1B[101m", "\x1B[49m"),
+      bgGreenBright: f("\x1B[102m", "\x1B[49m"),
+      bgYellowBright: f("\x1B[103m", "\x1B[49m"),
+      bgBlueBright: f("\x1B[104m", "\x1B[49m"),
+      bgMagentaBright: f("\x1B[105m", "\x1B[49m"),
+      bgCyanBright: f("\x1B[106m", "\x1B[49m"),
+      bgWhiteBright: f("\x1B[107m", "\x1B[49m")
+    };
+  };
+  module.exports = createColors();
+  module.exports.createColors = createColors;
+});
+
+// src/colors.ts
+var import_picocolors = __toESM(require_picocolors(), 1);
+var pc = import_picocolors.createColors(true);
+var {
+  reset,
+  bold,
+  dim,
+  italic,
+  underline,
+  inverse,
+  hidden,
+  strikethrough,
+  black,
+  red,
+  green,
+  yellow,
+  blue,
+  magenta,
+  cyan,
+  white,
+  gray,
+  bgBlack,
+  bgRed,
+  bgGreen,
+  bgYellow,
+  bgBlue,
+  bgMagenta,
+  bgCyan,
+  bgWhite
+} = pc;
+// src/utils.ts
+async function readStdin() {
+  const text = await Bun.stdin.text();
+  return JSON.parse(text);
+}
+function basename(path) {
+  return path.split("/").pop() ?? path;
+}
+function formatCost(cost) {
+  if (cost === 0) {
+    return "$0";
+  }
+  if (cost < 0.01) {
+    return `$${cost.toFixed(4)}`;
+  }
+  if (cost < 1) {
+    return `$${cost.toFixed(2)}`;
+  }
+  return `$${cost.toFixed(2)}`;
+}
+function formatPercent(value) {
+  return `${value.toFixed(1)}%`;
+}
+function formatDuration(ms) {
+  if (ms < 1000) {
+    return `${ms}ms`;
+  }
+  const seconds = ms / 1000;
+  if (seconds < 60) {
+    return `${seconds.toFixed(1)}s`;
+  }
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.floor(seconds % 60);
+  return `${minutes}m${remainingSeconds}s`;
+}
+function formatTokens(tokens) {
+  if (tokens < 1000) {
+    return tokens.toString();
+  }
+  if (tokens < 1e6) {
+    return `${(tokens / 1000).toFixed(1)}K`;
+  }
+  return `${(tokens / 1e6).toFixed(2)}M`;
+}
+function getGitBranch(cwd) {
+  try {
+    const headFile = Bun.file(`${cwd}/.git/HEAD`);
+    const content = __require("fs").readFileSync(`${cwd}/.git/HEAD`, "utf8").trim();
+    if (content.startsWith("ref: refs/heads/")) {
+      return content.replace("ref: refs/heads/", "");
+    }
+    return content.slice(0, 7);
+  } catch {
+    return null;
+  }
+}
+function truncate(str, maxLength) {
+  if (str.length <= maxLength) {
+    return str;
+  }
+  return str.slice(0, maxLength - 1) + "\u2026";
+}
+// src/widgets.ts
+function modelWidget(data) {
+  const name = data.model.display_name;
+  return "[" + bold(cyan(name)) + "]";
+}
+function directoryWidget(data) {
+  const dir = basename(data.workspace.current_dir);
+  return blue(dir);
+}
+function projectWidget(data) {
+  const project = basename(data.workspace.project_dir);
+  const current = basename(data.workspace.current_dir);
+  if (project === current) {
+    return blue(project);
+  }
+  return blue(`${project}/${current}`);
+}
+function gitWidget(data) {
+  const branch = getGitBranch(data.cwd);
+  if (!branch) {
+    return "";
+  }
+  return magenta(` ${truncate(branch, 20)}`);
+}
+function costWidget(data) {
+  const cost = data.cost.total_cost_usd;
+  const formatted = formatCost(cost);
+  if (cost < 0.1) {
+    return green(formatted);
+  }
+  if (cost < 0.5) {
+    return yellow(formatted);
+  }
+  return red(formatted);
+}
+function contextWidget(data) {
+  const percent = data.context_window.used_percentage;
+  const percentInt = Math.round(percent);
+  const filled = Math.round(percent / 10);
+  const empty = 10 - filled;
+  const bar = "\u2588".repeat(filled) + "\u2591".repeat(empty);
+  if (percent < 50) {
+    return green(bar) + " " + green(`${percentInt}%`);
+  }
+  if (percent < 80) {
+    return yellow(bar) + " " + yellow(`${percentInt}%`);
+  }
+  return red(bar) + " " + red(`${percentInt}%`);
+}
+function tokensWidget(data) {
+  const input = formatTokens(data.context_window.total_input_tokens);
+  const output = formatTokens(data.context_window.total_output_tokens);
+  return gray(`\u2193${input}`) + " " + gray(`\u2191${output}`);
+}
+function linesWidget(data) {
+  const added = data.cost.total_lines_added;
+  const removed = data.cost.total_lines_removed;
+  if (added === 0 && removed === 0) {
+    return "";
+  }
+  const parts = [];
+  if (added > 0) {
+    parts.push(green(`+${added}`));
+  }
+  if (removed > 0) {
+    parts.push(red(`-${removed}`));
+  }
+  return parts.join(" ");
+}
+function durationWidget(data) {
+  const duration = formatDuration(data.cost.total_duration_ms);
+  return gray(duration);
+}
+function versionWidget(data) {
+  return dim(`v${data.version}`);
+}
+function separator() {
+  return gray(" \u2223 ");
+}
+function powerlineSeparator() {
+  return gray("");
+}
+export {
+  yellow,
+  white,
+  versionWidget,
+  underline,
+  truncate,
+  tokensWidget,
+  separator,
+  red,
+  readStdin,
+  projectWidget,
+  powerlineSeparator,
+  modelWidget,
+  magenta,
+  linesWidget,
+  italic,
+  green,
+  gray,
+  gitWidget,
+  getGitBranch,
+  formatTokens,
+  formatPercent,
+  formatDuration,
+  formatCost,
+  durationWidget,
+  directoryWidget,
+  dim,
+  cyan,
+  costWidget,
+  contextWidget,
+  pc as colors,
+  bold,
+  blue,
+  basename
+};

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/themes.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Statusline Themes
+ */
+import type { StatusLineInput } from "./types.ts";
+export interface Theme {
+    name: string;
+    render: (data: StatusLineInput) => string;
+}
+/**
+ * Default theme - balanced information display
+ */
+export declare const defaultTheme: Theme;
+/**
+ * Minimal theme - just the essentials
+ */
+export declare const minimalTheme: Theme;
+/**
+ * Full theme - all information
+ */
+export declare const fullTheme: Theme;
+/**
+ * Developer theme - focus on code changes
+ */
+export declare const devTheme: Theme;
+/**
+ * Cost-focused theme
+ */
+export declare const costTheme: Theme;
+/**
+ * All available themes
+ */
+export declare const themes: Record<string, Theme>;
+/**
+ * Get theme by name
+ */
+export declare function getTheme(name: string): Theme;

package/dist/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Claude Code Statusline Input Types
+ */
+export interface Model {
+    id: string;
+    display_name: string;
+}
+export interface Workspace {
+    current_dir: string;
+    project_dir: string;
+}
+export interface Cost {
+    total_cost_usd: number;
+    total_duration_ms: number;
+    total_api_duration_ms: number;
+    total_lines_added: number;
+    total_lines_removed: number;
+}
+export interface CurrentUsage {
+    input_tokens: number;
+    output_tokens: number;
+    cache_creation_input_tokens: number;
+    cache_read_input_tokens: number;
+}
+export interface ContextWindow {
+    total_input_tokens: number;
+    total_output_tokens: number;
+    context_window_size: number;
+    used_percentage: number;
+    remaining_percentage: number;
+    current_usage: CurrentUsage | null;
+}
+export interface StatusLineInput {
+    hook_event_name: "Status";
+    session_id: string;
+    transcript_path: string;
+    cwd: string;
+    model: Model;
+    workspace: Workspace;
+    version: string;
+    output_style?: {
+        name: string;
+    };
+    cost: Cost;
+    context_window: ContextWindow;
+}

package/dist/utils.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Utility functions
+ */
+import type { StatusLineInput } from "./types.ts";
+/**
+ * Read and parse JSON from stdin
+ */
+export declare function readStdin(): Promise<StatusLineInput>;
+/**
+ * Get basename of a path
+ */
+export declare function basename(path: string): string;
+/**
+ * Format cost in USD
+ */
+export declare function formatCost(cost: number): string;
+/**
+ * Format percentage
+ */
+export declare function formatPercent(value: number): string;
+/**
+ * Format duration in ms to human readable
+ */
+export declare function formatDuration(ms: number): string;
+/**
+ * Format token count with K/M suffix
+ */
+export declare function formatTokens(tokens: number): string;
+/**
+ * Get git branch name (sync, for speed)
+ */
+export declare function getGitBranch(cwd: string): string | null;
+/**
+ * Truncate string with ellipsis
+ */
+export declare function truncate(str: string, maxLength: number): string;
+/**
+ * Convert path to ~/xxx format
+ */
+export declare function shortPath(path: string): string;

package/dist/widgets.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Statusline Widgets
+ */
+import type { StatusLineInput } from "./types.ts";
+export type Widget = (data: StatusLineInput) => string;
+/**
+ * Model name widget
+ */
+export declare function modelWidget(data: StatusLineInput): string;
+/**
+ * Directory widget
+ */
+export declare function directoryWidget(data: StatusLineInput): string;
+/**
+ * Project directory widget
+ */
+export declare function projectWidget(data: StatusLineInput): string;
+/**
+ * Git branch widget (branch only)
+ */
+export declare function gitWidget(data: StatusLineInput): string;
+/**
+ * Project widget with git branch
+ */
+export declare function projectGitWidget(data: StatusLineInput): string;
+/**
+ * Code changes widget (lines added/removed by Claude)
+ */
+export declare function codeChangesWidget(data: StatusLineInput): string;
+/**
+ * Cost widget
+ */
+export declare function costWidget(data: StatusLineInput): string;
+/**
+ * Context usage widget with progress bar
+ */
+export declare function contextWidget(data: StatusLineInput): string;
+/**
+ * Token count widget
+ */
+export declare function tokensWidget(data: StatusLineInput): string;
+/**
+ * Lines changed widget (standalone, without git)
+ */
+export declare function linesWidget(data: StatusLineInput): string;
+/**
+ * Duration widget
+ */
+export declare function durationWidget(data: StatusLineInput): string;
+/**
+ * Version widget
+ */
+export declare function versionWidget(data: StatusLineInput): string;
+/**
+ * Separator
+ */
+export declare function separator(): string;
+/**
+ * Powerline separator (right arrow)
+ */
+export declare function powerlineSeparator(): string;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@vibest/claude-code-statusline",
+  "version": "0.0.1",
+  "description": "A customizable statusline for Claude Code CLI",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "claude-code-statusline": "./dist/cli.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "bun run build:js && bun run build:types",
+    "build:js": "bun build ./src/cli.ts --outdir ./dist --target bun && bun build ./src/index.ts --outdir ./dist --target bun",
+    "build:types": "tsc --emitDeclarationOnly --declaration --outDir dist",
+    "dev": "bun --watch src/cli.ts",
+    "test": "bun test",
+    "prepublishOnly": "bun run build",
+    "release": "bumpp"
+  },
+  "keywords": [
+    "claude",
+    "claude-code",
+    "statusline",
+    "cli",
+    "terminal",
+    "anthropic"
+  ],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/bun": "latest",
+    "bumpp": "^10.4.0"
+  },
+  "peerDependencies": {
+    "typescript": "^5"
+  },
+  "engines": {
+    "bun": ">=1.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vibest-dev/claude-code-statusline"
+  },
+  "dependencies": {
+    "picocolors": "^1.1.1"
+  }
+}