@tongil_kim/clautunnel 1.6.0 → 1.6.2

package/dist/index.js

@@ -3000,9 +3000,24 @@ var MobileServerManager = class {
     let needsInstall = false;
     try {
       execSync2("which ngrok", { stdio: "pipe" });
+      try {
+        const configOutput = execSync2("ngrok config check", {
+          stdio: "pipe",
+          timeout: 5e3
+        }).toString();
+        if (!configOutput.toLowerCase().includes("valid")) {
+          issues.push(
+            "ngrok authtoken is not configured.\n  1. Sign up at https://ngrok.com\n  2. Copy your authtoken from https://dashboard.ngrok.com/get-started/your-authtoken\n  3. Run: ngrok config add-authtoken <your-token>"
+          );
+        }
+      } catch {
+        issues.push(
+          "ngrok authtoken is not configured.\n  1. Sign up at https://ngrok.com\n  2. Copy your authtoken from https://dashboard.ngrok.com/get-started/your-authtoken\n  3. Run: ngrok config add-authtoken <your-token>"
+        );
+      }
     } catch {
       issues.push(
-        "ngrok is not installed.\n  Install: brew install ngrok\n  Sign up: https://ngrok.com\n  Auth:    ngrok config add-authtoken <your-token>"
+        "ngrok is not installed.\n  Install: brew install ngrok\n  Then configure your account:\n  1. Sign up at https://ngrok.com\n  2. Copy your authtoken from https://dashboard.ngrok.com/get-started/your-authtoken\n  3. Run: ngrok config add-authtoken <your-token>"
       );
     }
     const nodeModulesPath = join5(this.mobileProjectPath, "node_modules");
@@ -3107,28 +3122,58 @@ var MobileServerManager = class {
     }
   }
   async startNgrok() {
+    try {
+      execSync2("killall ngrok", { stdio: "pipe" });
+      await this.sleep(500);
+    } catch {
+    }
     this.ensureLogDir();
     this.ngrokLogStream = createWriteStream(join5(this.logDir, "ngrok.log"));
+    let stderrData = "";
     this.ngrokProcess = spawn2("ngrok", ["http", String(this.expoPort)], {
       stdio: ["ignore", "pipe", "pipe"],
       detached: false
     });
     this.ngrokProcess.stdout?.pipe(this.ngrokLogStream);
-    this.ngrokProcess.stderr?.pipe(this.ngrokLogStream);
+    this.ngrokProcess.stderr?.on("data", (chunk) => {
+      stderrData += chunk.toString();
+      this.ngrokLogStream?.write(chunk);
+    });
     this.ngrokProcess.on("error", () => {
     });
     for (let i = 0; i < 10; i++) {
       await this.sleep(1e3);
+      if (this.ngrokProcess.exitCode !== null) {
+        break;
+      }
       const url = await this.getNgrokTunnelUrl();
       if (url) {
         this.tunnelUrl = url;
         return url;
       }
     }
+    this.ngrokError = this.diagnoseNgrokFailure(stderrData);
     this.killProcess(this.ngrokProcess);
     this.ngrokProcess = null;
     return null;
   }
+  /** Last ngrok error diagnosis (available after startNgrok fails) */
+  ngrokError = null;
+  diagnoseNgrokFailure(stderr) {
+    const lower = stderr.toLowerCase();
+    if (lower.includes("authtoken") || lower.includes("err_ngrok_105") || lower.includes("authentication")) {
+      return "ngrok authentication failed.\n  Your authtoken may be invalid or expired.\n  1. Get a new token at https://dashboard.ngrok.com/get-started/your-authtoken\n  2. Run: ngrok config add-authtoken <your-token>";
+    }
+    if (lower.includes("tunnel session limit") || lower.includes("err_ngrok_108")) {
+      return "ngrok free plan session limit reached.\n  Free accounts allow 1 tunnel at a time.\n  Close other ngrok tunnels or upgrade your plan at https://ngrok.com/pricing";
+    }
+    if (lower.includes("tcp dial") || lower.includes("connection refused")) {
+      return `ngrok could not connect to localhost:${this.expoPort}.
+  This is usually a timing issue \u2014 the tunnel started before Expo was ready.`;
+    }
+    return `ngrok tunnel failed to start.
+  Check logs for details: ${join5(this.logDir, "ngrok.log")}`;
+  }
   async startExpo(tunnelUrl) {
     this.ensureLogDir();
     this.expoLogStream = createWriteStream(join5(this.logDir, "expo.log"));
@@ -3219,7 +3264,7 @@ var MobileServerManager = class {
     this.onProgress("Starting ngrok tunnel...");
     const tunnelUrl = await this.startNgrok();
     if (!tunnelUrl) {
-      return { started: false, error: "Failed to start ngrok tunnel" };
+      return { started: false, error: this.ngrokError ?? "Failed to start ngrok tunnel" };
     }
     this.onProgress("Starting Expo server...");
     const expoStarted = await this.startExpo(tunnelUrl);
@@ -3230,6 +3275,13 @@ var MobileServerManager = class {
     const host = tunnelUrl.replace(/^https?:\/\//, "");
     const expoUrl = `exp://${host}:443`;
     console.log("");
+    console.log("  \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510");
+    console.log("  \u2502  Expo Go is required to open this QR code.      \u2502");
+    console.log("  \u2502  iOS:     https://apps.apple.com/app/id982107779\u2502");
+    console.log("  \u2502  Android: https://play.google.com/store/apps/   \u2502");
+    console.log("  \u2502           details?id=host.exp.exponent          \u2502");
+    console.log("  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518");
+    console.log("");
     console.log("  Scan with Expo Go:");
     qrcode.generate(expoUrl, { small: true }, (code) => {
       for (const line of code.split("\n")) {