create-mcp-use-app 0.4.8 → 0.4.9

package/dist/index.js

@@ -5,7 +5,15 @@ import chalk from "chalk";
 import { Command } from "commander";
 import inquirer from "inquirer";
 import { execSync, spawn } from "child_process";
-import { copyFileSync, existsSync, mkdirSync, readdirSync, readFileSync, rmSync, writeFileSync } from "fs";
+import {
+  copyFileSync,
+  existsSync,
+  mkdirSync,
+  readdirSync,
+  readFileSync,
+  rmSync,
+  writeFileSync
+} from "fs";
 import { dirname, join, resolve } from "path";
 import { fileURLToPath } from "url";
 import ora from "ora";
@@ -135,8 +143,12 @@ function getCurrentPackageVersions(isDevelopment = false, useCanary = false) {
     }
   } catch (error) {
     if (process.env.NODE_ENV === "development") {
-      console.warn("\u26A0\uFE0F  Could not read workspace package versions, using defaults");
-      console.warn(`   Error: ${error instanceof Error ? error.message : String(error)}`);
+      console.warn(
+        "\u26A0\uFE0F  Could not read workspace package versions, using defaults"
+      );
+      console.warn(
+        `   Error: ${error instanceof Error ? error.message : String(error)}`
+      );
       if (error instanceof Error && error.stack) {
         console.warn(`   Stack: ${error.stack}`);
       }
@@ -149,199 +161,297 @@ function processTemplateFile(filePath, versions, isDevelopment = false, useCanar
   let processedContent = content;
   for (const [packageName, version] of Object.entries(versions)) {
     const placeholder = `{{${packageName}_version}}`;
-    processedContent = processedContent.replace(new RegExp(placeholder, "g"), version);
+    processedContent = processedContent.replace(
+      new RegExp(placeholder, "g"),
+      version
+    );
   }
   if (isDevelopment) {
-    processedContent = processedContent.replace(/"mcp-use": "\^[^"]+"/, '"mcp-use": "workspace:*"');
-    processedContent = processedContent.replace(/"@mcp-use\/cli": "\^[^"]+"/, '"@mcp-use/cli": "workspace:*"');
-    processedContent = processedContent.replace(/"@mcp-use\/inspector": "\^[^"]+"/, '"@mcp-use/inspector": "workspace:*"');
+    processedContent = processedContent.replace(
+      /"mcp-use": "\^[^"]+"/,
+      '"mcp-use": "workspace:*"'
+    );
+    processedContent = processedContent.replace(
+      /"@mcp-use\/cli": "\^[^"]+"/,
+      '"@mcp-use/cli": "workspace:*"'
+    );
+    processedContent = processedContent.replace(
+      /"@mcp-use\/inspector": "\^[^"]+"/,
+      '"@mcp-use/inspector": "workspace:*"'
+    );
   } else if (useCanary) {
-    processedContent = processedContent.replace(/"mcp-use": "workspace:\*"/, `"mcp-use": "canary"`);
-    processedContent = processedContent.replace(/"@mcp-use\/cli": "workspace:\*"/, `"@mcp-use/cli": "canary"`);
-    processedContent = processedContent.replace(/"@mcp-use\/inspector": "workspace:\*"/, `"@mcp-use/inspector": "canary"`);
+    processedContent = processedContent.replace(
+      /"mcp-use": "workspace:\*"/,
+      `"mcp-use": "canary"`
+    );
+    processedContent = processedContent.replace(
+      /"@mcp-use\/cli": "workspace:\*"/,
+      `"@mcp-use/cli": "canary"`
+    );
+    processedContent = processedContent.replace(
+      /"@mcp-use\/inspector": "workspace:\*"/,
+      `"@mcp-use/inspector": "canary"`
+    );
   } else {
-    processedContent = processedContent.replace(/"mcp-use": "workspace:\*"/, `"mcp-use": "${versions["mcp-use"] || "latest"}"`);
-    processedContent = processedContent.replace(/"@mcp-use\/cli": "workspace:\*"/, `"@mcp-use/cli": "${versions["@mcp-use/cli"] || "latest"}"`);
-    processedContent = processedContent.replace(/"@mcp-use\/inspector": "workspace:\*"/, `"@mcp-use/inspector": "${versions["@mcp-use/inspector"] || "latest"}"`);
+    processedContent = processedContent.replace(
+      /"mcp-use": "workspace:\*"/,
+      `"mcp-use": "${versions["mcp-use"] || "latest"}"`
+    );
+    processedContent = processedContent.replace(
+      /"@mcp-use\/cli": "workspace:\*"/,
+      `"@mcp-use/cli": "${versions["@mcp-use/cli"] || "latest"}"`
+    );
+    processedContent = processedContent.replace(
+      /"@mcp-use\/inspector": "workspace:\*"/,
+      `"@mcp-use/inspector": "${versions["@mcp-use/inspector"] || "latest"}"`
+    );
   }
   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("--no-git", "Skip initializing a git repository").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) {
-      console.log("");
-      renderLogo();
-      console.log("");
-      console.log(chalk.bold("Welcome to create-mcp-use-app!"));
-      console.log("");
-      projectName = await promptForProjectName();
-      console.log("");
-      selectedTemplate = await promptForTemplate();
-    }
-    const sanitizedProjectName = projectName.trim();
-    if (!sanitizedProjectName) {
-      console.error(chalk.red("\u274C Project name cannot be empty"));
-      process.exit(1);
-    }
-    if (sanitizedProjectName.includes("..") || sanitizedProjectName.includes("/") || sanitizedProjectName.includes("\\")) {
-      console.error(chalk.red('\u274C Project name cannot contain path separators or ".."'));
-      console.error(chalk.yellow('   Use simple names like "my-mcp-server"'));
-      process.exit(1);
-    }
-    const protectedNames = ["node_modules", ".git", ".env", "package.json", "src", "dist"];
-    if (protectedNames.includes(sanitizedProjectName.toLowerCase())) {
-      console.error(chalk.red(`\u274C Cannot use protected name "${sanitizedProjectName}"`));
-      console.error(chalk.yellow("   Please choose a different project name"));
-      process.exit(1);
-    }
-    console.log(chalk.cyan(`\u{1F680} Creating MCP server "${sanitizedProjectName}"...`));
-    const projectPath = resolve(process.cwd(), sanitizedProjectName);
-    if (existsSync(projectPath)) {
-      console.error(chalk.red(`\u274C Directory "${sanitizedProjectName}" already exists!`));
-      console.error(chalk.yellow("   Please choose a different name or remove the existing directory"));
-      process.exit(1);
-    }
-    mkdirSync(projectPath, { recursive: true });
-    const validatedTemplate = validateTemplateName(selectedTemplate);
-    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];
+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("--no-git", "Skip initializing a git repository").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) {
+        console.log("");
+        renderLogo();
+        console.log("");
+        console.log(chalk.bold("Welcome to create-mcp-use-app!"));
+        console.log("");
+        projectName = await promptForProjectName();
+        console.log("");
+        selectedTemplate = await promptForTemplate();
       }
