channel-worker 1.0.30 → 1.0.32

package/lib/command-poller.js

@@ -587,11 +587,13 @@ class CommandPoller {
         ws.on('open', async () => {
           try {
             await send('DOM.enable');
-            // Focus target element via CDP
+            // Focus target element via CDP mouse click (trusted event)
             const rawSel = (focus_selector || '');
             const isXpath = rawSel.startsWith('xpath:');
             const sel = rawSel.replace('xpath:', '').replace(/'/g, "\\'").replace(/"/g, '\\"');
-            const focusResult = await send('Runtime.evaluate', {
+
+            // Get element bounding box
+            const posResult = await send('Runtime.evaluate', {
               expression: `
                 (function() {
                   let el = null;
@@ -600,36 +602,44 @@ class CommandPoller {
                   } else if ('${sel}') {
                     el = document.querySelector('${sel}');
                   }
-                  if (el) { el.focus(); el.click(); return 'focused: ' + (el.tagName || '') + ' ' + (el.getAttribute('aria-label') || '').substring(0, 30); }
-                  // Fallback: dialog editor
-                  const dialog = document.querySelector('[role="dialog"]');
-                  if (dialog) {
-                    const editor = dialog.querySelector('[contenteditable="true"], [role="textbox"]');
-                    if (editor) { editor.focus(); editor.click(); return 'focused_dialog'; }
-                  }
-                  const editors = document.querySelectorAll('[contenteditable="true"], [role="textbox"]');
-                  for (const e of editors) {
-                    if (e.offsetHeight >= 15) { e.focus(); e.click(); return 'focused_fallback'; }
+                  if (!el) {
+                    const dialog = document.querySelector('[role="dialog"]');
+                    if (dialog) el = dialog.querySelector('[contenteditable="true"], [role="textbox"]');
+                    if (!el) {
+                      const editors = document.querySelectorAll('[contenteditable="true"], [role="textbox"]');
+                      for (const e of editors) { if (e.offsetHeight >= 15) { el = e; break; } }
+                    }
                   }
-                  return 'no_editor';
+                  if (!el) return null;
+                  const rect = el.getBoundingClientRect();
+                  return { x: rect.x + rect.width / 2, y: rect.y + rect.height / 2, tag: el.tagName, aria: (el.getAttribute('aria-label') || '').substring(0, 30) };
                 })()
               `,
+              returnByValue: true,
             });
-            console.log('[commands] Focus result:', focusResult?.result?.value);
+
+            const pos = posResult?.result?.value;
+            console.log('[commands] Element position:', JSON.stringify(pos));
+
+            if (pos && pos.x && pos.y) {
+              // Click with real mouse events (trusted)
+              await send('Input.dispatchMouseEvent', { type: 'mousePressed', x: pos.x, y: pos.y, button: 'left', clickCount: 1 });
+              await send('Input.dispatchMouseEvent', { type: 'mouseReleased', x: pos.x, y: pos.y, button: 'left', clickCount: 1 });
+              console.log(`[commands] Mouse clicked at (${pos.x}, ${pos.y}) — ${pos.tag} ${pos.aria}`);
+            } else {
+              console.log('[commands] No element found to focus');
+            }
             // Small delay for focus to take effect
             await new Promise(r => setTimeout(r, 300));
-            // Type text
-            await send('Input.insertText', { text });
-            // Press Enter/Tab to confirm (e.g. Facebook tags)
+            // Type text — use char-by-char for inputs that need keystroke events (press_enter mode)
             if (press_enter) {
-              await new Promise(r => setTimeout(r, 500));
-              // Try Enter first
-              await send('Input.dispatchKeyEvent', { type: 'rawKeyDown', key: 'Enter', code: 'Enter', windowsVirtualKeyCode: 13, nativeVirtualKeyCode: 13 });
-              await send('Input.dispatchKeyEvent', { type: 'keyUp', key: 'Enter', code: 'Enter', windowsVirtualKeyCode: 13, nativeVirtualKeyCode: 13 });
-              await new Promise(r => setTimeout(r, 500));
-              // Also try Tab (some inputs confirm on Tab)
-              await send('Input.dispatchKeyEvent', { type: 'rawKeyDown', key: 'Tab', code: 'Tab', windowsVirtualKeyCode: 9, nativeVirtualKeyCode: 9 });
-              await send('Input.dispatchKeyEvent', { type: 'keyUp', key: 'Tab', code: 'Tab', windowsVirtualKeyCode: 9, nativeVirtualKeyCode: 9 });
+              // Type each character individually so React detects keystrokes
+              for (const char of text) {
+                await send('Input.dispatchKeyEvent', { type: 'keyDown', key: char, text: char });
+                await send('Input.dispatchKeyEvent', { type: 'keyUp', key: char });
+              }
+            } else {
+              await send('Input.insertText', { text });
             }
             ws.close();
             resolve({ success: true, length: text.length });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "channel-worker",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "Channel Manager worker daemon — runs on remote machines to execute video pipeline jobs",
   "main": "lib/daemon.js",
   "bin": {