flightdesk 0.2.4 → 0.2.5

package/main.js

@@ -3577,7 +3577,51 @@ var path2 = __toESM(require("node:path"));
 var os2 = __toESM(require("node:os"));
 var fs2 = __toESM(require("node:fs"));
 var readline2 = __toESM(require("node:readline"));
+var import_node_child_process = require("node:child_process");
 var playwright = null;
+var PlaywrightBrowserNotInstalledError = class extends Error {
+  constructor(autoInstallError) {
+    const baseMessage = "Playwright browser not installed.";
+    const autoInstallInfo = autoInstallError ? `
+
+Auto-install failed: ${autoInstallError}
+` : "\n\n";
+    super(
+      baseMessage + autoInstallInfo + "Run one of the following commands:\n\n  npx playwright install chromium    # Just Chromium (recommended)\n  npx playwright install             # All browsers\n\nThen retry your command."
+    );
+    this.name = "PlaywrightBrowserNotInstalledError";
+  }
+};
+function isBrowserNotInstalledError(error) {
+  if (!(error instanceof Error)) return false;
+  return error.message.includes("Executable doesn't exist") || error.message.includes("browserType.launch") || error.message.includes("npx playwright install");
+}
+var autoInstallAttempted = false;
+function tryAutoInstallBrowsers() {
+  if (autoInstallAttempted) {
+    return false;
+  }
+  autoInstallAttempted = true;
+  console.log("");
+  console.log("\u{1F4E6} Playwright browser not found. Installing automatically...");
+  console.log("");
+  try {
+    (0, import_node_child_process.execSync)("npx playwright install chromium", {
+      stdio: "inherit",
+      timeout: 12e4
+      // 2 minute timeout
+    });
+    console.log("");
+    console.log("\u2705 Browser installed successfully!");
+    console.log("");
+    return true;
+  } catch (error) {
+    console.error("");
+    console.error("\u274C Auto-install failed:", error instanceof Error ? error.message : String(error));
+    console.error("");
+    return false;
+  }
+}
 var USER_DATA_DIR = path2.join(os2.homedir(), ".flightdesk", "chromium-profile");
 var STORAGE_STATE_FILE = path2.join(os2.homedir(), ".flightdesk", "auth-state.json");
 var PersistentBrowser = class {
@@ -3605,9 +3649,29 @@ var PersistentBrowser = class {
       throw new Error("Playwright not available");
     }
     ensureUserDataDir();
-    this.browser = await playwright.chromium.launch({
-      headless: this.headless
-    });
+    try {
+      this.browser = await playwright.chromium.launch({
+        headless: this.headless
+      });
+    } catch (error) {
+      if (isBrowserNotInstalledError(error)) {
+        if (tryAutoInstallBrowsers()) {
+          try {
+            this.browser = await playwright.chromium.launch({
+              headless: this.headless
+            });
+          } catch (retryError) {
+            throw new PlaywrightBrowserNotInstalledError(
+              retryError instanceof Error ? retryError.message : String(retryError)
+            );
+          }
+        } else {
+          throw new PlaywrightBrowserNotInstalledError();
+        }
+      } else {
+        throw error;
+      }
+    }
     const hasAuthState = fs2.existsSync(STORAGE_STATE_FILE);
     const contextOptions = {
       viewport: { width: 1280, height: 720 },
@@ -3702,7 +3766,26 @@ async function launchBrowser(headless) {
     throw new Error("Playwright not available");
   }
   ensureUserDataDir();
-  const browser = await playwright.chromium.launch({ headless });
+  let browser;
+  try {
+    browser = await playwright.chromium.launch({ headless });
+  } catch (error) {
+    if (isBrowserNotInstalledError(error)) {
+      if (tryAutoInstallBrowsers()) {
+        try {
+          browser = await playwright.chromium.launch({ headless });
+        } catch (retryError) {
+          throw new PlaywrightBrowserNotInstalledError(
+            retryError instanceof Error ? retryError.message : String(retryError)
+          );
+        }
+      } else {
+        throw new PlaywrightBrowserNotInstalledError();
+      }
+    } else {
+      throw error;
+    }
+  }
   const hasAuthState = fs2.existsSync(STORAGE_STATE_FILE);
   const contextOptions = {
     viewport: { width: 1280, height: 720 },
@@ -3915,7 +3998,23 @@ async function detectActiveSpinner(page) {
   try {
     const spinner = await page.$(".code-spinner-animate");
     if (spinner) {
-      return true;
+      const isVisibleAndAnimating = await spinner.evaluate((el) => {
+        const style = globalThis.getComputedStyle(el);
+        if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") {
+          return false;
+        }
+        if (style.animationName && style.animationName !== "none") {
+          return true;
+        }
+        if (style.animationPlayState === "paused") {
+          return false;
+        }
+        const rect = el.getBoundingClientRect();
+        return rect.width > 0 && rect.height > 0;
+      });
+      if (isVisibleAndAnimating) {
+        return true;
+      }
     }
     const spinnerByContent = await page.$('span:has-text("\u273D")');
     if (spinnerByContent) {
@@ -3924,10 +4023,19 @@ async function detectActiveSpinner(page) {
         while (current) {
           const classList = current.classList;
           if (classList?.contains("code-spinner-animate")) {
-            return true;
+            const style2 = globalThis.getComputedStyle(current);
+            if (style2.display === "none" || style2.visibility === "hidden" || style2.opacity === "0") {
+              current = current.parentElement;
+              continue;
+            }
+            if (style2.animationPlayState === "paused") {
+              current = current.parentElement;
+              continue;
+            }
+            return style2.animationName !== "none";
           }
           const style = globalThis.getComputedStyle(current);
-          if (style.animationName && style.animationName !== "none") {
+          if (style.animationName && style.animationName !== "none" && style.animationPlayState !== "paused") {
             return true;
           }
           current = current.parentElement;
@@ -3954,30 +4062,48 @@ async function authCommand() {
   console.log(`Profile directory: ${USER_DATA_DIR}
 `);
   console.log("Checking current authentication status...");
-  const isAuthenticated = await checkAuth();
-  if (isAuthenticated) {
-    console.log("\u2705 Already logged in to Claude!");
-    console.log("\nThe watch daemon will be able to monitor your sessions.");
-    return;
+  try {
+    const isAuthenticated = await checkAuth();
+    if (isAuthenticated) {
+      console.log("\u2705 Already logged in to Claude!");
+      console.log("\nThe watch daemon will be able to monitor your sessions.");
+      return;
+    }
+  } catch (error) {
+    if (error instanceof PlaywrightBrowserNotInstalledError) {
+      console.error("");
+      console.error("\u274C " + error.message);
+      process.exit(1);
+    }
+    throw error;
   }
   console.log("\u274C Not logged in to Claude.\n");
   console.log("Opening browser for login...");
   console.log("Please log in to your Claude account.\n");
-  const loginSuccessful = await openForLogin();
-  if (loginSuccessful) {
-    console.log("\n\u2705 Successfully logged in!");
-    console.log("The watch daemon can now monitor your Claude Code sessions.");
-  } else {
-    console.log("\n\u274C Login was not detected.");
-    console.log("Please try again with: flightdesk auth");
+  try {
+    const loginSuccessful = await openForLogin();
+    if (loginSuccessful) {
+      console.log("\n\u2705 Successfully logged in!");
+      console.log("The watch daemon can now monitor your Claude Code sessions.");
+    } else {
+      console.log("\n\u274C Login was not detected.");
+      console.log("Please try again with: flightdesk auth");
+    }
+  } catch (error) {
+    if (error instanceof PlaywrightBrowserNotInstalledError) {
+      console.error("");
+      console.error("\u274C " + error.message);
+      process.exit(1);
+    }
+    throw error;
   }
 }
 
 // apps/cli/src/lib/git.ts
-var import_node_child_process = require("node:child_process");
+var import_node_child_process2 = require("node:child_process");
 function detectGitRepo() {
   try {
-    const remoteUrl = (0, import_node_child_process.execSync)("git remote get-url origin", {
+    const remoteUrl = (0, import_node_child_process2.execSync)("git remote get-url origin", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -3985,7 +4111,7 @@ function detectGitRepo() {
     if (!repoFullName) {
       return null;
     }
-    const branch = (0, import_node_child_process.execSync)("git rev-parse --abbrev-ref HEAD", {
+    const branch = (0, import_node_child_process2.execSync)("git rev-parse --abbrev-ref HEAD", {
       encoding: "utf-8",
       stdio: ["pipe", "pipe", "pipe"]
     }).trim();
@@ -4263,16 +4389,25 @@ async function watchCommand(options) {
   } else {
     browser = new PersistentBrowser(options.headless !== false);
     console.log("Checking Claude authentication...");
-    const isAuthenticated = await browser.checkAuth();
-    if (!isAuthenticated) {
-      console.log("\u26A0\uFE0F  Not logged into Claude. Run: flightdesk auth");
-      console.log("");
-      await browser.close();
-      browser = null;
-    } else {
-      console.log("\u2705 Playwright ready, Claude authenticated");
-      console.log("   (Browser session kept alive for monitoring)");
-      console.log("");
+    try {
+      const isAuthenticated = await browser.checkAuth();
+      if (!isAuthenticated) {
+        console.log("\u26A0\uFE0F  Not logged into Claude. Run: flightdesk auth");
+        console.log("");
+        await browser.close();
+        browser = null;
+      } else {
+        console.log("\u2705 Playwright ready, Claude authenticated");
+        console.log("   (Browser session kept alive for monitoring)");
+        console.log("");
+      }
+    } catch (error) {
+      if (error instanceof PlaywrightBrowserNotInstalledError) {
+        console.error("");
+        console.error("\u274C " + error.message);
+        process.exit(1);
+      }
+      throw error;
     }
   }
   const api = FlightDeskAPI.fromConfig(config, org2);
@@ -5254,7 +5389,7 @@ ${projects.length} project(s)`);
 }
 
 // apps/cli/src/commands/preview.ts
-var import_node_child_process2 = require("node:child_process");
+var import_node_child_process3 = require("node:child_process");
 var path3 = __toESM(require("node:path"));
 var os3 = __toESM(require("node:os"));
 var fs4 = __toESM(require("node:fs"));
@@ -5360,7 +5495,7 @@ async function handleLogs(api, options) {
 `);
     validateSSHParams(instance);
     const sshCommand = `docker logs -f ${instance.containerId}`;
-    const ssh = (0, import_node_child_process2.spawn)("ssh", [
+    const ssh = (0, import_node_child_process3.spawn)("ssh", [
       "-o",
       "StrictHostKeyChecking=no",
       "-o",
@@ -5400,7 +5535,7 @@ async function handleMount(api, options) {
     await new Promise((resolve) => setTimeout(resolve, 3e3));
   }
   try {
-    (0, import_node_child_process2.execSync)("which sshfs", { stdio: "ignore" });
+    (0, import_node_child_process3.execSync)("which sshfs", { stdio: "ignore" });
   } catch {
     console.error("\u274C sshfs is not installed.");
     console.error("");
@@ -5421,7 +5556,7 @@ async function handleMount(api, options) {
     fs4.mkdirSync(mountDir, { recursive: true });
   }
   try {
-    const mounted = (0, import_node_child_process2.execSync)("mount", { encoding: "utf8" });
+    const mounted = (0, import_node_child_process3.execSync)("mount", { encoding: "utf8" });
     if (mounted.includes(mountDir)) {
       console.log(`\u{1F4C1} Already mounted at ${mountDir}`);
       return;
@@ -5447,7 +5582,7 @@ async function handleMount(api, options) {
     mountDir
   ];
   try {
-    const result = (0, import_node_child_process2.spawnSync)("sshfs", sshfsArgs, { stdio: "inherit" });
+    const result = (0, import_node_child_process3.spawnSync)("sshfs", sshfsArgs, { stdio: "inherit" });
     if (result.status !== 0) {
       throw new Error(`sshfs exited with code ${result.status}`);
     }
@@ -5481,9 +5616,9 @@ async function handleUnmount(_api, options) {
   try {
     let result;
     if (process.platform === "darwin") {
-      result = (0, import_node_child_process2.spawnSync)("umount", [mountDir], { stdio: "inherit" });
+      result = (0, import_node_child_process3.spawnSync)("umount", [mountDir], { stdio: "inherit" });
     } else {
-      result = (0, import_node_child_process2.spawnSync)("fusermount", ["-u", mountDir], { stdio: "inherit" });
+      result = (0, import_node_child_process3.spawnSync)("fusermount", ["-u", mountDir], { stdio: "inherit" });
     }
     if (result.status !== 0) {
       throw new Error(`Unmount exited with code ${result.status}`);
@@ -5523,7 +5658,7 @@ async function handleTeardown(api, options) {
 
 // apps/cli/src/main.ts
 var program2 = new Command();
-program2.name("flightdesk").description("FlightDesk CLI - AI task management for Claude Code sessions").version("0.2.4").option("--dev", "Use local development API (localhost:3000)").option("--api <url>", "Use custom API URL");
+program2.name("flightdesk").description("FlightDesk CLI - AI task management for Claude Code sessions").version("0.2.5").option("--dev", "Use local development API (localhost:3000)").option("--api <url>", "Use custom API URL");
 program2.hook("preAction", () => {
   const opts = program2.opts();
   if (opts.api) {