npm - @mcp-use/cli - Versions diffs - 2.0.1 → 2.0.3 - Mend

@mcp-use/cli 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/README.md CHANGED Viewed

@@ -1,34 +1,86 @@
 # @mcp-use/cli
-Build tool for MCP UI widgets.
+Build and development tool for MCP servers with UI widgets.
 ## Install
 ```bash
 npm install -g @mcp-use/cli
+# or
+yarn global add @mcp-use/cli
+# or
+pnpm add -g @mcp-use/cli
 ```
 ## Usage
+### Development Mode
 ```bash
-mcp-use build [-p <project-path>]
+mcp-use dev [options]
 ```
-Bundles all `.tsx` files from `resources/` into standalone HTML pages in `dist/resources/mcp-use/widgets/`.
+Runs development server with:
+- TypeScript compilation in watch mode
+- Widget build in watch mode
+- Server with auto-reload (via tsx)
+- **Auto-opens inspector in browser** when ready
+Options:
+- `-p, --path <path>` - Project directory (default: current directory)
+- `--port <port>` - Server port (default: 3000)
+- `--no-open` - Don't auto-open inspector
+### Production Build
+```bash
+mcp-use build [options]
+```
+Builds TypeScript and bundles all `.tsx` files from `resources/` into standalone HTML pages.
+Options:
+- `-p, --path <path>` - Project directory (default: current directory)
 Each widget gets:
 - Hashed bundle for caching
 - Standalone HTML file
 - All dependencies bundled
-## Example
+### Production Start
+```bash
+mcp-use start [options]
+```
+Starts the production server from built files.
+Options:
+- `-p, --path <path>` - Project directory (default: current directory)
+- `--port <port>` - Server port (default: 3000)
+## Examples
 ```bash
-# Build widgets in current directory
+# Start development with auto-reload and inspector
+mcp-use dev
+# Development on custom port
+mcp-use dev --port 8080
+# Development without auto-opening inspector
+mcp-use dev --no-open
+# Build for production
 mcp-use build
-# Build widgets in specific path
+# Start production server
+mcp-use start
+# All commands support custom project path
+mcp-use dev -p ./my-app
 mcp-use build -p ./my-app
+mcp-use start -p ./my-app
 ```
 ## Project Structure

package/dist/build.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare function buildWidgets(projectPath: string): Promise<void>;
+export declare function buildWidgets(projectPath: string, watch?: boolean): Promise<void>;
 //# sourceMappingURL=build.d.ts.map

package/dist/build.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"~~AA6CA~~,wBAAsB,YAAY,CAAC,WAAW,EAAE,MAAM,~~iBAuErD~~"}
1	+ {"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAmGA,wBAAsB,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,UAAQ,iBA4FpE"}

package/dist/build.js CHANGED Viewed

