@mcp-use/cli 2.1.3 → 2.1.5

package/README.md

@@ -1,104 +1,403 @@
-# @mcp-use/cli
+<div align="center" style="margin: 0 auto; max-width: 80%;">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/mcp-use/mcp-use-ts/main/packages/mcp-use/static/logo_white.svg">
+    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/mcp-use/mcp-use-ts/main/packages/mcp-use/static/logo_black.svg">
+    <img alt="mcp use logo" src="https://raw.githubusercontent.com/mcp-use/mcp-use-ts/main/packages/mcp-use/static/logo_white.svg" width="80%" style="margin: 20px auto;">
+  </picture>
+</div>
 
-Build and development tool for MCP servers with UI widgets.
+<h1 align="center">MCP-Use CLI</h1>
 
-## Install
+<p align="center">
+    <a href="https://www.npmjs.com/package/@mcp-use/cli" alt="NPM Downloads">
+        <img src="https://img.shields.io/npm/dw/@mcp-use/cli.svg"/></a>
+    <a href="https://www.npmjs.com/package/@mcp-use/cli" alt="NPM Version">
+        <img src="https://img.shields.io/npm/v/@mcp-use/cli.svg"/></a>
+    <a href="https://github.com/mcp-use/mcp-use-ts/blob/main/LICENSE" alt="License">
+        <img src="https://img.shields.io/github/license/mcp-use/mcp-use-ts" /></a>
+    <a href="https://github.com/mcp-use/mcp-use-ts/stargazers" alt="GitHub stars">
+        <img src="https://img.shields.io/github/stars/mcp-use/mcp-use-ts?style=social" /></a>
+    <a href="https://discord.gg/XkNkSkMz3V" alt="Discord">
+        <img src="https://dcbadge.limes.pink/api/server/XkNkSkMz3V?style=flat" /></a>
+</p>
+
+🛠️ **MCP-Use CLI** is a powerful build and development tool for creating MCP (Model Context Protocol) applications with integrated UI widgets. It enables developers to build MCP servers with custom React components that can be served alongside their MCP tools, providing rich visual interfaces for AI interactions.
+
+## 📦 Related Packages
+
+| Package | Description | Version |
+|---------|-------------|---------|
+| [mcp-use](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/mcp-use) | Core MCP framework | [![npm](https://img.shields.io/npm/v/mcp-use.svg)](https://www.npmjs.com/package/mcp-use) |
+| [@mcp-use/inspector](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/inspector) | Web-based MCP inspector | [![npm](https://img.shields.io/npm/v/@mcp-use/inspector.svg)](https://www.npmjs.com/package/@mcp-use/inspector) |
+| [create-mcp-use-app](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/create-mcp-use-app) | Create MCP apps | [![npm](https://img.shields.io/npm/v/create-mcp-use-app.svg)](https://www.npmjs.com/package/create-mcp-use-app) |
+
+---
+
+## ✨ Key Features
+
+| Feature | Description |
+|---------|-------------|
+| **🚀 Auto Inspector** | Automatically opens the MCP Inspector in your browser when development server starts |
+| **♻️ Hot Reload** | Development mode with automatic reloading for both server code and UI widgets |
+| **🎨 Widget Builder** | Compiles React components into standalone HTML pages with all dependencies bundled |
+| **📦 Production Ready** | Optimized production builds with hashed assets for caching |
+| **🛠️ TypeScript First** | Full TypeScript support with watch mode compilation |
+| **🖥️ Multi-Environment** | Separate commands for development, build, and production deployment |
+
+---
+
+## 🚀 Installation
 
 ```bash
+# Install globally
 npm install -g @mcp-use/cli
-# or
-yarn global add @mcp-use/cli
-# or
-pnpm add -g @mcp-use/cli
+
+# Or use with npx (no installation needed)
+npx @mcp-use/cli dev
+
+# Install as a project dependency
+npm install --save-dev @mcp-use/cli
 ```
 
-## Usage
+---
+
+## 📖 Usage
 
 ### Development Mode
 
+Start a development server with hot reload, automatic TypeScript compilation, and auto-opening inspector:
+
 ```bash
 mcp-use dev [options]
 ```
 
-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
+**What happens in dev mode:**
+1. TypeScript files are compiled in watch mode
+2. UI widgets are built with hot reload
+3. Server runs with auto-restart on changes (via tsx)
+4. Inspector automatically opens in your browser at `http://localhost:3000/inspector`
+5. MCP endpoint is available at `http://localhost:3000/mcp`
 
-Options:
+**Options:**
 - `-p, --path <path>` - Project directory (default: current directory)
 - `--port <port>` - Server port (default: 3000)
-- `--no-open` - Don't auto-open inspector
+- `--no-open` - Don't auto-open inspector in browser
 
 ### Production Build
 
+Build your MCP application for production deployment:
+
 ```bash
 mcp-use build [options]
 ```
 
-Builds TypeScript and bundles all `.tsx` files from `resources/` into standalone HTML pages.
+**What happens during build:**
+1. TypeScript is compiled to JavaScript
+2. All `.tsx` files in `resources/` are bundled as standalone HTML pages
+3. Assets are hashed for optimal caching
+4. Output is optimized and minified
 
-Options:
+**Options:**
 - `-p, --path <path>` - Project directory (default: current directory)
 
-Each widget gets:
-- Hashed bundle for caching
-- Standalone HTML file
-- All dependencies bundled
+### Production Server
 
-### Production Start
+Start the production server from built files:
 
 ```bash
 mcp-use start [options]
 ```
 
-Starts the production server from built files.
-
-Options:
+**Options:**
 - `-p, --path <path>` - Project directory (default: current directory)
 - `--port <port>` - Server port (default: 3000)
 
-## Examples
+---
+
+## 💡 Examples
+
+### Basic Development Workflow
 
 ```bash
+# Create a new MCP app (using create-mcp-use-app)
+npx create-mcp-use-app my-mcp-server
+
+# Navigate to project
+cd my-mcp-server
+
 # Start development with auto-reload and inspector
 mcp-use dev
 
-# Development on custom port
-mcp-use dev --port 8080
+# Browser automatically opens to http://localhost:3000/inspector
+```
 
-# Development without auto-opening inspector
-mcp-use dev --no-open
+### Custom Port Configuration
+
+```bash
+# Development on port 8080
+mcp-use dev --port 8080
 
-# Build for production
+# Production on port 8080
 mcp-use build
+mcp-use start --port 8080
+```
 
-# Start production server
-mcp-use start
+### Working with Different Project Structures
 
-# All commands support custom project path
+```bash
+# Specify custom project path
 mcp-use dev -p ./my-app
 mcp-use build -p ./my-app
 mcp-use start -p ./my-app
+
+# Development without auto-opening browser
+mcp-use dev --no-open
+```
+
+### CI/CD Pipeline Example
+
+```bash
+# In your CI/CD pipeline
+npm install
+npm run build  # Uses mcp-use build
+npm run start  # Uses mcp-use start
+
+# Or with PM2 for production
+npm run build
+pm2 start "mcp-use start" --name my-mcp-server
 ```
 
-## Project Structure
+---
+
+## 📁 Project Structure
+
+The CLI expects the following project structure:
 
 ```
-my-app/
-├── resources/
-│   ├── todo-list.tsx
-│   └── kanban-board.tsx
-└── dist/
+my-mcp-app/
+├── package.json
+├── tsconfig.json
+├── src/
+│   └── index.ts         # Your MCP server entry point
+├── resources/           # UI widgets (React components)
+│   ├── todo-list.tsx    # Becomes /widgets/todo-list/index.html
+│   └── dashboard.tsx    # Becomes /widgets/dashboard/index.html
+└── dist/               # Build output
+    ├── index.js        # Compiled server
     └── resources/
         └── mcp-use/
             └── widgets/
                 ├── todo-list/
                 │   ├── index.html
                 │   └── assets/
-                └── kanban-board/
+                │       └── index-[hash].js
+                └── dashboard/
                     ├── index.html
                     └── assets/
+                        └── index-[hash].js
 ```
 
+---
+
+## 🎨 Creating UI Widgets
+
+UI widgets are React components that get compiled into standalone HTML pages. They can interact with your MCP server tools using the `useMcp` hook:
+
+```tsx
+// resources/task-manager.tsx
+import React, { useState, useEffect } from 'react'
+import { useMcp } from 'mcp-use/react'
+
+export default function TaskManager() {
+  const { callTool, status, error } = useMcp()
+  const [tasks, setTasks] = useState([])
+  const [newTask, setNewTask] = useState('')
+
+  useEffect(() => {
+    loadTasks()
+  }, [])
+
+  const loadTasks = async () => {
+    const result = await callTool('list_tasks')
+    setTasks(result.tasks)
+  }
+
+  const addTask = async () => {
+    if (!newTask.trim()) return
+
+    await callTool('create_task', {
+      title: newTask,
+      status: 'pending'
+    })
+
+    setNewTask('')
+    await loadTasks()
+  }
+
+  if (status === 'connecting') return <div>Connecting...</div>
+  if (error) return <div>Error: {error.message}</div>
+
+  return (
+    <div className="p-4">
+      <h1 className="text-2xl font-bold mb-4">Task Manager</h1>
+
+      <div className="flex gap-2 mb-4">
+        <input
+          type="text"
+          value={newTask}
+          onChange={(e) => setNewTask(e.target.value)}
+          placeholder="Add a new task..."
+          className="flex-1 p-2 border rounded"
+        />
+        <button
+          onClick={addTask}
+          className="px-4 py-2 bg-blue-500 text-white rounded"
+        >
+          Add Task
+        </button>
+      </div>
+
+      <ul className="space-y-2">
+        {tasks.map(task => (
+          <li key={task.id} className="p-2 border rounded">
+            {task.title}
+          </li>
+        ))}
+      </ul>
+    </div>
+  )
+}
+```
+
+This widget will be available at `http://localhost:3000/widgets/task-manager` after building.
+
+---
+
+## 🔧 Configuration
+
+### TypeScript Configuration
+
+Ensure your `tsconfig.json` includes:
+
+```json
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*", "resources/**/*"]
+}
+```
+
+### Package.json Scripts
+
+Add these scripts for convenience:
+
+```json
+{
+  "scripts": {
+    "dev": "mcp-use dev",
+    "build": "mcp-use build",
+    "start": "mcp-use start",
+    "serve": "npm run build && npm run start"
+  }
+}
+```
+
+---
+
+## 🚀 Advanced Usage
+
+### Environment Variables
+
+```bash
+# Custom port via environment variable
+PORT=8080 mcp-use dev
+
+# Production build with custom output
+BUILD_DIR=./build mcp-use build
+```
+
+### Docker Deployment
+
+```dockerfile
+# Dockerfile
+FROM node:20-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci --production
+COPY . .
+RUN npm run build
+EXPOSE 3000
+CMD ["npm", "start"]
+```
+
+### Integration with Existing Express Apps
+
+If you have an existing Express app, you can mount the built widgets:
+
+```ts
+import express from 'express'
+import path from 'path'
+
+const app = express()
+
+// Serve MCP widgets
+app.use('/widgets', express.static(
+  path.join(__dirname, '../dist/resources/mcp-use/widgets')
+))
+
+// Your other routes...
+```
+
+---
+
+## 🐛 Troubleshooting
+
+### Common Issues
+
+**Port already in use:**
+```bash
+# Use a different port
+mcp-use dev --port 3001
+```
+
+**TypeScript compilation errors:**
+```bash
+# Check your tsconfig.json
+# Ensure all dependencies are installed
+npm install
+```
+
+**Widgets not loading:**
+- Ensure `.tsx` files are in the `resources/` directory
+- Check that React dependencies are installed
+- Verify the build output in `dist/resources/mcp-use/widgets/`
+
+**Inspector not opening:**
+```bash
+# Manually open http://localhost:3000/inspector
+# Or disable auto-open
+mcp-use dev --no-open
+```
+
+---
+
+## 📚 Learn More
+
+- [MCP-Use Documentation](https://github.com/mcp-use/mcp-use-ts)
+- [Model Context Protocol](https://modelcontextprotocol.io)
+- [Creating MCP Servers](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/mcp-use#-mcp-server-framework)
+- [MCP Inspector Guide](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/inspector)
+
+---
+
+## 📜 License
+
+MIT © [MCP-Use](https://github.com/mcp-use)

package/dist/index.js

@@ -155,8 +155,8 @@ async function buildWidgets(projectPath, watch = false) {
         },
         plugins: [{
           name: "html-writer",
-          setup(build2) {
-            build2.onEnd(async () => {
+          setup(buildPlugin) {
+            buildPlugin.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"));
@@ -195,13 +195,17 @@ async function buildWidgets(projectPath, watch = false) {
 // src/index.ts
 var import_node_child_process = require("child_process");
 var import_node_fs2 = require("fs");
+var import_promises = require("fs/promises");
 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");
+var packageContent = (0, import_node_fs2.readFileSync)(import_node_path2.default.join(__dirname, "../package.json"), "utf-8");
+var packageJson = JSON.parse(packageContent);
+var packageVersion = packageJson.version || "unknown";
+program.name("mcp-use").description("MCP CLI tool").version(packageVersion);
 async function isPortAvailable(port) {
   try {
-    const response = await fetch(`http://localhost:${port}`);
+    await fetch(`http://localhost:${port}`);
     return false;
   } catch {
     return true;
@@ -248,7 +252,8 @@ function runCommand(command, args, cwd) {
 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(`\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: ${packageJson.version}\x1B[0m
+`);
     console.log("Building TypeScript...");
     await runCommand("npx", ["tsc"], projectPath);
     console.log("\x1B[32m\u2713\x1B[0m TypeScript build complete!");
@@ -262,18 +267,19 @@ program.command("dev").description("Run development server with auto-reload and
   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");
+    console.log(`\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: ${packageJson.version}\x1B[0m
+`);
     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";
+    let serverFile = "index.ts";
     try {
-      await import_node_fs2.promises.access(import_node_path2.default.join(projectPath, serverFile));
+      await (0, import_promises.access)(import_node_path2.default.join(projectPath, serverFile));
     } catch {
-      serverFile = "src/index.ts";
+      serverFile = "src/server.ts";
     }
     const processes = [];
     const tscProc = (0, import_node_child_process.spawn)("npx", ["tsc", "--watch"], {
@@ -294,21 +300,10 @@ program.command("dev").description("Run development server with auto-reload and
     await new Promise((resolve) => setTimeout(resolve, 2e3));
     const serverProc = (0, import_node_child_process.spawn)("npx", ["tsx", "watch", serverFile], {
       cwd: projectPath,
-      stdio: "pipe",
+      stdio: "inherit",
       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();
@@ -345,12 +340,13 @@ program.command("start").description("Start production server").option("-p, --pa
   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";
+    console.log(`\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: ${packageJson.version}\x1B[0m
+`);
+    let serverFile = "dist/index.js";
     try {
-      await import_node_fs2.promises.access(import_node_path2.default.join(projectPath, serverFile));
+      await (0, import_promises.access)(import_node_path2.default.join(projectPath, serverFile));
     } catch {
-      serverFile = "dist/index.js";
+      serverFile = "dist/server.js";
     }
     console.log("Starting production server...");
     const serverProc = (0, import_node_child_process.spawn)("node", [serverFile], {

package/dist/index.mjs

@@ -132,8 +132,8 @@ async function buildWidgets(projectPath, watch = false) {
         },
         plugins: [{
           name: "html-writer",
-          setup(build2) {
-            build2.onEnd(async () => {
+          setup(buildPlugin) {
+            buildPlugin.onEnd(async () => {
               try {
                 const files = await fs.readdir(path.join(pageOutDir, "assets"));
                 const mainJs = files.find((f) => f.startsWith(`${baseName}-`) && f.endsWith(".js"));
@@ -171,14 +171,18 @@ async function buildWidgets(projectPath, watch = false) {
 
 // src/index.ts
 import { spawn } from "child_process";
-import { promises as fs2 } from "fs";
+import { readFileSync } from "fs";
+import { access } from "fs/promises";
 import path2 from "path";
 import open from "open";
 var program = new Command();
-program.name("mcp-use").description("MCP CLI tool").version("2.0.1");
+var packageContent = readFileSync(path2.join(__dirname, "../package.json"), "utf-8");
+var packageJson = JSON.parse(packageContent);
+var packageVersion = packageJson.version || "unknown";
+program.name("mcp-use").description("MCP CLI tool").version(packageVersion);
 async function isPortAvailable(port) {
   try {
-    const response = await fetch(`http://localhost:${port}`);
+    await fetch(`http://localhost:${port}`);
     return false;
   } catch {
     return true;
@@ -225,7 +229,8 @@ function runCommand(command, args, cwd) {
 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(`\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: ${packageJson.version}\x1B[0m
+`);
     console.log("Building TypeScript...");
     await runCommand("npx", ["tsc"], projectPath);
     console.log("\x1B[32m\u2713\x1B[0m TypeScript build complete!");
@@ -239,18 +244,19 @@ program.command("dev").description("Run development server with auto-reload and
   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");
+    console.log(`\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: ${packageJson.version}\x1B[0m
+`);
     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";
+    let serverFile = "index.ts";
     try {
-      await fs2.access(path2.join(projectPath, serverFile));
+      await access(path2.join(projectPath, serverFile));
     } catch {
-      serverFile = "src/index.ts";
+      serverFile = "src/server.ts";
     }
     const processes = [];
     const tscProc = spawn("npx", ["tsc", "--watch"], {
@@ -271,21 +277,10 @@ program.command("dev").description("Run development server with auto-reload and
     await new Promise((resolve) => setTimeout(resolve, 2e3));
     const serverProc = spawn("npx", ["tsx", "watch", serverFile], {
       cwd: projectPath,
-      stdio: "pipe",
+      stdio: "inherit",
       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();
@@ -322,12 +317,13 @@ program.command("start").description("Start production server").option("-p, --pa
   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";
+    console.log(`\x1B[36m\x1B[1mmcp-use\x1B[0m \x1B[90mVersion: ${packageJson.version}\x1B[0m
+`);
+    let serverFile = "dist/index.js";
     try {
-      await fs2.access(path2.join(projectPath, serverFile));
+      await access(path2.join(projectPath, serverFile));
     } catch {
-      serverFile = "dist/index.js";
+      serverFile = "dist/server.js";
     }
     console.log("Starting production server...");
     const serverProc = spawn("node", [serverFile], {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-use/cli",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "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",
@@ -31,26 +31,24 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm && tsc --emitDeclarationOnly --declaration",
-    "dev": "tsc --watch",
-    "test": "vitest"
-  },
   "dependencies": {
-    "mcp-use": "^0.3.0",
-    "@mcp-use/inspector": "^0.3.2",
     "commander": "^11.0.0",
     "esbuild": "^0.19.0",
     "globby": "^14.0.0",
     "open": "^10.0.0",
-    "tsx": "^4.0.0"
+    "tsx": "^4.0.0",
+    "@mcp-use/inspector": "0.3.5",
+    "mcp-use": "1.0.1"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",
-    "typescript": "^5.0.0",
-    "vitest": "^1.0.0"
+    "typescript": "^5.0.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm && tsc --emitDeclarationOnly --declaration",
+    "dev": "tsc --watch"
   }
-}
+}

package/dist/build.js

@@ -1,173 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildWidgets = buildWidgets;
-const node_fs_1 = require("node:fs");
-const node_path_1 = __importDefault(require("node:path"));
-const esbuild_1 = require("esbuild");
-const globby_1 = require("globby");
-const ROUTE_PREFIX = '/mcp-use/widgets';
-const SRC_DIR = 'resources';
-const 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 node_path_1.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 = 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`]);
-    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!');
-    }
-}
-//# sourceMappingURL=build.js.map

package/dist/build.js.map

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

package/dist/index.js.map

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