@react-grab/mcp 0.1.29 → 0.1.30

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","names":[],"sources":["../src/cli.ts"],"sourcesContent":["#!/usr/bin/env node\nimport { startMcpServer } from \"./server.js\";\n\nstartMcpServer({\n  port: Number(process.env.PORT) || undefined,\n  stdio: process.argv.includes(\"--stdio\"),\n});\n"],"mappings":";;;AAGA,eAAe;CACb,MAAM,OAAO,QAAQ,IAAI,KAAK,IAAI,KAAA;CAClC,OAAO,QAAQ,KAAK,SAAS,UAAU;CACxC,CAAC"}

package/dist/client.cjs

@@ -1,60 +1,62 @@
-'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(() => {
-  });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const HEALTH_CHECK_TIMEOUT_MS = 1e3;
+//#endregion
+//#region src/client.ts
+const 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;
-      }
-    }
-  };
+const createMcpPlugin = (options = {}) => {
+	const contextUrl = `http://localhost:${options.port ?? 4723}/context`;
+	return {
+		name: "mcp",
+		hooks: {
+			onCopySuccess: (_elements, content) => {
+				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);
-  }
+const isReactGrabApi = (value) => typeof value === "object" && value !== null && "registerPlugin" in value;
+const MCP_REACHABLE_KEY = "react-grab-mcp-reachable";
+const checkIfMcpServerIsReachable = async (port) => {
+	const cached = sessionStorage.getItem(MCP_REACHABLE_KEY);
+	if (cached !== null) return cached === "true";
+	const isReachable = await fetch(`http://localhost:${port}/health`, { signal: AbortSignal.timeout(HEALTH_CHECK_TIMEOUT_MS) }).then((response) => response.ok).catch(() => false);
+	sessionStorage.setItem(MCP_REACHABLE_KEY, String(isReachable));
+	return isReachable;
+};
+const attachMcpPlugin = async () => {
+	if (typeof window === "undefined") return;
+	if (!await checkIfMcpServerIsReachable(4723)) 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();
-
+//#endregion
 exports.attachMcpPlugin = attachMcpPlugin;
 exports.createMcpPlugin = createMcpPlugin;

package/dist/client.d.cts

@@ -1,14 +1,16 @@
-import { init, Plugin } from 'react-grab/core';
+import { Plugin, init } from "react-grab/core";
 
+//#region src/client.d.ts
 interface McpPluginOptions {
-    port?: number;
+  port?: number;
 }
 declare const createMcpPlugin: (options?: McpPluginOptions) => Plugin;
 declare global {
-    interface Window {
-        __REACT_GRAB__?: ReturnType<typeof init>;
-    }
+  interface Window {
+    __REACT_GRAB__?: ReturnType<typeof init>;
+  }
 }
-declare const attachMcpPlugin: () => void;
-
+declare const attachMcpPlugin: () => Promise<void>;
+//#endregion
 export { attachMcpPlugin, createMcpPlugin };
+//# sourceMappingURL=client.d.cts.map

package/dist/client.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.cts","names":[],"sources":["../src/client.ts"],"mappings":";;;UAGU,gBAAA;EACR,IAAA;AAAA;AAAA,cAeW,eAAA,GAAmB,OAAA,GAAS,gBAAA,KAAwB,MAAA;AAAA,QAqBzD,MAAA;EAAA,UACI,MAAA;IACR,cAAA,GAAiB,UAAA,QAAkB,IAAA;EAAA;AAAA;AAAA,cAoB1B,eAAA,QAA4B,OAAA"}

package/dist/client.d.ts

@@ -1,14 +1,16 @@
-import { init, Plugin } from 'react-grab/core';
+import { Plugin, init } from "react-grab/core";
 
+//#region src/client.d.ts
 interface McpPluginOptions {
-    port?: number;
+  port?: number;
 }
 declare const createMcpPlugin: (options?: McpPluginOptions) => Plugin;
 declare global {
-    interface Window {
-        __REACT_GRAB__?: ReturnType<typeof init>;
-    }
+  interface Window {
+    __REACT_GRAB__?: ReturnType<typeof init>;
+  }
 }
-declare const attachMcpPlugin: () => void;
-
+declare const attachMcpPlugin: () => Promise<void>;
+//#endregion
 export { attachMcpPlugin, createMcpPlugin };
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","names":[],"sources":["../src/client.ts"],"mappings":";;;UAGU,gBAAA;EACR,IAAA;AAAA;AAAA,cAeW,eAAA,GAAmB,OAAA,GAAS,gBAAA,KAAwB,MAAA;AAAA,QAqBzD,MAAA;EAAA,UACI,MAAA;IACR,cAAA,GAAiB,UAAA,QAAkB,IAAA;EAAA;AAAA;AAAA,cAoB1B,eAAA,QAA4B,OAAA"}

package/dist/client.global.js

@@ -1,2 +1 @@
-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;})({});
+var ReactGrabMcp=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let t=async(e,t,n)=>{await fetch(e,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({content:t,prompt:n})}).catch(()=>{})},n=(e={})=>{let n=`http://localhost:${e.port??4723}/context`;return{name:`mcp`,hooks:{onCopySuccess:(e,r)=>{t(n,[r])},transformAgentContext:async e=>(await t(n,e.content,e.prompt),e)}}},r=e=>typeof e==`object`&&!!e&&`registerPlugin`in e,i=`react-grab-mcp-reachable`,a=async e=>{let t=sessionStorage.getItem(i);if(t!==null)return t===`true`;let n=await fetch(`http://localhost:${e}/health`,{signal:AbortSignal.timeout(1e3)}).then(e=>e.ok).catch(()=>!1);return sessionStorage.setItem(i,String(n)),n},o=async()=>{if(typeof window>`u`||!await a(4723))return;let e=n(),t=t=>{t.registerPlugin(e)},i=window.__REACT_GRAB__;if(r(i)){t(i);return}window.addEventListener(`react-grab:init`,e=>{e instanceof CustomEvent&&r(e.detail)&&t(e.detail)},{once:!0});let o=window.__REACT_GRAB__;r(o)&&t(o)};return o(),e.attachMcpPlugin=o,e.createMcpPlugin=n,e})({});

