vibehacker 4.1.0

package/src/welcome.js

@@ -0,0 +1,119 @@
+'use strict';
+
+const blessed = require('blessed');
+
+const LOGO_LINES = [
+  '██╗   ██╗██╗██████╗ ███████╗',
+  '██║   ██║██║██╔══██╗██╔════╝',
+  '██║   ██║██║██████╔╝█████╗  ',
+  '╚██╗ ██╔╝██║██╔══██╗██╔══╝  ',
+  ' ╚████╔╝ ██║██████╔╝███████╗',
+  '  ╚═══╝  ╚═╝╚═════╝ ╚══════╝',
+];
+
+const SUB_LINES = [
+  '██╗  ██╗ █████╗  ██████╗██╗  ██╗███████╗██████╗ ',
+  '██║  ██║██╔══██╗██╔════╝██║ ██╔╝██╔════╝██╔══██╗',
+  '███████║███████║██║     █████╔╝ █████╗  ██████╔╝',
+  '██╔══██║██╔══██║██║     ██╔═██╗ ██╔══╝  ██╔══██╗',
+  '██║  ██║██║  ██║╚██████╗██║  ██╗███████╗██║  ██║',
+  '╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝',
+];
+
+function showWelcome(screen) {
+  return new Promise((resolve) => {
+    const W = Math.min(screen.width - 2, 68);
+    const H = Math.min(screen.height - 2, 22);
+
+    const overlay = blessed.box({
+      parent: screen,
+      top: 'center', left: 'center',
+      width: W, height: H,
+      tags: true,
+      border: { type: 'line' },
+      style: { fg: '#00ff44', bg: 'black', border: { fg: '#002200' } },
+    });
+
+    let done_ = false;
+    const timers = [];
+
+    function cleanup() {
+      timers.forEach(t => { try { clearInterval(t); clearTimeout(t); } catch (_) {} });
+      timers.length = 0;
+    }
+
+    let topBanner = null;
+    function finish() {
+      if (done_) return;
+      done_ = true;
+      cleanup();
+      try { overlay.destroy(); } catch (_) {}
+      if (topBanner) { try { topBanner.destroy(); } catch (_) {} }
+      screen.render();
+      resolve();
+    }
+
+    // ── Phase 1: Full-screen VIBE logo with glow-in (5s) ──
+    const borderGlow = ['#002200', '#003300', '#004400', '#005500', '#007700', '#00aa44'];
+    let glowIdx = 0;
+    timers.push(setInterval(() => {
+      if (glowIdx < borderGlow.length) {
+        overlay.style.border.fg = borderGlow[glowIdx++];
+        screen.render();
+      }
+    }, 100));
+
+    const logoColors = ['#001100', '#002200', '#003300', '#005500', '#007700', '#00aa44', '#00dd44', '#00ff44'];
+    let colorIdx = 0;
+
+    function buildLogo() {
+      const c = logoColors[Math.min(colorIdx, logoColors.length - 1)];
+      const c2 = logoColors[Math.min(Math.max(0, colorIdx - 2), logoColors.length - 1)];
+      const lines = [
+        '',
+        ...LOGO_LINES.map(l => `{center}{${c}-fg}${l}{/${c}-fg}{/center}`),
+        ...SUB_LINES.map(l => `{center}{${c2}-fg}${l}{/${c2}-fg}{/center}`),
+        '',
+        `{center}{#00aa44-fg}Cybersecurity Arsenal{/#00aa44-fg}{/center}`,
+        '',
+        `{center}{#333333-fg}v${require('../package.json').version}{/#333333-fg}{/center}`,
+      ];
+      return lines.join('\n');
+    }
+
+    overlay.setContent(buildLogo());
+    overlay.focus();
+    screen.render();
+
+    timers.push(setInterval(() => {
+      if (colorIdx < logoColors.length - 1) colorIdx++;
+      overlay.setContent(buildLogo());
+      screen.render();
+    }, 100));
+
+    // ── Phase 2: After 5s, shrink to top banner ──
+    timers.push(setTimeout(() => {
+      if (done_) return;
+      try { overlay.destroy(); } catch (_) {}
+      topBanner = blessed.box({
+        parent: screen,
+        top: 0, left: 'center',
+        width: Math.min(screen.width - 4, 42),
+        height: 3,
+        tags: true,
+        border: { type: 'line' },
+        style: { fg: '#00ff88', bg: 'black', border: { fg: '#00aa44' } },
+        content: `{center}{bold}{#00ff88-fg}◈ V I B E   H A C K E R ◈{/#00ff88-fg}{/bold}{/center}`,
+      });
+      screen.render();
+    }, 5000));
+
+    // ── Phase 3: After 10s total, dismiss ──
+    timers.push(setTimeout(finish, 10000));
+
+    // Skip on any keypress
+    screen.once('keypress', () => finish());
+  });
+}
+
+module.exports = { showWelcome };