create-mcp-use-app 0.4.3 → 0.4.4-canary.1

package/README.md

@@ -13,9 +13,9 @@
         <img src="https://img.shields.io/npm/dw/create-mcp-use-app.svg"/></a>
     <a href="https://www.npmjs.com/package/create-mcp-use-app" alt="NPM Version">
         <img src="https://img.shields.io/npm/v/create-mcp-use-app.svg"/></a>
-    <a href="https://github.com/mcp-use/mcp-use-ts/blob/main/LICENSE" alt="License">
+    <a href="https://github.com/mcp-use/mcp-use/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">
+    <a href="https://github.com/mcp-use/mcp-use/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>
@@ -27,9 +27,9 @@
 
 | 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/cli](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/cli)             | Build tool for MCP apps | [![npm](https://img.shields.io/npm/v/@mcp-use/cli.svg)](https://www.npmjs.com/package/@mcp-use/cli)             |
-| [@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) |
+| [mcp-use](https://github.com/mcp-use/mcp-use/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/cli](https://github.com/mcp-use/mcp-use/tree/main/packages/cli)             | Build tool for MCP apps | [![npm](https://img.shields.io/npm/v/@mcp-use/cli.svg)](https://www.npmjs.com/package/@mcp-use/cli)             |
+| [@mcp-use/inspector](https://github.com/mcp-use/mcp-use/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) |
 
 ---
 
@@ -439,17 +439,17 @@ We welcome contributions! To contribute:
 3. Make your changes
 4. Submit a pull request
 
-See our [contributing guide](https://github.com/mcp-use/mcp-use-ts/blob/main/CONTRIBUTING.md) for more details.
+See our [contributing guide](https://github.com/mcp-use/mcp-use/blob/main/CONTRIBUTING.md) for more details.
 
 ---
 
 ## 📚 Learn More
 
-- [mcp-use Documentation](https://github.com/mcp-use/mcp-use-ts)
+- [mcp-use Documentation](https://github.com/mcp-use/mcp-use)
 - [Model Context Protocol Spec](https://modelcontextprotocol.io)
-- [Creating MCP Tools](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/mcp-use#-mcp-server-framework)
-- [Building UI Widgets](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/cli#-creating-ui-widgets)
-- [Using the Inspector](https://github.com/mcp-use/mcp-use-ts/tree/main/packages/inspector)
+- [Creating MCP Tools](https://github.com/mcp-use/mcp-use/tree/main/packages/mcp-use#-mcp-server-framework)
+- [Building UI Widgets](https://github.com/mcp-use/mcp-use/tree/main/packages/cli#-creating-ui-widgets)
+- [Using the Inspector](https://github.com/mcp-use/mcp-use/tree/main/packages/inspector)
 
 ---
 

package/dist/index.js

@@ -31,6 +31,39 @@ function runPackageManager(packageManager, args, cwd) {
     });
   });
 }
+function detectPackageManager() {
+  const userAgent = process.env.npm_config_user_agent || "";
+  if (userAgent.includes("yarn")) {
+    return "yarn";
+  } else if (userAgent.includes("pnpm")) {
+    return "pnpm";
+  } else if (userAgent.includes("npm")) {
+    return "npm";
+  }
+  return null;
+}
+function getDevCommand(packageManager) {
+  switch (packageManager) {
+    case "yarn":
+      return "yarn dev";
+    case "pnpm":
+      return "pnpm dev";
+    case "npm":
+    default:
+      return "npm run dev";
+  }
+}
+function getInstallCommand(packageManager) {
+  switch (packageManager) {
+    case "yarn":
+      return "yarn";
+    case "pnpm":
+      return "pnpm install";
+    case "npm":
+    default:
+      return "npm install";
+  }
+}
 var program = new Command();
 function renderLogo() {
   console.log(chalk.cyan("\u259B\u259B\u258C\u259B\u2598\u259B\u258C\u2584\u2596\u258C\u258C\u259B\u2598\u2588\u258C"));
@@ -89,7 +122,7 @@ function processTemplateFile(filePath, versions, isDevelopment = false, useCanar
   }
   return processedContent;
 }
-program.name("create-mcp-use-app").description("Create a new MCP server project").version(packageJson.version).argument("[project-name]", "Name of the MCP server project").option("-t, --template <template>", "Template to use", "simple").option("--no-install", "Skip installing dependencies").option("--dev", "Use workspace dependencies for development").option("--canary", "Use canary versions of packages").action(async (projectName, options) => {
+program.name("create-mcp-use-app").description("Create a new MCP server project").version(packageJson.version).argument("[project-name]", "Name of the MCP server project").option("-t, --template <template>", "Template to use", "simple").option("--no-install", "Skip installing dependencies").option("--dev", "Use workspace dependencies for development").option("--canary", "Use canary versions of packages").option("--yarn", "Use yarn as package manager").option("--npm", "Use npm as package manager").option("--pnpm", "Use pnpm as package manager").action(async (projectName, options) => {
   try {
     let selectedTemplate = options.template;
     if (!projectName) {
@@ -130,20 +163,76 @@ program.name("create-mcp-use-app").description("Create a new MCP server project"
     const versions = getCurrentPackageVersions(options.dev, options.canary);
     await copyTemplate(projectPath, validatedTemplate, versions, options.dev, options.canary);
     updatePackageJson(projectPath, sanitizedProjectName);
+    let usedPackageManager = "npm";
+    if (options.yarn) {
+      usedPackageManager = "yarn";
+    } else if (options.npm) {
+      usedPackageManager = "npm";
+    } else if (options.pnpm) {
+      usedPackageManager = "pnpm";
+    } else {
+      const detected = detectPackageManager();
+      if (detected) {
+        usedPackageManager = detected;
+      } else {
+        const defaultOrder = ["yarn", "npm", "pnpm"];
+        usedPackageManager = defaultOrder[0];
+      }
+    }
     if (options.install) {
-      const spinner = ora("Installing packages...").start();
+      const showSpinner = usedPackageManager !== "yarn" && usedPackageManager !== "npm";
+      const spinner = showSpinner ? ora("Installing packages...").start() : null;
       try {
-        await runPackageManager("pnpm", ["install"], projectPath);
-        spinner.succeed("Packages installed successfully");
-      } catch {
-        spinner.text = "pnpm not found, trying npm...";
-        try {
-          await runPackageManager("npm", ["install"], projectPath);
-          spinner.succeed("Packages installed successfully");
-        } catch (error) {
+        if (options.yarn || options.npm || options.pnpm || detectPackageManager()) {
+          if (!showSpinner) {
+            console.log("");
+          }
+          await runPackageManager(usedPackageManager, ["install"], projectPath);
+          if (spinner) {
+            spinner.succeed(`Packages installed successfully with ${usedPackageManager}`);
+          } else {
+            console.log("");
+          }
+        } else {
+          if (spinner) spinner.text = "Installing packages (trying yarn)...";
+          try {
+            if (!spinner) console.log("");
+            await runPackageManager("yarn", ["install"], projectPath);
+            usedPackageManager = "yarn";
+            if (spinner) {
+              spinner.succeed("Packages installed successfully with yarn");
+            } else {
+              console.log("");
+            }
+          } catch {
+            if (spinner) spinner.text = "yarn not found, trying npm...";
+            try {
+              await runPackageManager("npm", ["install"], projectPath);
+              usedPackageManager = "npm";
+              if (spinner) {
+                spinner.succeed("Packages installed successfully with npm");
+              } else {
+                console.log("");
+              }
+            } catch {
+              if (spinner) spinner.text = "npm not found, trying pnpm...";
+              await runPackageManager("pnpm", ["install"], projectPath);
+              usedPackageManager = "pnpm";
+              if (spinner) {
+                spinner.succeed("Packages installed successfully with pnpm");
+              } else {
+                console.log("");
+              }
+            }
+          }
+        }
+      } catch (error) {
+        if (spinner) {
           spinner.fail("Package installation failed");
-          console.log('\u26A0\uFE0F  Please run "npm install" or "pnpm install" manually');
+        } else {
+          console.log("\u274C Package installation failed");
         }
+        console.log('\u26A0\uFE0F  Please run "npm install", "yarn install", or "pnpm install" manually');
       }
     }
     console.log("");
@@ -172,9 +261,9 @@ program.name("create-mcp-use-app").description("Create a new MCP server project"
     console.log(chalk.bold("\u{1F680} To get started:"));
     console.log(chalk.cyan(`   cd ${sanitizedProjectName}`));
     if (!options.install) {
-      console.log(chalk.cyan("   npm install"));
+      console.log(chalk.cyan(`   ${getInstallCommand(usedPackageManager)}`));
     }
-    console.log(chalk.cyan("   npm run dev"));
+    console.log(chalk.cyan(`   ${getDevCommand(usedPackageManager)}`));
     console.log("");
     if (options.dev) {
       console.log(chalk.yellow("\u{1F4A1} Development mode: Your project uses workspace dependencies"));
@@ -214,8 +303,9 @@ async function copyTemplate(projectPath, template, versions, isDevelopment = fal
     } else {
       console.log("No templates directory found");
     }
-    console.log('\u{1F4A1} Tip: Use "ui" template for React components and modern UI features');
-    console.log('\u{1F4A1} Tip: Use "uiresource" template for UI resources and advanced server examples');
+    console.log('\u{1F4A1} Tip: Use "starter" template for a comprehensive MCP server with all features');
+    console.log('\u{1F4A1} Tip: Use "ui-resource" template for a MCP server with mcp-ui resources');
+    console.log('\u{1F4A1} Tip: Use "apps-sdk-demo" template for a MCP server with OpenAI Apps SDK integration');
     process.exit(1);
   }
   copyDirectoryWithProcessing(templatePath, projectPath, versions, isDevelopment, useCanary);
@@ -270,11 +360,11 @@ async function promptForProjectName() {
 }
 async function promptForTemplate() {
   const templatesDir = join(__dirname, "templates");
-  const availableTemplates = existsSync(templatesDir) ? readdirSync(templatesDir, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name).sort() : ["simple", "ui", "uiresource"];
+  const availableTemplates = existsSync(templatesDir) ? readdirSync(templatesDir, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name).sort() : ["starter", "ui-resource", "apps-sdk-demo"];
   const templateDescriptions = {
-    "simple": "Simple MCP server with a basic calculator tool (add numbers)",
-    "ui": "MCP Server with mcp-ui resources returned from tools",
-    "uiresource": "MCP Server with mcp-ui resources"
+    "starter": "Starter MCP server with all features",
+    "ui-resource": "MCP Server with mcp-ui resources returned from tools",
+    "apps-sdk-demo": "MCP Server with mcp-ui resources"
   };
   const { template } = await inquirer.prompt([
     {

package/dist/templates/{apps_sdk → apps-sdk-demo}/README.md

@@ -363,7 +363,7 @@ console.log('Resource:', resource)
 ## 📂 Project Structure
 
 ```
-apps_sdk/
+apps-sdk/
 ├── index.ts                # Entry point
 ├── package.json            # Dependencies
 ├── tsconfig.json          # TypeScript config

package/dist/templates/{apps_sdk → apps-sdk-demo}/src/widgets.ts

@@ -151,30 +151,3 @@ export function getPizzazWidgetsSummary() {
   }))
 }
 
-/**
- * Create widget metadata for a specific widget
- */
-export function widgetMeta(widget: PizzazWidgetDefinition) {
-  return {
-    'openai/outputTemplate': widget.templateUri,
-    'openai/toolInvocation/invoking': widget.invoking,
-    'openai/toolInvocation/invoked': widget.invoked,
-    'openai/widgetAccessible': true,
-    'openai/resultCanProduceWidget': true
-  } as const
-}
-
-/**
- * Get widget by ID
- */
-export function getWidgetById(id: string): PizzazWidgetDefinition | undefined {
-  return pizzazWidgets.find(w => w.id === id)
-}
-
-/**
- * Get widget by template URI
- */
-export function getWidgetByUri(uri: string): PizzazWidgetDefinition | undefined {
-  return pizzazWidgets.find(w => w.templateUri === uri)
-}
-