meno-core 1.0.45 → 1.0.47

package/dist/chunks/{chunk-BZQKEJQY.js → chunk-FGUZOYJX.js}

@@ -1,11 +1,11 @@
 import {
   configService
-} from "./chunk-WQSG5WHC.js";
+} from "./chunk-ZTKHJQ2Z.js";
 import {
   projectPaths,
   resolveProjectPath,
   validateJS
-} from "./chunk-5Z5VQRTJ.js";
+} from "./chunk-I7YIGZXT.js";
 import {
   fileExists,
   readJsonFile,
@@ -23,7 +23,7 @@ import {
   processStructure,
   resolveHtmlMapping,
   skipEmptyTemplateAttributes
-} from "./chunk-F7MA62WG.js";
+} from "./chunk-BCLGRZ3U.js";
 import {
   DEFAULT_PREFETCH_CONFIG,
   SSRRegistry,
@@ -62,7 +62,7 @@ import {
   singularize,
   validateCMSItem,
   validateComponentDefinition
-} from "./chunk-5ZASE4IG.js";
+} from "./chunk-FED5MME6.js";
 import {
   DEFAULT_BREAKPOINTS,
   DEFAULT_I18N_CONFIG,
@@ -83,7 +83,7 @@ import {
   NODE_TYPE,
   RAW_HTML_PREFIX,
   init_constants
-} from "./chunk-NZTSJS5C.js";
+} from "./chunk-2QK6U5UK.js";
 import {
   __require
 } from "./chunk-KSBZ2L7C.js";
@@ -1663,7 +1663,9 @@ __meno.initComponent("${name}", function(el, props) {
 });`);
     } else {
       jsCodeBlocks.push(`// Component: ${name}
-${js}`);
+(function(){
+${js}
+})();`);
     }
   };
   for (const [name, component] of Object.entries(globalComponents)) {
@@ -1759,14 +1761,17 @@ async function buildImageMetadataMap() {
           );
         }
       }
