meno-core 1.0.52 → 1.0.53

package/dist/chunks/{chunk-CXCBV2M7.js → chunk-IGYR22T6.js}

@@ -14,19 +14,29 @@ import {
 } from "./chunk-WQFG7PAH.js";
 import {
   CMS_DRAFT_SUFFIX,
+  buildSlugIndex,
+  collectComponentLibraries,
+  filterLibrariesByContext,
+  fontFaceCss,
+  fontPreloadLinks,
+  generateLibraryTags,
+  getLocaleLinks,
   isReservedDraftFilename,
   isSafePathSegment,
   isValidIdentifier,
-  resolvePaletteColor
-} from "./chunk-J23ZX5AP.js";
+  mergeLibraries,
+  resolvePaletteColor,
+  translatePath
+} from "./chunk-X754AHS5.js";
 import {
   extractAttributesFromNode,
+  inlineSvgStyleRules,
   isHtmlMapping,
   mergeNodeStyles,
   processStructure,
   resolveHtmlMapping,
   skipEmptyTemplateAttributes
-} from "./chunk-EDQSMAMP.js";
+} from "./chunk-O3NAGJP4.js";
 import {
   DEFAULT_PREFETCH_CONFIG,
   SSRRegistry,
@@ -62,11 +72,13 @@ import {
   resolvePropsFromDefinition,
   resolveTemplateRawValue,
   responsiveStylesToClasses,
+  rewriteViewportUnits,
   singularize,
+  toFriendlyError,
   validateCMSDraftItem,
   validateCMSItem,
   validateComponentDefinition
-} from "./chunk-7NIC4I3V.js";
+} from "./chunk-JGWFTO6P.js";
 import {
   DEFAULT_BREAKPOINTS,
   DEFAULT_FLUID_RANGE,
@@ -91,7 +103,7 @@ import {
   NODE_TYPE,
   RAW_HTML_PREFIX,
   init_constants
-} from "./chunk-2QK6U5UK.js";
+} from "./chunk-YBLHKYFF.js";
 import {
   __require
 } from "./chunk-KSBZ2L7C.js";
