meno-core 1.0.52 → 1.0.53

package/dist/lib/server/index.js

@@ -1,9 +1,9 @@
 import {
   generateBuildErrorPage
-} from "../../chunks/chunk-HNLUO36W.js";
+} from "../../chunks/chunk-GZHGVVW3.js";
 import {
   buildStaticPages
-} from "../../chunks/chunk-LHLHPYSP.js";
+} from "../../chunks/chunk-JGP5A3Y5.js";
 import {
   ComponentService,
   EnumService,
@@ -32,7 +32,7 @@ import {
   logResponseTime,
   withErrorHandling,
   withLogging
-} from "../../chunks/chunk-A725KYFK.js";
+} from "../../chunks/chunk-R6XHAFBF.js";
 import {
   CMSService,
   ColorService,
@@ -43,26 +43,21 @@ import {
   buildAttributes,
   buildComponentHTML,
   buildImageMetadataMap,
-  buildSlugIndex,
   clearJSValidationCache,
   collectComponentCSS,
   collectComponentJavaScript,
-  collectComponentLibraries,
   colorService,
   createI18nResolver,
   escapeHtml,
   extractPageMeta,
-  filterLibrariesByContext,
   formHandlerScript,
   generateFontCSS,
   generateFontPreloadTags,
-  generateLibraryTags,
   generateMetaTags,
   generateSSRHTML,
   generateThemeColorVariablesCSS,
   generateVariablesCSS,
   getJSValidationErrors,
-  getLocaleLinks,
   loadBreakpointConfig,
   loadComponentDirectory,
   loadI18nConfig,
@@ -71,7 +66,6 @@ import {
   loadProjectConfig,
   mapPageNameToPath,
   menoFilterScript,
-  mergeLibraries,
   migrateTemplatesDirectory,
   needsFormHandler,
   needsMenoFilter,
@@ -81,9 +75,8 @@ import {
   renderPageSSR,
   resetFontConfig,
   styleToString,
-  translatePath,
   variableService
-} from "../../chunks/chunk-CXCBV2M7.js";
+} from "../../chunks/chunk-IGYR22T6.js";
 import {
   ConfigService,
   configService
@@ -116,23 +109,34 @@ import {
   spawnProcess,
   writeFile
 } from "../../chunks/chunk-WQFG7PAH.js";
-import "../../chunks/chunk-H4JSCDNW.js";
+import "../../chunks/chunk-QB2LNO4W.js";
 import {
-  resolvePaletteColor
-} from "../../chunks/chunk-J23ZX5AP.js";
+  CMS_DRAFT_SUFFIX,
+  buildSlugIndex,
+  collectComponentLibraries,
+  filterLibrariesByContext,
+  generateLibraryTags,
+  getLocaleLinks,
+  mergeLibraries,
+  resolvePaletteColor,
+  translatePath
+} from "../../chunks/chunk-X754AHS5.js";
 import {
+  deepMergeStyles,
   hasTemplates,
   isHtmlMapping,
   processCodeTemplates,
   resolveHtmlMapping
-} from "../../chunks/chunk-EDQSMAMP.js";
+} from "../../chunks/chunk-O3NAGJP4.js";
 import {
   addItemUrl,
   buildTemplateContext,
   extractInteractiveStyleMappings,
+  extractUtilityClassesFromHTML,
   generateAllInteractiveCSS,
   generateElementClassName,
   generateInteractiveCSS,
+  generateUtilityCSS,
   getNestedValue,
   hasIf,
   hasInteractiveStyleMappings,
@@ -144,7 +148,7 @@ import {
   resolvePropsFromDefinition,
   shortHash,
   singularize
-} from "../../chunks/chunk-7NIC4I3V.js";
+} from "../../chunks/chunk-JGWFTO6P.js";
 import {
   DEFAULT_BREAKPOINTS,
   DEFAULT_I18N_CONFIG,
@@ -155,7 +159,10 @@ import {
   resolveVariableValueAtBreakpoint,
   scalePropertyValue
 } from "../../chunks/chunk-AZQYF6KE.js";
-import "../../chunks/chunk-UB44F4Z2.js";
+import {
+  isTiptapDocument,
+  tiptapToHtml
+} from "../../chunks/chunk-UB44F4Z2.js";
 import {
   HMR_ROUTE,
   MAX_PORT_ATTEMPTS,
@@ -164,9 +171,43 @@ import {
   SERVER_PORT,
   SERVE_PORT,
   init_constants
-} from "../../chunks/chunk-2QK6U5UK.js";
+} from "../../chunks/chunk-YBLHKYFF.js";
 import "../../chunks/chunk-KSBZ2L7C.js";
 
+// lib/server/draftPageStore.ts
+var DraftPageStore = class {
+  drafts = /* @__PURE__ */ new Map();
+  /**
+   * Store a draft for a page path. The value is the raw JSON string the
+   * SSR pipeline expects, matching PageService.getPage()'s contract.
+   */
+  set(path, content) {
+    this.drafts.set(path, content);
+  }
+  /**
+   * Get the current draft string for a page path, if any.
+   */
+  get(path) {
+    return this.drafts.get(path);
+  }
+  /**
+   * Drop the draft for a specific path. Called when the page is saved to
+   * disk so subsequent renders read the persisted version.
+   */
+  clear(path) {
+    this.drafts.delete(path);
+  }
+  /**
+   * Drop every draft. Used on shutdown / project switch.
+   */
+  clearAll() {
+    this.drafts.clear();
+  }
+  has(path) {
+    return this.drafts.has(path);
+  }
+};
+
 // build-astro.ts
 import { existsSync, readdirSync, mkdirSync, rmSync, statSync, copyFileSync, writeFileSync } from "fs";
 import { writeFile as writeFile2, readFile } from "fs/promises";
@@ -765,6 +806,9 @@ function astroComponentName(name) {
 function ind(ctx) {
   return "  ".repeat(ctx.indent);
 }
+function linkHrefExpr(expr) {
+  return `(typeof ${expr} === 'string' ? ${expr} : ${expr}?.href) ?? "#"`;
+}
 function localizeHref(href, ctx) {
   if (!href.startsWith("/") || href.startsWith("//")) return href;
   const { locale, i18nDefaultLocale, slugMappings } = ctx;
@@ -996,6 +1040,41 @@ function buildElementClass(ctx, label) {
     path: ctx.elementPath
   });
 }
+function isResponsiveStyleObject(style) {
+  return "base" in style || "tablet" in style || "mobile" in style;
+}
+function getComponentRootStyle(def) {
+  const root = def?.component?.structure;
+  if (!root || typeof root !== "object") return void 0;
+  const s = root.style ?? root.props?.style;
+  return s && typeof s === "object" ? s : void 0;
+}
+function hasNonEmptyStyle(style) {
+  if (isResponsiveStyleObject(style)) {
+    return Object.values(style).some(
+      (branch) => !!branch && typeof branch === "object" && Object.keys(branch).length > 0
+    );
+  }
+  return Object.keys(style).length > 0;
+}
+function stripTemplateExpressionStyle(style) {
+  const cleanFlat = (s) => {
+    const out = {};
+    for (const [k, v] of Object.entries(s)) {
+      if (typeof v === "string" && hasTemplates2(v)) continue;
+      out[k] = v;
+    }
+    return out;
+  };
+  if (isResponsiveStyleObject(style)) {
+    const out = {};
+    for (const [bp, branch] of Object.entries(style)) {
+      out[bp] = branch && typeof branch === "object" ? cleanFlat(branch) : branch;
+    }
+    return out;
+  }
+  return cleanFlat(style);
+}
 function buildAttributesString(attributes, ctx) {
   if (!attributes) return "";
   const parts = [];
@@ -1012,7 +1091,7 @@ function buildAttributesString(attributes, ctx) {
           if (ctx.listIndexVar) expr = replaceItemMetaVars(expr, ctx.listIndexVar, ctx.listSourceVar);
           const propDef = ctx.componentProps[expr];
           if (propDef && propDef.type === "link") {
-            parts.push(`${key}={${expr}?.href ?? "#"}`);
+            parts.push(`${key}={${linkHrefExpr(expr)}}`);
           } else {
             parts.push(`${key}={${expr} || undefined}`);
           }
@@ -1022,7 +1101,7 @@ function buildAttributesString(attributes, ctx) {
             if (ctx.listItemBinding) trimmed = rewriteItemVar(trimmed, ctx.listItemBinding);
             if (ctx.listIndexVar) trimmed = replaceItemMetaVars(trimmed, ctx.listIndexVar, ctx.listSourceVar);
             const pd = ctx.componentProps[trimmed];
-            return pd?.type === "link" ? `\${${trimmed}?.href ?? "#"}` : `\${${trimmed}}`;
+            return pd?.type === "link" ? `\${${linkHrefExpr(trimmed)}}` : `\${${trimmed}}`;
           });
           parts.push(`${key}={\`${resolved}\`}`);
         }
@@ -1520,10 +1599,29 @@ function emitComponentInstance(node, ctx) {
       }
     }
   }
