vipcare 0.3.12 → 0.3.14

package/README.md

@@ -73,7 +73,7 @@ vip update sam-altman
 ## Features
 
 - **Auto profile building** — Give a name or URL, get a structured profile
-- **Multi-source data** — Twitter (via [bird CLI](https://github.com/nickytonline/bird)), LinkedIn, web search
+- **Multi-source data** — Twitter (via [bird CLI](https://github.com/steipete/bird)), LinkedIn, web search
 - **AI synthesis** — Claude CLI, Anthropic API, or GitHub Copilot CLI
 - **Auto monitoring** — Scheduled profile refresh with change detection (macOS launchd)
 - **Markdown output** — One `.md` file per person

package/bin/vip.js

@@ -474,16 +474,44 @@ program.command('youtube-search')
 
 // --- card ---
 program.command('card')
-  .description('Generate H5 baseball card page from all profiles')
+  .description('Generate and serve H5 baseball card page')
   .option('-o, --output <path>', 'Output HTML file', 'web/index.html')
-  .action((opts) => {
+  .option('-p, --port <port>', 'Server port', '3000')
+  .option('--no-serve', 'Only generate, do not start server')
+  .action(async (opts) => {
     console.log(c.cyan('Generating baseball cards...'));
     const profiles = listProfiles();
     if (!profiles.length) { console.log(c.dim('No profiles. Use "vip add" first.')); return; }
 
     const outputPath = generateCards(profiles, opts.output);
     console.log(c.green(`Cards generated: ${outputPath}`));
-    console.log(c.dim(`Open in browser: open ${outputPath}`));
+
+    if (opts.serve === false) {
+      console.log(c.dim(`Open in browser: open ${outputPath}`));
+      return;
+    }
+
+    const http = await import('http');
+    const port = parseInt(opts.port);
+    const dir = path.dirname(outputPath);
+    const file = path.basename(outputPath);
+
+    const server = http.createServer((req, res) => {
+      const filePath = req.url === '/' ? path.join(dir, file) : path.join(dir, req.url);
+      if (!fs.existsSync(filePath)) { res.writeHead(404); res.end('Not found'); return; }
+      const ext = path.extname(filePath);
+      const types = { '.html': 'text/html', '.css': 'text/css', '.js': 'text/javascript', '.json': 'application/json', '.png': 'image/png' };
+      res.writeHead(200, { 'Content-Type': types[ext] || 'text/plain' });
+      res.end(fs.readFileSync(filePath));
+    });
+
+    server.listen(port, () => {
+      const url = `http://localhost:${port}`;
+      console.log(c.green(`\nServer running at ${c.bold(url)}`));
+      console.log(c.dim('Press Ctrl+C to stop\n'));
+      // Auto-open in browser
+      try { execFileSync('open', [url], { stdio: 'ignore' }); } catch {}
+    });
   });
 
 // --- digest ---
@@ -834,7 +862,7 @@ program.command('init')
       console.log(c.bold(c.cyan('\nChecking dependencies...\n')));
 
       const deps = [
-        { name: 'bird', label: 'Bird CLI (Twitter data)', install: 'npm install -g @nickytonline/bird', check: () => checkTool('bird') },
+        { name: 'bird', label: 'Bird CLI (Twitter data)', install: 'npm install -g @steipete/bird', check: () => checkTool('bird') },
         { name: 'ddgs', label: 'DDGS (web search)', install: 'pip install ddgs', check: () => checkTool('ddgs') || fs.existsSync(path.join(os.homedir(), 'Library', 'Python', '3.9', 'bin', 'ddgs')) },
         { name: 'claude', label: 'Claude Code CLI (AI synthesis)', install: 'npm install -g @anthropic-ai/claude-code', check: () => checkTool('claude') },
         { name: 'yt-dlp', label: 'yt-dlp (YouTube download)', install: 'pip install yt-dlp', check: () => checkTool('yt-dlp') },

package/lib/card.js

@@ -31,6 +31,7 @@ export function generateCards(profiles, outputPath = 'web/index.html') {
       const industryMatch = content.match(/\*\*Industry:\*\*\s*(.+)/);
 
       cards.push({
+        slug: p.slug,
         name: nameMatch ? nameMatch[1] : p.name,
         title: titleMatch ? titleMatch[1].trim() : '',
         company: companyMatch ? companyMatch[1].trim() : '',
@@ -50,9 +51,20 @@ export function generateCards(profiles, outputPath = 'web/index.html') {
       continue;
     }
 
+    data.slug = p.slug;
     cards.push(data);
   }
 
+  // Generate individual profile pages
+  for (const p of profiles) {
+    const content = loadProfile(p.slug);
+    if (!content) continue;
+    const profileHtml = buildProfilePage(p.name, content);
+    const dir = path.dirname(outputPath);
+    fs.mkdirSync(dir, { recursive: true });
+    fs.writeFileSync(path.join(dir, `${p.slug}.html`), profileHtml, 'utf-8');
+  }
+
   const html = buildHtml(cards);
 
   const dir = path.dirname(outputPath);
@@ -62,6 +74,45 @@ export function generateCards(profiles, outputPath = 'web/index.html') {
   return path.resolve(outputPath);
 }
 
+function buildProfilePage(name, markdown) {
+  // Convert markdown to simple HTML
+  const htmlContent = markdown
+    .replace(/^# (.+)$/gm, '<h1>$1</h1>')
+    .replace(/^## (.+)$/gm, '<h2>$1</h2>')
+    .replace(/^> (.+)$/gm, '<blockquote>$1</blockquote>')
+    .replace(/^- \*\*(.+?):\*\* (.+)$/gm, '<p><strong>$1:</strong> $2</p>')
+    .replace(/^- (.+)$/gm, '<li>$1</li>')
+    .replace(/\n\n/g, '<br><br>');
+
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>${escapeHtml(name)} - VIPCare</title>
+<style>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #0f172a; color: #e2e8f0; padding: 24px; max-width: 800px; margin: 0 auto; line-height: 1.7; }
+a { color: #38bdf8; text-decoration: none; }
+a:hover { text-decoration: underline; }
+.back { display: inline-block; margin-bottom: 20px; font-size: 0.9em; }
+h1 { color: #38bdf8; font-size: 2em; margin: 16px 0 8px; }
+h2 { color: #818cf8; font-size: 1.3em; margin: 24px 0 8px; border-bottom: 1px solid #334155; padding-bottom: 6px; }
+blockquote { color: #fbbf24; font-style: italic; padding: 8px 16px; border-left: 3px solid #475569; margin: 8px 0; }
+p, li { color: #cbd5e1; margin: 4px 0; }
+strong { color: #f1f5f9; }
+li { margin-left: 20px; }
+hr { border: none; border-top: 1px solid #334155; margin: 24px 0; }
+.meta { color: #64748b; font-size: 0.85em; }
+</style>
+</head>
+<body>
+<a href="index.html" class="back">&larr; Back to all cards</a>
+${htmlContent}
+</body>
+</html>`;
+}
+
 function escapeHtml(str) {
   return String(str)
     .replace(/&/g, '&amp;')
@@ -286,6 +337,8 @@ function openModal(index) {
     \${card.gifts?.length ? \`<p><strong>🎁 Gifts:</strong> \${card.gifts.join(', ')}</p>\` : ''}
 
     \${card.tags?.length ? \`<h2>Tags</h2><div class="tags">\${card.tags.map(t => \`<span class="tag">\${t}</span>\`).join('')}</div>\` : ''}
+
+    \${card.slug ? \`<p style="margin-top:20px;text-align:center"><a href="\${card.slug}.html" style="color:#38bdf8;text-decoration:none;padding:8px 20px;border:1px solid #38bdf8;border-radius:8px;display:inline-block">View Full Profile →</a></p>\` : ''}
   \`;
 
   document.getElementById('modal').classList.add('active');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vipcare",
-  "version": "0.3.12",
+  "version": "0.3.14",
   "description": "Auto-build VIP person profiles from Twitter/LinkedIn public data",
   "type": "module",
   "bin": {