tunnelhook 0.1.0 → 0.1.2

package/README.md

@@ -39,7 +39,7 @@ This will:
 
 Your webhook URL will be:
 ```
-https://tunnelhook-server-shkumbinhasani.shkumbinhasani20001439.workers.dev/hooks/stripe-dev
+https://api.tunnelhook.com/hooks/stripe-dev
 ```
 
 ### Interactive mode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tunnelhook",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "CLI tool for receiving and forwarding webhooks via TunnelHook",
   "type": "module",
   "module": "src/index.tsx",
@@ -24,6 +24,15 @@
     "forward"
   ],
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/plutolaboratories/tunnelhook.git",
+    "directory": "apps/tui"
+  },
+  "publishConfig": {
+    "provenance": true,
+    "access": "public"
+  },
   "engines": {
     "bun": ">=1.0.0"
   },

package/src/index.tsx

@@ -19,8 +19,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 // ---------------------------------------------------------------------------
 
 const SERVER_URL =
-  process.env.TUNNELHOOK_SERVER_URL ??
-  "https://tunnelhook-server-shkumbinhasani.shkumbinhasani20001439.workers.dev";
+  process.env.TUNNELHOOK_SERVER_URL ?? "https://api.tunnelhook.com";
 const WS_URL = SERVER_URL.replace(/^http/, "ws");
 
 // ---------------------------------------------------------------------------
@@ -166,10 +165,13 @@ function loadSession(): string | null {
 function saveSession(cookies: string): void {
   try {
     if (!existsSync(CONFIG_DIR)) {
-      mkdirSync(CONFIG_DIR, { recursive: true });
+      mkdirSync(CONFIG_DIR, { recursive: true, mode: 0o700 });
     }
     const data: SessionData = { cookies, serverUrl: SERVER_URL };
-    writeFileSync(SESSION_FILE, JSON.stringify(data, null, 2), "utf-8");
+    writeFileSync(SESSION_FILE, JSON.stringify(data, null, 2), {
+      encoding: "utf-8",
+      mode: 0o600,
+    });
   } catch {
     // Non-critical — session just won't persist
   }
@@ -382,9 +384,39 @@ async function handleLoginCommand(): Promise<never> {
   console.log(`Server: ${SERVER_URL}\n`);
 
   const email = await ask("Email: ");
-  const password = await ask("Password: ");
   rl.close();
 
+  // Read password with masked input (echo asterisks instead of plaintext)
+  const password = await new Promise<string>((resolve) => {
+    process.stdout.write("Password: ");
+    let pwd = "";
+    process.stdin.setRawMode(true);
+    process.stdin.resume();
+    process.stdin.setEncoding("utf8");
+    const onData = (ch: string) => {
+      if (ch === "\r" || ch === "\n") {
+        process.stdin.setRawMode(false);
+        process.stdin.pause();
+        process.stdin.removeListener("data", onData);
+        process.stdout.write("\n");
+        resolve(pwd);
+      } else if (ch === "\u007F" || ch === "\b") {
+        if (pwd.length > 0) {
+          pwd = pwd.slice(0, -1);
+          process.stdout.write("\b \b");
+        }
+      } else if (ch === "\u0003") {
+        // Ctrl+C
+        process.stdout.write("\n");
+        process.exit(0);
+      } else {
+        pwd += ch;
+        process.stdout.write("*");
+      }
+    };
+    process.stdin.on("data", onData);
+  });
+
   console.log("\nSigning in...");
   const result = await signIn(email, password);
 
@@ -673,12 +705,30 @@ function LoginScreen({ onLogin }: { onLogin: () => void }) {
       setFocusField((prev: "email" | "password") =>
         prev === "email" ? "password" : "email"
       );
+      return;
     }
     if ((key.name === "enter" || key.name === "return") && !loading) {
       handleSubmit();
+      return;
+    }
+
+    // Manually handle password input since we display masked characters
+    if (focusField === "password") {
+      if (key.name === "backspace") {
+        setPassword((prev) => prev.slice(0, -1));
+      } else if (
+        key.sequence &&
+        key.sequence.length === 1 &&
+        !key.ctrl &&
+        !key.meta
+      ) {
+        setPassword((prev) => prev + key.sequence);
+      }
     }
   });
 
+  const maskedPassword = "*".repeat(password.length);
+
   return (
     <box
       alignItems="center"
@@ -715,16 +765,15 @@ function LoginScreen({ onLogin }: { onLogin: () => void }) {
           />
 
           <text fg={COLORS.text}>Password</text>
-          <input
-            backgroundColor={COLORS.bg}
-            focused={focusField === "password"}
-            focusedBackgroundColor="#1c2128"
-            onChange={setPassword}
-            placeholder="password"
-            textColor={COLORS.text}
-            value={password}
+          <box
+            backgroundColor={focusField === "password" ? "#1c2128" : COLORS.bg}
+            height={1}
             width={40}
-          />
+          >
+            <text fg={password.length > 0 ? COLORS.text : COLORS.textDim}>
+              {password.length > 0 ? maskedPassword : "password"}
+            </text>
+          </box>
 
           {error ? <text fg={COLORS.red}>{error}</text> : null}
           {loading ? (
@@ -1138,6 +1187,10 @@ function MonitorScreen({
   const [selectedIndex, setSelectedIndex] = useState(0);
   const [connected, setConnected] = useState(false);
   const [wsStatus, setWsStatus] = useState<string>("connecting...");
+  const [reconnectAttempt, setReconnectAttempt] = useState(0);
+  const reconnectTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(
+    null
+  );
   const wsRef = useRef<WebSocket | null>(null);
 
   // Connect to WebSocket as a machine
@@ -1159,6 +1212,7 @@ function MonitorScreen({
     ws.addEventListener("open", () => {
       setConnected(true);
       setWsStatus("connected");
+      setReconnectAttempt(0);
     });
 
     ws.addEventListener("message", (msgEvent) => {
@@ -1274,9 +1328,21 @@ function MonitorScreen({
       }
     });
 
-    ws.addEventListener("close", () => {
+    ws.addEventListener("close", (event) => {
       setConnected(false);
       setWsStatus("disconnected");
+
+      // Don't reconnect if intentionally closed (code 1000) or component unmounting
+      if (event.code === 1000) {
+        return;
+      }
+
+      const delay = Math.min(1000 * 2 ** reconnectAttempt, 30_000);
+      setWsStatus(`reconnecting in ${Math.round(delay / 1000)}s...`);
+
+      reconnectTimeoutRef.current = setTimeout(() => {
+        setReconnectAttempt((prev) => prev + 1);
+      }, delay);
     });
 
     ws.addEventListener("error", () => {
@@ -1284,9 +1350,12 @@ function MonitorScreen({
     });
 
     return () => {
-      ws.close();
+      if (reconnectTimeoutRef.current) {
+        clearTimeout(reconnectTimeoutRef.current);
+      }
+      ws.close(1000); // Intentional close — code 1000 prevents reconnect
     };
-  }, [ep.slug, mach.id, mach.name, mach.forwardUrl]);
+  }, [ep.slug, mach.id, mach.name, mach.forwardUrl, reconnectAttempt]);
 
   useKeyboard((key) => {
     if (key.name === "q" || (key.ctrl && key.name === "c")) {