@mcp-use/cli 2.2.2 → 2.2.3-canary.1

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAGA,OAAO,eAAe,CAAC"}

package/dist/index.js

@@ -24,14 +24,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 
 // src/index.ts
-var import_config4 = require("dotenv/config");
+var import_chalk3 = __toESM(require("chalk"));
 var import_commander = require("commander");
+var import_config4 = require("dotenv/config");
 var import_node_child_process3 = require("child_process");
 var import_node_fs3 = require("fs");
 var import_promises = require("fs/promises");
 var import_node_path3 = __toESM(require("path"));
 var import_open3 = __toESM(require("open"));
-var import_chalk3 = __toESM(require("chalk"));
 
 // src/commands/auth.ts
 var import_chalk = __toESM(require("chalk"));
@@ -213,7 +213,7 @@ var McpUseAPI = class _McpUseAPI {
    * Create deployment with source code upload
    */
   async createDeploymentWithUpload(request, filePath) {
-    const { readFile } = await import("fs/promises");
+    const { readFile: readFile2 } = await import("fs/promises");
     const { basename } = await import("path");
     const { stat } = await import("fs/promises");
     const stats = await stat(filePath);
@@ -223,7 +223,7 @@ var McpUseAPI = class _McpUseAPI {
         `File size (${(stats.size / 1024 / 1024).toFixed(2)}MB) exceeds maximum of 2MB`
       );
     }
-    const fileBuffer = await readFile(filePath);
+    const fileBuffer = await readFile2(filePath);
     const filename = basename(filePath);
     const formData = new FormData();
     const blob = new Blob([fileBuffer], { type: "application/gzip" });
@@ -1215,10 +1215,14 @@ function runCommand(command, args, cwd, env, filterStderr = false) {
   });
   return { promise, process: proc };
 }