-  if (node.style) {
-    const { classes: instanceClasses } = responsiveStylesToTailwind(node.style, ctx.breakpoints, ctx.responsiveScales);
-    if (instanceClasses.length > 0) {
-      propParts.push(`class="${instanceClasses.join(" ")}"`);
+  if (ctx.cmsMode && ctx.cmsConsumers?.has(node.component) && !("cms" in (node.props ?? {}))) {
+    propParts.push(`cms={${ctx.cmsEntryBinding || "entry"}}`);
+  }
+  {
+    const instanceStyle = node.style;
+    const instanceInteractive = node.interactiveStyles;
+    const hasStyle = !!instanceStyle && hasNonEmptyStyle(instanceStyle);
+    const hasInteractive = Array.isArray(instanceInteractive) && instanceInteractive.length > 0;
+    if ((hasStyle || hasInteractive) && ctx.collectedInteractiveStyles) {
+      const elementClass = buildElementClass(ctx, node.label);
+      const rules = [];
+      if (hasStyle) {
+        const rootStyle = getComponentRootStyle(ctx.globalComponents[node.component]);
+        const merged = rootStyle ? deepMergeStyles(rootStyle, instanceStyle) : instanceStyle;
+        const cssSafe = stripTemplateExpressionStyle(merged);
+        if (hasNonEmptyStyle(cssSafe)) rules.push({ style: cssSafe });
+      }
+      if (hasInteractive) rules.push(...instanceInteractive);
+      if (rules.length > 0) {
+        const existing = ctx.collectedInteractiveStyles.get(elementClass);
+        ctx.collectedInteractiveStyles.set(elementClass, existing ? [...existing, ...rules] : rules);
+        propParts.push(`class="${elementClass}"`);
+      }
     }
   }
   const propsStr = propParts.length > 0 ? " " + propParts.join(" ") : "";
@@ -1630,7 +1728,7 @@ function emitLinkNode(node, ctx) {
   if (isLinkMapping(nodeHref)) {
     if (ctx.isComponentDef) {
       const propRef = nodeHref.prop;
-      hrefAttr = ` href={${propRef}?.href ?? "#"}`;
+      hrefAttr = ` href={${linkHrefExpr(propRef)}}`;
     } else {
       hrefAttr = ' href="#"';
     }
@@ -1644,7 +1742,7 @@ function emitLinkNode(node, ctx) {
         if (ctx.listIndexVar) expr = replaceItemMetaVars(expr, ctx.listIndexVar, ctx.listSourceVar);
         const propDef = ctx.componentProps[expr];
         if (propDef && propDef.type === "link") {
-          hrefAttr = ` href={${expr}?.href ?? "#"}`;
+          hrefAttr = ` href={${linkHrefExpr(expr)}}`;
         } else {
           hrefAttr = ` href={${expr}}`;
         }
@@ -1654,7 +1752,7 @@ function emitLinkNode(node, ctx) {
           if (ctx.listItemBinding) trimmed = rewriteItemVar(trimmed, ctx.listItemBinding);
           if (ctx.listIndexVar) trimmed = replaceItemMetaVars(trimmed, ctx.listIndexVar, ctx.listSourceVar);
           const pd = ctx.componentProps[trimmed];
-          return pd?.type === "link" ? `\${${trimmed}?.href ?? "#"}` : `\${${trimmed}}`;
+          return pd?.type === "link" ? `\${${linkHrefExpr(trimmed)}}` : `\${${trimmed}}`;
         });
         hrefAttr = ` href={\`${resolved}\`}`;
       }
@@ -1837,6 +1935,8 @@ function emitCollectionListNode(node, ctx) {
     const end = node.limit ? start + node.limit : void 0;
     queryChain += `.then(items => items.slice(${start}${end !== void 0 ? `, ${end}` : ""}))`;
   }
+  const urlExpr = ctx.collectionUrlExpr?.get(source) ?? `\`/${source}/\${e.data.slug ?? e.id}\``;
+  queryChain += `.then(items => items.map((e) => ({ ...e.data, _id: e.id, _url: ${urlExpr} })))`;
   ctx.frontmatterLines.push(`const ${collectionVar} = ${queryChain};`);
   const indexVar = `${itemAs}Index`;
   const innerCtx = {
@@ -2127,13 +2227,14 @@ function mergeClassNameOntoRoot(template) {
   }
   return prefix + tagName + ` class={className}` + attrs + close + template.slice(fullMatch.length);
 }
-function emitAstroComponent(name, def, allComponents, breakpoints = DEFAULT_BREAKPOINTS, defaultLocale = "en", responsiveScales, remConfig) {
+function emitAstroComponent(name, def, allComponents, breakpoints = DEFAULT_BREAKPOINTS, defaultLocale = "en", responsiveScales, remConfig, cmsOptions) {
   const comp = def.component;
   const propDefs = comp.interface || {};
   const structure = comp.structure;
   if (!structure) {
     return buildNoStructureComponent(name, comp);
   }
+  const isCmsConsumer = cmsOptions?.cmsConsumers?.has(name) ?? false;
   const ctx = {
     imports: /* @__PURE__ */ new Set(),
     isComponentDef: true,
@@ -2150,7 +2251,18 @@ function emitAstroComponent(name, def, allComponents, breakpoints = DEFAULT_BREA
     imageImports: /* @__PURE__ */ new Map(),
     fileDepth: 0,
     // components live at src/components/
-    collectedInteractiveStyles: /* @__PURE__ */ new Map()
+    collectedInteractiveStyles: /* @__PURE__ */ new Map(),
+    // Frontmatter sink for collection queries (getCollection) emitted by lists.
+    frontmatterLines: [],
+    astroImports: /* @__PURE__ */ new Set(),
+    cmsConsumers: cmsOptions?.cmsConsumers,
+    collectionUrlExpr: cmsOptions?.collectionUrlExpr,
+    ...isCmsConsumer ? {
+      cmsMode: true,
+      cmsEntryBinding: "cms",
+      cmsWrapFn: "r",
+      cmsRichTextFields: cmsOptions?.cmsRichTextFields
+    } : {}
   };
   let templateBody = nodeToAstro(structure, ctx);
   templateBody = mergeClassNameOntoRoot(templateBody);
@@ -2159,8 +2271,11 @@ function emitAstroComponent(name, def, allComponents, breakpoints = DEFAULT_BREA
     propDefs,
     ctx.imports,
     ctx.dynamicTags,
-    ctx.needsI18nResolver ? defaultLocale : void 0,
-    ctx.imageImports
+    ctx.needsI18nResolver || isCmsConsumer ? defaultLocale : void 0,
+    ctx.imageImports,
+    ctx.astroImports,
+    ctx.frontmatterLines,
+    isCmsConsumer
   );
   const styleSection = comp.css ? `
 <style>
@@ -2177,8 +2292,11 @@ ${generateAllInteractiveCSS(ctx.collectedInteractiveStyles, breakpoints, remConf
 ${frontmatter}---
 ${templateBody}${styleSection}${interactiveStyleSection}${scriptSection}`;
 }
-function buildFrontmatter(componentName, propDefs, imports, dynamicTags, i18nDefaultLocale, imageImports) {
+function buildFrontmatter(componentName, propDefs, imports, dynamicTags, i18nDefaultLocale, imageImports, astroImports, frontmatterLines, isCmsConsumer) {
   const lines = [];
+  if (astroImports && astroImports.size > 0) {
+    lines.push(`import { ${Array.from(astroImports).sort().join(", ")} } from 'astro:content';`);
+  }
   for (const imp of Array.from(imports).sort()) {
     lines.push(`import ${astroComponentName(imp)} from './${imp}.astro';`);
   }
@@ -2199,6 +2317,9 @@ function buildFrontmatter(componentName, propDefs, imports, dynamicTags, i18nDef
       const optional = "default" in propDef && propDef.default !== void 0;
       lines.push(`  ${propName}${optional ? "?" : ""}: ${tsType};`);
     }
+    if (isCmsConsumer) {
+      lines.push("  cms?: any;");
+    }
     lines.push("  class?: string;");
     lines.push("}");
     lines.push("");
@@ -2214,6 +2335,9 @@ function buildFrontmatter(componentName, propDefs, imports, dynamicTags, i18nDef
         destructParts.push(propName);
       }
     }
+    if (isCmsConsumer) {
+      destructParts.push("cms");
+    }
     destructParts.push('class: className = ""');
     if (destructParts.length <= 3 && destructParts.join(", ").length < 80) {
       lines.push(`const { ${destructParts.join(", ")} } = Astro.props;`);
@@ -2241,6 +2365,10 @@ function buildFrontmatter(componentName, propDefs, imports, dynamicTags, i18nDef
     lines.push(`  return v ?? '';`);
     lines.push(`};`);
   }
+  if (frontmatterLines && frontmatterLines.length > 0) {
+    lines.push("");
+    for (const line of frontmatterLines) lines.push(line);
+  }
   if (lines.length > 0) lines.push("");
   return lines.join("\n");
 }
@@ -2446,7 +2574,111 @@ import BaseLayout from '${layoutImport}';
 `;
 }
 
+// lib/server/astro/normalizeOrphanTemplateProps.ts
+var BARE_IDENT_BODY = /^\s*([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\s*\.\s*[a-zA-Z_$][a-zA-Z0-9_$]*)*\s*$/;
+var RESERVED_BASES = /* @__PURE__ */ new Set([
+  "cms",
+  "item",
+  "page",
+  "itemIndex",
+  "itemFirst",
+  "itemLast"
+]);
+function recordRef(base, declared, listVars, out) {
+  if (RESERVED_BASES.has(base)) return;
+  if (listVars.has(base)) return;
+  if (declared.has(base)) return;
+  out.add(base);
+}
+function findOrphanRefs(value, declared, listVars, out) {
+  if (value == null) return;
+  if (typeof value === "string") {
+    const re = /\{\{([^}]+)\}\}/g;
+    let m;
+    while ((m = re.exec(value)) !== null) {
+      const body = m[1];
+      const idMatch = body.match(BARE_IDENT_BODY);
+      if (!idMatch) continue;
+      recordRef(idMatch[1], declared, listVars, out);
+    }
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const v of value) findOrphanRefs(v, declared, listVars, out);
+    return;
+  }
+  if (typeof value !== "object") return;
+  const obj = value;
+  if (obj._mapping === true && typeof obj.prop === "string") {
+    recordRef(obj.prop, declared, listVars, out);
+  }
+  let nextListVars = listVars;
+  if (obj.type === "list") {
+    const itemAs = typeof obj.itemAs === "string" && obj.itemAs ? obj.itemAs : "item";
+    nextListVars = new Set(listVars);
+    nextListVars.add(itemAs);
+  }
+  for (const key of Object.keys(obj)) {
+    if (obj.type === "component" && key === "props") continue;
+    findOrphanRefs(obj[key], declared, nextListVars, out);
+  }
+}
+function forwardLiftedPropsOnInstances(structure, hostProps, liftedByComp) {
+  if (structure == null || typeof structure !== "object") return;
+  if (Array.isArray(structure)) {
+    for (const s of structure) forwardLiftedPropsOnInstances(s, hostProps, liftedByComp);
+    return;
+  }
+  const obj = structure;
+  if (obj.type === "component" && typeof obj.component === "string") {
+    const lifted = liftedByComp.get(obj.component);
+    if (lifted && lifted.size > 0) {
+      const props = obj.props ?? {};
+      let changed = false;
+      for (const propName of lifted) {
+        if (propName in props) continue;
+        if (!hostProps.has(propName)) continue;
+        props[propName] = `{{${propName}}}`;
+        changed = true;
+      }
+      if (changed) obj.props = props;
+    }
+  }
+  for (const key of Object.keys(obj)) {
+    forwardLiftedPropsOnInstances(obj[key], hostProps, liftedByComp);
+  }
+}
+function normalizeOrphanTemplateProps(components) {
+  const next = {};
+  const liftedByComp = /* @__PURE__ */ new Map();
+  for (const [name, def] of Object.entries(components)) {
+    const cloned = structuredClone(def);
+    next[name] = cloned;
+    const comp = cloned.component;
+    if (!comp || !comp.structure) continue;
+    const iface = comp.interface ?? {};
+    const declared = new Set(Object.keys(iface));
+    const orphans = /* @__PURE__ */ new Set();
+    findOrphanRefs(comp.structure, declared, /* @__PURE__ */ new Set(), orphans);
+    if (orphans.size === 0) continue;
+    const augmented = { ...iface };
+    for (const propName of orphans) {
+      augmented[propName] = { type: "string", default: "" };
+    }
+    comp.interface = augmented;
+    liftedByComp.set(name, orphans);
+  }
+  for (const [, hostDef] of Object.entries(next)) {
+    const comp = hostDef.component;
+    if (!comp || !comp.structure) continue;
+    const hostProps = new Set(Object.keys(comp.interface ?? {}));
+    forwardLiftedPropsOnInstances(comp.structure, hostProps, liftedByComp);
+  }
+  return next;
+}
+
 // lib/server/astro/cmsPageEmitter.ts
+var CMS_SLUG_PLACEHOLDER = "__placeholder__";
 function escapeTemplateLiteral3(s) {
   return s.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
 }
@@ -2622,7 +2854,12 @@ function emitCMSPage(options) {
     processedRawHtml,
     imageImports: /* @__PURE__ */ new Map(),
     fileDepth,
-    collectedInteractiveStyles: /* @__PURE__ */ new Map()
+    collectedInteractiveStyles: /* @__PURE__ */ new Map(),
+    // Frontmatter sink for any page-level collection-sourced lists.
+    frontmatterLines: [],
+    astroImports: /* @__PURE__ */ new Set(),
+    cmsConsumers: options.cmsConsumers,
+    collectionUrlExpr: options.collectionUrlExpr
   };
   const templateBody = nodeToAstro(root, ctx);
   const importLines = [];
@@ -2643,9 +2880,13 @@ function emitCMSPage(options) {
   const staticPaths = buildGetStaticPaths(cmsSchema, isMultiLocale, i18nConfig, locale);
   const scriptsArrayLiteral = scriptPaths.length > 0 ? `[${scriptPaths.map((s) => `"${s}"`).join(", ")}]` : "[]";
   const libraryTagsLiteral = `{ headCSS: \`${escapeTemplateLiteral3(libraryTags.headCSS || "")}\`, headJS: \`${escapeTemplateLiteral3(libraryTags.headJS || "")}\`, bodyEndJS: \`${escapeTemplateLiteral3(libraryTags.bodyEndJS || "")}\` }`;
+  const slugField = cmsSchema.slugField || "slug";
   const escapedMeta = escapeTemplateLiteral3(meta).replace(
     /\{\{cms\.([^}]+)\}\}/g,
     (_, fieldPath) => `\${${wrapFn}(${binding}.data.${fieldPath.trim()})}`
+  ).replace(
+    new RegExp(CMS_SLUG_PLACEHOLDER, "g"),
+    `\${${wrapFn}(${binding}.data.${slugField}) || ${binding}.id}`
   );
   const escapedFontPreloads = escapeTemplateLiteral3(fontPreloads);
   const titleExpr = transformTitleExpression(title, binding, richTextFields, wrapFn);
@@ -2653,6 +2894,7 @@ function emitCMSPage(options) {
   if (v && typeof v === 'object' && v._i18n) return v['${locale}'] ?? v['${i18nConfig.defaultLocale}'] ?? Object.values(v).find(x => x !== true && x !== undefined) ?? '';
   return v ?? '';
 }`;
+  const extraFrontmatter = ctx.frontmatterLines && ctx.frontmatterLines.length > 0 ? "\n" + ctx.frontmatterLines.join("\n") : "";
   const interactiveStyleSection = ctx.collectedInteractiveStyles.size > 0 ? `
 <style is:global>
 ${generateAllInteractiveCSS(ctx.collectedInteractiveStyles, breakpoints, remConfig, responsiveScales)}
@@ -2663,7 +2905,7 @@ ${importLines.join("\n")}
 
 ${staticPaths}
 
-${resolverHelper}
+${resolverHelper}${extraFrontmatter}
 ---
 <BaseLayout
   title=${titleExpr}
@@ -2911,6 +3153,73 @@ function cmsFieldToZod(field) {
       return "z.string()";
   }
 }
+function serializeRichTextValue(value) {
+  const one = (v) => {
+    if (v == null || typeof v === "string") return v ?? "";
+    if (isTiptapDocument(v)) return tiptapToHtml(v);
+    if (typeof v === "object" && v !== null && typeof v.html === "string") {
+      return v.html;
+    }
+    return v;
+  };
+  if (isI18nValue(value)) {
+    const out = { _i18n: true };
+    for (const [k, v] of Object.entries(value)) {
+      if (k === "_i18n") continue;
+      out[k] = one(v);
+    }
+    return out;
+  }
+  return one(value);
+}
+function collectComponentRefs(node, acc) {
+  if (Array.isArray(node)) {
+    for (const child of node) collectComponentRefs(child, acc);
+    return;
+  }
+  if (!node || typeof node !== "object") return;
+  const n = node;
+  if (n.type === "component" && typeof n.component === "string") {
+    acc.add(n.component);
+  }
+  for (const value of Object.values(n)) {
+    if (value && typeof value === "object") collectComponentRefs(value, acc);
+  }
+}
+function computeCmsConsumerComponents(components) {
+  const consumers = /* @__PURE__ */ new Set();
+  const refsByComponent = /* @__PURE__ */ new Map();
+  for (const [name, def] of Object.entries(components)) {
+    const structure = def.component?.structure;
+    if (structure && JSON.stringify(structure).includes("{{cms.")) {
+      consumers.add(name);
+    }
+    const refs = /* @__PURE__ */ new Set();
+    collectComponentRefs(structure, refs);
+    refsByComponent.set(name, refs);
+  }
+  let changed = true;
+  while (changed) {
+    changed = false;
+    for (const [name, refs] of refsByComponent) {
+      if (consumers.has(name)) continue;
+      for (const ref of refs) {
+        if (consumers.has(ref)) {
+          consumers.add(name);
+          changed = true;
+          break;
+        }
+      }
+    }
+  }
+  return consumers;
+}
+function buildCollectionUrlExpr(schema) {
+  const slugField = schema.slugField || "slug";
+  const pattern = schema.urlPattern || `/${schema.id}/{{slug}}`;
+  const body = pattern.replace(/\{\{[^}]+\}\}/, "${e.data." + slugField + " ?? e.id}");
+  return "`" + body + "`";
+}
 function buildSSRFallbackPage(result, importPath, fontPreloads, libraryTags, defaultTheme, scriptPaths) {
   const escapedMeta = escapeTemplateLiteral4(result.meta);
   const escapedHTML = escapeTemplateLiteral4(result.html);
@@ -3010,7 +3319,7 @@ async function buildAstroProject(projectRoot, outputDir) {
       }
     }
   }
-  function processRenderResult(result, urlPath, astroFilePath, fileDepth, pageData, pageName, isCMSPage3) {
+  function processRenderResult(result, urlPath, astroFilePath, fileDepth, pageData, pageName, isCMSPage4) {
     mergeInteractiveStyles(result.interactiveStylesMap);
     if (result.componentCSS) {
       allComponentCSS.add(result.componentCSS);
@@ -3037,7 +3346,7 @@ async function buildAstroProject(projectRoot, outputDir) {
       astroFilePath,
       pageData,
       pageName,
-      isCMSPage: isCMSPage3,
+      isCMSPage: isCMSPage4,
       ssrFallbackCollector: result.ssrFallbackCollector,
       processedRawHtmlCollector: result.processedRawHtmlCollector
     });
@@ -3063,7 +3372,7 @@ async function buildAstroProject(projectRoot, outputDir) {
         const isDefault = locale === i18nConfig.defaultLocale;
         let slug;
         if (slugs && slugs[locale]) {
-          slug = slugs[locale];
+          slug = slugs[locale].replace(/^\/+/, "");
         } else if (basePath === "/") {
           slug = "";
         } else {
@@ -3136,6 +3445,25 @@ async function buildAstroProject(projectRoot, outputDir) {
   const templatesDir = projectPaths.templates();
   const templateSchemas = [];
   let cmsPageCount = 0;
+  const cmsConsumerComponents = computeCmsConsumerComponents(globalComponents);
+  const collectionUrlExpr = /* @__PURE__ */ new Map();
+  const mergedRichTextFields = /* @__PURE__ */ new Set();
+  if (existsSync(templatesDir)) {
+    for (const file of readdirSync(templatesDir).filter((f) => f.endsWith(".json"))) {
+      const tc = await loadJSONFile(join(templatesDir, file));
+      if (!tc) continue;
+      try {
+        const pd = parseJSON(tc);
+        const schema = pd.meta?.cms;
+        if (!schema?.id) continue;
+        collectionUrlExpr.set(schema.id, buildCollectionUrlExpr(schema));
+        for (const [fn, fd] of Object.entries(schema.fields || {})) {
+          if (fd.type === "rich-text") mergedRichTextFields.add(fn);
+        }
+      } catch {
+      }
+    }
+  }
   if (existsSync(templatesDir)) {
     const templateFiles = readdirSync(templatesDir).filter((f) => f.endsWith(".json"));
     for (const file of templateFiles) {
@@ -3156,7 +3484,7 @@ async function buildAstroProject(projectRoot, outputDir) {
         const items = await cmsService.queryItems({ collection: cmsSchema.id });
         const itemCount = items.length;
         const defaultLocale = i18nConfig.defaultLocale;
-        const dummyPath = cmsSchema.urlPattern.replace("{{slug}}", "__placeholder__");
+        const dummyPath = cmsSchema.urlPattern.replace("{{slug}}", CMS_SLUG_PLACEHOLDER);
         const metaResult = await renderPageSSR(
           pageData,
           globalComponents,
@@ -3223,7 +3551,9 @@ async function buildAstroProject(projectRoot, outputDir) {
             slugMappings,
             imageFormat: configService.getImageFormat(),
             processedRawHtml: metaResult.processedRawHtmlCollector,
-            remConfig: remConversionConfig
+            remConfig: remConversionConfig,
+            cmsConsumers: cmsConsumerComponents,
+            collectionUrlExpr
           });
           const astroFileFull = join(pagesOutDir, astroFilePath);
           const astroFileDir = astroFileFull.substring(0, astroFileFull.lastIndexOf("/"));
@@ -3307,10 +3637,15 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
 </html>
 `;
   await writeFile2(join(layoutsDir, "BaseLayout.astro"), baseLayoutContent, "utf-8");
+  const emittableComponents = normalizeOrphanTemplateProps(globalComponents);
   let componentFileCount = 0;
-  for (const [compName, compDef] of Object.entries(globalComponents)) {
+  for (const [compName, compDef] of Object.entries(emittableComponents)) {
     try {
-      const astroContent = emitAstroComponent(compName, compDef, globalComponents, breakpoints, i18nConfig.defaultLocale, responsiveScales, remConversionConfig);
+      const astroContent = emitAstroComponent(compName, compDef, emittableComponents, breakpoints, i18nConfig.defaultLocale, responsiveScales, remConversionConfig, {
+        cmsConsumers: cmsConsumerComponents,
+        cmsRichTextFields: mergedRichTextFields,
+        collectionUrlExpr
+      });
       await writeFile2(join(componentsOutDir, `${compName}.astro`), astroContent, "utf-8");
       componentFileCount++;
     } catch (error) {
@@ -3327,7 +3662,7 @@ const { title, meta = '', scripts = [], locale = 'en', theme = '${themeConfig.de
         const pageSlugMap = result.pageData.meta?.slugs ? computePageSlugMap(result.pageData.meta.slugs, i18nConfig) : void 0;
         astroContent = emitAstroPage({
           pageData: result.pageData,
-          globalComponents,
+          globalComponents: emittableComponents,
           title: result.title,
           meta: result.meta,
           locale: result.locale,
@@ -3390,14 +3725,21 @@ export const GET: APIRoute = () => {
     for (const schema of templateSchemas) {
       const collectionDir = join(contentDir, schema.id);
       mkdirSync(collectionDir, { recursive: true });
+      const richTextFieldNames = Object.entries(schema.fields || {}).filter(([, fd]) => fd.type === "rich-text").map(([fn]) => fn);
       const cmsItemsDir = join(projectPaths.cms(), schema.id);
       if (existsSync(cmsItemsDir)) {
-        const itemFiles = readdirSync(cmsItemsDir).filter((f) => f.endsWith(".json"));
+        const isDevBuild = process.env.MENO_DEV_BUILD === "true";
+        const itemFiles = readdirSync(cmsItemsDir).filter(
+          (f) => f.endsWith(".json") && (isDevBuild || !f.endsWith(`${CMS_DRAFT_SUFFIX}.json`))
+        );
         for (const itemFile of itemFiles) {
           try {
             const rawContent = await readFile(join(cmsItemsDir, itemFile), "utf-8");
             const item = JSON.parse(rawContent);
             const resolved = { ...item };
+            for (const fieldName of richTextFieldNames) {
+              resolved[fieldName] = serializeRichTextValue(resolved[fieldName]);
+            }
             await writeFile2(
               join(collectionDir, itemFile),
               JSON.stringify(resolved, null, 2),
@@ -3470,14 +3812,12 @@ export { collections };
       preview: "astro preview"
     },
     dependencies: {
-      "astro": "^6.0.0",
+      // Astro 5 (stable Vite), NOT 6 — Astro 6's rolldown-vite breaks
+      // @tailwindcss/vite at build time ("Missing field `tsconfigPaths`").
+      "astro": "^5.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"
     }
   };
   await writeFile2(join(outDir, "package.json"), JSON.stringify(packageJson, null, 2), "utf-8");
@@ -3505,6 +3845,15 @@ export default defineConfig({${siteUrl ? `
     extends: "astro/tsconfigs/strict"
   };
   await writeFile2(join(outDir, "tsconfig.json"), JSON.stringify(tsConfig, null, 2), "utf-8");
+  const netlifyToml = `# Generated by Meno's Astro build.
+[build]
+  command = "npm run build"
+  publish = "dist"
+
+[build.environment]
+  NODE_VERSION = "22"
+`;
+  await writeFile2(join(outDir, "netlify.toml"), netlifyToml, "utf-8");
   await writeFile2(join(outDir, "src", "env.d.ts"), '/// <reference path="../.astro/types.d.ts" />\n', "utf-8");
   const totalPages = allResults.length;
   return {
@@ -3515,131 +3864,1048 @@ export default defineConfig({${siteUrl ? `
   };
 }
 
-// lib/server/webflow/buildWebflow.ts
-import { existsSync as existsSync2, readdirSync as readdirSync2 } from "fs";
-import { join as join3 } from "path";
-init_constants();
-
-// lib/server/webflow/nodeToWebflow.ts
-init_constants();
-
-// lib/server/webflow/types.ts
-var MENO_BIND_SENTINEL_PREFIX = "__MENO_BIND__:";
-var MENO_BIND_SENTINEL_SUFFIX = ":__";
-var MENO_BIND_SENTINEL_RE = /__MENO_BIND__:([^:]+):__/g;
-var MENO_BIND_SENTINEL_EXACT_RE = /^__MENO_BIND__:([^:]+):__$/;
-var COLLECTION_LIST_TAG = "__collection_list__";
-
-// lib/server/webflow/styleMapper.ts
-var UNITLESS_PROPERTIES = /* @__PURE__ */ new Set([
-  "opacity",
-  "z-index",
-  "flex-grow",
-  "flex-shrink",
-  "flex",
-  "order",
-  "orphans",
-  "widows",
-  "column-count",
-  "font-weight",
-  "tab-size"
-]);
-var TIME_PROPERTIES = /* @__PURE__ */ new Set([
-  "transition-duration",
-  "transition-delay",
-  "animation-duration",
-  "animation-delay"
-]);
-function normalizeZero(cssProp, cssValue) {
-  if (cssValue !== "0") return cssValue;
-  if (UNITLESS_PROPERTIES.has(cssProp)) return cssValue;
-  if (TIME_PROPERTIES.has(cssProp)) return cssValue;
-  return "0px";
-}
-var COLOR_PROPS_CAMEL = /* @__PURE__ */ new Set(["color", "backgroundColor", "borderColor"]);
-function maybeWrapColorVar(camelProp, value) {
-  if (!COLOR_PROPS_CAMEL.has(camelProp)) return value;
-  if (!value) return value;
-  if (value.startsWith("#")) return value;
-  if (value.startsWith("var(")) return value;
-  if (value.includes("(")) return value;
-  if (isCssNamedColor(value)) return value;
-  return `var(--${value})`;
+// build-next.ts
+import { existsSync as existsSync2, readdirSync as readdirSync2, mkdirSync as mkdirSync2, rmSync as rmSync2, statSync as statSync2, copyFileSync as copyFileSync2, writeFileSync as writeFileSync2 } from "fs";
+import { writeFile as writeFile3, readFile as readFile2 } from "fs/promises";
+import { join as join2 } from "path";
+import { createHash as createHash2 } from "crypto";
+function hashContent3(content) {
+  return createHash2("sha256").update(content).digest("hex").slice(0, 8);
+}
+function writePageScript2(javascript, scriptsDir) {
+  if (!javascript) return [];
+  const hash = hashContent3(javascript);
+  const scriptFile = `${hash}.js`;
+  if (!existsSync2(scriptsDir)) {
+    mkdirSync2(scriptsDir, { recursive: true });
+  }
+  const fullScriptPath = join2(scriptsDir, scriptFile);
+  if (!existsSync2(fullScriptPath)) {
+    writeFileSync2(fullScriptPath, javascript, "utf-8");
+  }
+  return [`/_scripts/${scriptFile}`];
 }
-function isStyleMapping4(value) {
-  return typeof value === "object" && value !== null && "_mapping" in value && value._mapping === true;
+function copyDirectory2(src, dest, filter) {
+  if (!existsSync2(src)) return;
+  if (!existsSync2(dest)) mkdirSync2(dest, { recursive: true });
+  const files = readdirSync2(src);
+  for (const file of files) {
+    if (filter && !filter(file)) continue;
+    const srcPath = join2(src, file);
+    const destPath = join2(dest, file);
+    const stat = statSync2(srcPath);
+    if (stat.isDirectory()) copyDirectory2(srcPath, destPath, filter);
+    else copyFileSync2(srcPath, destPath);
+  }
 }
-function isResponsiveStyle4(style) {
-  return "base" in style || "tablet" in style || "mobile" in style;
+function isCMSPage2(pageData) {
+  return pageData.meta?.source === "cms" && !!pageData.meta?.cms;
 }
-function toKebabCase(prop) {
-  return prop.replace(/([A-Z])/g, "-$1").toLowerCase();
+function buildCMSItemPath(urlPattern, item, slugField, locale, i18nConfig) {
+  let slug = item[slugField] ?? item._slug ?? item._id;
+  if (isI18nValue(slug)) {
+    slug = resolveI18nValue(slug, locale, i18nConfig);
+  }
+  return urlPattern.replace("{{slug}}", String(slug));
 }
-function splitTopLevel(value) {
-  const out = [];
-  let depth = 0;
-  let buf = "";
-  for (const ch of value.trim()) {
-    if (ch === "(") depth++;
-    else if (ch === ")") depth--;
-    if (depth === 0 && /\s/.test(ch)) {
-      if (buf) {
-        out.push(buf);
-        buf = "";
-      }
-      continue;
+function scanJSONFiles2(dir, prefix = "") {
+  const results = [];
+  if (!existsSync2(dir)) return results;
+  const entries = readdirSync2(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    if (entry.isFile() && entry.name.endsWith(".json")) {
+      results.push(prefix ? `${prefix}/${entry.name}` : entry.name);
+    } else if (entry.isDirectory()) {
+      results.push(...scanJSONFiles2(join2(dir, entry.name), prefix ? `${prefix}/${entry.name}` : entry.name));
     }
-    buf += ch;
   }
-  if (buf) out.push(buf);
-  return out;
+  return results;
 }
-function expandShorthand(cssProp, cssValue) {
-  if (cssProp !== "margin" && cssProp !== "padding" && cssProp !== "gap") {
-    return null;
+function escapeTemplateLiteral5(s) {
+  return s.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+function escapeSingleQuoted(s) {
+  return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+function urlPathToAppRoute(urlPath) {
+  if (urlPath === "/" || urlPath === "") {
+    return { dir: "", isRoot: true };
   }
-  const parts = splitTopLevel(cssValue);
-  if (cssProp === "gap") {
-    if (parts.length === 1) {
-      const v = normalizeZero("row-gap", parts[0]);
-      return { "row-gap": v, "column-gap": v };
+  const trimmed = urlPath.replace(/^\/+/, "").replace(/\/+$/, "");
+  return { dir: trimmed, isRoot: false };
+}
+function metaHtmlToJSX(metaHtml) {
+  if (!metaHtml || !metaHtml.trim()) return "";
+  const lines = metaHtml.split(/\r?\n/).map((l) => l.trim()).filter(Boolean);
+  const elements = [];
+  for (const line of lines) {
+    const titleMatch = line.match(/^<title>([\s\S]*?)<\/title>$/);
+    if (titleMatch) {
+      elements.push(`<title>{${JSON.stringify(decodeBasicEntities(titleMatch[1]))}}</title>`);
+      continue;
     }
-    if (parts.length === 2) {
-      return {
-        "row-gap": normalizeZero("row-gap", parts[0]),
-        "column-gap": normalizeZero("column-gap", parts[1])
-      };
+    const selfMatch = line.match(/^<(meta|link)\s+([\s\S]*?)\s*\/?>$/);
+    if (selfMatch) {
+      const tagName = selfMatch[1];
+      const attrsSrc = selfMatch[2];
+      const attrs = parseAttrs(attrsSrc);
+      const attrParts = Object.entries(attrs).map(([k, v]) => `${jsxAttrName(k)}=${JSON.stringify(v)}`).join(" ");
+      elements.push(`<${tagName} ${attrParts} />`);
+      continue;
     }
-    return null;
   }
-  let top, right, bottom, left;
-  if (parts.length === 1) {
-    top = right = bottom = left = parts[0];
-  } else if (parts.length === 2) {
-    top = bottom = parts[0];
-    right = left = parts[1];
-  } else if (parts.length === 3) {
-    top = parts[0];
-    right = left = parts[1];
-    bottom = parts[2];
-  } else if (parts.length === 4) {
-    [top, right, bottom, left] = parts;
-  } else {
-    return null;
+  return elements.join("\n      ");
+}
+var JSX_ATTR_NAMES = {
+  "http-equiv": "httpEquiv",
+  "hreflang": "hrefLang",
+  "crossorigin": "crossOrigin",
+  "referrerpolicy": "referrerPolicy",
+  "imagesrcset": "imageSrcSet",
+  "imagesizes": "imageSizes",
+  "fetchpriority": "fetchPriority",
+  "class": "className",
+  "for": "htmlFor",
+  "charset": "charSet"
+};
+function jsxAttrName(name) {
+  return JSX_ATTR_NAMES[name] ?? name;
+}
+function parseAttrs(src) {
+  const out = {};
+  const re = /([a-zA-Z_:][\w:.-]*)\s*=\s*"([^"]*)"/g;
+  let match;
+  while ((match = re.exec(src)) !== null) {
+    out[match[1]] = decodeBasicEntities(match[2]);
   }
-  return {
-    [`${cssProp}-top`]: normalizeZero(`${cssProp}-top`, top),
-    [`${cssProp}-right`]: normalizeZero(`${cssProp}-right`, right),
-    [`${cssProp}-bottom`]: normalizeZero(`${cssProp}-bottom`, bottom),
-    [`${cssProp}-left`]: normalizeZero(`${cssProp}-left`, left)
-  };
+  return out;
 }
-function styleObjectToCSS(style) {
-  const css = {};
-  for (const [prop, value] of Object.entries(style)) {
-    if (isStyleMapping4(value)) continue;
-    if (value === "" || value === void 0 || value === null) continue;
-    if (typeof value === "boolean" || typeof value === "object") continue;
+function decodeBasicEntities(s) {
+  return s.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
+}
+function emitNextPage(options) {
+  const {
+    html,
+    meta,
+    title,
+    locale,
+    theme,
+    fontPreloads,
+    libraryTags,
+    scriptPaths,
+    customCode,
+    iconTagsHtml,
+    formHandlerNeeded
+  } = options;
+  const metaJSX = metaHtmlToJSX(meta);
+  const headHtmlBlocks = [];
+  if (iconTagsHtml) headHtmlBlocks.push(iconTagsHtml);
+  if (fontPreloads) headHtmlBlocks.push(fontPreloads);
+  if (libraryTags.headCSS) headHtmlBlocks.push(libraryTags.headCSS);
+  if (libraryTags.headJS) headHtmlBlocks.push(libraryTags.headJS);
+  if (customCode.head) headHtmlBlocks.push(customCode.head);
+  const headHtml = headHtmlBlocks.join("\n");
+  const scriptTags = scriptPaths.map((s) => `<script src="${s}" defer></script>`).join("\n");
+  const bodyEndBlocks = [];
+  if (scriptTags) bodyEndBlocks.push(scriptTags);
+  if (libraryTags.bodyEndJS) bodyEndBlocks.push(libraryTags.bodyEndJS);
+  if (customCode.bodyEnd) bodyEndBlocks.push(customCode.bodyEnd);
+  if (formHandlerNeeded) bodyEndBlocks.push(`<script>${formHandlerScript}</script>`);
+  const bodyEndHtml = bodyEndBlocks.join("\n");
+  const bodyStartHtml = customCode.bodyStart || "";
+  return `// Auto-generated by meno-core/build-next. Do not edit.
+import RawHead from '../components/RawHead';
+
+const TITLE = ${JSON.stringify(title)};
+const LOCALE = ${JSON.stringify(locale)};
+const THEME = ${JSON.stringify(theme)};
+const HEAD_HTML = \`${escapeTemplateLiteral5(headHtml)}\`;
+const BODY_START_HTML = \`${escapeTemplateLiteral5(bodyStartHtml)}\`;
+const PAGE_HTML = \`${escapeTemplateLiteral5(html)}\`;
+const BODY_END_HTML = \`${escapeTemplateLiteral5(bodyEndHtml)}\`;
+
+export const metadata = {
+  title: TITLE,
+};
+
+export default function Page() {
+  return (
+    <>
+      ${metaJSX || ""}
+      <RawHead html={HEAD_HTML} locale={LOCALE} theme={THEME} />
+      {BODY_START_HTML ? <div data-meno-body-start dangerouslySetInnerHTML={{ __html: BODY_START_HTML }} /> : null}
+      <div id="root" dangerouslySetInnerHTML={{ __html: PAGE_HTML }} />
+      {BODY_END_HTML ? <div data-meno-body-end dangerouslySetInnerHTML={{ __html: BODY_END_HTML }} /> : null}
+    </>
+  );
+}
+`;
+}
+function emitNextCMSPage(options) {
+  const {
+    slugs,
+    perSlugData,
+    locale,
+    theme,
+    fontPreloads,
+    libraryTags,
+    customCode,
+    iconTagsHtml,
+    formHandlerNeeded
+  } = options;
+  const headHtmlBlocks = [];
+  if (iconTagsHtml) headHtmlBlocks.push(iconTagsHtml);
+  if (fontPreloads) headHtmlBlocks.push(fontPreloads);
+  if (libraryTags.headCSS) headHtmlBlocks.push(libraryTags.headCSS);
+  if (libraryTags.headJS) headHtmlBlocks.push(libraryTags.headJS);
+  if (customCode.head) headHtmlBlocks.push(customCode.head);
+  const headHtml = headHtmlBlocks.join("\n");
+  const bodyStartHtml = customCode.bodyStart || "";
+  const trailingFormHandler = formHandlerNeeded ? `<script>${formHandlerScript}</script>` : "";
+  const entries = [];
+  for (const slug of slugs) {
+    const data = perSlugData[slug];
+    if (!data) continue;
+    const scriptTags = data.scriptPaths.map((s) => `<script src="${s}" defer></script>`).join("\n");
+    const bodyEndBlocks = [];
+    if (scriptTags) bodyEndBlocks.push(scriptTags);
+    if (libraryTags.bodyEndJS) bodyEndBlocks.push(libraryTags.bodyEndJS);
+    if (customCode.bodyEnd) bodyEndBlocks.push(customCode.bodyEnd);
+    if (trailingFormHandler) bodyEndBlocks.push(trailingFormHandler);
+    const bodyEndHtml = bodyEndBlocks.join("\n");
+    entries.push(
+      `  ${JSON.stringify(slug)}: {
+    title: ${JSON.stringify(data.title)},
+    metaHtml: \`${escapeTemplateLiteral5(data.meta)}\`,
+    html: \`${escapeTemplateLiteral5(data.html)}\`,
+    bodyEndHtml: \`${escapeTemplateLiteral5(bodyEndHtml)}\`,
+  }`
+    );
+  }
+  return `// Auto-generated by meno-core/build-next. Do not edit.
+import RawHead from '${cmsRawHeadImport(options)}';
+import MetaTags from '${cmsMetaTagsImport(options)}';
+
+const LOCALE = ${JSON.stringify(locale)};
+const THEME = ${JSON.stringify(theme)};
+const HEAD_HTML = \`${escapeTemplateLiteral5(headHtml)}\`;
+const BODY_START_HTML = \`${escapeTemplateLiteral5(bodyStartHtml)}\`;
+
+type Entry = {
+  title: string;
+  metaHtml: string;
+  html: string;
+  bodyEndHtml: string;
+};
+
+const ENTRIES: Record<string, Entry> = {
+${entries.join(",\n")}
+};
+
+export function generateStaticParams() {
+  return Object.keys(ENTRIES).map((slug) => ({ slug }));
+}
+
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const entry = ENTRIES[slug];
+  return entry ? { title: entry.title } : {};
+}
+
+export default async function Page({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const entry = ENTRIES[slug];
+  if (!entry) return null;
+  return (
+    <>
+      <MetaTags html={entry.metaHtml} />
+      <RawHead html={HEAD_HTML} locale={LOCALE} theme={THEME} />
+      {BODY_START_HTML ? <div data-meno-body-start dangerouslySetInnerHTML={{ __html: BODY_START_HTML }} /> : null}
+      <div id="root" dangerouslySetInnerHTML={{ __html: entry.html }} />
+      {entry.bodyEndHtml ? <div data-meno-body-end dangerouslySetInnerHTML={{ __html: entry.bodyEndHtml }} /> : null}
+    </>
+  );
+}
+`;
+}
+function cmsRawHeadImport(_options) {
+  return "../../components/RawHead";
+}
+function cmsMetaTagsImport(_options) {
+  return "../../components/MetaTags";
+}
+async function buildNextProject(projectRoot, outputDir) {
+  configService.reset();
+  const projectConfig = await loadProjectConfig();
+  const siteUrl = projectConfig.siteUrl?.replace(/\/$/, "") || "";
+  const i18nConfig = await loadI18nConfig();
+  await migrateTemplatesDirectory();
+  const { components, warnings, errors: compErrors } = await loadComponentDirectory(projectPaths.components());
+  const globalComponents = {};
+  components.forEach((value, key) => {
+    globalComponents[key] = value;
+  });
+  for (const w of warnings) console.warn(`  Warning: ${w}`);
+  for (const e of compErrors) console.error(`  Error: ${e}`);
+  const cmsProvider = new FileSystemCMSProvider(projectPaths.templates(), projectPaths.cms());
+  const cmsService = new CMSService(cmsProvider);
+  await cmsService.initialize();
+  const themeConfig = await colorService.loadThemeConfig();
+  const variablesConfig = await variableService.loadConfig();
+  const breakpoints = await loadBreakpointConfig();
+  await configService.load();
+  const responsiveScales = configService.getResponsiveScales();
+  const globalLibraries = configService.getLibraries();
+  const componentLibraries = collectComponentLibraries(globalComponents);
+  const outDir = outputDir || join2(projectPaths.project, "next-export");
+  if (existsSync2(outDir)) {
+    rmSync2(outDir, { recursive: true, force: true });
+  }
+  mkdirSync2(outDir, { recursive: true });
+  const appDir = join2(outDir, "app");
+  const componentsDir = join2(appDir, "components");
+  const publicDir = join2(outDir, "public");
+  const scriptsDir = join2(publicDir, "_scripts");
+  for (const d of [appDir, componentsDir, publicDir]) {
+    mkdirSync2(d, { recursive: true });
+  }
+  const pagesDir = projectPaths.pages();
+  if (!existsSync2(pagesDir)) {
+    console.error("Pages directory not found!");
+    return { pages: 0, cmsPages: 0, collections: 0, errors: 1 };
+  }
+  const pageFiles = scanJSONFiles2(pagesDir);
+  if (pageFiles.length === 0) {
+    console.warn("No pages found in ./pages directory");
+    return { pages: 0, cmsPages: 0, collections: 0, errors: 0 };
+  }
+  const slugMappings = [];
+  for (const file of pageFiles) {
+    const pageName = file.replace(".json", "");
+    const basePath = mapPageNameToPath(pageName);
+    const pageContent = await loadJSONFile(join2(pagesDir, file));
+    if (!pageContent) continue;
+    try {
+      const pageData = parseJSON(pageContent);
+      if (pageData.meta?.slugs) {
+        const pageId = basePath === "/" ? "index" : basePath.substring(1);
+        slugMappings.push({ pageId, slugs: pageData.meta.slugs });
+      }
+    } catch {
+    }
+  }
+  const allResults = [];
+  const allInteractiveStyles = /* @__PURE__ */ new Map();
+  const allComponentCSS = /* @__PURE__ */ new Set();
+  const allUtilityClasses = /* @__PURE__ */ new Set();
+  const jsContents = /* @__PURE__ */ new Map();
+  let errorCount = 0;
+  let projectNeedsFormHandler = false;
+  function mergeInteractiveStyles(source) {
+    for (const [key, value] of source) {
+      if (!allInteractiveStyles.has(key)) {
+        allInteractiveStyles.set(key, value);
+      }
+    }
+  }
+  function recordRender(result, urlPath, pageData, pageName) {
+    mergeInteractiveStyles(result.interactiveStylesMap);
+    if (result.componentCSS) allComponentCSS.add(result.componentCSS);
+    for (const c of extractUtilityClassesFromHTML(result.html)) {
+      allUtilityClasses.add(c);
+    }
+    if (result.javascript) {
+      const hash = hashContent3(result.javascript);
+      if (!jsContents.has(hash)) {
+        jsContents.set(hash, result.javascript);
+      }
+    }
+    if (!projectNeedsFormHandler && needsFormHandler(result.html)) {
+      projectNeedsFormHandler = true;
+    }
+    allResults.push({
+      html: result.html,
+      meta: result.meta,
+      title: result.title,
+      javascript: result.javascript,
+      componentCSS: result.componentCSS,
+      locale: result.locale,
+      interactiveStylesMap: result.interactiveStylesMap,
+      urlPath,
+      pageData,
+      pageName
+    });
+  }
+  for (const file of pageFiles) {
+    const pageName = file.replace(".json", "");
+    const basePath = mapPageNameToPath(pageName);
+    const pageContent = await loadJSONFile(join2(pagesDir, file));
+    if (!pageContent) {
+      console.warn(`  Skipping ${basePath} (empty file)`);
+      errorCount++;
+      continue;
+    }
+    try {
+      const pageData = parseJSON(pageContent);
+      const isDevBuild = process.env.MENO_DEV_BUILD === "true";
+      if (pageData.meta?.draft === true && !isDevBuild) {
+        continue;
+      }
+      const slugs = pageData.meta?.slugs;
+      for (const localeConfig of i18nConfig.locales) {
+        const locale = localeConfig.code;
+        const isDefault = locale === i18nConfig.defaultLocale;
+        let slug;
+        if (slugs && slugs[locale]) {
+          slug = slugs[locale];
+        } else if (basePath === "/") {
+          slug = "";
+        } else {
+          slug = basePath.substring(1);
+        }
+        const urlPath = isDefault ? slug === "" ? "/" : `/${slug}` : slug === "" ? `/${locale}` : `/${locale}/${slug}`;
+        const result = await renderPageSSR(
+          pageData,
+          globalComponents,
+          urlPath,
+          siteUrl,
+          locale,
+          i18nConfig,
+          slugMappings,
+          void 0,
+          cmsService,
+          true
+        );
+        recordRender(result, urlPath, pageData, pageName);
+      }
+    } catch (error) {
+      const err = error;
+      console.error(`  Error rendering ${basePath}:`, err?.message || error);
+      errorCount++;
+    }
+  }
+  const fontPreloads = generateFontPreloadTags();
+  const mergedLibraries = mergeLibraries(globalLibraries, componentLibraries);
+  const buildLibraries = filterLibrariesByContext(mergedLibraries, "build");
+  const inlineContents = /* @__PURE__ */ new Map();
+  const localLibsToCopy = [];
+  for (const css of buildLibraries.css || []) {
+    if (!css.url.startsWith("/")) continue;
+    const shouldInline = css.inline !== false;
+    const relPath = css.url.slice(1);
+    const srcPath = join2(projectPaths.project, relPath);
+    if (!existsSync2(srcPath)) continue;
+    if (shouldInline) {
+      try {
+        inlineContents.set(css.url, await readFile2(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 (existsSync2(join2(projectPaths.project, relPath))) {
+        localLibsToCopy.push(relPath);
+      }
+    }
+  }
+  const libraryTags = generateLibraryTags(buildLibraries, inlineContents);
+  const defaultTheme = themeConfig.default || "light";
+  const customCode = configService.getCustomCode();
+  const iconsConfig = await loadIconsConfig();
+  const hasDarkFavicon = !!(iconsConfig.favicon && iconsConfig.faviconDark);
+  const faviconTag = iconsConfig.favicon ? `<link rel="icon" href="${iconsConfig.favicon.replace(/"/g, "&quot;")}"${hasDarkFavicon ? ' media="(prefers-color-scheme: light)"' : ""} />` : "";
+  const faviconDarkTag = iconsConfig.faviconDark ? `<link rel="icon" href="${iconsConfig.faviconDark.replace(/"/g, "&quot;")}" media="(prefers-color-scheme: dark)" />` : "";
+  const appleTouchIconTag = iconsConfig.appleTouchIcon ? `<link rel="apple-touch-icon" href="${iconsConfig.appleTouchIcon.replace(/"/g, "&quot;")}" />` : "";
+  const iconTagsHtml = [faviconTag, faviconDarkTag, appleTouchIconTag].filter(Boolean).join("\n  ");
+  const remConversionConfig = configService.getRemConversion();
+  const templatesDir = projectPaths.templates();
+  const templateSchemas = [];
+  let cmsPageCount = 0;
+  const cmsEmissions = [];
+  if (existsSync2(templatesDir)) {
+    const templateFiles = readdirSync2(templatesDir).filter((f) => f.endsWith(".json"));
+    for (const file of templateFiles) {
+      const templateContent = await loadJSONFile(join2(templatesDir, file));
+      if (!templateContent) continue;
+      try {
+        const pageData = parseJSON(templateContent);
+        const isDevBuild = process.env.MENO_DEV_BUILD === "true";
+        if (pageData.meta?.draft === true && !isDevBuild) {
+          continue;
+        }
+        if (!isCMSPage2(pageData)) {
+          console.warn(`  ${file} is in templates/ but missing meta.source: "cms"`);
+          continue;
+        }
+        const cmsSchema = pageData.meta.cms;
+        templateSchemas.push(cmsSchema);
+        const slugField = cmsSchema.slugField || "slug";
+        const items = await cmsService.queryItems({ collection: cmsSchema.id });
+        const urlPatternWithoutSlash = cmsSchema.urlPattern.replace(/^\//, "");
+        const slugPlaceholderIdx = urlPatternWithoutSlash.indexOf("{{");
+        const pathPrefix = slugPlaceholderIdx > 0 ? urlPatternWithoutSlash.substring(0, slugPlaceholderIdx).replace(/\/$/, "") : "";
+        for (const localeEntry of i18nConfig.locales) {
+          const localeCode = localeEntry.code;
+          const isDefault = localeCode === i18nConfig.defaultLocale;
+          const perSlugData = {};
+          for (const item of items) {
+            if (!isDevBuild && isItemDraftForLocale(item, localeCode)) continue;
+            const itemPath = buildCMSItemPath(cmsSchema.urlPattern, item, slugField, localeCode, i18nConfig);
+            const itemWithUrl = { ...item, _url: itemPath };
+            const fullPath = isDefault ? itemPath : `/${localeCode}${itemPath}`;
+            const result = await renderPageSSR(
+              pageData,
+              globalComponents,
+              fullPath,
+              siteUrl,
+              localeCode,
+              i18nConfig,
+              slugMappings,
+              { cms: itemWithUrl },
+              cmsService,
+              true
+            );
+            mergeInteractiveStyles(result.interactiveStylesMap);
+            if (result.componentCSS) allComponentCSS.add(result.componentCSS);
+            for (const c of extractUtilityClassesFromHTML(result.html)) {
+              allUtilityClasses.add(c);
+            }
+            if (!projectNeedsFormHandler && needsFormHandler(result.html)) {
+              projectNeedsFormHandler = true;
+            }
+            const scriptPaths = [];
+            if (result.javascript) {
+              const hash = hashContent3(result.javascript);
+              if (!jsContents.has(hash)) jsContents.set(hash, result.javascript);
+              scriptPaths.push(`/_scripts/${hash}.js`);
+            }
+            let rawSlug = item[slugField] ?? item._slug ?? item._id;
+            if (isI18nValue(rawSlug)) {
+              rawSlug = resolveI18nValue(rawSlug, localeCode, i18nConfig);
+            }
+            const slugKey = String(rawSlug);
+            perSlugData[slugKey] = {
+              html: result.html,
+              meta: result.meta,
+              title: result.title,
+              scriptPaths
+            };
+            cmsPageCount++;
+          }
+          if (Object.keys(perSlugData).length > 0) {
+            cmsEmissions.push({
+              schema: cmsSchema,
+              locale: localeCode,
+              pathPrefix,
+              isDefaultLocale: isDefault,
+              perSlugData
+            });
+          }
+        }
+      } catch (error) {
+        const err = error;
+        console.error(`  Error processing template ${file}:`, err?.message || error);
+        errorCount++;
+      }
+    }
+  }
+  for (const [hash, js] of jsContents) {
+    writePageScript2(js, scriptsDir);
+    void hash;
+  }
+  const mappingClasses = collectAllMappingClasses(globalComponents, breakpoints, responsiveScales);
+  const fontCSS = generateFontCSS();
+  const themeColorCSS = generateThemeColorVariablesCSS(themeConfig);
+  const variablesCSS = generateVariablesCSS(variablesConfig, breakpoints, responsiveScales);
+  const componentCSSCombined = Array.from(allComponentCSS).join("\n");
+  const utilityCSS = allUtilityClasses.size > 0 ? generateUtilityCSS(allUtilityClasses, breakpoints, responsiveScales, remConversionConfig) : "";
+  const interactiveStylesCSS = allInteractiveStyles.size > 0 ? generateAllInteractiveCSS(allInteractiveStyles, breakpoints, remConversionConfig, responsiveScales) : "";
+  const baseCSS = `@layer base {
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif; }
+  button { background: none; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; }
+  img { max-width: 100%; height: auto; }
+  picture { display: block; }
+  .olink { text-decoration: none; display: block; color: inherit; }
+  .oem { display: inline-block; }
+}`;
+  const safelistDirectives = Array.from(mappingClasses).map((c) => `@source inline("${c}");`).join("\n");
+  const tailwindDirectives = safelistDirectives ? `@import "tailwindcss";
+
+${safelistDirectives}` : `@import "tailwindcss";`;
+  const globalCSS = [
+    tailwindDirectives,
+    fontCSS,
+    themeColorCSS,
+    variablesCSS,
+    baseCSS,
+    utilityCSS,
+    componentCSSCombined,
+    interactiveStylesCSS
+  ].filter(Boolean).join("\n\n");
+  await writeFile3(join2(appDir, "globals.css"), globalCSS, "utf-8");
+  const projectName = projectConfig?.name || "Site";
+  const rootLayoutContent = `// Auto-generated by meno-core/build-next. Do not edit.
+import './globals.css';
+
+export const metadata = {
+  title: ${JSON.stringify(projectName)},
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang=${JSON.stringify(i18nConfig.defaultLocale)} data-theme=${JSON.stringify(defaultTheme)} suppressHydrationWarning>
+      <head>
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}
+`;
+  await writeFile3(join2(appDir, "layout.tsx"), rootLayoutContent, "utf-8");
+  const rawHeadContent = `// Auto-generated by meno-core/build-next. Do not edit.
+// Renders an arbitrary HTML string. Used for head fragments emitted by the
+// SSR pipeline (font preloads, icon links, customCode.head, library tags)
+// and per-locale data-theme/lang updates. Because this is a server component,
+// the HTML appears in the statically exported file as-is.
+
+export default function RawHead({ html, locale, theme }: { html: string; locale: string; theme: string }) {
+  return (
+    <>
+      {/* Force locale/theme on <html> via a lightweight inline script. */}
+      <script
+        dangerouslySetInnerHTML={{
+          __html: \`document.documentElement.lang=\${JSON.stringify(locale)};document.documentElement.dataset.theme=\${JSON.stringify(theme)};\`,
+        }}
+      />
+      {html ? <span data-meno-head dangerouslySetInnerHTML={{ __html: html }} style={{ display: 'none' }} /> : null}
+    </>
+  );
+}
+`;
+  await writeFile3(join2(componentsDir, "RawHead.tsx"), rawHeadContent, "utf-8");
+  const metaTagsContent = `// Auto-generated by meno-core/build-next. Do not edit.
+// Parses a string of self-closing <meta>/<link>/<title> tags emitted by
+// meno-core's generateMetaTags() into React elements. React 19 hoists these
+// to <head> automatically.
+
+type MetaEl =
+  | { kind: 'title'; text: string }
+  | { kind: 'meta' | 'link'; attrs: Record<string, string> };
+
+function decodeEntities(s: string): string {
+  return s
+    .replace(/&quot;/g, '"')
+    .replace(/&#39;/g, "'")
+    .replace(/&lt;/g, '<')
+    .replace(/&gt;/g, '>')
+    .replace(/&amp;/g, '&');
+}
+
+function parseAttrs(src: string): Record<string, string> {
+  const out: Record<string, string> = {};
+  const re = /([a-zA-Z_:][\\w:.-]*)\\s*=\\s*"([^"]*)"/g;
+  let match: RegExpExecArray | null;
+  while ((match = re.exec(src)) !== null) {
+    out[match[1]] = decodeEntities(match[2]);
+  }
+  return out;
+}
+
+const JSX_ATTR_NAMES: Record<string, string> = {
+  'http-equiv': 'httpEquiv',
+  'hreflang': 'hrefLang',
+  'crossorigin': 'crossOrigin',
+  'referrerpolicy': 'referrerPolicy',
+  'imagesrcset': 'imageSrcSet',
+  'imagesizes': 'imageSizes',
+  'fetchpriority': 'fetchPriority',
+  'class': 'className',
+  'for': 'htmlFor',
+  'charset': 'charSet',
+};
+
+function jsxAttrName(name: string): string {
+  return JSX_ATTR_NAMES[name] ?? name;
+}
+
+function parseMeta(html: string): MetaEl[] {
+  if (!html) return [];
+  const lines = html.split(/\\r?\\n/).map((l) => l.trim()).filter(Boolean);
+  const out: MetaEl[] = [];
+  for (const line of lines) {
+    const titleMatch = line.match(/^<title>([\\s\\S]*?)<\\/title>$/);
+    if (titleMatch) {
+      out.push({ kind: 'title', text: decodeEntities(titleMatch[1]) });
+      continue;
+    }
+    const selfMatch = line.match(/^<(meta|link)\\s+([\\s\\S]*?)\\s*\\/?>$/);
+    if (selfMatch) {
+      out.push({ kind: selfMatch[1] as 'meta' | 'link', attrs: parseAttrs(selfMatch[2]) });
+    }
+  }
+  return out;
+}
+
+export default function MetaTags({ html }: { html: string }) {
+  const els = parseMeta(html);
+  return (
+    <>
+      {els.map((el, i) => {
+        if (el.kind === 'title') return <title key={i}>{el.text}</title>;
+        const attrs: Record<string, string> = {};
+        for (const [k, v] of Object.entries(el.attrs)) attrs[jsxAttrName(k)] = v;
+        if (el.kind === 'meta') return <meta key={i} {...attrs} />;
+        return <link key={i} {...attrs} />;
+      })}
+    </>
+  );
+}
+`;
+  await writeFile3(join2(componentsDir, "MetaTags.tsx"), metaTagsContent, "utf-8");
+  for (const result of allResults) {
+    const scriptPaths = result.javascript ? [`/_scripts/${hashContent3(result.javascript)}.js`] : [];
+    const route = urlPathToAppRoute(result.urlPath);
+    const targetDir = route.isRoot ? appDir : join2(appDir, route.dir);
+    if (!existsSync2(targetDir)) {
+      mkdirSync2(targetDir, { recursive: true });
+    }
+    const pageFilePath = join2(targetDir, "page.tsx");
+    const depth = route.isRoot ? 0 : route.dir.split("/").length;
+    const rawHeadImportPath = depth === 0 ? "./components/RawHead" : "../".repeat(depth) + "components/RawHead";
+    let content = emitNextPage({
+      html: result.html,
+      meta: result.meta,
+      title: result.title,
+      locale: result.locale,
+      theme: defaultTheme,
+      fontPreloads,
+      libraryTags,
+      scriptPaths,
+      customCode,
+      iconTagsHtml,
+      formHandlerNeeded: projectNeedsFormHandler
+    });
+    content = content.replace(
+      "import RawHead from '../components/RawHead';",
+      `import RawHead from '${rawHeadImportPath}';`
+    );
+    await writeFile3(pageFilePath, content, "utf-8");
+  }
+  for (const emission of cmsEmissions) {
+    const { locale, pathPrefix, isDefaultLocale, perSlugData } = emission;
+    const segments = [];
+    if (!isDefaultLocale) segments.push(locale);
+    if (pathPrefix) {
+      for (const part of pathPrefix.split("/").filter(Boolean)) {
+        segments.push(part);
+      }
+    }
+    segments.push("[slug]");
+    const routeDir = join2(appDir, ...segments);
+    mkdirSync2(routeDir, { recursive: true });
+    const depth = segments.length;
+    const upToApp = "../".repeat(depth);
+    let content = emitNextCMSPage({
+      slugs: Object.keys(perSlugData),
+      perSlugData,
+      locale,
+      theme: defaultTheme,
+      fontPreloads,
+      libraryTags,
+      customCode,
+      iconTagsHtml,
+      formHandlerNeeded: projectNeedsFormHandler
+    });
+    content = content.replace(
+      "import RawHead from '../../components/RawHead';",
+      `import RawHead from '${upToApp}components/RawHead';`
+    );
+    content = content.replace(
+      "import MetaTags from '../../components/MetaTags';",
+      `import MetaTags from '${upToApp}components/MetaTags';`
+    );
+    const pageFile = join2(routeDir, "page.tsx");
+    await writeFile3(pageFile, content, "utf-8");
+  }
+  const imagesSrcDir = join2(projectPaths.project, "images");
+  if (existsSync2(imagesSrcDir)) {
+    copyDirectory2(imagesSrcDir, join2(publicDir, "images"));
+  }
+  const publicAssetDirs = ["fonts", "icons", "videos", "assets"];
+  for (const dir of publicAssetDirs) {
+    const srcAssetDir = join2(projectPaths.project, dir);
+    if (existsSync2(srcAssetDir)) {
+      copyDirectory2(srcAssetDir, join2(publicDir, dir));
+    }
+  }
+  const librariesDir = join2(projectPaths.project, "libraries");
+  if (existsSync2(librariesDir)) {
+    copyDirectory2(librariesDir, join2(publicDir, "libraries"));
+  }
+  for (const relPath of localLibsToCopy) {
+    const srcPath = join2(projectPaths.project, relPath);
+    const destPath = join2(publicDir, relPath);
+    const destDir = destPath.substring(0, destPath.lastIndexOf("/"));
+    if (destDir && !existsSync2(destDir)) mkdirSync2(destDir, { recursive: true });
+    copyFileSync2(srcPath, destPath);
+  }
+  const packageJson = {
+    name: "next-export",
+    type: "module",
+    version: "0.0.1",
+    private: true,
+    scripts: {
+      dev: "next dev",
+      build: "next build",
+      start: "next start"
+    },
+    dependencies: {
+      next: "^15.0.0",
+      react: "^19.0.0",
+      "react-dom": "^19.0.0",
+      "@tailwindcss/postcss": "^4.0.0",
+      tailwindcss: "^4.0.0"
+    },
+    devDependencies: {
+      "@types/node": "^22.0.0",
+      "@types/react": "^19.0.0",
+      "@types/react-dom": "^19.0.0",
+      typescript: "^5.6.0"
+    }
+  };
+  await writeFile3(join2(outDir, "package.json"), JSON.stringify(packageJson, null, 2), "utf-8");
+  const nextConfig = `/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'export',${siteUrl ? `
+  // Set NEXT_PUBLIC_SITE_URL=${siteUrl} for absolute URLs in metadata.` : ""}
+  images: { unoptimized: true },
+  trailingSlash: false,
+  // The SSR HTML contains arbitrary inline scripts and styles; disable
+  // automatic font/image transforms so they survive unchanged.
+  experimental: {
+    optimizePackageImports: [],
+  },
+};
+
+export default nextConfig;
+`;
+  await writeFile3(join2(outDir, "next.config.mjs"), nextConfig, "utf-8");
+  const postcssConfig = `export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+`;
+  await writeFile3(join2(outDir, "postcss.config.mjs"), postcssConfig, "utf-8");
+  const tsConfig = {
+    compilerOptions: {
+      target: "ES2022",
+      lib: ["dom", "dom.iterable", "esnext"],
+      allowJs: true,
+      skipLibCheck: true,
+      strict: true,
+      noEmit: true,
+      esModuleInterop: true,
+      module: "esnext",
+      moduleResolution: "bundler",
+      resolveJsonModule: true,
+      isolatedModules: true,
+      jsx: "preserve",
+      incremental: true,
+      plugins: [{ name: "next" }],
+      paths: { "@/*": ["./*"] }
+    },
+    include: ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+    exclude: ["node_modules"]
+  };
+  await writeFile3(join2(outDir, "tsconfig.json"), JSON.stringify(tsConfig, null, 2), "utf-8");
+  await writeFile3(
+    join2(outDir, "next-env.d.ts"),
+    `/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+`,
+    "utf-8"
+  );
+  const gitignore = [
+    "node_modules",
+    ".next",
+    "out",
+    ".DS_Store",
+    "*.log"
+  ].join("\n") + "\n";
+  await writeFile3(join2(outDir, ".gitignore"), gitignore, "utf-8");
+  const readme = `# Next.js export
+
+This project was generated by Meno from the SSR-rendered HTML of your pages.
+
+## Run locally
+
+\`\`\`bash
+npm install
+npm run dev
+\`\`\`
+
+Open http://localhost:3000.
+
+## Build a static site
+
+\`\`\`bash
+npm run build
+\`\`\`
+
+Output lands in \`./out\` (configured via \`output: 'export'\` in \`next.config.mjs\`).
+
+## How this differs from a hand-written Next.js app
+
+- Each page is a server component that embeds the SSR HTML via \`dangerouslySetInnerHTML\`.
+- Interactive behavior lives in the inline scripts inside that HTML \u2014 they run when the browser parses the static file.
+- Tailwind v4 is used for utility classes; safelisted classes referenced only by runtime mappings live in \`app/globals.css\`.
+- Routing is plain App Router: one \`page.tsx\` per URL, with \`[slug]\` dynamic segments for CMS collections.
+`;
+  await writeFile3(join2(outDir, "README.md"), readme, "utf-8");
+  const collectionCount = templateSchemas.length;
+  void escapeSingleQuoted;
+  return {
+    pages: allResults.length,
+    cmsPages: cmsPageCount,
+    collections: collectionCount,
+    errors: errorCount
+  };
+}
+
+// lib/server/webflow/buildWebflow.ts
+import { existsSync as existsSync3, readdirSync as readdirSync3 } from "fs";
+import { join as join4 } from "path";
+init_constants();
+
+// lib/server/webflow/nodeToWebflow.ts
+init_constants();
+
+// lib/server/webflow/types.ts
+var MENO_BIND_SENTINEL_PREFIX = "__MENO_BIND__:";
+var MENO_BIND_SENTINEL_SUFFIX = ":__";
+var MENO_BIND_SENTINEL_RE = /__MENO_BIND__:([^:]+):__/g;
+var MENO_BIND_SENTINEL_EXACT_RE = /^__MENO_BIND__:([^:]+):__$/;
+var COLLECTION_LIST_TAG = "__collection_list__";
+
+// lib/server/webflow/styleMapper.ts
+var UNITLESS_PROPERTIES = /* @__PURE__ */ new Set([
+  "opacity",
+  "z-index",
+  "flex-grow",
+  "flex-shrink",
+  "flex",
+  "order",
+  "orphans",
+  "widows",
+  "column-count",
+  "font-weight",
+  "tab-size"
+]);
+var TIME_PROPERTIES = /* @__PURE__ */ new Set([
+  "transition-duration",
+  "transition-delay",
+  "animation-duration",
+  "animation-delay"
+]);
+function normalizeZero(cssProp, cssValue) {
+  if (cssValue !== "0") return cssValue;
+  if (UNITLESS_PROPERTIES.has(cssProp)) return cssValue;
+  if (TIME_PROPERTIES.has(cssProp)) return cssValue;
+  return "0px";
+}
+var COLOR_PROPS_CAMEL = /* @__PURE__ */ new Set(["color", "backgroundColor", "borderColor"]);
+function maybeWrapColorVar(camelProp, value) {
+  if (!COLOR_PROPS_CAMEL.has(camelProp)) return value;
+  if (!value) return value;
+  if (value.startsWith("#")) return value;
+  if (value.startsWith("var(")) return value;
+  if (value.includes("(")) return value;
+  if (isCssNamedColor(value)) return value;
+  return `var(--${value})`;
+}
+function isStyleMapping4(value) {
+  return typeof value === "object" && value !== null && "_mapping" in value && value._mapping === true;
+}
+function isResponsiveStyle4(style) {
+  return "base" in style || "tablet" in style || "mobile" in style;
+}
+function toKebabCase(prop) {
+  return prop.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function splitTopLevel(value) {
+  const out = [];
+  let depth = 0;
+  let buf = "";
+  for (const ch of value.trim()) {
+    if (ch === "(") depth++;
+    else if (ch === ")") depth--;
+    if (depth === 0 && /\s/.test(ch)) {
+      if (buf) {
+        out.push(buf);
+        buf = "";
+      }
+      continue;
+    }
+    buf += ch;
+  }
+  if (buf) out.push(buf);
+  return out;
+}
+function expandShorthand(cssProp, cssValue) {
+  if (cssProp !== "margin" && cssProp !== "padding" && cssProp !== "gap") {
+    return null;
+  }
+  const parts = splitTopLevel(cssValue);
+  if (cssProp === "gap") {
+    if (parts.length === 1) {
+      const v = normalizeZero("row-gap", parts[0]);
+      return { "row-gap": v, "column-gap": v };
+    }
+    if (parts.length === 2) {
+      return {
+        "row-gap": normalizeZero("row-gap", parts[0]),
+        "column-gap": normalizeZero("column-gap", parts[1])
+      };
+    }
+    return null;
+  }
+  let top, right, bottom, left;
+  if (parts.length === 1) {
+    top = right = bottom = left = parts[0];
+  } else if (parts.length === 2) {
+    top = bottom = parts[0];
+    right = left = parts[1];
+  } else if (parts.length === 3) {
+    top = parts[0];
+    right = left = parts[1];
+    bottom = parts[2];
+  } else if (parts.length === 4) {
+    [top, right, bottom, left] = parts;
+  } else {
+    return null;
+  }
+  return {
+    [`${cssProp}-top`]: normalizeZero(`${cssProp}-top`, top),
+    [`${cssProp}-right`]: normalizeZero(`${cssProp}-right`, right),
+    [`${cssProp}-bottom`]: normalizeZero(`${cssProp}-bottom`, bottom),
+    [`${cssProp}-left`]: normalizeZero(`${cssProp}-left`, left)
+  };
+}
+function styleObjectToCSS(style) {
+  const css = {};
+  for (const [prop, value] of Object.entries(style)) {
+    if (isStyleMapping4(value)) continue;
+    if (value === "" || value === void 0 || value === null) continue;
+    if (typeof value === "boolean" || typeof value === "object") continue;
     const cssProp = toKebabCase(prop);
     let cssValue;
     if (typeof value === "number") {
@@ -3887,8 +5153,8 @@ function buildInstanceStyleCombo(comboName, rootClassName, style, interactiveSty
 }
 
 // lib/server/webflow/nodeToWebflow.ts
-import { readFile as readFile2 } from "fs/promises";
-import { join as join2, basename, extname } from "path";
+import { readFile as readFile3 } from "fs/promises";
+import { join as join3, basename, extname } from "path";
 var PROMOTED_TO_WEBFLOW_COMPONENT = /* @__PURE__ */ new Set(["Navigation", "Footer"]);
 function buildElementClass2(ctx, label) {
   const generated = generateElementClassName({
@@ -4030,10 +5296,10 @@ async function maybeInlineLocalImage(element, src) {
   if (!src || isAbsoluteUrl(src)) return;
   const projectRoot = getProjectRoot();
   const rel = src.replace(/^\/+/, "");
-  const abs = join2(projectRoot, rel);
+  const abs = join3(projectRoot, rel);
   if (!abs.startsWith(projectRoot)) return;
   try {
-    const buf = await readFile2(abs);
+    const buf = await readFile3(abs);
     const ext = extname(abs).toLowerCase();
     const mime = IMAGE_EXT_MIME[ext] || "application/octet-stream";
     element.imageDataBase64 = buf.toString("base64");
@@ -4112,7 +5378,7 @@ function expandResponsiveVarsInto(baseStyle, responsive, ctx) {
 }
 function substituteVarsInStyle(style, ctx) {
   if (!style) return style;
-  if (isResponsiveStyleObject(style)) {
+  if (isResponsiveStyleObject2(style)) {
     const out = {};
     for (const [bp, obj] of Object.entries(style)) {
       if (!obj || typeof obj !== "object") continue;
@@ -4188,12 +5454,12 @@ function menoBreakpointToWebflowTier(bpName, breakpoints) {
   if (w < 1920) return "xl";
   return "xxl";
 }
-function isResponsiveStyleObject(style) {
+function isResponsiveStyleObject2(style) {
   return "base" in style || "tablet" in style || "mobile" in style;
 }
 function extractBaseColor(style, ctx, instanceProps) {
   if (!style) return void 0;
-  const flat = isResponsiveStyleObject(style) ? style.base : style;
+  const flat = isResponsiveStyleObject2(style) ? style.base : style;
   const c = flat?.color;
   if (typeof c === "string") return c;
   if (c && typeof c === "object" && c._mapping === true) {
@@ -4231,7 +5497,7 @@ function resolveTemplatesInStyleObject(style, props) {
 }
 function resolveStyleTemplates(style, props) {
   if (!style || !props) return style;
-  if (isResponsiveStyleObject(style)) {
+  if (isResponsiveStyleObject2(style)) {
     const result = {};
     for (const [bp, styleObj] of Object.entries(style)) {
       if (styleObj && typeof styleObj === "object") {
@@ -4282,7 +5548,7 @@ function templatesToSyntheticMappings(style, componentDefaults, instanceProps) {
 }
 function convertStyleTemplatesToMappings(style, componentDefaults, instanceProps) {
   if (!style || !componentDefaults || !instanceProps) return style;
-  if (isResponsiveStyleObject(style)) {
+  if (isResponsiveStyleObject2(style)) {
     const result = {};
     for (const [bp, styleObj] of Object.entries(style)) {
       if (styleObj && typeof styleObj === "object") {
@@ -5239,20 +6505,20 @@ async function convertChildren(children, ctx, instanceProps) {
 }
 
 // lib/server/webflow/buildWebflow.ts
-function scanJSONFiles2(dir, prefix = "") {
+function scanJSONFiles3(dir, prefix = "") {
   const results = [];
-  if (!existsSync2(dir)) return results;
-  const entries = readdirSync2(dir, { withFileTypes: true });
+  if (!existsSync3(dir)) return results;
+  const entries = readdirSync3(dir, { withFileTypes: true });
   for (const entry of entries) {
     if (entry.isFile() && entry.name.endsWith(".json")) {
       results.push(prefix ? `${prefix}/${entry.name}` : entry.name);
     } else if (entry.isDirectory()) {
-      results.push(...scanJSONFiles2(join3(dir, entry.name), prefix ? `${prefix}/${entry.name}` : entry.name));
+      results.push(...scanJSONFiles3(join4(dir, entry.name), prefix ? `${prefix}/${entry.name}` : entry.name));
     }
   }
   return results;
 }
-function isCMSPage2(pageData) {
+function isCMSPage3(pageData) {
   return pageData.meta?.source === "cms" && !!pageData.meta?.cms;
 }
 function flattenCMSItemForLocale(item, locale, i18nConfig) {
@@ -5297,9 +6563,9 @@ function scanAssets(projectRoot) {
     { dir: "assets", type: "file" }
   ];
   for (const { dir, type } of assetDirs) {
-    const fullDir = join3(projectRoot, dir);
-    if (!existsSync2(fullDir)) continue;
-    const files = scanJSONFiles2(fullDir).map((f) => f.replace(".json", ""));
+    const fullDir = join4(projectRoot, dir);
+    if (!existsSync3(fullDir)) continue;
+    const files = scanJSONFiles3(fullDir).map((f) => f.replace(".json", ""));
     const allFiles = scanAllFiles(fullDir);
     for (const file of allFiles) {
       assets.push({
@@ -5313,14 +6579,14 @@ function scanAssets(projectRoot) {
 }
 function scanAllFiles(dir, prefix = "") {
   const results = [];
-  if (!existsSync2(dir)) return results;
-  const entries = readdirSync2(dir, { withFileTypes: true });
+  if (!existsSync3(dir)) return results;
+  const entries = readdirSync3(dir, { withFileTypes: true });
   for (const entry of entries) {
     const relativePath = prefix ? `${prefix}/${entry.name}` : entry.name;
     if (entry.isFile()) {
       results.push(relativePath);
     } else if (entry.isDirectory()) {
-      results.push(...scanAllFiles(join3(dir, entry.name), relativePath));
+      results.push(...scanAllFiles(join4(dir, entry.name), relativePath));
     }
   }
   return results;
@@ -5379,10 +6645,10 @@ async function buildWebflowPayload(options) {
   await configService.load();
   const responsiveScales = configService.getResponsiveScales();
   const pagesDir = projectPaths.pages();
-  if (!existsSync2(pagesDir)) {
+  if (!existsSync3(pagesDir)) {
     return emptyPayload();
   }
-  const pageFiles = scanJSONFiles2(pagesDir);
+  const pageFiles = scanJSONFiles3(pagesDir);
   if (pageFiles.length === 0) {
     return emptyPayload();
   }
@@ -5390,7 +6656,7 @@ async function buildWebflowPayload(options) {
   for (const file of pageFiles) {
     const pageName = file.replace(".json", "");
     const basePath = mapPageNameToPath(pageName);
-    const pageContent = await loadJSONFile(join3(pagesDir, file));
+    const pageContent = await loadJSONFile(join4(pagesDir, file));
     if (!pageContent) continue;
     try {
       const pageData = parseJSON(pageContent);
@@ -5412,7 +6678,7 @@ async function buildWebflowPayload(options) {
   for (const file of pageFiles) {
     const pageName = file.replace(".json", "");
     const basePath = mapPageNameToPath(pageName);
-    const pageContent = await loadJSONFile(join3(pagesDir, file));
+    const pageContent = await loadJSONFile(join4(pagesDir, file));
     if (!pageContent) continue;
     try {
       const pageData = parseJSON(pageContent);
@@ -5481,15 +6747,15 @@ async function buildWebflowPayload(options) {
     }
   }
   const templatesDir = projectPaths.templates();
-  if (existsSync2(templatesDir)) {
-    const templateFiles = readdirSync2(templatesDir).filter((f) => f.endsWith(".json"));
+  if (existsSync3(templatesDir)) {
+    const templateFiles = readdirSync3(templatesDir).filter((f) => f.endsWith(".json"));
     for (const file of templateFiles) {
-      const templateContent = await loadJSONFile(join3(templatesDir, file));
+      const templateContent = await loadJSONFile(join4(templatesDir, file));
       if (!templateContent) continue;
       try {
         const pageData = parseJSON(templateContent);
         if (pageData.meta?.draft === true) continue;
-        if (!isCMSPage2(pageData)) continue;
+        if (!isCMSPage3(pageData)) continue;
         const cmsSchema = pageData.meta.cms;
         const items = await cmsService.queryItems({ collection: cmsSchema.id });
         if (items.length === 0) continue;
@@ -5637,7 +6903,7 @@ function emptyPayload() {
 }
 
 // lib/server/webflow/templateWrapper.ts
-import { readFile as readFile3 } from "fs/promises";
+import { readFile as readFile4 } from "fs/promises";
 var cachedTemplate = null;
 async function getWebflowTemplate(appName) {
   if (cachedTemplate) return cachedTemplate;
@@ -5649,7 +6915,7 @@ async function getWebflowTemplate(appName) {
 }
 async function wrapInWebflowTemplate(html, manifestPath) {
   try {
-    const manifest = JSON.parse(await readFile3(manifestPath, "utf-8"));
+    const manifest = JSON.parse(await readFile4(manifestPath, "utf-8"));
     const template = await getWebflowTemplate(manifest.name || "Meno Import");
     const headMatch = html.match(/<head[^>]*>([\s\S]*?)<\/head>/i);
     const bodyMatch = html.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
@@ -5670,6 +6936,7 @@ export {
   ComponentService,
   ConfigService,
   DEFAULT_SIZES,
+  DraftPageStore,
   EnumService,
   FileSystemCMSProvider,
   FileSystemPageProvider,
@@ -5688,6 +6955,7 @@ export {
   buildComponentHTML,
   buildImageMetadataMap,
   buildLineMap,
+  buildNextProject,
   buildStaticPages,
   buildWebflowPayload,
   bundleFile,