@mcp-use/inspector 0.3.2 → 0.3.5

package/dist/index.js

@@ -1,107 +0,0 @@
-// src/server/middleware.ts
-import { Buffer } from "buffer";
-import { existsSync } from "fs";
-import { dirname, join } from "path";
-import { fileURLToPath } from "url";
-var __filename = fileURLToPath(import.meta.url);
-var __dirname = dirname(__filename);
-function mountInspector(app, path = "/inspector", mcpServerUrl) {
-  const basePath = path.startsWith("/") ? path : `/${path}`;
-  const clientDistPath = join(__dirname, "../../dist/client");
-  if (!existsSync(clientDistPath)) {
-    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`);
-    return;
-  }
-  app.get(`${basePath}/config.json`, (_req, res) => {
-    res.json({
-      autoConnectUrl: mcpServerUrl || null
-    });
-  });
-  app.get(`${basePath}/api/favicon/:url`, async (req, res) => {
-    const url = req.params.url;
-    if (!url) {
-      res.status(400).json({ error: "URL parameter is required" });
-      return;
-    }
-    try {
-      const decodedUrl = decodeURIComponent(url);
-      let fullUrl = decodedUrl;
-      if (!decodedUrl.startsWith("http://") && !decodedUrl.startsWith("https://")) {
-        fullUrl = `https://${decodedUrl}`;
-      }
-      const urlObj = new URL(fullUrl);
-      const faviconUrls = [
-        `${urlObj.origin}/favicon.ico`,
-        `${urlObj.origin}/favicon.png`,
-        `${urlObj.origin}/apple-touch-icon.png`
-      ];
-      for (const faviconUrl of faviconUrls) {
-        try {
-          const response = await fetch(faviconUrl, {
-            headers: {
-              "User-Agent": "Mozilla/5.0 (compatible; MCP-Inspector/1.0)"
-            }
-          });
-          if (response.ok) {
-            const contentType = response.headers.get("content-type") || "image/x-icon";
-            const buffer = await response.arrayBuffer();
-            res.setHeader("Content-Type", contentType);
-            res.setHeader("Cache-Control", "public, max-age=86400");
-            res.setHeader("Access-Control-Allow-Origin", "*");
-            res.send(Buffer.from(buffer));
-            return;
-          }
-        } catch {
-          continue;
-        }
-      }
-      res.status(404).json({ error: "No favicon found" });
-    } catch (error) {
-      console.error("Favicon proxy error:", error);
-      res.status(400).json({ error: "Invalid URL or fetch failed" });
-    }
-  });
-  app.use(`${basePath}/assets`, (_req, res) => {
-    const assetPath = join(clientDistPath, "assets", _req.path);
-    if (existsSync(assetPath)) {
-      if (assetPath.endsWith(".js")) {
-        res.setHeader("Content-Type", "application/javascript");
-      } else if (assetPath.endsWith(".css")) {
-        res.setHeader("Content-Type", "text/css");
-      }
-      res.sendFile(assetPath);
-    } else {
-      res.status(404).send("Asset not found");
-    }
-  });
-  if (basePath !== "") {
-    app.get("/oauth/callback", (req, res) => {
-      const queryString = req.url.split("?")[1] || "";
-      const redirectUrl = queryString ? `${basePath}/oauth/callback?${queryString}` : `${basePath}/oauth/callback`;
-      res.redirect(302, redirectUrl);
-    });
-  }
-  app.get(basePath, (_req, res) => {
-    const indexPath = join(clientDistPath, "index.html");
-    if (!existsSync(indexPath)) {
-      res.status(500).send("Inspector UI not found. Please build the inspector package.");
-      return;
-    }
-    res.sendFile(indexPath);
-  });
-  app.get(`${basePath}/`, (_req, res) => {
-    res.redirect(301, basePath);
-  });
-  app.get(`${basePath}/*`, (_req, res) => {
-    const indexPath = join(clientDistPath, "index.html");
-    if (!existsSync(indexPath)) {
-      res.status(500).send("Inspector UI not found. Please build the inspector package.");
-      return;
-    }
-    res.sendFile(indexPath);
-  });
-}
-export {
-  mountInspector
-};

package/dist/server/favicon-proxy.d.ts

@@ -1,4 +0,0 @@
-import { Hono } from 'hono';
-declare const app: Hono<import("hono/types").BlankEnv, import("hono/types").BlankSchema, "/">;
-export default app;
-//# sourceMappingURL=favicon-proxy.d.ts.map

