@mcpjam/inspector 0.3.3 → 0.3.5

package/cli/build/cli.js

@@ -73,15 +73,13 @@ async function runWebClient(args) {
     if (serverOk) {
         try {
             console.log("\x1b[32m%s\x1b[0m", "✅ Server initialized successfully"); // Green color
-            console.log("\x1b[36m%s\x1b[0m", `🌐 Opening browser at http://127.0.0.1:${CLIENT_PORT}`);
-            if (process.env.MCP_AUTO_OPEN_ENABLED !== "false") {
-                // Note: We need to import 'open' if we want to auto-open browser
-                // import open from "open";
-                // open(`http://127.0.0.1:${CLIENT_PORT}`);
-            }
             console.log("\x1b[33m%s\x1b[0m", "🖥️  Starting client interface...");
             await spawnPromise("node", [inspectorClientPath], {
-                env: { ...process.env, PORT: CLIENT_PORT },
+                env: {
+                    ...process.env,
+                    PORT: CLIENT_PORT,
+                    MCP_AUTO_OPEN_ENABLED: process.env.MCP_AUTO_OPEN_ENABLED ?? "true",
+                },
                 signal: abort.signal,
                 echoOutput: true,
             });

package/client/bin/client.js

@@ -4,6 +4,7 @@ import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 import handler from "serve-handler";
 import http from "http";
+import open from "open";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const distPath = join(__dirname, "../dist");
@@ -39,19 +40,32 @@ const server = http.createServer((request, response) => {
   return handler(request, response, handlerOptions);
 });
 
-const port = process.env.PORT || 6274;
+const defaultPort = process.env.PORT || 6274;
+let port = Number(defaultPort);
+
+// Try ports sequentially until one works
+server.on("error", (err) => {
+  if (err.code === "EADDRINUSE") {
+    console.log(`⚠️  Port ${port} was in use, trying ${port + 1}`);
+    port++;
+    server.listen(port);
+  } else {
+    console.error(`❌  MCPJam Inspector failed to start: ${err.message}`);
+  }
+});
+
 server.on("listening", () => {
+  const url = `http://127.0.0.1:${port}`;
   console.log(
-    `🔍 MCPJam Inspector is up and running at http://127.0.0.1:${port} 🚀`,
+    `🔍 MCPJam Inspector is up and running at \u001B]8;;${url}\u0007${url}\u001B]8;;\u0007 🚀`,
   );
-});
-server.on("error", (err) => {
-  if (err.message.includes(`EADDRINUSE`)) {
-    console.error(
-      `❌  MCPJam Inspector PORT IS IN USE at http://127.0.0.1:${port} ❌ `,
+
+  if (process.env.MCP_AUTO_OPEN_ENABLED !== "false") {
+    console.log(
+      `🌐 Opening browser at \u001B]8;;${url}\u0007${url}\u001B]8;;\u0007`,
     );
-  } else {
-    throw err;
+    open(url);
   }
 });
+
 server.listen(port);

package/client/bin/start.js

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 
-import open from "open";
 import { resolve, dirname } from "path";
 import { spawnPromise } from "spawn-rx";
 import { fileURLToPath } from "url";
@@ -87,6 +86,7 @@ async function main() {
     abort.abort();
     console.log("\n\x1b[31m%s\x1b[0m", "⚠️  Shutting down MCP Inspector..."); // Red color
   });
+
   let server, serverOk;
   try {
     server = spawnPromise(
@@ -116,19 +116,14 @@ async function main() {
   if (serverOk) {
     try {
       console.log("\x1b[32m%s\x1b[0m", "✅ Server initialized successfully"); // Green color
-      console.log(
-        "\x1b[36m%s\x1b[0m",
-        `🌐 Opening browser at http://127.0.0.1:${CLIENT_PORT}`,
-      );
-
-      if (process.env.MCP_AUTO_OPEN_ENABLED !== "false") {
-        open(`http://127.0.0.1:${CLIENT_PORT}`);
-      }
-
       console.log("\x1b[33m%s\x1b[0m", "🖥️  Starting client interface...");
 
       await spawnPromise("node", [inspectorClientPath], {
-        env: { ...process.env, PORT: CLIENT_PORT },
+        env: {
+          ...process.env,
+          PORT: CLIENT_PORT,
+          MCP_AUTO_OPEN_ENABLED: process.env.MCP_AUTO_OPEN_ENABLED ?? "true",
+        },
         signal: abort.signal,
         echoOutput: true,
       });

package/client/dist/assets/{OAuthCallback-QBWMhLmC.js → OAuthCallback-CaYMoLGO.js}

@@ -1,4 +1,4 @@
-import { u as useToast, r as reactExports, j as jsxRuntimeExports, p as parseOAuthCallbackParams, g as generateOAuthErrorDescription, S as SESSION_KEYS, I as InspectorOAuthClientProvider, a as auth } from "./index-DVHTINVl.js";
+import { u as useToast, r as reactExports, j as jsxRuntimeExports, p as parseOAuthCallbackParams, g as generateOAuthErrorDescription, S as SESSION_KEYS, I as InspectorOAuthClientProvider, a as auth } from "./index-DQYTYcqe.js";
 const OAuthCallback = ({ onConnect }) => {
   const { toast } = useToast();
   const hasProcessedRef = reactExports.useRef(false);

package/client/dist/assets/{OAuthDebugCallback-Bk0-yRYD.js → OAuthDebugCallback-CBFeYzo9.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, S as SESSION_KEYS, p as parseOAuthCallbackParams, j as jsxRuntimeExports, g as generateOAuthErrorDescription } from "./index-DVHTINVl.js";
+import { r as reactExports, S as SESSION_KEYS, p as parseOAuthCallbackParams, j as jsxRuntimeExports, g as generateOAuthErrorDescription } from "./index-DQYTYcqe.js";
 const OAuthDebugCallback = ({ onConnect }) => {
   reactExports.useEffect(() => {
     let isProcessed = false;