@mcp-ts/sdk 1.4.0 → 1.5.0

package/dist/client/react.mjs

@@ -1078,6 +1078,21 @@ function useAppHost(client, iframeRef, options) {
   }, [client, iframeRef]);
   return { host, error };
 }
+
+// src/shared/meta-tools.ts
+function resolveMetaToolProxy(toolName, args) {
+  if (toolName === "mcp_execute_tool") {
+    const innerName = args?.toolName;
+    const innerArgs = args?.args;
+    return {
+      toolName: typeof innerName === "string" && innerName ? innerName : toolName,
+      args: innerArgs && typeof innerArgs === "object" && !Array.isArray(innerArgs) ? innerArgs : {}
+    };
+  }
+  const match = toolName.match(/(?:tool_[^_]+_)?(.+)$/);
+  const resolvedName = match?.[1] ?? toolName;
+  return { toolName: resolvedName, args: args ?? {} };
+}
 var McpAppViewInner = forwardRef(function McpAppView({
   clientRef,
   name,
@@ -1102,7 +1117,8 @@ var McpAppViewInner = forwardRef(function McpAppView({
   loader
 }, ref) {
   const mcpClient = clientRef.current;
-  const metadata = getMcpAppMetadata(mcpClient, name);
+  const { toolName: resolvedToolName, args: resolvedInput } = resolveMetaToolProxy(name, input);
+  const metadata = getMcpAppMetadata(mcpClient, resolvedToolName, resolvedInput);
   const sseClient = mcpClient?.sseClient ?? null;
   const resourceUri = toolResourceUri || metadata?.resourceUri;
   const appSessionId = metadata?.sessionId;
@@ -1182,7 +1198,7 @@ var McpAppViewInner = forwardRef(function McpAppView({
   const [error, setError] = useState(null);
   const sentInputRef = useRef(false);
   const sentResultRef = useRef(false);
-  const lastInputRef = useRef(input);
+  const lastInputRef = useRef(resolvedInput);
   const lastResultRef = useRef(result);
   const lastStatusRef = useRef(status);
   useEffect(() => {
@@ -1212,13 +1228,13 @@ var McpAppViewInner = forwardRef(function McpAppView({
     host.launch({ uri: resourceUri, html }, appSessionId).then(() => setIsLaunched(true)).catch((err) => setError(err instanceof Error ? err : new Error(String(err))));
   }, [host, resourceUri, html, appSessionId]);
   useEffect(() => {
-    if (!host || !isLaunched || !resourceUri || !appSessionId || !input) return;
-    if (!sentInputRef.current || JSON.stringify(input) !== JSON.stringify(lastInputRef.current)) {
+    if (!host || !isLaunched || !resourceUri || !appSessionId || !resolvedInput) return;
+    if (!sentInputRef.current || JSON.stringify(resolvedInput) !== JSON.stringify(lastInputRef.current)) {
       sentInputRef.current = true;
-      lastInputRef.current = input;
-      host.sendToolInput(input);
+      lastInputRef.current = resolvedInput;
+      host.sendToolInput(resolvedInput);
     }
-  }, [host, isLaunched, input, resourceUri, appSessionId, name]);
+  }, [host, isLaunched, resolvedInput, resourceUri, appSessionId, resolvedToolName]);
   useEffect(() => {
     if (!host || !isLaunched || !resourceUri || !appSessionId || result === void 0) return;
     if (status !== "complete") return;
@@ -1228,7 +1244,7 @@ var McpAppViewInner = forwardRef(function McpAppView({
       const formattedResult = typeof result === "string" ? { content: [{ type: "text", text: result }] } : result;
       host.sendToolResult(formattedResult);
     }
-  }, [host, isLaunched, result, status, resourceUri, appSessionId, name]);
+  }, [host, isLaunched, result, status, resourceUri, appSessionId, resolvedToolName]);
   useEffect(() => {
     if (status === "executing" && lastStatusRef.current !== "executing") {
       sentInputRef.current = false;
@@ -1304,30 +1320,37 @@ var McpAppViewInner = forwardRef(function McpAppView({
 });
 var McpAppView2 = memo(McpAppViewInner);
 McpAppView2.displayName = "McpAppView";
+var McpAppRenderer = memo(
+  forwardRef(function McpAppRenderer2({ client, ...props }, ref) {
+    const clientRef = useRef(client || null);
+    clientRef.current = client || null;
+    return /* @__PURE__ */ jsx(McpAppView2, { ref, clientRef, ...props });
+  })
+);
 function useMcpApps(mcpClient) {
-  const clientRef = useRef(mcpClient);
-  clientRef.current = mcpClient;
   const getAppMetadata = useCallback(
-    (toolName) => getMcpAppMetadata(clientRef.current, toolName),
-    []
+    (toolName) => getMcpAppMetadata(mcpClient, toolName),
+    [mcpClient]
   );
-  const McpAppRenderer = useMemo(() => {
-    const Inner = forwardRef(function McpAppRenderer2(props, ref) {
-      return /* @__PURE__ */ jsx(McpAppView2, { ref, clientRef, ...props });
-    });
-    const Renderer = memo(Inner);
-    Renderer.displayName = "McpAppRenderer";
-    return Renderer;
-  }, []);
-  return { getAppMetadata, McpAppRenderer };
+  const BoundMcpAppRenderer = useMemo(() => {
+    const Renderer = forwardRef(
+      function BoundMcpAppRenderer2(props, ref) {
+        return /* @__PURE__ */ jsx(McpAppRenderer, { ref, client: mcpClient, ...props });
+      }
+    );
+    Renderer.displayName = "BoundMcpAppRenderer";
+    return memo(Renderer);
+  }, [mcpClient]);
+  return { getAppMetadata, McpAppRenderer: BoundMcpAppRenderer };
 }
 function extractToolName(fullName) {
   const match = fullName.match(/(?:tool_[^_]+_)?(.+)$/);
   return match?.[1] || fullName;
 }
-function getMcpAppMetadata(mcpClient, toolName) {
+function getMcpAppMetadata(mcpClient, toolName, input) {
   if (!mcpClient) return void 0;
-  const extractedName = extractToolName(toolName);
+  const { toolName: proxyToolName } = resolveMetaToolProxy(toolName, input);
+  const extractedName = extractToolName(proxyToolName);
   for (const conn of mcpClient.connections) {
     for (const tool of conn.tools) {
       const candidateName = extractToolName(tool.name);
@@ -1344,6 +1367,6 @@ function getMcpAppMetadata(mcpClient, toolName) {
   return void 0;
 }
 
-export { APP_HOST_DEFAULTS, AppHost, DEFAULT_MCP_APP_CSP, SANDBOX_PROXY_READY_METHOD, SANDBOX_RESOURCE_READY_METHOD, SSEClient, useAppHost, useMcp, useMcpApps };
+export { APP_HOST_DEFAULTS, AppHost, DEFAULT_MCP_APP_CSP, McpAppRenderer, SANDBOX_PROXY_READY_METHOD, SANDBOX_RESOURCE_READY_METHOD, SSEClient, getMcpAppMetadata, useAppHost, useMcp, useMcpApps };
 //# sourceMappingURL=react.mjs.map
 //# sourceMappingURL=react.mjs.map