safari-mcp 2.7.11 → 2.7.12

package/README.md

@@ -13,6 +13,7 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![macOS](https://img.shields.io/badge/macOS-only-blue)](https://www.apple.com/macos/)
 [![GitHub stars](https://img.shields.io/github/stars/achiya-automation/safari-mcp?style=social)](https://github.com/achiya-automation/safari-mcp/stargazers)
+[![Featured in CLI-Anything](https://img.shields.io/badge/Featured%20in-CLI--Anything-blueviolet)](https://github.com/HKUDS/CLI-Anything/pull/212)
 
 <a href="vscode:mcp/install?%7B%22safari-mcp%22%3A%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22safari-mcp%22%5D%7D%7D"><img src="https://img.shields.io/badge/VS_Code-Install_Server-0078d4?logo=visual-studio-code&logoColor=white" alt="Install in VS Code"></a>
 <a href="https://insiders.vscode.dev/redirect?url=vscode-insiders:mcp/install?%7B%22safari-mcp%22%3A%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22safari-mcp%22%5D%7D%7D"><img src="https://img.shields.io/badge/VS_Code_Insiders-Install_Server-24bfa5?logo=visual-studio-code&logoColor=white" alt="Install in VS Code Insiders"></a>

package/index.js

@@ -1022,6 +1022,20 @@ server.tool(
   }
 );
 
+server.tool(
+  "safari_native_type",
+  "Insert text into ANY editor via OS-level clipboard paste (CGEvent Cmd+V targeted to Safari window). Unlike safari_fill which manipulates DOM directly (breaking React/ProseMirror state), this goes through the real paste pipeline — ProseMirror/Slate/Draft.js process the paste event natively and update their internal model. After native_type, pressing Enter (via safari_native_keyboard) will actually submit the form because the framework state matches the DOM. Saves and restores the user's clipboard. No focus stealing. Use for Discord, Slack, and any editor where safari_fill works visually but the content isn't 'really there' when you try to submit.",
+  {
+    value: z.string().describe("Text to insert via clipboard paste"),
+    selector: z.string().optional().describe("CSS selector of the editor element to focus first"),
+    ref: z.string().optional().describe("Ref ID from safari_snapshot to focus first"),
+  },
+  async (args) => {
+    const result = await safari.nativeType(args);
+    return { content: [{ type: "text", text: typeof result === 'string' ? result : JSON.stringify(result) }] };
+  }
+);
+
 // ========== FORM INPUT ==========
 
 server.tool(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "safari-mcp",
-  "version": "2.7.11",
+  "version": "2.7.12",
   "mcpName": "io.github.achiya-automation/safari-mcp",
   "description": "Safari browser automation for AI agents — native macOS, zero Chrome overhead. 80 tools via AppleScript + JavaScript.",
   "type": "module",

package/safari.js

@@ -1419,6 +1419,24 @@ const macKeyCodeMap = {
 // to the Safari window WITHOUT activating Safari or moving the mouse.
 // This produces isTrusted:true events that bypass React trust checks (Discord ProseMirror,
 // Slack virtualized editors, etc.) without any focus stealing. Requires Safari window ID.
+// Native type via clipboard paste (CGEvent Cmd+V targeted to Safari window).
+// Inserts text into ANY editor (ProseMirror, Slate, Draft.js, regular inputs,
+// contenteditable, cross-origin iframes) by going through the real paste pipeline.
+// Unlike safari_fill's synthetic paste, this updates the framework's internal
+// model state, so subsequent operations (like pressing Enter to submit in Discord)
+// see the text as "really there".
+export async function nativeType({ value, selector, ref }) {
+  await ensureHelpers();
+  if (!value) throw new Error("nativeType requires 'value'");
+  // Focus the target element if selector/ref provided
+  if (ref || selector) {
+    const sel = ref ? refSelector(ref) : selector.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
+    await runJS(`(function(){ var el=document.querySelector('${sel}'); if(el){el.focus();el.click();} return el?'focused':'not found'; })()`);
+    await new Promise(r => setTimeout(r, 50));
+  }
+  return await _nativeTypeViaClipboard(value);
+}
+
 export async function nativeKeyboard({ key, modifiers = [] }) {
   await ensureHelpers();
   if (!key) throw new Error("nativeKeyboard requires 'key'");
@@ -1561,13 +1579,16 @@ export async function pressKey({ key, modifiers = [] }) {
   return `Pressed: ${modifiers.length ? modifiers.join("+") + "+" : ""}${key}`;
 }
 
-// Native typing via clipboard paste — for cross-origin iframes (Intercom, Zendesk, etc.)
-// JS can't access content inside cross-origin iframes, so we use OS-level CGEvent:
-// 1. Save current clipboard
-// 2. Set clipboard to our text
-// 3. Cmd+V via CGEvent keyboard (targeted to window — NO focus steal, NO activate)
-// 4. Restore clipboard
-// Requires nativeClick to have focused the input inside the iframe first.
+// ========== NATIVE TYPE VIA CLIPBOARD PASTE ==========
+// Uses OS-level clipboard + CGEvent Cmd+V to insert text. Produces a REAL paste event
+// that ProseMirror/Slate/Draft.js process through their native paste handlers, updating
+// internal model state (not just the DOM). Also works for cross-origin iframes.
+// NO focus steal — sends CGEvent Cmd+V targeted to Safari window ID.
+//
+// Why this matters: synthetic DOM manipulation (safari_fill's "synthetic paste") writes
+// to the DOM but doesn't update React/ProseMirror state. Discord's onSubmit reads from
+// state, not DOM, so Enter submits empty. This function fixes that by going through the
+// real paste pipeline.
 async function _nativeTypeViaClipboard(text) {
   await _acquireClipboardLock();
   try {