meno-core 1.0.40 → 1.0.41

package/bin/cli.ts

@@ -296,6 +296,35 @@ async function runInit(projectName?: string) {
     JSON.stringify(packageJson, null, 2)
   );
 
+  // Create .claude/tools/ with screenshot tool
+  mkdirSync(join(projectPath, '.claude', 'tools'), { recursive: true });
+
+  const screenshotToolSrc = join(import.meta.dirname, '..', '..', '..', 'example', '.claude', 'tools', 'screenshot.mjs');
+  if (existsSync(screenshotToolSrc)) {
+    cpSync(screenshotToolSrc, join(projectPath, '.claude', 'tools', 'screenshot.mjs'));
+  }
+
+  // Create CLAUDE.md with project instructions
+  const claudeMd = `# ${projectName}
+
+A Meno project - visual editor that generates websites from JSON files.
+
+## Dev Server
+
+\`\`\`bash
+bun run dev    # Start dev server on port 3000
+\`\`\`
+
+## Screenshot Tool
+
+Take a screenshot of any element by its node ID:
+\`\`\`bash
+npx puppeteer browsers install chrome && node .claude/tools/screenshot.mjs <nodeId> --page /about
+\`\`\`
+Node IDs can be found in the page JSON files under the \`id\` field of each node.
+`;
+  writeFileSync(join(projectPath, 'CLAUDE.md'), claudeMd);
+
   // Create .gitignore
   const gitignore = `# Dependencies
 node_modules/
@@ -387,6 +416,9 @@ command = "bun install && bun run build"
 
   console.log('✅ Created project structure:');
   console.log(`   ${projectName}/`);
+  console.log('   ├── .claude/');
+  console.log('   │   └── tools/');
+  console.log('   │       └── screenshot.mjs');
   console.log('   ├── pages/');
   console.log('   │   └── index.json');
   console.log('   ├── components/');
@@ -395,6 +427,7 @@ command = "bun install && bun run build"
   console.log('   ├── colors.json');
   console.log('   ├── project.config.json');
   console.log('   ├── package.json');
+  console.log('   ├── CLAUDE.md');
   console.log('   ├── netlify.toml');
   console.log('   ├── vercel.json');
   console.log('   ├── wrangler.toml');

package/build-astro.ts

@@ -42,7 +42,7 @@ import { emitAstroPage } from "./lib/server/astro/pageEmitter";
 import { emitCMSPage } from './lib/server/astro/cmsPageEmitter';
 import { collectAllMappingClasses } from "./lib/server/astro/cssCollector";
 import { buildImageMetadataMap } from "./lib/server/ssr/imageMetadata";
-import { extractUtilityClassesFromHTML, generateUtilityCSS } from "./lib/shared/cssGeneration";
+
 
 // ---------------------------------------------------------------------------
 // Helpers
@@ -630,6 +630,7 @@ export async function buildAstroProject(
             i18nConfig,
             isMultiLocale: false, // Each file handles one locale
             slugMappings,
+            imageFormat: configService.getImageFormat(),
           });
 
           const astroFileFull = join(pagesOutDir, astroFilePath);
@@ -742,8 +743,6 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
   // ----------------------------------------------------------
   // 8. Generate .astro page files (component-structured)
   // ----------------------------------------------------------
-  const allFallbackHtml: string[] = []; // Collect SSR fallback HTML for utility CSS generation
-
   for (const result of allResults) {
     const importPath = layoutImportPath(result.fileDepth);
 
@@ -772,9 +771,6 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
       try {
         // Use SSR fallback collector from the initial render (paths already match nodeToAstro convention)
         const ssrFallbacks = result.ssrFallbackCollector ?? new Map<string, string>();
-        ssrFallbacks.forEach((html) => {
-          allFallbackHtml.push(html);
-        });
 
         // Compute slug map for locale list rendering
         const pageSlugMap: Record<string, string> | undefined =
@@ -801,6 +797,7 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
           i18nConfig: i18nConfig.locales.length > 1 ? i18nConfig : undefined,
           currentPageSlugMap: pageSlugMap,
           slugMappings: i18nConfig.locales.length > 1 ? slugMappings : undefined,
+          imageFormat: configService.getImageFormat(),
         });
       } catch (error: any) {
         // Fallback to SSR HTML if component emission fails
@@ -810,7 +807,6 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
     } else {
       // Pages without pageData: use SSR fallback
       astroContent = buildSSRFallbackPage(result, importPath, fontPreloads, libraryTags, defaultTheme, scriptPaths);
-      allFallbackHtml.push(result.html);
     }
 
     const astroFileFull = join(pagesOutDir, result.astroFilePath);
@@ -824,26 +820,6 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
 
   console.log(`Generated ${allResults.length} .astro page file(s)`);
 
-  // ----------------------------------------------------------
-  // 8.5. Generate utility CSS for SSR fallback HTML
-  // ----------------------------------------------------------
-  if (allFallbackHtml.length > 0) {
-    const allClasses = new Set<string>();
-    for (const html of allFallbackHtml) {
-      for (const cls of extractUtilityClassesFromHTML(html)) {
-        allClasses.add(cls);
-      }
-    }
-    if (allClasses.size > 0) {
-      const utilityCSS = generateUtilityCSS(allClasses, breakpoints, responsiveScales);
-      if (utilityCSS) {
-        const existingCSS = await readFile(join(stylesDir, 'global.css'), 'utf-8');
-        await writeFile(join(stylesDir, 'global.css'), existingCSS + '\n\n/* SSR fallback utility classes */\n' + utilityCSS, 'utf-8');
-        console.log(`Added ${allClasses.size} utility classes for SSR fallback content`);
-      }
-    }
-  }
-
   // ----------------------------------------------------------
   // 9. Generate CMS content collections (if templates exist)
   // ----------------------------------------------------------

package/dist/bin/cli.js

@@ -14,7 +14,7 @@ import "../chunks/chunk-KSBZ2L7C.js";
 
 // bin/cli.ts
 import { resolve, join } from "path";
-import { existsSync, mkdirSync, writeFileSync, readFileSync } from "fs";
+import { existsSync, mkdirSync, writeFileSync, cpSync, readFileSync } from "fs";
 var args = process.argv.slice(2);
 var command = args[0];
 function printHelp() {
@@ -82,7 +82,7 @@ function getMatchingHeaders(pathname, headersMap) {
   return result;
 }
 async function startStaticServer(distPath) {
-  const { SERVE_PORT } = await import("../chunks/constants-L75FR445.js");
+  const { SERVE_PORT } = await import("../chunks/constants-ZEU4TZCA.js");
   const headersMap = parseHeadersFile(distPath);
   const server = await createRuntimeServer({
     port: SERVE_PORT,
@@ -226,6 +226,30 @@ async function runInit(projectName) {
     join(projectPath, "package.json"),
     JSON.stringify(packageJson, null, 2)
   );
+  mkdirSync(join(projectPath, ".claude", "tools"), { recursive: true });
+  const screenshotToolSrc = join(import.meta.dirname, "..", "..", "..", "example", ".claude", "tools", "screenshot.mjs");
+  if (existsSync(screenshotToolSrc)) {
+    cpSync(screenshotToolSrc, join(projectPath, ".claude", "tools", "screenshot.mjs"));
+  }
+  const claudeMd = `# ${projectName}
+
+A Meno project - visual editor that generates websites from JSON files.
+
+## Dev Server
+
+\`\`\`bash
+bun run dev    # Start dev server on port 3000
+\`\`\`
+
+## Screenshot Tool
+
+Take a screenshot of any element by its node ID:
+\`\`\`bash
+npx puppeteer browsers install chrome && node .claude/tools/screenshot.mjs <nodeId> --page /about
+\`\`\`
+Node IDs can be found in the page JSON files under the \`id\` field of each node.
+`;
+  writeFileSync(join(projectPath, "CLAUDE.md"), claudeMd);
   const gitignore = `# Dependencies
 node_modules/
 
@@ -307,6 +331,9 @@ command = "bun install && bun run build"
   );
   console.log("\u2705 Created project structure:");
   console.log(`   ${projectName}/`);
+  console.log("   \u251C\u2500\u2500 .claude/");
+  console.log("   \u2502   \u2514\u2500\u2500 tools/");
+  console.log("   \u2502       \u2514\u2500\u2500 screenshot.mjs");
   console.log("   \u251C\u2500\u2500 pages/");
   console.log("   \u2502   \u2514\u2500\u2500 index.json");
   console.log("   \u251C\u2500\u2500 components/");
@@ -315,6 +342,7 @@ command = "bun install && bun run build"
   console.log("   \u251C\u2500\u2500 colors.json");
   console.log("   \u251C\u2500\u2500 project.config.json");
   console.log("   \u251C\u2500\u2500 package.json");
+  console.log("   \u251C\u2500\u2500 CLAUDE.md");
   console.log("   \u251C\u2500\u2500 netlify.toml");
   console.log("   \u251C\u2500\u2500 vercel.json");
   console.log("   \u251C\u2500\u2500 wrangler.toml");

package/dist/bin/cli.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../bin/cli.ts"],
-  "sourcesContent": ["#!/usr/bin/env node\n/**\n * meno CLI\n * Commands: dev, build, init\n */\n\nimport { resolve, join } from 'path';\nimport { existsSync, mkdirSync, writeFileSync, cpSync, readFileSync } from 'fs';\nimport { setProjectRoot } from '../lib/server/projectContext';\nimport { generateBuildErrorPage, type BuildErrorsData } from '../lib/server/ssr/buildErrorOverlay';\nimport { createRuntimeServer, serveFile, fileExists as runtimeFileExists } from '../lib/server/runtime';\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nfunction printHelp() {\n  console.log(`\nmeno - Visual editor for JSON-based pages\n\nRequirements:\n  - Bun or Node.js 18+\n\nUsage:\n  meno <command> [options]\n\nCommands:\n  dev       Start development server with hot reload\n  build     Build static HTML files for production\n  serve     Serve built files from ./dist on port 8080\n  init      Initialize a new project\n\nOptions:\n  build --dev    Include draft pages in build (for local preview)\n\nExamples:\n  meno dev                    Start dev server in current directory\n  meno build                  Build static files to ./dist (excludes drafts)\n  meno build --dev            Build including draft pages\n  meno serve                  Serve built files on port 8080\n  meno init my-project        Create new project in ./my-project\n`);\n}\n\n// Parse _headers file (Netlify/Cloudflare format)\nfunction parseHeadersFile(distPath: string): Map<string, Record<string, string>> {\n  const headersPath = join(distPath, '_headers');\n  const headers = new Map<string, Record<string, string>>();\n\n  if (!existsSync(headersPath)) return headers;\n\n  const content = readFileSync(headersPath, 'utf-8');\n  let currentPath = '';\n\n  for (const line of content.split('\\n')) {\n    const trimmed = line.trim();\n    if (!trimmed || trimmed.startsWith('#')) continue;\n\n    if (!line.startsWith(' ') && !line.startsWith('\\t')) {\n      // Path line\n      currentPath = trimmed;\n      if (!headers.has(currentPath)) {\n        headers.set(currentPath, {});\n      }\n    } else if (currentPath && trimmed.includes(':')) {\n      // Header line\n      const colonIndex = trimmed.indexOf(':');\n      const name = trimmed.substring(0, colonIndex).trim();\n      const value = trimmed.substring(colonIndex + 1).trim();\n      headers.get(currentPath)![name] = value;\n    }\n  }\n\n  return headers;\n}\n\n// Get headers matching a pathname\nfunction getMatchingHeaders(\n  pathname: string,\n  headersMap: Map<string, Record<string, string>>\n): Record<string, string> {\n  const result: Record<string, string> = {};\n\n  headersMap.forEach((headers, pattern) => {\n    if (pattern === pathname || pattern === '/*') {\n      Object.assign(result, headers);\n    } else if (pattern.endsWith('/*')) {\n      const prefix = pattern.slice(0, -1);\n      if (pathname.startsWith(prefix)) {\n        Object.assign(result, headers);\n      }\n    }\n  });\n\n  return result;\n}\n\n// Start static file server on port 8080 (non-blocking)\nasync function startStaticServer(distPath: string) {\n  const { SERVE_PORT } = await import('../lib/shared/constants');\n\n  // Parse _headers file once on startup\n  const headersMap = parseHeadersFile(distPath);\n\n  const server = await createRuntimeServer({\n    port: SERVE_PORT,\n    hostname: 'localhost',\n    async fetch(req: Request) {\n      const url = new URL(req.url);\n      let pathname = url.pathname;\n\n      // Check for build errors and show overlay (except for _errors.json itself)\n      if (pathname !== '/_errors.json') {\n        const errorsPath = join(distPath, '_errors.json');\n        if (existsSync(errorsPath)) {\n          try {\n            const errorsData: BuildErrorsData = JSON.parse(readFileSync(errorsPath, 'utf-8'));\n            return new Response(generateBuildErrorPage(errorsData), {\n              headers: { 'Content-Type': 'text/html; charset=utf-8' },\n            });\n          } catch {\n            // If we can't parse errors file, continue normally\n          }\n        }\n      }\n\n      // Default to index.html for root\n      if (pathname === '/') {\n        pathname = '/index.html';\n      }\n\n      // Get custom headers for this path\n      const customHeaders = getMatchingHeaders(pathname, headersMap);\n\n      // Try to serve the file\n      const filePath = join(distPath, pathname);\n\n      // Check if file exists and serve it\n      if (await runtimeFileExists(filePath)) {\n        return await serveFile(filePath, customHeaders);\n      }\n\n      // Try with .html extension for clean URLs\n      const htmlPath = filePath.endsWith('.html') ? filePath : `${filePath}.html`;\n      if (await runtimeFileExists(htmlPath)) {\n        return await serveFile(htmlPath, customHeaders);\n      }\n\n      // Try index.html in directory\n      const indexPath = join(filePath, 'index.html');\n      if (await runtimeFileExists(indexPath)) {\n        return await serveFile(indexPath, customHeaders);\n      }\n\n      return new Response('Not Found', { status: 404 });\n    },\n  });\n\n  return server;\n}\n\nasync function runDev() {\n  const projectRoot = process.cwd();\n\n  // Validate project structure\n  if (!existsSync(join(projectRoot, 'pages'))) {\n    console.error('\u274C No pages directory found. Are you in a valid project directory?');\n    console.error('   Run \"meno init <project-name>\" to create a new project.');\n    process.exit(1);\n  }\n\n  // Set project root for path resolution\n  setProjectRoot(projectRoot);\n\n  console.log(`\uD83D\uDCC1 Project root: ${projectRoot}`);\n\n  // Start static server on 8080 if dist exists\n  const distPath = join(projectRoot, 'dist');\n  if (existsSync(distPath)) {\n    const staticServer = await startStaticServer(distPath);\n    console.log(`\uD83D\uDE80 Static server running at http://localhost:${staticServer.port}`);\n  }\n\n  // Import and run the dev server (it handles all initialization internally)\n  await import('../entries/server-router');\n}\n\nasync function runBuild(isDev: boolean = false) {\n  const projectRoot = process.cwd();\n\n  // Validate project structure\n  if (!existsSync(join(projectRoot, 'pages'))) {\n    console.error('\u274C No pages directory found. Are you in a valid project directory?');\n    process.exit(1);\n  }\n\n  // Set project root for path resolution\n  setProjectRoot(projectRoot);\n\n  // Set dev mode environment variable (drafts are built in dev mode)\n  if (isDev) {\n    process.env.MENO_DEV_BUILD = 'true';\n  }\n\n  console.log(`\uD83D\uDCC1 Building project: ${projectRoot}${isDev ? ' (dev mode - including drafts)' : ''}`);\n\n  // Import and run build\n  const { buildStaticPages } = await import('../build-static.ts');\n  await buildStaticPages();\n}\n\nasync function runServe() {\n  const projectRoot = process.cwd();\n  const distPath = join(projectRoot, 'dist');\n\n  // Validate dist directory exists\n  if (!existsSync(distPath)) {\n    console.error('\u274C No dist directory found. Run \"meno build\" first.');\n    process.exit(1);\n  }\n\n  console.log(`\uD83D\uDCC1 Serving built files from: ${distPath}`);\n  const server = await startStaticServer(distPath);\n  console.log(`\uD83D\uDE80 Static server running at http://localhost:${server.port}`);\n\n  // Keep the process alive\n  await new Promise(() => {});\n}\n\nasync function runInit(projectName?: string) {\n  if (!projectName) {\n    console.error('\u274C Please provide a project name: meno init <project-name>');\n    process.exit(1);\n  }\n\n  const projectPath = resolve(process.cwd(), projectName);\n\n  if (existsSync(projectPath)) {\n    console.error(`\u274C Directory \"${projectName}\" already exists.`);\n    process.exit(1);\n  }\n\n  console.log(`\\n\uD83D\uDE80 Creating new meno project: ${projectName}\\n`);\n\n  // Create project structure\n  mkdirSync(projectPath, { recursive: true });\n  mkdirSync(join(projectPath, 'pages'));\n  mkdirSync(join(projectPath, 'components'));\n  mkdirSync(join(projectPath, 'fonts'));\n  mkdirSync(join(projectPath, 'images'));\n\n  // Create default project.config.json\n  const defaultConfig = {\n    fonts: [],\n    editor: {\n      theme: 'dark'\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'project.config.json'),\n    JSON.stringify(defaultConfig, null, 2)\n  );\n\n  // Create default colors.json\n  const defaultColors = {\n    default: 'light',\n    themes: {\n      light: {\n        label: 'Light',\n        colors: {\n          text: '#1f2937',\n          bg: '#ffffff'\n        }\n      }\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'colors.json'),\n    JSON.stringify(defaultColors, null, 2)\n  );\n\n  // Create package.json for deployment\n  const packageJson = {\n    name: projectName,\n    version: '1.0.0',\n    private: true,\n    scripts: {\n      dev: 'meno dev',\n      build: 'meno build',\n    },\n    dependencies: {\n      'meno-core': '^1.0.0'\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'package.json'),\n    JSON.stringify(packageJson, null, 2)\n  );\n\n  // Create .gitignore\n  const gitignore = `# Dependencies\nnode_modules/\n\n# Build output\ndist/\n\n# OS files\n.DS_Store\n`;\n  writeFileSync(\n    join(projectPath, '.gitignore'),\n    gitignore\n  );\n\n  // Create netlify.toml\n  const netlifyConfig = `[build]\n  command = \"bun install && bun run build\"\n  publish = \"dist\"\n\n[build.environment]\n  BUN_VERSION = \"1\"\n`;\n  writeFileSync(\n    join(projectPath, 'netlify.toml'),\n    netlifyConfig\n  );\n\n  // Create vercel.json\n  const vercelConfig = {\n    buildCommand: 'bun run build',\n    outputDirectory: 'dist',\n    installCommand: 'bun install'\n  };\n  writeFileSync(\n    join(projectPath, 'vercel.json'),\n    JSON.stringify(vercelConfig, null, 2)\n  );\n\n  // Create wrangler.toml for Cloudflare Pages\n  const cloudflareConfig = `name = \"${projectName}\"\ncompatibility_date = \"2024-01-01\"\npages_build_output_dir = \"dist\"\n\n[build]\ncommand = \"bun install && bun run build\"\n`;\n  writeFileSync(\n    join(projectPath, 'wrangler.toml'),\n    cloudflareConfig\n  );\n\n  // Create default index page\n  const defaultPage = {\n    meta: {\n      title: 'Your Project Title',\n      description: 'Your Project Description',\n      keywords: '',\n      ogTitle: 'Your Project Title',\n      ogDescription: 'Your Project Description',\n      ogType: 'website'\n    },\n    root: {\n      type: 'node',\n      tag: 'div',\n      style: {\n        base: {\n          padding: '40px'\n        },\n        tablet: {},\n        mobile: {}\n      },\n      children: [\n        {\n          type: 'node',\n          tag: 'h1',\n          style: {\n            base: {}\n          },\n          children: 'Hello'\n        }\n      ]\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'pages', 'index.json'),\n    JSON.stringify(defaultPage, null, 2)\n  );\n\n  console.log('\u2705 Created project structure:');\n  console.log(`   ${projectName}/`);\n  console.log('   \u251C\u2500\u2500 pages/');\n  console.log('   \u2502   \u2514\u2500\u2500 index.json');\n  console.log('   \u251C\u2500\u2500 components/');\n  console.log('   \u251C\u2500\u2500 fonts/');\n  console.log('   \u251C\u2500\u2500 images/');\n  console.log('   \u251C\u2500\u2500 colors.json');\n  console.log('   \u251C\u2500\u2500 project.config.json');\n  console.log('   \u251C\u2500\u2500 package.json');\n  console.log('   \u251C\u2500\u2500 netlify.toml');\n  console.log('   \u251C\u2500\u2500 vercel.json');\n  console.log('   \u251C\u2500\u2500 wrangler.toml');\n  console.log('   \u2514\u2500\u2500 .gitignore');\n  console.log('\\n\uD83C\uDF89 Project created successfully!\\n');\n  console.log('Requirements:');\n  console.log('   Bun - https://bun.sh');\n  console.log('');\n  console.log('Next steps:');\n  console.log(`   cd ${projectName}`);\n  console.log('   bun install        # Install dependencies');\n  console.log('   bun run dev        # Start dev server');\n  console.log('');\n  console.log('Deploy:');\n  console.log('   Push to GitHub and connect to Netlify/Vercel/Cloudflare');\n  console.log('   Config files included - auto-detected!');\n  console.log('');\n}\n\n// Main\nswitch (command) {\n  case 'dev':\n    runDev();\n    break;\n  case 'build':\n    runBuild(args.includes('--dev'));\n    break;\n  case 'serve':\n    runServe();\n    break;\n  case 'init':\n    runInit(args[1]);\n    break;\n  case '--help':\n  case '-h':\n  case undefined:\n    printHelp();\n    break;\n  default:\n    console.error(`Unknown command: ${command}`);\n    printHelp();\n    process.exit(1);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["#!/usr/bin/env node\n/**\n * meno CLI\n * Commands: dev, build, init\n */\n\nimport { resolve, join } from 'path';\nimport { existsSync, mkdirSync, writeFileSync, cpSync, readFileSync } from 'fs';\nimport { setProjectRoot } from '../lib/server/projectContext';\nimport { generateBuildErrorPage, type BuildErrorsData } from '../lib/server/ssr/buildErrorOverlay';\nimport { createRuntimeServer, serveFile, fileExists as runtimeFileExists } from '../lib/server/runtime';\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nfunction printHelp() {\n  console.log(`\nmeno - Visual editor for JSON-based pages\n\nRequirements:\n  - Bun or Node.js 18+\n\nUsage:\n  meno <command> [options]\n\nCommands:\n  dev       Start development server with hot reload\n  build     Build static HTML files for production\n  serve     Serve built files from ./dist on port 8080\n  init      Initialize a new project\n\nOptions:\n  build --dev    Include draft pages in build (for local preview)\n\nExamples:\n  meno dev                    Start dev server in current directory\n  meno build                  Build static files to ./dist (excludes drafts)\n  meno build --dev            Build including draft pages\n  meno serve                  Serve built files on port 8080\n  meno init my-project        Create new project in ./my-project\n`);\n}\n\n// Parse _headers file (Netlify/Cloudflare format)\nfunction parseHeadersFile(distPath: string): Map<string, Record<string, string>> {\n  const headersPath = join(distPath, '_headers');\n  const headers = new Map<string, Record<string, string>>();\n\n  if (!existsSync(headersPath)) return headers;\n\n  const content = readFileSync(headersPath, 'utf-8');\n  let currentPath = '';\n\n  for (const line of content.split('\\n')) {\n    const trimmed = line.trim();\n    if (!trimmed || trimmed.startsWith('#')) continue;\n\n    if (!line.startsWith(' ') && !line.startsWith('\\t')) {\n      // Path line\n      currentPath = trimmed;\n      if (!headers.has(currentPath)) {\n        headers.set(currentPath, {});\n      }\n    } else if (currentPath && trimmed.includes(':')) {\n      // Header line\n      const colonIndex = trimmed.indexOf(':');\n      const name = trimmed.substring(0, colonIndex).trim();\n      const value = trimmed.substring(colonIndex + 1).trim();\n      headers.get(currentPath)![name] = value;\n    }\n  }\n\n  return headers;\n}\n\n// Get headers matching a pathname\nfunction getMatchingHeaders(\n  pathname: string,\n  headersMap: Map<string, Record<string, string>>\n): Record<string, string> {\n  const result: Record<string, string> = {};\n\n  headersMap.forEach((headers, pattern) => {\n    if (pattern === pathname || pattern === '/*') {\n      Object.assign(result, headers);\n    } else if (pattern.endsWith('/*')) {\n      const prefix = pattern.slice(0, -1);\n      if (pathname.startsWith(prefix)) {\n        Object.assign(result, headers);\n      }\n    }\n  });\n\n  return result;\n}\n\n// Start static file server on port 8080 (non-blocking)\nasync function startStaticServer(distPath: string) {\n  const { SERVE_PORT } = await import('../lib/shared/constants');\n\n  // Parse _headers file once on startup\n  const headersMap = parseHeadersFile(distPath);\n\n  const server = await createRuntimeServer({\n    port: SERVE_PORT,\n    hostname: 'localhost',\n    async fetch(req: Request) {\n      const url = new URL(req.url);\n      let pathname = url.pathname;\n\n      // Check for build errors and show overlay (except for _errors.json itself)\n      if (pathname !== '/_errors.json') {\n        const errorsPath = join(distPath, '_errors.json');\n        if (existsSync(errorsPath)) {\n          try {\n            const errorsData: BuildErrorsData = JSON.parse(readFileSync(errorsPath, 'utf-8'));\n            return new Response(generateBuildErrorPage(errorsData), {\n              headers: { 'Content-Type': 'text/html; charset=utf-8' },\n            });\n          } catch {\n            // If we can't parse errors file, continue normally\n          }\n        }\n      }\n\n      // Default to index.html for root\n      if (pathname === '/') {\n        pathname = '/index.html';\n      }\n\n      // Get custom headers for this path\n      const customHeaders = getMatchingHeaders(pathname, headersMap);\n\n      // Try to serve the file\n      const filePath = join(distPath, pathname);\n\n      // Check if file exists and serve it\n      if (await runtimeFileExists(filePath)) {\n        return await serveFile(filePath, customHeaders);\n      }\n\n      // Try with .html extension for clean URLs\n      const htmlPath = filePath.endsWith('.html') ? filePath : `${filePath}.html`;\n      if (await runtimeFileExists(htmlPath)) {\n        return await serveFile(htmlPath, customHeaders);\n      }\n\n      // Try index.html in directory\n      const indexPath = join(filePath, 'index.html');\n      if (await runtimeFileExists(indexPath)) {\n        return await serveFile(indexPath, customHeaders);\n      }\n\n      return new Response('Not Found', { status: 404 });\n    },\n  });\n\n  return server;\n}\n\nasync function runDev() {\n  const projectRoot = process.cwd();\n\n  // Validate project structure\n  if (!existsSync(join(projectRoot, 'pages'))) {\n    console.error('\u274C No pages directory found. Are you in a valid project directory?');\n    console.error('   Run \"meno init <project-name>\" to create a new project.');\n    process.exit(1);\n  }\n\n  // Set project root for path resolution\n  setProjectRoot(projectRoot);\n\n  console.log(`\uD83D\uDCC1 Project root: ${projectRoot}`);\n\n  // Start static server on 8080 if dist exists\n  const distPath = join(projectRoot, 'dist');\n  if (existsSync(distPath)) {\n    const staticServer = await startStaticServer(distPath);\n    console.log(`\uD83D\uDE80 Static server running at http://localhost:${staticServer.port}`);\n  }\n\n  // Import and run the dev server (it handles all initialization internally)\n  await import('../entries/server-router');\n}\n\nasync function runBuild(isDev: boolean = false) {\n  const projectRoot = process.cwd();\n\n  // Validate project structure\n  if (!existsSync(join(projectRoot, 'pages'))) {\n    console.error('\u274C No pages directory found. Are you in a valid project directory?');\n    process.exit(1);\n  }\n\n  // Set project root for path resolution\n  setProjectRoot(projectRoot);\n\n  // Set dev mode environment variable (drafts are built in dev mode)\n  if (isDev) {\n    process.env.MENO_DEV_BUILD = 'true';\n  }\n\n  console.log(`\uD83D\uDCC1 Building project: ${projectRoot}${isDev ? ' (dev mode - including drafts)' : ''}`);\n\n  // Import and run build\n  const { buildStaticPages } = await import('../build-static.ts');\n  await buildStaticPages();\n}\n\nasync function runServe() {\n  const projectRoot = process.cwd();\n  const distPath = join(projectRoot, 'dist');\n\n  // Validate dist directory exists\n  if (!existsSync(distPath)) {\n    console.error('\u274C No dist directory found. Run \"meno build\" first.');\n    process.exit(1);\n  }\n\n  console.log(`\uD83D\uDCC1 Serving built files from: ${distPath}`);\n  const server = await startStaticServer(distPath);\n  console.log(`\uD83D\uDE80 Static server running at http://localhost:${server.port}`);\n\n  // Keep the process alive\n  await new Promise(() => {});\n}\n\nasync function runInit(projectName?: string) {\n  if (!projectName) {\n    console.error('\u274C Please provide a project name: meno init <project-name>');\n    process.exit(1);\n  }\n\n  const projectPath = resolve(process.cwd(), projectName);\n\n  if (existsSync(projectPath)) {\n    console.error(`\u274C Directory \"${projectName}\" already exists.`);\n    process.exit(1);\n  }\n\n  console.log(`\\n\uD83D\uDE80 Creating new meno project: ${projectName}\\n`);\n\n  // Create project structure\n  mkdirSync(projectPath, { recursive: true });\n  mkdirSync(join(projectPath, 'pages'));\n  mkdirSync(join(projectPath, 'components'));\n  mkdirSync(join(projectPath, 'fonts'));\n  mkdirSync(join(projectPath, 'images'));\n\n  // Create default project.config.json\n  const defaultConfig = {\n    fonts: [],\n    editor: {\n      theme: 'dark'\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'project.config.json'),\n    JSON.stringify(defaultConfig, null, 2)\n  );\n\n  // Create default colors.json\n  const defaultColors = {\n    default: 'light',\n    themes: {\n      light: {\n        label: 'Light',\n        colors: {\n          text: '#1f2937',\n          bg: '#ffffff'\n        }\n      }\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'colors.json'),\n    JSON.stringify(defaultColors, null, 2)\n  );\n\n  // Create package.json for deployment\n  const packageJson = {\n    name: projectName,\n    version: '1.0.0',\n    private: true,\n    scripts: {\n      dev: 'meno dev',\n      build: 'meno build',\n    },\n    dependencies: {\n      'meno-core': '^1.0.0'\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'package.json'),\n    JSON.stringify(packageJson, null, 2)\n  );\n\n  // Create .claude/tools/ with screenshot tool\n  mkdirSync(join(projectPath, '.claude', 'tools'), { recursive: true });\n\n  const screenshotToolSrc = join(import.meta.dirname, '..', '..', '..', 'example', '.claude', 'tools', 'screenshot.mjs');\n  if (existsSync(screenshotToolSrc)) {\n    cpSync(screenshotToolSrc, join(projectPath, '.claude', 'tools', 'screenshot.mjs'));\n  }\n\n  // Create CLAUDE.md with project instructions\n  const claudeMd = `# ${projectName}\n\nA Meno project - visual editor that generates websites from JSON files.\n\n## Dev Server\n\n\\`\\`\\`bash\nbun run dev    # Start dev server on port 3000\n\\`\\`\\`\n\n## Screenshot Tool\n\nTake a screenshot of any element by its node ID:\n\\`\\`\\`bash\nnpx puppeteer browsers install chrome && node .claude/tools/screenshot.mjs <nodeId> --page /about\n\\`\\`\\`\nNode IDs can be found in the page JSON files under the \\`id\\` field of each node.\n`;\n  writeFileSync(join(projectPath, 'CLAUDE.md'), claudeMd);\n\n  // Create .gitignore\n  const gitignore = `# Dependencies\nnode_modules/\n\n# Build output\ndist/\n\n# OS files\n.DS_Store\n`;\n  writeFileSync(\n    join(projectPath, '.gitignore'),\n    gitignore\n  );\n\n  // Create netlify.toml\n  const netlifyConfig = `[build]\n  command = \"bun install && bun run build\"\n  publish = \"dist\"\n\n[build.environment]\n  BUN_VERSION = \"1\"\n`;\n  writeFileSync(\n    join(projectPath, 'netlify.toml'),\n    netlifyConfig\n  );\n\n  // Create vercel.json\n  const vercelConfig = {\n    buildCommand: 'bun run build',\n    outputDirectory: 'dist',\n    installCommand: 'bun install'\n  };\n  writeFileSync(\n    join(projectPath, 'vercel.json'),\n    JSON.stringify(vercelConfig, null, 2)\n  );\n\n  // Create wrangler.toml for Cloudflare Pages\n  const cloudflareConfig = `name = \"${projectName}\"\ncompatibility_date = \"2024-01-01\"\npages_build_output_dir = \"dist\"\n\n[build]\ncommand = \"bun install && bun run build\"\n`;\n  writeFileSync(\n    join(projectPath, 'wrangler.toml'),\n    cloudflareConfig\n  );\n\n  // Create default index page\n  const defaultPage = {\n    meta: {\n      title: 'Your Project Title',\n      description: 'Your Project Description',\n      keywords: '',\n      ogTitle: 'Your Project Title',\n      ogDescription: 'Your Project Description',\n      ogType: 'website'\n    },\n    root: {\n      type: 'node',\n      tag: 'div',\n      style: {\n        base: {\n          padding: '40px'\n        },\n        tablet: {},\n        mobile: {}\n      },\n      children: [\n        {\n          type: 'node',\n          tag: 'h1',\n          style: {\n            base: {}\n          },\n          children: 'Hello'\n        }\n      ]\n    }\n  };\n  writeFileSync(\n    join(projectPath, 'pages', 'index.json'),\n    JSON.stringify(defaultPage, null, 2)\n  );\n\n  console.log('\u2705 Created project structure:');\n  console.log(`   ${projectName}/`);\n  console.log('   \u251C\u2500\u2500 .claude/');\n  console.log('   \u2502   \u2514\u2500\u2500 tools/');\n  console.log('   \u2502       \u2514\u2500\u2500 screenshot.mjs');\n  console.log('   \u251C\u2500\u2500 pages/');\n  console.log('   \u2502   \u2514\u2500\u2500 index.json');\n  console.log('   \u251C\u2500\u2500 components/');\n  console.log('   \u251C\u2500\u2500 fonts/');\n  console.log('   \u251C\u2500\u2500 images/');\n  console.log('   \u251C\u2500\u2500 colors.json');\n  console.log('   \u251C\u2500\u2500 project.config.json');\n  console.log('   \u251C\u2500\u2500 package.json');\n  console.log('   \u251C\u2500\u2500 CLAUDE.md');\n  console.log('   \u251C\u2500\u2500 netlify.toml');\n  console.log('   \u251C\u2500\u2500 vercel.json');\n  console.log('   \u251C\u2500\u2500 wrangler.toml');\n  console.log('   \u2514\u2500\u2500 .gitignore');\n  console.log('\\n\uD83C\uDF89 Project created successfully!\\n');\n  console.log('Requirements:');\n  console.log('   Bun - https://bun.sh');\n  console.log('');\n  console.log('Next steps:');\n  console.log(`   cd ${projectName}`);\n  console.log('   bun install        # Install dependencies');\n  console.log('   bun run dev        # Start dev server');\n  console.log('');\n  console.log('Deploy:');\n  console.log('   Push to GitHub and connect to Netlify/Vercel/Cloudflare');\n  console.log('   Config files included - auto-detected!');\n  console.log('');\n}\n\n// Main\nswitch (command) {\n  case 'dev':\n    runDev();\n    break;\n  case 'build':\n    runBuild(args.includes('--dev'));\n    break;\n  case 'serve':\n    runServe();\n    break;\n  case 'init':\n    runInit(args[1]);\n    break;\n  case '--help':\n  case '-h':\n  case undefined:\n    printHelp();\n    break;\n  default:\n    console.error(`Unknown command: ${command}`);\n    printHelp();\n    process.exit(1);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/build-static.js