@@ -1323,57 +1335,11 @@ async function loadProjectConfig() {
 function getProjectConfig() {
   return cachedConfig || { fonts: [] };
 }
-function getFontFormat(path2) {
-  if (path2.endsWith(".woff2")) return "woff2";
-  if (path2.endsWith(".woff")) return "woff";
-  if (path2.endsWith(".ttf")) return "truetype";
-  if (path2.endsWith(".otf")) return "opentype";
-  return "truetype";
-}
-function extractFamilyName(path2) {
-  const filename = path2.split("/").pop() || "Font";
-  const name = filename.replace(/\.(ttf|woff2?|otf)$/i, "");
-  return name.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
-}
 function generateFontCSS() {
-  const config = getProjectConfig();
-  const fonts = config.fonts || [];
-  return fonts.filter((font) => font.path || font.src).map((font) => {
-    const fontPath = font.path || font.src;
-    const format = getFontFormat(fontPath);
-    const family = font.family || extractFamilyName(fontPath);
-    const weight = font.weight ?? 400;
-    const weightMax = font.weightMax;
-    const style = font.style ?? "normal";
-    const fontDisplay = font.fontDisplay;
-    const fontWeight = weightMax != null ? `${weight} ${weightMax}` : weight;
-    const unicodeRange = font.unicodeRange;
-    return `@font-face {
-  font-family: '${family}';
-  src: url('${fontPath}') format('${format}');
-  font-weight: ${fontWeight};
-  font-style: ${style};${fontDisplay ? `
-  font-display: ${fontDisplay};` : ""}${unicodeRange ? `
-  unicode-range: ${unicodeRange};` : ""}
-}`;
-  }).join("\n\n");
-}
-function getFontMimeType(path2) {
-  if (path2.endsWith(".woff2")) return "font/woff2";
-  if (path2.endsWith(".woff")) return "font/woff";
-  if (path2.endsWith(".ttf")) return "font/ttf";
-  if (path2.endsWith(".otf")) return "font/otf";
-  return "font/ttf";
+  return fontFaceCss(getProjectConfig().fonts || []);
 }
 function generateFontPreloadTags() {
-  const config = getProjectConfig();
-  const fonts = config.fonts || [];
-  if (fonts.length === 0) return "";
-  return fonts.filter((font) => font.path || font.src).map((font) => {
-    const fontPath = font.path || font.src;
-    const mimeType = getFontMimeType(fontPath);
-    return `<link rel="preload" href="${fontPath}" as="font" type="${mimeType}" crossorigin>`;
-  }).join("\n  ");
+  return fontPreloadLinks(getProjectConfig().fonts || []);
 }
 
 // lib/server/cssGenerator.ts
@@ -1553,80 +1519,17 @@ function styleToString(style) {
   const declarations = [];
   for (const [key, value] of Object.entries(style)) {
     if (value === null || value === void 0) continue;
+    const rewritten = rewriteViewportUnits(String(value));
     if (key.startsWith("--")) {
-      declarations.push(`${key}: ${escapeHtml(String(value))}`);
+      declarations.push(`${key}: ${escapeHtml(rewritten)}`);
     } else {
       const cssProperty = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-      declarations.push(`${cssProperty}: ${escapeHtml(String(value))}`);
+      declarations.push(`${cssProperty}: ${escapeHtml(rewritten)}`);
     }
   }
   return declarations.length > 0 ? declarations.join("; ") : "";
 }
 
-// lib/shared/slugTranslator.ts
-function buildSlugIndex(mappings) {
-  const index = /* @__PURE__ */ new Map();
-  for (const mapping of mappings) {
-    for (const [locale, slug] of Object.entries(mapping.slugs)) {
-      const key = `${locale}:${slug}`;
-      index.set(key, {
-        pageId: mapping.pageId,
-        slugs: mapping.slugs
-      });
-    }
-  }
-  return index;
-}
-function findPageBySlug(slug, locale, index) {
-  const key = `${locale}:${slug}`;
-  return index.get(key);
-}
-function translatePath(currentPath, targetLocale, currentLocale, defaultLocale, index) {
-  let slug = currentPath;
-  if (slug.startsWith("/")) {
-    slug = slug.substring(1);
-  }
-  if (currentLocale !== defaultLocale) {
-    if (slug.startsWith(`${currentLocale}/`)) {
-      slug = slug.substring(currentLocale.length + 1);
-    } else if (slug === currentLocale) {
-      slug = "";
-    }
-  }
-  if (slug === "" || slug === "/") {
-    slug = "";
-  }
-  let entry = findPageBySlug(slug, currentLocale, index);
-  if (!entry && currentLocale !== defaultLocale) {
-    entry = findPageBySlug(slug, defaultLocale, index);
-  }
-  if (!entry) {
-    if (targetLocale === defaultLocale) {
-      return slug === "" ? "/" : `/${slug}`;
-    }
-    return slug === "" ? `/${targetLocale}` : `/${targetLocale}/${slug}`;
-  }
-  const targetSlug = entry.slugs[targetLocale] ?? entry.slugs[defaultLocale] ?? slug;
-  if (targetLocale === defaultLocale) {
-    return targetSlug === "" ? "/" : `/${targetSlug}`;
-  }
-  return targetSlug === "" ? `/${targetLocale}` : `/${targetLocale}/${targetSlug}`;
-}
-function getLocaleLinks(currentPath, currentLocale, i18nConfig, index) {
-  return i18nConfig.locales.map((localeConfig) => ({
-    locale: localeConfig.code,
-    langTag: localeConfig.langTag,
-    name: localeConfig.name,
-    nativeName: localeConfig.nativeName,
-    path: translatePath(currentPath, localeConfig.code, currentLocale, i18nConfig.defaultLocale, index),
-    isCurrent: localeConfig.code === currentLocale
-  }));
-}
-function resolveSlugToPageId(slug, locale, index) {
-  const entry = findPageBySlug(slug, locale, index);
-  return entry?.pageId;
-}
-
 // lib/server/ssr/metaTagGenerator.ts
 function extractPageMeta(pageData) {
   const meta = {};
@@ -2312,6 +2215,13 @@ async function renderNestedListPlaceholder(node, ctx) {
   const configJson = escapeHtml(JSON.stringify(config));
   return `<div data-cms-list-nested="true" data-collection="${escapeHtml(sourceStr)}" data-cms-config="${configJson}"${editorAttrs(ctx, { isCMSListContainer: true })}><template data-nested-template>${templateContent}</template></div>`;
 }
+function renderNodeFallback(ctx, error, label) {
+  console.error(`\u274C SSR render error in ${label}:`, error);
+  if (!ctx.injectEditorAttrs) return "";
+  const friendly = toFriendlyError(error);
+  const text = `${friendly.title} \u2014 ${friendly.friendlyMessage}`;
+  return `<div data-meno-render-error style="margin:8px 0;padding:12px 14px;border:1px dashed #e0a3a3;border-radius:6px;background:#fdf3f3;color:#9a3b3b;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">\u26A0\uFE0F ${escapeHtml(text)}</div>`;
+}
 async function processList(node, ctx) {
   const nodeType = node.type;
   const isLegacyCMSList = nodeType === "cms-list";
@@ -2346,6 +2256,7 @@ async function processList(node, ctx) {
       items = [];
     }
   }
+  if (!Array.isArray(items)) items = [];
   if (node.offset && sourceType === "prop") {
     items = items.slice(node.offset);
   }
@@ -2512,7 +2423,7 @@ function registerInteractiveStyles(ctx, elementClass, interactiveStyles) {
 }
 function buildCssVariableStyleAttr(cssVariables) {
   if (Object.keys(cssVariables).length === 0) return "";
-  const styleString = Object.entries(cssVariables).map(([k, v]) => `${k}: ${v}`).join("; ");
+  const styleString = Object.entries(cssVariables).map(([k, v]) => `${k}: ${rewriteViewportUnits(v)}`).join("; ");
   return ` style="${escapeHtml(styleString)}"`;
 }
 function arraysEqual(a, b) {
@@ -2538,6 +2449,9 @@ function editorAttrs(ctx, opts = {}) {
 async function renderNode(node, ctx) {
   const { breakpoints, viewportWidth, locale, i18nConfig, slugMappings, pagePath } = ctx;
   if (node === null || node === void 0) return "";
+  if (typeof node === "object" && !Array.isArray(node) && node._code === true) {
+    return "";
+  }
   if (typeof node === "string" || typeof node === "number") {
     let text = String(node);
     if (ctx.templateMode) {
@@ -2593,7 +2507,11 @@ async function renderNode(node, ctx) {
     return "";
   }
   if (isListNode(node)) {
-    return await processList(node, ctx);
+    try {
+      return await processList(node, ctx);
+    } catch (error) {
+      return renderNodeFallback(ctx, error, "list");
+    }
   }
   const nodeType = "type" in node ? node.type : void 0;
   const nodeStyle = "style" in node ? node.style : void 0;
@@ -2622,11 +2540,12 @@ async function renderNode(node, ctx) {
       }
     }
     const purify = getDOMPurify();
-    const sanitizedHtml = purify ? purify.sanitize(htmlContent, {
-      ALLOWED_TAGS: ["svg", "path", "circle", "rect", "line", "polyline", "polygon", "g", "text", "tspan", "image", "defs", "use", "linearGradient", "radialGradient", "stop", "clipPath", "mask", "pattern", "marker", "symbol", "a", "div", "span", "p", "br", "button", "img", "iframe", "video", "audio", "source", "canvas", "b", "i", "u", "strong", "em", "sub", "sup", "mark", "s", "small", "del", "ins", "q", "abbr", "code", "pre", "blockquote", "ul", "ol", "li", "h1", "h2", "h3", "h4", "h5", "h6", "style", "animate", "animateTransform", "animateMotion", "set"],
-      ALLOWED_ATTR: ["class", "id", "style", "width", "height", "viewBox", "xmlns", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray", "stroke-dashoffset", "d", "cx", "cy", "r", "x", "y", "x1", "y1", "x2", "y2", "points", "href", "src", "alt", "target", "rel", "data-*", "aria-*", "transform", "opacity", "fill-opacity", "stroke-opacity", "font-size", "font-family", "text-anchor", "dominant-baseline", "offset", "stop-color", "stop-opacity", "frameborder", "allowfullscreen", "allow", "title", "attributeName", "values", "dur", "begin", "end", "repeatCount", "repeatDur", "keyTimes", "keySplines", "calcMode", "from", "to", "by", "additive", "accumulate", "type", "rotate", "keyPoints", "path"],
+    const purifiedHtml = purify ? purify.sanitize(htmlContent, {
+      ALLOWED_TAGS: ["svg", "path", "circle", "rect", "line", "polyline", "polygon", "g", "text", "tspan", "image", "defs", "use", "linearGradient", "radialGradient", "stop", "clipPath", "mask", "pattern", "marker", "symbol", "a", "div", "span", "p", "br", "button", "img", "iframe", "video", "audio", "source", "canvas", "b", "i", "u", "strong", "em", "sub", "sup", "mark", "s", "small", "del", "ins", "q", "abbr", "code", "pre", "blockquote", "ul", "ol", "li", "h1", "h2", "h3", "h4", "h5", "h6", "style", "animate", "animateTransform", "animateMotion", "set", "filter", "feGaussianBlur", "feOffset", "feMerge", "feMergeNode", "feColorMatrix", "feComposite", "feFlood", "feMorphology", "feBlend", "feDropShadow", "feTurbulence", "feDisplacementMap", "foreignObject"],
+      ALLOWED_ATTR: ["class", "id", "style", "width", "height", "viewBox", "xmlns", "xmlns:xlink", "xlink:href", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray", "stroke-dashoffset", "d", "cx", "cy", "r", "x", "y", "x1", "y1", "x2", "y2", "points", "href", "src", "alt", "target", "rel", "data-*", "aria-*", "transform", "opacity", "fill-opacity", "fill-rule", "clip-rule", "clip-path", "clipPathUnits", "mask", "mask-type", "maskUnits", "maskContentUnits", "patternUnits", "patternContentUnits", "patternTransform", "gradientUnits", "gradientTransform", "spreadMethod", "preserveAspectRatio", "marker-start", "marker-mid", "marker-end", "markerUnits", "markerWidth", "markerHeight", "refX", "refY", "orient", "paint-order", "vector-effect", "filter", "filterUnits", "primitiveUnits", "in", "in2", "result", "stdDeviation", "flood-color", "flood-opacity", "stroke-opacity", "font-size", "font-family", "font-weight", "font-style", "text-anchor", "dominant-baseline", "offset", "stop-color", "stop-opacity", "frameborder", "allowfullscreen", "allow", "title", "attributeName", "values", "dur", "begin", "end", "repeatCount", "repeatDur", "keyTimes", "keySplines", "calcMode", "from", "to", "by", "additive", "accumulate", "type", "rotate", "keyPoints", "path"],
       KEEP_CONTENT: true
     }) : htmlContent;
+    const sanitizedHtml = inlineSvgStyleRules(purifiedHtml);
     const optimizedHtml = ctx.imageMetadataMap ? rewriteRichTextImages(sanitizedHtml, ctx.imageMetadataMap, ctx.imageFormat) : sanitizedHtml;
     const nodeAttributes2 = resolveI18nAttrs(extractAttributesFromNode(node), locale, i18nConfig);
     const classNames = ["oem"];
@@ -2830,7 +2749,17 @@ async function renderComponent(componentName, propsWithStyleAndAttrs, children,
     const markedChildren = children ? markAsSlotContent(children) : void 0;
     const processedStructure = processStructure(
       structuredComponentDef.structure,
-      { props: resolvedProps, componentDef: structuredComponentDef, itemContext: ctx.templateContext },
+      {
+        props: resolvedProps,
+        componentDef: structuredComponentDef,
+        itemContext: ctx.templateContext,
+        // Host (outer) component's resolved props — used as fallback scope
+        // for `{{x}}` templates the child's interface doesn't declare. At
+        // this point `ctx.componentResolvedProps` still belongs to the
+        // outer component; it's only swapped to `resolvedProps` below when
+        // we recurse via `renderNode`.
+        parentProps: ctx.componentResolvedProps
+      },
       void 0,
       markedChildren,
       true
@@ -2894,6 +2823,16 @@ async function renderComponent(componentName, propsWithStyleAndAttrs, children,
         existingPropsMap[componentName] = propsForJS;
         processedRoot.attributes["data-props"] = JSON.stringify(existingPropsMap);
       }
+      if (componentName && (isHtmlNode(rootNode) || isLinkNode(rootNode))) {
+        if (!rootNode.attributes) rootNode.attributes = {};
+        if (!ctx.componentInstanceCounter) {
+          ctx.componentInstanceCounter = /* @__PURE__ */ new Map();
+        }
+        const instanceIndex = ctx.componentInstanceCounter.get(componentName) ?? 0;
+        ctx.componentInstanceCounter.set(componentName, instanceIndex + 1);
+        rootNode.attributes["data-meno-component"] = componentName;
+        rootNode.attributes["data-meno-component-instance"] = String(instanceIndex);
+      }
     }
     return await renderNode(processedStructure, {
       ...ctx,
@@ -2904,8 +2843,7 @@ async function renderComponent(componentName, propsWithStyleAndAttrs, children,
       componentResolvedProps: resolvedProps
     });
   } catch (error) {
-    console.error(`\u274C SSR Error rendering component ${componentName}:`, error);
-    return "";
+    return renderNodeFallback(ctx, error, `component ${componentName}`);
   }
 }
 async function renderLinkNode(propsWithStyleAndAttrs, children, ctx) {
@@ -3157,6 +3095,9 @@ async function renderPageSSR(pageData, globalComponents = {}, pagePath = "/", ba
     if (typeof meta.ogDescription === "string") {
       meta = { ...meta, ogDescription: processCMSTemplate(meta.ogDescription, cmsContext.cms, effectiveLocale, config) };
     }
+    if (typeof meta.ogImage === "string") {
+      meta = { ...meta, ogImage: processCMSTemplate(meta.ogImage, cmsContext.cms, effectiveLocale, config) };
+    }
   }
   const pageComponents = pageData?.components || {};
   const { html: contentHTML, interactiveStylesMap, preloadImages, neededCollections, ssrFallbackCollector, processedRawHtmlCollector } = rootNode ? await buildComponentHTML(rootNode, globalComponents, pageComponents, effectiveLocale, config, slugMappings, pagePath, cmsContext, cmsService, isProductionBuild, injectEditorAttrs) : { html: "", interactiveStylesMap: /* @__PURE__ */ new Map(), preloadImages: [], neededCollections: /* @__PURE__ */ new Set(), ssrFallbackCollector: /* @__PURE__ */ new Map(), processedRawHtmlCollector: /* @__PURE__ */ new Map() };
@@ -3349,134 +3290,6 @@ function generateAllInlineDataScripts(collections) {
   return scripts.join("\n  ");
 }
 
-// lib/shared/libraryLoader.ts
-function escapeAttr2(str) {
-  return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function mergeLibraries(global, page) {
-  if (!page) {
-    return global;
-  }
-  if (page.mode === "replace") {
-    return {
-      js: page.js || [],
-      css: page.css || []
-    };
-  }
-  return {
-    js: [...global.js || [], ...page.js || []],
-    css: [...global.css || [], ...page.css || []]
-  };
-}
-function generateScriptTag(lib) {
-  const attrs = [`src="${escapeAttr2(lib.url)}"`];
-  if (lib.type === "module") {
-    attrs.push('type="module"');
-  } else {
-    const mode = lib.mode || "defer";
-    attrs.push(mode);
-  }
-  return `<script ${attrs.join(" ")}></script>`;
-}
-function generateInlineStyleTag(content, media) {
-  const attrs = media ? ` media="${escapeAttr2(media)}"` : "";
-  return `<style${attrs}>${content}</style>`;
-}
-function generateStylesheetTag(lib) {
-  const attrs = [
-    'rel="stylesheet"',
-    `href="${escapeAttr2(lib.url)}"`
-  ];
-  if (lib.media) {
-    attrs.push(`media="${escapeAttr2(lib.media)}"`);
-  }
-  return `<link ${attrs.join(" ")}>`;
-}
-function generateLibraryTags(libs, inlineContents) {
-  const headCSS = [];
-  const headJS = [];
-  const bodyEndJS = [];
-  for (const css of libs.css || []) {
-    const inlineContent = inlineContents?.get(css.url);
-    if (inlineContent !== void 0) {
-      headCSS.push(generateInlineStyleTag(inlineContent, css.media));
-    } else {
-      headCSS.push(generateStylesheetTag(css));
-    }
-  }
-  for (const js of libs.js || []) {
-    const tag = generateScriptTag(js);
-    if (js.position === "head") {
-      headJS.push(tag);
-    } else {
-      bodyEndJS.push(tag);
-    }
-  }
-  return {
-    headCSS: headCSS.join("\n  "),
-    headJS: headJS.join("\n  "),
-    bodyEndJS: bodyEndJS.join("\n  ")
-  };
-}
-function collectComponentLibraries(globalComponents = {}, pageComponents = {}) {
-  const seenJS = /* @__PURE__ */ new Set();
-  const seenCSS = /* @__PURE__ */ new Set();
-  const jsLibs = [];
-  const cssLibs = [];
-  const collect = (components) => {
-    for (const component of Object.values(components)) {
-      const libs = component?.component?.libraries;
-      if (!libs) continue;
-      for (const js of libs.js || []) {
-        if (!seenJS.has(js.url)) {
-          seenJS.add(js.url);
-          jsLibs.push(js);
-        }
-      }
-      for (const css of libs.css || []) {
-        if (!seenCSS.has(css.url)) {
-          seenCSS.add(css.url);
-          cssLibs.push(css);
-        }
-      }
-    }
-  };
-  collect(globalComponents);
-  collect(pageComponents);
-  return { js: jsLibs, css: cssLibs };
-}
-function extractLibraryOrigins(libs) {
-  const scriptOrigins = /* @__PURE__ */ new Set();
-  const styleOrigins = /* @__PURE__ */ new Set();
-  for (const js of libs.js || []) {
-    const origin = safeOrigin(js.url);
-    if (origin) scriptOrigins.add(origin);
-  }
-  for (const css of libs.css || []) {
-    const origin = safeOrigin(css.url);
-    if (origin) styleOrigins.add(origin);
-  }
-  return { scriptOrigins, styleOrigins };
-}
-function filterLibrariesByContext(libs, context) {
-  if (context === "preview") return libs;
-  const key = context === "editor" ? "disableEditor" : "disableBuild";
-  return {
-    js: libs.js,
-    css: (libs.css || []).filter((css) => !css[key])
-  };
-}
-function safeOrigin(url) {
-  if (!url || url.startsWith("/") || url.startsWith("./") || url.startsWith("../")) {
-    return null;
-  }
-  try {
-    return new URL(url).origin;
-  } catch {
-    return null;
-  }
-}
-
 // lib/server/ssr/htmlGenerator.ts
 function generateImagePreloadTags(preloadImages) {
   if (preloadImages.length === 0) return "";
@@ -3558,7 +3371,7 @@ async function generateSSRHTML(pageDataOrOptions, globalComponents = {}, pagePat
   await configService.load();
   const globalLibraries = configService.getLibraries() || { js: [], css: [] };
   const globalCustomCode = configService.getCustomCode();
-  const menoBadgeHtml = configService.getShowMenoBadge() ? `<style>.meno-badge{position:fixed;bottom:12px;left:12px;z-index:9999;background:#000;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-family:system-ui,sans-serif;text-decoration:none;opacity:0.8;transition:opacity 0.2s}.meno-badge:hover,.meno-badge:focus{opacity:1}</style><a class="meno-badge" href="https://meno.so" target="_blank" rel="noopener">Made in Meno</a>` : "";
+  const menoBadgeHtml = configService.getShowMenoBadge() ? `<style${nonceAttr}>.meno-badge{position:fixed;bottom:12px;left:12px;z-index:9999;background:#000;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-family:system-ui,sans-serif;text-decoration:none;opacity:0.8;transition:opacity 0.2s}.meno-badge:hover,.meno-badge:focus{opacity:1}</style><a class="meno-badge" href="https://meno.so" target="_blank" rel="noopener">Made in Meno</a>` : "";
   const mergedCustomCode = {
     head: [globalCustomCode.head, pageCustomCode?.head].filter(Boolean).join("\n"),
     bodyStart: [globalCustomCode.bodyStart, pageCustomCode?.bodyStart].filter(Boolean).join("\n"),
@@ -3690,7 +3503,8 @@ picture {
     utilityCSS,
     interactiveCSS
   ].filter(Boolean).join("\n");
-  const finalCSS = useBundled ? minifyCSS(combinedCSS) : combinedCSS;
+  const cssWithStableViewport = rewriteViewportUnits(combinedCSS);
+  const finalCSS = useBundled ? minifyCSS(cssWithStableViewport) : cssWithStableViewport;
   const prefetchConfig = await loadPrefetchConfig();
   const menoConfig = prefetchConfig.enabled ? { prefetch: prefetchConfig } : {};
   const hasConfig = Object.keys(menoConfig).length > 0;
@@ -3712,7 +3526,7 @@ picture {
   const scriptPreloadTag = extScriptPath ? `<link rel="preload" href="${extScriptPath}" as="script">` : "";
   const imagePreloadTags = generateImagePreloadTags(rendered.preloadImages);
   const wsUrl = serverPort ? `'ws://localhost:${serverPort}/hmr'` : `location.origin.replace('http','ws')+'/hmr'`;
-  const liveReloadScript = injectLiveReload ? `<script${nonceAttr}>(function(){var ws,timer,gen=0,lastSrvRoot=null;function strip(s){return s?s.replace(/[?&]_r=\\d+/,''):''}function classList(el){return (el.getAttribute('class')||'').split(/\\s+/).filter(Boolean)}function syncEl(cur,srv,old){var cc=classList(cur),sc=classList(srv),oc=old?new Set(classList(old)):new Set();var rt=cc.filter(function(c){return !oc.has(c)});var seen=new Set(),fin=[];sc.concat(rt).forEach(function(c){if(!seen.has(c)){seen.add(c);fin.push(c)}});var fs=fin.join(' ');if((cur.getAttribute('class')||'')!==fs){if(fs)cur.setAttribute('class',fs);else cur.removeAttribute('class')}for(var i=0;i<srv.attributes.length;i++){var a=srv.attributes[i];if(a.name==='class')continue;if(cur.getAttribute(a.name)!==a.value)cur.setAttribute(a.name,a.value)}if(old){for(var i=0;i<old.attributes.length;i++){var a=old.attributes[i];if(a.name==='class')continue;if(!srv.hasAttribute(a.name)&&cur.hasAttribute(a.name))cur.removeAttribute(a.name)}}}function syncText(cur,srv){var cc=cur.childNodes,sc=srv.childNodes;for(var i=0;i<sc.length;i++){var s=sc[i],c=cc[i];if(s.nodeType===3&&c&&c.nodeType===3){if(c.textContent!==s.textContent)c.textContent=s.textContent}}}function smartUpdate(curR,srvR,oldR){var ce=curR.querySelectorAll('[data-element-path]'),se=srvR.querySelectorAll('[data-element-path]');if(ce.length!==se.length){if(curR.innerHTML!==srvR.innerHTML)curR.innerHTML=srvR.innerHTML;return}var sbp={};for(var i=0;i<se.length;i++)sbp[se[i].getAttribute('data-element-path')]=se[i];var obp={};if(oldR){var oe=oldR.querySelectorAll('[data-element-path]');for(var i=0;i<oe.length;i++)obp[oe[i].getAttribute('data-element-path')]=oe[i]}for(var i=0;i<ce.length;i++){var c=ce[i],p=c.getAttribute('data-element-path'),s=sbp[p];if(!s){if(curR.innerHTML!==srvR.innerHTML)curR.innerHTML=srvR.innerHTML;return}syncEl(c,s,obp[p]);syncText(c,s)}syncText(curR,srvR)}function connect(){ws=new WebSocket(${wsUrl});ws.onmessage=function(e){var d=JSON.parse(e.data);if(d.type==='hmr:libraries-update'){location.reload()}else if(d.type==='hmr:update'||d.type==='hmr:cms-update'||d.type==='hmr:colors-update'||d.type==='hmr:variables-update')hotReload()};ws.onclose=function(){clearTimeout(timer);timer=setTimeout(connect,1000)}}function hotReload(){var g=++gen;var sx=window.scrollX,sy=window.scrollY;fetch(location.href,{cache:'no-store'}).then(function(r){return r.text()}).then(function(html){if(g!==gen)return;var p=new DOMParser();var d=p.parseFromString(html,'text/html');var or=document.getElementById('root'),nr=d.getElementById('root');if(or&&nr)smartUpdate(or,nr,lastSrvRoot);if(nr)lastSrvRoot=nr.cloneNode(true);var os=document.getElementById('meno-styles'),ns=d.getElementById('meno-styles');if(os&&ns&&os.textContent!==ns.textContent)os.parentNode.replaceChild(ns.cloneNode(true),os);var nh=d.documentElement;if(nh){var nl=nh.getAttribute('lang')||'en',nt=nh.getAttribute('theme')||'light';if(document.documentElement.getAttribute('lang')!==nl)document.documentElement.setAttribute('lang',nl);if(document.documentElement.getAttribute('theme')!==nt)document.documentElement.setAttribute('theme',nt)}var ocms=document.querySelectorAll('script[id^="meno-cms-"]'),ncms=d.querySelectorAll('script[id^="meno-cms-"]');var ock=JSON.stringify(Array.prototype.map.call(ocms,function(s){return [s.id,s.textContent]}));var nck=JSON.stringify(Array.prototype.map.call(ncms,function(s){return [s.id,s.textContent]}));if(ock!==nck){ocms.forEach(function(s){s.remove()});ncms.forEach(function(s){var c=document.createElement('script');c.type=s.type;c.id=s.id;c.textContent=s.textContent;document.head.appendChild(c)})}window.__menoHotReload=true;var olib=document.querySelectorAll('body > script[src^="/libraries/"]'),nlib=d.querySelectorAll('body > script[src^="/libraries/"]');var olk=JSON.stringify(Array.prototype.map.call(olib,function(s){return strip(s.getAttribute('src'))}).sort());var nlk=JSON.stringify(Array.prototype.map.call(nlib,function(s){return strip(s.getAttribute('src'))}).sort());if(olk!==nlk){olib.forEach(function(o){o.remove()});nlib.forEach(function(n){var src=n.getAttribute('src');var ls=document.createElement('script');ls.src=src+(src.indexOf('?')>-1?'&':'?')+'_r='+Date.now();document.body.appendChild(ls)})}var oscr=document.querySelector('script[src^="/_scripts/"]'),nscr=d.querySelector('script[src^="/_scripts/"]');var oss=oscr?strip(oscr.getAttribute('src')):'',nss=nscr?strip(nscr.getAttribute('src')):'';if(oss===nss){window.scrollTo(sx,sy)}else{if(oscr)oscr.remove();if(nscr){var src=nscr.getAttribute('src');var s=document.createElement('script');s.src=src+(src.indexOf('?')>-1?'&':'?')+'_r='+Date.now();s.onload=function(){document.dispatchEvent(new Event('DOMContentLoaded'));window.scrollTo(sx,sy)};s.onerror=function(){window.scrollTo(sx,sy)};document.body.appendChild(s)}else{document.dispatchEvent(new Event('DOMContentLoaded'));window.scrollTo(sx,sy)}}}).catch(function(){location.reload()})}var iR=document.getElementById('root');if(iR)lastSrvRoot=iR.cloneNode(true);connect()})()</script>` : "";
+  const liveReloadScript = injectLiveReload ? `<script${nonceAttr}>(function(){var ws,timer,gen=0,lastSrvRoot=null,dn=document.querySelector('meta[name="csp-nonce"]'),docNonce=dn?dn.getAttribute('content'):'';function strip(s){return s?s.replace(/[?&]_r=\\d+/,''):''}function classList(el){return (el.getAttribute('class')||'').split(/\\s+/).filter(Boolean)}function syncEl(cur,srv,old){var cc=classList(cur),sc=classList(srv),oc=old?new Set(classList(old)):new Set();var rt=cc.filter(function(c){return !oc.has(c)});var seen=new Set(),fin=[];sc.concat(rt).forEach(function(c){if(!seen.has(c)){seen.add(c);fin.push(c)}});var fs=fin.join(' ');if((cur.getAttribute('class')||'')!==fs){if(fs)cur.setAttribute('class',fs);else cur.removeAttribute('class')}for(var i=0;i<srv.attributes.length;i++){var a=srv.attributes[i];if(a.name==='class')continue;var ov=old?old.getAttribute(a.name):null;if(a.value!==ov){if(cur.getAttribute(a.name)!==a.value)cur.setAttribute(a.name,a.value)}}if(old){for(var i=0;i<old.attributes.length;i++){var a=old.attributes[i];if(a.name==='class')continue;if(!srv.hasAttribute(a.name)&&cur.hasAttribute(a.name))cur.removeAttribute(a.name)}}}function syncText(cur,srv){var cc=cur.childNodes,sc=srv.childNodes;for(var i=0;i<sc.length;i++){var s=sc[i],c=cc[i];if(s.nodeType===3&&c&&c.nodeType===3){if(c.textContent!==s.textContent)c.textContent=s.textContent}}}function ek(el){var p=el.getAttribute('data-element-path'),ci=el.getAttribute('data-cms-item-index');return ci?p+'|'+ci:p}function structKey(root){var e=root.querySelectorAll('[data-element-path]'),k=[];for(var i=0;i<e.length;i++)k.push(ek(e[i]));return k.sort().join('~')}function softSync(curR,srvR,oldR){var ce=curR.querySelectorAll('[data-element-path]');var sbp={},se=srvR.querySelectorAll('[data-element-path]');for(var i=0;i<se.length;i++)sbp[ek(se[i])]=se[i];var obp={};if(oldR){var oe=oldR.querySelectorAll('[data-element-path]');for(var i=0;i<oe.length;i++)obp[ek(oe[i])]=oe[i]}for(var i=0;i<ce.length;i++){var c=ce[i],p=ek(c),s=sbp[p];if(!s)continue;syncEl(c,s,obp[p]);syncText(c,s)}syncText(curR,srvR)}function connect(){ws=new WebSocket(${wsUrl});ws.onmessage=function(e){var d=JSON.parse(e.data);if(d.type==='hmr:libraries-update'){location.reload()}else if(d.type==='hmr:update'||d.type==='hmr:cms-update'||d.type==='hmr:colors-update'||d.type==='hmr:variables-update')hotReload()};ws.onclose=function(){clearTimeout(timer);timer=setTimeout(connect,1000)}}function hotReload(){var g=++gen;var sx=window.scrollX,sy=window.scrollY;fetch(location.href,{cache:'no-store'}).then(function(r){return r.text()}).then(function(html){if(g!==gen)return;var p=new DOMParser();var d=p.parseFromString(html,'text/html');var or=document.getElementById('root'),nr=d.getElementById('root');var oscr=document.querySelector('script[src^="/_scripts/"]'),nscr=d.querySelector('script[src^="/_scripts/"]');var oss=oscr?strip(oscr.getAttribute('src')):'',nss=nscr?strip(nscr.getAttribute('src')):'';var hardReset=(oss!==nss)||!lastSrvRoot||!or||!nr||structKey(lastSrvRoot)!==structKey(nr);if(or&&nr){if(hardReset){if(or.innerHTML!==nr.innerHTML)or.innerHTML=nr.innerHTML}else{softSync(or,nr,lastSrvRoot)}}if(nr)lastSrvRoot=nr.cloneNode(true);var os=document.getElementById('meno-styles'),ns=d.getElementById('meno-styles');if(os&&ns&&os.textContent!==ns.textContent)os.textContent=ns.textContent;var nh=d.documentElement;if(nh){var nl=nh.getAttribute('lang')||'en',nt=nh.getAttribute('theme')||'light';if(document.documentElement.getAttribute('lang')!==nl)document.documentElement.setAttribute('lang',nl);if(document.documentElement.getAttribute('theme')!==nt)document.documentElement.setAttribute('theme',nt)}var ocms=document.querySelectorAll('script[id^="meno-cms-"]'),ncms=d.querySelectorAll('script[id^="meno-cms-"]');var ock=JSON.stringify(Array.prototype.map.call(ocms,function(s){return [s.id,s.textContent]}));var nck=JSON.stringify(Array.prototype.map.call(ncms,function(s){return [s.id,s.textContent]}));if(ock!==nck){ocms.forEach(function(s){s.remove()});ncms.forEach(function(s){var c=document.createElement('script');c.type=s.type;c.id=s.id;if(docNonce)c.nonce=docNonce;c.textContent=s.textContent;document.head.appendChild(c)})}window.__menoHotReload=true;var olib=document.querySelectorAll('body > script[src^="/libraries/"]'),nlib=d.querySelectorAll('body > script[src^="/libraries/"]');var olk=JSON.stringify(Array.prototype.map.call(olib,function(s){return strip(s.getAttribute('src'))}).sort());var nlk=JSON.stringify(Array.prototype.map.call(nlib,function(s){return strip(s.getAttribute('src'))}).sort());if(olk!==nlk){olib.forEach(function(o){o.remove()});nlib.forEach(function(n){var src=n.getAttribute('src');var ls=document.createElement('script');ls.src=src+(src.indexOf('?')>-1?'&':'?')+'_r='+Date.now();document.body.appendChild(ls)})}if(!hardReset){window.scrollTo(sx,sy)}else{if(oscr)oscr.remove();if(nscr){var src=nscr.getAttribute('src');var s=document.createElement('script');s.src=src+(src.indexOf('?')>-1?'&':'?')+'_r='+Date.now();s.onload=function(){document.dispatchEvent(new Event('DOMContentLoaded'));window.scrollTo(sx,sy)};s.onerror=function(){window.scrollTo(sx,sy)};document.body.appendChild(s)}else{document.dispatchEvent(new Event('DOMContentLoaded'));window.scrollTo(sx,sy)}}}).catch(function(){location.reload()})}var iR=document.getElementById('root');if(iR)lastSrvRoot=iR.cloneNode(true);connect()})()</script>` : "";
   const scrollHandlerScript = injectLiveReload ? `<script${nonceAttr}>(function(){window.addEventListener('message',function(e){if(e.data.type==='GET_SCROLL_POSITION'){window.parent.postMessage({type:'SCROLL_POSITION_RESPONSE',scrollX:window.scrollX,scrollY:window.scrollY},'*')}else if(e.data.type==='SET_SCROLL_POSITION'){window.scrollTo(e.data.scrollX,e.data.scrollY)}})})()</script>` : "";
   const styleContent = useBundled ? finalCSS : `
     ${combinedCSS.split("\n").join("\n    ")}
@@ -3722,8 +3536,9 @@ picture {
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  ${iconTags ? iconTags + "\n  " : ""}${scriptPreloadTag ? scriptPreloadTag + "\n  " : ""}${imagePreloadTags ? imagePreloadTags + "\n  " : ""}${fontPreloadTags ? fontPreloadTags + "\n  " : ""}${libraryTags.headCSS ? libraryTags.headCSS + "\n  " : ""}${libraryTags.headJS ? libraryTags.headJS + "\n  " : ""}${rendered.meta}
-  ${configInlineScript}${cmsInlineScript}${clientDataScripts}<style id="meno-styles">${styleContent}</style>${mergedCustomCode.head ? "\n  " + mergedCustomCode.head : ""}
+  ${cspNonce ? `<meta name="csp-nonce" content="${cspNonce}">
+  ` : ""}${iconTags ? iconTags + "\n  " : ""}${scriptPreloadTag ? scriptPreloadTag + "\n  " : ""}${imagePreloadTags ? imagePreloadTags + "\n  " : ""}${fontPreloadTags ? fontPreloadTags + "\n  " : ""}${libraryTags.headCSS ? libraryTags.headCSS + "\n  " : ""}${libraryTags.headJS ? libraryTags.headJS + "\n  " : ""}${rendered.meta}
+  ${configInlineScript}${cmsInlineScript}${clientDataScripts}<style id="meno-styles"${nonceAttr}>${styleContent}</style>${mergedCustomCode.head ? "\n  " + mergedCustomCode.head : ""}
 </head>
 <body>${mergedCustomCode.bodyStart ? "\n  " + mergedCustomCode.bodyStart : ""}
   <div id="root">
@@ -6348,10 +6163,6 @@ export {
   generateFontPreloadTags,
   generateThemeColorVariablesCSS,
   generateVariablesCSS,
-  buildSlugIndex,
-  translatePath,
-  getLocaleLinks,
-  resolveSlugToPageId,
   escapeHtml,
   buildAttributes,
   styleToString,
@@ -6374,13 +6185,8 @@ export {
   menoFilterScript,
   needsMenoFilter,
   prepareClientData,
-  mergeLibraries,
-  generateLibraryTags,
-  collectComponentLibraries,
-  extractLibraryOrigins,
-  filterLibrariesByContext,
   generateSSRHTML,
   FileSystemCMSProvider,
   migrateTemplatesDirectory
 };
-//# sourceMappingURL=chunk-CXCBV2M7.js.map
+//# sourceMappingURL=chunk-IGYR22T6.js.map