mcp-use 1.4.1 → 1.5.0-canary.1

package/dist/src/server/index.js

@@ -192,7 +192,7 @@ async function adaptConnectMiddleware(connectMiddleware, middlewarePath) {
     const mockRequest = createRequest({
       method: request.method.toUpperCase(),
       url: middlewarePathname + parsedURL.search,
-      headers: Object.fromEntries(request.headers.entries()),
+      headers: request.headers && typeof request.headers.entries === "function" ? Object.fromEntries(request.headers.entries()) : request.headers,
       query,
       ...request.body && { body: request.body }
     });
@@ -1099,10 +1099,34 @@ var McpServer = class {
       );
       return;
     }
-    let entries = [];
+    const entries = [];
     try {
-      const files = await fs.readdir(srcDir);
-      entries = files.filter((f) => f.endsWith(".tsx") || f.endsWith(".ts")).map((f) => pathHelpers.join(srcDir, f));
+      const files = await fs.readdir(srcDir, { withFileTypes: true });
+      for (const dirent of files) {
+        if (dirent.name.startsWith("._") || dirent.name.startsWith(".DS_Store")) {
+          continue;
+        }
+        if (dirent.isFile() && (dirent.name.endsWith(".tsx") || dirent.name.endsWith(".ts"))) {
+          entries.push({
+            name: dirent.name.replace(/\.tsx?$/, ""),
+            path: pathHelpers.join(srcDir, dirent.name)
+          });
+        } else if (dirent.isDirectory()) {
+          const widgetPath = pathHelpers.join(
+            srcDir,
+            dirent.name,
+            "widget.tsx"
+          );
+          try {
+            await fs.access(widgetPath);
+            entries.push({
+              name: dirent.name,
+              path: widgetPath
+            });
+          } catch {
+          }
+        }
+      }
     } catch (error) {
       console.log(`[WIDGETS] No widgets found in ${resourcesDir}/ directory`);
       return;
@@ -1138,12 +1162,10 @@ var McpServer = class {
       return;
     }
     const widgets = entries.map((entry) => {
-      const baseName = entry.split("/").pop()?.replace(/\.tsx?$/, "") || "widget";
-      const widgetName = baseName;
       return {
-        name: widgetName,
-        description: `Widget: ${widgetName}`,
-        entry
+        name: entry.name,
+        description: `Widget: ${entry.name}`,
+        entry: entry.path
       };
     });
     for (const widget of widgets) {
@@ -1199,10 +1221,34 @@ if (container && Component) {
     console.log(
       `[WIDGETS] Serving ${entries.length} widget(s) with shared Vite dev server and HMR`
     );
+    const ssrCssPlugin = {
+      name: "ssr-css-handler",
+      enforce: "pre",
+      resolveId(id, importer, options2) {
+        if (options2 && options2.ssr === true && (id.endsWith(".css") || id.endsWith(".module.css"))) {
+          return "\0ssr-css:" + id;
+        }
+        return null;
+      },
+      load(id, options2) {
+        if (options2 && options2.ssr === true && id.startsWith("\0ssr-css:")) {
+          return "export default {}";
+        }
+        return null;
+      }
+    };
+    const watchResourcesPlugin = {
+      name: "watch-resources",
+      configureServer(server) {
+        const resourcesPath = pathHelpers.join(getCwd(), resourcesDir);
+        server.watcher.add(resourcesPath);
+        console.log(`[WIDGETS] Watching resources directory: ${resourcesPath}`);
+      }
+    };
     const viteServer = await createServer({
       root: tempDir,
       base: baseRoute + "/",
-      plugins: [tailwindcss(), react()],
+      plugins: [ssrCssPlugin, watchResourcesPlugin, tailwindcss(), react()],
       resolve: {
         alias: {
           "@": pathHelpers.join(getCwd(), resourcesDir)
@@ -1210,7 +1256,35 @@ if (container && Component) {
       },
       server: {
         middlewareMode: true,
-        origin: serverOrigin
+        origin: serverOrigin,
+        watch: {
+          // Watch the resources directory for HMR to work
+          // This ensures changes to widget source files trigger hot reload
+          ignored: ["**/node_modules/**", "**/.git/**"],
+          // Include the resources directory in watch list
+          // Vite will watch files imported from outside root
+          usePolling: false
+        }
+      },
+      // Explicitly tell Vite to watch files outside root
+      // This is needed because widget entry files import from resources directory
+      optimizeDeps: {
+        // Don't optimize dependencies that might change
+        exclude: []
+      },
+      ssr: {
+        // Force Vite to transform these packages in SSR instead of using external requires
+        noExternal: ["@openai/apps-sdk-ui", "react-router"]
+      },
+      define: {
+        // Define process.env for SSR context
+        "process.env.NODE_ENV": JSON.stringify(
+          process.env.NODE_ENV || "development"
+        ),
+        "import.meta.env.DEV": true,
+        "import.meta.env.PROD": false,
+        "import.meta.env.MODE": JSON.stringify("development"),
+        "import.meta.env.SSR": true
       }
     });
     this.app.use(`${baseRoute}/*`, async (c, next) => {
@@ -1245,6 +1319,32 @@ if (container && Component) {
       `${baseRoute}/*`
     );
     this.app.use(`${baseRoute}/*`, viteMiddleware);
+    this.app.get("/mcp-use/public/*", async (c) => {
+      const filePath = c.req.path.replace("/mcp-use/public/", "");
+      const fullPath = pathHelpers.join(getCwd(), "public", filePath);
+      try {
+        if (await fsHelpers.existsSync(fullPath)) {
+          const content = await fsHelpers.readFile(fullPath);
+          const ext = filePath.split(".").pop()?.toLowerCase();
+          const contentType = ext === "js" ? "application/javascript" : ext === "css" ? "text/css" : ext === "png" ? "image/png" : ext === "jpg" || ext === "jpeg" ? "image/jpeg" : ext === "svg" ? "image/svg+xml" : ext === "gif" ? "image/gif" : ext === "webp" ? "image/webp" : ext === "ico" ? "image/x-icon" : ext === "woff" || ext === "woff2" ? "font/woff" + (ext === "woff2" ? "2" : "") : ext === "ttf" ? "font/ttf" : ext === "otf" ? "font/otf" : ext === "json" ? "application/json" : ext === "pdf" ? "application/pdf" : "application/octet-stream";
+          return new Response(content, {
+            status: 200,
+            headers: { "Content-Type": contentType }
+          });
+        }
+        return c.notFound();
+      } catch {
+        return c.notFound();
+      }
+    });
+    this.app.use(`${baseRoute}/*`, async (c) => {
+      const url = new URL(c.req.url);
+      const isAsset = url.pathname.match(
+        /\.(js|css|png|jpg|jpeg|svg|json|ico|woff2?|tsx?)$/i
+      );
+      const message = isAsset ? "Widget asset not found" : "Widget not found";
+      return c.text(message, 404);
+    });
     widgets.forEach((widget) => {
       console.log(
         `[WIDGET] ${widget.name} mounted at ${baseRoute}/${widget.name}`
@@ -1318,7 +1418,7 @@ if (container && Component) {
         html = html.replace(
           /<head[^>]*>/i,
           `<head>
-    <script>window.__getFile = (filename) => { return "${baseUrl}/mcp-use/widgets/${widget.name}/"+filename }</script>`
+    <script>window.__getFile = (filename) => { return "${baseUrl}/mcp-use/widgets/${widget.name}/"+filename }; window.__mcpPublicUrl = "${baseUrl}/mcp-use/public";</script>`
         );
       } catch (error) {
         console.error(
@@ -1480,7 +1580,7 @@ if (container && Component) {
           html = html.replace(
             /<head[^>]*>/i,
             `<head>
-    <script>window.__getFile = (filename) => { return "${baseUrl}/mcp-use/widgets/${widgetName}/"+filename }</script>`
+    <script>window.__getFile = (filename) => { return "${baseUrl}/mcp-use/widgets/${widgetName}/"+filename }; window.__mcpPublicUrl = "${baseUrl}/mcp-use/public";</script>`
           );
         }
       } catch (error) {
@@ -1604,7 +1704,7 @@ if (container && Component) {
         query: Object.fromEntries(new URL(req.url).searchParams),
         params: {},
         body: {},
-        headers: Object.fromEntries(req.headers.entries()),
+        headers: req.headers && typeof req.headers.entries === "function" ? Object.fromEntries(req.headers.entries()) : req.headers,
         method: req.method
       };
       const expressRes = {
@@ -1725,7 +1825,6 @@ if (container && Component) {
       return c.text("", 200);
     });
     this.app.get(endpoint, async (c) => {
-      const { expressReq, expressRes, getResponse } = createExpressLikeObjects(c);
       const transport = new StreamableHTTPServerTransport({
         sessionIdGenerator: void 0,
         enableJsonResponse: true
@@ -1733,13 +1832,107 @@ if (container && Component) {
       c.req.raw.signal?.addEventListener("abort", () => {
         transport.close();
       });
+      const { readable, writable } = new globalThis.TransformStream();
+      const writer = writable.getWriter();
+      const encoder = new TextEncoder();
+      let resolveResponse;
+      const responsePromise = new Promise((resolve) => {
+        resolveResponse = resolve;
+      });
+      let headersSent = false;
+      const headers = {};
+      let statusCode = 200;
+      const expressRes = {
+        statusCode: 200,
+        headersSent: false,
+        status: /* @__PURE__ */ __name((code) => {
+          statusCode = code;
+          expressRes.statusCode = code;
+          return expressRes;
+        }, "status"),
+        setHeader: /* @__PURE__ */ __name((name, value) => {
+          if (!headersSent) {
+            headers[name] = Array.isArray(value) ? value.join(", ") : value;
+          }
+        }, "setHeader"),
+        getHeader: /* @__PURE__ */ __name((name) => headers[name], "getHeader"),
+        write: /* @__PURE__ */ __name((chunk) => {
+          if (!headersSent) {
+            headersSent = true;
+            resolveResponse(
+              new Response(readable, {
+                status: statusCode,
+                headers
+              })
+            );
+          }
+          const data = typeof chunk === "string" ? encoder.encode(chunk) : chunk instanceof Uint8Array ? chunk : Buffer.from(chunk);
+          writer.write(data);
+          return true;
+        }, "write"),
+        end: /* @__PURE__ */ __name((chunk) => {
+          if (chunk) {
+            expressRes.write(chunk);
+          }
+          if (!headersSent) {
+            headersSent = true;
+            resolveResponse(
+              new Response(null, {
+                status: statusCode,
+                headers
+              })
+            );
+            writer.close();
+          } else {
+            writer.close();
+          }
+        }, "end"),
+        on: /* @__PURE__ */ __name((event, handler) => {
+          if (event === "close") {
+            expressRes._closeHandler = handler;
+          }
+        }, "on"),
+        once: /* @__PURE__ */ __name(() => {
+        }, "once"),
+        removeListener: /* @__PURE__ */ __name(() => {
+        }, "removeListener"),
+        writeHead: /* @__PURE__ */ __name((code, _headers) => {
+          statusCode = code;
+          expressRes.statusCode = code;
+          if (_headers) {
+            Object.assign(headers, _headers);
+          }
+          if (!headersSent) {
+            headersSent = true;
+            resolveResponse(
+              new Response(readable, {
+                status: statusCode,
+                headers
+              })
+            );
+          }
+          return expressRes;
+        }, "writeHead"),
+        flushHeaders: /* @__PURE__ */ __name(() => {
+        }, "flushHeaders")
+      };
+      const expressReq = {
+        ...c.req.raw,
+        url: new URL(c.req.url).pathname + new URL(c.req.url).search,
+        path: new URL(c.req.url).pathname,
+        query: Object.fromEntries(new URL(c.req.url).searchParams),
+        headers: c.req.header(),
+        method: c.req.method
+      };
       await this.server.connect(transport);
-      await this.waitForRequestComplete(transport, expressReq, expressRes);
-      const response = getResponse();
-      if (response) {
-        return response;
-      }
-      return c.text("", 200);
+      transport.handleRequest(expressReq, expressRes).catch((err) => {
+        console.error("MCP Transport error:", err);
+        try {
+          writer.close();
+        } catch {
+        }
+      });
+      return responsePromise;
     });
     this.app.delete(endpoint, async (c) => {
       const { expressReq, expressRes, getResponse } = createExpressLikeObjects(c);
@@ -2121,6 +2314,24 @@ if (container && Component) {
         return c.notFound();
       }
     });
+    this.app.get("/mcp-use/public/*", async (c) => {
+      const filePath = c.req.path.replace("/mcp-use/public/", "");
+      const fullPath = pathHelpers.join(getCwd(), "dist", "public", filePath);
+      try {
+        if (await fsHelpers.existsSync(fullPath)) {
+          const content = await fsHelpers.readFile(fullPath);
+          const ext = filePath.split(".").pop()?.toLowerCase();
+          const contentType = ext === "js" ? "application/javascript" : ext === "css" ? "text/css" : ext === "png" ? "image/png" : ext === "jpg" || ext === "jpeg" ? "image/jpeg" : ext === "svg" ? "image/svg+xml" : ext === "gif" ? "image/gif" : ext === "webp" ? "image/webp" : ext === "ico" ? "image/x-icon" : ext === "woff" || ext === "woff2" ? "font/woff" + (ext === "woff2" ? "2" : "") : ext === "ttf" ? "font/ttf" : ext === "otf" ? "font/otf" : ext === "json" ? "application/json" : ext === "pdf" ? "application/pdf" : "application/octet-stream";
+          return new Response(content, {
+            status: 200,
+            headers: { "Content-Type": contentType }
+          });
+        }
+        return c.notFound();
+      } catch {
+        return c.notFound();
+      }
+    });
   }
   /**
    * Create input schema for resource templates

package/dist/src/server/mcp-server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-server.d.ts","sourceRoot":"","sources":["../../../src/server/mcp-server.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"mcp-server.d.ts","sourceRoot":"","sources":["../../../src/server/mcp-server.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mcp-use",
   "type": "module",
-  "version": "1.4.1",
+  "version": "1.5.0-canary.1",
   "description": "Opinionated MCP Framework for TypeScript (@modelcontextprotocol/sdk compatible) - Build MCP Agents and Clients + MCP Servers with support for MCP-UI.",
   "author": "mcp-use, Inc.",
   "license": "MIT",
@@ -68,7 +68,8 @@
     "@langchain/openai": "^1.0.0",
     "langfuse": "^3.38.6",
     "langfuse-langchain": "^3.38.6",
-    "react": "^18.0.0 || ^19.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-router-dom": "^7.0.0"
   },
   "peerDependenciesMeta": {
     "@e2b/code-interpreter": {
@@ -114,8 +115,8 @@
     "ws": "^8.18.2",
     "zod": "^3.25.48",
     "zod-to-json-schema": "^3.24.6",
-    "@mcp-use/cli": "2.2.5",
-    "@mcp-use/inspector": "0.6.1"
+    "@mcp-use/cli": "2.3.0-canary.1",
+    "@mcp-use/inspector": "0.7.0-canary.1"
   },
   "optionalDependencies": {
     "@tailwindcss/vite": "^4.1.15",
@@ -141,6 +142,7 @@
     "husky": "^9.1.7",
     "lint-staged": "^15.2.11",
     "react": "^19.2.0",
+    "react-router-dom": "^7.9.5",
     "typescript": "^5.8.3",
     "vitest": "^3.2.4"
   },

package/dist/src/react/WidgetDebugger.d.ts

@@ -1,31 +0,0 @@
-/**
- * Wrapper component that adds a debug button to display widget debug information.
- * Shows a bug icon button that opens a minimal overlay with debug data in table format.
- */
-import React from "react";
-type Position = "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right";
-interface WidgetDebuggerProps {
-    children: React.ReactNode;
-    className?: string;
-    position?: Position;
-    attachTo?: HTMLElement | null;
-    showLabels?: boolean;
-}
-/**
- * Wrapper component that adds a debug button to display widget debug information.
- * The button shows a bug icon and opens an overlay with debug data in a minimal table format.
- *
- * @example
- * ```tsx
- * const MyWidget: React.FC = () => {
- *   return (
- *     <WidgetDebugger position="top-right">
- *       <div>My widget content</div>
- *     </WidgetDebugger>
- *   );
- * };
- * ```
- */
-export declare function WidgetDebugger({ children, className, position, attachTo, showLabels, }: WidgetDebuggerProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=WidgetDebugger.d.ts.map

package/dist/src/react/WidgetDebugger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetDebugger.d.ts","sourceRoot":"","sources":["../../../src/react/WidgetDebugger.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,KAAK,QAAQ,GACT,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAc,EACd,QAAsB,EACtB,QAAQ,EACR,UAAiB,GAClB,EAAE,mBAAmB,qBA2+BrB"}

package/dist/src/react/WidgetFullscreenWrapper.d.ts

@@ -1,32 +0,0 @@
-/**
- * Wrapper component that automatically adds a close button when widget is in fullscreen mode.
- * This ensures users can exit fullscreen without needing to add their own close button,
- * which would conflict with ChatGPT's own controls when deployed.
- */
-import React from "react";
-type Position = "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right";
-interface WidgetFullscreenWrapperProps {
-    children: React.ReactNode;
-    className?: string;
-    position?: Position;
-    attachTo?: HTMLElement | null;
-    showLabels?: boolean;
-}
-/**
- * Wrapper component that adds icon buttons for fullscreen and pip modes.
- * Icons are only visible on hover with smooth opacity transitions.
- *
- * @example
- * ```tsx
- * const MyWidget: React.FC = () => {
- *   return (
- *     <WidgetFullscreenWrapper position="top-right" showLabels>
- *       <div>My widget content</div>
- *     </WidgetFullscreenWrapper>
- *   );
- * };
- * ```
- */
-export declare function WidgetFullscreenWrapper({ children, className, position, attachTo, showLabels, }: WidgetFullscreenWrapperProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=WidgetFullscreenWrapper.d.ts.map

package/dist/src/react/WidgetFullscreenWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetFullscreenWrapper.d.ts","sourceRoot":"","sources":["../../../src/react/WidgetFullscreenWrapper.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,KAAK,QAAQ,GACT,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,UAAU,4BAA4B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,SAAc,EACd,QAAsB,EACtB,QAAQ,EACR,UAAiB,GAClB,EAAE,4BAA4B,qBA4T9B"}