@leanmcp/cli 0.2.10 → 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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanmcp/cli",
-  "version": "0.2.10",
+  "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"
   },