@mcp-use/client 2.1.1-canary.0 → 2.1.1-canary.2

package/dist/react/index.js

@@ -918,6 +918,13 @@ var BaseConnector = class {
   get authorization() {
     return this.authorizationCache;
   }
+  /**
+   * Discover optional authorization metadata without delaying connection
+   * readiness. HTTP connectors override this with RFC 9728 discovery.
+   */
+  async discoverAuthorization() {
+    return this.authorization;
+  }
   /** Start optional OAuth for a connected mixed-auth server. */
   async authenticate() {
     throw new Error("This connector does not support interactive OAuth");
@@ -1397,6 +1404,7 @@ var HttpConnector = class extends BaseConnector {
   streamableTransport = null;
   hadAccessTokenAtConnect = false;
   pendingOAuthCompletion = null;
+  authorizationDiscovery = null;
   /**
    * Creates an HTTP connector.
    *
@@ -1479,11 +1487,15 @@ var HttpConnector = class extends BaseConnector {
     }
     await this.completeInteractiveAuthorization();
   }
-  async initialize(defaultRequestOptions = this.opts.defaultRequestOptions ?? {}) {
-    const capabilities = await super.initialize(defaultRequestOptions);
+  async discoverAuthorization() {
     if (!this.detectMixedAuth || !this.oauthProvider || this.hadAccessTokenAtConnect) {
-      return capabilities;
+      return this.authorizationCache;
     }
+    if (this.authorizationDiscovery) return this.authorizationDiscovery;
+    this.authorizationDiscovery = this.discoverMixedAuthorization();
+    return this.authorizationDiscovery;
+  }
+  async discoverMixedAuthorization() {
     const controller = new AbortController();
     let timeout;
     const discoveryTimeout = new Promise((_, reject) => {
@@ -1519,7 +1531,7 @@ var HttpConnector = class extends BaseConnector {
     } finally {
       if (timeout) clearTimeout(timeout);
     }
-    return capabilities;
+    return this.authorizationCache;
   }
   buildClientOptions() {
     return {
@@ -1906,11 +1918,12 @@ var HttpConnector = class extends BaseConnector {
       }
     }
     await super.cleanupResources();
+    this.authorizationDiscovery = null;
   }
 };
 
 // src/utils/version.ts
-var VERSION = "2.1.1-canary.0";
+var VERSION = "2.1.1-canary.2";
 function getPackageVersion() {
   return VERSION;
 }
@@ -3695,6 +3708,10 @@ var MCPConnection = class {
   get authorization() {
     return this.connector.authorization;
   }
+  /** Discover optional OAuth metadata without delaying MCP readiness. */
+  async discoverAuthorization() {
+    return this.connector.discoverAuthorization();
+  }
   /** Authenticate an already-connected mixed-auth server. */
   async authenticate() {
     await this.connector.authenticate();
@@ -5727,6 +5744,62 @@ function useMcp(options) {
         }).catch(() => {
         });
         setTools(connection.tools || []);
+        const {
+          server: serverInfo2,
+          capabilities: capabilities2,
+          protocolEra: protocolEra2,
+          protocolVersion: protocolVersion2,
+          instructions: instructions2,
+          extensions: extensions2,
+          authorization: connectionAuthorization
+        } = connection.info;
+        if (connectionAuthorization) {
+          setAuthorization(connectionAuthorization);
+          authorizationRef.current = connectionAuthorization;
+        }
+        setProtocolEra(protocolEra2);
+        setProtocolVersion(protocolVersion2);
+        setInstructions(instructions2);
+        setExtensions(extensions2);
+        if (serverInfo2) {
+          addLog("debug", "Server info:", serverInfo2);
+          setServerInfo(serverInfo2);
+          iconLoadingPromiseRef.current = loadServerIcon({
+            serverInfo: serverInfo2,
+            url,
+            isMounted: () => isMountedRef.current,
+            setServerInfo,
+            addLog
+          });
+        }
+        if (capabilities2) {
+          addLog("debug", "Server capabilities:", capabilities2);
+          setCapabilities(capabilities2);
+        }
+        successfulTransportRef.current = transportTypeParam;
+        setState("ready");
+        const discoverAuthorizationAfterReady = () => {
+          if (!isMountedRef.current || connectionRef.current !== connection) {
+            return;
+          }
+          const authorizationDiscovery = connection.discoverAuthorization?.();
+          if (authorizationDiscovery) {
+            void authorizationDiscovery.then((discovered) => {
+              if (!discovered || !isMountedRef.current || connectionRef.current !== connection) {
+                return;
+              }
+              authorizationRef.current = discovered;
+              setAuthorization(discovered);
+            });
+          }
+        };
+        if (typeof globalThis.requestAnimationFrame === "function") {
+          globalThis.requestAnimationFrame(() => {
+            setTimeout(discoverAuthorizationAfterReady, 0);
+          });
+        } else {
+          setTimeout(discoverAuthorizationAfterReady, 0);
+        }
         const [resourcesResult, promptsResult, templatesResult] = await Promise.all([
           connection.listAllResources().catch((error2) => {
             addLog("warn", "Failed to load initial resources:", error2);
@@ -5755,24 +5828,7 @@ function useMcp(options) {
         setResources(resourcesResult.resources || []);
         setPrompts(promptsResult.prompts || []);
         setResourceTemplates(templatesResult.resourceTemplates || []);
-        const {
-          server: serverInfo2,
-          capabilities: capabilities2,
-          protocolEra: protocolEra2,
-          protocolVersion: protocolVersion2,
-          instructions: instructions2,
-          extensions: extensions2,
-          authorization: connectionAuthorization
-        } = connection.info;
-        if (connectionAuthorization) {
-          setAuthorization(connectionAuthorization);
-          authorizationRef.current = connectionAuthorization;
-        }
         if (isMountedRef.current) {
-          setProtocolEra(protocolEra2);
-          setProtocolVersion(protocolVersion2);
-          setInstructions(instructions2);
-          setExtensions(extensions2);
           if (extensions2["io.modelcontextprotocol/skills"] !== void 0) {
             try {
               const result = await connection.listAllSkills();
@@ -5785,29 +5841,6 @@ function useMcp(options) {
             setSkills([]);
           }
         }
-        if (serverInfo2) {
-          addLog("debug", "Server info:", serverInfo2);
-          if (!isMountedRef.current) {
-            addLog("debug", "Skipping state update - component unmounted");
-            return "failed";
-          }
-          setServerInfo(serverInfo2);
-          iconLoadingPromiseRef.current = loadServerIcon({
-            serverInfo: serverInfo2,
-            url,
-            isMounted: () => isMountedRef.current,
-            setServerInfo,
-            addLog
-          });
-        }
-        if (capabilities2) {
-          addLog("debug", "Server capabilities:", capabilities2);
-          if (!isMountedRef.current) {
-            addLog("debug", "Skipping state update - component unmounted");
-            return "failed";
-          }
-          setCapabilities(capabilities2);
-        }
         if (authProviderRef.current) {
           const tokens = await authProviderRef.current.tokens?.();
           if (!isMountedRef.current) {
@@ -5862,8 +5895,6 @@ function useMcp(options) {
             });
           }
         }
-        successfulTransportRef.current = transportTypeParam;
-        setState("ready");
         return "success";
       } catch (err) {
         const error2 = err;