package/dist/client.iife.js

@@ -0,0 +1 @@
+var ReactGrabMcp=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let t=async(e,t,n)=>{await fetch(e,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({content:t,prompt:n})}).catch(()=>{})},n=(e={})=>{let n=`http://localhost:${e.port??4723}/context`;return{name:`mcp`,hooks:{onCopySuccess:(e,r)=>{t(n,[r])},transformAgentContext:async e=>(await t(n,e.content,e.prompt),e)}}},r=e=>typeof e==`object`&&!!e&&`registerPlugin`in e,i=`react-grab-mcp-reachable`,a=async e=>{let t=sessionStorage.getItem(i);if(t!==null)return t===`true`;let n=await fetch(`http://localhost:${e}/health`,{signal:AbortSignal.timeout(1e3)}).then(e=>e.ok).catch(()=>!1);return sessionStorage.setItem(i,String(n)),n},o=async()=>{if(typeof window>`u`||!await a(4723))return;let e=n(),t=t=>{t.registerPlugin(e)},i=window.__REACT_GRAB__;if(r(i)){t(i);return}window.addEventListener(`react-grab:init`,e=>{e instanceof CustomEvent&&r(e.detail)&&t(e.detail)},{once:!0});let o=window.__REACT_GRAB__;r(o)&&t(o)};return o(),e.attachMcpPlugin=o,e.createMcpPlugin=n,e})({});

package/dist/client.js

@@ -1,57 +1,62 @@
-// 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(() => {
-  });
+const HEALTH_CHECK_TIMEOUT_MS = 1e3;
+//#endregion
+//#region src/client.ts
+const sendContextToServer = async (contextUrl, content, prompt) => {
+	await fetch(contextUrl, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({
+			content,
+			prompt
+		})
+	}).catch(() => {});
+};
+const createMcpPlugin = (options = {}) => {
+	const contextUrl = `http://localhost:${options.port ?? 4723}/context`;
+	return {
+		name: "mcp",
+		hooks: {
+			onCopySuccess: (_elements, content) => {
+				sendContextToServer(contextUrl, [content]);
+			},
+			transformAgentContext: async (context) => {
+				await sendContextToServer(contextUrl, context.content, context.prompt);
+				return context;
+			}
+		}
+	};
 };