-    }
-    if (options.install) {
-      const showSpinner = usedPackageManager !== "yarn" && usedPackageManager !== "npm";
-      const spinner = showSpinner ? ora("Installing packages...").start() : null;
-      try {
-        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("");
-          }
+      const sanitizedProjectName = projectName.trim();
+      if (!sanitizedProjectName) {
+        console.error(chalk.red("\u274C Project name cannot be empty"));
+        process.exit(1);
+      }
+      if (sanitizedProjectName.includes("..") || sanitizedProjectName.includes("/") || sanitizedProjectName.includes("\\")) {
+        console.error(
+          chalk.red('\u274C Project name cannot contain path separators or ".."')
+        );
+        console.error(
+          chalk.yellow('   Use simple names like "my-mcp-server"')
+        );
+        process.exit(1);
+      }
+      const protectedNames = [
+        "node_modules",
+        ".git",
+        ".env",
+        "package.json",
+        "src",
+        "dist"
+      ];
+      if (protectedNames.includes(sanitizedProjectName.toLowerCase())) {
+        console.error(
+          chalk.red(`\u274C Cannot use protected name "${sanitizedProjectName}"`)
+        );
+        console.error(
+          chalk.yellow("   Please choose a different project name")
+        );
+        process.exit(1);
+      }
+      console.log(
+        chalk.cyan(`\u{1F680} Creating MCP server "${sanitizedProjectName}"...`)
+      );
+      const projectPath = resolve(process.cwd(), sanitizedProjectName);
+      if (existsSync(projectPath)) {
+        console.error(
+          chalk.red(`\u274C Directory "${sanitizedProjectName}" already exists!`)
+        );
+        console.error(
+          chalk.yellow(
+            "   Please choose a different name or remove the existing directory"
+          )
+        );
+        process.exit(1);
+      }
+      mkdirSync(projectPath, { recursive: true });
+      const validatedTemplate = validateTemplateName(selectedTemplate);
+      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 {
-          if (spinner) spinner.text = "Installing packages (trying yarn)...";
-          try {
-            if (!spinner) console.log("");
-            await runPackageManager("yarn", ["install"], projectPath);
-            usedPackageManager = "yarn";
+          const defaultOrder = ["yarn", "npm", "pnpm"];
+          usedPackageManager = defaultOrder[0];
+        }
+      }
+      if (options.install) {
+        const showSpinner = usedPackageManager !== "yarn" && usedPackageManager !== "npm";
+        const spinner = showSpinner ? ora("Installing packages...").start() : null;
+        try {
+          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 yarn");
+              spinner.succeed(
+                `Packages installed successfully with ${usedPackageManager}`
+              );
             } else {
               console.log("");
             }
-          } catch {
-            if (spinner) spinner.text = "yarn not found, trying npm...";
+          } else {
+            if (spinner)
+              spinner.text = "Installing packages (trying yarn)...";
             try {
-              await runPackageManager("npm", ["install"], projectPath);
-              usedPackageManager = "npm";
+              if (!spinner) console.log("");
+              await runPackageManager("yarn", ["install"], projectPath);
+              usedPackageManager = "yarn";
               if (spinner) {
-                spinner.succeed("Packages installed successfully with npm");
+                spinner.succeed("Packages installed successfully with yarn");
               } 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("");
+              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");
+          } else {
+            console.log("\u274C Package installation failed");
+          }
+          console.log(
+            '\u26A0\uFE0F  Please run "npm install", "yarn install", or "pnpm install" manually'
+          );
         }
-      } catch (error) {
-        if (spinner) {
-          spinner.fail("Package installation failed");
-        } else {
-          console.log("\u274C Package installation failed");
-        }
-        console.log('\u26A0\uFE0F  Please run "npm install", "yarn install", or "pnpm install" manually');
       }
