@mcpjam/inspector 0.2.3 → 0.3.0

package/cli/build/cli.js

@@ -6,6 +6,14 @@ import { dirname, resolve } from "path";
 import { spawnPromise } from "spawn-rx";
 import { fileURLToPath } from "url";
 const __dirname = dirname(fileURLToPath(import.meta.url));
+const MCP_BANNER = `
+███╗   ███╗ ██████╗██████╗     ██╗ █████╗ ███╗   ███╗
+████╗ ████║██╔════╝██╔══██╗    ██║██╔══██╗████╗ ████║
+██╔████╔██║██║     ██████╔╝    ██║███████║██╔████╔██║
+██║╚██╔╝██║██║     ██╔═══╝██   ██║██╔══██║██║╚██╔╝██║
+██║ ╚═╝ ██║╚██████╗██║    ╚█████╔╝██║  ██║██║ ╚═╝ ██║
+╚═╝     ╚═╝ ╚═════╝╚═╝     ╚════╝ ╚═╝  ╚═╝╚═╝     ╚═╝                                                    
+`;
 function handleError(error) {
     let message;
     if (error instanceof Error) {
@@ -17,7 +25,7 @@ function handleError(error) {
     else {
         message = "Unknown error";
     }
-    console.error(message);
+    console.error("\x1b[31m%s\x1b[0m", "❌ Error:", message); // Red color
     process.exit(1);
 }
 function delay(ms) {
@@ -29,12 +37,16 @@ async function runWebClient(args) {
     const inspectorClientPath = resolve(__dirname, "../../", "client", "bin", "client.js");
     const CLIENT_PORT = process.env.CLIENT_PORT ?? "6274";
     const SERVER_PORT = process.env.SERVER_PORT ?? "6277";
-    console.log("Starting MCP inspector...");
+    // Clear console and display banner
+    console.clear();
+    console.log("\x1b[36m%s\x1b[0m", MCP_BANNER); // Cyan color
+    console.log("\x1b[33m%s\x1b[0m", "🚀 Launching MCP Inspector...\n"); // Yellow color
     const abort = new AbortController();
     let cancelled = false;
     process.on("SIGINT", () => {
         cancelled = true;
         abort.abort();
+        console.log("\n\x1b[31m%s\x1b[0m", "⚠️  Shutting down MCP Inspector..."); // Red color
     });
     let server;
     let serverOk;
@@ -55,9 +67,19 @@ async function runWebClient(args) {
         // Make sure server started before starting client
         serverOk = await Promise.race([server, delay(2 * 1000)]);
     }
-    catch (error) { }
+    catch (error) {
+        console.log("\x1b[31m%s\x1b[0m", "❌ Server initialization failed"); // Red color
+    }
     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 },
                 signal: abort.signal,

package/client/bin/start.js

@@ -7,11 +7,25 @@ import { fileURLToPath } from "url";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
+const MCP_BANNER = `
+███╗   ███╗ ██████╗██████╗     ██╗ █████╗ ███╗   ███╗
+████╗ ████║██╔════╝██╔══██╗    ██║██╔══██╗████╗ ████║
+██╔████╔██║██║     ██████╔╝    ██║███████║██╔████╔██║
+██║╚██╔╝██║██║     ██╔═══╝██   ██║██╔══██║██║╚██╔╝██║
+██║ ╚═╝ ██║╚██████╗██║    ╚█████╔╝██║  ██║██║ ╚═╝ ██║
+╚═╝     ╚═╝ ╚═════╝╚═╝     ╚════╝ ╚═╝  ╚═╝╚═╝     ╚═╝                                                    
+`;
+
 function delay(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms, true));
 }
 
 async function main() {
+  // Clear console and display banner
+  console.clear();
+  console.log("\x1b[36m%s\x1b[0m", MCP_BANNER); // Cyan color
+  console.log("\x1b[33m%s\x1b[0m", "🚀 Launching MCP Inspector...\n"); // Yellow color
+
   // Parse command line arguments
   const args = process.argv.slice(2);
   const envVars = {};
@@ -65,14 +79,13 @@ async function main() {
   const CLIENT_PORT = process.env.CLIENT_PORT ?? "6274";
   const SERVER_PORT = process.env.SERVER_PORT ?? "6277";
 
-  console.log("Starting MCP inspector...");
-
   const abort = new AbortController();
 
   let cancelled = false;
   process.on("SIGINT", () => {
     cancelled = true;
     abort.abort();
+    console.log("\n\x1b[31m%s\x1b[0m", "⚠️  Shutting down MCP Inspector..."); // Red color
   });
   let server, serverOk;
   try {
@@ -96,13 +109,24 @@ async function main() {
 
     // Make sure server started before starting client
     serverOk = await Promise.race([server, delay(2 * 1000)]);
-  } catch (error) {}
+  } catch (error) {
+    console.log("\x1b[31m%s\x1b[0m", "❌ Server initialization failed"); // Red color
+  }
 
   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 },
         signal: abort.signal,
@@ -119,6 +143,6 @@ async function main() {
 main()
   .then((_) => process.exit(0))
   .catch((e) => {
-    console.error(e);
+    console.error("\x1b[31m%s\x1b[0m", "❌ Error:", e); // Red color
     process.exit(1);
   });

package/client/dist/assets/{OAuthCallback-CfsBsNUt.js → OAuthCallback-CdxuZKBm.js}

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

package/client/dist/assets/{OAuthDebugCallback-DuorYCq_.js → OAuthDebugCallback-BJaIMNT8.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, S as SESSION_KEYS, j as jsxRuntimeExports } from "./index-CHsLKjnG.js";
+import { r as reactExports, S as SESSION_KEYS, j as jsxRuntimeExports } from "./index-CdlQwnmd.js";
 import { p as parseOAuthCallbackParams, g as generateOAuthErrorDescription } from "./oauthUtils-DTcoXpSP.js";
 const OAuthDebugCallback = ({ onConnect }) => {
   reactExports.useEffect(() => {