-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;
-      }
-    }
-  };
+const isReactGrabApi = (value) => typeof value === "object" && value !== null && "registerPlugin" in value;
+const MCP_REACHABLE_KEY = "react-grab-mcp-reachable";
+const checkIfMcpServerIsReachable = async (port) => {
+	const cached = sessionStorage.getItem(MCP_REACHABLE_KEY);
+	if (cached !== null) return cached === "true";
+	const isReachable = await fetch(`http://localhost:${port}/health`, { signal: AbortSignal.timeout(HEALTH_CHECK_TIMEOUT_MS) }).then((response) => response.ok).catch(() => false);
+	sessionStorage.setItem(MCP_REACHABLE_KEY, String(isReachable));
+	return isReachable;
 };
-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);
-  }
+const attachMcpPlugin = async () => {
+	if (typeof window === "undefined") return;
+	if (!await checkIfMcpServerIsReachable(4723)) 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();
-
+//#endregion
 export { attachMcpPlugin, createMcpPlugin };
+
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":[],"sources":["../src/constants.ts","../src/client.ts"],"sourcesContent":["export const CONTEXT_TTL_MS = 5 * 60 * 1000;\nexport const DEFAULT_MCP_PORT = 4723;\nexport const HEALTH_CHECK_TIMEOUT_MS = 1000;\nexport const POST_KILL_DELAY_MS = 100;\n","import type { init, ReactGrabAPI, Plugin, AgentContext } from \"react-grab/core\";\nimport { DEFAULT_MCP_PORT, HEALTH_CHECK_TIMEOUT_MS } from \"./constants.js\";\n\ninterface McpPluginOptions {\n  port?: number;\n}\n\nconst sendContextToServer = async (\n  contextUrl: string,\n  content: string[],\n  prompt?: string,\n): Promise<void> => {\n  await fetch(contextUrl, {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json\" },\n    body: JSON.stringify({ content, prompt }),\n  }).catch(() => {});\n};\n\nexport const createMcpPlugin = (options: McpPluginOptions = {}): Plugin => {\n  const port = options.port ?? DEFAULT_MCP_PORT;\n  const contextUrl = `http://localhost:${port}/context`;\n\n  return {\n    name: \"mcp\",\n    hooks: {\n      onCopySuccess: (_elements: Element[], content: string) => {\n        void sendContextToServer(contextUrl, [content]);\n      },\n      transformAgentContext: async (context: AgentContext): Promise<AgentContext> => {\n        await sendContextToServer(contextUrl, context.content, context.prompt);\n        return context;\n      },\n    },\n  };\n};\n\nconst isReactGrabApi = (value: unknown): value is ReactGrabAPI =>\n  typeof value === \"object\" && value !== null && \"registerPlugin\" in value;\n\ndeclare global {\n  interface Window {\n    __REACT_GRAB__?: ReturnType<typeof init>;\n  }\n}\n\nconst MCP_REACHABLE_KEY = \"react-grab-mcp-reachable\";\n\nconst checkIfMcpServerIsReachable = async (port: number): Promise<boolean> => {\n  const cached = sessionStorage.getItem(MCP_REACHABLE_KEY);\n  if (cached !== null) return cached === \"true\";\n\n  const isReachable = await fetch(`http://localhost:${port}/health`, {\n    signal: AbortSignal.timeout(HEALTH_CHECK_TIMEOUT_MS),\n  })\n    .then((response) => response.ok)\n    .catch(() => false);\n\n  sessionStorage.setItem(MCP_REACHABLE_KEY, String(isReachable));\n  return isReachable;\n};\n\nexport const attachMcpPlugin = async (): Promise<void> => {\n  if (typeof window === \"undefined\") return;\n\n  const isReachable = await checkIfMcpServerIsReachable(DEFAULT_MCP_PORT);\n  if (!isReachable) return;\n\n  const plugin = createMcpPlugin();\n\n  const attach = (api: ReactGrabAPI) => {\n    api.registerPlugin(plugin);\n  };\n\n  const existingApi = window.__REACT_GRAB__;\n  if (isReactGrabApi(existingApi)) {\n    attach(existingApi);\n    return;\n  }\n\n  window.addEventListener(\n    \"react-grab:init\",\n    (event: Event) => {\n      if (!(event instanceof CustomEvent)) return;\n      if (!isReactGrabApi(event.detail)) return;\n      attach(event.detail);\n    },\n    { once: true },\n  );\n\n  // HACK: Check again after adding listener in case of race condition\n  const apiAfterListener = window.__REACT_GRAB__;\n  if (isReactGrabApi(apiAfterListener)) {\n    attach(apiAfterListener);\n  }\n};\n\nattachMcpPlugin();\n"],"mappings":"AAEA,MAAa,0BAA0B;;;ACKvC,MAAM,sBAAsB,OAC1B,YACA,SACA,WACkB;AAClB,OAAM,MAAM,YAAY;EACtB,QAAQ;EACR,SAAS,EAAE,gBAAgB,oBAAoB;EAC/C,MAAM,KAAK,UAAU;GAAE;GAAS;GAAQ,CAAC;EAC1C,CAAC,CAAC,YAAY,GAAG;;AAGpB,MAAa,mBAAmB,UAA4B,EAAE,KAAa;CAEzE,MAAM,aAAa,oBADN,QAAQ,QAAA,KACuB;AAE5C,QAAO;EACL,MAAM;EACN,OAAO;GACL,gBAAgB,WAAsB,YAAoB;AACnD,wBAAoB,YAAY,CAAC,QAAQ,CAAC;;GAEjD,uBAAuB,OAAO,YAAiD;AAC7E,UAAM,oBAAoB,YAAY,QAAQ,SAAS,QAAQ,OAAO;AACtE,WAAO;;GAEV;EACF;;AAGH,MAAM,kBAAkB,UACtB,OAAO,UAAU,YAAY,UAAU,QAAQ,oBAAoB;AAQrE,MAAM,oBAAoB;AAE1B,MAAM,8BAA8B,OAAO,SAAmC;CAC5E,MAAM,SAAS,eAAe,QAAQ,kBAAkB;AACxD,KAAI,WAAW,KAAM,QAAO,WAAW;CAEvC,MAAM,cAAc,MAAM,MAAM,oBAAoB,KAAK,UAAU,EACjE,QAAQ,YAAY,QAAQ,wBAAwB,EACrD,CAAC,CACC,MAAM,aAAa,SAAS,GAAG,CAC/B,YAAY,MAAM;AAErB,gBAAe,QAAQ,mBAAmB,OAAO,YAAY,CAAC;AAC9D,QAAO;;AAGT,MAAa,kBAAkB,YAA2B;AACxD,KAAI,OAAO,WAAW,YAAa;AAGnC,KAAI,CADgB,MAAM,4BAAA,KAA6C,CACrD;CAElB,MAAM,SAAS,iBAAiB;CAEhC,MAAM,UAAU,QAAsB;AACpC,MAAI,eAAe,OAAO;;CAG5B,MAAM,cAAc,OAAO;AAC3B,KAAI,eAAe,YAAY,EAAE;AAC/B,SAAO,YAAY;AACnB;;AAGF,QAAO,iBACL,oBACC,UAAiB;AAChB,MAAI,EAAE,iBAAiB,aAAc;AACrC,MAAI,CAAC,eAAe,MAAM,OAAO,CAAE;AACnC,SAAO,MAAM,OAAO;IAEtB,EAAE,MAAM,MAAM,CACf;CAGD,MAAM,mBAAmB,OAAO;AAChC,KAAI,eAAe,iBAAiB,CAClC,QAAO,iBAAiB;;AAI5B,iBAAiB"}