create-mcp-use-app 2.0.0-beta.13 → 2.0.0-beta.15

package/README.md

@@ -27,8 +27,7 @@
 
 | Package                                                                                                    | Description             | Version                                                                                                         |
 | ---------------------------------------------------------------------------------------------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------------- |
-| [mcp-use](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/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/libraries/typescript/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](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/server)               | MCP framework and CLI   | [![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/tree/main/libraries/typescript/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) |
 
 ---
@@ -66,16 +65,16 @@ my-mcp-server/
 
 ### Pre-configured Features
 
-| Feature                 | Description                                       |
-| ----------------------- | ------------------------------------------------- |
-| **📝 TypeScript**       | Full TypeScript setup with proper types           |
-| **🔥 Hot Reload**       | Auto-restart on code changes during development   |
-| **🔍 Auto Inspector**   | Inspector UI opens automatically in dev mode      |
-| **🎨 MCP Apps Views**   | React views discovered and bundled by the CLI      |
-| **🛠️ Example Tools**    | Sample MCP tools, resources, and prompts          |
-| **📦 Build Scripts**    | Ready-to-use development and production scripts   |
+| Feature                 | Description                                          |
+| ----------------------- | ---------------------------------------------------- |
+| **📝 TypeScript**       | Full TypeScript setup with proper types              |
+| **🔥 Hot Reload**       | Auto-restart on code changes during development      |
+| **🔍 Auto Inspector**   | Inspector UI opens automatically in dev mode         |
+| **🎨 MCP Apps Views**   | React views discovered and bundled by the CLI        |
+| **🛠️ Example Tools**    | Sample MCP tools, resources, and prompts             |
+| **📦 Build Scripts**    | Ready-to-use development and production scripts      |
 | **✅ Type Checking**    | Refreshes MCP view types, then runs local TypeScript |
-| **🚀 Production Ready** | Optimized build configuration                     |
+| **🚀 Production Ready** | Optimized build configuration                        |
 
 ---
 
@@ -507,8 +506,8 @@ See our [contributing guide](https://github.com/mcp-use/mcp-use/blob/main/CONTRI
 
 - [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/tree/main/libraries/typescript/packages/mcp-use#-mcp-server-framework)
-- [Building UI Widgets](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/cli#-creating-ui-widgets)
+- [Creating MCP Tools](https://mcp-use.com/docs/typescript/server/tools)
+- [Building MCP App Views](https://mcp-use.com/docs/typescript/mcp-apps)
 - [Using the Inspector](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/inspector)
 - [Supabase Edge Functions](https://supabase.com/docs/guides/functions)
 

package/dist/index.js

@@ -1334,6 +1334,27 @@ function updateIndexTs(projectPath, projectName) {
   writeFileSync(indexPath, content);
 }
 
+// src/skills-config.ts
+var SKILLS_REPO = "https://github.com/mcp-use/mcp-use.git";
+var SKILLS_BRANCH = "beta";
+var SKILLS_SPARSE_PATH = "skills/mcp-apps-builder";
+var SKILLS_AGENT_DIRS = [".cursor", ".claude", ".agents"];
+var SKILLS_MANUAL_INSTALL_CMD = "npx --yes skills add mcp-use/mcp-use#beta --yes --skill mcp-apps-builder -a cursor -a claude-code -a codex";
+function getSkillsCloneArgs(repoDir) {
+  return [
+    "clone",
+    "--depth",
+    "1",
+    "--filter=blob:none",
+    "--sparse",
+    "--single-branch",
+    "--branch",
+    SKILLS_BRANCH,
+    SKILLS_REPO,
+    repoDir
+  ];
+}
+
 // src/index.ts
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname2(__filename);
@@ -1455,10 +1476,6 @@ function sendInstallTelemetryEvent(agents, skills) {
   } catch {
   }
 }
-var SKILLS_REPO = "https://github.com/mcp-use/mcp-use.git";
-var SKILLS_SPARSE_PATH = "skills/mcp-apps-builder";
-var SKILLS_AGENT_DIRS = [".cursor", ".claude", ".agent"];
-var SKILLS_MANUAL_INSTALL_CMD = "npx --yes skills add mcp-use/mcp-use --yes --skill mcp-apps-builder -a cursor -a claude-code -a codex";
 function isGitAvailable() {
   const result = spawnSync("git", ["--version"], {
     stdio: "ignore",
@@ -1475,20 +1492,10 @@ async function installSkills(projectPath) {
   const tempDir = mkdtempSync(join3(tmpdir(), "mcp-use-skills-"));
   const repoDir = join3(tempDir, "repo");
   try {
-    const clone = spawnSync(
-      "git",
-      [
-        "clone",
-        "--depth",
-        "1",
-        "--filter=blob:none",
-        "--sparse",
-        "--single-branch",
-        SKILLS_REPO,
-        repoDir
-      ],
-      { stdio: "ignore", shell: false }
-    );
+    const clone = spawnSync("git", getSkillsCloneArgs(repoDir), {
+      stdio: "ignore",
+      shell: false
+    });
     if (clone.status !== 0 || clone.error) {
       throw new Error("git clone failed");
     }
@@ -1532,18 +1539,6 @@ function renderLogo() {
 var packageJson = JSON.parse(
   readFileSync2(join3(__dirname, "../package.json"), "utf-8")
 );
-var DEFAULT_MCP_USE_VERSION = "2.0.0-beta.36";
-function getCurrentPackageVersions(isDevelopment = false, sdkVersion) {
-  if (isDevelopment) {
-    return {
-      "mcp-use": "workspace:*"
-    };
-  }
-  const requestedSdk = sdkVersion ?? DEFAULT_MCP_USE_VERSION;
-  return {
-    "mcp-use": requestedSdk
-  };
-}
 function processTemplateFile(filePath, versions, isDevelopment = false) {
   const content = readFileSync2(filePath, "utf-8");
   let processedContent = content;
@@ -1554,7 +1549,7 @@ function processTemplateFile(filePath, versions, isDevelopment = false) {
       version
     );
   }
-  const mcpUseVersion = isDevelopment ? "workspace:*" : versions["mcp-use"] || DEFAULT_MCP_USE_VERSION;
+  const mcpUseVersion = isDevelopment ? "workspace:*" : versions["mcp-use"];
   if (isDevelopment) {
     processedContent = processedContent.replace(
       /"mcp-use": "\^[^"]+"/,
@@ -2027,11 +2022,35 @@ async function main() {
       );
       process.exit(1);
     }
+  }
+  let mcpUseVersion;
+  if (options.dev) {
+    mcpUseVersion = "workspace:*";
+  } else if (options.sdkVersion) {
+    mcpUseVersion = options.sdkVersion;
+  } else {
+    const response = await fetch("https://registry.npmjs.org/mcp-use", {
+      headers: { Accept: "application/vnd.npm.install-v1+json" },
+      signal: AbortSignal.timeout(1e4)
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Failed to resolve the mcp-use beta dist-tag from npm (${response.status})`
+      );
+    }
+    const metadata = await response.json();
+    const betaVersion = metadata["dist-tags"]?.beta;
+    if (!betaVersion) {
+      throw new Error("npm did not return a beta version for mcp-use");
+    }
+    mcpUseVersion = betaVersion;
+  }
+  const versions = { "mcp-use": mcpUseVersion };
+  if (!useCurrentDir) {
     mkdirSync(projectPath, { recursive: true });
   }
   console.log(cyan(`\u{1F680} Creating MCP server "${displayName}"...`));
   const validatedTemplate = validateTemplateName(selectedTemplate);
-  const versions = getCurrentPackageVersions(options.dev, options.sdkVersion);
   await copyTemplate(projectPath, validatedTemplate, versions, options.dev);
   updatePackageJson(projectPath, packageName);
   updateIndexTs(projectPath, packageName);
@@ -2141,7 +2160,7 @@ async function main() {
   console.log(bold("\u{1F4C1} Project structure:"));
   console.log(`   ${useCurrentDir ? "." : displayName}/`);
   if (skillsInstalled) {
-    console.log("   \u251C\u2500\u2500 .agent/skills/");
+    console.log("   \u251C\u2500\u2500 .agents/skills/");
     console.log("   \u251C\u2500\u2500 .claude/skills/");
     console.log("   \u251C\u2500\u2500 .cursor/skills/");
   }

package/dist/skills-config.d.ts

@@ -0,0 +1,7 @@
+export declare const SKILLS_REPO = "https://github.com/mcp-use/mcp-use.git";
+export declare const SKILLS_BRANCH = "beta";
+export declare const SKILLS_SPARSE_PATH = "skills/mcp-apps-builder";
+export declare const SKILLS_AGENT_DIRS: readonly [".cursor", ".claude", ".agents"];
+export declare const SKILLS_MANUAL_INSTALL_CMD = "npx --yes skills add mcp-use/mcp-use#beta --yes --skill mcp-apps-builder -a cursor -a claude-code -a codex";
+export declare function getSkillsCloneArgs(repoDir: string): string[];
+//# sourceMappingURL=skills-config.d.ts.map

package/dist/skills-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skills-config.d.ts","sourceRoot":"","sources":["../src/skills-config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,2CAA2C,CAAC;AACpE,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,kBAAkB,4BAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,4CAA6C,CAAC;AAC5E,eAAO,MAAM,yBAAyB,+GACwE,CAAC;AAE/G,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAa5D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mcp-use-app",
-  "version": "2.0.0-beta.13",
+  "version": "2.0.0-beta.15",
   "type": "module",
   "description": "Create MCP-Use apps with one command",
   "author": "mcp-use, Inc.",