@leg3ndy/otto-bridge 0.6.7 → 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.7.tgz
+npm install -g ./leg3ndy-otto-bridge-0.6.8.tgz
 ```
 
-No `0.6.7`, `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.7`:
+Fluxo recomendado no `0.6.8`:
 
 ```bash
 otto-bridge extensions --install whatsappweb
@@ -116,7 +116,7 @@ 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.7`:
+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, sem depender de uma aba aberta no Safari

package/dist/types.js

@@ -1,5 +1,5 @@
 export const BRIDGE_CONFIG_VERSION = 1;
-export const BRIDGE_VERSION = "0.6.7";
+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

@@ -115,8 +115,7 @@ export class WhatsAppBackgroundBrowser {
         this.page = pages[0] || await this.context.newPage();
         await this.ensureWhatsAppPage();
         if (this.options.background) {
-            await this.moveWindowOffscreen();
-            await this.hideAppFromDock();
+            await this.ensureBackgroundPlacement();
         }
     }
     async close() {
@@ -131,6 +130,13 @@ export class WhatsAppBackgroundBrowser {
     async waitForTimeout(timeoutMs) {
         await this.page?.waitForTimeout(Math.max(0, Number(timeoutMs || 0)));
     }
+    async ensureBackgroundPlacement() {
+        if (!this.options.background) {
+            return;
+        }
+        await this.moveWindowOffscreen();
+        await this.hideAppFromDock();
+    }
     async moveWindowOffscreen() {
         const context = this.context;
         const page = this.page;
@@ -164,15 +170,26 @@ export class WhatsAppBackgroundBrowser {
             return;
         }
         const browserPid = await this.findBrowserProcessId();
-        if (!browserPid) {
-            return;
+        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 script = [
+        const fallbackScript = [
             'tell application "System Events"',
-            `set visible of (first application process whose unix id is ${browserPid}) to false`,
+            '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", script]).catch(() => undefined);
+        await runCommand("osascript", ["-e", fallbackScript]).catch(() => undefined);
     }
     async findBrowserProcessId() {
         if (process.platform !== "darwin") {
@@ -320,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)
@@ -360,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();
@@ -568,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) {

package/package.json

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