@react-grab/mcp 0.1.1

package/dist/client.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+// src/constants.ts
+var DEFAULT_MCP_PORT = 4723;
+
+// src/client.ts
+var sendContextToServer = async (contextUrl, content, prompt) => {
+  await fetch(contextUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ content, prompt })
+  }).catch(() => {
+  });
+};
+var createMcpPlugin = (options = {}) => {
+  const port = options.port ?? DEFAULT_MCP_PORT;
+  const contextUrl = `http://localhost:${port}/context`;
+  return {
+    name: "mcp",
+    hooks: {
+      onCopySuccess: (_elements, content) => {
+        void sendContextToServer(contextUrl, [content]);
+      },
+      transformAgentContext: async (context) => {
+        await sendContextToServer(contextUrl, context.content, context.prompt);
+        return context;
+      }
+    }
+  };
+};
+var isReactGrabApi = (value) => typeof value === "object" && value !== null && "registerPlugin" in value;
+var attachMcpPlugin = () => {
+  if (typeof window === "undefined") return;
+  const plugin = createMcpPlugin();
+  const attach = (api) => {
+    api.registerPlugin(plugin);
+  };
+  const existingApi = window.__REACT_GRAB__;
+  if (isReactGrabApi(existingApi)) {
+    attach(existingApi);
+    return;
+  }
+  window.addEventListener(
+    "react-grab:init",
+    (event) => {
+      if (!(event instanceof CustomEvent)) return;
+      if (!isReactGrabApi(event.detail)) return;
+      attach(event.detail);
+    },
+    { once: true }
+  );
+  const apiAfterListener = window.__REACT_GRAB__;
+  if (isReactGrabApi(apiAfterListener)) {
+    attach(apiAfterListener);
+  }
+};
+attachMcpPlugin();
+
+exports.attachMcpPlugin = attachMcpPlugin;
+exports.createMcpPlugin = createMcpPlugin;

package/dist/client.d.cts

@@ -0,0 +1,14 @@
+import { init, Plugin } from 'react-grab/core';
+
+interface McpPluginOptions {
+    port?: number;
+}
+declare const createMcpPlugin: (options?: McpPluginOptions) => Plugin;
+declare global {
+    interface Window {
+        __REACT_GRAB__?: ReturnType<typeof init>;
+    }
+}
+declare const attachMcpPlugin: () => void;
+
+export { attachMcpPlugin, createMcpPlugin };

package/dist/client.d.ts

@@ -0,0 +1,14 @@
+import { init, Plugin } from 'react-grab/core';
+
+interface McpPluginOptions {
+    port?: number;
+}
+declare const createMcpPlugin: (options?: McpPluginOptions) => Plugin;
+declare global {
+    interface Window {
+        __REACT_GRAB__?: ReturnType<typeof init>;
+    }
+}
+declare const attachMcpPlugin: () => void;
+
+export { attachMcpPlugin, createMcpPlugin };

package/dist/client.global.js

@@ -0,0 +1,2 @@
+var ReactGrabMcp=(function(exports){'use strict';var c=async(t,r,n)=>{await fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:r,prompt:n})}).catch(()=>{});},a=(t={})=>{let n=`http://localhost:${t.port??4723}/context`;return {name:"mcp",hooks:{onCopySuccess:(e,o)=>{c(n,[o]);},transformAgentContext:async e=>(await c(n,e.content,e.prompt),e)}}},i=t=>typeof t=="object"&&t!==null&&"registerPlugin"in t,p=()=>{if(typeof window>"u")return;let t=a(),r=o=>{o.registerPlugin(t);},n=window.__REACT_GRAB__;if(i(n)){r(n);return}window.addEventListener("react-grab:init",o=>{o instanceof CustomEvent&&i(o.detail)&&r(o.detail);},{once:true});let e=window.__REACT_GRAB__;i(e)&&r(e);};p();
+exports.attachMcpPlugin=p;exports.createMcpPlugin=a;return exports;})({});

package/dist/client.js

@@ -0,0 +1,57 @@
+// src/constants.ts
+var DEFAULT_MCP_PORT = 4723;
+
+// src/client.ts
+var sendContextToServer = async (contextUrl, content, prompt) => {
+  await fetch(contextUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ content, prompt })
+  }).catch(() => {
+  });
+};
+var createMcpPlugin = (options = {}) => {
+  const port = options.port ?? DEFAULT_MCP_PORT;
+  const contextUrl = `http://localhost:${port}/context`;
+  return {
+    name: "mcp",
+    hooks: {
+      onCopySuccess: (_elements, content) => {
+        void sendContextToServer(contextUrl, [content]);
+      },
+      transformAgentContext: async (context) => {
+        await sendContextToServer(contextUrl, context.content, context.prompt);
+        return context;
+      }
+    }
+  };
+};
+var isReactGrabApi = (value) => typeof value === "object" && value !== null && "registerPlugin" in value;
+var attachMcpPlugin = () => {
+  if (typeof window === "undefined") return;
+  const plugin = createMcpPlugin();
+  const attach = (api) => {
+    api.registerPlugin(plugin);
+  };
+  const existingApi = window.__REACT_GRAB__;
+  if (isReactGrabApi(existingApi)) {
+    attach(existingApi);
+    return;
+  }
+  window.addEventListener(
+    "react-grab:init",
+    (event) => {
+      if (!(event instanceof CustomEvent)) return;
+      if (!isReactGrabApi(event.detail)) return;
+      attach(event.detail);
+    },
+    { once: true }
+  );
+  const apiAfterListener = window.__REACT_GRAB__;
+  if (isReactGrabApi(apiAfterListener)) {
+    attach(apiAfterListener);
+  }
+};
+attachMcpPlugin();
+
+export { attachMcpPlugin, createMcpPlugin };