meno-core 1.0.48 → 1.0.50

package/dist/entries/server-router.js

@@ -6,25 +6,25 @@ import {
   PageService,
   WebSocketManager,
   createServer
-} from "../chunks/chunk-NKUV77SR.js";
+} from "../chunks/chunk-YWJJD5D6.js";
 import {
   CMSService,
   FileSystemCMSProvider,
   loadProjectConfig,
   migrateTemplatesDirectory
-} from "../chunks/chunk-TPQ7APVQ.js";
+} from "../chunks/chunk-CVLFID6V.js";
 import {
   configService
-} from "../chunks/chunk-BJRKEPMP.js";
+} from "../chunks/chunk-PQ2HRXDR.js";
 import {
   projectPaths
 } from "../chunks/chunk-I7YIGZXT.js";
 import "../chunks/chunk-WQFG7PAH.js";
-import "../chunks/chunk-RQSTH2BS.js";
-import "../chunks/chunk-EK4KESLU.js";
-import "../chunks/chunk-NP76N4HQ.js";
-import "../chunks/chunk-3FHJUHAS.js";
-import "../chunks/chunk-B2RTLDXY.js";
+import "../chunks/chunk-H4JSCDNW.js";
+import "../chunks/chunk-J23ZX5AP.js";
+import "../chunks/chunk-EDQSMAMP.js";
+import "../chunks/chunk-7NIC4I3V.js";
+import "../chunks/chunk-AZQYF6KE.js";
 import "../chunks/chunk-UB44F4Z2.js";
 import "../chunks/chunk-2QK6U5UK.js";
 import "../chunks/chunk-KSBZ2L7C.js";
@@ -37,7 +37,7 @@ var pageService = new PageService(pageCache, pageProvider);
 var componentService = new ComponentService();
 var wsManager = new WebSocketManager();
 var cmsProvider = new FileSystemCMSProvider(projectPaths.templates(), projectPaths.cms());
