bump version to 0.3.0

Merge pull request #100 from evalstate/fix/tool-timeout
Allow setting the timeout with the "timeout" URL parameter
2024-12-05 08:01:57 -08:00 · 2024-12-05 07:59:55 -08:00 · 2024-12-05 08:11:35 +00:00 · 2024-12-04 14:20:09 -08:00 · 2024-12-04 09:56:04 -08:00 · 2024-12-02 06:56:07 -06:00
11 changed files with 62 additions and 22 deletions
--- a/README.md
+++ b/README.md
@@ -26,6 +26,8 @@ The inspector runs both a client UI (default port 5173) and an MCP proxy server
 CLIENT_PORT=8080 SERVER_PORT=9000 npx @modelcontextprotocol/inspector build/index.js
 ```

+For more details on ways to use the inspector, see the [Inspector section of the MCP docs site](https://modelcontextprotocol.io/docs/tools/inspector).
+
 ### From this repository

 If you're working on the inspector itself:
--- a/bin/cli.js
+++ b/bin/cli.js
@@ -49,7 +49,7 @@ async function main() {
    [
      inspectorServerPath,
      ...(command ? [`--env`, command] : []),
-      ...(mcpServerArgs ? ["--args", mcpServerArgs.join(" ")] : []),
+      ...(mcpServerArgs ? [`--args=${mcpServerArgs.join(" ")}`] : []),
    ],
    {
      env: { ...process.env, PORT: SERVER_PORT },
--- a/client/package.json
+++ b/client/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@modelcontextprotocol/inspector-client",
-  "version": "0.2.6",
+  "version": "0.3.0",
  "description": "Client-side application for the Model Context Protocol inspector",
  "license": "MIT",
  "author": "Anthropic, PBC (https://anthropic.com)",
@@ -21,7 +21,7 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.0.1",
+    "@modelcontextprotocol/sdk": "^1.0.3",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.1.0",
    "@radix-ui/react-select": "^2.1.2",
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -59,6 +59,7 @@ const DEFAULT_REQUEST_TIMEOUT_MSEC = 10000;

 const params = new URLSearchParams(window.location.search);
 const PROXY_PORT = params.get("proxyPort") ?? "3000";
+const REQUEST_TIMEOUT = parseInt(params.get("timeout") ?? "") || DEFAULT_REQUEST_TIMEOUT_MSEC;
 const PROXY_SERVER_URL = `http://localhost:${PROXY_PORT}`;

 const App = () => {
@@ -243,7 +244,7 @@ const App = () => {
      const abortController = new AbortController();
      const timeoutId = setTimeout(() => {
        abortController.abort("Request timed out");
-      }, DEFAULT_REQUEST_TIMEOUT_MSEC);
+      }, REQUEST_TIMEOUT);

      let response;
      try {
@@ -525,10 +526,18 @@ const App = () => {
                    clearError("resources");
                    listResources();
                  }}
+                  clearResources={() => {
+                    setResources([]);
+                    setNextResourceCursor(undefined);
+                  }}
                  listResourceTemplates={() => {
                    clearError("resources");
                    listResourceTemplates();
                  }}
