devtunnel-cli 3.0.1 → 3.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devtunnel-cli",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "type": "module",
   "description": "Share local dev servers worldwide - Zero config tunnel for any framework",
   "main": "src/core/start.js",

package/src/core/RUN.js

@@ -9,8 +9,9 @@ import { dirname, join } from "path";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
-console.log("\n🚀 DevTunnel - Universal Launcher\n");
-console.log(`📍 Platform detected: ${platform()}\n`);
+// Clear screen before starting
+process.stdout.write('\x1B[2J\x1B[0f');
+console.clear();
 
 // Start the main app
 // start.js is in the same directory as RUN.js (src/core/)

package/src/core/index.js

@@ -28,13 +28,12 @@ if (!PORT || isNaN(PORT) || PORT < 1 || PORT > 65535) {
 let tunnelProcess;
 let currentTunnelType = null;
 
-console.log("╔════════════════════════════════════════════╗");
-console.log("║           🌐 DevTunnel v3.0               ║");
-console.log("╠════════════════════════════════════════════╣");
-console.log(`║  📦 ${PROJECT_NAME.padEnd(38)} ║`);
-console.log(`║  🔌 Port: ${PORT.toString().padEnd(34)} ║`);
-console.log("╚════════════════════════════════════════════╝\n");
-console.log("💡 Ensure dev server is running on port " + PORT + "\n");
+console.log("DevTunnel Tunnel Service");
+console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+console.log(`Project: ${PROJECT_NAME}`);
+console.log(`Port: ${PORT}`);
+console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n");
+console.log("Ensure dev server is running on port " + PORT + "\n");
 
 // Check if project is Vite and auto-fix config for Cloudflare
 async function fixViteConfigForCloudflare() {
@@ -171,13 +170,13 @@ const TUNNEL_SERVICES = [
       }
     },
     needsViteFix: false,
-    warning: "⚠️  Note: LocalTunnel shows a password page on first visit (uses your public IP)"
+    warning: "Note: LocalTunnel shows a password page on first visit (uses your public IP)"
   }
 ];
 
 // Try each tunnel service
 async function tryTunnelServices() {
-  console.log("🔍 Checking available tunnel services...\n");
+  console.log("Checking available tunnel services...\n");
 
   let hasCloudflare = false;
   
@@ -191,15 +190,15 @@ async function tryTunnelServices() {
   
   // Show tip if Cloudflare not installed
   if (!hasCloudflare) {
-    console.log("💡 TIP: Install Cloudflare for best experience (no password, fastest)");
-    console.log("   → winget install Cloudflare.cloudflared\n");
+    console.log("TIP: Install Cloudflare for best experience (no password, fastest)");
+    console.log("   winget install Cloudflare.cloudflared\n");
   }
 
   for (const service of TUNNEL_SERVICES) {
     const available = await service.available();
     
     if (available) {
-      console.log(`✅ ${service.name} is available`);
+      console.log(`${service.name} is available`);
       
       // Show warning if exists
       if (service.warning) {
@@ -208,7 +207,7 @@ async function tryTunnelServices() {
       
       // Skip Vite auto-fix - using proxy server instead
       
-      console.log(`🌐 Starting ${service.name} tunnel...\n`);
+      console.log(`Starting ${service.name} tunnel...\n`);
       
       currentTunnelType = service.name;
       tunnelProcess = spawn(service.command, service.args, {
@@ -223,25 +222,25 @@ async function tryTunnelServices() {
       
       // Check if process is still running
       if (tunnelProcess && !tunnelProcess.killed) {
-        console.log(`\n✅ Successfully connected via ${service.name}!`);
+        console.log(`Successfully connected via ${service.name}!`);
         if (service.name === "LocalTunnel") {
-          console.log("💡 First-time visitors need to enter tunnel password (your public IP)");
-          console.log("💡 Get password at: https://loca.lt/mytunnelpassword\n");
+          console.log("Note: First-time visitors need to enter tunnel password (your public IP)");
+          console.log("Get password at: https://loca.lt/mytunnelpassword\n");
         }
         console.log("Press Ctrl+C to stop the tunnel\n");
         return true;
       }
     } else {
-      console.log(`⚠️  ${service.name} not available`);
+      console.log(`${service.name} not available`);
     }
   }
 
-  console.log("\n❌ No tunnel services available!");
-  console.log("\n💡 Recommended: Install Cloudflare (fastest, no password):");
+  console.log("\nNo tunnel services available!");
+  console.log("\nRecommended: Install Cloudflare (fastest, no password):");
   console.log("   winget install Cloudflare.cloudflared");
-  console.log("\n💡 Or install Ngrok:");
+  console.log("\nOr install Ngrok:");
   console.log("   Download from: https://ngrok.com/download");
-  console.log("\n💡 LocalTunnel is already installed but may require restart");
+  console.log("\nLocalTunnel is already installed but may require restart");
   process.exit(1);
 }
 
@@ -264,22 +263,11 @@ function setupTunnelHandlers(serviceName) {
           const urlMatch = trimmed.match(/(https?:\/\/[^\s]+trycloudflare\.com[^\s]*)/);
           if (urlMatch) {
             const url = urlMatch[1];
-            const minWidth = 60;
-            const urlLength = url.length + 4; // 2 spaces on each side + "║"
-            const boxWidth = Math.max(minWidth, urlLength);
-            
-            console.log("\n╔" + "═".repeat(boxWidth) + "╗");
-            const headerText = "✅ PUBLIC URL";
-            const headerPadding = boxWidth - headerText.length;
-            console.log("║ " + headerText + " ".repeat(Math.max(0, headerPadding)) + "║");
-            console.log("╠" + "═".repeat(boxWidth) + "╣");
-            const urlPadding = boxWidth - url.length;
-            console.log("║ " + url + " ".repeat(Math.max(0, urlPadding)) + "║");
-            console.log("╠" + "═".repeat(boxWidth) + "╣");
-            const shareText = "💡 Share this URL with anyone!";
-            const sharePadding = boxWidth - shareText.length;
-            console.log("║ " + shareText + " ".repeat(Math.max(0, sharePadding)) + "║");
-            console.log("╚" + "═".repeat(boxWidth) + "╝\n");
+            console.log("\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+            console.log("PUBLIC URL:");
+            console.log(url);
+            console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+            console.log("Share this URL with anyone!\n");
           }
         }
         // Show other important messages (but filter out most INF/WRN logs)
@@ -289,18 +277,10 @@ function setupTunnelHandlers(serviceName) {
       } else if (serviceName === "Ngrok") {
         if (trimmed.includes("https://") || trimmed.includes("http://")) {
           const url = trimmed;
-          const minWidth = 60;
-          const urlLength = url.length + 4;
-          const boxWidth = Math.max(minWidth, urlLength);
-          
-          console.log("\n╔" + "═".repeat(boxWidth) + "╗");
-          const headerText = "✅ PUBLIC URL";
-          const headerPadding = boxWidth - headerText.length;
-          console.log("║ " + headerText + " ".repeat(Math.max(0, headerPadding)) + "║");
-          console.log("╠" + "═".repeat(boxWidth) + "╣");
-          const urlPadding = boxWidth - url.length;
-          console.log("║ " + url + " ".repeat(Math.max(0, urlPadding)) + "║");
-          console.log("╚" + "═".repeat(boxWidth) + "╝\n");
+          console.log("\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+          console.log("PUBLIC URL:");
+          console.log(url);
+          console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n");
         }
       } else {
         // LocalTunnel or other services
@@ -308,18 +288,10 @@ function setupTunnelHandlers(serviceName) {
           const urlMatch = trimmed.match(/https?:\/\/[^\s]+/);
           if (urlMatch) {
             const url = urlMatch[0];
-            const minWidth = 60;
-            const urlLength = url.length + 4;
-            const boxWidth = Math.max(minWidth, urlLength);
-            
-            console.log("\n╔" + "═".repeat(boxWidth) + "╗");
-            const headerText = "✅ PUBLIC URL";
-            const headerPadding = boxWidth - headerText.length;
-            console.log("║ " + headerText + " ".repeat(Math.max(0, headerPadding)) + "║");
-            console.log("╠" + "═".repeat(boxWidth) + "╣");
-            const urlPadding = boxWidth - url.length;
-            console.log("║ " + url + " ".repeat(Math.max(0, urlPadding)) + "║");
-            console.log("╚" + "═".repeat(boxWidth) + "╝\n");
+            console.log("\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+            console.log("PUBLIC URL:");
+            console.log(url);
+            console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n");
           }
         }
       }
@@ -334,18 +306,11 @@ function setupTunnelHandlers(serviceName) {
       const urlMatch = output.match(/(https?:\/\/[^\s]+trycloudflare\.com[^\s]*)/);
       if (urlMatch) {
         const url = urlMatch[1];
-        const minWidth = 60;
-        const urlLength = url.length + 4;
-        const boxWidth = Math.max(minWidth, urlLength);
-        
-        console.log("\n╔" + "═".repeat(boxWidth) + "╗");
-        const headerText = "✅ PUBLIC URL";
-        const headerPadding = boxWidth - headerText.length;
-        console.log("║ " + headerText + " ".repeat(Math.max(0, headerPadding)) + "║");
-        console.log("╠" + "═".repeat(boxWidth) + "╣");
-        const urlPadding = boxWidth - url.length;
-        console.log("║ " + url + " ".repeat(Math.max(0, urlPadding)) + "║");
-        console.log("╚" + "═".repeat(boxWidth) + "╝\n");
+        console.log("\n━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+        console.log("PUBLIC URL:");
+        console.log(url);
+        console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+        console.log("Share this URL with anyone!\n");
       }
     }
     
@@ -353,25 +318,25 @@ function setupTunnelHandlers(serviceName) {
     if (!output.includes("INF") && !output.includes("WRN")) {
       const trimmed = output.trim();
       if (trimmed && !trimmed.includes("originCertPath")) {
-        console.error(`⚠️  ${trimmed}`);
+        console.error(`Error: ${trimmed}`);
       }
     }
   });
 
   tunnelProcess.on("error", (error) => {
-    console.error(`\n❌ ${serviceName} error:`, error.message);
+    console.error(`\n${serviceName} error:`, error.message);
   });
 
   tunnelProcess.on("exit", (code) => {
     if (code !== 0 && code !== null) {
-      console.error(`\n⚠️  ${serviceName} exited with code ${code}`);
+      console.error(`\n${serviceName} exited with code ${code}`);
     }
   });
 }
 
 // Handle cleanup on exit
 function cleanup() {
-  console.log("\n\n🛑 Shutting down tunnel...");
+  console.log("\nShutting down tunnel...");
   try {
     if (tunnelProcess) {
       tunnelProcess.kill();

package/src/core/proxy-server.js

@@ -21,7 +21,7 @@ const proxy = httpProxy.createProxyServer({
 
 // Handle proxy errors
 proxy.on("error", (err, req, res) => {
-  console.error("❌ Proxy error:", err.message);
+  console.error("Proxy error:", err.message);
   if (res.writeHead) {
     res.writeHead(502, { "Content-Type": "text/plain" });
     res.end("Bad Gateway: Could not connect to your dev server.\nMake sure it's running on port " + TARGET_PORT);
@@ -52,21 +52,19 @@ server.on("upgrade", (req, socket, head) => {
 
 // Start server
 server.listen(PROXY_PORT, () => {
-  console.log("╔════════════════════════════════════════════╗");
-  console.log("║       🔗 DevTunnel Proxy Server           ║");
-  console.log("╠════════════════════════════════════════════╣");
-  console.log(`║  📦 Project: ${PROJECT_NAME.padEnd(28)} ║`);
-  console.log(`║  🎯 Dev Server: http://localhost:${TARGET_PORT.toString().padEnd(7)} ║`);
-  console.log(`║  🔌 Proxy Port: ${PROXY_PORT.toString().padEnd(28)} ║`);
-  console.log("╠════════════════════════════════════════════╣");
-  console.log("║  ✅ Ready! Tunnel will connect to proxy   ║");
-  console.log("║  💡 No config changes needed              ║");
-  console.log("╚════════════════════════════════════════════╝\n");
+  console.log("DevTunnel Proxy Server");
+  console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+  console.log(`Project: ${PROJECT_NAME}`);
+  console.log(`Dev Server: http://localhost:${TARGET_PORT}`);
+  console.log(`Proxy Port: ${PROXY_PORT}`);
+  console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+  console.log("Ready! Tunnel will connect to proxy");
+  console.log("No config changes needed\n");
 });
 
 // Handle shutdown
 process.on("SIGINT", () => {
-  console.log("\n\n🛑 Shutting down proxy...");
+  console.log("\nShutting down proxy...");
   server.close();
   process.exit(0);
 });

package/src/core/start.js

@@ -35,25 +35,46 @@ async function commandExists(command) {
   return result.code === 0;
 }
 
+// ASCII Logo - Compatible with all OS and terminals
+function showLogo() {
+  console.log("");
+  console.log("  _____            _____                    _ _ ");
+  console.log(" |  __ \\          |_   _|                  | | |");
+  console.log(" | |  | |_   _  ___ | |_   _ _ __   ___  ___| | |");
+  console.log(" | |  | | | | |/ _ \\| | | | | '_ \\ / _ \\/ _ \\ | |");
+  console.log(" | |__| | |_| |  __/| | |_| | | | |  __/  __/ | |");
+  console.log(" |_____/ \\__, |\\___|\\_/\\__,_|_| |_|\\___|\\___|_|_|");
+  console.log("          __/ |                                   ");
+  console.log("         |___/                                    ");
+  console.log("");
+}
+
 // Main function
 async function main() {
-  console.clear();
-  console.log("\n╔════════════════════════════════════════════╗");
-  console.log("║                                            ║");
-  console.log("║           🚀 DevTunnel v3.0               ║");
-  console.log("║                                            ║");
-  console.log("║      Share local servers worldwide         ║");
-  console.log("║                                            ║");
-  console.log("╚════════════════════════════════════════════╝\n");
+  // Clear screen - works on Windows, macOS, Linux
+  // ANSI escape codes for clear screen + cursor to top
+  process.stdout.write('\x1B[2J\x1B[0f');
+  console.clear(); // Fallback for terminals that don't support ANSI
+  
+  // Show ASCII logo
+  showLogo();
+  
+  console.log("DevTunnel v3.0.3");
+  console.log("Share your local dev servers worldwide");
+  console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+  console.log("Developer: maiz");
+  console.log("Repository: https://github.com/maiz-an/DevTunnel");
+  console.log("Website: https://devtunnel.vercel.app");
+  console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n");
 
   // Step 1: Check Node.js
   console.log("[1/4] Checking Node.js...");
   if (!await commandExists("node")) {
-    console.log("❌ ERROR: Node.js not found!");
+    console.log("ERROR: Node.js not found!");
     console.log("Install from: https://nodejs.org/");
     process.exit(1);
   }
-  console.log("✅ SUCCESS: Node.js installed\n");
+  console.log("SUCCESS: Node.js installed\n");
 
   // Step 2: Check Cloudflare (bundled or system-installed)
   console.log("[2/4] Checking Cloudflare...");
@@ -64,37 +85,37 @@ async function main() {
   let cloudflareAvailable = false;
   
   if (hasBundledCloudflared()) {
-    console.log("✅ SUCCESS: Using bundled Cloudflare (no install needed)");
+    console.log("SUCCESS: Using bundled Cloudflare (no install needed)");
     cloudflareAvailable = true;
   } else if (await commandExists("cloudflared")) {
-    console.log("✅ SUCCESS: Cloudflare installed on system");
+    console.log("SUCCESS: Cloudflare installed on system");
     cloudflareAvailable = true;
   } else {
-    console.log("📦 First time setup - Downloading Cloudflare...");
-    console.log("💡 This only happens once (~40MB, 10-30 seconds)\n");
+    console.log("First time setup - Downloading Cloudflare...");
+    console.log("This only happens once (~40MB, 10-30 seconds)\n");
     
     try {
       const bundledPath = await setupCloudflared();
       
       if (bundledPath) {
-        console.log("✅ SUCCESS: Cloudflare ready to use");
+        console.log("SUCCESS: Cloudflare ready to use");
         cloudflareAvailable = true;
       } else {
-        console.log("⚠️  Could not download Cloudflare");
-        console.log("🔄 Will use alternative tunnel services\n");
+        console.log("Could not download Cloudflare");
+        console.log("Will use alternative tunnel services\n");
       }
     } catch (err) {
-      console.log(`⚠️  Setup error: ${err.message}`);
-      console.log("🔄 Will use alternative tunnel services\n");
+      console.log(`Setup error: ${err.message}`);
+      console.log("Will use alternative tunnel services\n");
     }
   }
   
   // Show what's available
   if (!cloudflareAvailable) {
-    console.log("💡 DevTunnel has multi-service fallback:");
-    console.log("   → Cloudflare (fastest, no password)");
-    console.log("   → Ngrok (fast alternative)");
-    console.log("   → LocalTunnel (backup option)");
+    console.log("DevTunnel has multi-service fallback:");
+    console.log("   Cloudflare (fastest, no password)");
+    console.log("   Ngrok (fast alternative)");
+    console.log("   LocalTunnel (backup option)");
     console.log("");
   }
 
@@ -102,32 +123,32 @@ async function main() {
   console.log("[3/4] Checking dependencies...");
   const nodeModulesPath = join(PROJECT_ROOT, "node_modules");
   if (!existsSync(nodeModulesPath)) {
-    console.log("📦 Installing dependencies...\n");
+    console.log("Installing dependencies...\n");
     // Run npm install in the project root directory
     const result = await runCommand("npm", ["install"], PROJECT_ROOT);
     if (result.code !== 0) {
-      console.log("\n❌ ERROR: npm install failed");
+      console.log("\nERROR: npm install failed");
       process.exit(1);
     }
-    console.log("\n✅ SUCCESS: Dependencies installed");
+    console.log("\nSUCCESS: Dependencies installed");
   } else {
-    console.log("✅ SUCCESS: Dependencies already installed");
+    console.log("SUCCESS: Dependencies already installed");
   }
   console.log("");
 
   // Step 4: Select folder using native OS dialog
   console.log("[4/4] Select your project folder...");
-  console.log("⏳ Opening folder picker...\n");
+  console.log("Opening folder picker...\n");
   
   const projectPath = await selectFolder();
   
   if (!projectPath || projectPath.length === 0) {
-    console.log("❌ ERROR: No folder selected");
+    console.log("ERROR: No folder selected");
     process.exit(1);
   }
   
   const projectName = basename(projectPath);
-  console.log(`✅ Selected: ${projectPath}\n`);
+  console.log(`Selected: ${projectPath}\n`);
 
   // Get port
   const portResponse = await prompts({
@@ -138,23 +159,22 @@ async function main() {
   });
   
   if (!portResponse.port) {
-    console.log("❌ ERROR: No port entered");
+    console.log("ERROR: No port entered");
     process.exit(1);
   }
   
   const devPort = portResponse.port;
   const proxyPort = devPort + 1000; // Use port 1000 higher for proxy
 
-  console.log("\n╔════════════════════════════════════════════╗");
-  console.log("║           🔧 Configuration                ║");
-  console.log("╠════════════════════════════════════════════╣");
-  console.log(`║  📦 Project: ${projectName.padEnd(28)} ║`);
-  console.log(`║  🎯 Dev Server: localhost:${devPort.toString().padEnd(17)} ║`);
-  console.log(`║  🔌 Proxy Port: ${proxyPort.toString().padEnd(28)} ║`);
-  console.log("╚════════════════════════════════════════════╝\n");
+  console.log("\nConfiguration:");
+  console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━");
+  console.log(`Project: ${projectName}`);
+  console.log(`Dev Server: localhost:${devPort}`);
+  console.log(`Proxy Port: ${proxyPort}`);
+  console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n");
 
   // Start proxy server
-  console.log("⚡ Starting services...\n");
+  console.log("Starting services...\n");
   const proxyPath = join(__dirname, "proxy-server.js");
   const proxyProcess = spawn("node", [proxyPath, devPort.toString(), proxyPort.toString(), projectName], {
     stdio: "inherit",
@@ -174,7 +194,7 @@ async function main() {
 
   // Handle cleanup
   const cleanup = () => {
-    console.log("\n🛑 Shutting down...");
+    console.log("\nShutting down...");
     proxyProcess.kill();
     tunnelProcess.kill();
     process.exit(0);
@@ -195,6 +215,6 @@ async function main() {
 
 // Run
 main().catch((error) => {
-  console.error("\n❌ ERROR:", error.message);
+  console.error("\nERROR:", error.message);
   process.exit(1);
 });