npm - @mcp-use/inspector - Versions diffs - 10.0.2-canary.2 → 10.0.2-canary.3 - Mend

@mcp-use/inspector 10.0.2-canary.2 → 10.0.2-canary.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (215) hide show

package/dist/server/chunk-NX2LRXQJ.js ADDED Viewed

@@ -0,0 +1,322 @@
+import {
+  getInspectorVersion
+} from "./chunk-4QSSLRHO.js";
+import {
+  checkClientFiles,
+  getClientDistPath,
+  getContentType
+} from "./chunk-IDMHJUEM.js";
+// src/server/shared-static.ts
+import { existsSync, readFileSync } from "fs";
+import { join } from "path";
+var USE_CDN = process.env.INSPECTOR_USE_CDN === "true";
+var INSPECTOR_VERSION = getInspectorVersion();
+var CDN_BASE = process.env.INSPECTOR_CDN_BASE ?? "https://inspector-cdn.mcp-use.com";
+var CDN_JS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.js`;
+var CDN_CSS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.css`;
+function injectRuntimeConfig(html, config) {
+  if (!config) return html;
+  const scripts = [];
+  if (config.devMode) {
+    scripts.push(`<script>window.__MCP_DEV_MODE__ = true;</script>`);
+  }
+  if (config.sandboxOrigin) {
+    scripts.push(
+      `<script>window.__MCP_SANDBOX_ORIGIN__ = ${JSON.stringify(config.sandboxOrigin)};</script>`
+    );
+  }
+  if (config.proxyUrl !== void 0) {
+    scripts.push(
+      `<script>window.__MCP_PROXY_URL__ = ${JSON.stringify(config.proxyUrl)};</script>`
+    );
+  }
+  if (config.inspectorMode) {
+    scripts.push(
+      `<script>window.__MCP_INSPECTOR_MODE__ = ${JSON.stringify(config.inspectorMode)};</script>`
+    );
+  }
+  if (config.manufactChatUrl) {
+    scripts.push(
+      `<script>window.__MANUFACT_CHAT_URL__ = ${JSON.stringify(config.manufactChatUrl)};</script>`
+    );
+  }
+  if (config.disableTelemetry) {
+    scripts.push(
+      `<script>window.__MCP_USE_ANONYMIZED_TELEMETRY__ = false;</script>`
+    );
+  }
+  if (scripts.length === 0) return html;
+  const injection = scripts.join("\n    ");
+  return html.replace("</head>", `    ${injection}
+  </head>`);
+}
+function generateCdnShellHtml(config) {
+  const runtimeScripts = (() => {
+    if (!config) return "";
+    const scripts = [];
+    if (config.devMode) {
+      scripts.push(`<script>window.__MCP_DEV_MODE__ = true;</script>`);
+    }
+    if (config.sandboxOrigin) {
+      scripts.push(
+        `<script>window.__MCP_SANDBOX_ORIGIN__ = ${JSON.stringify(config.sandboxOrigin)};</script>`
+      );
+    }
+    if (config.proxyUrl !== void 0) {
+      scripts.push(
+        `<script>window.__MCP_PROXY_URL__ = ${JSON.stringify(config.proxyUrl)};</script>`
+      );
+    }
+    if (config.inspectorMode) {
+      scripts.push(
+        `<script>window.__MCP_INSPECTOR_MODE__ = ${JSON.stringify(config.inspectorMode)};</script>`
+      );
+    }
+    if (config.manufactChatUrl) {
+      scripts.push(
+        `<script>window.__MANUFACT_CHAT_URL__ = ${JSON.stringify(config.manufactChatUrl)};</script>`
+      );
+    }
+    if (config.disableTelemetry) {
+      scripts.push(
+        `<script>window.__MCP_USE_ANONYMIZED_TELEMETRY__ = false;try{localStorage.setItem("MCP_USE_ANONYMIZED_TELEMETRY","false");}catch(e){}</script>`
+      );
+    }
+    return scripts.join("\n    ");
+  })();
+  return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="${CDN_BASE}/favicon-black.svg"
+    />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="${CDN_BASE}/favicon-white.svg"
+      media="(prefers-color-scheme: dark)"
+    />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="${CDN_BASE}/favicon-black.svg"
+      media="(prefers-color-scheme: light)"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="${CDN_CSS_URL}" />
+    <title>Inspector | mcp-use</title>
+    <meta
+      name="description"
+      content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser."
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="mcp-use" />
+    <meta property="og:url" content="https://inspector.mcp-use.com" />
+    <meta property="og:title" content="MCP Inspector \u2014 Test &amp; Debug MCP Servers | mcp-use" />
+    <meta
+      property="og:description"
+      content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser."
+    />
+    <meta
+      property="og:image"
+      content="https://inspector-cdn.mcp-use.com/inspector-cover.png"
+    />
+    <meta property="og:image:alt" content="mcp-use MCP Inspector \u2014 test and debug MCP servers" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@mcpuse" />
+    <meta name="twitter:creator" content="@mcpuse" />
+    <meta name="twitter:title" content="MCP Inspector \u2014 Test &amp; Debug MCP Servers | mcp-use" />
+    <meta
+      name="twitter:description"
+      content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser."
+    />
+    <meta
+      name="twitter:image"
+      content="https://inspector-cdn.mcp-use.com/inspector-cover.png"
+    />
+    <meta name="twitter:image:alt" content="mcp-use MCP Inspector \u2014 test and debug MCP servers" />
+    <script>window.__INSPECTOR_VERSION__ = ${JSON.stringify(INSPECTOR_VERSION)};</script>
+    ${runtimeScripts}
+  </head>
+  <body>
+    <script>
+      if (typeof window !== "undefined" && typeof window.process === "undefined") {
+        window.process = {
+          env: {},
+          platform: "browser",
+          browser: true,
+          version: "v18.0.0",
+          versions: { node: "18.0.0" },
+          cwd: () => "/",
+          nextTick: (fn, ...args) => queueMicrotask(() => fn(...args)),
+        };
+      }
+    </script>
+    <div id="root"></div>
+    <script type="module" src="${CDN_JS_URL}"></script>
+  </body>
+</html>`;
+}
+function registerStaticRoutes(app, clientDistPath, runtimeConfig) {
+  const effectiveConfig = {
+    ...runtimeConfig,
+    proxyUrl: runtimeConfig?.proxyUrl !== void 0 ? runtimeConfig.proxyUrl : "/inspector/api/proxy",
+    disableTelemetry: runtimeConfig?.disableTelemetry ?? process.env.MCP_USE_ANONYMIZED_TELEMETRY === "false"
+  };
+  if (USE_CDN) {
+    const serveShell = (c) => c.html(generateCdnShellHtml(effectiveConfig));
+    app.get("/", (c) => {
+      const url = new URL(c.req.url);
+      return c.redirect(`/inspector${url.search}`);
+    });
+    app.get("/inspector", serveShell);
+    app.get("/inspector/*", serveShell);
+    app.post("/inspector/*", serveShell);
+    app.get("*", serveShell);
+    return;
+  }
+  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`
+    );
+    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>
+        </body>
+      </html>
+    `);
+    });
+    return;
+  }
+  app.get("/inspector/assets/*", (c) => {
+    const path = c.req.path.replace("/inspector/assets/", "assets/");
+    const fullPath = join(distPath, path);
+    if (existsSync(fullPath)) {
+      const content = readFileSync(fullPath);
+      const contentType = getContentType(fullPath);
+      c.header("Content-Type", contentType);
+      return c.body(content);
+    }
+    return c.notFound();
+  });
+  app.get("/", (c) => {
+    const url = new URL(c.req.url);
+    const queryString = url.search;
+    return c.redirect(`/inspector${queryString}`);
+  });
+  const serveIndex = (c) => {
+    const indexPath = join(distPath, "index.html");
+    if (existsSync(indexPath)) {
+      const content = injectRuntimeConfig(
+        readFileSync(indexPath, "utf-8"),
+        effectiveConfig
+      );
+      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>
+        </body>
+      </html>
+    `);
+  };
+  app.get("/inspector", serveIndex);
+  app.get("/inspector/*", serveIndex);
+  app.post("/inspector/*", serveIndex);
+  app.get("*", (c) => {
+    const indexPath = join(distPath, "index.html");
+    if (existsSync(indexPath)) {
+      const content = injectRuntimeConfig(
+        readFileSync(indexPath, "utf-8"),
+        effectiveConfig
+      );
+      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>
+        </body>
+      </html>
+    `);
+  });
+}
+function registerStaticRoutesWithDevProxy(app, clientDistPath, runtimeConfig) {
+  const distPath = clientDistPath || getClientDistPath();
+  const isDev = process.env.NODE_ENV === "development" || process.env.VITE_DEV === "true";
+  if (isDev) {
+    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)
+        });
+        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>
+            <title>MCP Inspector - Development</title>
+          </head>
+          <body>
+            <h1>MCP Inspector - Development Mode</h1>
+            <p>Vite dev server is not running. Please start it with:</p>
+            <pre>yarn dev:client</pre>
+            </body>
+        </html>
+      `);
+    });
+  } else {
+    registerStaticRoutes(app, distPath, runtimeConfig);
+  }
+}
+export {
+  registerStaticRoutes,
+  registerStaticRoutesWithDevProxy
+};

