@mcp-use/cli 2.2.5 → 2.3.0-canary.2

package/dist/index.js

@@ -1192,12 +1192,20 @@ async function findAvailablePort2(startPort, host = "localhost") {
 }
 async function waitForServer(port, host = "localhost", maxAttempts = 30) {
   for (let i = 0; i < maxAttempts; i++) {
+    const controller = new AbortController();
     try {
-      const response = await fetch(`http://${host}:${port}/mcp`);
+      const response = await fetch(`http://${host}:${port}/mcp`, {
+        headers: {
+          Accept: "text/event-stream"
+        },
+        signal: controller.signal
+      });
       if (response.status !== 404) {
         return true;
       }
     } catch {
+    } finally {
+      controller.abort();
     }
     await new Promise((resolve) => setTimeout(resolve, 1e3));
   }
@@ -1323,15 +1331,30 @@ async function buildWidgets(projectPath) {
     );
     return [];
   }
-  let entries = [];
+  const entries = [];
   try {
-    const files = await fs3.readdir(resourcesDir);
-    entries = files.filter((f) => {
-      if (f.startsWith("._") || f.startsWith(".DS_Store")) {
-        return false;
+    const files = await fs3.readdir(resourcesDir, { withFileTypes: true });
+    for (const dirent of files) {
+      if (dirent.name.startsWith("._") || dirent.name.startsWith(".DS_Store")) {
+        continue;
       }
-      return f.endsWith(".tsx") || f.endsWith(".ts");
-    }).map((f) => import_node_path3.default.join(resourcesDir, f));
+      if (dirent.isFile() && (dirent.name.endsWith(".tsx") || dirent.name.endsWith(".ts"))) {
+        entries.push({
+          name: dirent.name.replace(/\.tsx?$/, ""),
+          path: import_node_path3.default.join(resourcesDir, dirent.name)
+        });
+      } else if (dirent.isDirectory()) {
+        const widgetPath = import_node_path3.default.join(resourcesDir, dirent.name, "widget.tsx");
+        try {
+          await fs3.access(widgetPath);
+          entries.push({
+            name: dirent.name,
+            path: widgetPath
+          });
+        } catch {
+        }
+      }
+    }
   } catch (error) {
     console.log(import_chalk3.default.gray("No widgets found in resources/ directory"));
     return [];
@@ -1345,8 +1368,8 @@ async function buildWidgets(projectPath) {
   const tailwindcss = (await import("@tailwindcss/vite")).default;
   const builtWidgets = [];
   for (const entry of entries) {
-    const baseName = import_node_path3.default.basename(entry).replace(/\.tsx?$/, "");
-    const widgetName = baseName;
+    const widgetName = entry.name;
+    const entryPath = entry.path;
     console.log(import_chalk3.default.gray(`  - Building ${widgetName}...`));
     const tempDir = import_node_path3.default.join(projectPath, ".mcp-use", widgetName);
     await fs3.mkdir(tempDir, { recursive: true });
@@ -1360,7 +1383,7 @@ async function buildWidgets(projectPath) {
     const entryContent = `import React from 'react'
 import { createRoot } from 'react-dom/client'
 import './styles.css'
-import Component from '${entry}'
+import Component from '${entryPath}'
 
 const container = document.getElementById('widget-root')
 if (container && Component) {
@@ -1411,6 +1434,20 @@ if (container && Component) {
         server: {
           middlewareMode: true
         },
+        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
+        },
         clearScreen: false,
         logLevel: "silent",
         customLogger: {
@@ -1429,7 +1466,7 @@ if (container && Component) {
         }
       });
       try {
-        const mod = await metadataServer.ssrLoadModule(entry);
+        const mod = await metadataServer.ssrLoadModule(entryPath);
         if (mod.widgetMetadata) {
           widgetMetadata = {
             ...mod.widgetMetadata,
@@ -1501,6 +1538,16 @@ program.command("build").description("Build TypeScript and MCP UI widgets").opti
     console.log(import_chalk3.default.gray("Building TypeScript..."));
     await runCommand("npx", ["tsc"], projectPath);
     console.log(import_chalk3.default.green("\u2713 TypeScript build complete!"));
+    const publicDir = import_node_path3.default.join(projectPath, "public");
+    try {
+      await fs3.access(publicDir);
+      console.log(import_chalk3.default.gray("Copying public assets..."));
+      await fs3.cp(publicDir, import_node_path3.default.join(projectPath, "dist", "public"), {
+        recursive: true
+      });
+      console.log(import_chalk3.default.green("\u2713 Public assets copied"));
+    } catch {
+    }
     const manifestPath = import_node_path3.default.join(projectPath, "dist", "mcp-use.json");
     let existingManifest = {};
     try {

package/dist/index.mjs

@@ -1171,12 +1171,20 @@ async function findAvailablePort2(startPort, host = "localhost") {
 }
 async function waitForServer(port, host = "localhost", maxAttempts = 30) {
   for (let i = 0; i < maxAttempts; i++) {
+    const controller = new AbortController();
     try {
-      const response = await fetch(`http://${host}:${port}/mcp`);
+      const response = await fetch(`http://${host}:${port}/mcp`, {
+        headers: {
+          Accept: "text/event-stream"
+        },
+        signal: controller.signal
+      });
       if (response.status !== 404) {
         return true;
       }
     } catch {
+    } finally {
+      controller.abort();
     }
     await new Promise((resolve) => setTimeout(resolve, 1e3));
   }
@@ -1302,15 +1310,30 @@ async function buildWidgets(projectPath) {
     );
     return [];
   }
-  let entries = [];
+  const entries = [];
   try {
-    const files = await fs3.readdir(resourcesDir);
-    entries = files.filter((f) => {
-      if (f.startsWith("._") || f.startsWith(".DS_Store")) {
-        return false;
+    const files = await fs3.readdir(resourcesDir, { withFileTypes: true });
+    for (const dirent of files) {
+      if (dirent.name.startsWith("._") || dirent.name.startsWith(".DS_Store")) {
+        continue;
       }
-      return f.endsWith(".tsx") || f.endsWith(".ts");
-    }).map((f) => path3.join(resourcesDir, f));
+      if (dirent.isFile() && (dirent.name.endsWith(".tsx") || dirent.name.endsWith(".ts"))) {
+        entries.push({
+          name: dirent.name.replace(/\.tsx?$/, ""),
+          path: path3.join(resourcesDir, dirent.name)
+        });
+      } else if (dirent.isDirectory()) {
+        const widgetPath = path3.join(resourcesDir, dirent.name, "widget.tsx");
+        try {
+          await fs3.access(widgetPath);
+          entries.push({
+            name: dirent.name,
+            path: widgetPath
+          });
+        } catch {
+        }
+      }
+    }
   } catch (error) {
     console.log(chalk3.gray("No widgets found in resources/ directory"));
     return [];
@@ -1324,8 +1347,8 @@ async function buildWidgets(projectPath) {
   const tailwindcss = (await import("@tailwindcss/vite")).default;
   const builtWidgets = [];
   for (const entry of entries) {
-    const baseName = path3.basename(entry).replace(/\.tsx?$/, "");
-    const widgetName = baseName;
+    const widgetName = entry.name;
+    const entryPath = entry.path;
     console.log(chalk3.gray(`  - Building ${widgetName}...`));
     const tempDir = path3.join(projectPath, ".mcp-use", widgetName);
     await fs3.mkdir(tempDir, { recursive: true });
@@ -1339,7 +1362,7 @@ async function buildWidgets(projectPath) {
     const entryContent = `import React from 'react'
 import { createRoot } from 'react-dom/client'
 import './styles.css'
-import Component from '${entry}'
+import Component from '${entryPath}'
 
 const container = document.getElementById('widget-root')
 if (container && Component) {
@@ -1390,6 +1413,20 @@ if (container && Component) {
         server: {
           middlewareMode: true
         },
+        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
+        },
         clearScreen: false,
         logLevel: "silent",
         customLogger: {
@@ -1408,7 +1445,7 @@ if (container && Component) {
         }
       });
       try {
-        const mod = await metadataServer.ssrLoadModule(entry);
+        const mod = await metadataServer.ssrLoadModule(entryPath);
         if (mod.widgetMetadata) {
           widgetMetadata = {
             ...mod.widgetMetadata,
@@ -1480,6 +1517,16 @@ program.command("build").description("Build TypeScript and MCP UI widgets").opti
     console.log(chalk3.gray("Building TypeScript..."));
     await runCommand("npx", ["tsc"], projectPath);
     console.log(chalk3.green("\u2713 TypeScript build complete!"));
+    const publicDir = path3.join(projectPath, "public");
+    try {
+      await fs3.access(publicDir);
+      console.log(chalk3.gray("Copying public assets..."));
+      await fs3.cp(publicDir, path3.join(projectPath, "dist", "public"), {
+        recursive: true
+      });
+      console.log(chalk3.green("\u2713 Public assets copied"));
+    } catch {
+    }
     const manifestPath = path3.join(projectPath, "dist", "mcp-use.json");
     let existingManifest = {};
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-use/cli",
-  "version": "2.2.5",
+  "version": "2.3.0-canary.2",
   "description": "Build tool for MCP UI widgets - bundles React components into standalone HTML pages for Model Context Protocol servers",
   "author": "mcp-use, Inc.",
   "license": "MIT",
@@ -44,8 +44,8 @@
     "tsx": "^4.0.0",
     "vite": "^6.0.0",
     "ws": "^8.18.0",
-    "@mcp-use/inspector": "0.6.1",
-    "mcp-use": "1.4.1"
+    "@mcp-use/inspector": "0.7.0-canary.2",
+    "mcp-use": "1.5.0-canary.2"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",