claude-scope 0.8.10 → 0.8.12

package/dist/claude-scope.cjs

@@ -7579,6 +7579,337 @@ init_cache_metrics();
 init_config_count_widget();
 init_context_widget();
 init_cost_widget();
+
+// src/widgets/dev-server/dev-server-widget.ts
+var import_node_child_process2 = require("node:child_process");
+var import_node_util3 = require("node:util");
+init_widget_types();
+init_theme();
+
+// src/widgets/dev-server/styles.ts
+init_colors();
+var devServerStyles = {
+  balanced: (data, colors2) => {
+    if (!data.server) return "";
+    const { name, icon, isRunning, isBuilding } = data.server;
+    const status = isRunning ? "running" : isBuilding ? "building" : "stopped";
+    const coloredName = colors2 ? colorize(name, colors2.name) : name;
+    const coloredStatus = colors2 ? colorize(`(${status})`, colors2.status) : `(${status})`;
+    return `${icon} ${coloredName} ${coloredStatus}`;
+  },
+  compact: (data, colors2) => {
+    if (!data.server) return "";
+    const { name, icon, isRunning, isBuilding } = data.server;
+    const statusIcon = isRunning ? "\u{1F680}" : isBuilding ? "\u{1F528}" : "\u{1F4A4}";
+    const coloredName = colors2 ? colorize(name, colors2.name) : name;
+    return `${icon} ${coloredName} ${statusIcon}`;
+  },
+  playful: (data, colors2) => {
+    if (!data.server) return "";
+    const { name, isRunning, isBuilding } = data.server;
+    const emoji = isRunning ? "\u{1F3C3}" : isBuilding ? "\u{1F528}" : "\u{1F4A4}";
+    const coloredName = colors2 ? colorize(name, colors2.name) : name;
+    return `${emoji} ${coloredName}`;
+  },
+  verbose: (data, colors2) => {
+    if (!data.server) return "";
+    const { name, isRunning, isBuilding } = data.server;
+    const status = isRunning ? "running" : isBuilding ? "building" : "stopped";
+    const label = colors2 ? colorize("Dev Server:", colors2.label) : "Dev Server:";
+    const coloredName = colors2 ? colorize(name, colors2.name) : name;
+    const coloredStatus = colors2 ? colorize(`(${status})`, colors2.status) : `(${status})`;
+    return `${label} ${coloredName} ${coloredStatus}`;
+  },
+  labeled: (data, colors2) => {
+    if (!data.server) return "";
+    const { name, icon, isRunning } = data.server;
+    const status = isRunning ? "\u{1F7E2}" : "\u{1F534}";
+    const label = colors2 ? colorize("Server:", colors2.label) : "Server:";
+    const coloredName = colors2 ? colorize(name, colors2.name) : name;
+    return `${label} ${icon} ${coloredName} ${status}`;
+  },
+  indicator: (data, colors2) => {
+    if (!data.server) return "";
+    const { name, icon } = data.server;
+    const coloredName = colors2 ? colorize(name, colors2.name) : name;
+    return `\u25CF ${icon} ${coloredName}`;
+  }
+};
+
+// src/widgets/dev-server/dev-server-widget.ts
+var execFileAsync2 = (0, import_node_util3.promisify)(import_node_child_process2.execFile);
+var DevServerWidget = class {
+  id = "dev-server";
+  metadata = createWidgetMetadata(
+    "Dev Server",
+    "Detects running dev server processes",
+    "1.0.0",
+    "claude-scope",
+    0
+  );
+  enabled = true;
+  colors;
+  _lineOverride;
+  styleFn = devServerStyles.balanced;
+  cwd = null;
+  processPatterns = [
+    // Generic server patterns (checked first to catch simple servers)
+    { regex: /(npm|npx)\s+exec\s+serve/i, name: "Server", icon: "\u{1F310}" },
+    { regex: /(python|python3)\s+-m\s+http\.server/i, name: "HTTP", icon: "\u{1F310}" },
+    { regex: /serve\s+\.?-l?\s*\d+/i, name: "Server", icon: "\u{1F310}" },
+    // Generic dev/build patterns
+    { regex: /(npm|yarn|pnpm|bun)\s+run\s+dev/i, name: "Dev", icon: "\u{1F680}" },
+    { regex: /(npm|yarn|pnpm|bun)\s+run\s+build/i, name: "Build", icon: "\u{1F528}" },
+    // Framework-specific patterns
+    { regex: /nuxt\s+dev/i, name: "Nuxt", icon: "\u26A1" },
+    { regex: /next\s+dev/i, name: "Next.js", icon: "\u25B2" },
+    { regex: /vite($|\s)/i, name: "Vite", icon: "\u26A1" },
+    { regex: /svelte-kit\s+dev|svelte\s+dev/i, name: "Svelte", icon: "\u{1F525}" },
+    { regex: /astro\s+dev/i, name: "Astro", icon: "\u{1F680}" },
+    { regex: /remix\s+dev|remix\s+watch/i, name: "Remix", icon: "\u{1F4BF}" }
+  ];
+  constructor(colors2) {
+    this.colors = colors2 ?? DEFAULT_THEME;
+  }
+  /**
+   * Set display style
+   * @param style - Style to use for rendering
+   */
+  setStyle(style = "balanced") {
+    const fn = devServerStyles[style];
+    if (fn) {
+      this.styleFn = fn;
+    }
+  }
+  /**
+   * Set display line override
+   * @param line - Line number (0-indexed)
+   */
+  setLine(line) {
+    this._lineOverride = line;
+  }
+  /**
+   * Get display line
+   * @returns Line number (0-indexed)
+   */
+  getLine() {
+    return this._lineOverride ?? this.metadata.line ?? 0;
+  }
+  /**
+   * Initialize widget with context
+   * @param context - Widget initialization context
+   */
+  async initialize(context) {
+    this.enabled = context.config?.enabled !== false;
+  }
+  /**
+   * Update widget with new stdin data
+   * @param data - Stdin data from Claude Code
+   */
+  async update(data) {
+    this.cwd = data.cwd;
+  }
+  /**
+   * Check if widget is enabled
+   * @returns true if widget should render
+   */
+  isEnabled() {
+    return this.enabled;
+  }
+  /**
+   * Cleanup resources
+   */
+  async cleanup() {
+  }
+  /**
+   * Render widget output
+   * @param context - Render context
+   * @returns Rendered string, or null if no dev server detected
+   */
+  async render(_context) {
+    if (!this.enabled || !this.cwd) {
+      return null;
+    }
+    const server = await this.detectDevServer();
+    if (!server) {
+      return null;
+    }
+    const renderData = { server };
+    return this.styleFn(renderData, this.colors.devServer);
+  }
+  /**
+   * Detect running dev server by parsing system process list
+   * @returns Detected server status or null
+   */
+  async detectDevServer() {
+    try {
+      const { stdout } = await execFileAsync2("ps", ["aux"], {
+        timeout: 1e3
+      });
+      for (const pattern of this.processPatterns) {
+        if (pattern.regex.test(stdout)) {
+          const isBuilding = pattern.name.toLowerCase().includes("build");
+          const isRunning = !isBuilding;
+          return {
+            name: pattern.name,
+            icon: pattern.icon,
+            isRunning,
+            isBuilding
+          };
+        }
+      }
+    } catch {
+    }
+    return null;
+  }
+};
+
+// src/widgets/docker/docker-widget.ts
+var import_node_child_process3 = require("node:child_process");
+var import_node_util4 = require("node:util");
+init_widget_types();
+init_theme();
+
+// src/widgets/docker/styles.ts
+init_colors();
+var dockerStyles = {
+  balanced: (data, colors2) => {
+    const { running, total } = data.status;
+    if (running === 0) return "";
+    const status = running > 0 ? "\u{1F7E2}" : "\u26AA";
+    const count = total > running ? `${running}/${total}` : `${running}`;
+    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+    return `${label} ${coloredCount} ${status}`;
+  },
+  compact: (data, colors2) => {
+    const { running, total } = data.status;
+    if (running === 0) return "";
+    const count = total > running ? `${running}/${total}` : `${running}`;
+    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+    return `\u{1F433} ${coloredCount}`;
+  },
+  playful: (data, colors2) => {
+    const { running, total } = data.status;
+    if (running === 0) return "\u{1F433} Docker: \u{1F4A4}";
+    const status = running > 0 ? "\u{1F7E2}" : "\u26AA";
+    const count = total > running ? `${running}/${total}` : `${running}`;
+    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+    return `\u{1F433} ${label} ${coloredCount} ${status}`;
+  },
+  verbose: (data, colors2) => {
+    const { running, total } = data.status;
+    if (running === 0) {
+      const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+      return `${label2} no containers running`;
+    }
+    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+    const coloredRunning = colors2 ? colorize(String(running), colors2.count) : String(running);
+    return `${label} ${coloredRunning} running${total > running ? ` / ${total} total` : ""}`;
+  },
+  labeled: (data, colors2) => {
+    const { running, total } = data.status;
+    if (running === 0) {
+      const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+      return `${label2} --`;
+    }
+    const count = total > running ? `${running}/${total}` : `${running}`;
+    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+    return `${label} ${coloredCount}`;
+  },
+  indicator: (data, colors2) => {
+    const { running, total } = data.status;
+    if (running === 0) {
+      const label2 = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+      return `\u25CF ${label2} --`;
+    }
+    const count = total > running ? `${running}/${total}` : `${running}`;
+    const label = colors2 ? colorize("Docker:", colors2.label) : "Docker:";
+    const coloredCount = colors2 ? colorize(count, colors2.count) : count;
+    return `\u25CF ${label} ${coloredCount}`;
+  }
+};
+
+// src/widgets/docker/docker-widget.ts
+var execFileAsync3 = (0, import_node_util4.promisify)(import_node_child_process3.execFile);
+var DockerWidget = class {
+  id = "docker";
+  metadata = createWidgetMetadata(
+    "Docker",
+    "Shows Docker container count and status",
+    "1.0.0",
+    "claude-scope",
+    0
+  );
+  enabled = true;
+  colors;
+  _lineOverride;
+  styleFn = dockerStyles.balanced;
+  cachedStatus = null;
+  lastCheck = 0;
+  CACHE_TTL = 5e3;
+  constructor(colors2) {
+    this.colors = colors2 ?? DEFAULT_THEME;
+  }
+  setStyle(style = "balanced") {
+    const fn = dockerStyles[style];
+    if (fn) {
+      this.styleFn = fn;
+    }
+  }
+  setLine(line) {
+    this._lineOverride = line;
+  }
+  getLine() {
+    return this._lineOverride ?? this.metadata.line ?? 0;
+  }
+  async initialize(context) {
+    this.enabled = context.config?.enabled !== false;
+  }
+  async update(_data) {
+  }
+  isEnabled() {
+    return this.enabled;
+  }
+  async cleanup() {
+  }
+  async render(_context) {
+    if (!this.enabled) {
+      return null;
+    }
+    const now = Date.now();
+    if (this.cachedStatus && now - this.lastCheck < this.CACHE_TTL) {
+      return this.styleFn({ status: this.cachedStatus }, this.colors.docker);
+    }
+    const status = await this.getDockerStatus();
+    this.cachedStatus = status;
+    this.lastCheck = now;
+    if (!status.isAvailable) {
+      return null;
+    }
+    return this.styleFn({ status }, this.colors.docker);
+  }
+  async getDockerStatus() {
+    try {
+      await execFileAsync3("docker", ["info"], { timeout: 2e3 });
+      const { stdout: runningOutput } = await execFileAsync3("docker", ["ps", "-q"], {
+        timeout: 1e3
+      });
+      const running = runningOutput.trim().split("\n").filter((line) => line).length;
+      const { stdout: allOutput } = await execFileAsync3("docker", ["ps", "-aq"], {
+        timeout: 1e3
+      });
+      const total = allOutput.trim().split("\n").filter((line) => line).length;
+      return { running, total, isAvailable: true };
+    } catch {
+      return { running: 0, total: 0, isAvailable: false };
+    }
+  }
+};
+
+// src/core/widget-factory.ts
 init_duration_widget();
 init_git_tag_widget();
 init_git_widget();
@@ -7616,6 +7947,10 @@ var WidgetFactory = class {
         return new CacheMetricsWidget(DEFAULT_THEME);
       case "active-tools":
         return new ActiveToolsWidget(DEFAULT_THEME, this.transcriptProvider);
+      case "dev-server":
+        return new DevServerWidget(DEFAULT_THEME);
+      case "docker":
+        return new DockerWidget(DEFAULT_THEME);
       default:
         return null;
     }
@@ -7634,7 +7969,9 @@ var WidgetFactory = class {
       "git-tag",
       "config-count",
       "cache-metrics",
-      "active-tools"
+      "active-tools",
+      "dev-server",
+      "docker"
     ];
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-scope",
-  "version": "0.8.10",
+  "version": "0.8.12",
   "description": "Claude Code plugin for session status and analytics",
   "license": "MIT",
   "type": "module",