package/dist/server/chunk-UZXS2F2C.js ADDED Viewed

@@ -0,0 +1,71 @@
+import {
+  registerInspectorRoutes
+} from "./chunk-A4VH7AIP.js";
+import {
+  registerStaticRoutes
+} from "./chunk-FSZX2FHY.js";
+import {
+  checkClientFiles,
+  getClientDistPath
+} from "./chunk-IDMHJUEM.js";
+// src/server/middleware.ts
+import { Hono } from "hono";
+function mountInspector(app, config) {
+  const clientDistPath = getClientDistPath();
+  if (!checkClientFiles(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`
+    );
+  }
+  const runtimeConfig = {
+    devMode: config?.devMode,
+    sandboxOrigin: config?.sandboxOrigin,
+    inspectorMode: "embedded"
+  };
+  if (isHonoApp(app)) {
+    registerInspectorRoutes(app, config);
+    registerStaticRoutes(app, clientDistPath, runtimeConfig);
+    return;
+  }
+  const honoApp = new Hono();
+  registerInspectorRoutes(honoApp, config);
+  registerStaticRoutes(honoApp, clientDistPath, runtimeConfig);
+  app.use((req, res, next) => {
+    const url = new URL(req.url || "", `http://${req.headers.host}`);
+    const request = new Request(url, {
+      method: req.method,
+      headers: req.headers,
+      body: req.method !== "GET" && req.method !== "HEAD" ? JSON.stringify(req.body) : void 0
+    });
+    Promise.resolve(honoApp.fetch(request)).then(async (fetchResponse) => {
+      res.status(fetchResponse.status);
+      fetchResponse.headers.forEach((value, key) => {
+        res.setHeader(key, value);
+      });
+      if (fetchResponse.body) {
+        const reader = fetchResponse.body.getReader();
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) {
+            break;
+          }
+          res.write(value);
+        }
+        res.end();
+      } else {
+        res.end();
+      }
+    }).catch(next);
+  });
+}
+function isHonoApp(app) {
+  return typeof app.fetch === "function";
+}
+export {
+  mountInspector
+};

