@mehmoodqureshi/chrome-mcp 0.9.4 → 0.9.5

package/dist/shared/page-fns.js

@@ -96,6 +96,40 @@ function pageOp(a) {
             node.value = next;
         node.dispatchEvent(new Event('input', { bubbles: true }));
     };
+    /**
+     * Clear a contenteditable host. `setValue` cannot: a div has no `value`
+     * setter, so it assigns a meaningless JS property and the visible text
+     * survives - which is why `clear` silently did nothing on every rich editor
+     * (X, Reddit, LinkedIn) and new text landed beside the old.
+     *
+     * execCommand is deprecated but remains the only call that emits the
+     * beforeinput/input pair React, Quill and Lexical listen for. Assigning
+     * textContent leaves their internal model stale and the old text returns on
+     * the next keystroke.
+     */
+    const clearEditable = (host) => {
+        host.focus();
+        const sel = window.getSelection();
+        if (!sel)
+            return;
+        const range = document.createRange();
+        range.selectNodeContents(host);
+        sel.removeAllRanges();
+        sel.addRange(range);
+        document.execCommand('delete');
+    };
+    /** Put the caret at the end of a contenteditable so text appends, not prepends. */
+    const caretToEnd = (host) => {
+        host.focus();
+        const sel = window.getSelection();
+        if (!sel)
+            return;
+        const range = document.createRange();
+        range.selectNodeContents(host);
+        range.collapse(false);
+        sel.removeAllRanges();
+        sel.addRange(range);
+    };
     /** The op proper, against an element already resolved (or null). */
     const perform = (el) => {
         const missing = sel !== null && el === null;
@@ -125,6 +159,19 @@ function pageOp(a) {
                 return { found: true };
             }
             case 'type': {
+                if (!el)
+                    return { found: false };
+                // Rich editors (every social composer) are contenteditable, not inputs.
+                if (el.isContentEditable) {
+                    if (a.clear)
+                        clearEditable(el);
+                    else
+                        caretToEnd(el);
+                    if (a.text)
+                        document.execCommand('insertText', false, a.text);
+                    el.dispatchEvent(new Event('change', { bubbles: true }));
+                    return { found: true };
+                }
                 const node = el;
                 if (!node)
                     return { found: false };
@@ -135,6 +182,23 @@ function pageOp(a) {
                 return { found: true };
             }
             case 'focus': {
+                if (!el)
+                    return { found: false };
+                // trustedType() clears through this op before sending real keystrokes,
+                // so contenteditable has to be handled here too or `trusted: true`
+                // appends to whatever was already in the box.
+                if (el.isContentEditable) {
+                    el.focus();
+                    if (a.clear) {
+                        clearEditable(el);
+                        // The editor re-renders after the delete and drops the selection.
+                        // trustedType() sends CDP Input.insertText straight after this, and
+                        // without a caret to land on the keystrokes go nowhere — the box
+                        // ends up cleared but empty.
+                        caretToEnd(el);
+                    }
+                    return { found: true };
+                }
                 const node = el;
                 if (!node)
                     return { found: false };

package/extension-dist/background.js

@@ -500,6 +500,26 @@
       else node.value = next;
       node.dispatchEvent(new Event("input", { bubbles: true }));
     };
+    const clearEditable = (host) => {
+      host.focus();
+      const sel2 = window.getSelection();
+      if (!sel2) return;
+      const range = document.createRange();
+      range.selectNodeContents(host);
+      sel2.removeAllRanges();
+      sel2.addRange(range);
+      document.execCommand("delete");
+    };
+    const caretToEnd = (host) => {
+      host.focus();
+      const sel2 = window.getSelection();
+      if (!sel2) return;
+      const range = document.createRange();
+      range.selectNodeContents(host);
+      range.collapse(false);
+      sel2.removeAllRanges();
+      sel2.addRange(range);
+    };
     const perform = (el2) => {
       const missing = sel !== null && el2 === null;
       switch (a.op) {
@@ -524,6 +544,14 @@
           return { found: true };
         }
         case "type": {
+          if (!el2) return { found: false };
+          if (el2.isContentEditable) {
+            if (a.clear) clearEditable(el2);
+            else caretToEnd(el2);
+            if (a.text) document.execCommand("insertText", false, a.text);
+            el2.dispatchEvent(new Event("change", { bubbles: true }));
+            return { found: true };
+          }
           const node = el2;
           if (!node) return { found: false };
           node.focus();
@@ -533,6 +561,15 @@
           return { found: true };
         }
         case "focus": {
+          if (!el2) return { found: false };
+          if (el2.isContentEditable) {
+            el2.focus();
+            if (a.clear) {
+              clearEditable(el2);
+              caretToEnd(el2);
+            }
+            return { found: true };
+          }
           const node = el2;
           if (!node) return { found: false };
           node.focus();
@@ -1041,9 +1078,22 @@
     });
   }
   async function trustedType(tabId, selector, text, clear, frameIds, pressEnter = false) {
-    const focused = await execOp(tabId, withWait({ op: "focus", selector, clear }), frameIds);
+    const focused = await execOp(tabId, withWait({ op: "focus", selector, clear: false }), frameIds);
     if (!focused.found) return false;
     await withDebugger(tabId, async (t) => {
+      if (clear) {
+        for (const type of ["keyDown", "keyUp"]) {
+          await chrome.debugger.sendCommand(t, "Input.dispatchKeyEvent", {
+            type,
+            key: "a",
+            code: "KeyA",
+            windowsVirtualKeyCode: 65,
+            modifiers: 8,
+            // Meta
+            ...type === "keyDown" ? { commands: ["selectAll"] } : {}
+          });
+        }
+      }
       await chrome.debugger.sendCommand(t, "Input.insertText", { text });
       if (!pressEnter) return;
       for (const type of ["keyDown", "keyUp"]) {

package/extension-dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "MCP Extension for Chrome",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "description": "Lets a local chrome-mcp server drive this browser. Pair it with the server's handshake token.",
   "homepage_url": "https://chrome-mcp-omega.vercel.app",
   "minimum_chrome_version": "116",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mehmoodqureshi/chrome-mcp",
-  "version": "0.9.4",
+  "version": "0.9.5",
   "description": "Drive your real Chrome browser over MCP — real logins, real cookies. A stdio MCP server (CLI) plus an MV3 extension, driving Chrome via chrome.scripting/chrome.tabs. Multi-tab batch automation, accessibility snapshots, deny-all security by default.",
   "author": "Mehmood Ur Rehman Qureshi",
   "license": "MIT",