@mcp-use/client 2.3.0 → 2.3.1-canary.1

package/dist/index-browser.js

@@ -128,7 +128,7 @@ var Logger = class {
 var logger = Logger.get();
 
 // src/utils/version.ts
-var VERSION = "2.3.0";
+var VERSION = "2.3.1-canary.1";
 function getPackageVersion() {
   return VERSION;
 }

package/dist/index.js

@@ -1527,7 +1527,7 @@ init_connector_telemetry();
 init_logging();
 
 // src/utils/version.ts
-var VERSION = "2.3.0";
+var VERSION = "2.3.1-canary.1";
 function getPackageVersion() {
   return VERSION;
 }

package/dist/react/index.js

@@ -1905,7 +1905,7 @@ var HttpConnector = class extends BaseConnector {
 };
 
 // src/utils/version.ts
-var VERSION = "2.3.0";
+var VERSION = "2.3.1-canary.1";
 function getPackageVersion() {
   return VERSION;
 }
@@ -4725,6 +4725,26 @@ function assert(condition, message) {
     throw new Error(message);
   }
 }
+function serializeClientIcons(icons) {
+  if (icons === void 0) return "null";
+  if (icons.length === 0) return "[]";
+  return JSON.stringify(
+    icons.map((icon) => [
+      icon.src,
+      icon.mimeType === void 0 ? null : icon.mimeType,
+      icon.sizes === void 0 ? null : [...icon.sizes].sort()
+    ])
+  );
+}
+function serializeProxyHeaders(headers, customHeaders) {
+  if (headers === void 0 && customHeaders === void 0) return "";
+  const serializeEntries = (record) => {
+    if (record === void 0) return "null";
+    const keys = Object.keys(record).sort();
+    return JSON.stringify(keys.map((k) => [k, record[k]]));
+  };
+  return `${serializeEntries(headers)}|${serializeEntries(customHeaders)}`;
+}
 async function loadServerIcon(params) {
   try {
     const iconUrl = params.serverInfo.icons?.[0]?.src;
@@ -5171,7 +5191,7 @@ function useMcp(options) {
     storageKeyPrefix = "mcp:auth",
     authProvider: providedAuthProvider,
     headers: headersOption,
-    proxyConfig,
+    proxyConfig: rawProxyConfig,
     oauthProxyUrl: oauthProxyUrlOption,
     connectionMode,
     autoProxyFallback = false,
@@ -5197,6 +5217,34 @@ function useMcp(options) {
     onElicitation: onElicitationOption,
     oauth: oauthOptions
   } = options;
+  const rawClientInfo = options.clientInfo;
+  const clientInfoName = rawClientInfo?.name;
+  const clientInfoTitle = rawClientInfo?.title;
+  const clientInfoVersion = rawClientInfo?.version;
+  const clientInfoDescription = rawClientInfo?.description;
+  const clientInfoWebsiteUrl = rawClientInfo?.websiteUrl;
+  const serializedClientIcons = serializeClientIcons(rawClientInfo?.icons);
+  const clientInfo = useMemo(() => {
+    if (!rawClientInfo) return void 0;
+    return { ...rawClientInfo };
+  }, [
+    clientInfoName,
+    clientInfoTitle,
+    clientInfoVersion,
+    clientInfoDescription,
+    clientInfoWebsiteUrl,
+    serializedClientIcons
+  ]);
+  const rawProxyAddress = rawProxyConfig?.proxyAddress;
+  const serializedProxyHeaders = serializeProxyHeaders(
+    rawProxyConfig?.headers,
+    rawProxyConfig?.customHeaders
+  );
+  const proxyConfig = useMemo(() => {
+    if (!rawProxyConfig) return void 0;
+    return { ...rawProxyConfig };
+  }, [rawProxyAddress, serializedProxyHeaders]);
+  const headers = headersOption ?? {};
   const transportType = "http";
   const requestedProxyAddress = proxyConfig?.proxyAddress;
   const oauthClientId = oauthOptions?.clientId?.trim() || void 0;
@@ -5214,7 +5262,6 @@ function useMcp(options) {
     }
     return inst;
   }, [url, logLevelOption]);
-  const headers = headersOption ?? {};
   const effectiveClientOptions = useMemo(
     () => resolveClientOptions(clientOptions),
     [clientOptions]
@@ -5237,8 +5284,8 @@ function useMcp(options) {
     []
   );
   const mergedClientInfo = useMemo(
-    () => options.clientInfo ? { ...defaultClientInfo, ...options.clientInfo } : defaultClientInfo,
-    [options.clientInfo, defaultClientInfo]
+    () => clientInfo ? { ...defaultClientInfo, ...clientInfo } : defaultClientInfo,
+    [clientInfo, defaultClientInfo]
   );
   const derivedOAuthClientConfig = useMemo(
     () => deriveOAuthClientConfigFromClientInfo(mergedClientInfo),
@@ -8635,14 +8682,27 @@ function CloseIcon() {
     /* @__PURE__ */ React2.createElement("path", { d: "m6 6 12 12" })
   );
 }
-function waitForSandboxProxyReady(iframe) {
-  return new Promise((resolve) => {
+function waitForSandboxProxyReady(iframe, options) {
+  return new Promise((resolve, reject) => {
+    const cleanup = () => {
+      window.removeEventListener("message", listener);
+      options?.signal?.removeEventListener("abort", onAbort);
+    };
     const listener = (event) => {
       if (event.source === iframe.contentWindow && event.data?.method === SANDBOX_PROXY_READY) {
-        window.removeEventListener("message", listener);
+        cleanup();
         resolve();
       }
     };
+    const onAbort = () => {
+      cleanup();
+      reject(new Error("View sandbox initialization was aborted"));
+    };
+    if (options?.signal?.aborted) {
+      onAbort();
+      return;
+    }
+    options?.signal?.addEventListener("abort", onAbort, { once: true });
     window.addEventListener("message", listener);
   });
 }
@@ -8958,6 +9018,7 @@ function ViewRendererBase({
     if (!iframe) return;
     let disposed = false;
     let bridge = null;
+    const abortController = new AbortController();
     const run = async () => {
       try {
         onLifecycleChangeRef.current?.({ status: "connecting" });
@@ -8969,17 +9030,23 @@ function ViewRendererBase({
         if (allowAttribute) {
           iframe.setAttribute("allow", allowAttribute);
         }
-        const readyPromise = waitForSandboxProxyReady(iframe);
         if (activeSandboxUrl.protocol === "blob:") {
           const response = await fetch(activeSandboxUrl.href);
           const sandboxHtml = await response.text();
-          if (disposed) return;
+          if (disposed || abortController.signal.aborted) return;
+          const readyPromise = waitForSandboxProxyReady(iframe, {
+            signal: abortController.signal
+          });
           iframe.srcdoc = sandboxHtml;
+          await readyPromise;
         } else {
+          const readyPromise = waitForSandboxProxyReady(iframe, {
+            signal: abortController.signal
+          });
           iframe.src = activeSandboxUrl.href;
+          await readyPromise;
         }
-        await readyPromise;
-        if (disposed) return;
+        if (disposed || abortController.signal.aborted) return;
         const capabilities = {
           ...effectiveHostCapabilities,
           sandbox: {
@@ -9190,7 +9257,7 @@ function ViewRendererBase({
         await publishAppTools();
         onLifecycleChangeRef.current?.({ status: "ready" });
       } catch (err) {
-        if (!disposed) {
+        if (!disposed && !abortController.signal.aborted) {
           const message = err instanceof Error ? err.message : "Failed to connect view";
           setLoadError(message);
           onErrorRef.current?.(message);
@@ -9201,6 +9268,7 @@ function ViewRendererBase({
     void run();
     return () => {
       disposed = true;
+      abortController.abort();
       const toClose = bridge;
       bridgeRef.current = null;
       onAppToolsChangedRef.current?.(null);