package/dist/server/cli.js CHANGED Viewed

@@ -13,8 +13,10 @@ import {
 import "./chunk-CVECQ7BJ.js";
 import {
   registerStaticRoutes
-} from "./chunk-3UU5PBIU.js";
-import "./chunk-4CQ52PTY.js";
+} from "./chunk-FSZX2FHY.js";
+import {
+  getInspectorVersion
+} from "./chunk-J6ODINFS.js";
 import "./chunk-IDMHJUEM.js";
 import "./chunk-PKBMQBKP.js";
@@ -29,7 +31,11 @@ var mcpUrl;
 var startPort = 8080;
 var noOpen = false;
 for (let i = 0; i < args.length; i++) {
-  if (args[i] === "--url" && i + 1 < args.length) {
+  if (args[i] === "--url") {
+    if (i + 1 >= args.length || args[i + 1].startsWith("-")) {
+      console.error("Error: --url requires a value");
+      process.exit(1);
+    }
     const url = args[i + 1];
     if (!isValidUrl(url)) {
       console.error(`Error: Invalid URL format: ${url}`);
@@ -38,7 +44,11 @@ for (let i = 0; i < args.length; i++) {
     }
     mcpUrl = url;
     i++;
-  } else if (args[i] === "--port" && i + 1 < args.length) {
+  } else if (args[i] === "--port") {
+    if (i + 1 >= args.length || args[i + 1].startsWith("-")) {
+      console.error("Error: --port requires a value");
+      process.exit(1);
+    }
     const parsedPort = Number.parseInt(args[i + 1], 10);
     if (Number.isNaN(parsedPort) || parsedPort < 1 || parsedPort > 65535) {
       console.error(
@@ -50,6 +60,9 @@ for (let i = 0; i < args.length; i++) {
     i++;
   } else if (args[i] === "--no-open") {
     noOpen = true;
+  } else if (args[i] === "--version" || args[i] === "-v") {
+    console.log(getInspectorVersion());
+    process.exit(0);
   } else if (args[i] === "--help" || args[i] === "-h") {
     console.log(`
 MCP Inspector - Inspect and debug MCP servers
@@ -61,6 +74,7 @@ Options:
   --url <url>    MCP server URL to auto-connect to (e.g., http://localhost:3000/mcp)
   --port <port>  Starting port to try (default: 8080, will find next available)
   --no-open      Do not auto-open inspector in browser
+  --version, -v  Show the inspector version
   --help, -h     Show this help message
 Examples:
@@ -74,6 +88,10 @@ Examples:
   npx @mcp-use/inspector
 `);
     process.exit(0);
+  } else {
+    console.error(`Error: Unknown option: ${args[i]}`);
+    console.error("Run with --help to see available options.");
+    process.exit(1);
   }
 }
 var app = new Hono();

package/dist/server/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   mountInspector
-} from "./chunk-QNKR35CW.js";
+} from "./chunk-UZXS2F2C.js";
 import "./chunk-A4VH7AIP.js";
 import {
   handleChatRequest,
@@ -12,8 +12,8 @@ import {
 } from "./chunk-QQ37LGLJ.js";
 import "./chunk-KD7K27XK.js";
 import "./chunk-CVECQ7BJ.js";
-import "./chunk-3UU5PBIU.js";
-import "./chunk-4CQ52PTY.js";
+import "./chunk-FSZX2FHY.js";
+import "./chunk-J6ODINFS.js";
 import "./chunk-IDMHJUEM.js";
 import "./chunk-PKBMQBKP.js";
 export {

package/dist/server/middleware.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import {
   mountInspector
-} from "./chunk-QNKR35CW.js";
+} from "./chunk-UZXS2F2C.js";
 import "./chunk-A4VH7AIP.js";
 import "./chunk-PJNKFX2R.js";
 import "./chunk-QQ37LGLJ.js";
 import "./chunk-KD7K27XK.js";
 import "./chunk-CVECQ7BJ.js";
-import "./chunk-3UU5PBIU.js";
-import "./chunk-4CQ52PTY.js";
+import "./chunk-FSZX2FHY.js";
+import "./chunk-J6ODINFS.js";
 import "./chunk-IDMHJUEM.js";
 import "./chunk-PKBMQBKP.js";
 export {

package/dist/server/server.js CHANGED Viewed

@@ -13,8 +13,8 @@ import {
 import "./chunk-CVECQ7BJ.js";
 import {
   registerStaticRoutesWithDevProxy
-} from "./chunk-3UU5PBIU.js";
-import "./chunk-4CQ52PTY.js";
+} from "./chunk-FSZX2FHY.js";
+import "./chunk-J6ODINFS.js";
 import "./chunk-IDMHJUEM.js";
 import "./chunk-PKBMQBKP.js";

package/dist/server/shared-static.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import {
   registerStaticRoutes,
   registerStaticRoutesWithDevProxy
-} from "./chunk-3UU5PBIU.js";
-import "./chunk-4CQ52PTY.js";
+} from "./chunk-FSZX2FHY.js";
+import "./chunk-J6ODINFS.js";
 import "./chunk-IDMHJUEM.js";
 import "./chunk-PKBMQBKP.js";
 export {

package/dist/server/version.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-export declare const VERSION = "0.22.2";
+export declare const VERSION: string;
 /**
  * Get the inspector package version.
- * The version is embedded at build time via scripts/generate-version.mjs
- * Works in all environments (Node.js, browser, Cloudflare Workers, Deno, etc.)
+ * The version follows package.json so canary version bumps stay accurate.
  */
 export declare function getInspectorVersion(): string;
 //# sourceMappingURL=version.d.ts.map

package/dist/server/version.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/server/version.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,~~WAAW~~,CAAC;~~AAEhC;;;;GAIG~~;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C"}
1	+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/server/version.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAAsB,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C"}

package/dist/server/version.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import {
   VERSION,
   getInspectorVersion
-} from "./chunk-4CQ52PTY.js";
+} from "./chunk-J6ODINFS.js";
 import "./chunk-PKBMQBKP.js";
 export {
   VERSION,