@leanmcp/cli 0.2.9 → 0.2.11

package/dist/index.js

@@ -59,14 +59,33 @@ function parseUIAppDecorators(content, filePath) {
   while ((match = uiAppRegex.exec(content)) !== null) {
     const decoratorBody = match[1];
     const methodName = match[2];
-    const componentMatch = decoratorBody.match(/component\s*:\s*(\w+)/);
-    if (!componentMatch) continue;
-    const componentName = componentMatch[1];
-    const componentPath = importMap[componentName];
-    if (!componentPath) {
-      console.warn(`[scanUIApp] Could not resolve import for component: ${componentName}`);
-      continue;
+    let componentPath;
+    let componentName;
+    const stringMatch = decoratorBody.match(/component\s*:\s*['"]([^'"]+)['"]/);
+    if (stringMatch) {
+      const relativePath = stringMatch[1];
+      const dir = path.dirname(filePath);
+      let resolvedPath = path.resolve(dir, relativePath);
+      if (!resolvedPath.endsWith(".tsx") && !resolvedPath.endsWith(".ts")) {
+        if (fs.existsSync(resolvedPath + ".tsx")) {
+          resolvedPath += ".tsx";
+        } else if (fs.existsSync(resolvedPath + ".ts")) {
+          resolvedPath += ".ts";
+        }
+      }
+      componentPath = resolvedPath;
+      componentName = path.basename(relativePath).replace(/\.(tsx?|jsx?)$/, "");
+    } else {
+      const identifierMatch = decoratorBody.match(/component\s*:\s*(\w+)/);
+      if (!identifierMatch) continue;
+      componentName = identifierMatch[1];
+      componentPath = importMap[componentName];
+      if (!componentPath) {
+        console.warn(`[scanUIApp] Could not resolve import for component: ${componentName}`);
+        continue;
+      }
     }
+    if (!componentPath) continue;
     const servicePrefix = serviceName.replace(/Service$/i, "").toLowerCase();
     const resourceUri = `ui://${servicePrefix}/${methodName}`;
     results.push({
@@ -134,11 +153,137 @@ async function buildUIComponent(uiApp, projectDir, isDev = false) {
     <script type="module" src="./entry.tsx"></script>
 </body>
 </html>`);
+  const tailwindConfig = path2.join(tempDir, "tailwind.config.js");
+  await fs2.writeFile(tailwindConfig, `
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        '${path2.join(projectDir, "**/*.{ts,tsx,js,jsx}").replace(/\\/g, "/")}',
+        '${path2.join(projectDir, "mcp/**/*.{ts,tsx,js,jsx}").replace(/\\/g, "/")}',
+        '${path2.join(projectDir, "node_modules/@leanmcp/ui/**/*.{js,mjs}").replace(/\\/g, "/")}',
+        '${path2.join(projectDir, "../../packages/ui/src/**/*.{ts,tsx}").replace(/\\/g, "/")}',
+    ],
+    darkMode: ['class'],
+    theme: {
+        container: {
+            center: true,
+            padding: '2rem',
+            screens: {
+                '2xl': '1400px',
+            },
+        },
+        extend: {
+            colors: {
+                border: 'hsl(var(--border))',
+                input: 'hsl(var(--input))',
+                ring: 'hsl(var(--ring))',
+                background: 'hsl(var(--background))',
+                foreground: 'hsl(var(--foreground))',
+                primary: {
+                    DEFAULT: 'hsl(var(--primary))',
+                    foreground: 'hsl(var(--primary-foreground))',
+                },
+                secondary: {
+                    DEFAULT: 'hsl(var(--secondary))',
+                    foreground: 'hsl(var(--secondary-foreground))',
+                },
+                destructive: {
+                    DEFAULT: 'hsl(var(--destructive))',
+                    foreground: 'hsl(var(--destructive-foreground))',
+                },
+                muted: {
+                    DEFAULT: 'hsl(var(--muted))',
+                    foreground: 'hsl(var(--muted-foreground))',
+                },
+                accent: {
+                    DEFAULT: 'hsl(var(--accent))',
+                    foreground: 'hsl(var(--accent-foreground))',
+                },
+                popover: {
+                    DEFAULT: 'hsl(var(--popover))',
+                    foreground: 'hsl(var(--popover-foreground))',
+                },
+                card: {
+                    DEFAULT: 'hsl(var(--card))',
+                    foreground: 'hsl(var(--card-foreground))',
+                },
+            },
+            borderRadius: {
+                lg: 'var(--radius)',
+                md: 'calc(var(--radius) - 2px)',
+                sm: 'calc(var(--radius) - 4px)',
+            },
+        },
+    },
+    plugins: [],
+}
+`);
+  const stylesCss = path2.join(tempDir, "styles.css");
+  await fs2.writeFile(stylesCss, `
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --background: 0 0% 100%;
+        --foreground: 222.2 84% 4.9%;
+        --card: 0 0% 100%;
+        --card-foreground: 222.2 84% 4.9%;
+        --popover: 0 0% 100%;
+        --popover-foreground: 222.2 84% 4.9%;
+        --primary: 222.2 47.4% 11.2%;
+        --primary-foreground: 210 40% 98%;
+        --secondary: 210 40% 96.1%;
+        --secondary-foreground: 222.2 47.4% 11.2%;
+        --muted: 210 40% 96.1%;
+        --muted-foreground: 215.4 16.3% 46.9%;
+        --accent: 210 40% 96.1%;
+        --accent-foreground: 222.2 47.4% 11.2%;
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 210 40% 98%;
+        --border: 214.3 31.8% 91.4%;
+        --input: 214.3 31.8% 91.4%;
+        --ring: 222.2 84% 4.9%;
+        --radius: 0.5rem;
+    }
+
+    .dark {
+        --background: 222.2 84% 4.9%;
+        --foreground: 210 40% 98%;
+        --card: 222.2 84% 4.9%;
+        --card-foreground: 210 40% 98%;
+        --popover: 222.2 84% 4.9%;
+        --popover-foreground: 210 40% 98%;
+        --primary: 210 40% 98%;
+        --primary-foreground: 222.2 47.4% 11.2%;
+        --secondary: 217.2 32.6% 17.5%;
+        --secondary-foreground: 210 40% 98%;
+        --muted: 217.2 32.6% 17.5%;
+        --muted-foreground: 215 20.2% 65.1%;
+        --accent: 217.2 32.6% 17.5%;
+        --accent-foreground: 210 40% 98%;
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 210 40% 98%;
+        --border: 217.2 32.6% 17.5%;
+        --input: 217.2 32.6% 17.5%;
+        --ring: 212.7 26.8% 83.9%;
+    }
+
+    body {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        background-color: hsl(var(--background));
+        color: hsl(var(--foreground));
+    }
+}
+`);
   const relativeComponentPath = path2.relative(tempDir, componentPath).replace(/\\/g, "/");
   await fs2.writeFile(entryJs, `
 import React, { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { AppProvider } from '@leanmcp/ui';
+import { AppProvider, Toaster } from '@leanmcp/ui';
+import '@leanmcp/ui/styles.css';
+import './styles.css';
 import { ${componentName} } from '${relativeComponentPath.replace(/\.tsx?$/, "")}';
 
 const APP_INFO = {
@@ -150,6 +295,7 @@ function App() {
     return (
         <AppProvider appInfo={APP_INFO}>
             <${componentName} />
+            <Toaster />
         </AppProvider>
     );
 }
@@ -167,6 +313,16 @@ createRoot(document.getElementById('root')!).render(
         react(),
         viteSingleFile()
       ],
+      css: {
+        postcss: {
+          plugins: [
+            (await import("tailwindcss")).default({
+              config: tailwindConfig
+            }),
+            (await import("autoprefixer")).default
+          ]
+        }
+      },
       build: {
         outDir,
         emptyOutDir: false,
@@ -400,7 +556,7 @@ program.name("leanmcp").description("LeanMCP CLI \u2014 create production-ready
 Examples:
   $ leanmcp create my-app --allow-all    # Scaffold without interactive prompts
 `);
-program.command("create <projectName>").description("Create a new LeanMCP project with Streamable HTTP transport").option("--allow-all", "Skip interactive confirmations and assume Yes").action(async (projectName, options) => {
+program.command("create <projectName>").description("Create a new LeanMCP project with Streamable HTTP transport").option("--allow-all", "Skip interactive confirmations and assume Yes").option("--no-dashboard", "Disable dashboard UI at / and /mcp GET endpoints").action(async (projectName, options) => {
   const spinner = ora3(`Creating project ${projectName}...`).start();
   const targetDir = path5.join(process.cwd(), projectName);
   if (fs5.existsSync(targetDir)) {
@@ -465,152 +621,139 @@ program.command("create <projectName>").description("Create a new LeanMCP projec
   await fs5.writeJSON(path5.join(targetDir, "tsconfig.json"), tsconfig, {
     spaces: 2
   });
+  const dashboardLine = options.dashboard === false ? `
+  dashboard: false,  // Dashboard disabled via --no-dashboard` : "";
   const mainTs = `import dotenv from "dotenv";
-import { createHTTPServer, MCPServer } from "@leanmcp/core";
+import { createHTTPServer } from "@leanmcp/core";
 
 // Load environment variables
 dotenv.config();
 
-const PORT = Number(process.env.PORT) || 3001;
-
-/**
- * Create and configure the MCP server
- * Services are automatically discovered from ./mcp directory
- */
-const serverFactory = async () => {
-  const server = new MCPServer({ 
-    name: "${projectName}", 
-    version: "1.0.0",
-    logging: true
-  });
-
-  // Services are automatically discovered and registered from ./mcp
-  return server.getServer();
-};
-
-// Start the HTTP server
-await createHTTPServer(serverFactory, {
-  port: PORT,
+// Services are automatically discovered from ./mcp directory
+await createHTTPServer({
+  name: "${projectName}",
+  version: "1.0.0",
+  port: 3001,
   cors: true,
-  logging: true  // Log HTTP requests
+  logging: true${dashboardLine}
 });
 
-console.log(\`\\n${projectName} MCP Server\`);
+console.log("\\n${projectName} MCP Server");
 `;
   await fs5.writeFile(path5.join(targetDir, "main.ts"), mainTs);
   const exampleServiceTs = `import { Tool, Resource, Prompt, SchemaConstraint, Optional } from "@leanmcp/core";
 
-/**
- * Example service demonstrating LeanMCP SDK decorators
- * 
- * This is a simple example to get you started. Add your own tools, resources, and prompts here!
- */
-
-// Input schema with validation decorators
-class CalculateInput {
-  @SchemaConstraint({ description: "First number" })
-  a!: number;
-
-  @SchemaConstraint({ description: "Second number" })
-  b!: number;
-
-  @Optional()
-  @SchemaConstraint({ 
-    description: "Operation to perform",
-    enum: ["add", "subtract", "multiply", "divide"],
-    default: "add"
-  })
-  operation?: string;
-}
-
-class EchoInput {
-  @SchemaConstraint({ 
-    description: "Message to echo back",
-    minLength: 1
-  })
-  message!: string;
-}
+    /**
+     * Example service demonstrating LeanMCP SDK decorators
+     * 
+     * This is a simple example to get you started. Add your own tools, resources, and prompts here!
+     */
+
+    // Input schema with validation decorators
+    class CalculateInput {
+      @SchemaConstraint({ description: "First number" })
+      a!: number;
+
+      @SchemaConstraint({ description: "Second number" })
+      b!: number;
+
+      @Optional()
+      @SchemaConstraint({
+        description: "Operation to perform",
+        enum: ["add", "subtract", "multiply", "divide"],
+        default: "add"
+      })
+      operation?: string;
+    }
 
-export class ExampleService {
-  @Tool({ 
-    description: "Perform arithmetic operations with automatic schema validation",
-    inputClass: CalculateInput
-  })
-  async calculate(input: CalculateInput) {
-    // Ensure numerical operations by explicitly converting to numbers
-    const a = Number(input.a);
-    const b = Number(input.b);
-    let result: number;
-    
-    switch (input.operation || "add") {
-      case "add":
-        result = a + b;
-        break;
-      case "subtract":
-        result = a - b;
-        break;
-      case "multiply":
-        result = a * b;
-        break;
-      case "divide":
-        if (b === 0) throw new Error("Cannot divide by zero");
-        result = a / b;
-        break;
-      default:
-        throw new Error("Invalid operation");
+    class EchoInput {
+      @SchemaConstraint({
+        description: "Message to echo back",
+        minLength: 1
+      })
+      message!: string;
     }
 
-    return {
-      content: [{
-        type: "text" as const,
-        text: JSON.stringify({
-          operation: input.operation || "add",
-          operands: { a: input.a, b: input.b },
-          result
-        }, null, 2)
-      }]
-    };
-  }
+    export class ExampleService {
+      @Tool({
+        description: "Perform arithmetic operations with automatic schema validation",
+        inputClass: CalculateInput
+      })
+      async calculate(input: CalculateInput) {
+        // Ensure numerical operations by explicitly converting to numbers
+        const a = Number(input.a);
+        const b = Number(input.b);
+        let result: number;
+
+        switch (input.operation || "add") {
+          case "add":
+            result = a + b;
+            break;
+          case "subtract":
+            result = a - b;
+            break;
+          case "multiply":
+            result = a * b;
+            break;
+          case "divide":
+            if (b === 0) throw new Error("Cannot divide by zero");
+            result = a / b;
+            break;
+          default:
+            throw new Error("Invalid operation");
+        }
 
-  @Tool({ 
-    description: "Echo a message back",
-    inputClass: EchoInput
-  })
-  async echo(input: EchoInput) {
-    return {
-      content: [{
-        type: "text" as const,
-        text: JSON.stringify({
-          echoed: input.message,
-          timestamp: new Date().toISOString()
-        }, null, 2)
-      }]
-    };
-  }
+        return {
+          content: [{
+            type: "text" as const,
+            text: JSON.stringify({
+              operation: input.operation || "add",
+              operands: { a: input.a, b: input.b },
+              result
+            }, null, 2)
+          }]
+        };
+      }
 
-  @Resource({ description: "Get server information" })
-  async serverInfo() {
-    return {
-      contents: [{
-        uri: "server://info",
-        mimeType: "application/json",
-        text: JSON.stringify({
-          name: "${projectName}",
-          version: "1.0.0",
-          uptime: process.uptime()
-        }, null, 2)
-      }]
-    };
-  }
+      @Tool({
+        description: "Echo a message back",
+        inputClass: EchoInput
+      })
+      async echo(input: EchoInput) {
+        return {
+          content: [{
+            type: "text" as const,
+            text: JSON.stringify({
+              echoed: input.message,
+              timestamp: new Date().toISOString()
+            }, null, 2)
+          }]
+        };
+      }
 
-  @Prompt({ description: "Generate a greeting prompt" })
-  async greeting(args: { name?: string }) {
-    return {
-      messages: [{
-        role: "user" as const,
-        content: {
-          type: "text" as const,
-          text: \`Hello \${args.name || 'there'}! Welcome to ${projectName}.\`
+      @Resource({ description: "Get server information" })
+      async serverInfo() {
+        return {
+          contents: [{
+            uri: "server://info",
+            mimeType: "application/json",
+            text: JSON.stringify({
+              name: "${projectName}",
+              version: "1.0.0",
+              uptime: process.uptime()
+            }, null, 2)
+          }]
+        };
+      }
+
+      @Prompt({ description: "Generate a greeting prompt" })
+      async greeting(args: { name?: string }) {
+        return {
+          messages: [{
+            role: "user" as const,
+            content: {
+              type: "text" as const,
+              text: \`Hello \${args.name || 'there'}! Welcome to ${projectName}.\`
         }
       }]
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanmcp/cli",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Command-line interface for scaffolding LeanMCP projects",
   "bin": {
     "leanmcp": "bin/leanmcp.js"
@@ -29,12 +29,15 @@
   "dependencies": {
     "@inquirer/prompts": "^7.0.1",
     "@vitejs/plugin-react": "^4.3.0",
+    "autoprefixer": "^10.4.16",
     "chalk": "^5.3.0",
     "chokidar": "^4.0.0",
     "commander": "^12.0.0",
     "fs-extra": "^11.2.0",
     "glob": "^11.0.0",
     "ora": "^8.1.0",
+    "postcss": "^8.4.32",
+    "tailwindcss": "^3.4.0",
     "vite": "^5.4.0",
     "vite-plugin-singlefile": "^2.3.0"
   },