claude-scope 0.2.5 → 0.3.1

package/dist/claude-scope.cjs

@@ -1,8 +1,10 @@
 #!/usr/bin/env node
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -108,12 +118,6 @@ var COST_THRESHOLDS = {
   /** Above this value, show no decimal places ($123) */
   LARGE: 100
 };
-var CONTEXT_THRESHOLDS = {
-  /** Below this: green (low usage) */
-  LOW_MEDIUM: 50,
-  /** Below this: yellow (medium usage), above: red (high usage) */
-  MEDIUM_HIGH: 80
-};
 var DEFAULTS = {
   /** Default separator between widgets */
   SEPARATOR: " ",
@@ -143,34 +147,51 @@ var Renderer = class {
     this.showErrors = options.showErrors ?? false;
   }
   /**
-   * Render widgets into a single line with error boundaries
+   * Render widgets into multiple lines with error boundaries
    *
-   * Widgets that throw errors are logged (via onError callback) and skipped,
-   * allowing other widgets to continue rendering.
+   * Widgets are grouped by their metadata.line property and rendered
+   * on separate lines. Widgets that throw errors are logged (via onError
+   * callback) and skipped, allowing other widgets to continue rendering.
    *
    * @param widgets - Array of widgets to render
    * @param context - Render context with width and timestamp
-   * @returns Combined widget outputs separated by separator
+   * @returns Array of rendered lines (one per line number)
    */
   async render(widgets, context) {
-    const outputs = [];
+    const lineMap = /* @__PURE__ */ new Map();
     for (const widget of widgets) {
       if (!widget.isEnabled()) {
         continue;
       }
-      try {
-        const output = await widget.render(context);
-        if (output !== null) {
-          outputs.push(output);
-        }
-      } catch (error) {
-        this.handleError(error, widget);
-        if (this.showErrors) {
-          outputs.push(`${widget.id}:<err>`);
+      const line = widget.metadata.line ?? 0;
+      if (!lineMap.has(line)) {
+        lineMap.set(line, []);
+      }
+      lineMap.get(line).push(widget);
+    }
+    const lines = [];
+    const sortedLines = Array.from(lineMap.entries()).sort((a, b) => a[0] - b[0]);
+    for (const [, widgetsForLine] of sortedLines) {
+      const outputs = [];
+      for (const widget of widgetsForLine) {
+        try {
+          const output = await widget.render(context);
+          if (output !== null) {
+            outputs.push(output);
+          }
+        } catch (error) {
+          this.handleError(error, widget);
+          if (this.showErrors) {
+            outputs.push(`${widget.id}:<err>`);
+          }
         }
       }
+      const line = outputs.join(this.separator);
+      if (line) {
+        lines.push(line);
+      }
     }
-    return outputs.join(this.separator);
+    return lines;
   }
   /**
    * Set custom separator
@@ -193,12 +214,13 @@ var Renderer = class {
 };
 
 // src/core/widget-types.ts
-function createWidgetMetadata(name, description, version = "1.0.0", author = "claude-scope") {
+function createWidgetMetadata(name, description, version = "1.0.0", author = "claude-scope", line = 0) {
   return {
     name,
     description,
     version,
-    author
+    author,
+    line
   };
 }
 
@@ -252,7 +274,11 @@ var GitWidget = class {
   id = "git";
   metadata = createWidgetMetadata(
     "Git Widget",
-    "Displays current git branch"
+    "Displays current git branch",
+    "1.0.0",
+    "claude-scope",
+    0
+    // First line
   );
   gitFactory;
   git = null;
@@ -360,7 +386,11 @@ var ModelWidget = class extends StdinDataWidget {
   id = "model";
   metadata = createWidgetMetadata(
     "Model",
-    "Displays the current Claude model name"
+    "Displays the current Claude model name",
+    "1.0.0",
+    "claude-scope",
+    0
+    // First line
   );
   renderWithData(data, context) {
     return data.model.display_name;
@@ -405,36 +435,61 @@ function progressBar(percent, width = DEFAULTS.PROGRESS_BAR_WIDTH) {
   const empty = width - filled;
   return "\u2588".repeat(filled) + "\u2591".repeat(empty);
 }
-function getContextColor(percent) {
-  const clampedPercent = Math.max(0, Math.min(100, percent));
-  if (clampedPercent < CONTEXT_THRESHOLDS.LOW_MEDIUM) {
-    return ANSI_COLORS.GREEN;
-  } else if (clampedPercent < CONTEXT_THRESHOLDS.MEDIUM_HIGH) {
-    return ANSI_COLORS.YELLOW;
-  } else {
-    return ANSI_COLORS.RED;
-  }
-}
 function colorize(text, color) {
   return `${color}${text}${ANSI_COLORS.RESET}`;
 }
 
+// src/ui/utils/colors.ts
+var gray = "\x1B[90m";
+
+// src/ui/theme/default-theme.ts
+var DEFAULT_THEME = {
+  context: {
+    low: gray,
+    medium: gray,
+    high: gray
+  },
+  lines: {
+    added: gray,
+    removed: gray
+  }
+};
+
 // src/widgets/context-widget.ts
 var ContextWidget = class extends StdinDataWidget {
   id = "context";
   metadata = createWidgetMetadata(
     "Context",
-    "Displays context window usage with progress bar"
+    "Displays context window usage with progress bar",
+    "1.0.0",
+    "claude-scope",
+    0
+    // First line
   );
+  colors;
+  constructor(colors) {
+    super();
+    this.colors = colors ?? DEFAULT_THEME.context;
+  }
   renderWithData(data, context) {
     const { current_usage, context_window_size } = data.context_window;
     if (!current_usage) return null;
     const used = current_usage.input_tokens + current_usage.cache_creation_input_tokens + current_usage.cache_read_input_tokens + current_usage.output_tokens;
     const percent = Math.round(used / context_window_size * 100);
     const bar = progressBar(percent, DEFAULTS.PROGRESS_BAR_WIDTH);
-    const color = getContextColor(percent);
+    const color = this.getContextColor(percent);
     return colorize(`[${bar}] ${percent}%`, color);
   }
+  getContextColor(percent) {
+    const clampedPercent = Math.max(0, Math.min(100, percent));
+    if (clampedPercent < 50) {
+      return this.colors.low;
+    } else if (clampedPercent < 80) {
+      return this.colors.medium;
+    } else {
+      return this.colors.high;
+    }
+  }
 };
 
 // src/widgets/cost-widget.ts
@@ -442,7 +497,11 @@ var CostWidget = class extends StdinDataWidget {
   id = "cost";
   metadata = createWidgetMetadata(
     "Cost",
-    "Displays session cost in USD"
+    "Displays session cost in USD",
+    "1.0.0",
+    "claude-scope",
+    0
+    // First line
   );
   renderWithData(data, context) {
     if (!data.cost || data.cost.total_cost_usd === void 0) return null;
@@ -455,13 +514,22 @@ var LinesWidget = class extends StdinDataWidget {
   id = "lines";
   metadata = createWidgetMetadata(
     "Lines",
-    "Displays lines added/removed in session"
+    "Displays lines added/removed in session",
+    "1.0.0",
+    "claude-scope",
+    0
+    // First line
   );
+  colors;
+  constructor(colors) {
+    super();
+    this.colors = colors ?? DEFAULT_THEME.lines;
+  }
   renderWithData(data, context) {
     const added = data.cost?.total_lines_added ?? 0;
     const removed = data.cost?.total_lines_removed ?? 0;
-    const addedStr = colorize(`+${added}`, ANSI_COLORS.GREEN);
-    const removedStr = colorize(`-${removed}`, ANSI_COLORS.RED);
+    const addedStr = colorize(`+${added}`, this.colors.added);
+    const removedStr = colorize(`-${removed}`, this.colors.removed);
     return `${addedStr}/${removedStr}`;
   }
 };
@@ -471,7 +539,11 @@ var DurationWidget = class extends StdinDataWidget {
   id = "duration";
   metadata = createWidgetMetadata(
     "Duration",
-    "Displays elapsed session time"
+    "Displays elapsed session time",
+    "1.0.0",
+    "claude-scope",
+    0
+    // First line
   );
   renderWithData(data, context) {
     if (!data.cost || data.cost.total_duration_ms === void 0) return null;
@@ -484,7 +556,11 @@ var GitChangesWidget = class {
   id = "git-changes";
   metadata = createWidgetMetadata(
     "Git Changes",
-    "Displays git diff statistics"
+    "Displays git diff statistics",
+    "1.0.0",
+    "claude-scope",
+    0
+    // First line
   );
   gitFactory;
   git = null;
@@ -549,16 +625,214 @@ var GitChangesWidget = class {
   }
 };
 
+// src/providers/config-provider.ts
+var fs = __toESM(require("fs/promises"), 1);
+var path = __toESM(require("path"), 1);
+var os = __toESM(require("os"), 1);
+var ConfigProvider = class {
+  cachedCounts;
+  lastScan = 0;
+  cacheInterval = 5e3;
+  // 5 seconds
+  /**
+   * Get config counts with hybrid caching
+   * Scans filesystem if cache is stale (>5 seconds)
+   */
+  async getConfigs(options = {}) {
+    const now = Date.now();
+    if (this.cachedCounts && now - this.lastScan < this.cacheInterval) {
+      return this.cachedCounts;
+    }
+    this.cachedCounts = await this.scanConfigs(options);
+    this.lastScan = now;
+    return this.cachedCounts;
+  }
+  /**
+   * Scan filesystem for Claude Code configurations
+   */
+  async scanConfigs(options) {
+    let claudeMdCount = 0;
+    let rulesCount = 0;
+    let mcpCount = 0;
+    let hooksCount = 0;
+    const homeDir = os.homedir();
+    const claudeDir = path.join(homeDir, ".claude");
+    const cwd = options.cwd;
+    if (await this.fileExists(path.join(claudeDir, "CLAUDE.md"))) {
+      claudeMdCount++;
+    }
+    rulesCount += await this.countRulesInDir(path.join(claudeDir, "rules"));
+    const userSettings = path.join(claudeDir, "settings.json");
+    const userSettingsData = await this.readJsonFile(userSettings);
+    if (userSettingsData) {
+      mcpCount += this.countMcpServers(userSettingsData);
+      hooksCount += this.countHooks(userSettingsData);
+    }
+    const userClaudeJson = path.join(homeDir, ".claude.json");
+    const userClaudeData = await this.readJsonFile(userClaudeJson);
+    if (userClaudeData) {
+      const userMcpCount = this.countMcpServers(userClaudeData);
+      mcpCount += Math.max(0, userMcpCount - this.countMcpServers(userSettingsData || {}));
+    }
+    if (cwd) {
+      if (await this.fileExists(path.join(cwd, "CLAUDE.md"))) {
+        claudeMdCount++;
+      }
+      if (await this.fileExists(path.join(cwd, "CLAUDE.local.md"))) {
+        claudeMdCount++;
+      }
+      if (await this.fileExists(path.join(cwd, ".claude", "CLAUDE.md"))) {
+        claudeMdCount++;
+      }
+      if (await this.fileExists(path.join(cwd, ".claude", "CLAUDE.local.md"))) {
+        claudeMdCount++;
+      }
+      rulesCount += await this.countRulesInDir(path.join(cwd, ".claude", "rules"));
+      const mcpJson = path.join(cwd, ".mcp.json");
+      const mcpData = await this.readJsonFile(mcpJson);
+      if (mcpData) {
+        mcpCount += this.countMcpServers(mcpData);
+      }
+      const projectSettings = path.join(cwd, ".claude", "settings.json");
+      const projectSettingsData = await this.readJsonFile(projectSettings);
+      if (projectSettingsData) {
+        mcpCount += this.countMcpServers(projectSettingsData);
+        hooksCount += this.countHooks(projectSettingsData);
+      }
+      const localSettings = path.join(cwd, ".claude", "settings.local.json");
+      const localSettingsData = await this.readJsonFile(localSettings);
+      if (localSettingsData) {
+        mcpCount += this.countMcpServers(localSettingsData);
+        hooksCount += this.countHooks(localSettingsData);
+      }
+    }
+    return { claudeMdCount, rulesCount, mcpCount, hooksCount };
+  }
+  /**
+   * Check if file exists
+   */
+  async fileExists(filePath) {
+    try {
+      await fs.access(filePath);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  /**
+   * Read and parse JSON file
+   */
+  async readJsonFile(filePath) {
+    try {
+      const content = await fs.readFile(filePath, "utf8");
+      return JSON.parse(content);
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Count MCP servers in config object
+   */
+  countMcpServers(config) {
+    if (!config || !config.mcpServers || typeof config.mcpServers !== "object") {
+      return 0;
+    }
+    return Object.keys(config.mcpServers).length;
+  }
+  /**
+   * Count hooks in config object
+   */
+  countHooks(config) {
+    if (!config || !config.hooks || typeof config.hooks !== "object") {
+      return 0;
+    }
+    return Object.keys(config.hooks).length;
+  }
+  /**
+   * Recursively count .md files in directory
+   */
+  async countRulesInDir(rulesDir) {
+    const exists = await this.fileExists(rulesDir);
+    if (!exists) return 0;
+    try {
+      let count = 0;
+      const entries = await fs.readdir(rulesDir, { withFileTypes: true });
+      for (const entry of entries) {
+        const fullPath = path.join(rulesDir, entry.name);
+        if (entry.isDirectory()) {
+          count += await this.countRulesInDir(fullPath);
+        } else if (entry.isFile() && entry.name.endsWith(".md")) {
+          count++;
+        }
+      }
+      return count;
+    } catch {
+      return 0;
+    }
+  }
+};
+
+// src/widgets/config-count-widget.ts
+var ConfigCountWidget = class {
+  id = "config-count";
+  metadata = createWidgetMetadata(
+    "Config Count",
+    "Displays Claude Code configuration counts",
+    "1.0.0",
+    "claude-scope",
+    1
+    // Second line
+  );
+  configProvider = new ConfigProvider();
+  configs;
+  cwd;
+  async initialize() {
+  }
+  async update(data) {
+    this.cwd = data.cwd;
+    this.configs = await this.configProvider.getConfigs({ cwd: data.cwd });
+  }
+  isEnabled() {
+    if (!this.configs) {
+      return false;
+    }
+    const { claudeMdCount, rulesCount, mcpCount, hooksCount } = this.configs;
+    return claudeMdCount > 0 || rulesCount > 0 || mcpCount > 0 || hooksCount > 0;
+  }
+  async render(context) {
+    if (!this.configs) {
+      return null;
+    }
+    const { claudeMdCount, rulesCount, mcpCount, hooksCount } = this.configs;
+    const parts = [];
+    if (claudeMdCount > 0) {
+      parts.push(`\u{1F4C4} ${claudeMdCount} CLAUDE.md`);
+    }
+    if (rulesCount > 0) {
+      parts.push(`\u{1F4DC} ${rulesCount} rules`);
+    }
+    if (mcpCount > 0) {
+      parts.push(`\u{1F50C} ${mcpCount} MCPs`);
+    }
+    if (hooksCount > 0) {
+      parts.push(`\u{1FA9D} ${hooksCount} hooks`);
+    }
+    return parts.join(" \u2502 ") || null;
+  }
+  async cleanup() {
+  }
+};
+
 // src/validation/result.ts
 function success(data) {
   return { success: true, data };
 }
-function failure(path, message, value) {
-  return { success: false, error: { path, message, value } };
+function failure(path2, message, value) {
+  return { success: false, error: { path: path2, message, value } };
 }
 function formatError(error) {
-  const path = error.path.length > 0 ? error.path.join(".") : "root";
-  return `${path}: ${error.message}`;
+  const path2 = error.path.length > 0 ? error.path.join(".") : "root";
+  return `${path2}: ${error.message}`;
 }
 
 // src/validation/validators.ts
@@ -751,6 +1025,7 @@ async function main() {
     await registry.register(new DurationWidget());
     await registry.register(new GitWidget());
     await registry.register(new GitChangesWidget());
+    await registry.register(new ConfigCountWidget());
     const renderer = new Renderer({
       separator: " \u2502 ",
       onError: (error, widget) => {
@@ -760,11 +1035,11 @@ async function main() {
     for (const widget of registry.getAll()) {
       await widget.update(stdinData);
     }
-    const output = await renderer.render(
+    const lines = await renderer.render(
       registry.getEnabledWidgets(),
       { width: 80, timestamp: Date.now() }
     );
-    return output || "";
+    return lines.join("\n");
   } catch (error) {
     const fallback = await tryGitFallback();
     return fallback;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-scope",
-  "version": "0.2.5",
+  "version": "0.3.1",
   "description": "Claude Code plugin for session status and analytics",
   "license": "MIT",
   "type": "module",
@@ -32,6 +32,7 @@
     "c8": "^10.1.3",
     "chai": "^6.2.2",
     "esbuild": "^0.24.2",
+    "rimraf": "^6.1.2",
     "tsx": "^4.19.2",
     "typescript": "^5.7.2"
   },