meno-core 1.0.44 → 1.0.46

package/build-astro.ts

@@ -33,7 +33,7 @@ import { generateAllInteractiveCSS } from "./lib/shared/cssGeneration";
 import { colorService } from "./lib/server/services/ColorService";
 import { variableService } from "./lib/server/services/VariableService";
 import { configService } from "./lib/server/services/configService";
-import { loadBreakpointConfig, loadResponsiveScalesConfig } from "./lib/server/jsonLoader";
+import { loadBreakpointConfig, loadResponsiveScalesConfig, loadIconsConfig } from "./lib/server/jsonLoader";
 import type { InteractiveStyles } from "./lib/shared/types/styles";
 import { collectComponentLibraries, filterLibrariesByContext, mergeLibraries, generateLibraryTags } from "./lib/shared/libraryLoader";
 import { migrateTemplatesDirectory } from "./lib/server/migrateTemplates";
@@ -41,7 +41,8 @@ import { emitAstroComponent } from "./lib/server/astro/componentEmitter";
 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 { buildImageMetadataMap, RESPONSIVE_WIDTHS } from "./lib/server/ssr/imageMetadata";
+import { needsFormHandler, formHandlerScript } from "./lib/client/scripts/formHandler";
 
 
 // ---------------------------------------------------------------------------
@@ -52,19 +53,50 @@ function hashContent(content: string): string {
   return createHash('sha256').update(content).digest('hex').slice(0, 8);
 }
 
