@mcp-use/inspector 0.3.3 → 0.3.6

package/dist/server/server.js

@@ -1,153 +1,196 @@
-import { exec } from 'node:child_process';
-import { existsSync } from 'node:fs';
-import { dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { promisify } from 'node:util';
-import { serve } from '@hono/node-server';
-import { Hono } from 'hono';
-import { cors } from 'hono/cors';
-import { logger } from 'hono/logger';
-import faviconProxy from './favicon-proxy.js';
-import { MCPInspector } from './mcp-inspector.js';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const execAsync = promisify(exec);
-// Check if a specific port is available
+import {
+  MCPInspector
+} from "./chunk-LLCPK3RJ.js";
+import {
+  checkClientFiles,
+  getClientDistPath,
+  getContentType,
+  handleChatRequest
+} from "./chunk-KT6SE3BW.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/server/server.ts
+import { exec } from "child_process";
+import { existsSync } from "fs";
+import { join } from "path";
+import { promisify } from "util";
+import { serve } from "@hono/node-server";
+import { Hono } from "hono";
+import { cors } from "hono/cors";
+import { logger } from "hono/logger";
+var execAsync = promisify(exec);
 async function isPortAvailable(port) {
-    const net = await import('node:net');
-    return new Promise((resolve) => {
-        const server = net.createServer();
-        server.listen(port, () => {
-            server.close(() => resolve(true));
-        });
-        server.on('error', () => resolve(false));
+  const net = await import("net");
+  return new Promise((resolve) => {
+    const server = net.createServer();
+    server.listen(port, () => {
+      server.close(() => resolve(true));
     });
+    server.on("error", () => resolve(false));
+  });
 }
-const app = new Hono();
-// Middleware
-app.use('*', cors());
-app.use('*', logger());
-// Mount favicon proxy
-app.route('/api/favicon', faviconProxy);
-// Health check
-app.get('/health', (c) => {
-    return c.json({ status: 'ok', timestamp: new Date().toISOString() });
+var app = new Hono();
+app.use("*", cors());
+app.use("*", logger());
+app.get("/health", (c) => {
+  return c.json({ status: "ok", timestamp: (/* @__PURE__ */ new Date()).toISOString() });
 });
-// MCP Inspector routes
-const mcpInspector = new MCPInspector();
-// List available MCP servers
-app.get('/api/servers', async (c) => {
-    try {
-        const servers = await mcpInspector.listServers();
-        return c.json({ servers });
-    }
-    catch {
-        return c.json({ error: 'Failed to list servers' }, 500);
-    }
+var mcpInspector = new MCPInspector();
+app.get("/api/servers", async (c) => {
+  try {
+    const servers = await mcpInspector.listServers();
+    return c.json({ servers });
+  } catch {
+    return c.json({ error: "Failed to list servers" }, 500);
+  }
 });
-// Connect to an MCP server
-app.post('/api/servers/connect', async (c) => {
-    try {
-        const { url, command } = await c.req.json();
-        const server = await mcpInspector.connectToServer(url, command);
-        return c.json({ server });
-    }
-    catch {
-        return c.json({ error: 'Failed to connect to server' }, 500);
-    }
+app.post("/api/servers/connect", async (c) => {
+  try {
+    const { url, command } = await c.req.json();
+    const server = await mcpInspector.connectToServer(url, command);
+    return c.json({ server });
+  } catch {
+    return c.json({ error: "Failed to connect to server" }, 500);
+  }
 });
-// Get server details
-app.get('/api/servers/:id', async (c) => {
-    try {
-        const id = c.req.param('id');
-        const server = await mcpInspector.getServer(id);
-        if (!server) {
-            return c.json({ error: 'Server not found' }, 404);
-        }
-        return c.json({ server });
-    }
-    catch {
-        return c.json({ error: 'Failed to get server details' }, 500);
+app.get("/api/servers/:id", async (c) => {
+  try {
+    const id = c.req.param("id");
+    const server = await mcpInspector.getServer(id);
+    if (!server) {
+      return c.json({ error: "Server not found" }, 404);
     }
+    return c.json({ server });
+  } catch {
+    return c.json({ error: "Failed to get server details" }, 500);
+  }
 });
-// Execute a tool on a server
-app.post('/api/servers/:id/tools/:toolName/execute', async (c) => {
-    try {
-        const id = c.req.param('id');
-        const toolName = c.req.param('toolName');
-        const input = await c.req.json();
-        const result = await mcpInspector.executeTool(id, toolName, input);
-        return c.json({ result });
-    }
-    catch {
-        return c.json({ error: 'Failed to execute tool' }, 500);
-    }
+app.post("/api/servers/:id/tools/:toolName/execute", async (c) => {
+  try {
+    const id = c.req.param("id");
+    const toolName = c.req.param("toolName");
+    const input = await c.req.json();
+    const result = await mcpInspector.executeTool(id, toolName, input);
+    return c.json({ result });
+  } catch {
+    return c.json({ error: "Failed to execute tool" }, 500);
+  }
 });
-// Get server tools
-app.get('/api/servers/:id/tools', async (c) => {
-    try {
-        const id = c.req.param('id');
-        const tools = await mcpInspector.getServerTools(id);
-        return c.json({ tools });
-    }
-    catch {
-        return c.json({ error: 'Failed to get server tools' }, 500);
-    }
+app.get("/api/servers/:id/tools", async (c) => {
+  try {
+    const id = c.req.param("id");
+    const tools = await mcpInspector.getServerTools(id);
+    return c.json({ tools });
+  } catch {
+    return c.json({ error: "Failed to get server tools" }, 500);
+  }
 });
-// Get server resources
-app.get('/api/servers/:id/resources', async (c) => {
-    try {
-        const id = c.req.param('id');
-        const resources = await mcpInspector.getServerResources(id);
-        return c.json({ resources });
+app.get("/api/servers/:id/resources", async (c) => {
+  try {
+    const id = c.req.param("id");
+    const resources = await mcpInspector.getServerResources(id);
+    return c.json({ resources });
+  } catch {
+    return c.json({ error: "Failed to get server resources" }, 500);
+  }
+});
+app.delete("/api/servers/:id", async (c) => {
+  try {
+    const id = c.req.param("id");
+    await mcpInspector.disconnectServer(id);
+    return c.json({ success: true });
+  } catch {
+    return c.json({ error: "Failed to disconnect server" }, 500);
+  }
+});
+app.post("/inspector/api/chat", async (c) => {
+  try {
+    const requestBody = await c.req.json();
+    const result = await handleChatRequest(requestBody);
+    return c.json(result);
+  } catch (error) {
+    console.error("Chat API error:", error);
+    return c.json({
+      error: error instanceof Error ? error.message : "Failed to process chat request"
+    }, 500);
+  }
+});
+app.all("/inspector/api/proxy/*", async (c) => {
+  try {
+    const targetUrl = c.req.header("X-Target-URL");
+    const proxyToken = c.req.header("X-Proxy-Token");
+    if (!targetUrl) {
+      return c.json({ error: "X-Target-URL header is required" }, 400);
     }
-    catch {
-        return c.json({ error: 'Failed to get server resources' }, 500);
+    if (proxyToken && proxyToken !== "c96aeb0c195aa9c7d3846b90aec9bc5fcdd5df97b3049aaede8f5dd1a15d2d87") {
+      return c.json({ error: "Invalid proxy token" }, 401);
     }
-});
-// Disconnect from a server
-app.delete('/api/servers/:id', async (c) => {
-    try {
-        const id = c.req.param('id');
-        await mcpInspector.disconnectServer(id);
-        return c.json({ success: true });
+    const method = c.req.method;
+    const headers = {};
+    const requestHeaders = c.req.header();
+    for (const [key, value] of Object.entries(requestHeaders)) {
+      if (!key.toLowerCase().startsWith("x-proxy-") && !key.toLowerCase().startsWith("x-target-") && key.toLowerCase() !== "host") {
+        headers[key] = value;
+      }
     }
-    catch {
-        return c.json({ error: 'Failed to disconnect server' }, 500);
+    try {
+      const targetUrlObj = new URL(targetUrl);
+      headers.Host = targetUrlObj.host;
+    } catch {
+      return c.json({ error: "Invalid target URL" }, 400);
     }
+    const body = method !== "GET" && method !== "HEAD" ? await c.req.arrayBuffer() : void 0;
+    const response = await fetch(targetUrl, {
+      method,
+      headers,
+      body: body ? new Uint8Array(body) : void 0
+    });
+    const responseHeaders = {};
+    response.headers.forEach((value, key) => {
+      responseHeaders[key] = value;
+    });
+    return new Response(response.body, {
+      status: response.status,
+      statusText: response.statusText,
+      headers: responseHeaders
+    });
+  } catch (error) {
+    console.error("Proxy error:", error);
+    return c.json({
+      error: error instanceof Error ? error.message : "Failed to proxy request"
+    }, 500);
+  }
+});
+app.get("/inspector/config.json", (c) => {
+  return c.json({
+    autoConnectUrl: null
+  });
 });
-// Check if we're in development mode (Vite dev server running)
-const isDev = process.env.NODE_ENV === 'development' || process.env.VITE_DEV === 'true';
-// Serve static assets from the built client
-const clientDistPath = join(__dirname, '../../dist/client');
+var isDev = process.env.NODE_ENV === "development" || process.env.VITE_DEV === "true";
+var clientDistPath = getClientDistPath();
 if (isDev) {
-    // Development mode: proxy client requests to Vite dev server
-    console.warn('🔧 Development mode: Proxying client requests to Vite dev server');
-    // Proxy all non-API requests to Vite dev server
-    app.get('*', async (c) => {
-        const path = c.req.path;
-        // Skip API routes
-        if (path.startsWith('/api/')) {
-            return c.notFound();
-        }
-        try {
-            // Vite dev server should be running on port 3000
-            const viteUrl = `http://localhost:3000${path}`;
-            const response = await fetch(viteUrl, {
-                signal: AbortSignal.timeout(1000), // 1 second timeout
-            });
-            if (response.ok) {
-                const content = await response.text();
-                const contentType = response.headers.get('content-type') || 'text/html';
-                c.header('Content-Type', contentType);
-                return c.html(content);
-            }
-        }
-        catch (error) {
-            console.warn(`Failed to proxy to Vite dev server: ${error}`);
-        }
-        // Fallback HTML if Vite dev server is not running
-        return c.html(`
+  console.warn("\u{1F527} Development mode: Proxying client requests to Vite dev server");
+  app.get("*", async (c) => {
+    const path = c.req.path;
+    if (path.startsWith("/api/") || path.startsWith("/inspector/api/") || path === "/inspector/config.json") {
+      return c.notFound();
+    }
+    try {
+      const viteUrl = `http://localhost:3000${path}`;
+      const response = await fetch(viteUrl, {
+        signal: AbortSignal.timeout(1e3)
+        // 1 second timeout
+      });
+      if (response.ok) {
+        const content = await response.text();
+        const contentType = response.headers.get("content-type") || "text/html";
+        c.header("Content-Type", contentType);
+        return c.html(content);
+      }
+    } catch (error) {
+      console.warn(`Failed to proxy to Vite dev server: ${error}`);
+    }
+    return c.html(`
       <!DOCTYPE html>
       <html>
         <head>
@@ -161,42 +204,29 @@ if (isDev) {
         </body>
       </html>
     `);
-    });
-}
-else if (existsSync(clientDistPath)) {
-    // Production mode: serve static assets from built client
-    // Serve static assets from /inspector/assets/* (matching Vite's base path)
-    app.get('/inspector/assets/*', async (c) => {
-        const path = c.req.path.replace('/inspector/assets/', 'assets/');
-        const fullPath = join(clientDistPath, path);
-        if (existsSync(fullPath)) {
-            const content = await import('node:fs').then(fs => fs.readFileSync(fullPath));
-            // Set appropriate content type based on file extension
-            if (path.endsWith('.js')) {
-                c.header('Content-Type', 'application/javascript');
-            }
-            else if (path.endsWith('.css')) {
-                c.header('Content-Type', 'text/css');
-            }
-            else if (path.endsWith('.svg')) {
-                c.header('Content-Type', 'image/svg+xml');
-            }
-            return c.body(content);
-        }
-        return c.notFound();
-    });
-    // Redirect root path to /inspector
-    app.get('/', (c) => {
-        return c.redirect('/inspector');
-    });
-    // Serve the main HTML file for /inspector and all other routes (SPA routing)
-    app.get('*', (c) => {
-        const indexPath = join(clientDistPath, 'index.html');
-        if (existsSync(indexPath)) {
-            const content = import('node:fs').then(fs => fs.readFileSync(indexPath, 'utf-8'));
-            return c.html(content);
-        }
-        return c.html(`
+  });
+} else if (checkClientFiles(clientDistPath)) {
+  app.get("/inspector/assets/*", async (c) => {
+    const path = c.req.path.replace("/inspector/assets/", "assets/");
+    const fullPath = join(clientDistPath, path);
+    if (existsSync(fullPath)) {
+      const content = await import("fs").then((fs) => fs.readFileSync(fullPath));
+      const contentType = getContentType(fullPath);
+      c.header("Content-Type", contentType);
+      return c.body(content);
+    }
+    return c.notFound();
+  });
+  app.get("/", (c) => {
+    return c.redirect("/inspector");
+  });
+  app.get("*", (c) => {
+    const indexPath = join(clientDistPath, "index.html");
+    if (existsSync(indexPath)) {
+      const content = import("fs").then((fs) => fs.readFileSync(indexPath, "utf-8"));
+      return c.html(content);
+    }
+    return c.html(`
       <!DOCTYPE html>
       <html>
         <head>
@@ -209,14 +239,12 @@ else if (existsSync(clientDistPath)) {
         </body>
       </html>
     `);
-    });
-}
-else {
-    console.warn(`⚠️  MCP Inspector client files not found at ${clientDistPath}`);
-    console.warn(`   Run 'yarn build' in the inspector package to build the UI`);
-    // Fallback for when client is not built
-    app.get('*', (c) => {
-        return c.html(`
+  });
+} else {
+  console.warn(`\u26A0\uFE0F  MCP Inspector client files not found at ${clientDistPath}`);
+  console.warn(`   Run 'yarn build' in the inspector package to build the UI`);
+  app.get("*", (c) => {
+    return c.html(`
       <!DOCTYPE html>
       <html>
         <head>
@@ -229,66 +257,59 @@ else {
         </body>
       </html>
     `);
-    });
+  });
 }
-// Start the server
 async function startServer() {
-    try {
-        // In development mode, use port 3001 for API server
-        // In production/standalone mode, try 3001 first, then 3002 as fallback
-        const isDev = process.env.NODE_ENV === 'development' || process.env.VITE_DEV === 'true';
-        let port = 3001;
-        const available = await isPortAvailable(port);
-        if (!available) {
-            if (isDev) {
-                console.error(`❌ Port ${port} is not available. Please stop the process using this port and try again.`);
-                process.exit(1);
-            }
-            else {
-                // In standalone mode, try fallback port
-                const fallbackPort = 3002;
-                console.warn(`⚠️  Port ${port} is not available, trying ${fallbackPort}`);
-                const fallbackAvailable = await isPortAvailable(fallbackPort);
-                if (!fallbackAvailable) {
-                    console.error(`❌ Neither port ${port} nor ${fallbackPort} is available. Please stop the processes using these ports and try again.`);
-                    process.exit(1);
-                }
-                port = fallbackPort;
-            }
-        }
-        serve({
-            fetch: app.fetch,
-            port,
-        });
-        if (isDev) {
-            console.warn(`🚀 MCP Inspector API server running on http://localhost:${port}`);
-            console.warn(`🌐 Vite dev server should be running on http://localhost:3000`);
-        }
-        else {
-            console.warn(`🚀 MCP Inspector running on http://localhost:${port}`);
-        }
-        // Auto-open browser in development
-        if (process.env.NODE_ENV !== 'production') {
-            try {
-                const command = process.platform === 'win32' ? 'start' : process.platform === 'darwin' ? 'open' : 'xdg-open';
-                const url = isDev ? 'http://localhost:3000' : `http://localhost:${port}`;
-                await execAsync(`${command} ${url}`);
-                console.warn(`🌐 Browser opened automatically`);
-            }
-            catch {
-                const url = isDev ? 'http://localhost:3000' : `http://localhost:${port}`;
-                console.warn(`🌐 Please open ${url} in your browser`);
-            }
+  try {
+    const isDev2 = process.env.NODE_ENV === "development" || process.env.VITE_DEV === "true";
+    let port = 3001;
+    const available = await isPortAvailable(port);
+    if (!available) {
+      if (isDev2) {
+        console.error(`\u274C Port ${port} is not available. Please stop the process using this port and try again.`);
+        process.exit(1);
+      } else {
+        const fallbackPort = 3002;
+        console.warn(`\u26A0\uFE0F  Port ${port} is not available, trying ${fallbackPort}`);
+        const fallbackAvailable = await isPortAvailable(fallbackPort);
+        if (!fallbackAvailable) {
+          console.error(`\u274C Neither port ${port} nor ${fallbackPort} is available. Please stop the processes using these ports and try again.`);
+          process.exit(1);
         }
-        return { port, fetch: app.fetch };
+        port = fallbackPort;
+      }
     }
-    catch (error) {
-        console.error('Failed to start server:', error);
-        process.exit(1);
+    serve({
+      fetch: app.fetch,
+      port
+    });
+    if (isDev2) {
+      console.warn(`\u{1F680} MCP Inspector API server running on http://localhost:${port}`);
+      console.warn(`\u{1F310} Vite dev server should be running on http://localhost:3000`);
+    } else {
+      console.warn(`\u{1F680} MCP Inspector running on http://localhost:${port}`);
+    }
+    if (process.env.NODE_ENV !== "production") {
+      try {
+        const command = process.platform === "win32" ? "start" : process.platform === "darwin" ? "open" : "xdg-open";
+        const url = isDev2 ? "http://localhost:3000" : `http://localhost:${port}`;
+        await execAsync(`${command} ${url}`);
+        console.warn(`\u{1F310} Browser opened automatically`);
+      } catch {
+        const url = isDev2 ? "http://localhost:3000" : `http://localhost:${port}`;
+        console.warn(`\u{1F310} Please open ${url} in your browser`);
+      }
     }
+    return { port, fetch: app.fetch };
+  } catch (error) {
+    console.error("Failed to start server:", error);
+    process.exit(1);
+  }
 }
-// Start the server if this file is run directly
 if (import.meta.url === `file://${process.argv[1]}`) {
-    startServer();
+  startServer();
 }
-export default { startServer };
+var server_default = { startServer };
+export {
+  server_default as default
+};

package/dist/server/shared-utils.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Shared utilities for MCP Inspector server functionality
+ */
+/**
+ * Handle chat API request with MCP agent
+ */
+export declare function handleChatRequest(requestBody: {
+    mcpServerUrl: string;
+    llmConfig: any;
+    authConfig?: any;
+    messages: any[];
+}): Promise<{
+    content: string;
+    toolCalls: any[];
+}>;
+/**
+ * Get content type for static assets
+ */
+export declare function getContentType(filePath: string): string;
+/**
+ * Check if client files exist
+ */
+export declare function checkClientFiles(clientDistPath: string): boolean;
+/**
+ * Get client dist path
+ */
+export declare function getClientDistPath(): string;
+//# sourceMappingURL=shared-utils.d.ts.map

package/dist/server/shared-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-utils.d.ts","sourceRoot":"","sources":["../../src/server/shared-utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AAGH;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,WAAW,EAAE;IACnD,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,GAAG,CAAA;IACd,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,QAAQ,EAAE,GAAG,EAAE,CAAA;CAChB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC,CA+HjD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CA4BvD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAEhE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAI1C"}

package/dist/server/shared-utils.js

@@ -0,0 +1,13 @@
+import {
+  checkClientFiles,
+  getClientDistPath,
+  getContentType,
+  handleChatRequest
+} from "./chunk-KT6SE3BW.js";
+import "./chunk-PKBMQBKP.js";
+export {
+  checkClientFiles,
+  getClientDistPath,
+  getContentType,
+  handleChatRequest
+};