@ayankhandelwal07/local-loop 1.2.0 → 1.3.0

package/dist/index.js

@@ -8,16 +8,18 @@ const commander_1 = require("commander");
 const socket_io_client_1 = require("socket.io-client");
 const axios_1 = __importDefault(require("axios"));
 const chalk_1 = __importDefault(require("chalk"));
+const boxen_1 = __importDefault(require("boxen"));
+const ora_1 = __importDefault(require("ora"));
+const clipboardy_1 = __importDefault(require("clipboardy"));
 // const PRODUCTION_SERVER = 'https://localloop-server.onrender.com';
 // const PRODUCTION_DASHBOARD_URL = 'https://local-loop-gamma.vercel.app'
 const PRODUCTION_SERVER = 'http://localhost:3000';
 const PRODUCTION_DASHBOARD_URL = 'http://localhost:5173';
-let heartbeatInterval;
 const program = new commander_1.Command();
 program
     .version('1.0.1')
     .requiredOption('-p, --port <number>', 'Local port to forward', '3000')
-    .option('-s, --subdomain <string>', 'Desired subdomain', 'random-dev')
+    .option('-s, --subdomain <string>', 'Desired subdomain')
     .option('-h, --host <string>', 'Proxy Server URL', process.env.PROXY_HOST || PRODUCTION_SERVER)
     .option('-k, --key <string>', 'Your Api Key')
     .option('-a, --auth <string>', 'Basic Auth (user:password)')
@@ -25,51 +27,75 @@ program
 const options = program.opts();
 const LOCAL_TARGET = `http://localhost:${options.port}`;
 const PROXY_URL = options.host;
-console.log(chalk_1.default.cyan(`\n🚀 LocalLoop Starting...`));
-console.log(chalk_1.default.gray(`Target: ${LOCAL_TARGET}`));
-console.log(chalk_1.default.gray(`Proxy:  ${PROXY_URL}`));
+const spinner = (0, ora_1.default)({
+    text: 'Connecting to LocalLoop Cloud...',
+    color: 'cyan'
+}).start();
 const socket = (0, socket_io_client_1.io)(PROXY_URL, {
     auth: {
         apiKey: options.key
     }
 });