-    }
-    if (options.git) {
-      tryGitInit(projectPath);
-    }
-    console.log("");
-    console.log(chalk.green("\u2705 MCP server created successfully!"));
-    if (options.dev) {
-      console.log(chalk.yellow("\u{1F527} Development mode: Using workspace dependencies"));
-    } else if (options.canary) {
-      console.log(chalk.blue("\u{1F680} Canary mode: Using canary versions of packages"));
-    }
-    console.log("");
-    console.log(chalk.bold("\u{1F4C1} Project structure:"));
-    console.log(`   ${sanitizedProjectName}/`);
-    console.log("   \u251C\u2500\u2500 src/");
-    console.log("   \u2502   \u2514\u2500\u2500 server.ts");
-    if (validatedTemplate === "apps-sdk") {
-      console.log("   \u251C\u2500\u2500 resources/");
-      console.log("   \u2502   \u2514\u2500\u2500 display-weather.tsx");
-    }
-    if (validatedTemplate === "mcp-ui") {
-      console.log("   \u251C\u2500\u2500 resources/");
-      console.log("   \u2502   \u2514\u2500\u2500 kanban-board.tsx");
-    }
-    if (validatedTemplate === "starter") {
-      console.log("   \u251C\u2500\u2500 resources/");
-      console.log("   \u2502   \u2514\u2500\u2500 kanban-board.tsx (MCP-UI example)");
-      console.log("   \u2502   \u2514\u2500\u2500 display-weather.tsx (OpenAI Apps SDK example)");
-    }
-    console.log("   \u251C\u2500\u2500 index.ts (server entry point)");
-    console.log("   \u251C\u2500\u2500 package.json");
-    console.log("   \u251C\u2500\u2500 tsconfig.json");
-    console.log("   \u2514\u2500\u2500 README.md");
-    console.log("");
-    console.log(chalk.bold("\u{1F680} To get started:"));
-    console.log(chalk.cyan(`   cd ${sanitizedProjectName}`));
-    if (!options.install) {
-      console.log(chalk.cyan(`   ${getInstallCommand(usedPackageManager)}`));
-    }
-    console.log(chalk.cyan(`   ${getDevCommand(usedPackageManager)}`));
-    console.log("");
-    if (options.dev) {
-      console.log(chalk.yellow("\u{1F4A1} Development mode: Your project uses workspace dependencies"));
-      console.log(chalk.yellow("   Make sure you're in the mcp-use workspace root for development"));
+      if (options.git) {
+        tryGitInit(projectPath);
+      }
+      console.log("");
+      console.log(chalk.green("\u2705 MCP server created successfully!"));
+      if (options.dev) {
+        console.log(
+          chalk.yellow("\u{1F527} Development mode: Using workspace dependencies")
+        );
+      } else if (options.canary) {
+        console.log(
+          chalk.blue("\u{1F680} Canary mode: Using canary versions of packages")
+        );
+      }
+      console.log("");
+      console.log(chalk.bold("\u{1F4C1} Project structure:"));
+      console.log(`   ${sanitizedProjectName}/`);
+      console.log("   \u251C\u2500\u2500 src/");
+      console.log("   \u2502   \u2514\u2500\u2500 server.ts");
+      if (validatedTemplate === "apps-sdk") {
+        console.log("   \u251C\u2500\u2500 resources/");
+        console.log("   \u2502   \u2514\u2500\u2500 display-weather.tsx");
+      }
+      if (validatedTemplate === "mcp-ui") {
+        console.log("   \u251C\u2500\u2500 resources/");
+        console.log("   \u2502   \u2514\u2500\u2500 kanban-board.tsx");
+      }
+      if (validatedTemplate === "starter") {
+        console.log("   \u251C\u2500\u2500 resources/");
+        console.log("   \u2502   \u2514\u2500\u2500 kanban-board.tsx (MCP-UI example)");
+        console.log(
+          "   \u2502   \u2514\u2500\u2500 display-weather.tsx (OpenAI Apps SDK example)"
+        );
+      }
+      console.log("   \u251C\u2500\u2500 index.ts (server entry point)");
+      console.log("   \u251C\u2500\u2500 package.json");
+      console.log("   \u251C\u2500\u2500 tsconfig.json");
+      console.log("   \u2514\u2500\u2500 README.md");
       console.log("");
+      console.log(chalk.bold("\u{1F680} To get started:"));
+      console.log(chalk.cyan(`   cd ${sanitizedProjectName}`));
+      if (!options.install) {
+        console.log(
+          chalk.cyan(`   ${getInstallCommand(usedPackageManager)}`)
+        );
+      }
+      console.log(chalk.cyan(`   ${getDevCommand(usedPackageManager)}`));
+      console.log("");
+      if (options.dev) {
+        console.log(
+          chalk.yellow(
+            "\u{1F4A1} Development mode: Your project uses workspace dependencies"
+          )
+        );
+        console.log(
+          chalk.yellow(
+            "   Make sure you're in the mcp-use workspace root for development"
+          )
+        );
+        console.log("");
+      }
+      console.log(chalk.blue("\u{1F4DA} Learn more: https://docs.mcp-use.com"));
+      console.log(chalk.gray("\u{1F4AC} For feedback and bug reporting visit:"));
+      console.log(
+        chalk.gray(
+          "   https://github.com/mcp-use/mcp-use or https://mcp-use.com"
+        )
+      );
+    } catch (error) {
+      console.error("\u274C Error creating MCP server:", error);
+      process.exit(1);
     }