-async function startTunnel(port) {
+async function startTunnel(port, subdomain) {
   return new Promise((resolve, reject) => {
     console.log(import_chalk3.default.gray(`Starting tunnel for port ${port}...`));
-    const proc = (0, import_node_child_process3.spawn)("npx", ["--yes", "@mcp-use/tunnel", String(port)], {
+    const tunnelArgs = ["--yes", "@mcp-use/tunnel", String(port)];
+    if (subdomain) {
+      tunnelArgs.push("--", "--subdomain", subdomain);
+    }
+    const proc = (0, import_node_child_process3.spawn)("npx", tunnelArgs, {
       stdio: ["ignore", "pipe", "pipe"],
       shell: false
     });
@@ -1229,11 +1233,13 @@ async function startTunnel(port) {
       const urlMatch = text.match(/https?:\/\/([a-z0-9-]+\.[a-z0-9.-]+)/i);
       if (urlMatch && !resolved) {
         const url = urlMatch[0];
-        const subdomain = url;
+        const fullDomain = urlMatch[1];
+        const subdomainMatch = fullDomain.match(/^([a-z0-9-]+)\./);
+        const extractedSubdomain = subdomainMatch ? subdomainMatch[1] : fullDomain.split(".")[0];
         resolved = true;
         clearTimeout(setupTimeout);
         console.log(import_chalk3.default.green.bold(`\u2713 Tunnel established: ${url}/mcp`));
-        resolve({ url, subdomain, process: proc });
+        resolve({ url, subdomain: extractedSubdomain, process: proc });
       }
     });
     proc.stderr?.on("data", (data) => {
@@ -1512,7 +1518,6 @@ program.command("dev").description("Run development server with auto-reload and
       console.log(import_chalk3.default.green.bold(`\u2713 Using port ${availablePort} instead`));
       port = availablePort;
     }
-    let mcpUrl;
     const serverFile = await findServerFile(projectPath);
     const processes = [];
     const env = {
@@ -1520,9 +1525,6 @@ program.command("dev").description("Run development server with auto-reload and
       HOST: host,
       NODE_ENV: "development"
     };
-    if (mcpUrl) {
-      env.MCP_URL = mcpUrl;
-    }
     const serverCommand = runCommand(
       "npx",
       ["tsx", "watch", serverFile],
@@ -1536,17 +1538,11 @@ program.command("dev").description("Run development server with auto-reload and
       const ready = await waitForServer(port, host);
       if (ready) {
         const mcpEndpoint = `http://${host}:${port}/mcp`;
-        let inspectorUrl = `http://${host}:${port}/inspector?autoConnect=${encodeURIComponent(mcpEndpoint)}`;
-        if (mcpUrl) {
-          inspectorUrl += `&tunnelUrl=${encodeURIComponent(mcpUrl)}`;
-        }
+        const inspectorUrl = `http://${host}:${port}/inspector?autoConnect=${encodeURIComponent(mcpEndpoint)}`;
         const readyTime = Date.now() - startTime;
         console.log(import_chalk3.default.green.bold(`\u2713 Ready in ${readyTime}ms`));
         console.log(import_chalk3.default.whiteBright(`Local:    http://${host}:${port}`));
         console.log(import_chalk3.default.whiteBright(`Network:  http://${host}:${port}`));
-        if (mcpUrl) {
-          console.log(import_chalk3.default.whiteBright(`Tunnel:   ${mcpUrl}`));
-        }
         console.log(import_chalk3.default.whiteBright(`MCP:      ${mcpEndpoint}`));
         console.log(import_chalk3.default.whiteBright(`Inspector: ${inspectorUrl}
 `));
@@ -1601,9 +1597,50 @@ program.command("start").description("Start production server").option("-p, --pa
     let tunnelProcess = void 0;
     if (options.tunnel) {
       try {
-        const tunnelInfo = await startTunnel(port);
-        mcpUrl = tunnelInfo.subdomain;
+        const manifestPath = import_node_path3.default.join(projectPath, "dist", "mcp-use.json");
+        let existingSubdomain;
+        try {
+          const manifestContent = await (0, import_promises.readFile)(manifestPath, "utf-8");
+          const manifest = JSON.parse(manifestContent);
+          existingSubdomain = manifest.tunnel?.subdomain;
+          if (existingSubdomain) {
+            console.log(
+              import_chalk3.default.gray(`Found existing subdomain: ${existingSubdomain}`)
+            );
+          }
+        } catch {
+        }
+        const tunnelInfo = await startTunnel(port, existingSubdomain);
+        mcpUrl = tunnelInfo.url;
         tunnelProcess = tunnelInfo.process;
+        const subdomain = tunnelInfo.subdomain;
+        try {
+          let manifest = {};
+          try {
+            const manifestContent = await (0, import_promises.readFile)(manifestPath, "utf-8");
+            manifest = JSON.parse(manifestContent);
+          } catch {
+          }
+          if (!manifest.tunnel) {
+            manifest.tunnel = {};
+          }
+          manifest.tunnel.subdomain = subdomain;
+          await (0, import_promises.mkdir)(import_node_path3.default.dirname(manifestPath), { recursive: true });
+          await (0, import_promises.writeFile)(
+            manifestPath,
+            JSON.stringify(manifest, null, 2),
+            "utf-8"
+          );
+          console.log(
+            import_chalk3.default.green(`\u2713 Subdomain saved to mcp-use.json: ${subdomain}`)
+          );
+        } catch (error) {
+          console.warn(
+            import_chalk3.default.yellow(
+              `\u26A0\uFE0F  Failed to save subdomain to mcp-use.json: ${error instanceof Error ? error.message : "Unknown error"}`
+            )
+          );
+        }
       } catch (error) {
         console.error(import_chalk3.default.red("Failed to start tunnel:"), error);
         process.exit(1);
@@ -1623,7 +1660,7 @@ program.command("start").description("Start production server").option("-p, --pa
     };
     if (mcpUrl) {
       env.MCP_URL = mcpUrl;
-      console.log(import_chalk3.default.whiteBright(`Tunnel:   ${mcpUrl}`));
+      console.log(import_chalk3.default.whiteBright(`Tunnel:   ${mcpUrl}/mcp`));
     }
     const serverProc = (0, import_node_child_process3.spawn)("node", [serverFile], {
       cwd: projectPath,

package/dist/index.mjs

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
 
 // src/index.ts
-import "dotenv/config";
+import chalk3 from "chalk";
 import { Command } from "commander";
+import "dotenv/config";
 import { spawn } from "child_process";
 import { readFileSync } from "fs";
-import { access } from "fs/promises";
+import { access, mkdir, readFile, writeFile } from "fs/promises";
 import path3 from "path";
 import open3 from "open";
-import chalk3 from "chalk";
 
 // src/commands/auth.ts
 import chalk from "chalk";
@@ -192,7 +192,7 @@ var McpUseAPI = class _McpUseAPI {
    * Create deployment with source code upload
    */
   async createDeploymentWithUpload(request, filePath) {
-    const { readFile } = await import("fs/promises");
+    const { readFile: readFile2 } = await import("fs/promises");
     const { basename } = await import("path");
     const { stat } = await import("fs/promises");
     const stats = await stat(filePath);
@@ -202,7 +202,7 @@ var McpUseAPI = class _McpUseAPI {
         `File size (${(stats.size / 1024 / 1024).toFixed(2)}MB) exceeds maximum of 2MB`
       );
     }
-    const fileBuffer = await readFile(filePath);
+    const fileBuffer = await readFile2(filePath);
     const filename = basename(filePath);
     const formData = new FormData();
     const blob = new Blob([fileBuffer], { type: "application/gzip" });
@@ -1194,10 +1194,14 @@ function runCommand(command, args, cwd, env, filterStderr = false) {
   });
   return { promise, process: proc };
 }
-async function startTunnel(port) {
+async function startTunnel(port, subdomain) {
   return new Promise((resolve, reject) => {
     console.log(chalk3.gray(`Starting tunnel for port ${port}...`));
-    const proc = spawn("npx", ["--yes", "@mcp-use/tunnel", String(port)], {
+    const tunnelArgs = ["--yes", "@mcp-use/tunnel", String(port)];
+    if (subdomain) {
+      tunnelArgs.push("--", "--subdomain", subdomain);
+    }
+    const proc = spawn("npx", tunnelArgs, {
       stdio: ["ignore", "pipe", "pipe"],
       shell: false
     });
@@ -1208,11 +1212,13 @@ async function startTunnel(port) {
       const urlMatch = text.match(/https?:\/\/([a-z0-9-]+\.[a-z0-9.-]+)/i);
       if (urlMatch && !resolved) {
         const url = urlMatch[0];
-        const subdomain = url;
+        const fullDomain = urlMatch[1];
+        const subdomainMatch = fullDomain.match(/^([a-z0-9-]+)\./);
+        const extractedSubdomain = subdomainMatch ? subdomainMatch[1] : fullDomain.split(".")[0];
         resolved = true;
         clearTimeout(setupTimeout);
         console.log(chalk3.green.bold(`\u2713 Tunnel established: ${url}/mcp`));
-        resolve({ url, subdomain, process: proc });
+        resolve({ url, subdomain: extractedSubdomain, process: proc });
       }
     });
     proc.stderr?.on("data", (data) => {
@@ -1491,7 +1497,6 @@ program.command("dev").description("Run development server with auto-reload and
       console.log(chalk3.green.bold(`\u2713 Using port ${availablePort} instead`));
       port = availablePort;
     }
-    let mcpUrl;
     const serverFile = await findServerFile(projectPath);
     const processes = [];
     const env = {
@@ -1499,9 +1504,6 @@ program.command("dev").description("Run development server with auto-reload and
       HOST: host,
       NODE_ENV: "development"
     };
-    if (mcpUrl) {
-      env.MCP_URL = mcpUrl;
-    }
     const serverCommand = runCommand(
       "npx",
       ["tsx", "watch", serverFile],
@@ -1515,17 +1517,11 @@ program.command("dev").description("Run development server with auto-reload and
       const ready = await waitForServer(port, host);
       if (ready) {
         const mcpEndpoint = `http://${host}:${port}/mcp`;
-        let inspectorUrl = `http://${host}:${port}/inspector?autoConnect=${encodeURIComponent(mcpEndpoint)}`;
-        if (mcpUrl) {
-          inspectorUrl += `&tunnelUrl=${encodeURIComponent(mcpUrl)}`;
-        }
+        const inspectorUrl = `http://${host}:${port}/inspector?autoConnect=${encodeURIComponent(mcpEndpoint)}`;
         const readyTime = Date.now() - startTime;
         console.log(chalk3.green.bold(`\u2713 Ready in ${readyTime}ms`));
         console.log(chalk3.whiteBright(`Local:    http://${host}:${port}`));
         console.log(chalk3.whiteBright(`Network:  http://${host}:${port}`));
-        if (mcpUrl) {
-          console.log(chalk3.whiteBright(`Tunnel:   ${mcpUrl}`));
-        }
         console.log(chalk3.whiteBright(`MCP:      ${mcpEndpoint}`));
         console.log(chalk3.whiteBright(`Inspector: ${inspectorUrl}
 `));
@@ -1580,9 +1576,50 @@ program.command("start").description("Start production server").option("-p, --pa
     let tunnelProcess = void 0;
     if (options.tunnel) {
       try {
-        const tunnelInfo = await startTunnel(port);
-        mcpUrl = tunnelInfo.subdomain;
+        const manifestPath = path3.join(projectPath, "dist", "mcp-use.json");
+        let existingSubdomain;
+        try {
+          const manifestContent = await readFile(manifestPath, "utf-8");
+          const manifest = JSON.parse(manifestContent);
+          existingSubdomain = manifest.tunnel?.subdomain;
+          if (existingSubdomain) {
+            console.log(
+              chalk3.gray(`Found existing subdomain: ${existingSubdomain}`)
+            );
+          }
+        } catch {
+        }
+        const tunnelInfo = await startTunnel(port, existingSubdomain);
+        mcpUrl = tunnelInfo.url;
         tunnelProcess = tunnelInfo.process;
+        const subdomain = tunnelInfo.subdomain;
+        try {
+          let manifest = {};
+          try {
+            const manifestContent = await readFile(manifestPath, "utf-8");
+            manifest = JSON.parse(manifestContent);
+          } catch {
+          }
+          if (!manifest.tunnel) {
+            manifest.tunnel = {};
+          }
+          manifest.tunnel.subdomain = subdomain;
+          await mkdir(path3.dirname(manifestPath), { recursive: true });
+          await writeFile(
+            manifestPath,
+            JSON.stringify(manifest, null, 2),
+            "utf-8"
+          );
+          console.log(
+            chalk3.green(`\u2713 Subdomain saved to mcp-use.json: ${subdomain}`)
+          );
+        } catch (error) {
+          console.warn(
+            chalk3.yellow(
+              `\u26A0\uFE0F  Failed to save subdomain to mcp-use.json: ${error instanceof Error ? error.message : "Unknown error"}`
+            )
+          );
+        }
       } catch (error) {
         console.error(chalk3.red("Failed to start tunnel:"), error);
         process.exit(1);
@@ -1602,7 +1639,7 @@ program.command("start").description("Start production server").option("-p, --pa
     };
     if (mcpUrl) {
       env.MCP_URL = mcpUrl;
-      console.log(chalk3.whiteBright(`Tunnel:   ${mcpUrl}`));
+      console.log(chalk3.whiteBright(`Tunnel:   ${mcpUrl}/mcp`));
     }
     const serverProc = spawn("node", [serverFile], {
       cwd: projectPath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-use/cli",
-  "version": "2.2.2",
+  "version": "2.2.3-canary.1",
   "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.5.2",
-    "mcp-use": "1.3.2"
+    "@mcp-use/inspector": "0.5.3-canary.1",
+    "mcp-use": "1.3.3-canary.1"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",