zuppaclaude 1.3.15 → 1.3.16

package/lib/components/claudehud.js

@@ -1,5 +1,6 @@
 /**
  * Claude HUD component installer
+ * Auto-installs and configures the statusline HUD
  */
 
 const fs = require('fs');
@@ -7,18 +8,37 @@ const path = require('path');
 const { Logger } = require('../utils/logger');
 const { Platform } = require('../utils/platform');
 
+const HUD_REPO = 'https://github.com/jarrodwatts/claude-hud.git';
+
 class ClaudeHUDInstaller {
   constructor() {
     this.platform = new Platform();
     this.logger = new Logger();
-    this.binPath = path.join(this.platform.localBin, this.platform.isWindows ? 'setup-claude-hud.cmd' : 'setup-claude-hud');
+    this.hudDir = path.join(this.platform.claudeDir, 'plugins', 'claude-hud');
+    this.settingsPath = path.join(this.platform.claudeDir, 'settings.json');
   }
 
   /**
-   * Check if Claude HUD setup script is installed
+   * Check if Claude HUD is installed
    */
   isInstalled() {
-    return fs.existsSync(this.binPath);
+    const distPath = path.join(this.hudDir, 'dist', 'index.js');
+    return fs.existsSync(distPath);
+  }
+
+  /**
+   * Check if statusline is configured
+   */
+  isConfigured() {
+    if (!fs.existsSync(this.settingsPath)) {
+      return false;
+    }
+    try {
+      const settings = JSON.parse(fs.readFileSync(this.settingsPath, 'utf8'));
+      return settings.statusLine?.command?.includes('claude-hud');
+    } catch {
+      return false;
+    }
   }
 
   /**
@@ -52,7 +72,7 @@ class ClaudeHUDInstaller {
   }
 
   /**
-   * Install Claude HUD setup script
+   * Install Claude HUD
    */
   async install() {
     this.logger.step('Step 6/7: Installing Claude HUD (Status Display)');
@@ -68,28 +88,44 @@ class ClaudeHUDInstaller {
       return false;
     }
 
-    try {
-      this.platform.ensureDir(this.platform.localBin);
+    // Check if git is available
+    if (!this.platform.commandExists('git')) {
+      this.logger.warning('Git not found, skipping Claude HUD');
+      return false;
+    }
 
-      if (this.platform.isWindows) {
-        await this.createWindowsScript();
+    try {
+      // Create plugins directory
+      const pluginsDir = path.join(this.platform.claudeDir, 'plugins');
+      this.platform.ensureDir(pluginsDir);
+
+      // Clone or update repository
+      if (fs.existsSync(this.hudDir)) {
+        this.logger.info('Updating Claude HUD...');
+        this.platform.exec(`cd "${this.hudDir}" && git pull`, { silent: true });
       } else {
-        await this.createUnixScript();
+        this.logger.info('Cloning Claude HUD...');
+        this.platform.exec(`git clone "${HUD_REPO}" "${this.hudDir}"`, { silent: true });
       }
 
-      this.logger.success('Claude HUD setup script created');
+      // Install dependencies
+      this.logger.info('Installing dependencies...');
+      this.platform.exec(`cd "${this.hudDir}" && npm install --silent`, { silent: true });
+
+      // Build
+      this.logger.info('Building Claude HUD...');
+      this.platform.exec(`cd "${this.hudDir}" && npm run build`, { silent: true });
+
+      // Verify build
+      const distPath = path.join(this.hudDir, 'dist', 'index.js');
+      if (!fs.existsSync(distPath)) {
+        throw new Error('Build failed - dist/index.js not found');
+      }
 
-      // Show setup instructions directly
-      console.log('');
-      console.log('  \x1b[36m┌─────────────────────────────────────────────────────┐\x1b[0m');
-      console.log('  \x1b[36m│\x1b[0m  Run these commands inside Claude Code:             \x1b[36m│\x1b[0m');
-      console.log('  \x1b[36m│\x1b[0m                                                     \x1b[36m│\x1b[0m');
-      console.log('  \x1b[36m│\x1b[0m  1. /plugin marketplace add jarrodwatts/claude-hud  \x1b[36m│\x1b[0m');
-      console.log('  \x1b[36m│\x1b[0m  2. /plugin install claude-hud                      \x1b[36m│\x1b[0m');
-      console.log('  \x1b[36m│\x1b[0m  3. /claude-hud:setup                               \x1b[36m│\x1b[0m');
-      console.log('  \x1b[36m└─────────────────────────────────────────────────────┘\x1b[0m');
-      console.log('');
+      // Configure statusline
+      this.configureStatusLine();
 
+      this.logger.success('Claude HUD installed and activated');
       return true;
     } catch (error) {
       this.logger.error(`Failed to install Claude HUD: ${error.message}`);
@@ -98,97 +134,65 @@ class ClaudeHUDInstaller {
   }
 
   /**
-   * Create Unix setup script
+   * Configure statusline in settings.json
    */
-  async createUnixScript() {
-    const script = `#!/bin/bash
-# Claude HUD Setup Script
-# Run this script, then execute the commands inside Claude Code
-
-echo ""
-echo -e "\\033[0;35m╔═══════════════════════════════════════════════════════════════════╗\\033[0m"
-echo -e "\\033[0;35m║   Claude HUD Setup                                                ║\\033[0m"
-echo -e "\\033[0;35m╚═══════════════════════════════════════════════════════════════════╝\\033[0m"
-echo ""
-echo "Run these commands inside Claude Code to install Claude HUD:"
-echo ""
-echo -e "  \\033[0;36m1. /plugin marketplace add jarrodwatts/claude-hud\\033[0m"
-echo -e "  \\033[0;36m2. /plugin install claude-hud\\033[0m"
-echo -e "  \\033[0;36m3. /claude-hud:setup\\033[0m"
-echo ""
-echo "Claude HUD provides:"
-echo "  • Real-time context usage meter"
-echo "  • Active tool tracking"
-echo "  • Running agent status"
-echo "  • Todo progress display"
-echo ""
-`;
-
-    fs.writeFileSync(this.binPath, script, 'utf8');
-    fs.chmodSync(this.binPath, 0o755);
-  }
+  configureStatusLine() {
+    let settings = {};
+
+    // Load existing settings
+    if (fs.existsSync(this.settingsPath)) {
+      try {
+        settings = JSON.parse(fs.readFileSync(this.settingsPath, 'utf8'));
+      } catch {
+        settings = {};
+      }
+    }
 
-  /**
-   * Create Windows setup script
-   */
-  async createWindowsScript() {
-    const ps1Path = this.binPath.replace('.cmd', '.ps1');
-
-    const ps1Script = `# Claude HUD Setup Script
-# Run this script, then execute the commands inside Claude Code
-
-Write-Host ""
-Write-Host "=======================================================================" -ForegroundColor Magenta
-Write-Host "   Claude HUD Setup" -ForegroundColor Magenta
-Write-Host "=======================================================================" -ForegroundColor Magenta
-Write-Host ""
-Write-Host "Run these commands inside Claude Code to install Claude HUD:"
-Write-Host ""
-Write-Host "  1. /plugin marketplace add jarrodwatts/claude-hud" -ForegroundColor Cyan
-Write-Host "  2. /plugin install claude-hud" -ForegroundColor Cyan
-Write-Host "  3. /claude-hud:setup" -ForegroundColor Cyan
-Write-Host ""
-Write-Host "Claude HUD provides:"
-Write-Host "  - Real-time context usage meter"
-Write-Host "  - Active tool tracking"
-Write-Host "  - Running agent status"
-Write-Host "  - Todo progress display"
-Write-Host ""
-`;
-
-    const cmdScript = `@echo off
-powershell -ExecutionPolicy Bypass -File "%~dp0setup-claude-hud.ps1" %*
-`;
-
-    fs.writeFileSync(ps1Path, ps1Script, 'utf8');
-    fs.writeFileSync(this.binPath, cmdScript, 'utf8');
+    // Configure statusLine
+    const hudScript = path.join(this.hudDir, 'dist', 'index.js');
+    settings.statusLine = {
+      type: 'command',
+      command: `node "${hudScript}"`,
+      padding: 0
+    };
+
+    // Write settings
+    fs.writeFileSync(this.settingsPath, JSON.stringify(settings, null, 2), 'utf8');
+    this.logger.success('Statusline configured in settings.json');
   }
 
   /**
-   * Uninstall Claude HUD setup script
+   * Uninstall Claude HUD
    */
   uninstall() {
-    if (!this.isInstalled()) {
-      this.logger.warning('Claude HUD setup script not found');
-      return true;
+    let success = true;
+
+    // Remove HUD directory
+    if (fs.existsSync(this.hudDir)) {
+      try {
+        fs.rmSync(this.hudDir, { recursive: true });
+        this.logger.success('Claude HUD removed');
+      } catch (error) {
+        this.logger.warning(`Could not remove HUD directory: ${error.message}`);
+        success = false;
+      }
     }
 
-    try {
-      fs.unlinkSync(this.binPath);
-
-      if (this.platform.isWindows) {
-        const ps1Path = this.binPath.replace('.cmd', '.ps1');
-        if (fs.existsSync(ps1Path)) {
-          fs.unlinkSync(ps1Path);
+    // Remove statusline from settings
+    if (fs.existsSync(this.settingsPath)) {
+      try {
+        const settings = JSON.parse(fs.readFileSync(this.settingsPath, 'utf8'));
+        if (settings.statusLine?.command?.includes('claude-hud')) {
+          delete settings.statusLine;
+          fs.writeFileSync(this.settingsPath, JSON.stringify(settings, null, 2), 'utf8');
+          this.logger.success('Statusline configuration removed');
         }
+      } catch {
+        // Ignore errors
       }
-
-      this.logger.success('Claude HUD setup script removed');
-      return true;
-    } catch (error) {
-      this.logger.error(`Failed to remove Claude HUD: ${error.message}`);
-      return false;
     }
+
+    return success;
   }
 
   /**
@@ -196,8 +200,12 @@ powershell -ExecutionPolicy Bypass -File "%~dp0setup-claude-hud.ps1" %*
    */
   verify() {
     if (this.isInstalled()) {
-      this.logger.success('Claude HUD: Setup script ready');
-      this.logger.info('Run \'setup-claude-hud\' for installation instructions');
+      this.logger.success('Claude HUD: Installed');
+      if (this.isConfigured()) {
+        this.logger.success('Statusline: Configured');
+      } else {
+        this.logger.warning('Statusline: Not configured');
+      }
       return true;
     } else {
       this.logger.warning('Claude HUD: Not installed');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zuppaclaude",
-  "version": "1.3.15",
+  "version": "1.3.16",
   "description": "Claude Code power-up installer - SuperClaude + Spec Kit + Claude-Z + Claude HUD",
   "main": "lib/index.js",
   "bin": {