-function copyDirectory(src: string, dest: string): void {
+function writePageScript(javascript: string | undefined, scriptsDir: string): string[] {
+  if (!javascript) return [];
+  const hash = hashContent(javascript);
+  const scriptFile = `${hash}.js`;
+  if (!existsSync(scriptsDir)) {
+    mkdirSync(scriptsDir, { recursive: true });
+  }
+  const fullScriptPath = join(scriptsDir, scriptFile);
+  if (!existsSync(fullScriptPath)) {
+    writeFileSync(fullScriptPath, javascript, 'utf-8');
+  }
+  return [`/_scripts/${scriptFile}`];
+}
+
+function copyDirectory(
+  src: string,
+  dest: string,
+  filter?: (filename: string) => boolean,
+): void {
   if (!existsSync(src)) return;
   if (!existsSync(dest)) mkdirSync(dest, { recursive: true });
   const files = readdirSync(src);
   for (const file of files) {
+    if (filter && !filter(file)) continue;
     const srcPath = join(src, file);
     const destPath = join(dest, file);
     const stat = statSync(srcPath);
-    if (stat.isDirectory()) copyDirectory(srcPath, destPath);
+    if (stat.isDirectory()) copyDirectory(srcPath, destPath, filter);
     else copyFileSync(srcPath, destPath);
   }
 }
 
+// Astro's <Picture> re-derives responsive variants from originals at build
+// time, so the pre-baked -{width}.webp/.avif files and the SSR-only
+// manifest.json are dead weight in the exported project.
+const imageVariantSuffixRe = new RegExp(
+  `-(${RESPONSIVE_WIDTHS.join('|')})\\.(webp|avif)$`,
+);
+function shouldCopyImageForAstro(filename: string): boolean {
+  if (filename === 'manifest.json') return false;
+  if (imageVariantSuffixRe.test(filename)) return false;
+  return true;
+}
+
 function isCMSPage(pageData: JSONPage): boolean {
   return pageData.meta?.source === 'cms' && !!pageData.meta?.cms;
 }
@@ -208,6 +240,8 @@ interface PageRenderResult {
   isCMSPage?: boolean;
   /** SSR fallback HTML for complex nodes (list, locale-list) keyed by element path */
   ssrFallbackCollector?: Map<string, string>;
+  /** Raw-HTML slice → processed HTML captured during SSR (for Astro exporter parity) */
+  processedRawHtmlCollector?: Map<string, string>;
 }
 
 interface AstroBuildStats {
@@ -372,6 +406,7 @@ export async function buildAstroProject(
   const allComponentCSS = new Set<string>();
   const jsContents = new Map<string, string>(); // hash -> JS content
   let errorCount = 0;
+  let projectNeedsFormHandler = false;
 
   // Helper to merge interactive styles maps
   function mergeInteractiveStyles(source: Map<string, InteractiveStyles>): void {
@@ -384,7 +419,7 @@ export async function buildAstroProject(
 
   // Helper to process a render result
   function processRenderResult(
-    result: { html: string; meta: string; title: string; javascript: string; componentCSS?: string; locale: string; interactiveStylesMap: Map<string, InteractiveStyles>; preloadImages: any[]; neededCollections: Set<string>; ssrFallbackCollector?: Map<string, string> },
+    result: { html: string; meta: string; title: string; javascript: string; componentCSS?: string; locale: string; interactiveStylesMap: Map<string, InteractiveStyles>; preloadImages: any[]; neededCollections: Set<string>; ssrFallbackCollector?: Map<string, string>; processedRawHtmlCollector?: Map<string, string> },
     urlPath: string,
     astroFilePath: string,
     fileDepth: number,
@@ -408,6 +443,11 @@ export async function buildAstroProject(
       }
     }
 
+    // Detect forms that need the fetch handler
+    if (!projectNeedsFormHandler && needsFormHandler(result.html)) {
+      projectNeedsFormHandler = true;
+    }
+
     allResults.push({
       html: result.html,
       meta: result.meta,
@@ -423,6 +463,7 @@ export async function buildAstroProject(
       pageName,
       isCMSPage,
       ssrFallbackCollector: result.ssrFallbackCollector,
+      processedRawHtmlCollector: result.processedRawHtmlCollector,
     });
   }
 
@@ -499,9 +540,54 @@ export async function buildAstroProject(
   const fontPreloads = generateFontPreloadTags();
   const mergedLibraries = mergeLibraries(globalLibraries, componentLibraries);
   const buildLibraries = filterLibrariesByContext(mergedLibraries, 'build');
-  const libraryTags = generateLibraryTags(buildLibraries);
+
+  // Mirror htmlGenerator.ts: local CSS libraries with `inline !== false` are inlined
+  // into a <style> tag, otherwise the file is copied to public/ so the <link href>
+  // resolves. This keeps any `/some-file.css` referenced in project.config.json
+  // libraries working, not just the special `custom.css` case.
+  const inlineContents = new Map<string, string>();
+  const localLibsToCopy: string[] = [];
+  for (const css of buildLibraries.css || []) {
+    if (!css.url.startsWith('/')) continue;
+    const shouldInline = css.inline !== false;
+    const relPath = css.url.slice(1);
+    const srcPath = join(projectPaths.project, relPath);
+    if (!existsSync(srcPath)) continue;
+    if (shouldInline) {
+      try {
+        inlineContents.set(css.url, await readFile(srcPath, 'utf-8'));
+      } catch {
+        localLibsToCopy.push(relPath);
+      }
+    } else {
+      localLibsToCopy.push(relPath);
+    }
+  }
+  for (const js of buildLibraries.js || []) {
+    if (js.url.startsWith('/')) {
+      const relPath = js.url.slice(1);
+      if (existsSync(join(projectPaths.project, relPath))) {
+        localLibsToCopy.push(relPath);
+      }
+    }
+  }
+  const libraryTags = generateLibraryTags(buildLibraries, inlineContents);
   const defaultTheme = themeConfig.default || 'light';
 
+  // Global customCode (head/bodyStart/bodyEnd) and icons from project.config.json
+  // are page-independent, so we bake them directly into BaseLayout.astro rather
+  // than plumbing them through every page's props. Mirrors htmlGenerator.ts's
+  // SSR output (htmlGenerator.ts:269-507 for customCode, 368-473 for icons).
+  const customCode = configService.getCustomCode();
+  const iconsConfig = await loadIconsConfig();
+  const faviconTag = iconsConfig.favicon
+    ? `<link rel="icon" href="${iconsConfig.favicon.replace(/"/g, '&quot;')}" />`
+    : '';
+  const appleTouchIconTag = iconsConfig.appleTouchIcon
+    ? `<link rel="apple-touch-icon" href="${iconsConfig.appleTouchIcon.replace(/"/g, '&quot;')}" />`
+    : '';
+  const iconTagsHtml = [faviconTag, appleTouchIconTag].filter(Boolean).join('\n  ');
+
   // ---------- CMS template pages ----------
   const templatesDir = projectPaths.templates();
   const templateSchemas: CMSSchema[] = [];
@@ -626,11 +712,13 @@ export async function buildAstroProject(
             ssrFallbacks,
             pageName: file.replace('.json', ''),
             breakpoints,
+            responsiveScales,
             imageMetadataMap,
             i18nConfig,
             isMultiLocale: false, // Each file handles one locale
             slugMappings,
             imageFormat: configService.getImageFormat(),
+            processedRawHtml: metaResult.processedRawHtmlCollector,
           });
 
           const astroFileFull = join(pagesOutDir, astroFilePath);
@@ -656,13 +744,13 @@ export async function buildAstroProject(
   // 6. Generate global CSS (Tailwind + theme + interactive styles)
   // ----------------------------------------------------------
   // Collect Tailwind safelist classes from mapping variants
-  const mappingClasses = collectAllMappingClasses(globalComponents, breakpoints);
+  const mappingClasses = collectAllMappingClasses(globalComponents, breakpoints, responsiveScales);
 
   const fontCSS = generateFontCSS();
   const themeColorCSS = generateThemeColorVariablesCSS(themeConfig);
   const variablesCSS = generateVariablesCSS(variablesConfig, breakpoints, responsiveScales);
   const remConversionConfig = configService.getRemConversion();
-  const interactiveCSS = generateAllInteractiveCSS(allInteractiveStyles, breakpoints, remConversionConfig);
+  const interactiveCSS = generateAllInteractiveCSS(allInteractiveStyles, breakpoints, remConversionConfig, responsiveScales);
   const componentCSSCombined = Array.from(allComponentCSS).join('\n');
 
   const baseCSS = `@layer base {
@@ -675,9 +763,13 @@ export async function buildAstroProject(
   .oem { display: inline-block; }
 }`;
 
-  const tailwindDirectives = `@tailwind base;
-@tailwind components;
-@tailwind utilities;`;
+  const safelistClasses = Array.from(mappingClasses);
+  const safelistDirectives = safelistClasses
+    .map(c => `@source inline("${c}");`)
+    .join('\n');
+  const tailwindDirectives = safelistDirectives
+    ? `@import "tailwindcss";\n\n${safelistDirectives}`
+    : `@import "tailwindcss";`;
 
   const globalCSS = [tailwindDirectives, fontCSS, themeColorCSS, variablesCSS, baseCSS, componentCSSCombined, interactiveCSS]
     .filter(Boolean)
@@ -689,6 +781,22 @@ export async function buildAstroProject(
   // ----------------------------------------------------------
   // 7. Generate BaseLayout.astro
   // ----------------------------------------------------------
+  // Escape for embedding inside Astro <Fragment set:html={`...`}> template
+  // literals in the generated BaseLayout file.
+  const escForTemplateLiteral = (s: string) => s
+    .replace(/\\/g, '\\\\')
+    .replace(/`/g, '\\`')
+    .replace(/\$\{/g, '\\${');
+
+  const customHeadLiteral = escForTemplateLiteral(customCode.head || '');
+  const customBodyStartLiteral = escForTemplateLiteral(customCode.bodyStart || '');
+  const customBodyEndLiteral = escForTemplateLiteral(customCode.bodyEnd || '');
+  const iconTagsLiteral = escForTemplateLiteral(iconTagsHtml);
+
+  const formHandlerBlock = projectNeedsFormHandler
+    ? `\n  <script is:inline>\n${formHandlerScript}\n  </script>`
+    : '';
+
   const baseLayoutContent = `---
 import '../styles/global.css';
 
@@ -709,16 +817,20 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <Fragment set:html={\`${iconTagsLiteral}\`} />
   <Fragment set:html={fontPreloads} />
   <Fragment set:html={libraryTags.headCSS || ''} />
   <Fragment set:html={libraryTags.headJS || ''} />
   <Fragment set:html={meta} />
+  <Fragment set:html={\`${customHeadLiteral}\`} />
   <title>{title}</title>
 </head>
 <body>
+  <Fragment set:html={\`${customBodyStartLiteral}\`} />
   <slot />
   {scripts.map((s) => <script src={s} />)}
   <Fragment set:html={libraryTags.bodyEndJS || ''} />
+  <Fragment set:html={\`${customBodyEndLiteral}\`} />${formHandlerBlock}
 </body>
 </html>
 `;
@@ -732,7 +844,7 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
   let componentFileCount = 0;
   for (const [compName, compDef] of Object.entries(globalComponents)) {
     try {
-      const astroContent = emitAstroComponent(compName, compDef, globalComponents, breakpoints, i18nConfig.defaultLocale);
+      const astroContent = emitAstroComponent(compName, compDef, globalComponents, breakpoints, i18nConfig.defaultLocale, responsiveScales);
       await writeFile(join(componentsOutDir, `${compName}.astro`), astroContent, 'utf-8');
       componentFileCount++;
     } catch (error: any) {
@@ -747,23 +859,8 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
   for (const result of allResults) {
     const importPath = layoutImportPath(result.fileDepth);
 
-    // Write JavaScript to public/_scripts/ if present
-    const scriptPaths: string[] = [];
-    if (result.javascript) {
-      const hash = hashContent(result.javascript);
-      const scriptFile = `${hash}.js`;
-      const scriptPublicPath = `/_scripts/${scriptFile}`;
-
-      if (!existsSync(scriptsDir)) {
-        mkdirSync(scriptsDir, { recursive: true });
-      }
-
-      const fullScriptPath = join(scriptsDir, scriptFile);
-      if (!existsSync(fullScriptPath)) {
-        await writeFile(fullScriptPath, result.javascript, 'utf-8');
-      }
-      scriptPaths.push(scriptPublicPath);
-    }
+    // Write JavaScript to public/_scripts/ if present (only needed for SSR fallback pages)
+    let scriptPaths: string[] = [];
 
     let astroContent: string;
 
@@ -779,6 +876,8 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
             ? computePageSlugMap(result.pageData.meta.slugs, i18nConfig)
             : undefined;
 
+        // Component-structured pages don't need page-level _scripts/*.js
+        // because each .astro component already has its own inline <script>
         astroContent = emitAstroPage({
           pageData: result.pageData,
           globalComponents,
@@ -788,25 +887,29 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
           theme: defaultTheme,
           fontPreloads,
           libraryTags,
-          scriptPaths,
+          scriptPaths: [],
           layoutImportPath: importPath,
           fileDepth: result.fileDepth,
           ssrFallbacks,
           pageName: result.pageName || 'index',
           breakpoints,
+          responsiveScales,
           imageMetadataMap,
           i18nConfig: i18nConfig.locales.length > 1 ? i18nConfig : undefined,
           currentPageSlugMap: pageSlugMap,
           slugMappings: i18nConfig.locales.length > 1 ? slugMappings : undefined,
           imageFormat: configService.getImageFormat(),
+          processedRawHtml: result.processedRawHtmlCollector,
         });
       } catch (error: any) {
-        // Fallback to SSR HTML if component emission fails
+        // Fallback to SSR HTML if component emission fails — needs page-level script
         console.warn(`  Warning: component emission failed for ${result.urlPath}, using SSR fallback: ${error?.message}`);
+        scriptPaths = writePageScript(result.javascript, scriptsDir);
         astroContent = buildSSRFallbackPage(result, importPath, fontPreloads, libraryTags, defaultTheme, scriptPaths);
       }
     } else {
-      // Pages without pageData: use SSR fallback
+      // Pages without pageData: use SSR fallback — needs page-level script
+      scriptPaths = writePageScript(result.javascript, scriptsDir);
       astroContent = buildSSRFallbackPage(result, importPath, fontPreloads, libraryTags, defaultTheme, scriptPaths);
     }
 
@@ -821,6 +924,28 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
 
   console.log(`Generated ${allResults.length} .astro page file(s)`);
 
+  // ----------------------------------------------------------
+  // 8.5. Generate robots.txt endpoint
+  // ----------------------------------------------------------
+  const robotsTsContent = `import type { APIRoute } from 'astro';
+
+export const GET: APIRoute = () => {
+  const siteUrl = import.meta.env.SITE;
+  const robotsTxt = [
+    'User-agent: *',
+    'Allow: /',
+    '',
+    siteUrl ? \`Sitemap: \${siteUrl}/sitemap-index.xml\` : '',
+  ].filter(Boolean).join('\\n');
+
+  return new Response(robotsTxt, {
+    headers: { 'Content-Type': 'text/plain; charset=utf-8' },
+  });
+};
+`;
+  await writeFile(join(pagesOutDir, 'robots.txt.ts'), robotsTsContent, 'utf-8');
+  console.log('Generated robots.txt.ts endpoint');
+
   // ----------------------------------------------------------
   // 9. Generate CMS content collections (if templates exist)
   // ----------------------------------------------------------
@@ -871,7 +996,7 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
       }
 
       collectionDefs.push(`  '${schema.id}': defineCollection({
-    type: 'data',
+    loader: glob({ pattern: '**/*.json', base: './src/content/${schema.id}' }),
     schema: z.object({
 ${fieldDefs.join(',\n')}
     })
@@ -880,8 +1005,9 @@ ${fieldDefs.join(',\n')}
       collectionCount++;
     }
 
-    // Write src/content/config.ts
+    // Write src/content.config.ts (Astro 6 location — legacy src/content/config.ts is rejected)
     const configContent = `import { z, defineCollection } from 'astro:content';
+import { glob } from 'astro/loaders';
 
 const collections = {
 ${collectionDefs.join(',\n')}
@@ -890,17 +1016,35 @@ ${collectionDefs.join(',\n')}
 export { collections };
 `;
 
-    await writeFile(join(contentDir, 'config.ts'), configContent, 'utf-8');
-    console.log(`Generated ${collectionCount} content collection(s) with config.ts`);
+    await writeFile(join(srcDir, 'content.config.ts'), configContent, 'utf-8');
+    console.log(`Generated ${collectionCount} content collection(s) with content.config.ts`);
   }
 
   // ----------------------------------------------------------
-  // 10. Copy assets to public/
+  // 10. Copy assets
   // ----------------------------------------------------------
-  const assetDirs = ['fonts', 'images', 'icons', 'videos', 'assets'];
+  // Images go to src/assets/images so Astro's asset pipeline can process
+  // them via astro:assets `<Picture>` (hashing, on-edit reprocessing).
+  // Everything else stays in public/ — fonts/icons/videos need stable URLs.
   let copiedAssets = 0;
 
-  for (const dir of assetDirs) {
+  const imagesSrcDir = join(projectPaths.project, 'images');
+  if (existsSync(imagesSrcDir)) {
+    // src/assets/images: used by static <Picture> via ESM imports + Vite asset
+    // pipeline. Pre-baked responsive variants and manifest.json are excluded —
+    // Astro regenerates those from the originals.
+    copyDirectory(imagesSrcDir, join(srcDir, 'assets', 'images'), shouldCopyImageForAstro);
+    // public/images: used by the legacy <img>/<picture> srcset path and
+    // rich-text image rewrites, which emit plain `/images/...` URLs pointing at
+    // the pre-built variants. Without this mirror, any image not routed through
+    // the static Picture path (variants referenced directly in a srcset,
+    // CMS/template-bound images, component-prop images) 404s in `astro dev`.
+    copyDirectory(imagesSrcDir, join(publicDir, 'images'));
+    copiedAssets++;
+  }
+
+  const publicAssetDirs = ['fonts', 'icons', 'videos', 'assets'];
+  for (const dir of publicAssetDirs) {
     const srcAssetDir = join(projectPaths.project, dir);
     if (existsSync(srcAssetDir)) {
       copyDirectory(srcAssetDir, join(publicDir, dir));
@@ -915,6 +1059,18 @@ export { collections };
     copiedAssets++;
   }
 
+  // Copy any project-root library files referenced by absolute URL in
+  // project.config.json (e.g. `/custom.css`). Only copies entries we already
+  // validated exist on disk during library tag generation above.
+  for (const relPath of localLibsToCopy) {
+    const srcPath = join(projectPaths.project, relPath);
+    const destPath = join(publicDir, relPath);
+    const destDir = destPath.substring(0, destPath.lastIndexOf('/'));
+    if (destDir && !existsSync(destDir)) mkdirSync(destDir, { recursive: true });
+    copyFileSync(srcPath, destPath);
+    copiedAssets++;
+  }
+
   if (copiedAssets > 0) {
     console.log(`Copied ${copiedAssets} asset director${copiedAssets === 1 ? 'y' : 'ies'} to public/`);
   }
@@ -936,9 +1092,14 @@ export { collections };
       preview: 'astro preview',
     },
     dependencies: {
-      'astro': '^4.0.0',
-      '@astrojs/tailwind': '^5.0.0',
-      'tailwindcss': '^3.4.0',
+      'astro': '^6.0.0',
+      '@astrojs/sitemap': '^3.0.0',
+      '@tailwindcss/vite': '^4.0.0',
+      'tailwindcss': '^4.0.0',
+    },
+    // Astro 6 expects Vite 7; pin it so npm doesn't pull Vite 8+ and warn.
+    overrides: {
+      'vite': '^7.0.0',
     },
   };
 
@@ -951,31 +1112,17 @@ export { collections };
     : '';
 
   const astroConfig = `import { defineConfig } from 'astro/config';
-import tailwind from '@astrojs/tailwind';
+import tailwindcss from '@tailwindcss/vite';
+import sitemap from '@astrojs/sitemap';
 
 export default defineConfig({${siteUrl ? `\n  site: '${siteUrl}',` : ''}${i18nBlock}
-  integrations: [tailwind({ applyBaseStyles: false })],
-});
-`;
-
-  // tailwind.config.mjs
-  const safelistArray = Array.from(mappingClasses);
-  const safelistLiteral = safelistArray.length > 0
-    ? `\n  safelist: [\n${safelistArray.map(c => `    '${c}'`).join(',\n')}\n  ],`
-    : '';
-
-  const tailwindConfig = `/** @type {import('tailwindcss').Config} */
-export default {
-  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],${safelistLiteral}
-  theme: {
-    extend: {},
+  integrations: [sitemap()],
+  vite: {
+    plugins: [tailwindcss()],
   },
-  plugins: [],
-};
+});
 `;
 
-  await writeFile(join(outDir, 'tailwind.config.mjs'), tailwindConfig, 'utf-8');
-
   await writeFile(join(outDir, 'astro.config.mjs'), astroConfig, 'utf-8');
 
   // tsconfig.json
@@ -985,7 +1132,7 @@ export default {
 
   await writeFile(join(outDir, 'tsconfig.json'), JSON.stringify(tsConfig, null, 2), 'utf-8');
 
-  console.log('Generated package.json, astro.config.mjs, tailwind.config.mjs, tsconfig.json');
+  console.log('Generated package.json, astro.config.mjs, tsconfig.json');
 
   // ----------------------------------------------------------
   // 12. Summary
@@ -1005,6 +1152,10 @@ export default {
   if (errorCount > 0) {
     console.log(`  Errors: ${errorCount}`);
   }
+  console.log(`  SEO: sitemap (@astrojs/sitemap), robots.txt`);
+  if (projectNeedsFormHandler) {
+    console.log(`  Forms: fetch handler injected`);
+  }
   console.log(`  Time: ${elapsed}s`);
   console.log(`  Output: ${outDir}`);
   console.log('');

package/dist/bin/cli.js

@@ -5,7 +5,7 @@ import {
 import {
   createRuntimeServer,
   setProjectRoot
-} from "../chunks/chunk-5Z5VQRTJ.js";
+} from "../chunks/chunk-I7YIGZXT.js";
 import {
   fileExists,
   serveFile
@@ -82,7 +82,7 @@ function getMatchingHeaders(pathname, headersMap) {
   return result;
 }
 async function startStaticServer(distPath) {
-  const { SERVE_PORT } = await import("../chunks/constants-34NUGHQR.js");
+  const { SERVE_PORT } = await import("../chunks/constants-GWBAD66U.js");
   const headersMap = parseHeadersFile(distPath);
   const server = await createRuntimeServer({
     port: SERVE_PORT,

package/dist/build-static.js

@@ -9,17 +9,17 @@ import {
   hashContent,
   injectTrackingScript,
   isCMSPage
-} from "./chunks/chunk-G3WIPJN3.js";
-import "./chunks/chunk-3XXLBUYA.js";
-import "./chunks/chunk-YEJVSNVF.js";
-import "./chunks/chunk-5Z5VQRTJ.js";
+} from "./chunks/chunk-ORN7S4AP.js";
+import "./chunks/chunk-77ZB6353.js";
+import "./chunks/chunk-ZTKHJQ2Z.js";
+import "./chunks/chunk-I7YIGZXT.js";
 import "./chunks/chunk-WQFG7PAH.js";
-import "./chunks/chunk-S2HXJTAF.js";
-import "./chunks/chunk-OLNQMCSR.js";
-import "./chunks/chunk-KPNSCQNA.js";
-import "./chunks/chunk-X5SH4HXS.js";
+import "./chunks/chunk-KITQJYZV.js";
+import "./chunks/chunk-ZWYDT3QJ.js";
+import "./chunks/chunk-FED5MME6.js";
+import "./chunks/chunk-XSWR3QLI.js";
 import "./chunks/chunk-UB44F4Z2.js";
-import "./chunks/chunk-BXB6AX76.js";
+import "./chunks/chunk-2QK6U5UK.js";
 import "./chunks/chunk-KSBZ2L7C.js";
 export {
   buildCMSItemPath,

package/dist/chunks/{chunk-BXB6AX76.js → chunk-2QK6U5UK.js}

@@ -7,7 +7,7 @@ var SERVER_PORT, SERVE_PORT, API_ROUTES, HMR_ROUTE, FILE_PATTERNS, DEFAULT_TIMEO
 var init_constants = __esm({
   "lib/shared/constants.ts"() {
     SERVER_PORT = typeof process !== "undefined" && process.env?.PORT ? parseInt(process.env.PORT, 10) : 3e3;
-    SERVE_PORT = 8080;
+    SERVE_PORT = typeof process !== "undefined" && process.env?.MENO_SERVE_PORT ? parseInt(process.env.MENO_SERVE_PORT, 10) : 8080;
     API_ROUTES = {
       PAGES: "/api/pages",
       COMPONENTS: "/api/components",
@@ -138,6 +138,7 @@ var init_constants = __esm({
       SET_TAB: "SET_TAB",
       COPY_ELEMENT: "COPY_ELEMENT",
       PASTE_ELEMENT: "PASTE_ELEMENT",
+      PASTE_ELEMENT_AFTER: "PASTE_ELEMENT_AFTER",
       ARROW_UP: "ARROW_UP",
       ARROW_DOWN: "ARROW_DOWN",
       ARROW_LEFT: "ARROW_LEFT",
@@ -170,7 +171,10 @@ var init_constants = __esm({
       // Editor → Iframe for component definition updates
       CSS_VARIABLE_UPDATE: "CSS_VARIABLE_UPDATE",
       // Editor → Iframe for instant CSS variable preview
-      DUPLICATE_ELEMENT: "DUPLICATE_ELEMENT"
+      DUPLICATE_ELEMENT: "DUPLICATE_ELEMENT",
+      MAKE_COMPONENT: "MAKE_COMPONENT",
+      SWAP_TO_COMPONENT: "SWAP_TO_COMPONENT",
+      SMART_CONNECT: "SMART_CONNECT"
     };
     NODE_TYPE = {
       NODE: "node",
@@ -221,4 +225,4 @@ export {
   RAW_HTML_PREFIX,
   init_constants
 };
-//# sourceMappingURL=chunk-BXB6AX76.js.map
+//# sourceMappingURL=chunk-2QK6U5UK.js.map

package/dist/chunks/chunk-2QK6U5UK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../lib/shared/constants.ts"],
+  "sourcesContent": ["/**\n * Shared constants used across the application\n */\n\n// Read PORT from environment variable, fallback to 3000\n// Safe for browser environments where process is not defined\nexport const SERVER_PORT = typeof process !== 'undefined' && process.env?.PORT\n  ? parseInt(process.env.PORT, 10)\n  : 3000;\n\n// Port for serving built static files (SSR preview)\n// Reads MENO_SERVE_PORT env var so each project instance can get its own port\nexport const SERVE_PORT = typeof process !== 'undefined' && process.env?.MENO_SERVE_PORT\n  ? parseInt(process.env.MENO_SERVE_PORT, 10)\n  : 8080;\n\nexport const API_ROUTES = {\n  PAGES: '/api/pages',\n  COMPONENTS: '/api/components',\n  PAGE_CONTENT: '/api/page-content', // Returns raw JSON text for a page\n  PAGE_DATA: '/api/page-data', // Returns parsed JSON for a specific page\n  COMPONENT_DATA: '/api/component-data', // Returns parsed JSON for a specific component\n  SAVE_PAGE: '/api/save-page',\n  SAVE_COMPONENT: '/api/save-component',\n  SAVE_COMPONENT_JS: '/api/save-component-js', // Save JavaScript to .js file\n  SAVE_COMPONENT_CSS: '/api/save-component-css', // Save CSS to .css file\n  COMPONENT_CATEGORY: '/api/component-category', // Move component to category folder\n  COMPONENT_FOLDER: '/api/component-folder', // Create component folder\n  COMPONENT_FOLDERS: '/api/component-folders', // List all component folders\n  COMPONENT_JS: '/api/component-js', // Get JavaScript from .js file\n  CONFIG: '/api/config', // Get project config\n  SAVE_CONFIG: '/api/save-config', // Save project config\n  COMPONENTS_CONFIG: '/api/components-config', // Get components config\n  SAVE_COMPONENTS_CONFIG: '/api/save-components-config', // Save components config\n  SELECTION: '/api/selection', // Editor selection state (for AI integration)\n  // CMS API routes\n  CMS_COLLECTIONS: '/api/cms/collections', // List all CMS collections\n  CMS_BASE: '/api/cms', // Base path for CMS item operations\n  // Colors API routes\n  COLORS_CONFIG: '/api/colors-config', // Get full colors config\n  SAVE_COLORS: '/api/save-colors', // Save colors config\n  // Page deletion\n  DELETE_PAGE: '/api/delete-page', // Delete a page\n  // Page folder management\n  PAGE_FOLDER: '/api/page-folder', // Create page folder\n  PAGE_FOLDERS: '/api/page-folders', // List all page folders\n  MOVE_PAGE: '/api/move-page', // Move page to folder\n  // Component preview\n  COMPONENT_PREVIEW: '/api/component-preview', // Render component preview HTML\n  // Website import\n  IMPORT_WEBSITE: '/api/import-website', // Import external website for reference\n  IMPORTED_WEBSITES: '/api/imported-websites', // List imported website folders\n  ANALYZE_WEBSITE: '/api/analyze-website', // Analyze imported website into section map\n  CONVERT_TO_MENO: '/api/convert-to-meno', // Convert imported HTML to flat Meno page JSON\n  EXTRACT_CONTENT: '/api/extract-content', // Extract content from imported website for template mapping\n  GENERATE_WIREFRAME_PROMPT: '/api/generate-wireframe-prompt', // Generate wireframe conversion prompt from extraction\n  GENERATE_DESIGN_TOKEN_PROMPT: '/api/generate-design-token-prompt', // Generate design token extraction prompt\n  GENERATE_CONTENT_PROMPT: '/api/generate-content-prompt', // Generate content conversion prompt using existing components\n  GENERATE_SIMPLIFIED_PROMPT: '/api/generate-simplified-prompt', // Generate simplified prompt for Claude Code with Chrome extension\n  // Multi-page import routes\n  FETCH_SITEMAP: '/api/fetch-sitemap', // Fetch & parse sitemap.xml\n  IMPORT_PAGE: '/api/import-page', // Import a single subpage\n  ANALYZE_PAGE: '/api/analyze-page', // Analyze a subpage\n  EXTRACT_PAGE_CONTENT: '/api/extract-page-content', // Extract content from a subpage\n  GENERATE_HOMEPAGE_PROMPT: '/api/generate-homepage-prompt', // Homepage prompt with site structure\n  GENERATE_PAGE_PROMPT: '/api/generate-page-prompt', // Per-page/template prompt\n  LOAD_WEBSITE_IMPORT: '/api/load-website-import', // Load saved website import data from disk\n  // Variables API routes\n  VARIABLES_STATUS: '/api/variables-status', // Get variables config with status\n  VARIABLES_CSS: '/api/variables-css', // Get generated CSS custom properties\n  SAVE_VARIABLES: '/api/save-variables', // Save variables config\n  // Enums API routes\n  ENUMS: '/api/enums', // Get enums config\n  SAVE_ENUMS: '/api/save-enums', // Save enums config\n  // Component usage\n  COMPONENT_USAGE: '/api/component-usage', // Get component usage across project\n} as const;\n\nexport const HMR_ROUTE = '/hmr';\n\nexport const FILE_PATTERNS = {\n  PAGES: './pages',\n  COMPONENTS: './components',\n} as const;\n\nexport const DEFAULT_TIMEOUT = 5000;\n\nexport const WEBSOCKET_STATES = {\n  CONNECTING: 0,\n  OPEN: 1,\n  CLOSING: 2,\n  CLOSED: 3,\n} as const;\n\n// Timeout constants\nexport const NOT_FOUND_TIMEOUT_MS = 300;\nexport const TAB_SWITCH_DELAY_MS = 100;\nexport const IFRAME_HIGHLIGHT_DELAY_MS = 100;\nexport const TREE_SCROLL_DELAY_MS = 200;\nexport const HOVER_HIGHLIGHT_DELAY_MS = 50; // Delay before highlighting tree item after expansion\n\n// Server configuration\nexport const MAX_PORT_ATTEMPTS = 10;\n\n// Message types for iframe-parent communication\nexport const IFRAME_MESSAGE_TYPES = {\n  DELETE_ELEMENT: 'DELETE_ELEMENT',\n  TOGGLE_SELECTING_MODE: 'TOGGLE_SELECTING_MODE',\n  SET_TAB: 'SET_TAB',\n  COPY_ELEMENT: 'COPY_ELEMENT',\n  PASTE_ELEMENT: 'PASTE_ELEMENT',\n  PASTE_ELEMENT_AFTER: 'PASTE_ELEMENT_AFTER',\n  ARROW_UP: 'ARROW_UP',\n  ARROW_DOWN: 'ARROW_DOWN',\n  ARROW_LEFT: 'ARROW_LEFT',\n  ARROW_RIGHT: 'ARROW_RIGHT',\n  OPEN_COMMAND_PALETTE: 'OPEN_COMMAND_PALETTE',\n  EDIT_COMPONENT: 'EDIT_COMPONENT',\n  NAVIGATE_BACK: 'NAVIGATE_BACK',\n  TOGGLE_ADDING_STYLE: 'TOGGLE_ADDING_STYLE',\n  MOVE_ELEMENT_UP: 'MOVE_ELEMENT_UP',\n  MOVE_ELEMENT_DOWN: 'MOVE_ELEMENT_DOWN',\n  NEST_INTO_PREVIOUS_SIBLING: 'NEST_INTO_PREVIOUS_SIBLING',\n  NEST_INTO_NEXT_SIBLING: 'NEST_INTO_NEXT_SIBLING',\n  SELECTION_CHANGED: 'SELECTION_CHANGED',\n  CMS_CONTEXT_UPDATE: 'CMS_CONTEXT_UPDATE',\n  CMS_CONTEXT_REQUEST: 'CMS_CONTEXT_REQUEST',\n  INTERACTIVE_CSS_UPDATE: 'INTERACTIVE_CSS_UPDATE',\n  INTERACTIVE_STYLES_UPDATE: 'INTERACTIVE_STYLES_UPDATE', // Registry data from iframe to editor\n  UNDO_REQUEST: 'UNDO_REQUEST',\n  REDO_REQUEST: 'REDO_REQUEST',\n  TOGGLE_INTERACTIVITY_EDITOR: 'TOGGLE_INTERACTIVITY_EDITOR',\n  SET_BREAKPOINT: 'SET_BREAKPOINT',\n  PAGE_DATA_PREVIEW: 'PAGE_DATA_PREVIEW', // Editor \u2192 Iframe for component hover preview\n  PAGE_DATA_PREVIEW_REVERT: 'PAGE_DATA_PREVIEW_REVERT', // Editor \u2192 Iframe to revert preview\n  PAGE_DATA_COMMITTED: 'PAGE_DATA_COMMITTED', // Editor \u2192 Iframe for committed mutations\n  COMPONENT_DEFINITION_COMMITTED: 'COMPONENT_DEFINITION_COMMITTED', // Editor \u2192 Iframe for component definition updates\n  CSS_VARIABLE_UPDATE: 'CSS_VARIABLE_UPDATE', // Editor \u2192 Iframe for instant CSS variable preview\n  DUPLICATE_ELEMENT: 'DUPLICATE_ELEMENT',\n  MAKE_COMPONENT: 'MAKE_COMPONENT',\n  SWAP_TO_COMPONENT: 'SWAP_TO_COMPONENT',\n  SMART_CONNECT: 'SMART_CONNECT',\n} as const;\n\n// Component node type constants\nexport const NODE_TYPE = {\n  NODE: 'node',\n  COMPONENT: 'component',\n  SLOT: 'slot',\n  EMBED: 'embed',\n  LINK: 'link',\n  LOCALE_LIST: 'locale-list',\n  LIST: 'list',\n} as const;\n\nexport type NodeType = typeof NODE_TYPE[keyof typeof NODE_TYPE];\n\n// Special path identifiers for component editing\nexport const SPECIAL_PATHS = {\n  COMPONENT_INTERFACE: 'component_interface',\n  COMPONENT_JAVASCRIPT: 'component_javascript',\n  COMPONENT_CSS: 'component_css',\n  COMPONENT_LIBRARIES: 'component_libraries',\n  COMPONENT_ACCEPTS_STYLES: 'component_acceptsStyles',\n  STRUCTURE_STYLE: 'structure_style',\n} as const;\n\n// Component type configuration\nexport interface ComponentTypeConfig {\n  id: string;\n  label: string;\n  color: string;\n  description?: string;\n}\n\nexport const DEFAULT_COMPONENT_TYPES: ComponentTypeConfig[] = [\n  { id: 'ui', label: 'UI', color: '#3b82f6' },\n  { id: 'layout', label: 'Layout', color: '#10b981' },\n  { id: 'content', label: 'Content', color: '#f59e0b' },\n];\n\nexport const DEFAULT_ICON_COLOR = '#6b7280';\n\n/**\n * Marker for raw HTML content that should not be escaped\n * Used by rich-text fields to signal that content should render as HTML\n */\nexport const RAW_HTML_PREFIX = '<!--MENO_RAW_HTML-->';\n\n"],
+  "mappings": "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",
+  "names": []
+}