slashvibe-mcp 0.3.20 → 0.3.21

package/setup.js

@@ -0,0 +1,480 @@
+#!/usr/bin/env node
+
+/**
+ * vibe setup — One-click installation for /vibe MCP server
+ *
+ * Usage: npx slashvibe-mcp setup
+ *
+ * What it does:
+ * 1. Detects Claude Code config location (~/.claude.json or ~/claude_desktop_config.json)
+ * 2. Adds /vibe MCP server to the config
+ * 3. Tests the connection
+ * 4. Opens browser for GitHub auth
+ *
+ * Result: User is fully set up in ~30 seconds
+ */
+
+const fs = require('fs');
+const path = require('path');
+const os = require('os');
+const { exec, execSync } = require('child_process');
+const http = require('http');
+
+// ANSI colors for terminal output
+const colors = {
+  reset: '\x1b[0m',
+  green: '\x1b[32m',
+  cyan: '\x1b[36m',
+  yellow: '\x1b[33m',
+  red: '\x1b[31m',
+  bold: '\x1b[1m',
+  dim: '\x1b[2m'
+};
+
+const CALLBACK_PORT = 9876;
+const API_BASE = 'https://www.slashvibe.dev';
+const LOGIN_URL = 'https://www.slashvibe.dev/login';
+
+/**
+ * Print styled banner
+ */
+function printBanner() {
+  console.log(`
+${colors.green}  █░█ █ █▄▄ █▀▀${colors.reset}
+${colors.green}  ▀▄▀ █ █▄█ ██▄${colors.reset}   ${colors.dim}ship together${colors.reset}
+  ──────────────────────────────────────────────────
+`);
+}
+
+/**
+ * Print step with status
+ */
+function printStep(num, text, status = 'pending') {
+  const statusIcon = {
+    pending: colors.dim + '○' + colors.reset,
+    running: colors.yellow + '◐' + colors.reset,
+    done: colors.green + '●' + colors.reset,
+    error: colors.red + '✗' + colors.reset
+  }[status];
+
+  console.log(`  ${statusIcon} ${colors.bold}Step ${num}:${colors.reset} ${text}`);
+}
+
+/**
+ * Find Claude Code config file
+ */
+function findClaudeConfig() {
+  const homeDir = os.homedir();
+
+  // Possible config locations
+  const configPaths = [
+    path.join(homeDir, '.claude.json'),
+    path.join(homeDir, 'Library', 'Application Support', 'Claude', 'claude_desktop_config.json'),
+    path.join(homeDir, '.config', 'claude', 'config.json'),
+    path.join(homeDir, 'AppData', 'Roaming', 'Claude', 'claude_desktop_config.json')
+  ];
+
+  for (const configPath of configPaths) {
+    if (fs.existsSync(configPath)) {
+      return configPath;
+    }
+  }
+
+  // Default to ~/.claude.json (will create if doesn't exist)
+  return path.join(homeDir, '.claude.json');
+}
+
+/**
+ * Load existing config or create default
+ */
+function loadConfig(configPath) {
+  try {
+    if (fs.existsSync(configPath)) {
+      const content = fs.readFileSync(configPath, 'utf8');
+      return JSON.parse(content);
+    }
+  } catch (e) {
+    console.log(`${colors.yellow}  Warning: Could not parse existing config, creating new one${colors.reset}`);
+  }
+
+  // Default config structure
+  return {};
+}
+
+/**
+ * Add /vibe MCP server to config
+ */
+function addVibeToConfig(config) {
+  // Initialize mcpServers if not present
+  if (!config.mcpServers) {
+    config.mcpServers = {};
+  }
+
+  // Check if already configured
+  if (config.mcpServers.vibe) {
+    return { added: false, alreadyExists: true };
+  }
+
+  // Add vibe MCP server
+  config.mcpServers.vibe = {
+    command: 'npx',
+    args: ['slashvibe-mcp'],
+    env: {
+      VIBE_API_URL: 'https://www.slashvibe.dev'
+    }
+  };
+
+  return { added: true, alreadyExists: false };
+}
+
+/**
+ * Save config to file
+ */
+function saveConfig(configPath, config) {
+  const content = JSON.stringify(config, null, 2);
+  fs.writeFileSync(configPath, content, 'utf8');
+}
+
+/**
+ * Test API connection
+ */
+async function testConnection() {
+  try {
+    const response = await fetch(`${API_BASE}/api/health`);
+    const data = await response.json();
+    return data.status === 'ok' || data.success;
+  } catch (e) {
+    return false;
+  }
+}
+
+/**
+ * Get online count
+ */
+async function getOnlineCount() {
+  try {
+    const response = await fetch(`${API_BASE}/api/presence`);
+    const data = await response.json();
+    return (data.active?.length || 0) + (data.away?.length || 0);
+  } catch (e) {
+    return 0;
+  }
+}
+
+/**
+ * Get online users with details for display
+ */
+async function getOnlineUsers() {
+  try {
+    const response = await fetch(`${API_BASE}/api/presence`);
+    const data = await response.json();
+    const active = data.active || [];
+    const away = data.away || [];
+
+    // Format: { users: [{handle, status, one_liner}], total: number }
+    const users = [
+      ...active.slice(0, 5).map(u => ({
+        handle: u.username || u.handle,
+        status: 'active',
+        one_liner: u.one_liner || u.status || ''
+      })),
+      ...away.slice(0, 2).map(u => ({
+        handle: u.username || u.handle,
+        status: 'away',
+        one_liner: u.one_liner || u.status || ''
+      }))
+    ].slice(0, 5);
+
+    return { users, total: active.length + away.length };
+  } catch (e) {
+    return { users: [], total: 0 };
+  }
+}
+
+/**
+ * Open URL in browser
+ */
+function openBrowser(url) {
+  const platform = process.platform;
+  let command;
+
+  if (platform === 'darwin') {
+    command = `open "${url}"`;
+  } else if (platform === 'win32') {
+    command = `start "" "${url}"`;
+  } else {
+    command = `xdg-open "${url}"`;
+  }
+
+  exec(command, (err) => {
+    if (err) {
+      console.log(`${colors.yellow}  Could not open browser automatically.${colors.reset}`);
+      console.log(`${colors.cyan}  Please open: ${url}${colors.reset}`);
+    }
+  });
+}
+
+/**
+ * Wait for OAuth callback
+ */
+function waitForAuth() {
+  return new Promise((resolve, reject) => {
+    let resolved = false;
+
+    const server = http.createServer(async (req, res) => {
+      const url = new URL(req.url, `http://localhost:${CALLBACK_PORT}`);
+
+      if (url.pathname === '/callback') {
+        const token = url.searchParams.get('token');
+        const handle = url.searchParams.get('handle');
+
+        if (token && handle) {
+          // Send success page
+          res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+          res.end(`<!DOCTYPE html>
+<html>
+<head>
+  <title>Welcome to /vibe!</title>
+  <style>
+    body {
+      font-family: 'SF Mono', Monaco, monospace;
+      background: #0a0a0a;
+      color: #e0e0e0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      margin: 0;
+    }
+    .container {
+      text-align: center;
+      padding: 2rem;
+    }
+    h1 { color: #00FF88; }
+    .handle { color: #6B8FFF; }
+    .close { color: #888; margin-top: 2rem; }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>✓ Setup Complete!</h1>
+    <p>Welcome, <span class="handle">@${handle}</span></p>
+    <p>You're now connected to /vibe</p>
+    <p class="close">You can close this window</p>
+  </div>
+</body>
+</html>`);
+
+          resolved = true;
+          setTimeout(() => server.close(), 500);
+          resolve({ success: true, handle, token });
+        } else {
+          res.writeHead(400);
+          res.end('Missing token or handle');
+        }
+      } else {
+        res.writeHead(404);
+        res.end('Not found');
+      }
+    });
+
+    server.on('error', (err) => {
+      if (err.code === 'EADDRINUSE') {
+        reject(new Error('Auth server port in use'));
+      } else {
+        reject(err);
+      }
+    });
+
+    server.listen(CALLBACK_PORT, '127.0.0.1');
+
+    // Timeout after 2 minutes
+    setTimeout(() => {
+      if (!resolved) {
+        server.close();
+        reject(new Error('Auth timed out'));
+      }
+    }, 120000);
+  });
+}
+
+/**
+ * Save auth config
+ */
+function saveAuthConfig(handle, token) {
+  const homeDir = os.homedir();
+  const vibeDir = path.join(homeDir, '.vibe');
+
+  // Create .vibe directory if not exists
+  if (!fs.existsSync(vibeDir)) {
+    fs.mkdirSync(vibeDir, { recursive: true });
+  }
+
+  // Save config
+  const configPath = path.join(vibeDir, 'config.json');
+  const config = {
+    handle,
+    authToken: token,
+    authMethod: 'browser',
+    authenticatedAt: new Date().toISOString()
+  };
+
+  fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+}
+
+/**
+ * Main setup function
+ */
+async function setup() {
+  printBanner();
+  console.log(`${colors.bold}  One-Click Setup${colors.reset}`);
+  console.log('');
+
+  // Step 1: Find Claude config
+  printStep(1, 'Finding Claude Code config...', 'running');
+  const configPath = findClaudeConfig();
+  const configExists = fs.existsSync(configPath);
+  console.log(`${colors.dim}     → ${configPath}${configExists ? '' : ' (will create)'}${colors.reset}`);
+  printStep(1, 'Finding Claude Code config...', 'done');
+
+  // Step 2: Add MCP config
+  printStep(2, 'Adding /vibe MCP server...', 'running');
+  const config = loadConfig(configPath);
+  const { added, alreadyExists } = addVibeToConfig(config);
+
+  if (alreadyExists) {
+    console.log(`${colors.dim}     → Already configured!${colors.reset}`);
+  } else {
+    saveConfig(configPath, config);
+    console.log(`${colors.dim}     → Config updated${colors.reset}`);
+  }
+  printStep(2, 'Adding /vibe MCP server...', 'done');
+
+  // Step 3: Test connection
+  printStep(3, 'Testing connection...', 'running');
+  const connected = await testConnection();
+  if (!connected) {
+    printStep(3, 'Testing connection...', 'error');
+    console.log(`${colors.red}     → Could not reach slashvibe.dev${colors.reset}`);
+    console.log('');
+    console.log(`${colors.bold}  Troubleshooting:${colors.reset}`);
+    console.log(`${colors.dim}  1. Check your internet connection${colors.reset}`);
+    console.log(`${colors.dim}  2. Try: ${colors.cyan}curl -s https://www.slashvibe.dev/api/health${colors.reset}`);
+    console.log(`${colors.dim}  3. If that works, try setup again${colors.reset}`);
+    console.log('');
+    console.log(`${colors.dim}  Status page: ${colors.cyan}slashvibe.dev/status${colors.reset}`);
+    process.exit(1);
+  }
+
+  const onlineCount = await getOnlineCount();
+  console.log(`${colors.dim}     → Connected! ${onlineCount} builders online${colors.reset}`);
+  printStep(3, 'Testing connection...', 'done');
+
+  // Step 4: Authenticate
+  printStep(4, 'Opening browser for GitHub auth...', 'running');
+
+  const callbackUrl = `http://localhost:${CALLBACK_PORT}/callback`;
+  const loginUrl = `${LOGIN_URL}?redirect=${encodeURIComponent(callbackUrl)}&setup=true`;
+
+  openBrowser(loginUrl);
+  console.log(`${colors.dim}     → Waiting for authentication...${colors.reset}`);
+
+  try {
+    const authResult = await waitForAuth();
+
+    // Save auth config
+    saveAuthConfig(authResult.handle, authResult.token);
+
+    printStep(4, 'Opening browser for GitHub auth...', 'done');
+    console.log(`${colors.dim}     → Authenticated as @${authResult.handle}${colors.reset}`);
+
+    // Success! Show who's online immediately
+    const presence = await getOnlineUsers();
+
+    console.log('');
+    console.log(`${colors.green}  ✓ Setup complete!${colors.reset}`);
+    console.log('');
+
+    // Show who's vibing right now
+    if (presence.users.length > 0) {
+      console.log(`${colors.bold}  🟢 ${presence.total} builders vibing now:${colors.reset}`);
+      for (const user of presence.users) {
+        const statusIcon = user.status === 'active' ? colors.green + '●' : colors.yellow + '○';
+        const liner = user.one_liner ? ` — ${user.one_liner.slice(0, 40)}` : '';
+        console.log(`     ${statusIcon}${colors.reset} @${user.handle}${colors.dim}${liner}${colors.reset}`);
+      }
+      if (presence.total > 5) {
+        console.log(`${colors.dim}     ... and ${presence.total - 5} more${colors.reset}`);
+      }
+      console.log('');
+    }
+
+    console.log(`${colors.bold}  Quick start:${colors.reset}`);
+    console.log(`${colors.dim}  1. Restart Claude Code${colors.reset}`);
+    console.log(`${colors.dim}  2. Type "who's vibing?" to see everyone${colors.reset}`);
+    console.log(`${colors.dim}  3. Type "dm @seth hey!" to send a message${colors.reset}`);
+    console.log('');
+    console.log(`${colors.cyan}  🚀 Welcome to /vibe, @${authResult.handle}!${colors.reset}`);
+    console.log('');
+
+    // Track setup completion
+    try {
+      await fetch(`${API_BASE}/api/analytics/track`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          event: 'setup_complete',
+          handle: authResult.handle,
+          source: 'one_click_install'
+        })
+      });
+    } catch (e) {}
+
+  } catch (err) {
+    printStep(4, 'Opening browser for GitHub auth...', 'error');
+
+    // Specific error recovery messages
+    if (err.message.includes('timed out')) {
+      console.log(`${colors.red}     → Authentication timed out (2 min limit)${colors.reset}`);
+      console.log('');
+      console.log(`${colors.yellow}  What happened:${colors.reset}`);
+      console.log(`${colors.dim}  The browser auth wasn't completed in time.${colors.reset}`);
+      console.log('');
+      console.log(`${colors.bold}  Try again:${colors.reset}`);
+      console.log(`${colors.cyan}  npx slashvibe-mcp setup${colors.reset}`);
+    } else if (err.message.includes('port in use')) {
+      console.log(`${colors.red}     → Auth callback port busy${colors.reset}`);
+      console.log('');
+      console.log(`${colors.yellow}  What happened:${colors.reset}`);
+      console.log(`${colors.dim}  Another setup or auth process is running.${colors.reset}`);
+      console.log('');
+      console.log(`${colors.bold}  Fix it:${colors.reset}`);
+      console.log(`${colors.dim}  1. Wait a minute for it to finish, or${colors.reset}`);
+      console.log(`${colors.dim}  2. Kill the process: ${colors.cyan}lsof -ti:9876 | xargs kill${colors.reset}`);
+      console.log(`${colors.dim}  3. Try again: ${colors.cyan}npx slashvibe-mcp setup${colors.reset}`);
+    } else {
+      console.log(`${colors.red}     → ${err.message}${colors.reset}`);
+      console.log('');
+      console.log(`${colors.bold}  Try these steps:${colors.reset}`);
+      console.log(`${colors.dim}  1. Check internet connection${colors.reset}`);
+      console.log(`${colors.dim}  2. Try again: ${colors.cyan}npx slashvibe-mcp setup${colors.reset}`);
+      console.log(`${colors.dim}  3. Or in Claude Code, type: ${colors.cyan}add the vibe mcp server${colors.reset}`);
+    }
+    console.log('');
+    console.log(`${colors.dim}  Need help? slashvibe.dev/help${colors.reset}`);
+    process.exit(1);
+  }
+}
+
+// Handle command line
+const args = process.argv.slice(2);
+
+if (args[0] === 'setup' || args.length === 0) {
+  setup().catch(err => {
+    console.error(`${colors.red}Setup failed: ${err.message}${colors.reset}`);
+    process.exit(1);
+  });
+} else {
+  // Pass through to main MCP server
+  require('./index.js');
+}