@@ -9,17 +9,17 @@ import {
   hashContent,
   injectTrackingScript,
   isCMSPage
-} from "./chunks/chunk-3NOZVNM4.js";
-import "./chunks/chunk-GKICS7CF.js";
-import "./chunks/chunk-A6KWUEA6.js";
+} from "./chunks/chunk-EQOSDQS2.js";
+import "./chunks/chunk-SK3TLNUP.js";
+import "./chunks/chunk-MKB2J6AD.js";
 import "./chunks/chunk-YSZ5IUFM.js";
 import "./chunks/chunk-WQFG7PAH.js";
-import "./chunks/chunk-LOJLO2EY.js";
-import "./chunks/chunk-V4SVSX3X.js";
-import "./chunks/chunk-OJ5SROQN.js";
+import "./chunks/chunk-S2HXJTAF.js";
+import "./chunks/chunk-IBR2F4IL.js";
+import "./chunks/chunk-IGVQF5GY.js";
 import "./chunks/chunk-PGH3ATYI.js";
 import "./chunks/chunk-UB44F4Z2.js";
-import "./chunks/chunk-Z7SAOCDG.js";
+import "./chunks/chunk-LBWIHPN7.js";
 import "./chunks/chunk-KSBZ2L7C.js";
 export {
   buildCMSItemPath,

package/dist/chunks/{chunk-3NOZVNM4.js → chunk-EQOSDQS2.js}

@@ -15,7 +15,7 @@ import {
   migrateTemplatesDirectory,
   parseJSON,
   prepareClientData
-} from "./chunk-GKICS7CF.js";
+} from "./chunk-SK3TLNUP.js";
 import {
   minifyJS,
   projectPaths
@@ -26,7 +26,7 @@ import {
 import {
   isItemDraftForLocale,
   isItemFullyPublished
-} from "./chunk-OJ5SROQN.js";
+} from "./chunk-IGVQF5GY.js";
 import {
   isI18nValue,
   resolveI18nValue
@@ -753,7 +753,7 @@ async function buildStaticPages() {
   console.log("\u{1F3D7}\uFE0F  Building static HTML files...\n");
   buildErrors.length = 0;
   clearJSValidationCache();
-  const { configService } = await import("./configService-TXBNUBBL.js");
+  const { configService } = await import("./configService-MICL4S2L.js");
   configService.reset();
   const projectConfig = await loadProjectConfig();
   const siteUrl = projectConfig.siteUrl?.replace(/\/$/, "");
@@ -1130,4 +1130,4 @@ export {
   injectTrackingScript,
   buildStaticPages
 };
-//# sourceMappingURL=chunk-3NOZVNM4.js.map
+//# sourceMappingURL=chunk-EQOSDQS2.js.map

package/dist/chunks/{chunk-V4SVSX3X.js → chunk-IBR2F4IL.js}

@@ -14,12 +14,12 @@ import {
   normalizeStyle,
   richTextMarkerToHtml,
   safeEvaluate
-} from "./chunk-OJ5SROQN.js";
+} from "./chunk-IGVQF5GY.js";
 import {
   NODE_TYPE,
   RAW_HTML_PREFIX,
   init_constants
-} from "./chunk-Z7SAOCDG.js";
+} from "./chunk-LBWIHPN7.js";
 
 // lib/client/templateEngine.ts
 init_constants();
@@ -549,8 +549,7 @@ function processStructure(structure, context, viewportWidth, instanceChildren, p
       if (resolvedStyle && Object.keys(resolvedStyle).length > 0) {
         if (isResponsiveStyle(resolvedStyle)) {
           if (isComponentNode(processed)) {
-            processed.props = processed.props || {};
-            processed.props.style = resolvedStyle;
+            processed.style = resolvedStyle;
           } else if (isHtmlNode(processed) || isEmbedNode(processed) || isLocaleListNode(processed) || isLinkNode(processed) || isListNode(processed)) {
             processed.style = resolvedStyle;
           }
@@ -604,4 +603,4 @@ export {
   extractAttributesFromNode,
   skipEmptyTemplateAttributes
 };
-//# sourceMappingURL=chunk-V4SVSX3X.js.map
+//# sourceMappingURL=chunk-IBR2F4IL.js.map