@mcp-ts/sdk 1.3.4 → 1.3.5

package/src/client/react/use-mcp.ts

@@ -276,36 +276,36 @@ export function useMcp(options: UseMcpOptions): McpClient {
   /**
    * Update connections based on event
    */
-  const updateConnectionsFromEvent = useCallback((event: McpConnectionEvent) => {
-    if (!isMountedRef.current) return;
-
-    const isTransientReconnectState = (state: McpConnectionState): boolean =>
-      state === 'INITIALIZING' ||
-      state === 'VALIDATING' ||
-      state === 'RECONNECTING' ||
-      state === 'CONNECTING' ||
-      state === 'CONNECTED' ||
-      state === 'DISCOVERING';
-
-    setConnections((prev: McpConnection[]) => {
-      switch (event.type) {
-        case 'state_changed': {
-          const existing = prev.find((c: McpConnection) => c.sessionId === event.sessionId);
-          if (existing) {
-            // In stateless per-request transport, tool calls can emit transient reconnect states.
-            // Keep READY sticky to avoid UI flicker from READY -> CONNECTING -> CONNECTED.
-            const nextState =
-              existing.state === 'READY' && isTransientReconnectState(event.state)
-                ? existing.state
-                : event.state;
-
-            return prev.map((c: McpConnection) =>
-              c.sessionId === event.sessionId ? {
-                ...c,
-                state: nextState,
-                // update createdAt if present in event, otherwise keep existing
-                createdAt: event.createdAt ? new Date(event.createdAt) : c.createdAt
-              } : c
+  const updateConnectionsFromEvent = useCallback((event: McpConnectionEvent) => {
+    if (!isMountedRef.current) return;
+
+    const isTransientReconnectState = (state: McpConnectionState): boolean =>
+      state === 'INITIALIZING' ||
+      state === 'VALIDATING' ||
+      state === 'RECONNECTING' ||
+      state === 'CONNECTING' ||
+      state === 'CONNECTED' ||
+      state === 'DISCOVERING';
+
+    setConnections((prev: McpConnection[]) => {
+      switch (event.type) {
+        case 'state_changed': {
+          const existing = prev.find((c: McpConnection) => c.sessionId === event.sessionId);
+          if (existing) {
+            // In stateless per-request transport, tool calls can emit transient reconnect states.
+            // Keep READY sticky to avoid UI flicker from READY -> CONNECTING -> CONNECTED.
+            const nextState =
+              existing.state === 'READY' && isTransientReconnectState(event.state)
+                ? existing.state
+                : event.state;
+
+            return prev.map((c: McpConnection) =>
+              c.sessionId === event.sessionId ? {
+                ...c,
+                state: nextState,
+                // update createdAt if present in event, otherwise keep existing
+                createdAt: event.createdAt ? new Date(event.createdAt) : c.createdAt
+              } : c
             );
           } else {
             // Fix: Don't add back disconnected sessions that were just removed
@@ -602,7 +602,7 @@ export function useMcp(options: UseMcpOptions): McpClient {
   const isServerConnected = useCallback(
     (serverId: string) => {
       const conn = getConnectionByServerId(serverId);
-      return conn?.state === 'CONNECTED';
+      return conn ? conn.state === 'CONNECTED' || conn.state === 'DISCOVERING' || conn.state === 'READY' : false;
     },
     [getConnectionByServerId]
   );

package/src/client/vue/use-mcp.ts

@@ -16,7 +16,7 @@ import type {
     SessionInfo,
 } from '../../shared/types';
 
-export interface UseMcpOptions {
+export interface UseMcpOptions {
     /**
      * SSE endpoint URL
      */
@@ -53,24 +53,24 @@ export interface UseMcpOptions {
      * Debug logging callback
      */
     onLog?: (level: string, message: string, metadata?: Record<string, unknown>) => void;
-    /**
-     * Optional callback to handle OAuth redirects (e.g. for popup flow)
-     * If provided, this will be called instead of window.location.href assignment
-     */
-    onRedirect?: (url: string) => void;
-
-    /**
-     * Request timeout in milliseconds
-     * @default 60000
-     */
-    requestTimeout?: number;
-
-    /**
-     * Enable client debug logs.
-     * @default false
-     */
-    debug?: boolean;
-}
+    /**
+     * Optional callback to handle OAuth redirects (e.g. for popup flow)
+     * If provided, this will be called instead of window.location.href assignment
+     */
+    onRedirect?: (url: string) => void;
+
+    /**
+     * Request timeout in milliseconds
+     * @default 60000
+     */
+    requestTimeout?: number;
+
+    /**
+     * Enable client debug logs.
+     * @default false
+     */
+    debug?: boolean;
+}
 
 export interface McpConnection {
     sessionId: string;
@@ -191,16 +191,16 @@ export interface McpClient {
      */
     listResources: (sessionId: string) => Promise<ListResourcesResult>;
 
-    /**
-     * Read a specific resource
-     */
-    readResource: (sessionId: string, uri: string) => Promise<unknown>;
-
-    /**
-     * Access the underlying SSEClient instance (for advanced usage like AppHost)
-     */
-    sseClient: SSEClient | null;
-}
+    /**
+     * Read a specific resource
+     */
+    readResource: (sessionId: string, uri: string) => Promise<unknown>;
+
+    /**
+     * Access the underlying SSEClient instance (for advanced usage like AppHost)
+     */
+    sseClient: SSEClient | null;
+}
 
 /**
  * Vue Composable for MCP connection management with SSE
@@ -229,35 +229,35 @@ export function useMcp(options: UseMcpOptions): McpClient {
     /**
      * Update connections based on event
      */
-    const updateConnectionsFromEvent = (event: McpConnectionEvent) => {
-        if (!isMountedRef.value) return;
-
-        const isTransientReconnectState = (state: McpConnectionState): boolean =>
-            state === 'INITIALIZING' ||
-            state === 'VALIDATING' ||
-            state === 'RECONNECTING' ||
-            state === 'CONNECTING' ||
-            state === 'CONNECTED' ||
-            state === 'DISCOVERING';
-
-        switch (event.type) {
-            case 'state_changed': {
-                const existing = connections.value.find((c) => c.sessionId === event.sessionId);
-                if (existing) {
-                    // In stateless per-request transport, tool calls can emit transient reconnect states.
-                    // Keep READY sticky to avoid UI flicker from READY -> CONNECTING -> CONNECTED.
-                    const nextState =
-                        existing.state === 'READY' && isTransientReconnectState(event.state)
-                            ? existing.state
-                            : event.state;
-
-                    const index = connections.value.indexOf(existing);
-                    connections.value[index] = {
-                        ...existing,
-                        state: nextState,
-                        // update createdAt if present in event, otherwise keep existing
-                        createdAt: event.createdAt ? new Date(event.createdAt) : existing.createdAt
-                    };
+    const updateConnectionsFromEvent = (event: McpConnectionEvent) => {
+        if (!isMountedRef.value) return;
+
+        const isTransientReconnectState = (state: McpConnectionState): boolean =>
+            state === 'INITIALIZING' ||
+            state === 'VALIDATING' ||
+            state === 'RECONNECTING' ||
+            state === 'CONNECTING' ||
+            state === 'CONNECTED' ||
+            state === 'DISCOVERING';
+
+        switch (event.type) {
+            case 'state_changed': {
+                const existing = connections.value.find((c) => c.sessionId === event.sessionId);
+                if (existing) {
+                    // In stateless per-request transport, tool calls can emit transient reconnect states.
+                    // Keep READY sticky to avoid UI flicker from READY -> CONNECTING -> CONNECTED.
+                    const nextState =
+                        existing.state === 'READY' && isTransientReconnectState(event.state)
+                            ? existing.state
+                            : event.state;
+
+                    const index = connections.value.indexOf(existing);
+                    connections.value[index] = {
+                        ...existing,
+                        state: nextState,
+                        // update createdAt if present in event, otherwise keep existing
+                        createdAt: event.createdAt ? new Date(event.createdAt) : existing.createdAt
+                    };
                 } else {
                     // Fix: Don't add back disconnected sessions that were just removed
                     if (event.state === 'DISCONNECTED') {
@@ -384,10 +384,10 @@ export function useMcp(options: UseMcpOptions): McpClient {
             clientRef.value.disconnect();
         }
 
-        const clientOptions: SSEClientOptions = {
-            url,
-            identity,
-            authToken,
+        const clientOptions: SSEClientOptions = {
+            url,
+            identity,
+            authToken,
             onConnectionEvent: (event) => {
                 // Update local state based on event
                 updateConnectionsFromEvent(event);
@@ -398,13 +398,13 @@ export function useMcp(options: UseMcpOptions): McpClient {
             onObservabilityEvent: (event) => {
                 onLog?.(event.level || 'info', event.message || event.displayMessage || 'No message', event.metadata);
             },
-            onStatusChange: (newStatus) => {
-                if (isMountedRef.value) {
-                    status.value = newStatus;
-                }
-            },
-            debug: options.debug,
-        };
+            onStatusChange: (newStatus) => {
+                if (isMountedRef.value) {
+                    status.value = newStatus;
+                }
+            },
+            debug: options.debug,
+        };
 
         const client = new SSEClient(clientOptions);
         clientRef.value = client;
@@ -582,7 +582,7 @@ export function useMcp(options: UseMcpOptions): McpClient {
 
     const isServerConnected = (serverId: string) => {
         const conn = getConnectionByServerId(serverId);
-        return conn?.state === 'CONNECTED';
+        return conn ? conn.state === 'CONNECTED' || conn.state === 'DISCOVERING' || conn.state === 'READY' : false;
     };
 
     const getTools = (sessionId: string) => {
@@ -608,10 +608,10 @@ export function useMcp(options: UseMcpOptions): McpClient {
         resumeAuth,
         callTool,
         listTools,
-        listPrompts,
-        getPrompt,
-        listResources,
-        readResource,
-        sseClient: clientRef.value,
-    };
-}
+        listPrompts,
+        getPrompt,
+        listResources,
+        readResource,
+        sseClient: clientRef.value,
+    };
+}