+let heartbeatInterval;
 socket.on('connect', () => {
-    console.log(chalk_1.default.green(`\n✅ Connected to Proxy!`));
-    console.log(`Registering subdomain: ${chalk_1.default.bold(options.subdomain)}...`);
+    spinner.text = 'Authenticating...';
     socket.emit('register', {
         subdomain: options.subdomain,
         auth: options.auth
     });
 });
 socket.on('registered', (data) => {
-    console.log(chalk_1.default.green(`\n🎉 Tunnel Live at: ${chalk_1.default.bold(data.url)}`));
-    const fullId = data.url.split('/hook/')[1];
+    spinner.succeed('Tunnel Established!');
+    const fullId = data.url.split('/hook/')[1].replace(/\/$/, "");
+    const dashboardUrl = `${PRODUCTION_DASHBOARD_URL}/dashboard/${fullId}`;
+    try {
+        clipboardy_1.default.writeSync(data.url);
+    }
+    catch (e) { }
+    const infoBox = `
+ ${chalk_1.default.bold.cyan('LocalLoop v1.0')} 🚀
+ 
+ ${chalk_1.default.green('✔')} ${chalk_1.default.bold('Tunnel Active')}
+ ${chalk_1.default.gray('---------------------------------------------------')}
+ 
+ 🌍 ${chalk_1.default.bold('Public URL:')}   ${chalk_1.default.white(data.url)}
+ 💻 ${chalk_1.default.bold('Local URL:')}    ${chalk_1.default.white(LOCAL_TARGET)}
+ 📊 ${chalk_1.default.bold('Dashboard:')}    ${chalk_1.default.blue(dashboardUrl)}
+ 
+ ${options.auth ? `🔒 ${chalk_1.default.bold('Auth:')}         ${chalk_1.default.yellow('Enabled')}` : `🔓 ${chalk_1.default.bold('Auth:')}         ${chalk_1.default.gray('None')}`}
+ 
+ ${chalk_1.default.gray('---------------------------------------------------')}
+ ${chalk_1.default.italic.gray('URL copied to clipboard!')}
+    `;
+    console.log((0, boxen_1.default)(infoBox, {
+        padding: 1,
+        margin: 1,
+        borderStyle: 'round',
+        borderColor: 'cyan',
+        backgroundColor: '#111'
+    }));
     if (heartbeatInterval)
         clearInterval(heartbeatInterval);
     heartbeatInterval = setInterval(() => {
         socket.emit('heartbeat', { subdomain: fullId });
     }, 30000);
-    const pathParts = data.url.split('/hook/')[1];
-    console.log(chalk_1.default.green(`📊 Dashboard: ${PRODUCTION_DASHBOARD_URL}/dashboard/${pathParts}`));
-    console.log(chalk_1.default.yellow(`Waiting for requests...\n`));
+    console.log(chalk_1.default.gray(`\nWaiting for incoming requests...`));
 });
 socket.on('error', (err) => {
+    spinner.fail(chalk_1.default.red('Connection Failed'));
     const message = err.message || err;
     console.error(chalk_1.default.red(`❌ Error: ${message}`));
     process.exit(1);
 });
 socket.on("incoming-request", async (payload, callback) => {
     const { method, path, body, headers } = payload;
-    console.log(chalk_1.default.blue(`📨 ${method} ${path}`));
+    const methodColor = method === 'GET' ? chalk_1.default.blue : method === 'POST' ? chalk_1.default.green : chalk_1.default.yellow;
+    process.stdout.write(`${methodColor(method)} ${path} `);
     try {
         const cleanHeaders = { ...headers };
         Object.keys(cleanHeaders).forEach(key => {
             const lowerKey = key.toLowerCase();
-            if (lowerKey === 'host' ||
-                lowerKey === 'content-length' ||
-                lowerKey === 'accept-encoding' ||
-                lowerKey === 'origin' ||
-                lowerKey === 'referer') {
+            if (['host', 'content-length', 'accept-encoding', 'origin', 'referer'].includes(lowerKey)) {
                 delete cleanHeaders[key];
             }
         });
@@ -79,41 +105,52 @@ socket.on("incoming-request", async (payload, callback) => {
             url: `${LOCAL_TARGET}/${path}`,
             headers: cleanHeaders,
             data: body,
-            validateStatus: () => true
+            validateStatus: () => true,
+            responseType: 'arraybuffer'
         });
-        console.log(chalk_1.default.green(`   ↳ Forwarded Successfully (${response.status})`));
+        const statusColor = response.status < 300 ? chalk_1.default.green : response.status < 400 ? chalk_1.default.yellow : chalk_1.default.red;
+        console.log(`→ ${statusColor(response.status)}`);
         const responseHeaders = { ...response.headers };
         delete responseHeaders["content-length"];
         delete responseHeaders["transfer-encoding"];
         delete responseHeaders["content-encoding"];
         delete responseHeaders["connection"];
+        const contentType = (responseHeaders['content-type'] || '').toLowerCase();
+        const isBinary = contentType.includes('image') ||
+            contentType.includes('pdf') ||
+            contentType.includes('zip') ||
+            contentType.includes('octet-stream') ||
+            contentType.includes('font') ||
+            contentType.includes('video') ||
+            contentType.includes('audio');
+        const responseData = isBinary
+            ? Buffer.from(response.data).toString('base64')
+            : Buffer.from(response.data).toString('utf8');
         const responseToProxy = {
             status: response.status,
             headers: responseHeaders,
-            data: response.data
+            data: responseData,
+            isBinary
         };
         callback(responseToProxy);
     }
     catch (error) {
+        console.log(chalk_1.default.red(`→ FAILED`));
         if (error instanceof Error) {
-            console.error(chalk_1.default.red(`   ↳ Failed to connect to local app: ${error.message}`));
+            console.error(chalk_1.default.dim(`   ${error.message}`));
         }
         else {
-            console.error(chalk_1.default.red(`   ↳ Failed to connect to local app: ${error}`));
+            console.error(chalk_1.default.dim(`   ${String(error)}`));
         }
-        const errorResponse = {
+        callback({
             status: 502,
             headers: {},
-            data: {
-                error: "LocalLoop Error",
-                details: error instanceof Error ? error.message : String(error)
-            }
-        };
-        callback(errorResponse);
+            data: JSON.stringify({ error: "LocalLoop Error", details: String(error) })
+        });
     }
 });
 socket.on('disconnect', () => {
     if (heartbeatInterval)
         clearInterval(heartbeatInterval);
-    console.log(chalk_1.default.red('\n🔌 Disconnected from Proxy. Retrying...'));
+    console.log(chalk_1.default.yellow('\n⚠️  Disconnected from Proxy. Retrying...'));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ayankhandelwal07/local-loop",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "bin": {
     "super-loop": "dist/index.js"
   },
@@ -25,9 +25,12 @@
   "type": "commonjs",
   "dependencies": {
     "axios": "^1.13.2",
+    "boxen": "^5.1.2",
     "chalk": "^4.1.2",
+    "clipboardy": "^2.3.0",
     "commander": "^14.0.2",
     "dotenv": "^17.2.3",
+    "ora": "^5.4.1",
     "socket.io-client": "^4.8.3"
   },
   "devDependencies": {