@@ -44,62 +44,130 @@ function htmlTemplate({ title, scriptPath }) {
   </body>
 </html>`;
 }
-async function buildWidgets(projectPath) {
-    console.log('🔨 Building UI widgets with esbuild...');
+async function buildWidget(entry, projectPath, minify = true) {
+    const relativePath = node_path_1.default.relative(projectPath, entry);
+    const route = toRoute(relativePath);
+    const pageOutDir = node_path_1.default.join(projectPath, outDirForRoute(route));
+    const baseName = node_path_1.default.parse(entry).name;
+    // Build JS/CSS chunks for this page
+    await (0, esbuild_1.build)({
+        entryPoints: [entry],
+        bundle: true,
+        splitting: true,
+        format: 'esm',
+        platform: 'browser',
+        target: 'es2018',
+        sourcemap: !minify,
+        minify,
+        outdir: node_path_1.default.join(pageOutDir, 'assets'),
+        logLevel: 'silent',
+        loader: {
+            '.svg': 'file',
+            '.png': 'file',
+            '.jpg': 'file',
+            '.jpeg': 'file',
+            '.gif': 'file',
+            '.css': 'css',
+        },
+        entryNames: `[name]-[hash]`,
+        chunkNames: `chunk-[hash]`,
+        assetNames: `asset-[hash]`,
+        define: {
+            'process.env.NODE_ENV': minify ? '"production"' : '"development"',
+        },
+    });
+    // Find the main entry file name
+    const files = await node_fs_1.promises.readdir(node_path_1.default.join(pageOutDir, 'assets'));
+    const mainJs = files.find(f => f.startsWith(`${baseName}-`) && f.endsWith('.js'));
+    if (!mainJs)
+        throw new Error(`Failed to locate entry JS for ${entry}`);
+    // Write an index.html that points to the entry
+    await node_fs_1.promises.mkdir(pageOutDir, { recursive: true });
+    await node_fs_1.promises.writeFile(node_path_1.default.join(pageOutDir, 'index.html'), htmlTemplate({
+        title: baseName,
+        scriptPath: `./assets/${mainJs}`,
+    }), 'utf8');
+    return { baseName, route };
+}
+async function buildWidgets(projectPath, watch = false) {
     const srcDir = node_path_1.default.join(projectPath, SRC_DIR);
     const outDir = node_path_1.default.join(projectPath, OUT_DIR);
     // Clean dist
     await node_fs_1.promises.rm(outDir, { recursive: true, force: true });
     // Find all TSX entries
     const entries = await (0, globby_1.globby)([`${srcDir}/**/*.tsx`]);
-    console.log(`📦 Found ${entries.length} widget files`);
-    // Build each entry as an isolated page with hashed output
-    for (const entry of entries) {
-        const relativePath = node_path_1.default.relative(projectPath, entry);
-        const route = toRoute(relativePath);
-        const pageOutDir = node_path_1.default.join(projectPath, outDirForRoute(route));
-        const baseName = node_path_1.default.parse(entry).name;
-        console.log(`🔨 Building ${baseName}...`);
-        // Build JS/CSS chunks for this page
-        await (0, esbuild_1.build)({
-            entryPoints: [entry],
-            bundle: true,
-            splitting: true,
-            format: 'esm',
-            platform: 'browser',
-            target: 'es2018',
-            sourcemap: false,
-            minify: true,
-            outdir: node_path_1.default.join(pageOutDir, 'assets'),
-            logLevel: 'silent',
-            loader: {
-                '.svg': 'file',
-                '.png': 'file',
-                '.jpg': 'file',
-                '.jpeg': 'file',
-                '.gif': 'file',
-                '.css': 'css',
-            },
-            entryNames: `[name]-[hash]`,
-            chunkNames: `chunk-[hash]`,
-            assetNames: `asset-[hash]`,
-            define: {
-                'process.env.NODE_ENV': '"production"',
-            },
-        });
-        // Find the main entry file name
-        const files = await node_fs_1.promises.readdir(node_path_1.default.join(pageOutDir, 'assets'));
-        const mainJs = files.find(f => f.startsWith(`${baseName}-`) && f.endsWith('.js'));
-        if (!mainJs)
-            throw new Error(`Failed to locate entry JS for ${entry}`);
-        // Write an index.html that points to the entry
-        await node_fs_1.promises.mkdir(pageOutDir, { recursive: true });
-        await node_fs_1.promises.writeFile(node_path_1.default.join(pageOutDir, 'index.html'), htmlTemplate({
-            title: baseName,
-            scriptPath: `./assets/${mainJs}`,
-        }), 'utf8');
-        console.log(`✅ Built ${baseName} -> ${route}`);
+    if (!watch) {
+        console.log(`Building ${entries.length} widget files...`);
+    }
+    if (watch) {
+        // Watch mode - create contexts for each entry but don't log individual watching messages
+        const contexts = [];
+        for (const entry of entries) {
+            const relativePath = node_path_1.default.relative(projectPath, entry);
+            const route = toRoute(relativePath);
+            const pageOutDir = node_path_1.default.join(projectPath, outDirForRoute(route));
+            const baseName = node_path_1.default.parse(entry).name;
+            const ctx = await (0, esbuild_1.context)({
+                entryPoints: [entry],
+                bundle: true,
+                splitting: true,
+                format: 'esm',
+                platform: 'browser',
+                target: 'es2018',
+                sourcemap: true,
+                minify: false,
+                outdir: node_path_1.default.join(pageOutDir, 'assets'),
+                logLevel: 'silent',
+                loader: {
+                    '.svg': 'file',
+                    '.png': 'file',
+                    '.jpg': 'file',
+                    '.jpeg': 'file',
+                    '.gif': 'file',
+                    '.css': 'css',
+                },
+                entryNames: `[name]-[hash]`,
+                chunkNames: `chunk-[hash]`,
+                assetNames: `asset-[hash]`,
+                define: {
+                    'process.env.NODE_ENV': '"development"',
+                },
+                plugins: [{
+                        name: 'html-writer',
+                        setup(build) {
+                            build.onEnd(async () => {
+                                try {
+                                    const files = await node_fs_1.promises.readdir(node_path_1.default.join(pageOutDir, 'assets'));
+                                    const mainJs = files.find(f => f.startsWith(`${baseName}-`) && f.endsWith('.js'));
+                                    if (mainJs) {
+                                        await node_fs_1.promises.mkdir(pageOutDir, { recursive: true });
+                                        await node_fs_1.promises.writeFile(node_path_1.default.join(pageOutDir, 'index.html'), htmlTemplate({
+                                            title: baseName,
+                                            scriptPath: `./assets/${mainJs}`,
+                                        }), 'utf8');
+                                    }
+                                }
+                                catch (err) {
+                                    console.error(`Error writing HTML for ${baseName}:`, err);
+                                }
+                            });
+                        },
+                    }],
+            });
+            contexts.push(ctx);
+        }
+        // Start watching all contexts
+        for (const ctx of contexts) {
+            await ctx.watch();
+        }
+    }
+    else {
+        // Build once
+        for (const entry of entries) {
+            const { baseName, route } = await buildWidget(entry, projectPath);
+            console.log(`\x1b[32m✓\x1b[0m Built ${baseName} -> ${route}`);
+        }
+        console.log('Build complete!');
     }
-    console.log('🎉 Build complete!');
 }
 //# sourceMappingURL=build.js.map

package/dist/build.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"build.js","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":";;;;;~~AA6CA~~,~~oCAuEC~~;~~AApHD~~,qCAAwC;AACxC,0DAA4B;AAC5B,~~qCAA+B~~;~~AAC/B~~,mCAA+B;AAE/B,MAAM,YAAY,GAAG,kBAAkB,CAAA;AACvC,MAAM,OAAO,GAAG,WAAW,CAAA;AAC3B,MAAM,OAAO,GAAG,gBAAgB,CAAA;AAEhC,SAAS,OAAO,CAAC,IAAY;IAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,OAAO,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;IAC/E,OAAO,GAAG,YAAY,IAAI,GAAG,EAAE,CAAA;AACjC,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACnC,OAAO,mBAAI,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAA;AACrD,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAyC;IAChF,OAAO;;;;;aAKI,KAAK;;;;;;;;;;;;;;;;iCAgBe,UAAU;;QAEnC,CAAA;AACR,CAAC;~~AAEM~~,KAAK,UAAU,~~YAAY~~,CAAC,WAAmB;~~IACpD~~,OAAO,CAAC,GAAG,CAAC,~~wCAAwC~~,CAAC,CAAA;~~IAErD~~,MAAM,MAAM,GAAG,mBAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,mBAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;IAE9C,aAAa;IACb,MAAM,kBAAE,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;IAErD,uBAAuB;IACvB,MAAM,OAAO,GAAG,MAAM,IAAA,eAAM,EAAC,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC,CAAA;~~IACpD~~,OAAO,CAAC,GAAG,CAAC,YAAY,OAAO,CAAC,MAAM,~~eAAe~~,CAAC,CAAA;~~IAEtD~~,~~0DAA0D~~;~~IAC1D~~,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;~~QAC5B~~,MAAM,YAAY,GAAG,mBAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;~~QACtD~~,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;~~QACnC~~,MAAM,UAAU,GAAG,mBAAI,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;~~QAChE~~,MAAM,QAAQ,GAAG,mBAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAA;~~QAEvC~~,~~OAAO~~,~~CAAC~~,GAAG,~~CAAC,eAAe,QAAQ,KAAK,CAAC,CAAA;QAEzC,oCAAoC;QACpC,~~MAAM,IAAA,~~eAAK~~,EAAC;~~YACV~~,WAAW,EAAE,CAAC,KAAK,CAAC;~~YACpB~~,MAAM,EAAE,IAAI;~~YACZ~~,SAAS,EAAE,IAAI;~~YACf~~,MAAM,EAAE,KAAK;~~YACb~~,QAAQ,EAAE,SAAS;~~YACnB~~,MAAM,EAAE,QAAQ;~~YAChB~~,SAAS,EAAE,~~KAAK~~;~~YAChB~~,MAAM,EAAE,~~IAAI~~;~~YACZ~~,MAAM,EAAE,mBAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC;~~YACvC~~,QAAQ,EAAE,QAAQ;~~YAClB~~,MAAM,EAAE;~~gBACN~~,MAAM,EAAE,MAAM;~~gBACd~~,MAAM,EAAE,MAAM;~~gBACd~~,MAAM,EAAE,MAAM;~~gBACd~~,OAAO,EAAE,MAAM;~~gBACf~~,MAAM,EAAE,MAAM;~~gBACd~~,MAAM,EAAE,KAAK;~~aACd~~;~~YACD~~,UAAU,EAAE,eAAe;~~YAC3B~~,UAAU,EAAE,cAAc;~~YAC1B~~,UAAU,EAAE,cAAc;~~YAC1B~~,MAAM,EAAE;~~gBACN~~,sBAAsB,EAAE,~~cAAc~~;~~aACvC~~;~~SACF~~,CAAC,~~CAAA~~;~~QAEF~~,~~gCAAgC~~;~~QAChC~~,MAAM,KAAK,GAAG,MAAM,kBAAE,CAAC,OAAO,CAAC,mBAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAA;~~QAC~~/D,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,QAAQ,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;~~QACjF~~,IAAI,~~CAAC,~~MAAM~~;YACT~~,~~MAAM,IAAI,KAAK,CAAC,iCAAiC,KAAK,~~EAAE,CAAC~~,CAAA~~;~~QAE3D,+CAA+C;QAC/C~~,MAAM,kBAAE,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;~~QAC~~/C,MAAM,kBAAE,CAAC,SAAS,CAChB,mBAAI,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EACnC,YAAY,CAAC;~~YACX~~,KAAK,EAAE,QAAQ;~~YACf~~,UAAU,EAAE,YAAY,MAAM,EAAE;~~SACjC~~,CAAC,EACF,MAAM,CACP,CAAA;QAED,OAAO,CAAC,GAAG,CAAC,WAAW,QAAQ,OAAO,KAAK,EAAE,CAAC,CAAA;~~IAChD~~,CAAC;~~IAED~~,OAAO,CAAC,GAAG,CAAC,~~oBAAoB~~,CAAC,CAAA;~~AACnC~~,CAAC"}
1	+ {"version":3,"file":"build.js","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"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"}

package/dist/index.js CHANGED Viewed

@@ -1,25 +1,376 @@
 #!/usr/bin/env node
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const commander_1 = require("commander");
-const build_1 = require("./build");
-const program = new commander_1.Command();
-program
-    .name('mcp-use')
-    .description('MCP CLI tool')
-    .version('0.1.0');
-program
-    .command('build')
-    .description('Build MCP UI widgets')
-    .option('-p, --path <path>', 'Path to project directory', process.cwd())
-    .action(async (options) => {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+// src/index.ts
+var import_commander = require("commander");
+// src/build.ts
+var import_node_fs = require("fs");
+var import_node_path = __toESM(require("path"));
+var import_esbuild = require("esbuild");
+var import_globby = require("globby");
+var ROUTE_PREFIX = "/mcp-use/widgets";
+var SRC_DIR = "resources";
+var OUT_DIR = "dist/resources";
+function toRoute(file) {
+  const rel = file.replace(new RegExp(`^${SRC_DIR}/`), "").replace(/\.tsx?$/, "");
+  return `${ROUTE_PREFIX}/${rel}`;
+}
+function outDirForRoute(route) {
+  return import_node_path.default.join(OUT_DIR, route.replace(/^\//, ""));
+}
+function htmlTemplate({ title, scriptPath }) {
+  return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>${title} Widget</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 20px;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        background: #f5f5f5;
+      }
+      #widget-root {
+        max-width: 1200px;
+        margin: 0 auto;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="widget-root"></div>
+    <script type="module" src="${scriptPath}"></script>
+  </body>
+</html>`;
+}
+async function buildWidget(entry, projectPath, minify = true) {
+  const relativePath = import_node_path.default.relative(projectPath, entry);
+  const route = toRoute(relativePath);
+  const pageOutDir = import_node_path.default.join(projectPath, outDirForRoute(route));
+  const baseName = import_node_path.default.parse(entry).name;
+  await (0, import_esbuild.build)({
+    entryPoints: [entry],
+    bundle: true,
+    splitting: true,
+    format: "esm",
+    platform: "browser",
+    target: "es2018",
+    sourcemap: !minify,
+    minify,
+    outdir: import_node_path.default.join(pageOutDir, "assets"),
+    logLevel: "silent",
+    loader: {
+      ".svg": "file",
+      ".png": "file",
+      ".jpg": "file",
+      ".jpeg": "file",
+      ".gif": "file",
+      ".css": "css"
+    },
+    entryNames: `[name]-[hash]`,
+    chunkNames: `chunk-[hash]`,
+    assetNames: `asset-[hash]`,
+    define: {
+      "process.env.NODE_ENV": minify ? '"production"' : '"development"'
+    }
+  });
+  const files = await import_node_fs.promises.readdir(import_node_path.default.join(pageOutDir, "assets"));
+  const mainJs = files.find((f) => f.startsWith(`${baseName}-`) && f.endsWith(".js"));
+  if (!mainJs)
+    throw new Error(`Failed to locate entry JS for ${entry}`);
+  await import_node_fs.promises.mkdir(pageOutDir, { recursive: true });
+  await import_node_fs.promises.writeFile(
+    import_node_path.default.join(pageOutDir, "index.html"),
+    htmlTemplate({
+      title: baseName,
+      scriptPath: `./assets/${mainJs}`
+    }),
+    "utf8"
+  );
+  return { baseName, route };
+}
+async function buildWidgets(projectPath, watch = false) {
+  const srcDir = import_node_path.default.join(projectPath, SRC_DIR);
+  const outDir = import_node_path.default.join(projectPath, OUT_DIR);
+  await import_node_fs.promises.rm(outDir, { recursive: true, force: true });
+  const entries = await (0, import_globby.globby)([`${srcDir}/**/*.tsx`]);
+  if (!watch) {
+    console.log(`Building ${entries.length} widget files...`);
+  }
+  if (watch) {
+    const contexts = [];
+    for (const entry of entries) {
+      const relativePath = import_node_path.default.relative(projectPath, entry);
+      const route = toRoute(relativePath);
+      const pageOutDir = import_node_path.default.join(projectPath, outDirForRoute(route));
+      const baseName = import_node_path.default.parse(entry).name;
+      const ctx = await (0, import_esbuild.context)({
+        entryPoints: [entry],
+        bundle: true,
+        splitting: true,
+        format: "esm",
+        platform: "browser",
+        target: "es2018",
+        sourcemap: true,
+        minify: false,
+        outdir: import_node_path.default.join(pageOutDir, "assets"),
+        logLevel: "silent",
+        loader: {
+          ".svg": "file",
+          ".png": "file",
+          ".jpg": "file",
+          ".jpeg": "file",
+          ".gif": "file",
+          ".css": "css"
+        },
+        entryNames: `[name]-[hash]`,
+        chunkNames: `chunk-[hash]`,
+        assetNames: `asset-[hash]`,
+        define: {
+          "process.env.NODE_ENV": '"development"'
+        },
+        plugins: [{
+          name: "html-writer",
+          setup(build2) {
+            build2.onEnd(async () => {
+              try {
+                const files = await import_node_fs.promises.readdir(import_node_path.default.join(pageOutDir, "assets"));
+                const mainJs = files.find((f) => f.startsWith(`${baseName}-`) && f.endsWith(".js"));
+                if (mainJs) {
+                  await import_node_fs.promises.mkdir(pageOutDir, { recursive: true });
+                  await import_node_fs.promises.writeFile(
+                    import_node_path.default.join(pageOutDir, "index.html"),
+                    htmlTemplate({
+                      title: baseName,
+                      scriptPath: `./assets/${mainJs}`
+                    }),
+                    "utf8"
+                  );
+                }
+              } catch (err) {
+                console.error(`Error writing HTML for ${baseName}:`, err);
+              }
+            });
+          }
+        }]
+      });
+      contexts.push(ctx);
+    }
+    for (const ctx of contexts) {
+      await ctx.watch();
+    }
+  } else {
+    for (const entry of entries) {
+      const { baseName, route } = await buildWidget(entry, projectPath);
+      console.log(`\x1B[32m\u2713\x1B[0m Built ${baseName} -> ${route}`);
+    }
+    console.log("Build complete!");
+  }
+}
+// src/index.ts
+var import_node_child_process = require("child_process");
+var import_node_fs2 = require("fs");
+var import_node_path2 = __toESM(require("path"));
+var import_open = __toESM(require("open"));
+var program = new import_commander.Command();
+program.name("mcp-use").description("MCP CLI tool").version("2.0.1");
+async function isPortAvailable(port) {
+  try {
+    const response = await fetch(`http://localhost:${port}`);
+    return false;
+  } catch {
+    return true;
+  }
+}
+async function findAvailablePort(startPort) {
+  for (let port = startPort; port < startPort + 100; port++) {
+    if (await isPortAvailable(port)) {
+      return port;
+    }
+  }
+  throw new Error("No available ports found");
+}
+async function waitForServer(port, maxAttempts = 30) {
+  for (let i = 0; i < maxAttempts; i++) {
+    try {
+      const response = await fetch(`http://localhost:${port}/inspector`);
+      if (response.ok) {
+        return true;
+      }
+    } catch {
+    }
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+  }
+  return false;
+}
+function runCommand(command, args, cwd) {
+  return new Promise((resolve, reject) => {
+    const proc = (0, import_node_child_process.spawn)(command, args, {
+      cwd,
+      stdio: "inherit",
+      shell: false
+    });
+    proc.on("error", reject);
+    proc.on("exit", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(new Error(`Command failed with exit code ${code}`));
+      }
+    });
+  });
+}
+program.command("build").description("Build TypeScript and MCP UI widgets").option("-p, --path <path>", "Path to project directory", process.cwd()).action(async (options) => {
+  try {
+    const projectPath = import_node_path2.default.resolve(options.path);
+    console.log("\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: 2.0.1\x1B[0m\n");
+    console.log("Building TypeScript...");
+    await runCommand("npx", ["tsc"], projectPath);
+    console.log("\x1B[32m\u2713\x1B[0m TypeScript build complete!");
+    await buildWidgets(projectPath, false);
+  } catch (error) {
+    console.error("Build failed:", error);
+    process.exit(1);
+  }
+});
+program.command("dev").description("Run development server with auto-reload and inspector").option("-p, --path <path>", "Path to project directory", process.cwd()).option("--port <port>", "Server port", "3000").option("--no-open", "Do not auto-open inspector").action(async (options) => {
+  try {
+    const projectPath = import_node_path2.default.resolve(options.path);
+    let port = parseInt(options.port, 10);
+    console.log("\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: 2.0.1\x1B[0m\n");
+    if (!await isPortAvailable(port)) {
+      console.log(`\x1B[33m\u26A0\uFE0F  Port ${port} is already in use\x1B[0m`);
+      const availablePort = await findAvailablePort(port);
+      console.log(`\x1B[32m\u2713\x1B[0m Using port ${availablePort} instead`);
+      port = availablePort;
+    }
+    let serverFile = "src/server.ts";
     try {
-        await (0, build_1.buildWidgets)(options.path);
+      await import_node_fs2.promises.access(import_node_path2.default.join(projectPath, serverFile));
+    } catch {
+      serverFile = "src/index.ts";
     }
-    catch (error) {
-        console.error('Build failed:', error);
+    const processes = [];
+    const tscProc = (0, import_node_child_process.spawn)("npx", ["tsc", "--watch"], {
+      cwd: projectPath,
+      stdio: "pipe",
+      shell: false
+    });
+    tscProc.stdout?.on("data", (data) => {
+      const output = data.toString();
+      if (output.includes("Watching for file changes")) {
+        console.log("\x1B[32m\u2713\x1B[0m TypeScript compiler watching...");
+      }
+    });
+    processes.push(tscProc);
+    buildWidgets(projectPath, true).catch((error) => {
+      console.error("Widget builder failed:", error);
+    });
+    await new Promise((resolve) => setTimeout(resolve, 2e3));
+    const serverProc = (0, import_node_child_process.spawn)("npx", ["tsx", "watch", serverFile], {
+      cwd: projectPath,
+      stdio: "pipe",
+      shell: false,
+      env: { ...process.env, PORT: String(port) }
+    });
+    serverProc.stderr?.on("data", (data) => {
+      const output = data.toString();
+      if (output.includes("EADDRINUSE")) {
+        console.log(`\x1B[31m\u2717\x1B[0m Port ${port} is still in use. Please try a different port with --port`);
+        console.log(`\x1B[90mHint: Use --port 3001 or kill the process using port ${port}\x1B[0m`);
         process.exit(1);
+      }
+    });
+    serverProc.stdout?.on("data", (data) => {
+      process.stdout.write(data);
+    });
+    processes.push(serverProc);
+    if (options.open !== false) {
+      const startTime = Date.now();
+      const ready = await waitForServer(port);
+      if (ready) {
+        const mcpUrl = `http://localhost:${port}/mcp`;
+        const inspectorUrl = `http://localhost:${port}/inspector?autoConnect=${encodeURIComponent(mcpUrl)}`;
+        const readyTime = Date.now() - startTime;
+        console.log(`
+\x1B[32m\u2713\x1B[0m Ready in ${readyTime}ms`);
+        console.log(`Local:    http://localhost:${port}`);
+        console.log(`Network:  http://localhost:${port}`);
+        console.log(`MCP:      ${mcpUrl}`);
+        console.log(`Inspector: ${inspectorUrl}
+`);
+        await (0, import_open.default)(inspectorUrl);
+      }
+    }
+    const cleanup = () => {
+      console.log("\n\nShutting down...");
+      processes.forEach((proc) => proc.kill());
+      process.exit(0);
+    };
+    process.on("SIGINT", cleanup);
+    process.on("SIGTERM", cleanup);
+    await new Promise(() => {
+    });
+  } catch (error) {
+    console.error("Dev mode failed:", error);
+    process.exit(1);
+  }
+});
+program.command("start").description("Start production server").option("-p, --path <path>", "Path to project directory", process.cwd()).option("--port <port>", "Server port", "3000").action(async (options) => {
+  try {
+    const projectPath = import_node_path2.default.resolve(options.path);
+    const port = parseInt(options.port, 10);
+    console.log("\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: 2.0.1\x1B[0m\n");
+    let serverFile = "dist/server.js";
+    try {
+      await import_node_fs2.promises.access(import_node_path2.default.join(projectPath, serverFile));
+    } catch {
+      serverFile = "dist/index.js";
     }
+    console.log("Starting production server...");
+    const serverProc = (0, import_node_child_process.spawn)("node", [serverFile], {
+      cwd: projectPath,
+      stdio: "inherit",
+      env: { ...process.env, PORT: String(port) }
+    });
+    const cleanup = () => {
+      console.log("\n\nShutting down...");
+      serverProc.kill();
+      process.exit(0);
+    };
+    process.on("SIGINT", cleanup);
+    process.on("SIGTERM", cleanup);
+    serverProc.on("exit", (code) => {
+      process.exit(code || 0);
+    });
+  } catch (error) {
+    console.error("Start failed:", error);
+    process.exit(1);
+  }
 });
 program.parse();
-//# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"~~;;;~~AACA,yCAAoC;AACpC,mCAAuC;~~AAEvC~~,MAAM,OAAO,GAAG,IAAI,mBAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,SAAS,CAAC;KACf,WAAW,CAAC,cAAc,CAAC;KAC3B,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,OAAO,CAAC;KAChB,WAAW,CAAC,~~sBAAsB~~,CAAC;~~KACnC~~,MAAM,CAAC,mBAAmB,EAAE,2BAA2B,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;KACvE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACxB,IAAI,CAAC;QACH,MAAM,IAAA,oBAAY,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC;~~IACnC~~,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;QACtC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,KAAK,EAAE,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1,353 @@
+#!/usr/bin/env node
+// src/index.ts
+import { Command } from "commander";
+// src/build.ts
+import { promises as fs } from "fs";
+import path from "path";
+import { build, context } from "esbuild";
+import { globby } from "globby";
+var ROUTE_PREFIX = "/mcp-use/widgets";
+var SRC_DIR = "resources";
+var OUT_DIR = "dist/resources";
+function toRoute(file) {
+  const rel = file.replace(new RegExp(`^${SRC_DIR}/`), "").replace(/\.tsx?$/, "");
+  return `${ROUTE_PREFIX}/${rel}`;
+}
+function outDirForRoute(route) {
+  return path.join(OUT_DIR, route.replace(/^\//, ""));
+}
+function htmlTemplate({ title, scriptPath }) {
+  return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>${title} Widget</title>
+    <style>
+      body {
+        margin: 0;
+        padding: 20px;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+        background: #f5f5f5;
+      }
+      #widget-root {
+        max-width: 1200px;
+        margin: 0 auto;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="widget-root"></div>
+    <script type="module" src="${scriptPath}"></script>
+  </body>
+</html>`;
+}
+async function buildWidget(entry, projectPath, minify = true) {
+  const relativePath = path.relative(projectPath, entry);
+  const route = toRoute(relativePath);
+  const pageOutDir = path.join(projectPath, outDirForRoute(route));
+  const baseName = path.parse(entry).name;
+  await build({
+    entryPoints: [entry],
+    bundle: true,
+    splitting: true,
+    format: "esm",
+    platform: "browser",
+    target: "es2018",
+    sourcemap: !minify,
+    minify,
+    outdir: path.join(pageOutDir, "assets"),
+    logLevel: "silent",
+    loader: {
+      ".svg": "file",
+      ".png": "file",
+      ".jpg": "file",
+      ".jpeg": "file",
+      ".gif": "file",
+      ".css": "css"
+    },
+    entryNames: `[name]-[hash]`,
+    chunkNames: `chunk-[hash]`,
+    assetNames: `asset-[hash]`,
+    define: {
+      "process.env.NODE_ENV": minify ? '"production"' : '"development"'
+    }
+  });
+  const files = await fs.readdir(path.join(pageOutDir, "assets"));
+  const mainJs = files.find((f) => f.startsWith(`${baseName}-`) && f.endsWith(".js"));
+  if (!mainJs)
+    throw new Error(`Failed to locate entry JS for ${entry}`);
+  await fs.mkdir(pageOutDir, { recursive: true });
+  await fs.writeFile(
+    path.join(pageOutDir, "index.html"),
+    htmlTemplate({
+      title: baseName,
+      scriptPath: `./assets/${mainJs}`
+    }),
+    "utf8"
+  );
+  return { baseName, route };
+}
+async function buildWidgets(projectPath, watch = false) {
+  const srcDir = path.join(projectPath, SRC_DIR);
+  const outDir = path.join(projectPath, OUT_DIR);
+  await fs.rm(outDir, { recursive: true, force: true });
+  const entries = await globby([`${srcDir}/**/*.tsx`]);
+  if (!watch) {
+    console.log(`Building ${entries.length} widget files...`);
+  }
+  if (watch) {
+    const contexts = [];
+    for (const entry of entries) {
+      const relativePath = path.relative(projectPath, entry);
+      const route = toRoute(relativePath);
+      const pageOutDir = path.join(projectPath, outDirForRoute(route));
+      const baseName = path.parse(entry).name;
+      const ctx = await context({
+        entryPoints: [entry],
+        bundle: true,
+        splitting: true,
+        format: "esm",
+        platform: "browser",
+        target: "es2018",
+        sourcemap: true,
+        minify: false,
+        outdir: path.join(pageOutDir, "assets"),
+        logLevel: "silent",
+        loader: {
+          ".svg": "file",
+          ".png": "file",
+          ".jpg": "file",
+          ".jpeg": "file",
+          ".gif": "file",
+          ".css": "css"
+        },
+        entryNames: `[name]-[hash]`,
+        chunkNames: `chunk-[hash]`,
+        assetNames: `asset-[hash]`,
+        define: {
+          "process.env.NODE_ENV": '"development"'
+        },
+        plugins: [{
+          name: "html-writer",
+          setup(build2) {
+            build2.onEnd(async () => {
+              try {
+                const files = await fs.readdir(path.join(pageOutDir, "assets"));
+                const mainJs = files.find((f) => f.startsWith(`${baseName}-`) && f.endsWith(".js"));
+                if (mainJs) {
+                  await fs.mkdir(pageOutDir, { recursive: true });
+                  await fs.writeFile(
+                    path.join(pageOutDir, "index.html"),
+                    htmlTemplate({
+                      title: baseName,
+                      scriptPath: `./assets/${mainJs}`
+                    }),
+                    "utf8"
+                  );
+                }
+              } catch (err) {
+                console.error(`Error writing HTML for ${baseName}:`, err);
+              }
+            });
+          }
+        }]
+      });
+      contexts.push(ctx);
+    }
+    for (const ctx of contexts) {
+      await ctx.watch();
+    }
+  } else {
+    for (const entry of entries) {
+      const { baseName, route } = await buildWidget(entry, projectPath);
+      console.log(`\x1B[32m\u2713\x1B[0m Built ${baseName} -> ${route}`);
+    }
+    console.log("Build complete!");
+  }
+}
+// src/index.ts
+import { spawn } from "child_process";
+import { promises as fs2 } from "fs";
+import path2 from "path";
+import open from "open";
+var program = new Command();
+program.name("mcp-use").description("MCP CLI tool").version("2.0.1");
+async function isPortAvailable(port) {
+  try {
+    const response = await fetch(`http://localhost:${port}`);
+    return false;
+  } catch {
+    return true;
+  }
+}
+async function findAvailablePort(startPort) {
+  for (let port = startPort; port < startPort + 100; port++) {
+    if (await isPortAvailable(port)) {
+      return port;
+    }
+  }
+  throw new Error("No available ports found");
+}
+async function waitForServer(port, maxAttempts = 30) {
+  for (let i = 0; i < maxAttempts; i++) {
+    try {
+      const response = await fetch(`http://localhost:${port}/inspector`);
+      if (response.ok) {
+        return true;
+      }
+    } catch {
+    }
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+  }
+  return false;
+}
+function runCommand(command, args, cwd) {
+  return new Promise((resolve, reject) => {
+    const proc = spawn(command, args, {
+      cwd,
+      stdio: "inherit",
+      shell: false
+    });
+    proc.on("error", reject);
+    proc.on("exit", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(new Error(`Command failed with exit code ${code}`));
+      }
+    });
+  });
+}
+program.command("build").description("Build TypeScript and MCP UI widgets").option("-p, --path <path>", "Path to project directory", process.cwd()).action(async (options) => {
+  try {
+    const projectPath = path2.resolve(options.path);
+    console.log("\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: 2.0.1\x1B[0m\n");
+    console.log("Building TypeScript...");
+    await runCommand("npx", ["tsc"], projectPath);
+    console.log("\x1B[32m\u2713\x1B[0m TypeScript build complete!");
+    await buildWidgets(projectPath, false);
+  } catch (error) {
+    console.error("Build failed:", error);
+    process.exit(1);
+  }
+});
+program.command("dev").description("Run development server with auto-reload and inspector").option("-p, --path <path>", "Path to project directory", process.cwd()).option("--port <port>", "Server port", "3000").option("--no-open", "Do not auto-open inspector").action(async (options) => {
+  try {
+    const projectPath = path2.resolve(options.path);
+    let port = parseInt(options.port, 10);
+    console.log("\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: 2.0.1\x1B[0m\n");
+    if (!await isPortAvailable(port)) {
+      console.log(`\x1B[33m\u26A0\uFE0F  Port ${port} is already in use\x1B[0m`);
+      const availablePort = await findAvailablePort(port);
+      console.log(`\x1B[32m\u2713\x1B[0m Using port ${availablePort} instead`);
+      port = availablePort;
+    }
+    let serverFile = "src/server.ts";
+    try {
+      await fs2.access(path2.join(projectPath, serverFile));
+    } catch {
+      serverFile = "src/index.ts";
+    }
+    const processes = [];
+    const tscProc = spawn("npx", ["tsc", "--watch"], {
+      cwd: projectPath,
+      stdio: "pipe",
+      shell: false
+    });
+    tscProc.stdout?.on("data", (data) => {
+      const output = data.toString();
+      if (output.includes("Watching for file changes")) {
+        console.log("\x1B[32m\u2713\x1B[0m TypeScript compiler watching...");
+      }
+    });
+    processes.push(tscProc);
+    buildWidgets(projectPath, true).catch((error) => {
+      console.error("Widget builder failed:", error);
+    });
+    await new Promise((resolve) => setTimeout(resolve, 2e3));
+    const serverProc = spawn("npx", ["tsx", "watch", serverFile], {
+      cwd: projectPath,
+      stdio: "pipe",
+      shell: false,
+      env: { ...process.env, PORT: String(port) }
+    });
+    serverProc.stderr?.on("data", (data) => {
+      const output = data.toString();
+      if (output.includes("EADDRINUSE")) {
+        console.log(`\x1B[31m\u2717\x1B[0m Port ${port} is still in use. Please try a different port with --port`);
+        console.log(`\x1B[90mHint: Use --port 3001 or kill the process using port ${port}\x1B[0m`);
+        process.exit(1);
+      }
+    });
+    serverProc.stdout?.on("data", (data) => {
+      process.stdout.write(data);
+    });
+    processes.push(serverProc);
+    if (options.open !== false) {
+      const startTime = Date.now();
+      const ready = await waitForServer(port);
+      if (ready) {
+        const mcpUrl = `http://localhost:${port}/mcp`;
+        const inspectorUrl = `http://localhost:${port}/inspector?autoConnect=${encodeURIComponent(mcpUrl)}`;
+        const readyTime = Date.now() - startTime;
+        console.log(`
+\x1B[32m\u2713\x1B[0m Ready in ${readyTime}ms`);
+        console.log(`Local:    http://localhost:${port}`);
+        console.log(`Network:  http://localhost:${port}`);
+        console.log(`MCP:      ${mcpUrl}`);
+        console.log(`Inspector: ${inspectorUrl}
+`);
+        await open(inspectorUrl);
+      }
+    }
+    const cleanup = () => {
+      console.log("\n\nShutting down...");
+      processes.forEach((proc) => proc.kill());
+      process.exit(0);
+    };
+    process.on("SIGINT", cleanup);
+    process.on("SIGTERM", cleanup);
+    await new Promise(() => {
+    });
+  } catch (error) {
+    console.error("Dev mode failed:", error);
+    process.exit(1);
+  }
+});
+program.command("start").description("Start production server").option("-p, --path <path>", "Path to project directory", process.cwd()).option("--port <port>", "Server port", "3000").action(async (options) => {
+  try {
+    const projectPath = path2.resolve(options.path);
+    const port = parseInt(options.port, 10);
+    console.log("\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: 2.0.1\x1B[0m\n");
+    let serverFile = "dist/server.js";
+    try {
+      await fs2.access(path2.join(projectPath, serverFile));
+    } catch {
+      serverFile = "dist/index.js";
+    }
+    console.log("Starting production server...");
+    const serverProc = spawn("node", [serverFile], {
+      cwd: projectPath,
+      stdio: "inherit",
+      env: { ...process.env, PORT: String(port) }
+    });
+    const cleanup = () => {
+      console.log("\n\nShutting down...");
+      serverProc.kill();
+      process.exit(0);
+    };
+    process.on("SIGINT", cleanup);
+    process.on("SIGTERM", cleanup);
+    serverProc.on("exit", (code) => {
+      process.exit(code || 0);
+    });
+  } catch (error) {
+    console.error("Start failed:", error);
+    process.exit(1);
+  }
+});
+program.parse();

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-use/cli",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "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",
@@ -35,8 +35,10 @@
     "commander": "^11.0.0",
     "esbuild": "^0.19.0",
     "globby": "^14.0.0",
-    "mcp-use": "0.2.0",
-    "@mcp-use/inspector": "0.1.0"
+    "open": "^10.0.0",
+    "tsx": "^4.0.0",
+    "mcp-use": "1.0.0",
+    "@mcp-use/inspector": "0.2.2"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",
@@ -47,7 +49,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsup src/index.ts --format cjs,esm && tsc --emitDeclarationOnly --declaration",
     "dev": "tsc --watch",
     "test": "vitest"
   }

package/dist/build.d.mts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export {};
2	- //# sourceMappingURL=build.d.mts.map

package/dist/build.d.mts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"build.d.mts","sourceRoot":"","sources":["../src/build.mts"],"names":[],"mappings":""}