package/dist/server/favicon-proxy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"favicon-proxy.d.ts","sourceRoot":"","sources":["../../src/server/favicon-proxy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAG3B,QAAA,MAAM,GAAG,4EAAa,CAAA;AAqJtB,eAAe,GAAG,CAAA"}

package/dist/server/favicon-proxy.js

@@ -1,123 +0,0 @@
-import { Hono } from 'hono';
-import { cors } from 'hono/cors';
-const app = new Hono();
-// Enable CORS for all routes
-app.use('*', cors());
-const faviconCache = new Map();
-const CACHE_TTL = 24 * 60 * 60 * 1000; // 24 hours in milliseconds
-const MAX_CACHE_SIZE = 1000; // Maximum number of cached favicons
-// Clean up expired cache entries
-function cleanupCache() {
-    const now = Date.now();
-    for (const [key, entry] of faviconCache.entries()) {
-        if (now - entry.timestamp > entry.ttl) {
-            faviconCache.delete(key);
-        }
-    }
-}
-// Run cleanup every hour
-setInterval(cleanupCache, 60 * 60 * 1000);
-// Get cache key for a URL
-function getCacheKey(url) {
-    try {
-        const urlObj = new URL(url);
-        return urlObj.hostname.toLowerCase();
-    }
-    catch {
-        return url.toLowerCase();
-    }
-}
-// Favicon proxy endpoint
-app.get('/:url', async (c) => {
-    const url = c.req.param('url');
-    if (!url) {
-        return c.json({ error: 'URL parameter is required' }, 400);
-    }
-    try {
-        // Decode the URL
-        const decodedUrl = decodeURIComponent(url);
-        // Add protocol if missing
-        let fullUrl = decodedUrl;
-        if (!decodedUrl.startsWith('http://') && !decodedUrl.startsWith('https://')) {
-            fullUrl = `https://${decodedUrl}`;
-        }
-        // Validate URL
-        const urlObj = new URL(fullUrl);
-        const cacheKey = getCacheKey(fullUrl);
-        // Check cache first
-        const cachedEntry = faviconCache.get(cacheKey);
-        if (cachedEntry && (Date.now() - cachedEntry.timestamp) < cachedEntry.ttl) {
-            return new Response(cachedEntry.data, {
-                headers: {
-                    'Content-Type': cachedEntry.contentType,
-                    'Cache-Control': 'public, max-age=86400, immutable', // Cache for 24 hours
-                    'Access-Control-Allow-Origin': '*',
-                    'X-Cache': 'HIT',
-                },
-            });
-        }
-        const protocol = urlObj.protocol;
-        const baseDomain = `${protocol}//${urlObj.origin.split('.').slice(-2).join('.')}`;
-        // Try to fetch favicon from common locations
-        const faviconUrls = [
-            `${urlObj.origin}/favicon.ico`,
-            `${urlObj.origin}/favicon.png`,
-            `${urlObj.origin}/apple-touch-icon.png`,
-            `${urlObj.origin}/icon.png`,
-            `${baseDomain}/favicon.ico`,
-            `${baseDomain}/favicon.png`,
-            `${baseDomain}/apple-touch-icon.png`,
-            `${baseDomain}/icon.png`,
-        ];
-        for (const faviconUrl of faviconUrls) {
-            try {
-                const response = await fetch(faviconUrl, {
-                    headers: {
-                        'User-Agent': 'Mozilla/5.0 (compatible; MCP-Inspector/1.0)',
-                    },
-                });
-                if (response.ok) {
-                    const contentType = response.headers.get('content-type') || 'image/x-icon';
-                    const buffer = await response.arrayBuffer();
-                    // Cache the result
-                    if (faviconCache.size >= MAX_CACHE_SIZE) {
-                        // Remove oldest entries if cache is full
-                        const entries = Array.from(faviconCache.entries());
-                        entries.sort((a, b) => a[1].timestamp - b[1].timestamp);
-                        const toRemove = entries.slice(0, Math.floor(MAX_CACHE_SIZE / 4));
-                        toRemove.forEach(([key]) => faviconCache.delete(key));
-                    }
-                    faviconCache.set(cacheKey, {
-                        data: buffer,
-                        contentType,
-                        timestamp: Date.now(),
-                        ttl: CACHE_TTL,
-                    });
-                    return new Response(buffer, {
-                        headers: {
-                            'Content-Type': contentType,
-                            'Cache-Control': 'public, max-age=86400, immutable', // Cache for 24 hours
-                            'Access-Control-Allow-Origin': '*',
-                            'X-Cache': 'MISS',
-                        },
-                    });
-                }
-            }
-            catch {
-                // Continue to next URL
-                continue;
-            }
-        }
-        // If no favicon found, return a default icon
-        return c.json({ error: 'No favicon found' }, 404);
-    }
-    catch (error) {
-        console.error('Favicon proxy error:', error);
-        return c.json({ error: 'Invalid URL or fetch failed' }, 400);
-    }
-});
-// Health check endpoint
-app.get('/health', (c) => {
-    return c.json({ status: 'ok', service: 'favicon-proxy' });
-});
-export default app;

