create-mcp-use-app 2.0.0-beta.14 → 2.0.0-beta.16

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,35 @@ function updateIndexTs(projectPath, projectName) {
   writeFileSync(indexPath, content);
 }
 
+// src/skills-config.ts
+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", ".agents"];
+function getDefaultDistTag(packageVersion) {
+  return packageVersion.includes("-beta.") ? "beta" : "latest";
+}
+function getSkillsBranch(packageVersion) {
+  return getDefaultDistTag(packageVersion) === "beta" ? "beta" : "main";
+}
+function getSkillsManualInstallCommand(packageVersion) {
+  const branch = getSkillsBranch(packageVersion);
+  return `npx --yes skills add mcp-use/mcp-use#${branch} --yes --skill mcp-apps-builder -a cursor -a claude-code -a codex`;
+}
+function getSkillsCloneArgs(repoDir, packageVersion) {
+  return [
+    "clone",
+    "--depth",
+    "1",
+    "--filter=blob:none",
+    "--sparse",
+    "--single-branch",
+    "--branch",
+    getSkillsBranch(packageVersion),
+    SKILLS_REPO,
+    repoDir
+  ];
+}
+
 // src/index.ts
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname2(__filename);
@@ -1455,10 +1484,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",
@@ -1469,7 +1494,11 @@ function isGitAvailable() {
 function warnSkillsInstallFailed(missingGit) {
   const reason = missingGit ? "Failed to install skills: git is not installed or not in PATH." : "Failed to install skills.";
   console.log(yellow(`\u26A0\uFE0F  ${reason}`));
-  console.log(yellow(`   Run manually: ${SKILLS_MANUAL_INSTALL_CMD}`));
+  console.log(
+    yellow(
+      `   Run manually: ${getSkillsManualInstallCommand(packageJson.version)}`
+    )
+  );
 }
 async function installSkills(projectPath) {
   const tempDir = mkdtempSync(join3(tmpdir(), "mcp-use-skills-"));
@@ -1477,17 +1506,11 @@ async function installSkills(projectPath) {
   try {
     const clone = spawnSync(
       "git",
-      [
-        "clone",
-        "--depth",
-        "1",
-        "--filter=blob:none",
-        "--sparse",
-        "--single-branch",
-        SKILLS_REPO,
-        repoDir
-      ],
-      { stdio: "ignore", shell: false }
+      getSkillsCloneArgs(repoDir, packageJson.version),
+      {
+        stdio: "ignore",
+        shell: false
+      }
     );
     if (clone.status !== 0 || clone.error) {
       throw new Error("git clone failed");
@@ -2022,21 +2045,24 @@ async function main() {
   } else if (options.sdkVersion) {
     mcpUseVersion = options.sdkVersion;
   } else {
+    const defaultDistTag = getDefaultDistTag(packageJson.version);
     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})`
+        `Failed to resolve the mcp-use ${defaultDistTag} 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");
+    const defaultVersion = metadata["dist-tags"]?.[defaultDistTag];
+    if (!defaultVersion) {
+      throw new Error(
+        `npm did not return a ${defaultDistTag} version for mcp-use`
+      );
     }
-    mcpUseVersion = betaVersion;
+    mcpUseVersion = defaultVersion;
   }
   const versions = { "mcp-use": mcpUseVersion };
   if (!useCurrentDir) {
@@ -2153,7 +2179,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,8 @@
+export declare const SKILLS_REPO = "https://github.com/mcp-use/mcp-use.git";
+export declare const SKILLS_SPARSE_PATH = "skills/mcp-apps-builder";
+export declare const SKILLS_AGENT_DIRS: readonly [".cursor", ".claude", ".agents"];
+export declare function getDefaultDistTag(packageVersion: string): "beta" | "latest";
+export declare function getSkillsBranch(packageVersion: string): "beta" | "main";
+export declare function getSkillsManualInstallCommand(packageVersion: string): string;
+export declare function getSkillsCloneArgs(repoDir: string, packageVersion: 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,kBAAkB,4BAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,4CAA6C,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAE3E;AAED,wBAAgB,eAAe,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAEvE;AAED,wBAAgB,6BAA6B,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAG5E;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,MAAM,GACrB,MAAM,EAAE,CAaV"}

package/package.json

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