package/dist/build.mjs DELETED Viewed

@@ -1,106 +0,0 @@
-"use strict";
-import { promises as fs } from 'node:fs';
-import path from 'node:path';
-// Using: esbuild + node >= 18
-import { build } from 'esbuild';
-import { globby } from 'globby';
-const ROUTE_PREFIX = '/mcp-use/widgets'; // <- MCP widget prefix
-const SRC_DIR = 'resources';
-const OUT_DIR = 'dist/resources';
-function toRoute(file) {
-    // resources/kanban-board.tsx -> /mcp-use/widgets/kanban-board
-    // resources/dashboard/stats.tsx -> /mcp-use/widgets/dashboard/stats
-    const rel = file.replace(new RegExp(`^${SRC_DIR}/`), '').replace(/\.tsx?$/, '');
-    return `${ROUTE_PREFIX}/${rel}`;
-}
-function outDirForRoute(route) {
-    // dist/resources/mcp-use/widgets/kanban-board
-    return path.join(OUT_DIR, route.replace(/^\//, ''));
-}
-function htmlTemplate({ title, scriptPath }) {
-    return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <title>${title} Widget</title>
-    <style>
-      body {
-        margin: 0;
-        padding: 20px;
-        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
-        background: #f5f5f5;
-      }
-      #widget-root {
-        max-width: 1200px;
-        margin: 0 auto;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="widget-root"></div>
-    <script type="module" src="${scriptPath}"></script>
-  </body>
-</html>`;
-}
-async function main() {
-    console.log('🔨 Building UI widgets with esbuild...');
-    // Clean dist
-    await fs.rm(OUT_DIR, { recursive: true, force: true });
-    // Find all TSX entries
-    const entries = await globby([`${SRC_DIR}/**/*.tsx`]);
-    console.log(`📦 Found ${entries.length} widget files`);
-    // Build each entry as an isolated page with hashed output
-    for (const entry of entries) {
-        const route = toRoute(entry);
-        const pageOutDir = outDirForRoute(route);
-        const baseName = path.parse(entry).name;
-        console.log(`🔨 Building ${baseName}...`);
-        // Build JS/CSS chunks for this page
-        const _result = await build({
-            entryPoints: [entry],
-            bundle: true,
-            splitting: true,
-            format: 'esm',
-            platform: 'browser',
-            target: 'es2018',
-            sourcemap: false,
-            minify: true,
-            outdir: path.join(pageOutDir, 'assets'),
-            logLevel: 'silent',
-            loader: {
-                '.svg': 'file',
-                '.png': 'file',
-                '.jpg': 'file',
-                '.jpeg': 'file',
-                '.gif': 'file',
-                '.css': 'css',
-            },
-            // Unique chunk names per page to avoid collisions
-            entryNames: `[name]-[hash]`,
-            chunkNames: `chunk-[hash]`,
-            assetNames: `asset-[hash]`,
-            define: {
-                'process.env.NODE_ENV': '"production"',
-            },
-        });
-        // Find the main entry file name
-        const files = await fs.readdir(path.join(pageOutDir, 'assets'));
-        const mainJs = files.find(f => f.startsWith(`${baseName}-`) && f.endsWith('.js'));
-        if (!mainJs)
-            throw new Error(`Failed to locate entry JS for ${entry}`);
-        // Write an index.html that points to the entry
-        await fs.mkdir(pageOutDir, { recursive: true });
-        await fs.writeFile(path.join(pageOutDir, 'index.html'), htmlTemplate({
-            title: baseName,
-            scriptPath: `./assets/${mainJs}`,
-        }), 'utf8');
-        console.log(`✅ Built ${baseName} -> ${route}`);
-    }
-    console.log('🎉 Build complete!');
-}
-main().catch((err) => {
-    console.error('❌ Build failed:', err);
-    process.exit(1);
-});
-//# sourceMappingURL=build.mjs.map

package/dist/build.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"build.mjs","sourceRoot":"","sources":["../src/build.mts"],"names":[],"mappings":"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"}