package/dist/server/standalone.d.ts

@@ -1,9 +0,0 @@
-declare function startServer(): Promise<{
-    port: number;
-    fetch: (request: Request, Env?: unknown, executionCtx?: import("hono").ExecutionContext) => Response | Promise<Response>;
-}>;
-declare const _default: {
-    startServer: typeof startServer;
-};
-export default _default;
-//# sourceMappingURL=standalone.d.ts.map

package/dist/server/standalone.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../../src/server/standalone.ts"],"names":[],"mappings":"AA+NA,iBAAe,WAAW;;;GA6BzB;;;;AAOD,wBAA8B"}

package/dist/server/standalone.js

@@ -1,228 +0,0 @@
-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);
-// Find available port starting from 8080
-async function findAvailablePort(startPort = 8080) {
-    const net = await import('node:net');
-    for (let port = startPort; port < startPort + 100; port++) {
-        try {
-            await new Promise((resolve, reject) => {
-                const server = net.createServer();
-                server.listen(port, () => {
-                    server.close(() => resolve());
-                });
-                server.on('error', () => reject(new Error(`Port ${port} is in use`)));
-            });
-            return port;
-        }
-        catch {
-            continue;
-        }
-    }
-    throw new Error(`No available port found starting from ${startPort}`);
-}
-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() });
-});
-// 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);
-    }
-});
-// 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);
-    }
-});
-// 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);
-    }
-});
-// 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);
-    }
-});
-// 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);
-    }
-});
-// 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 });
-    }
-    catch {
-        return c.json({ error: 'Failed to get server resources' }, 500);
-    }
-});
-// 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 });
-    }
-    catch {
-        return c.json({ error: 'Failed to disconnect server' }, 500);
-    }
-});
-// Serve static assets from the built client
-const clientDistPath = join(__dirname, '../../dist/client');
-if (existsSync(clientDistPath)) {
-    // 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(`
-      <!DOCTYPE html>
-      <html>
-        <head>
-          <title>MCP Inspector</title>
-        </head>
-        <body>
-          <h1>MCP Inspector</h1>
-          <p>Client files not found. Please run 'yarn build' to build the UI.</p>
-          <p>API is available at <a href="/api/servers">/api/servers</a></p>
-        </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(`
-      <!DOCTYPE html>
-      <html>
-        <head>
-          <title>MCP Inspector</title>
-        </head>
-        <body>
-          <h1>MCP Inspector</h1>
-          <p>Client files not found. Please run 'yarn build' to build the UI.</p>
-          <p>API is available at <a href="/api/servers">/api/servers</a></p>
-        </body>
-      </html>
-    `);
-    });
-}
-// Start the server with automatic port selection
-async function startServer() {
-    try {
-        const port = await findAvailablePort();
-        serve({
-            fetch: app.fetch,
-            port,
-        });
-        console.log(`🚀 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';
-                await execAsync(`${command} http://localhost:${port}`);
-                console.log(`🌐 Browser opened automatically`);
-            }
-            catch (error) {
-                console.log(`🌐 Please open http://localhost:${port} 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();
-}
-export default { startServer };

package/dist/server/unified.d.ts

@@ -1,9 +0,0 @@
-declare function startServer(): Promise<{
-    port: number;
-    fetch: (request: Request, Env?: unknown, executionCtx?: import("hono").ExecutionContext) => Response | Promise<Response>;
-}>;
-declare const _default: {
-    startServer: typeof startServer;
-};
-export default _default;
-//# sourceMappingURL=unified.d.ts.map

package/dist/server/unified.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"unified.d.ts","sourceRoot":"","sources":["../../src/server/unified.ts"],"names":[],"mappings":"AA2QA,iBAAe,WAAW;;;GA8DzB;;;;AAOD,wBAA8B"}