@leg3ndy/otto-bridge 0.6.6 → 0.6.8

package/README.md

@@ -33,10 +33,10 @@ Enquanto o pacote nao estiver publicado, voce pode gerar um tarball local:
 
 ```bash
 npm pack
-npm install -g ./leg3ndy-otto-bridge-0.6.6.tgz
+npm install -g ./leg3ndy-otto-bridge-0.6.8.tgz
 ```
 
-No `0.6.6`, `playwright` deixa de ser opcional no `otto-bridge`. O primeiro `npm install -g @leg3ndy/otto-bridge` pode demorar mais porque instala o browser persistente usado pelo WhatsApp Web e pelos fluxos web em background do bridge.
+No `0.6.8`, `playwright` deixa de ser opcional no `otto-bridge`. O primeiro `npm install -g @leg3ndy/otto-bridge` pode demorar mais porque instala o browser persistente usado pelo WhatsApp Web e pelos fluxos web em background do bridge.
 
 ## Publicacao
 
@@ -106,7 +106,7 @@ otto-bridge run --executor clawd-cursor --clawd-url http://127.0.0.1:3847
 
 ### WhatsApp Web em background
 
-Fluxo recomendado no `0.6.6`:
+Fluxo recomendado no `0.6.8`:
 
 ```bash
 otto-bridge extensions --install whatsappweb
@@ -116,10 +116,10 @@ otto-bridge extensions --status whatsappweb
 
 O setup agora abre o login do WhatsApp Web em um browser persistente do proprio bridge. Depois do QR code, o Otto usa a sessao local em background, sem depender de aba visivel no Safari.
 
-Contrato do `0.6.6`:
+Contrato do `0.6.8`:
 
 - `otto-bridge extensions --setup whatsappweb`: autentica a sessao uma vez
-- `otto-bridge run`: mantem o browser persistente do WhatsApp vivo em background enquanto o runtime estiver ativo
+- `otto-bridge run`: mantem o browser persistente do WhatsApp vivo em background enquanto o runtime estiver ativo, sem depender de uma aba aberta no Safari
 - ao parar o `otto-bridge run`: o browser em background e desligado, mas a sessao local fica lembrada para o proximo boot
 
 ### Ver estado local

package/dist/types.js

@@ -1,5 +1,5 @@
 export const BRIDGE_CONFIG_VERSION = 1;
-export const BRIDGE_VERSION = "0.6.6";
+export const BRIDGE_VERSION = "0.6.8";
 export const BRIDGE_PACKAGE_NAME = "@leg3ndy/otto-bridge";
 export const DEFAULT_API_BASE_URL = "http://localhost:8000";
 export const DEFAULT_POLL_INTERVAL_MS = 3000;

package/dist/whatsapp_background.js

@@ -1,3 +1,4 @@
+import { spawn } from "node:child_process";
 import { mkdir } from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath, pathToFileURL } from "node:url";
@@ -104,7 +105,6 @@ export class WhatsAppBackgroundBrowser {
             locale: "pt-BR",
             timezoneId: "America/Sao_Paulo",
             args: [
-                ...(this.options.background ? ["--start-minimized"] : []),
                 "--disable-backgrounding-occluded-windows",
                 "--disable-renderer-backgrounding",
                 "--disable-background-timer-throttling",
@@ -115,7 +115,7 @@ export class WhatsAppBackgroundBrowser {
         this.page = pages[0] || await this.context.newPage();
         await this.ensureWhatsAppPage();
         if (this.options.background) {
-            await this.minimizeWindow();
+            await this.ensureBackgroundPlacement();
         }
     }
     async close() {
@@ -130,7 +130,14 @@ export class WhatsAppBackgroundBrowser {
     async waitForTimeout(timeoutMs) {
         await this.page?.waitForTimeout(Math.max(0, Number(timeoutMs || 0)));
     }
-    async minimizeWindow() {
+    async ensureBackgroundPlacement() {
+        if (!this.options.background) {
+            return;
+        }
+        await this.moveWindowOffscreen();
+        await this.hideAppFromDock();
+    }
+    async moveWindowOffscreen() {
         const context = this.context;
         const page = this.page;
         if (!context || !page || typeof context.newCDPSession !== "function") {
@@ -143,14 +150,82 @@ export class WhatsAppBackgroundBrowser {
             if (Number.isFinite(windowId) && windowId > 0) {
                 await session.send("Browser.setWindowBounds", {
                     windowId,
-                    bounds: { windowState: "minimized" },
+                    bounds: {
+                        windowState: "normal",
+                        left: -2200,
+                        top: 80,
+                        width: 1320,
+                        height: 920,
+                    },
                 });
             }
             await session.detach?.().catch(() => undefined);
         }
         catch {
-            // If minimization fails, keep the runtime alive anyway.
+            // If background placement fails, keep the runtime alive anyway.
+        }
+    }
+    async hideAppFromDock() {
+        if (process.platform !== "darwin") {
+            return;
+        }
+        const browserPid = await this.findBrowserProcessId();
+        if (browserPid) {
+            const script = [
+                'tell application "System Events"',
+                `set visible of (first application process whose unix id is ${browserPid}) to false`,
+                "end tell",
+            ].join("\n");
+            const hidden = await runCommand("osascript", ["-e", script]).then(() => true).catch(() => false);
+            if (hidden) {
+                return;
+            }
         }
+        const fallbackScript = [
+            'tell application "System Events"',
+            'set chromeLikeProcesses to (application processes whose frontmost is true and (name contains "Chrom" or name contains "Chrome"))',
+            'if (count of chromeLikeProcesses) > 0 then',
+            'set visible of item 1 of chromeLikeProcesses to false',
+            "end if",
+            "end tell",
+        ].join("\n");
+        await runCommand("osascript", ["-e", fallbackScript]).catch(() => undefined);
+    }
+    async findBrowserProcessId() {
+        if (process.platform !== "darwin") {
+            return null;
+        }
+        const userDataDir = getWhatsAppBrowserUserDataDir();
+        const result = await runCommand("pgrep", ["-af", userDataDir]).catch(() => null);
+        if (!result) {
+            return null;
+        }
+        const candidates = result
+            .split("\n")
+            .map((line) => line.trim())
+            .filter(Boolean)
+            .map((line) => {
+            const match = line.match(/^(\d+)\s+(.*)$/);
+            if (!match) {
+                return null;
+            }
+            const pid = Number(match[1]);
+            const command = match[2] || "";
+            if (!Number.isFinite(pid) || pid <= 0) {
+                return null;
+            }
+            let score = 0;
+            if (!command.includes("--type="))
+                score += 100;
+            if (command.includes("Chromium.app") || command.includes("chrome"))
+                score += 40;
+            if (command.includes(userDataDir))
+                score += 20;
+            return { pid, score };
+        })
+            .filter((item) => item !== null)
+            .sort((left, right) => right.score - left.score || left.pid - right.pid);
+        return candidates[0]?.pid || null;
     }
     async getSessionState() {
         const state = await this.withPage(async (page) => {
@@ -262,18 +337,29 @@ export class WhatsAppBackgroundBrowser {
             }
             function focusAndReplaceContent(element, value) {
                 element.focus();
+                if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+                    element.value = "";
+                    element.dispatchEvent(new InputEvent("input", { bubbles: true, inputType: "deleteContentBackward", data: null }));
+                    element.value = value;
+                    element.dispatchEvent(new InputEvent("input", { bubbles: true, inputType: "insertText", data: value }));
+                    element.dispatchEvent(new Event("change", { bubbles: true }));
+                    return;
+                }
+                element.textContent = "";
+                element.innerHTML = "";
+                element.dispatchEvent(new InputEvent("input", { bubbles: true, inputType: "deleteContentBackward", data: null }));
                 const selection = window.getSelection();
                 const range = document.createRange();
                 range.selectNodeContents(element);
+                range.collapse(false);
                 selection?.removeAllRanges();
                 selection?.addRange(range);
-                document.execCommand("selectAll", false);
-                document.execCommand("delete", false);
                 document.execCommand("insertText", false, value);
-                if ((element.innerText || "").trim() !== value.trim()) {
+                if (normalize(element.innerText || element.textContent || "") !== normalize(value)) {
                     element.textContent = value;
                 }
                 element.dispatchEvent(new InputEvent("input", { bubbles: true, data: value, inputType: "insertText" }));
+                element.dispatchEvent(new Event("change", { bubbles: true }));
             }
             const candidates = Array.from(document.querySelectorAll('div[contenteditable="true"][role="textbox"], div[contenteditable="true"][data-tab], [data-testid="chat-list-search"] [contenteditable="true"]'))
                 .filter((node) => node instanceof HTMLElement)
@@ -302,55 +388,61 @@ export class WhatsAppBackgroundBrowser {
         if (!prepared.ok) {
             return false;
         }
-        await this.page?.waitForTimeout(900);
-        const result = await this.withPage((page) => page.evaluate((query) => {
-            const normalize = (value) => String(value || "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
-            const normalizedQuery = normalize(query);
-            function isVisible(element) {
-                if (!(element instanceof HTMLElement))
-                    return false;
-                const rect = element.getBoundingClientRect();
-                if (rect.width < 6 || rect.height < 6)
-                    return false;
-                const style = window.getComputedStyle(element);
-                if (style.visibility === "hidden" || style.display === "none" || Number(style.opacity || "1") === 0)
-                    return false;
-                return rect.bottom >= 0 && rect.right >= 0 && rect.top <= window.innerHeight && rect.left <= window.innerWidth;
-            }
-            const titleNodes = Array.from(document.querySelectorAll('span[title], div[title]'))
-                .filter((node) => node instanceof HTMLElement)
-                .filter((node) => isVisible(node))
-                .map((node) => {
-                const text = normalize(node.getAttribute("title") || node.textContent || "");
-                let score = 0;
-                if (text === normalizedQuery)
-                    score += 160;
-                if (text.includes(normalizedQuery))
-                    score += 100;
-                if (normalizedQuery.includes(text) && text.length >= 3)
-                    score += 50;
-                const container = node.closest('[data-testid="cell-frame-container"], [role="listitem"], [role="gridcell"], div[tabindex]');
-                if (container instanceof HTMLElement && isVisible(container))
-                    score += 20;
-                return { node, container, score };
-            })
-                .filter((item) => item.score > 0)
-                .sort((left, right) => right.score - left.score);
-            if (!titleNodes.length) {
-                return { clicked: false, reason: "Nao achei uma conversa visivel com esse nome." };
-            }
-            const winner = titleNodes[0];
-            const target = winner.container instanceof HTMLElement ? winner.container : winner.node;
-            target.scrollIntoView({ block: "center", inline: "center", behavior: "auto" });
-            target.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, cancelable: true, view: window }));
-            target.dispatchEvent(new MouseEvent("mouseup", { bubbles: true, cancelable: true, view: window }));
-            target.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true, view: window }));
-            if (typeof target.click === "function") {
-                target.click();
+        const deadline = Date.now() + 5_000;
+        while (Date.now() < deadline) {
+            await this.page?.waitForTimeout(650);
+            const result = await this.withPage((page) => page.evaluate((query) => {
+                const normalize = (value) => String(value || "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+                const normalizedQuery = normalize(query);
+                function isVisible(element) {
+                    if (!(element instanceof HTMLElement))
+                        return false;
+                    const rect = element.getBoundingClientRect();
+                    if (rect.width < 6 || rect.height < 6)
+                        return false;
+                    const style = window.getComputedStyle(element);
+                    if (style.visibility === "hidden" || style.display === "none" || Number(style.opacity || "1") === 0)
+                        return false;
+                    return rect.bottom >= 0 && rect.right >= 0 && rect.top <= window.innerHeight && rect.left <= window.innerWidth;
+                }
+                const titleNodes = Array.from(document.querySelectorAll('span[title], div[title]'))
+                    .filter((node) => node instanceof HTMLElement)
+                    .filter((node) => isVisible(node))
+                    .map((node) => {
+                    const text = normalize(node.getAttribute("title") || node.textContent || "");
+                    let score = 0;
+                    if (text === normalizedQuery)
+                        score += 160;
+                    if (text.includes(normalizedQuery))
+                        score += 100;
+                    if (normalizedQuery.includes(text) && text.length >= 3)
+                        score += 50;
+                    const container = node.closest('[data-testid="cell-frame-container"], [role="listitem"], [role="gridcell"], div[tabindex]');
+                    if (container instanceof HTMLElement && isVisible(container))
+                        score += 20;
+                    return { node, container, score };
+                })
+                    .filter((item) => item.score > 0)
+                    .sort((left, right) => right.score - left.score);
+                if (!titleNodes.length) {
+                    return { clicked: false, reason: "Nao achei uma conversa visivel com esse nome." };
+                }
+                const winner = titleNodes[0];
+                const target = winner.container instanceof HTMLElement ? winner.container : winner.node;
+                target.scrollIntoView({ block: "center", inline: "center", behavior: "auto" });
+                target.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, cancelable: true, view: window }));
+                target.dispatchEvent(new MouseEvent("mouseup", { bubbles: true, cancelable: true, view: window }));
+                target.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true, view: window }));
+                if (typeof target.click === "function") {
+                    target.click();
+                }
+                return { clicked: true };
+            }, contact));
+            if (result.clicked === true) {
+                return true;
             }
-            return { clicked: true };
-        }, contact));
-        return result.clicked === true;
+        }
+        return false;
     }
     async sendMessage(text) {
         await this.ensureReady();
@@ -510,7 +602,12 @@ export class WhatsAppBackgroundBrowser {
         if (!this.page) {
             throw new Error("WhatsApp background browser nao conseguiu abrir a pagina.");
         }
-        return handler(this.page);
+        try {
+            return await handler(this.page);
+        }
+        finally {
+            await this.ensureBackgroundPlacement().catch(() => undefined);
+        }
     }
 }
 function clipText(text, maxLength) {
@@ -520,6 +617,27 @@ function clipText(text, maxLength) {
     }
     return `${value.slice(0, Math.max(0, maxLength - 1)).trimEnd()}…`;
 }
+function runCommand(command, args) {
+    return new Promise((resolve, reject) => {
+        const child = spawn(command, args, { stdio: ["ignore", "pipe", "pipe"] });
+        let stdout = "";
+        let stderr = "";
+        child.stdout.on("data", (chunk) => {
+            stdout += String(chunk);
+        });
+        child.stderr.on("data", (chunk) => {
+            stderr += String(chunk);
+        });
+        child.on("error", reject);
+        child.on("close", (code) => {
+            if (code === 0) {
+                resolve(stdout.trim());
+                return;
+            }
+            reject(new Error(stderr.trim() || stdout.trim() || `${command} exited with code ${code}`));
+        });
+    });
+}
 export async function detectWhatsAppBackgroundStatus() {
     const availability = await WhatsAppBackgroundBrowser.checkAvailability();
     if (!availability.ok) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leg3ndy/otto-bridge",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "private": false,
   "type": "module",
   "description": "Local companion for Otto Bridge device pairing and WebSocket runtime.",