-      const mainWidth = entry.width || 2400;
-      if (entry.formats.webp) {
-        webpSrcsetParts.push(`/images/${encodeURIComponent(`${baseName}.webp`)} ${mainWidth}w`);
-      } else {
-        webpSrcsetParts.push(`/images/${encodeURIComponent(filename)} ${mainWidth}w`);
-      }
-      if (entry.formats.avif) {
-        avifSrcsetParts.push(`/images/${encodeURIComponent(`${baseName}.avif`)} ${mainWidth}w`);
+      const hasVariants = entry.variants.length > 0;
+      if (hasVariants) {
+        const mainWidth = entry.width || 2400;
+        if (entry.formats.webp) {
+          webpSrcsetParts.push(`/images/${encodeURIComponent(`${baseName}.webp`)} ${mainWidth}w`);
+        } else {
+          webpSrcsetParts.push(`/images/${encodeURIComponent(filename)} ${mainWidth}w`);
+        }
+        if (entry.formats.avif) {
+          avifSrcsetParts.push(`/images/${encodeURIComponent(`${baseName}.avif`)} ${mainWidth}w`);
+        }
       }
       const metadata = {
         srcset: webpSrcsetParts.join(", "),
@@ -2071,7 +2076,8 @@ async function buildComponentHTML(node, globalComponents = {}, pageComponents =
   const preloadImages = [];
   const neededCollections = /* @__PURE__ */ new Set();
   const ssrFallbackCollector = /* @__PURE__ */ new Map();
-  if (!node) return { html: "", interactiveStylesMap, preloadImages, neededCollections, ssrFallbackCollector };
+  const processedRawHtmlCollector = /* @__PURE__ */ new Map();
+  if (!node) return { html: "", interactiveStylesMap, preloadImages, neededCollections, ssrFallbackCollector, processedRawHtmlCollector };
   ssrComponentRegistry.merge(globalComponents);
   ssrComponentRegistry.merge(pageComponents);
   const breakpoints = await loadBreakpointConfig();
@@ -2098,10 +2104,12 @@ async function buildComponentHTML(node, globalComponents = {}, pageComponents =
     isProductionBuild,
     ssrFallbackCollector,
     // Collect SSR fallback HTML for complex nodes
+    processedRawHtmlCollector,
+    // Collect raw→processed HTML for Astro exporter
     imageFormat: configService.getImageFormat()
   };
   const html = await renderNode(node, ctx);
-  return { html, interactiveStylesMap, preloadImages, neededCollections, ssrFallbackCollector };
+  return { html, interactiveStylesMap, preloadImages, neededCollections, ssrFallbackCollector, processedRawHtmlCollector };
 }
 async function renderNestedListPlaceholder(node, ctx) {
   const sourceValue = node.source || node.collection;
@@ -2339,10 +2347,12 @@ async function renderNode(node, ctx) {
         text = processCMSTemplate(text, ctx.cmsContext.cms, locale, i18nConfig);
       }
       if (text.startsWith(RAW_HTML_PREFIX)) {
-        let rawHtml = text.slice(RAW_HTML_PREFIX.length);
+        const rawSlice = text.slice(RAW_HTML_PREFIX.length);
+        let rawHtml = rawSlice;
         if (ctx.imageMetadataMap) rawHtml = rewriteRichTextImages(rawHtml, ctx.imageMetadataMap, ctx.imageFormat);
         rawHtml = await expandRichTextComponents(rawHtml, ctx);
         rawHtml = localizeRichTextLinks(rawHtml, ctx);
+        ctx.processedRawHtmlCollector?.set(rawSlice, rawHtml);
         return rawHtml;
       }
       return escapeHtml(text);
@@ -2355,10 +2365,12 @@ async function renderNode(node, ctx) {
       text = processCMSTemplate(text, ctx.cmsContext.cms, locale, i18nConfig);
     }
     if (text.startsWith(RAW_HTML_PREFIX)) {
-      let rawHtml = text.slice(RAW_HTML_PREFIX.length);
+      const rawSlice = text.slice(RAW_HTML_PREFIX.length);
+      let rawHtml = rawSlice;
       if (ctx.imageMetadataMap) rawHtml = rewriteRichTextImages(rawHtml, ctx.imageMetadataMap, ctx.imageFormat);
       rawHtml = await expandRichTextComponents(rawHtml, ctx);
       rawHtml = localizeRichTextLinks(rawHtml, ctx);
+      ctx.processedRawHtmlCollector?.set(rawSlice, rawHtml);
       return rawHtml;
     }
     return escapeHtml(text);
@@ -2615,11 +2627,11 @@ async function renderComponent(componentName, propsWithStyleAndAttrs, children,
       return await renderNode(processedStructure, ctx);
     }
     const rootNode = processedStructure;
-    if (isComponentNode(rootNode) || isHtmlNode(rootNode)) {
+    if (isComponentNode(rootNode) || isHtmlNode(rootNode) || isLinkNode(rootNode)) {
       if (!rootNode.props) {
         rootNode.props = {};
       }
-      if (isHtmlNode(rootNode)) {
+      if (isHtmlNode(rootNode) || isLinkNode(rootNode)) {
         if (propsWithStyleAndAttrs.style) {
           const existingStyle = rootNode.style;
           if (existingStyle && typeof existingStyle === "object") {
@@ -2642,7 +2654,7 @@ async function renderComponent(componentName, propsWithStyleAndAttrs, children,
         }
       }
       if (propsWithStyleAndAttrs.className) {
-        if (isHtmlNode(rootNode)) {
+        if (isHtmlNode(rootNode) || isLinkNode(rootNode)) {
           if (!rootNode.attributes) rootNode.attributes = {};
           const existingClass = rootNode.attributes.class || "";
           rootNode.attributes.class = existingClass ? `${existingClass} ${propsWithStyleAndAttrs.className}` : propsWithStyleAndAttrs.className;
@@ -2652,7 +2664,7 @@ async function renderComponent(componentName, propsWithStyleAndAttrs, children,
         }
       }
       Object.assign(rootNode.props, nodeAttributes);
-      if (isHtmlNode(rootNode) && Object.keys(nodeAttributes).length > 0) {
+      if ((isHtmlNode(rootNode) || isLinkNode(rootNode)) && Object.keys(nodeAttributes).length > 0) {
         if (!rootNode.attributes) {
           rootNode.attributes = {};
         }
@@ -2741,13 +2753,13 @@ async function renderHtmlElement(tag, propsWithStyleAndAttrs, children, ctx) {
   const voidElements = ["img", "input", "br", "hr", "meta", "link", "area", "base", "col", "embed", "source", "track", "wbr"];
   if (voidElements.includes(tag.toLowerCase())) {
     if (tag.toLowerCase() === "img") {
-      return renderImageElement(propsWithStyleAndAttrs, classAttr, attrs, ctx);
+      return renderImageElement(propsWithStyleAndAttrs, classAttr, styleAttr, attrs, ctx);
     }
     return `<${tag}${classAttr}${styleAttr}${attrs} />`;
   }
   return `<${tag}${classAttr}${styleAttr}${attrs}>${childrenHTML}</${tag}>`;
 }
-function renderImageElement(propsWithStyleAndAttrs, classAttr, attrs, ctx) {
+function renderImageElement(propsWithStyleAndAttrs, classAttr, styleAttr, attrs, ctx) {
   const imgProps = propsWithStyleAndAttrs;
   const src = imgProps.src;
   const alt = imgProps.alt;
@@ -2809,13 +2821,13 @@ function renderImageElement(propsWithStyleAndAttrs, classAttr, attrs, ctx) {
     }
     const pictureClassAttr = pictureClasses.length > 0 ? ` class="${escapeHtml(pictureClasses.join(" "))}"` : "";
     const imgClassAttr = imgClasses.length > 0 ? ` class="${escapeHtml(imgClasses.join(" "))}"` : "";
-    return `<picture${pictureClassAttr}><source type="image/avif" srcset="${escapeHtml(metadata.avifSrcset)}" sizes="${escapeHtml(sizesAttr)}" /><source type="image/webp" srcset="${escapeHtml(metadata.srcset)}" sizes="${escapeHtml(sizesAttr)}" /><img${imgClassAttr}${imgAttrs}${attrs} /></picture>`;
+    return `<picture${pictureClassAttr}${styleAttr}><source type="image/avif" srcset="${escapeHtml(metadata.avifSrcset)}" sizes="${escapeHtml(sizesAttr)}" /><source type="image/webp" srcset="${escapeHtml(metadata.srcset)}" sizes="${escapeHtml(sizesAttr)}" /><img${imgClassAttr}${imgAttrs}${attrs} /></picture>`;
   }
   if (metadata?.srcset) {
     imgAttrs += ` srcset="${escapeHtml(metadata.srcset)}"`;
     imgAttrs += ` sizes="${escapeHtml(sizesAttr)}"`;
   }
-  return `<img${classAttr}${imgAttrs}${attrs} />`;
+  return `<img${classAttr}${styleAttr}${imgAttrs}${attrs} />`;
 }
 function renderLocaleList(node, ctx) {
   const { slugMappings, pagePath, i18nConfig, locale } = ctx;
@@ -2933,7 +2945,7 @@ async function renderPageSSR(pageData, globalComponents = {}, pagePath = "/", ba
     }
   }
   const pageComponents = pageData?.components || {};
-  const { html: contentHTML, interactiveStylesMap, preloadImages, neededCollections, ssrFallbackCollector } = rootNode ? await buildComponentHTML(rootNode, globalComponents, pageComponents, effectiveLocale, config, slugMappings, pagePath, cmsContext, cmsService, isProductionBuild) : { html: "", interactiveStylesMap: /* @__PURE__ */ new Map(), preloadImages: [], neededCollections: /* @__PURE__ */ new Set(), ssrFallbackCollector: /* @__PURE__ */ new Map() };
+  const { html: contentHTML, interactiveStylesMap, preloadImages, neededCollections, ssrFallbackCollector, processedRawHtmlCollector } = rootNode ? await buildComponentHTML(rootNode, globalComponents, pageComponents, effectiveLocale, config, slugMappings, pagePath, cmsContext, cmsService, isProductionBuild) : { html: "", interactiveStylesMap: /* @__PURE__ */ new Map(), preloadImages: [], neededCollections: /* @__PURE__ */ new Set(), ssrFallbackCollector: /* @__PURE__ */ new Map(), processedRawHtmlCollector: /* @__PURE__ */ new Map() };
   const javascript = await collectComponentJavaScript(globalComponents, pageComponents);
   const componentCSS = collectComponentCSS(globalComponents, pageComponents);
   const fullUrl = baseUrl ? `${baseUrl}${pagePath}` : pagePath;
@@ -2954,7 +2966,8 @@ async function renderPageSSR(pageData, globalComponents = {}, pagePath = "/", ba
     interactiveStylesMap,
     preloadImages,
     neededCollections,
-    ssrFallbackCollector
+    ssrFallbackCollector,
+    processedRawHtmlCollector
   };
 }
 
@@ -3415,7 +3428,7 @@ ${escapedJavaScript}
   const variablesCSS = generateVariablesCSS(variablesConfig, breakpointConfig, responsiveScalesConfig);
   const remConversionConfig = configService.getRemConversion();
   const utilityCSS = generateUtilityCSS(usedUtilityClasses, breakpointConfig, responsiveScalesConfig, remConversionConfig);
-  const interactiveCSS = rendered.interactiveStylesMap.size > 0 ? generateAllInteractiveCSS(rendered.interactiveStylesMap, breakpointConfig, remConversionConfig) : "";
+  const interactiveCSS = rendered.interactiveStylesMap.size > 0 ? generateAllInteractiveCSS(rendered.interactiveStylesMap, breakpointConfig, remConversionConfig, responsiveScalesConfig) : "";
   printMissingStyleWarnings(false);
   const baseCSS = `* {
   margin: 0;
@@ -3433,12 +3446,17 @@ button {
   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;
@@ -5919,6 +5937,7 @@ export {
   loadBreakpointConfig,
   loadResponsiveScalesConfig,
   loadI18nConfig,
+  loadIconsConfig,
   CachedConfigLoader,
   ColorService,
   colorService,
@@ -5965,4 +5984,4 @@ export {
   FileSystemCMSProvider,
   migrateTemplatesDirectory
 };
-//# sourceMappingURL=chunk-BZQKEJQY.js.map
+//# sourceMappingURL=chunk-FGUZOYJX.js.map