-    console.log(chalk.blue("\u{1F4DA} Learn more: https://docs.mcp-use.com"));
-    console.log(chalk.gray("\u{1F4AC} For feedback and bug reporting visit:"));
-    console.log(chalk.gray("   https://github.com/mcp-use/mcp-use or https://mcp-use.com"));
-  } catch (error) {
-    console.error("\u274C Error creating MCP server:", error);
-    process.exit(1);
   }
-});
+);
 function validateTemplateName(template) {
   const sanitized = template.trim();
   if (sanitized.includes("..") || sanitized.includes("/") || sanitized.includes("\\")) {
     console.error(chalk.red("\u274C Invalid template name"));
-    console.error(chalk.yellow("   Template name cannot contain path separators"));
+    console.error(
+      chalk.yellow("   Template name cannot contain path separators")
+    );
     process.exit(1);
   }
   if (!/^[a-zA-Z0-9_-]+$/.test(sanitized)) {
     console.error(chalk.red("\u274C Invalid template name"));
-    console.error(chalk.yellow("   Template name can only contain letters, numbers, hyphens, and underscores"));
+    console.error(
+      chalk.yellow(
+        "   Template name can only contain letters, numbers, hyphens, and underscores"
+      )
+    );
     process.exit(1);
   }
   return sanitized;
@@ -352,17 +462,31 @@ async function copyTemplate(projectPath, template, versions, isDevelopment = fal
     console.error(chalk.red(`\u274C Template "${template}" not found!`));
     const templatesDir = join(__dirname, "templates");
     if (existsSync(templatesDir)) {
-      const availableTemplates = readdirSync(templatesDir, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name).sort();
+      const availableTemplates = readdirSync(templatesDir, {
+        withFileTypes: true
+      }).filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name).sort();
       console.log(`Available templates: ${availableTemplates.join(", ")}`);
     } else {
       console.log("No templates directory found");
     }
-    console.log('\u{1F4A1} Tip: Use "starter" template for a comprehensive MCP server with all features');
-    console.log('\u{1F4A1} Tip: Use "mcp-ui" template for a MCP server with mcp-ui resources');
-    console.log('\u{1F4A1} Tip: Use "apps-sdk" template for a MCP server with OpenAI Apps SDK integration');
+    console.log(
+      '\u{1F4A1} Tip: Use "starter" template for a comprehensive MCP server with all features'
+    );
+    console.log(
+      '\u{1F4A1} Tip: Use "mcp-ui" template for a MCP server with mcp-ui resources'
+    );
+    console.log(
+      '\u{1F4A1} Tip: Use "apps-sdk" template for a MCP server with OpenAI Apps SDK integration'
+    );
     process.exit(1);
   }