-var cmsService = new CMSService(cmsProvider);
+var cmsService = new CMSService(cmsProvider, { previewMode: true });
 var fileWatcherService = new FileWatcherService(
   componentService,
   pageService,

package/dist/entries/server-router.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../entries/server-router.tsx"],
-  "sourcesContent": ["/**\n * Server Router\n * Main entry point for the development server\n * Uses the createServer factory with all services initialized\n */\n\nimport { PageCache } from '../lib/server/pageCache';\nimport { WebSocketManager } from '../lib/server/websocketManager';\nimport { PageService, ComponentService, FileWatcherService } from '../lib/server/services';\nimport { CMSService } from '../lib/server/services/cmsService';\nimport { createServer } from '../lib/server/createServer';\nimport { loadProjectConfig } from '../lib/shared/fontLoader';\nimport { FileSystemPageProvider } from '../lib/server/providers/fileSystemPageProvider';\nimport { FileSystemCMSProvider } from '../lib/server/providers/fileSystemCMSProvider';\nimport { configService } from '../lib/server/services/configService';\nimport { projectPaths } from '../lib/server/projectContext';\nimport { migrateTemplatesDirectory } from '../lib/server/migrateTemplates';\n\n// Auto-migrate pages/templates/ \u2192 templates/ if needed\nawait migrateTemplatesDirectory();\n\n// Initialize services\nconst pageCache = new PageCache();\nconst pageProvider = new FileSystemPageProvider(projectPaths.pages(), projectPaths.templates());\nconst pageService = new PageService(pageCache, pageProvider);\nconst componentService = new ComponentService();\nconst wsManager = new WebSocketManager();\n\n// Initialize CMS services\nconst cmsProvider = new FileSystemCMSProvider(projectPaths.templates(), projectPaths.cms());\nconst cmsService = new CMSService(cmsProvider);\n\n// Initialize file watcher with CMS service for template change detection\nconst fileWatcherService = new FileWatcherService(\n  componentService,\n  pageService,\n  pageCache,\n  wsManager,\n  cmsService\n);\n\n// Initialize server data\nasync function initialize() {\n  // Load centralized config first\n  await configService.load();\n\n  // Load project config for fonts (uses legacy loader for now)\n  await loadProjectConfig();\n\n  // Load global components first\n  await componentService.loadAllComponents();\n\n  // Load all pages\n  await pageService.loadAllPages();\n\n  // Initialize CMS service (extract schemas from pages)\n  await cmsService.initialize();\n\n  // Setup file watchers\n  fileWatcherService.initialize();\n}\n\n// Initialize before starting server\nawait initialize();\n\n// Create and start server using the factory\nconst { server, port } = await createServer({\n  pageService,\n  componentService,\n  wsManager,\n  cmsService,\n  cmsProvider,\n});\n\nconsole.log(`Server with routing and HMR running at http://localhost:${port}`);\nconsole.log(`Available pages:`, pageService.getAllPagePaths());\nconsole.log(`Edit any JSON file to see instant hot reloading!`);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,0BAA0B;AAGhC,IAAM,YAAY,IAAI,UAAU;AAChC,IAAM,eAAe,IAAI,uBAAuB,aAAa,MAAM,GAAG,aAAa,UAAU,CAAC;AAC9F,IAAM,cAAc,IAAI,YAAY,WAAW,YAAY;AAC3D,IAAM,mBAAmB,IAAI,iBAAiB;AAC9C,IAAM,YAAY,IAAI,iBAAiB;AAGvC,IAAM,cAAc,IAAI,sBAAsB,aAAa,UAAU,GAAG,aAAa,IAAI,CAAC;AAC1F,IAAM,aAAa,IAAI,WAAW,WAAW;AAG7C,IAAM,qBAAqB,IAAI;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,eAAe,aAAa;AAE1B,QAAM,cAAc,KAAK;AAGzB,QAAM,kBAAkB;AAGxB,QAAM,iBAAiB,kBAAkB;AAGzC,QAAM,YAAY,aAAa;AAG/B,QAAM,WAAW,WAAW;AAG5B,qBAAmB,WAAW;AAChC;AAGA,MAAM,WAAW;AAGjB,IAAM,EAAE,QAAQ,KAAK,IAAI,MAAM,aAAa;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,QAAQ,IAAI,2DAA2D,IAAI,EAAE;AAC7E,QAAQ,IAAI,oBAAoB,YAAY,gBAAgB,CAAC;AAC7D,QAAQ,IAAI,kDAAkD;",
+  "sourcesContent": ["/**\n * Server Router\n * Main entry point for the development server\n * Uses the createServer factory with all services initialized\n */\n\nimport { PageCache } from '../lib/server/pageCache';\nimport { WebSocketManager } from '../lib/server/websocketManager';\nimport { PageService, ComponentService, FileWatcherService } from '../lib/server/services';\nimport { CMSService } from '../lib/server/services/cmsService';\nimport { createServer } from '../lib/server/createServer';\nimport { loadProjectConfig } from '../lib/shared/fontLoader';\nimport { FileSystemPageProvider } from '../lib/server/providers/fileSystemPageProvider';\nimport { FileSystemCMSProvider } from '../lib/server/providers/fileSystemCMSProvider';\nimport { configService } from '../lib/server/services/configService';\nimport { projectPaths } from '../lib/server/projectContext';\nimport { migrateTemplatesDirectory } from '../lib/server/migrateTemplates';\n\n// Auto-migrate pages/templates/ \u2192 templates/ if needed\nawait migrateTemplatesDirectory();\n\n// Initialize services\nconst pageCache = new PageCache();\nconst pageProvider = new FileSystemPageProvider(projectPaths.pages(), projectPaths.templates());\nconst pageService = new PageService(pageCache, pageProvider);\nconst componentService = new ComponentService();\nconst wsManager = new WebSocketManager();\n\n// Initialize CMS services. The service runs in preview mode so SSR-facing\n// reads merge drafts over published content \u2014 the localhost dev runtime\n// reflects unpublished edits. Production builds (build-static / build-astro\n// / Webflow export) construct the service without the flag and only ever\n// serve published content.\nconst cmsProvider = new FileSystemCMSProvider(projectPaths.templates(), projectPaths.cms());\nconst cmsService = new CMSService(cmsProvider, { previewMode: true });\n\n// Initialize file watcher with CMS service for template change detection\nconst fileWatcherService = new FileWatcherService(\n  componentService,\n  pageService,\n  pageCache,\n  wsManager,\n  cmsService\n);\n\n// Initialize server data\nasync function initialize() {\n  // Load centralized config first\n  await configService.load();\n\n  // Load project config for fonts (uses legacy loader for now)\n  await loadProjectConfig();\n\n  // Load global components first\n  await componentService.loadAllComponents();\n\n  // Load all pages\n  await pageService.loadAllPages();\n\n  // Initialize CMS service (extract schemas from pages)\n  await cmsService.initialize();\n\n  // Setup file watchers\n  fileWatcherService.initialize();\n}\n\n// Initialize before starting server\nawait initialize();\n\n// Create and start server using the factory\nconst { server, port } = await createServer({\n  pageService,\n  componentService,\n  wsManager,\n  cmsService,\n  cmsProvider,\n});\n\nconsole.log(`Server with routing and HMR running at http://localhost:${port}`);\nconsole.log(`Available pages:`, pageService.getAllPagePaths());\nconsole.log(`Edit any JSON file to see instant hot reloading!`);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,0BAA0B;AAGhC,IAAM,YAAY,IAAI,UAAU;AAChC,IAAM,eAAe,IAAI,uBAAuB,aAAa,MAAM,GAAG,aAAa,UAAU,CAAC;AAC9F,IAAM,cAAc,IAAI,YAAY,WAAW,YAAY;AAC3D,IAAM,mBAAmB,IAAI,iBAAiB;AAC9C,IAAM,YAAY,IAAI,iBAAiB;AAOvC,IAAM,cAAc,IAAI,sBAAsB,aAAa,UAAU,GAAG,aAAa,IAAI,CAAC;AAC1F,IAAM,aAAa,IAAI,WAAW,aAAa,EAAE,aAAa,KAAK,CAAC;AAGpE,IAAM,qBAAqB,IAAI;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,eAAe,aAAa;AAE1B,QAAM,cAAc,KAAK;AAGzB,QAAM,kBAAkB;AAGxB,QAAM,iBAAiB,kBAAkB;AAGzC,QAAM,YAAY,aAAa;AAG/B,QAAM,WAAW,WAAW;AAG5B,qBAAmB,WAAW;AAChC;AAGA,MAAM,WAAW;AAGjB,IAAM,EAAE,QAAQ,KAAK,IAAI,MAAM,aAAa;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,QAAQ,IAAI,2DAA2D,IAAI,EAAE;AAC7E,QAAQ,IAAI,oBAAoB,YAAY,gBAAgB,CAAC;AAC7D,QAAQ,IAAI,kDAAkD;",
   "names": []
 }

package/dist/lib/client/index.js

@@ -12,12 +12,12 @@ import {
   resolveLinkMapping,
   resolveStyleMapping,
   skipEmptyTemplateAttributes
-} from "../../chunks/chunk-NP76N4HQ.js";
+} from "../../chunks/chunk-EDQSMAMP.js";
 import {
   filterCSSProperties,
   logNetworkError,
   logRuntimeError
-} from "../../chunks/chunk-UUA5LEWF.js";
+} from "../../chunks/chunk-LPVETICS.js";
 import {
   BaseComponentRegistry,
   DEFAULT_PREFETCH_CONFIG,
@@ -59,19 +59,20 @@ import {
   singularize,
   sortClassesByPropertyOrder,
   validatePageData
-} from "../../chunks/chunk-3FHJUHAS.js";
+} from "../../chunks/chunk-7NIC4I3V.js";
 import {
   DEFAULT_BREAKPOINTS,
   DEFAULT_I18N_CONFIG,
   DEFAULT_REM_CONFIG,
   DEFAULT_RESPONSIVE_SCALES,
   getBreakpointValues,
+  isI18nValue,
   migrateI18nConfig,
   normalizeBreakpointConfig,
   parseLocaleFromPath,
   resolveI18nValue,
   setStoredLocale
-} from "../../chunks/chunk-B2RTLDXY.js";
+} from "../../chunks/chunk-AZQYF6KE.js";
 import {
   isTiptapDocument,
   tiptapToHtml
@@ -636,7 +637,7 @@ function setI18nConfig(config) {
 
 // lib/client/core/cmsTemplateProcessor.ts
 init_constants();
-function isI18nValue(value) {
+function isI18nValue2(value) {
   if (typeof value !== "object" || value === null || Array.isArray(value)) {
     return false;
   }
@@ -669,7 +670,7 @@ function processCMSTemplate(template, cmsItem, locale) {
         return "";
       }
     }
-    if (isI18nValue(value)) {
+    if (isI18nValue2(value)) {
       value = resolveI18nValue2(value, effectiveLocale, config);
     }
     if (value === null || value === void 0) {
@@ -758,7 +759,12 @@ function buildEmbed(node, ctx, deps) {
         i18nResolver
       );
     }
-    const utilityClasses = responsiveStylesToClasses(processedStyle);
+    const scales = getCachedResponsiveScalesConfig();
+    const fluidActive = scales?.enabled === true && scales?.mode === "fluid";
+    const utilityClasses = responsiveStylesToClasses(
+      processedStyle,
+      { fluidActive, responsiveScales: scales ?? void 0 }
+    );
     UtilityClassCollector.collect(utilityClasses);
     classNames.push(...utilityClasses);
   }
@@ -793,7 +799,12 @@ function buildEmbed(node, ctx, deps) {
         const previewClasses = [];
         for (const rule of nodeInteractiveStyles) {
           if (rule.previewProp && ctx.componentResolvedProps[rule.previewProp] === true) {
-            const styleClasses = responsiveStylesToClasses(rule.style);
+            const previewScales = getCachedResponsiveScalesConfig();
+            const previewFluidActive = previewScales?.enabled === true && previewScales?.mode === "fluid";
+            const styleClasses = responsiveStylesToClasses(
+              rule.style,
+              { fluidActive: previewFluidActive, responsiveScales: previewScales ?? void 0 }
+            );
             UtilityClassCollector.collect(styleClasses);
             previewClasses.push(...styleClasses);
           }
@@ -804,9 +815,12 @@ function buildEmbed(node, ctx, deps) {
       }
     }
   }
-  if (extractedAttributes.className) {
-    const attrClasses = extractedAttributes.className.split(/\s+/);
-    classNames.push(...attrClasses);
+  if ("class" in extractedAttributes || "className" in extractedAttributes) {
+    const attrClass = extractedAttributes.class ?? extractedAttributes.className ?? "";
+    if (attrClass) {
+      classNames.push(...attrClass.split(/\s+/));
+    }
+    delete extractedAttributes.class;
     delete extractedAttributes.className;
   }
   if (classNames.length > 0) {
@@ -890,7 +904,12 @@ function buildLinkNode(node, children, ctx, deps) {
         i18nResolver
       );
     }
-    const utilityClasses = responsiveStylesToClasses(processedStyle);
+    const scales = getCachedResponsiveScalesConfig();
+    const fluidActive = scales?.enabled === true && scales?.mode === "fluid";
+    const utilityClasses = responsiveStylesToClasses(
+      processedStyle,
+      { fluidActive, responsiveScales: scales ?? void 0 }
+    );
     UtilityClassCollector.collect(utilityClasses);
     classNames.push(...utilityClasses);
   }
@@ -925,7 +944,12 @@ function buildLinkNode(node, children, ctx, deps) {
         const previewClasses = [];
         for (const rule of nodeInteractiveStyles) {
           if (rule.previewProp && ctx.componentResolvedProps[rule.previewProp] === true) {
-            const styleClasses = responsiveStylesToClasses(rule.style);
+            const previewScales = getCachedResponsiveScalesConfig();
+            const previewFluidActive = previewScales?.enabled === true && previewScales?.mode === "fluid";
+            const styleClasses = responsiveStylesToClasses(
+              rule.style,
+              { fluidActive: previewFluidActive, responsiveScales: previewScales ?? void 0 }
+            );
             UtilityClassCollector.collect(styleClasses);
             previewClasses.push(...styleClasses);
           }
@@ -936,9 +960,12 @@ function buildLinkNode(node, children, ctx, deps) {
       }
     }
   }
-  if (extractedAttributes.className) {
-    const attrClasses = extractedAttributes.className.split(/\s+/);
-    classNames.push(...attrClasses);
+  if ("class" in extractedAttributes || "className" in extractedAttributes) {
+    const attrClass = extractedAttributes.class ?? extractedAttributes.className ?? "";
+    if (attrClass) {
+      classNames.push(...attrClass.split(/\s+/));
+    }
+    delete extractedAttributes.class;
     delete extractedAttributes.className;
   }
   if (deps.getCurrentPagePath && typeof node.href === "string") {
@@ -1024,8 +1051,13 @@ function buildLocaleList(node, ctx, deps) {
     localeListProps["data-cms-item-index"] = cmsItemIndexPath.join(".");
   }
   let classNames = [];
+  const scales = getCachedResponsiveScalesConfig();
+  const fluidActive = scales?.enabled === true && scales?.mode === "fluid";
   if (node.style) {
-    const utilityClasses = responsiveStylesToClasses(node.style);
+    const utilityClasses = responsiveStylesToClasses(
+      node.style,
+      { fluidActive, responsiveScales: scales ?? void 0 }
+    );
     UtilityClassCollector.collect(utilityClasses);
     classNames.push(...utilityClasses);
   }
@@ -1060,7 +1092,10 @@ function buildLocaleList(node, ctx, deps) {
         const previewClasses = [];
         for (const rule of nodeInteractiveStyles) {
           if (rule.previewProp && ctx.componentResolvedProps[rule.previewProp] === true) {
-            const styleClasses = responsiveStylesToClasses(rule.style);
+            const styleClasses = responsiveStylesToClasses(
+              rule.style,
+              { fluidActive, responsiveScales: scales ?? void 0 }
+            );
             UtilityClassCollector.collect(styleClasses);
             previewClasses.push(...styleClasses);
           }
@@ -1071,9 +1106,12 @@ function buildLocaleList(node, ctx, deps) {
       }
     }
   }
-  if (extractedAttributes.className) {
-    const attrClasses = extractedAttributes.className.split(/\s+/);
-    classNames.push(...attrClasses);
+  if ("class" in extractedAttributes || "className" in extractedAttributes) {
+    const attrClass = extractedAttributes.class ?? extractedAttributes.className ?? "";
+    if (attrClass) {
+      classNames.push(...attrClass.split(/\s+/));
+    }
+    delete extractedAttributes.class;
     delete extractedAttributes.className;
   }
   if (classNames.length > 0) {
@@ -1093,10 +1131,10 @@ function buildLocaleList(node, ctx, deps) {
   const showFlag = node.showFlag !== false;
   const configLocales = i18nConfig?.locales || [];
   const currentLocaleCode = locale || i18nConfig?.defaultLocale || "en";
-  const itemClasses = node.itemStyle ? responsiveStylesToClasses(node.itemStyle) : [];
-  const activeItemClasses = node.activeItemStyle ? responsiveStylesToClasses(node.activeItemStyle) : [];
-  const separatorClasses = node.separatorStyle ? responsiveStylesToClasses(node.separatorStyle) : [];
-  const flagClasses = node.flagStyle ? responsiveStylesToClasses(node.flagStyle) : [];
+  const itemClasses = node.itemStyle ? responsiveStylesToClasses(node.itemStyle, { fluidActive, responsiveScales: scales ?? void 0 }) : [];
+  const activeItemClasses = node.activeItemStyle ? responsiveStylesToClasses(node.activeItemStyle, { fluidActive, responsiveScales: scales ?? void 0 }) : [];
+  const separatorClasses = node.separatorStyle ? responsiveStylesToClasses(node.separatorStyle, { fluidActive, responsiveScales: scales ?? void 0 }) : [];
+  const flagClasses = node.flagStyle ? responsiveStylesToClasses(node.flagStyle, { fluidActive, responsiveScales: scales ?? void 0 }) : [];
   UtilityClassCollector.collect(itemClasses);
   UtilityClassCollector.collect(activeItemClasses);
   UtilityClassCollector.collect(separatorClasses);
@@ -1643,7 +1681,12 @@ var ComponentBuilder = class {
   getCachedStyleClasses(style) {
     let cached = this.styleClassCache.get(style);
     if (!cached) {
-      cached = responsiveStylesToClasses(style);
+      const scales = getCachedResponsiveScalesConfig();
+      const fluidActive = scales?.enabled === true && scales?.mode === "fluid";
+      cached = responsiveStylesToClasses(
+        style,
+        { fluidActive, responsiveScales: scales ?? void 0 }
+      );
       this.styleClassCache.set(style, cached);
     }
     UtilityClassCollector.collect(cached);
@@ -1818,6 +1861,12 @@ var ComponentBuilder = class {
       componentResolvedProps = null
     } = options;
     if (!node) return null;
+    if (isI18nValue(node)) {
+      const i18nResolveConfig = i18nConfig ?? DEFAULT_I18N_CONFIG;
+      const i18nEffectiveLocale = locale || i18nResolveConfig.defaultLocale;
+      const resolved = resolveI18nValue(node, i18nEffectiveLocale, i18nResolveConfig);
+      return this.buildComponent({ ...options, node: resolved });
+    }
     const ctx = {
       key,
       elementPath,
@@ -2151,10 +2200,20 @@ var ComponentBuilder = class {
     return result;
   }
   /**
-   * Extract and merge attributes from node
+   * Extract and merge attributes from node. Resolves any `_i18n` value
+   * objects on attribute values to the active locale's string before
+   * downstream template / CMS processing, mirroring the SSR path.
    */
   mergeAttributes(props, node, ctx) {
     let extractedAttributes = extractAttributesFromNode(node);
+    const attrI18nConfig = ctx.i18nConfig ?? DEFAULT_I18N_CONFIG;
+    const attrEffectiveLocale = ctx.locale || attrI18nConfig.defaultLocale;
+    for (const [key, value] of Object.entries(extractedAttributes)) {
+      if (isI18nValue(value)) {
+        extractedAttributes = { ...extractedAttributes };
+        extractedAttributes[key] = resolveI18nValue(value, attrEffectiveLocale, attrI18nConfig);
+      }
+    }
     const originalAttributes = { ...extractedAttributes };
     if (ctx.cmsContext && Object.keys(extractedAttributes).length > 0) {
       extractedAttributes = processCMSPropsTemplate(
@@ -3201,7 +3260,8 @@ ${originalCSS}`);
       if (interactiveStylesMap.size === 0) return;
       const breakpointConfig2 = getCachedBreakpointConfig() || DEFAULT_BREAKPOINTS;
       const remConversionConfig2 = getCachedRemConversionConfig() || void 0;
-      const interactiveCSS = generateAllInteractiveCSS(interactiveStylesMap, breakpointConfig2, remConversionConfig2);
+      const responsiveScalesConfig2 = getCachedResponsiveScalesConfig() || void 0;
+      const interactiveCSS = generateAllInteractiveCSS(interactiveStylesMap, breakpointConfig2, remConversionConfig2, responsiveScalesConfig2);
       if (!interactiveCSS) return;
       if (document.head) {
         let styleTag = document.getElementById(interactiveStyleId);
@@ -4237,9 +4297,9 @@ var lightThemeColors = {
     backgroundTertiary: "#eaeef2",
     border: "#d0d7de",
     borderSecondary: "#d1d5da",
-    text: "#24292e",
+    text: "#1a1a1a",
     textSecondary: "#586069",
-    textMuted: "#6a737d",
+    textMuted: "#525a63",
     codeString: "#032f62",
     codeNumber: "#005cc5",
     codeKey: "#005cc5",
@@ -4284,9 +4344,9 @@ var darkThemeColors = {
     backgroundTertiary: "#252525",
     border: "#333333",
     borderSecondary: "#444444",
-    text: "#cccccc",
+    text: "#ebebeb",
     textSecondary: "#cccccc",
-    textMuted: "#888888",
+    textMuted: "#b0b0b0",
     codeString: "#ffffff",
     codeNumber: "#b5cea8",
     codeKey: "#9cdcfe",