@tongil_kim/clautunnel 1.0.0 → 1.2.0

package/README.md

@@ -26,15 +26,21 @@ clautunnel setup
 ```
 
 You'll need:
-- **Supabase Project URL**: Dashboard → Settings → API (e.g., `https://xxxx.supabase.co`)
-- **Supabase Anon Key**: Dashboard → Settings → API → `anon` `public` key
+- **Supabase Project ID**: Dashboard → Settings → General → Project ID
+- **Supabase Anon Key**: Dashboard → Settings → API Keys → Legacy anon Tab → Copy anon key
 
 ## Usage
 
 ```bash
-# Authenticate
+# Create account (first time)
+clautunnel signup
+
+# Login (returning user)
 clautunnel login
 
+# Logout
+clautunnel logout
+
 # Start a session
 clautunnel start
 

package/dist/index.js

@@ -155,7 +155,7 @@ var require_dist = __commonJS({
 
 // src/index.ts
 import { config } from "dotenv";
-import { resolve, dirname as dirname2 } from "path";
+import { resolve as resolve2, dirname as dirname2 } from "path";
 import { readFileSync as readFileSync5 } from "fs";
 import { fileURLToPath } from "url";
 
@@ -236,7 +236,7 @@ var Config = class {
   requireConfiguration() {
     if (!this.isConfigured()) {
       throw new ConfigurationError(
-        'ClauTunnel is not configured.\n\nPlease run "clautunnel setup" to configure your Supabase credentials,\nor set the following environment variables:\n  - SUPABASE_URL\n  - SUPABASE_ANON_KEY'
+        'ClauTunnel is not configured.\n\nRun "clautunnel setup" to configure your Supabase credentials.\n\nOr set environment variables in your shell profile (~/.zshrc or ~/.bashrc):\n  export SUPABASE_URL=https://<project-id>.supabase.co\n  export SUPABASE_ANON_KEY=<your-anon-key>'
       );
     }
   }
@@ -324,26 +324,28 @@ import { EventEmitter } from "events";
 // src/realtime/utils.ts
 var DEFAULT_TIMEOUT = 1e4;
 function subscribeWithTimeout(channel, channelName, timeout = DEFAULT_TIMEOUT) {
-  return new Promise((resolve2) => {
+  return new Promise((resolve3) => {
+    let lastStatus = "unknown";
     const timer = setTimeout(() => {
       console.warn(
-        `[WARN] Realtime subscription timeout for ${channelName}. Mobile sync disabled.`
+        `[WARN] Realtime subscription timeout for ${channelName} (last status: ${lastStatus}).`
       );
-      resolve2(false);
+      resolve3(false);
     }, timeout);
     channel.subscribe((status, err) => {
+      lastStatus = status;
       if (status === "SUBSCRIBED") {
         clearTimeout(timer);
-        resolve2(true);
+        resolve3(true);
       } else if (status === "CHANNEL_ERROR" || status === "CLOSED" || status === "TIMED_OUT") {
         clearTimeout(timer);
         console.warn(
-          `[WARN] Channel ${channelName} ${status.toLowerCase()}. Mobile sync disabled.`
+          `[WARN] Channel ${channelName} ${status.toLowerCase()}.`
         );
         if (err) {
           console.warn(`[WARN] Error details: ${err.message || err}`);
         }
-        resolve2(false);
+        resolve3(false);
       }
     });
   });
@@ -1042,8 +1044,8 @@ var SdkSession = class extends EventEmitter2 {
           this.pendingQuestionData = questionData;
           this.emit("user-question", questionData);
           const answers = await new Promise(
-            (resolve2, reject) => {
-              this.pendingAnswerResolve = resolve2;
+            (resolve3, reject) => {
+              this.pendingAnswerResolve = resolve3;
               options.signal.addEventListener("abort", () => {
                 this.pendingAnswerResolve = null;
                 this.pendingQuestionData = null;
@@ -1098,9 +1100,9 @@ var SdkSession = class extends EventEmitter2 {
       };
       this.pendingPermissionData = requestData;
       this.emit("permission-request", requestData);
-      return new Promise((resolve2, reject) => {
+      return new Promise((resolve3, reject) => {
         this.pendingPermissionRequests.set(requestId, {
-          resolve: resolve2,
+          resolve: resolve3,
           reject,
           signal: options.signal
         });
@@ -2301,7 +2303,7 @@ ${confirmationMsg}
 };
 
 // src/index.ts
-import { Command as Command6 } from "commander";
+import { Command as Command9 } from "commander";
 
 // src/commands/start.ts
 import { Command } from "commander";
@@ -2501,10 +2503,10 @@ async function promptYesNo(question) {
     input: process.stdin,
     output: process.stdout
   });
-  return new Promise((resolve2) => {
+  return new Promise((resolve3) => {
     rl.question(question, (answer) => {
       rl.close();
-      resolve2(answer.toLowerCase() === "y" || answer.toLowerCase() === "yes");
+      resolve3(answer.toLowerCase() === "y" || answer.toLowerCase() === "yes");
     });
   });
 }
@@ -2628,10 +2630,13 @@ function createStartCommand() {
       const session = await restoreSession(supabase, config2);
       if (!session) {
         spinner.fail("Not authenticated");
-        logger.error('Run "clautunnel login" first.');
+        logger.error(
+          'Run "clautunnel login" or "clautunnel signup" first.'
+        );
         process.exit(1);
       }
       const { user } = session;
+      spinner.update(`Authenticated as ${user.email}...`);
       let fdaStatus = null;
       if (isMacOS()) {
         spinner.stop();
@@ -2754,9 +2759,12 @@ function createStartCommand() {
       const connected = await machineClient.connect();
       spinner.stop();
       if (!connected) {
-        logger.error(
-          "Failed to connect to realtime. Check your network connection."
-        );
+        logger.error("Failed to connect to Supabase Realtime.");
+        logger.error("");
+        logger.error("This may be a temporary issue. Try the following:");
+        logger.error('  1. Open a new terminal and run "clautunnel start" again');
+        logger.error("  2. Check your network connection");
+        logger.error('  3. Try "clautunnel login" to refresh your session');
         process.exit(1);
       }
       logger.info("");
@@ -2897,7 +2905,7 @@ function createStopCommand() {
         logger.info(`Sent stop signal to daemon (PID: ${pid})`);
         let attempts = 0;
         while (attempts < 10) {
-          await new Promise((resolve2) => setTimeout(resolve2, 500));
+          await new Promise((resolve3) => setTimeout(resolve3, 500));
           try {
             process.kill(pid, 0);
             attempts++;
@@ -2985,10 +2993,10 @@ function prompt(question) {
     input: process.stdin,
     output: process.stdout
   });
-  return new Promise((resolve2) => {
+  return new Promise((resolve3) => {
     rl.question(question, (answer) => {
       rl.close();
-      resolve2(answer);
+      resolve3(answer);
     });
   });
 }
@@ -2997,7 +3005,7 @@ function promptHidden(question) {
     input: process.stdin,
     output: process.stdout
   });
-  return new Promise((resolve2) => {
+  return new Promise((resolve3) => {
     process.stdout.write(question);
     if (process.stdin.isTTY) {
       process.stdin.setRawMode(true);
@@ -3012,7 +3020,7 @@ function promptHidden(question) {
         }
         process.stdout.write("\n");
         rl.close();
-        resolve2(password);
+        resolve3(password);
       } else if (c === "") {
         process.exit(0);
       } else if (c === "\x7F" || c === "\b") {
@@ -3063,6 +3071,11 @@ function createLoginCommand() {
           });
           logger.info("Session saved");
         }
+        logger.info("");
+        logger.info("Next steps:");
+        logger.info('  1. Run "clautunnel start" to begin a session');
+        logger.info("  2. Set up the mobile app:");
+        logger.info("     https://github.com/TongilKim/ClauTunnel#mobile-app-setup");
       }
     } catch (error) {
       if (error instanceof ConfigurationError) {
@@ -3078,10 +3091,100 @@ function createLoginCommand() {
   return command;
 }
 
-// src/commands/setup.ts
+// src/commands/logout.ts
 import { Command as Command5 } from "commander";
+function createLogoutCommand() {
+  const command = new Command5("logout");
+  command.description("Log out of ClauTunnel").action(async () => {
+    const config2 = new Config();
+    const logger = new Logger();
+    const session = config2.getSessionTokens();
+    if (!session) {
+      logger.info("Not currently logged in.");
+      return;
+    }
+    config2.clearSessionTokens();
+    logger.info("Logged out successfully.");
+  });
+  return command;
+}
+
+// src/commands/signup.ts
+import { Command as Command6 } from "commander";
+function createSignupCommand() {
+  const command = new Command6("signup");
+  command.description("Create a new ClauTunnel account").action(async () => {
+    const config2 = new Config();
+    const logger = new Logger();
+    try {
+      config2.requireConfiguration();
+      const supabase = createSupabaseClient(
+        config2.getSupabaseUrl(),
+        config2.getSupabaseAnonKey()
+      );
+      logger.info("Create a new ClauTunnel account");
+      logger.info("");
+      const email = await prompt("Email: ");
+      if (!email) {
+        logger.error("Email is required");
+        process.exit(1);
+      }
+      const password = await promptHidden("Password: ");
+      if (!password) {
+        logger.error("Password is required");
+        process.exit(1);
+      }
+      if (password.length < 6) {
+        logger.error("Password must be at least 6 characters");
+        process.exit(1);
+      }
+      const confirmPassword = await promptHidden("Confirm Password: ");
+      if (password !== confirmPassword) {
+        logger.error("Passwords do not match");
+        process.exit(1);
+      }
+      const { data, error } = await supabase.auth.signUp({
+        email,
+        password
+      });
+      if (error) {
+        logger.error(`Signup failed: ${error.message}`);
+        process.exit(1);
+      }
+      if (data.user) {
+        logger.info("");
+        logger.info(`Account created for ${data.user.email}`);
+        if (data.session) {
+          config2.setSession({
+            accessToken: data.session.access_token,
+            refreshToken: data.session.refresh_token
+          });
+          logger.info("Logged in automatically");
+        }
+        logger.info("");
+        logger.info("Next steps:");
+        logger.info('  1. Run "clautunnel start" to begin a session');
+        logger.info("  2. Set up the mobile app:");
+        logger.info("     https://github.com/TongilKim/ClauTunnel#mobile-app-setup");
+      }
+    } catch (error) {
+      if (error instanceof ConfigurationError) {
+        logger.error(error.message);
+        process.exit(1);
+      }
+      logger.error(
+        `Signup failed: ${error instanceof Error ? error.message : "Unknown error"}`
+      );
+      process.exit(1);
+    }
+  });
+  return command;
+}
+
+// src/commands/setup.ts
+import { Command as Command7 } from "commander";
 function createSetupCommand() {
-  const command = new Command5("setup");
+  const command = new Command7("setup");
   command.description("Configure ClauTunnel with Supabase credentials").action(async () => {
     const config2 = new Config();
     const logger = new Logger();
@@ -3089,43 +3192,41 @@ function createSetupCommand() {
       logger.info("ClauTunnel Setup");
       logger.info("================");
       logger.info("");
-      logger.info("Enter your Supabase credentials to connect ClauTunnel.");
+      logger.info("[Step 1/2] Supabase Project ID");
       logger.info("");
-      logger.info("To find your credentials:");
       logger.info("  1. Go to your Supabase project dashboard");
-      logger.info('  2. Settings > General > Copy "Project URL"');
-      logger.info('  3. Settings > API Keys > Copy "anon public" key');
+      logger.info('  2. Settings > General > Copy "Project ID"');
       logger.info("");
-      const url = await prompt("Supabase Project URL (e.g., https://xxxx.supabase.co): ");
-      if (!url) {
-        logger.error("Supabase URL is required");
+      const projectId = await prompt("Project ID: ");
+      if (!projectId) {
+        logger.error("Supabase Project ID is required");
         process.exit(1);
       }
-      try {
-        const parsedUrl = new URL(url);
-        if (parsedUrl.hostname === "supabase.com") {
-          logger.error("");
-          logger.error("This looks like a dashboard URL, not the API URL.");
-          logger.error("");
-          logger.error("Please use the Project URL from Settings > API, which looks like:");
-          logger.error("  https://your-project-id.supabase.co");
-          logger.error("");
-          logger.error("NOT the dashboard URL:");
-          logger.error("  https://supabase.com/dashboard/project/...");
-          process.exit(1);
-        }
-        if (!parsedUrl.hostname.endsWith(".supabase.co")) {
-          logger.error("");
-          logger.error("Invalid Supabase URL format.");
-          logger.error("The URL should end with .supabase.co");
-          logger.error("Example: https://your-project-id.supabase.co");
-          process.exit(1);
-        }
-      } catch {
-        logger.error("Invalid URL format. Please enter a valid URL (e.g., https://xxxx.supabase.co)");
+      if (projectId.includes("supabase.co") || projectId.startsWith("http")) {
+        logger.error("");
+        logger.error("Please enter only the Project ID, not the full URL.");
+        logger.error("");
+        logger.error("Example: abcdefghijklmnop");
+        logger.error("NOT: https://abcdefghijklmnop.supabase.co");
+        process.exit(1);
+      }
+      if (!/^[a-zA-Z0-9-]+$/.test(projectId)) {
+        logger.error("");
+        logger.error("Invalid Project ID format.");
+        logger.error("The Project ID should only contain letters, numbers, and hyphens.");
+        logger.error("");
+        logger.error("You can find it at: Settings > General > Project ID");
         process.exit(1);
       }
-      const anonKey = await prompt("Supabase Anon Key: ");
+      const url = `https://${projectId}.supabase.co`;
+      logger.info("\u2713 Project ID saved");
+      logger.info("");
+      logger.info("[Step 2/2] Supabase Anon Key");
+      logger.info("");
+      logger.info("  1. Go to your Supabase project dashboard");
+      logger.info("  2. Settings > API Keys > Legacy anon Tab > Copy anon key");
+      logger.info("");
+      const anonKey = await prompt("Anon Key: ");
       if (!anonKey) {
         logger.error("Supabase Anon Key is required");
         process.exit(1);
@@ -3135,8 +3236,8 @@ function createSetupCommand() {
       logger.info("\u2713 Configuration saved successfully!");
       logger.info("");
       logger.info("Next steps:");
-      logger.info('  1. Run "clautunnel login" to authenticate');
-      logger.info('  2. Run "clautunnel start" to begin a session');
+      logger.info('  - New user?      Run "clautunnel signup" to create an account');
+      logger.info('  - Have account?  Run "clautunnel login" to authenticate');
     } catch (error) {
       logger.error(
         `Setup failed: ${error instanceof Error ? error.message : "Unknown error"}`
@@ -3147,21 +3248,78 @@ function createSetupCommand() {
   return command;
 }
 
+// src/commands/mobile-setup.ts
+import { Command as Command8 } from "commander";
+import { existsSync as existsSync5, writeFileSync as writeFileSync3 } from "fs";
+import { join as join6, resolve } from "path";
+function createMobileSetupCommand() {
+  const command = new Command8("mobile-setup");
+  command.description("Generate mobile app .env file from CLI credentials").action(async () => {
+    const config2 = new Config();
+    const logger = new Logger();
+    try {
+      config2.requireConfiguration();
+      const supabaseUrl = config2.getSupabaseUrl();
+      const supabaseAnonKey = config2.getSupabaseAnonKey();
+      const mobileDir = resolve(process.cwd(), "apps", "mobile");
+      if (!existsSync5(mobileDir)) {
+        logger.error("Could not find apps/mobile directory.");
+        logger.error("");
+        logger.error("Make sure you run this command from the ClauTunnel project root:");
+        logger.error("  cd clautunnel");
+        logger.error("  clautunnel mobile-setup");
+        process.exit(1);
+      }
+      const envPath = join6(mobileDir, ".env");
+      if (existsSync5(envPath)) {
+        logger.warn("apps/mobile/.env already exists and will be overwritten.");
+      }
+      const envContent = [
+        `EXPO_PUBLIC_SUPABASE_URL=${supabaseUrl}`,
+        `EXPO_PUBLIC_SUPABASE_ANON_KEY=${supabaseAnonKey}`,
+        ""
+      ].join("\n");
+      writeFileSync3(envPath, envContent);
+      logger.info("");
+      logger.info("Mobile app .env file created successfully!");
+      logger.info(`  ${envPath}`);
+      logger.info("");
+      logger.info("Next steps:");
+      logger.info("  1. cd apps/mobile");
+      logger.info("  2. pnpm start");
+      logger.info("  3. Scan the QR code with Expo Go");
+    } catch (error) {
+      if (error instanceof ConfigurationError) {
+        logger.error(error.message);
+        process.exit(1);
+      }
+      logger.error(
+        `Mobile setup failed: ${error instanceof Error ? error.message : "Unknown error"}`
+      );
+      process.exit(1);
+    }
+  });
+  return command;
+}
+
 // src/index.ts
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname2(__filename);
-config({ path: resolve(__dirname, "../.env"), quiet: true });
+config({ path: resolve2(__dirname, "../.env"), quiet: true });
 var packageJson = JSON.parse(
-  readFileSync5(resolve(__dirname, "../package.json"), "utf-8")
+  readFileSync5(resolve2(__dirname, "../package.json"), "utf-8")
 );
 var version = packageJson.version || "0.0.0";
-var program = new Command6();
+var program = new Command9();
 program.name("clautunnel").description("Remote control for Claude Code CLI").version(version);
 program.addCommand(createSetupCommand());
 program.addCommand(createStartCommand());
 program.addCommand(createStopCommand());
 program.addCommand(createStatusCommand());
 program.addCommand(createLoginCommand());
+program.addCommand(createLogoutCommand());
+program.addCommand(createSignupCommand());
+program.addCommand(createMobileSetupCommand());
 if (process.argv[1]?.includes("clautunnel") || process.argv[1]?.endsWith("/index.js") || process.argv[1]?.endsWith("/index.ts")) {
   program.parse();
 }