-  copyDirectoryWithProcessing(templatePath, projectPath, versions, isDevelopment, useCanary);
+  copyDirectoryWithProcessing(
+    templatePath,
+    projectPath,
+    versions,
+    isDevelopment,
+    useCanary
+  );
 }
 function copyDirectoryWithProcessing(src, dest, versions, isDevelopment, useCanary = false) {
   const entries = readdirSync(src, { withFileTypes: true });
@@ -371,10 +495,21 @@ function copyDirectoryWithProcessing(src, dest, versions, isDevelopment, useCana
     const destPath = join(dest, entry.name);
     if (entry.isDirectory()) {
       mkdirSync(destPath, { recursive: true });
-      copyDirectoryWithProcessing(srcPath, destPath, versions, isDevelopment, useCanary);
+      copyDirectoryWithProcessing(
+        srcPath,
+        destPath,
+        versions,
+        isDevelopment,
+        useCanary
+      );
     } else {
       if (entry.name === "package.json" || entry.name.endsWith(".json")) {
-        const processedContent = processTemplateFile(srcPath, versions, isDevelopment, useCanary);
+        const processedContent = processTemplateFile(
+          srcPath,
+          versions,
+          isDevelopment,
+          useCanary
+        );
         writeFileSync(destPath, processedContent);
       } else {
         copyFileSync(srcPath, destPath);

package/dist/templates/apps-sdk/index.ts

@@ -1,38 +1,36 @@
-import { createMCPServer } from 'mcp-use/server'
+import { createMCPServer } from "mcp-use/server";
 
-const server = createMCPServer('test-app', {
-  version: '1.0.0',
-  description: 'Test MCP server with automatic UI widget registration',
-  host: process.env.HOST || 'localhost',
+const server = createMCPServer("test-app", {
+  version: "1.0.0",
+  description: "Test MCP server with automatic UI widget registration",
+  host: process.env.HOST || "localhost",
   baseUrl: process.env.MCP_URL, // Full base URL (e.g., https://myserver.com)
-})
+});
 
 /**
  * AUTOMATIC UI WIDGET REGISTRATION
  * All React components in the `resources/` folder are automatically registered as MCP tools and resources.
  * Just export widgetMetadata with description and Zod schema, and mcp-use handles the rest!
- * 
+ *
  * It will automatically add to your MCP server:
  * - server.tool('display-weather')
  * - server.resource('ui://widget/display-weather')
- * 
+ *
  * See docs: https://docs.mcp-use.com/typescript/server/ui-widgets
  */
 
-
 /**
  * Add here yourtandard MCP tools, resources and prompts
  */
 server.tool({
-  name: 'get-my-city',
-  description: 'Get my city',
+  name: "get-my-city",
+  description: "Get my city",
   cb: async () => {
-    return { content: [{ type: 'text', text: `My city is San Francisco` }] }
+    return { content: [{ type: "text", text: `My city is San Francisco` }] };
   },
-})
-
+});
 
-const PORT = process.env.PORT ? parseInt(process.env.PORT) : 3000
-const HOST = process.env.HOST || 'localhost'
-server.listen(PORT)
-console.log(`Server running at http://${HOST}:${PORT}`)
+const PORT = process.env.PORT ? parseInt(process.env.PORT) : 3000;
+const HOST = process.env.HOST || "localhost";
+server.listen(PORT);
+console.log(`Server running at http://${HOST}:${PORT}`);

package/dist/templates/apps-sdk/package.json

@@ -38,4 +38,4 @@
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2"
   }
-}
+}