+                  clearResourceTemplates={() => {
+                    setResourceTemplates([]);
+                    setNextResourceTemplateCursor(undefined);
+                  }}
                  readResource={(uri) => {
                    clearError("resources");
                    readResource(uri);
@@ -549,6 +558,10 @@ const App = () => {
                    clearError("prompts");
                    listPrompts();
                  }}
+                  clearPrompts={() => {
+                    setPrompts([]);
+                    setNextPromptCursor(undefined);
+                  }}
                  getPrompt={(name, args) => {
                    clearError("prompts");
                    getPrompt(name, args);
@@ -568,6 +581,10 @@ const App = () => {
                    clearError("tools");
                    listTools();
                  }}
+                  clearTools={() => {
+                    setTools([]);
+                    setNextToolCursor(undefined);
+                  }}
                  callTool={(name, params) => {
                    clearError("tools");
                    callTool(name, params);
--- a/client/src/components/ListPane.tsx
+++ b/client/src/components/ListPane.tsx
@@ -3,6 +3,7 @@ import { Button } from "./ui/button";
 type ListPaneProps<T> = {
  items: T[];
  listItems: () => void;
+  clearItems: () => void;
  setSelectedItem: (item: T) => void;
  renderItem: (item: T) => React.ReactNode;
  title: string;
@@ -13,6 +14,7 @@ type ListPaneProps<T> = {
 const ListPane = <T extends object>({
  items,
  listItems,
+  clearItems,
  setSelectedItem,
  renderItem,
  title,
@@ -32,6 +34,14 @@ const ListPane = <T extends object>({
      >
        {buttonText}
      </Button>
+      <Button
+        variant="outline"
+        className="w-full mb-4"
+        onClick={clearItems}
+        disabled={items.length === 0}
+      >
+        Clear
+      </Button>
      <div className="space-y-2 overflow-y-auto max-h-96">
        {items.map((item, index) => (
          <div
--- a/client/src/components/PromptsTab.tsx
+++ b/client/src/components/PromptsTab.tsx
@@ -22,6 +22,7 @@ export type Prompt = {
 const PromptsTab = ({
  prompts,
  listPrompts,
+  clearPrompts,
  getPrompt,
  selectedPrompt,
  setSelectedPrompt,
@@ -31,6 +32,7 @@ const PromptsTab = ({
 }: {
  prompts: Prompt[];
  listPrompts: () => void;
+  clearPrompts: () => void;
  getPrompt: (name: string, args: Record<string, string>) => void;
  selectedPrompt: Prompt | null;
  setSelectedPrompt: (prompt: Prompt) => void;
@@ -55,6 +57,7 @@ const PromptsTab = ({
      <ListPane
        items={prompts}
        listItems={listPrompts}
+        clearItems={clearPrompts}
        setSelectedItem={(prompt) => {
          setSelectedPrompt(prompt);
          setPromptArgs({});
--- a/client/src/components/ResourcesTab.tsx
+++ b/client/src/components/ResourcesTab.tsx
@@ -16,7 +16,9 @@ const ResourcesTab = ({
  resources,
  resourceTemplates,
  listResources,
+  clearResources,
  listResourceTemplates,
+  clearResourceTemplates,
  readResource,
  selectedResource,
  setSelectedResource,
@@ -28,7 +30,9 @@ const ResourcesTab = ({
  resources: Resource[];
  resourceTemplates: ResourceTemplate[];
  listResources: () => void;
+  clearResources: () => void;
  listResourceTemplates: () => void;
+  clearResourceTemplates: () => void;
  readResource: (uri: string) => void;
  selectedResource: Resource | null;
  setSelectedResource: (resource: Resource | null) => void;
@@ -68,6 +72,7 @@ const ResourcesTab = ({
      <ListPane
        items={resources}
        listItems={listResources}
+        clearItems={clearResources}
        setSelectedItem={(resource) => {
          setSelectedResource(resource);
          readResource(resource.uri);
@@ -90,6 +95,7 @@ const ResourcesTab = ({
      <ListPane
        items={resourceTemplates}
        listItems={listResourceTemplates}
+        clearItems={clearResourceTemplates}
        setSelectedItem={(template) => {
          setSelectedTemplate(template);
          setSelectedResource(null);
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -18,6 +18,7 @@ import { CompatibilityCallToolResult } from "@modelcontextprotocol/sdk/types.js"
 const ToolsTab = ({
  tools,
  listTools,
+  clearTools,
  callTool,
  selectedTool,
  setSelectedTool,
@@ -27,6 +28,7 @@ const ToolsTab = ({
 }: {
  tools: Tool[];
  listTools: () => void;
+  clearTools: () => void;
  callTool: (name: string, params: Record<string, unknown>) => void;
  selectedTool: Tool | null;
  setSelectedTool: (tool: Tool) => void;
@@ -50,7 +52,7 @@ const ToolsTab = ({
            </pre>
            <h4 className="font-semibold mb-2">Errors:</h4>
            {parsedResult.error.errors.map((error, idx) => (
-              <pre 
+              <pre
                key={idx}
                className="bg-gray-50 dark:bg-gray-800 dark:text-gray-100 p-4 rounded text-sm overflow-auto max-h-64"
              >
@@ -108,6 +110,7 @@ const ToolsTab = ({
      <ListPane
        items={tools}
        listItems={listTools}
+        clearItems={clearTools}
        setSelectedItem={setSelectedTool}
        renderItem={(tool) => (
          <>
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,20 @@
 {
  "name": "@modelcontextprotocol/inspector",
-  "version": "0.2.6",
+  "version": "0.3.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "@modelcontextprotocol/inspector",
-      "version": "0.2.6",
+      "version": "0.3.0",
      "license": "MIT",
      "workspaces": [
        "client",
        "server"
      ],
      "dependencies": {
-        "@modelcontextprotocol/inspector-client": "0.2.6",
-        "@modelcontextprotocol/inspector-server": "0.2.6",
+        "@modelcontextprotocol/inspector-client": "0.3.0",
+        "@modelcontextprotocol/inspector-server": "0.3.0",
        "concurrently": "^9.0.1",
        "spawn-rx": "^5.1.0",
        "ts-node": "^10.9.2"
@@ -29,10 +29,10 @@
    },
    "client": {
      "name": "@modelcontextprotocol/inspector-client",
-      "version": "0.2.6",
+      "version": "0.3.0",
      "license": "MIT",
      "dependencies": {
-        "@modelcontextprotocol/sdk": "^1.0.1",
+        "@modelcontextprotocol/sdk": "^1.0.3",
        "@radix-ui/react-icons": "^1.3.0",
        "@radix-ui/react-label": "^2.1.0",
        "@radix-ui/react-select": "^2.1.2",
@@ -1203,10 +1203,9 @@
      "link": true
    },
    "node_modules/@modelcontextprotocol/sdk": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.0.1.tgz",
-      "integrity": "sha512-slLdFaxQJ9AlRg+hw28iiTtGvShAOgOKXcD0F91nUcRYiOMuS9ZBYjcdNZRXW9G5JQ511GRTdUy1zQVZDpJ+4w==",
-      "license": "MIT",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.0.3.tgz",
+      "integrity": "sha512-2as3cX/VJ0YBHGmdv3GFyTpoM8q2gqE98zh3Vf1NwnsSY0h3mvoO07MUzfygCKkWsFjcZm4otIiqD6Xh7kiSBQ==",
      "dependencies": {
        "content-type": "^1.0.5",
        "raw-body": "^3.0.0",
@@ -6926,10 +6925,10 @@
    },
    "server": {
      "name": "@modelcontextprotocol/inspector-server",
-      "version": "0.2.6",
+      "version": "0.3.0",
      "license": "MIT",
      "dependencies": {
-        "@modelcontextprotocol/sdk": "^1.0.1",
+        "@modelcontextprotocol/sdk": "^1.0.3",
        "cors": "^2.8.5",
        "eventsource": "^2.0.2",
        "express": "^4.21.0",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@modelcontextprotocol/inspector",
-  "version": "0.2.6",
+  "version": "0.3.0",
  "description": "Model Context Protocol inspector",
  "license": "MIT",
  "author": "Anthropic, PBC (https://anthropic.com)",
@@ -33,8 +33,8 @@
    "publish-all": "npm publish --workspaces --access public && npm publish --access public"
  },
  "dependencies": {
-    "@modelcontextprotocol/inspector-client": "0.2.6",
-    "@modelcontextprotocol/inspector-server": "0.2.6",
+    "@modelcontextprotocol/inspector-client": "0.3.0",
+    "@modelcontextprotocol/inspector-server": "0.3.0",
    "concurrently": "^9.0.1",
    "spawn-rx": "^5.1.0",
    "ts-node": "^10.9.2"
--- a/server/package.json
+++ b/server/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@modelcontextprotocol/inspector-server",
-  "version": "0.2.6",
+  "version": "0.3.0",
  "description": "Server-side application for the Model Context Protocol inspector",
  "license": "MIT",
  "author": "Anthropic, PBC (https://anthropic.com)",
@@ -27,7 +27,7 @@
    "typescript": "^5.6.2"
  },
  "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.0.1",
+    "@modelcontextprotocol/sdk": "^1.0.3",
    "cors": "^2.8.5",
    "eventsource": "^2.0.2",
    "express": "^4.21.0",
Author	SHA1	Message	Date
Ashwin Bhat	576ff0043a	bump version to 0.3.0	2024-12-05 08:01:57 -08:00
Ashwin Bhat	18dc4d0a99	Merge pull request #100 from evalstate/fix/tool-timeout Allow setting the timeout with the "timeout" URL parameter	2024-12-05 07:59:55 -08:00
=	f04b161411	Allow setting timeout via "timeout" URL parameter	2024-12-05 08:11:35 +00:00
Ashwin Bhat	bd6a63603a	Merge pull request #102 from modelcontextprotocol/ashwin/sdk update sdk to 1.0.3	2024-12-04 14:20:09 -08:00
Ashwin Bhat	b845444fab	update sdk to 1.0.3	2024-12-04 09:56:04 -08:00
Justin Spahr-Summers	ace94c4d37	Merge pull request #95 from modelcontextprotocol/ashwin-ant-patch-1 link to MCP docs site in readme	2024-12-02 06:56:07 -06:00
Ashwin Bhat	50640bc9cc	Merge pull request #98 from heuperman/add-button-to-clear-items Add button to clear loaded items	2024-12-01 11:08:32 -05:00
Kees Heuperman	cc17ba8d56	feat: Add button to clear loaded items Add a button to the ListPane component that clears loaded items. This will allow the user to clear and reload resources, resource templates, prompts or tools when they expect the available items to have changed.	2024-12-01 09:50:53 +01:00
Ashwin Bhat	764f02310d	link to MCP docs site in readme	2024-11-29 16:26:56 -05:00
Ashwin Bhat	945299181d	bump version to 0.2.7	2024-11-29 08:44:12 -05:00
David Soria Parra	79344bd495	Merge pull request #91 from modelcontextprotocol/ashwin/spawnfix fix arg passing	2024-11-29 11:34:25 +00:00
Ashwin Bhat	295ccac27e	fix arg passing	2024-11-27 19:17:47 -05:00