webmcp-cli 1.0.0

package/index.js

@@ -0,0 +1,105 @@
+#!/usr/bin/env node
+
+const figlet = require('figlet');
+const gradient = require('gradient-string');
+const chalk = require('chalk');
+const { exec } = require('child_process');
+
+// Clear terminal
+console.clear();
+
+// Rainbow colors for animation
+const rainbowColors = [
+  chalk.red,
+  chalk.hex('#FF7F00'), // orange
+  chalk.yellow,
+  chalk.green,
+  chalk.cyan,
+  chalk.blue,
+  chalk.magenta
+];
+
+// Generate ASCII art with figlet
+figlet.text('web-mcp', {
+  font: 'ANSI Shadow',
+  horizontalLayout: 'default',
+  verticalLayout: 'default'
+}, (err, asciiArt) => {
+  if (err) {
+    console.error('Error generating ASCII art:', err);
+    process.exit(1);
+  }
+
+  let colorIndex = 0;
+  let frameCount = 0;
+  const maxFrames = 30; // ~3 seconds at 100ms intervals
+
+  // Phase 1: Rainbow animation
+  const rainbowInterval = setInterval(() => {
+    console.clear();
+
+    // Apply rainbow effect - shift colors across lines
+    const lines = asciiArt.split('\n');
+    const coloredLines = lines.map((line, i) => {
+      const colorFn = rainbowColors[(colorIndex + i) % rainbowColors.length];
+      return colorFn(line);
+    });
+
+    console.log(coloredLines.join('\n'));
+
+    colorIndex = (colorIndex + 1) % rainbowColors.length;
+    frameCount++;
+
+    if (frameCount >= maxFrames) {
+      clearInterval(rainbowInterval);
+      startPhase2();
+    }
+  }, 100);
+
+  function startPhase2() {
+    // Phase 2: Beautiful gradient effect with countdown
+    let countdown = 10;
+
+    const countdownInterval = setInterval(() => {
+      console.clear();
+      const coolGradient = gradient(['#ff6b6b', '#4ecdc4', '#45b7d1', '#96ceb4', '#ffeaa7']);
+      console.log(coolGradient.multiline(asciiArt));
+
+      // Add taglines
+      console.log();
+      console.log(gradient.pastel('   get your website ready for tomorrow by today - agentic web is coming soon 👀'));
+      console.log();
+      console.log(gradient.cristal('   you\'re not on the waitlist yet'));
+      console.log(gradient.cristal('   let\'s get you registered at web-mcp.net'));
+      console.log();
+      console.log(chalk.cyan(`   opening in ${countdown}...`));
+
+      countdown--;
+
+      if (countdown < 0) {
+        clearInterval(countdownInterval);
+
+        console.clear();
+        console.log(coolGradient.multiline(asciiArt));
+        console.log();
+        console.log(gradient.pastel('   get your website ready for tomorrow by today - agentic web is coming soon 👀'));
+        console.log();
+        console.log(gradient.cristal('   you\'re not on the waitlist yet'));
+        console.log(gradient.cristal('   let\'s get you registered at web-mcp.net'));
+        console.log();
+        console.log(chalk.green('   launching web-mcp.net 🚀'));
+        console.log();
+
+        // Open the website
+        const platform = process.platform;
+        const command = platform === 'darwin' ? 'open' :
+                       platform === 'win32' ? 'start' : 'xdg-open';
+        exec(`${command} https://web-mcp.net`);
+
+        setTimeout(() => {
+          process.exit(0);
+        }, 1000);
+      }
+    }, 1000);
+  }
+});

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "webmcp-cli",
+  "version": "1.0.0",
+  "description": "Animated ASCII art display for webmcp",
+  "bin": {
+    "webmcp-cli": "./index.js"
+  },
+  "files": [
+    "index.js"
+  ],
+  "keywords": [
+    "cli",
+    "ascii",
+    "animation"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "figlet": "^1.7.0",
+    "gradient-string": "^2.0.2",
+    "chalk": "^4.1.2"
+  }
+}