@mcp-use/inspector 0.4.11-canary.0 → 0.4.11-canary.1

package/dist/cli.js

@@ -23,7 +23,9 @@ function toBase64(str) {
 async function* handleChatRequestStream(requestBody) {
   const { mcpServerUrl, llmConfig, authConfig, messages } = requestBody;
   if (!mcpServerUrl || !llmConfig || !messages) {
-    throw new Error("Missing required fields: mcpServerUrl, llmConfig, messages");
+    throw new Error(
+      "Missing required fields: mcpServerUrl, llmConfig, messages"
+    );
   }
   const { MCPAgent, MCPClient } = await import("mcp-use");
   let llm;
@@ -135,7 +137,9 @@ async function* handleChatRequestStream(requestBody) {
 async function handleChatRequest(requestBody) {
   const { mcpServerUrl, llmConfig, authConfig, messages } = requestBody;
   if (!mcpServerUrl || !llmConfig || !messages) {
-    throw new Error("Missing required fields: mcpServerUrl, llmConfig, messages");
+    throw new Error(
+      "Missing required fields: mcpServerUrl, llmConfig, messages"
+    );
   }
   const { MCPAgent, MCPClient } = await import("mcp-use");
   let llm;
@@ -175,7 +179,10 @@ async function handleChatRequest(requestBody) {
         const tokenType = authConfig.oauthTokens.token_type ? authConfig.oauthTokens.token_type.charAt(0).toUpperCase() + authConfig.oauthTokens.token_type.slice(1) : "Bearer";
         serverConfig.headers.Authorization = `${tokenType} ${authConfig.oauthTokens.access_token}`;
         console.log("Using OAuth access token for MCP server authentication");
-        console.log("Authorization header:", `${tokenType} ${authConfig.oauthTokens.access_token.substring(0, 20)}...`);
+        console.log(
+          "Authorization header:",
+          `${tokenType} ${authConfig.oauthTokens.access_token.substring(0, 20)}...`
+        );
       } else {
         console.warn("OAuth selected but no access token provided");
       }
@@ -230,21 +237,35 @@ setInterval(
   5 * 60 * 1e3
 ).unref();
 function storeWidgetData(data) {
-  const { serverId, uri, toolInput, toolOutput, resourceData, toolId, widgetCSP } = data;
+  const {
+    serverId,
+    uri,
+    toolInput,
+    toolOutput,
+    resourceData,
+    toolId,
+    widgetCSP
+  } = data;
   console.log("[Widget Store] Received request for toolId:", toolId);
-  console.log("[Widget Store] Fields:", { serverId, uri, hasResourceData: !!resourceData, hasToolInput: !!toolInput, hasToolOutput: !!toolOutput, hasWidgetCSP: !!widgetCSP });
+  console.log("[Widget Store] Fields:", {
+    serverId,
+    uri,
+    hasResourceData: !!resourceData,
+    hasToolInput: !!toolInput,
+    hasToolOutput: !!toolOutput,
+    hasWidgetCSP: !!widgetCSP
+  });
   if (!serverId || !uri || !toolId || !resourceData) {
     const missingFields = [];
-    if (!serverId)
-      missingFields.push("serverId");
-    if (!uri)
-      missingFields.push("uri");
-    if (!toolId)
-      missingFields.push("toolId");
-    if (!resourceData)
-      missingFields.push("resourceData");
+    if (!serverId) missingFields.push("serverId");
+    if (!uri) missingFields.push("uri");
+    if (!toolId) missingFields.push("toolId");
+    if (!resourceData) missingFields.push("resourceData");
     console.error("[Widget Store] Missing required fields:", missingFields);
-    return { success: false, error: `Missing required fields: ${missingFields.join(", ")}` };
+    return {
+      success: false,
+      error: `Missing required fields: ${missingFields.join(", ")}`
+    };
   }
   widgetDataStore.set(toolId, {
     serverId,
@@ -298,7 +319,10 @@ function generateWidgetContainerHtml(basePath, toolId) {
 }
 function generateWidgetContentHtml(widgetData) {
   const { serverId, uri, toolInput, toolOutput, resourceData, toolId } = widgetData;
-  console.log("[Widget Content] Using pre-fetched resource for:", { serverId, uri });
+  console.log("[Widget Content] Using pre-fetched resource for:", {
+    serverId,
+    uri
+  });
   let htmlContent = "";
   const contentsArray = Array.isArray(resourceData?.contents) ? resourceData.contents : [];
   const firstContent = contentsArray[0];
@@ -528,8 +552,8 @@ function getWidgetSecurityHeaders(widgetCSP) {
     "X-Frame-Options": "SAMEORIGIN",
     "X-Content-Type-Options": "nosniff",
     "Cache-Control": "no-cache, no-store, must-revalidate",
-    "Pragma": "no-cache",
-    "Expires": "0"
+    Pragma: "no-cache",
+    Expires: "0"
   };
 }
 
@@ -558,7 +582,9 @@ async function findAvailablePort(startPort2 = 8080, maxAttempts = 100) {
       continue;
     }
   }
-  throw new Error(`No available port found after trying ${maxAttempts} ports starting from ${startPort2}`);
+  throw new Error(
+    `No available port found after trying ${maxAttempts} ports starting from ${startPort2}`
+  );
 }
 function formatErrorResponse(error, context) {
   const timestamp = (/* @__PURE__ */ new Date()).toISOString();
@@ -643,7 +669,9 @@ function registerInspectorRoutes(app2, config) {
         } catch (error) {
           const errorMsg = `${JSON.stringify({
             type: "error",
-            data: { message: error instanceof Error ? error.message : "Unknown error" }
+            data: {
+              message: error instanceof Error ? error.message : "Unknown error"
+            }
           })}
 `;
           await writer.write(encoder.encode(errorMsg));
@@ -655,7 +683,7 @@ function registerInspectorRoutes(app2, config) {
         headers: {
           "Content-Type": "text/event-stream",
           "Cache-Control": "no-cache",
-          "Connection": "keep-alive"
+          Connection: "keep-alive"
         }
       });
     } catch (error) {
@@ -681,7 +709,10 @@ function registerInspectorRoutes(app2, config) {
       return c.json(result);
     } catch (error) {
       console.error("[Widget Store] Error:", error);
-      console.error("[Widget Store] Stack:", error instanceof Error ? error.stack : "");
+      console.error(
+        "[Widget Store] Stack:",
+        error instanceof Error ? error.stack : ""
+      );
       return c.json(formatErrorResponse(error, "storeWidgetData"), 500);
     }
   });
@@ -701,7 +732,10 @@ function registerInspectorRoutes(app2, config) {
       const toolId = c.req.param("toolId");
       const widgetData = getWidgetData(toolId);
       if (!widgetData) {
-        console.error("[Widget Content] Widget data not found for toolId:", toolId);
+        console.error(
+          "[Widget Content] Widget data not found for toolId:",
+          toolId
+        );
         return c.html(
           "<html><body>Error: Widget data not found or expired</body></html>",
           404
@@ -721,10 +755,7 @@ function registerInspectorRoutes(app2, config) {
       const errorMessage = error instanceof Error ? error.message : "Unknown error";
       const errorStack = error instanceof Error ? error.stack : "";
       console.error("[Widget Content] Stack:", errorStack);
-      return c.html(
-        `<html><body>Error: ${errorMessage}</body></html>`,
-        500
-      );
+      return c.html(`<html><body>Error: ${errorMessage}</body></html>`, 500);
     }
   });
   app2.get("/inspector/config.json", (c) => {
@@ -740,9 +771,12 @@ function registerInspectorRoutes(app2, config) {
         return c.json({ success: false, error: "Missing event name" }, 400);
       }
       const { PostHog } = await import("posthog-node");
-      const posthog = new PostHog("phc_lyTtbYwvkdSbrcMQNPiKiiRWrrM1seyKIMjycSvItEI", {
-        host: "https://eu.i.posthog.com"
-      });
+      const posthog = new PostHog(
+        "phc_lyTtbYwvkdSbrcMQNPiKiiRWrrM1seyKIMjycSvItEI",
+        {
+          host: "https://eu.i.posthog.com"
+        }
+      );
       const distinctId = user_id || "anonymous";
       posthog.capture({
         distinctId,
@@ -759,16 +793,23 @@ function registerInspectorRoutes(app2, config) {
   app2.post("/inspector/api/tel/scarf", async (c) => {
     try {
       const body = await c.req.json();
-      const response = await fetch("https://mcpuse.gateway.scarf.sh/events-inspector", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(body)
-      });
+      const response = await fetch(
+        "https://mcpuse.gateway.scarf.sh/events-inspector",
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(body)
+        }
+      );
       if (!response.ok) {
         console.error("[Telemetry] Scarf request failed:", response.status);
-        return c.json({ success: false, status: response.status, error: response.statusText });
+        return c.json({
+          success: false,
+          status: response.status,
+          error: response.statusText
+        });
       }
       return c.json({ success: true });
     } catch (error) {
@@ -838,7 +879,9 @@ function registerStaticRoutes(app2, clientDistPath) {
   const distPath = clientDistPath || getClientDistPath();
   if (!checkClientFiles(distPath)) {
     console.warn(`\u26A0\uFE0F  MCP Inspector client files not found at ${distPath}`);
-    console.warn(`   Run 'yarn build' in the inspector package to build the UI`);
+    console.warn(
+      `   Run 'yarn build' in the inspector package to build the UI`
+    );
     app2.get("*", (c) => {
       return c.html(`
       <!DOCTYPE html>
@@ -907,7 +950,9 @@ for (let i = 0; i < args.length; i++) {
   } else if (args[i] === "--port" && i + 1 < args.length) {
     const parsedPort = Number.parseInt(args[i + 1], 10);
     if (Number.isNaN(parsedPort) || parsedPort < 1 || parsedPort > 65535) {
-      console.error(`Error: Port must be a number between 1 and 65535, got: ${args[i + 1]}`);
+      console.error(
+        `Error: Port must be a number between 1 and 65535, got: ${args[i + 1]}`
+      );
       process.exit(1);
     }
     startPort = parsedPort;
@@ -957,7 +1002,9 @@ async function startServer() {
       await open(`http://localhost:${port}/inspector`);
       console.log(`\u{1F310} Browser opened`);
     } catch {
-      console.log(`\u{1F310} Please open http://localhost:${port}/inspector in your browser`);
+      console.log(
+        `\u{1F310} Please open http://localhost:${port}/inspector in your browser`
+      );
     }
     return { port, fetch: app.fetch };
   } catch (error) {