@mcpjam/inspector 0.3.0 → 0.3.1

package/README.md

@@ -33,6 +33,21 @@ npx @mcpjam/inspector@latest
 
 That's it! The inspector will launch automatically in your browser at `http://localhost:6274`.
 
+### Running with Docker
+You can also run the inspector using Docker. First, make sure you have Docker installed and running.
+
+Pull the latest image from Docker Hub:
+```bash
+docker pull mcpjam/mcp-inspector:main
+```
+
+Then, run the container:
+```bash
+docker run --rm -p 6274:6274 -p 6277:6277 mcpjam/mcp-inspector:main
+```
+
+The inspector will be available in your browser at `http://127.0.0.1:6274`.
+
 ---
 
 ## 📸 Screenshots

package/client/dist/assets/{OAuthCallback-CdxuZKBm.js → OAuthCallback-mxRvi54D.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-CdlQwnmd.js";
+import { u as useToast, r as reactExports, j as jsxRuntimeExports, S as SESSION_KEYS, I as InspectorOAuthClientProvider, a as auth } from "./index-kMl05fui.js";
 import { p as parseOAuthCallbackParams, g as generateOAuthErrorDescription } from "./oauthUtils-DTcoXpSP.js";
 const OAuthCallback = ({ onConnect }) => {
   const { toast } = useToast();

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

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

package/client/dist/assets/{index-CdlQwnmd.js → index-kMl05fui.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/OAuthCallback-CdxuZKBm.js","assets/oauthUtils-DTcoXpSP.js","assets/OAuthDebugCallback-BJaIMNT8.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/OAuthCallback-mxRvi54D.js","assets/oauthUtils-DTcoXpSP.js","assets/OAuthDebugCallback-CjHmkokp.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -18267,7 +18267,11 @@ const JsonNode = reactExports.memo(
   }
 );
 JsonNode.displayName = "JsonNode";
-const RequestHistoryItem = ({ request, index: index2, totalRequests }) => {
+const RequestHistoryItem = ({
+  request,
+  index: index2,
+  totalRequests
+}) => {
   const [isExpanded, setIsExpanded] = reactExports.useState(false);
   const toggleExpansion = () => {
     setIsExpanded(!isExpanded);
@@ -18309,7 +18313,15 @@ const RequestHistoryItem = ({ request, index: index2, totalRequests }) => {
     )
   ] });
 };
-const RequestHeader = ({ requestNumber, method, server, timestamp, latency, isExpanded, onToggle }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+const RequestHeader = ({
+  requestNumber,
+  method,
+  server,
+  timestamp,
+  latency,
+  isExpanded,
+  onToggle
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
   "header",
   {
     className: "flex justify-between items-center cursor-pointer group",
@@ -18325,12 +18337,27 @@ const RequestHeader = ({ requestNumber, method, server, timestamp, latency, isEx
     "aria-expanded": isExpanded,
     "aria-label": `Request ${requestNumber}: ${method}`,
     children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(RequestInfo, { requestNumber, method, server, timestamp, latency }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        RequestInfo,
+        {
+          requestNumber,
+          method,
+          server,
+          timestamp,
+          latency
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandIcon, { isExpanded })
     ]
   }
 );
-const RequestInfo = ({ requestNumber, method, server, timestamp, latency }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-3", children: [
+const RequestInfo = ({
+  requestNumber,
+  method,
+  server,
+  timestamp,
+  latency
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-3", children: [
   /* @__PURE__ */ jsxRuntimeExports.jsx(RequestBadge, { number: requestNumber }),
   /* @__PURE__ */ jsxRuntimeExports.jsx(TimeStamp, { timestamp }),
   /* @__PURE__ */ jsxRuntimeExports.jsx(MethodLabel, { method, server }),
@@ -18518,7 +18545,11 @@ const ToolResult = ({ toolResult }) => {
   }
   return null;
 };
-const ResultsTab = ({ toolResult, onToggleCollapse, showHeader = true }) => {
+const ResultsTab = ({
+  toolResult,
+  onToggleCollapse,
+  showHeader = true
+}) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex-1 overflow-y-auto ${showHeader ? "p-6" : ""}`, children: [
     showHeader && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "text-lg font-bold text-foreground flex items-center space-x-2", children: [
@@ -29119,7 +29150,7 @@ const useTheme = () => {
     [theme, setThemeWithSideEffect]
   );
 };
-const version$1 = "0.3.0";
+const version$1 = "0.3.1";
 var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
   createPopperScope
 ]);
@@ -30045,7 +30076,7 @@ const SettingsTab = ({
     } catch (error) {
       console.warn("Failed to load API key from localStorage:", error);
     }
-  }, [onApiKeyChange]);
+  }, []);
   const validateApiKey = (key) => {
     const claudeApiKeyPattern = /^sk-ant-api03-[A-Za-z0-9_-]+$/;
     return claudeApiKeyPattern.test(key) && key.length > 20;
@@ -30180,7 +30211,9 @@ function validateMCPConfigStructure(config) {
     const mcpServers = config.mcpServers;
     const serverNames = Object.keys(mcpServers);
     if (serverNames.length === 0) {
-      errors.push('"mcpServers" object is empty. Please add at least one server configuration');
+      errors.push(
+        '"mcpServers" object is empty. Please add at least one server configuration'
+      );
     }
     return { isGlobal: true, isSingleNamed: false, errors };
   }
@@ -30277,17 +30310,25 @@ function parseConfigFile(jsonString) {
     errors: []
   };
   if (!isValidJSON(jsonString)) {
-    result.errors.push("Invalid JSON format. Please check for missing quotes, commas, or brackets");
+    result.errors.push(
+      "Invalid JSON format. Please check for missing quotes, commas, or brackets"
+    );
     return result;
   }
   let parsedConfig;
   try {
     parsedConfig = JSON.parse(jsonString);
   } catch (error) {
-    result.errors.push(`JSON parsing error: ${error instanceof Error ? error.message : String(error)}`);
+    result.errors.push(
+      `JSON parsing error: ${error instanceof Error ? error.message : String(error)}`
+    );
     return result;
   }
-  const { isGlobal, isSingleNamed, errors: structureErrors } = validateMCPConfigStructure(parsedConfig);
+  const {
+    isGlobal,
+    isSingleNamed,
+    errors: structureErrors
+  } = validateMCPConfigStructure(parsedConfig);
   if (structureErrors.length > 0) {
     result.errors.push(...structureErrors);
     return result;
@@ -30296,7 +30337,9 @@ function parseConfigFile(jsonString) {
   const allErrors = [];
   if (isGlobal) {
     const validConfig = parsedConfig;
-    for (const [serverName, serverConfig] of Object.entries(validConfig.mcpServers)) {
+    for (const [serverName, serverConfig] of Object.entries(
+      validConfig.mcpServers
+    )) {
       if (typeof serverName !== "string" || serverName.trim() === "") {
         allErrors.push("Server names must be non-empty strings");
         continue;
@@ -30321,7 +30364,10 @@ function parseConfigFile(jsonString) {
   } else if (isSingleNamed) {
     const serverConfig = parsedConfig;
     const serverName = Object.keys(serverConfig)[0];
-    const validationErrors = validateServerConfig(serverName, serverConfig[serverName]);
+    const validationErrors = validateServerConfig(
+      serverName,
+      serverConfig[serverName]
+    );
     if (validationErrors.length > 0) {
       allErrors.push(...validationErrors);
     } else {
@@ -30372,7 +30418,9 @@ const ConfigImportDialog = ({
   onImportServers
 }) => {
   const [configText, setConfigText] = reactExports.useState("");
-  const [parseResult, setParseResult] = reactExports.useState(null);
+  const [parseResult, setParseResult] = reactExports.useState(
+    null
+  );
   const [isValidating, setIsValidating] = reactExports.useState(false);
   const { toast: toast2 } = useToast();
   const handleConfigChange = reactExports.useCallback((value) => {
@@ -30396,7 +30444,9 @@ const ConfigImportDialog = ({
       setParseResult({
         success: false,
         servers: [],
-        errors: [`Unexpected error: ${error instanceof Error ? error.message : String(error)}`]
+        errors: [
+          `Unexpected error: ${error instanceof Error ? error.message : String(error)}`
+        ]
       });
     } finally {
       setIsValidating(false);
@@ -30578,18 +30628,10 @@ or
       ] }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 pt-4 border-t", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          variant: "outline",
-          onClick: handleClose,
-          className: "flex-1",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { className: "h-4 w-4 mr-2" }),
-            "Cancel"
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "outline", onClick: handleClose, className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(X$1, { className: "h-4 w-4 mr-2" }),
+        "Cancel"
+      ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Button,
         {
@@ -42394,7 +42436,7 @@ Anthropic.Models = Models2;
 Anthropic.Beta = Beta;
 const { HUMAN_PROMPT, AI_PROMPT } = Anthropic;
 const readline = {};
-const version = "0.3.0";
+const version = "0.3.1";
 const packageJson = {
   version
 };
@@ -45826,7 +45868,7 @@ const App = () => {
   }, []);
   if (window.location.pathname === "/oauth/callback") {
     const OAuthCallback = React.lazy(
-      () => __vitePreload(() => import("./OAuthCallback-CdxuZKBm.js"), true ? __vite__mapDeps([0,1]) : void 0)
+      () => __vitePreload(() => import("./OAuthCallback-mxRvi54D.js"), true ? __vite__mapDeps([0,1]) : void 0)
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       reactExports.Suspense,
@@ -45841,7 +45883,7 @@ const App = () => {
   }
   if (window.location.pathname === "/oauth/callback/debug") {
     const OAuthDebugCallback = React.lazy(
-      () => __vitePreload(() => import("./OAuthDebugCallback-BJaIMNT8.js"), true ? __vite__mapDeps([2,1]) : void 0)
+      () => __vitePreload(() => import("./OAuthDebugCallback-CjHmkokp.js"), true ? __vite__mapDeps([2,1]) : void 0)
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       reactExports.Suspense,

package/client/dist/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/mcp_jam.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MCPJam Inspector</title>
-    <script type="module" crossorigin src="/assets/index-CdlQwnmd.js"></script>
+    <script type="module" crossorigin src="/assets/index-kMl05fui.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-De3JSks9.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpjam/inspector",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "MCPJam inspector",
   "license": "Apache-2.0",
   "author": "MCPJam (https://mcpjam.com)",
@@ -59,7 +59,7 @@
     "@types/node": "^22.15.21",
     "@types/shell-quote": "^1.7.5",
     "jest-fixed-jsdom": "^0.0.9",
-    "prettier": "3.3.3",
+    "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
     "typescript": "^5.8.3"
   }