meno-core 1.0.49 → 1.0.51

package/dist/chunks/{chunk-CHD5UCFF.js → chunk-V7CD7V7W.js}

@@ -15,10 +15,10 @@ import {
   parseJSON,
   resolveSlugToPageId,
   variableService
-} from "./chunk-EQYDSPBB.js";
+} from "./chunk-DM54NPEC.js";
 import {
   configService
-} from "./chunk-KPU2XHOS.js";
+} from "./chunk-2MHDV5BF.js";
 import {
   bundleFile,
   createRuntimeServer,
@@ -44,7 +44,7 @@ import {
 } from "./chunk-J23ZX5AP.js";
 import {
   addItemUrls
-} from "./chunk-S2CX6HFM.js";
+} from "./chunk-7NIC4I3V.js";
 import {
   parseLocaleFromPath
 } from "./chunk-AZQYF6KE.js";
@@ -217,6 +217,27 @@ var WebSocketManager = class {
       collection
     });
   }
+  /**
+   * Broadcast CMS collections-list update notification.
+   * Emitted when a template file is added, removed, or its schema changes —
+   * tells connected clients to re-fetch the collections list.
+   */
+  broadcastCollectionsUpdate() {
+    this.broadcast({
+      type: "hmr:cms-collections-update"
+    });
+  }
+  /**
+   * Broadcast project.config.json update notification.
+   * Emitted when project.config.json changes (e.g. an AI tool adds a new
+   * locale) — tells connected clients to re-fetch config-derived state
+   * such as the i18n locale list.
+   */
+  broadcastConfigUpdate() {
+    this.broadcast({
+      type: "hmr:config-update"
+    });
+  }
   /**
    * Get number of connected clients
    */
@@ -1313,6 +1334,27 @@ import { existsSync as existsSync4 } from "fs";
 
 // lib/server/fileWatcher.ts
 import { watch, existsSync as existsSync3 } from "fs";
+import { basename, dirname } from "path";
+function attachWhenDirExists(dirPath, attach, setWatcher) {
+  if (existsSync3(dirPath)) {
+    setWatcher(attach());
+    return;
+  }
+  const parentDir = dirname(dirPath);
+  const targetName = basename(dirPath);
+  if (!existsSync3(parentDir)) {
+    return;
+  }
+  let parentWatcher = null;
+  parentWatcher = watch(parentDir, (_event, filename) => {
+    if (filename !== targetName) return;
+    if (!existsSync3(dirPath)) return;
+    parentWatcher?.close();
+    parentWatcher = null;
+    setWatcher(attach());
+  });
+  setWatcher(parentWatcher);
+}
 var FileWatcher = class {
   constructor(callbacks) {
     this.callbacks = callbacks;
@@ -1326,6 +1368,7 @@ var FileWatcher = class {
   cmsWatcher = null;
   imagesWatcher = null;
   librariesWatcher = null;
+  projectConfigWatcher = null;
   /**
    * Start watching components directory
    * Watches both .json and .js files to detect component definition and JavaScript changes
@@ -1369,23 +1412,29 @@ var FileWatcher = class {
     );
   }
   /**
-   * Start watching root templates directory for CMS template changes
+   * Start watching root templates directory for CMS template changes.
+   * Falls back to a deferred-attach watcher on the project root when
+   * `templates/` doesn't exist yet (blank projects, projects that have never
+   * had a CMS collection).
    */
   watchTemplates(dirPath = projectPaths.templates()) {
-    if (!existsSync3(dirPath)) {
-      return;
-    }
-    this.templatesWatcher = watch(
+    attachWhenDirExists(
       dirPath,
-      { recursive: true },
-      async (event, filename) => {
-        if (filename && filename.endsWith(".json")) {
-          const pageName = `templates/${filename.replace(".json", "")}`;
-          const pagePath = mapPageNameToPath(pageName);
-          if (this.callbacks.onPageChange) {
-            await this.callbacks.onPageChange(pagePath);
+      () => watch(
+        dirPath,
+        { recursive: true },
+        async (event, filename) => {
+          if (filename && filename.endsWith(".json")) {
+            const pageName = `templates/${filename.replace(".json", "")}`;
+            const pagePath = mapPageNameToPath(pageName);
+            if (this.callbacks.onPageChange) {
+              await this.callbacks.onPageChange(pagePath);
+            }
           }
         }
+      ),
+      (w) => {
+        this.templatesWatcher = w;
       }
     );
   }
@@ -1438,23 +1487,27 @@ var FileWatcher = class {
     );
   }
   /**
-   * Start watching CMS directory
-   * Watches for changes in CMS content files (cms/{collection}/*.json)
+   * Start watching CMS directory.
+   * Watches for changes in CMS content files (cms/{collection}/*.json).
+   * Falls back to a deferred-attach watcher when `cms/` doesn't exist yet.
    */
   watchCMS(dirPath = projectPaths.cms()) {
-    if (!existsSync3(dirPath)) {
-      return;
-    }
-    this.cmsWatcher = watch(
+    attachWhenDirExists(
       dirPath,
-      { recursive: true },
-      async (event, filename) => {
-        if (filename && filename.endsWith(".json")) {
-          const collection = filename.split("/")[0];
-          if (this.callbacks.onCMSChange) {
-            await this.callbacks.onCMSChange(collection);
+      () => watch(
+        dirPath,
+        { recursive: true },
+        async (event, filename) => {
+          if (filename && filename.endsWith(".json")) {
+            const collection = filename.split("/")[0];
+            if (this.callbacks.onCMSChange) {
+              await this.callbacks.onCMSChange(collection);
+            }
           }
         }
+      ),
+      (w) => {
+        this.cmsWatcher = w;
       }
     );
   }
@@ -1475,6 +1528,24 @@ var FileWatcher = class {
       }
     );
   }
+  /**
+   * Start watching project.config.json for changes.
+   * Picks up edits to i18n locales, breakpoints, libraries, icons, etc. so the
+   * studio reflects external writes (e.g. an AI tool adding a new locale) without
+   * a dev-server restart.
+   */
+  watchProjectConfig() {
+    const dirPath = getProjectRoot();
+    this.projectConfigWatcher = watch(
+      dirPath,
+      { recursive: false },
+      async (_event, filename) => {
+        if (filename === "project.config.json" && this.callbacks.onProjectConfigChange) {
+          await this.callbacks.onProjectConfigChange();
+        }
+      }
+    );
+  }
   /**
    * Start watching libraries directory for CSS/JS changes
    */
@@ -1507,6 +1578,7 @@ var FileWatcher = class {
     this.watchCMS();
     this.watchImages();
     this.watchLibraries();
+    this.watchProjectConfig();
   }
   /**
    * Stop watching all directories
@@ -1548,6 +1620,10 @@ var FileWatcher = class {
       this.librariesWatcher.close();
       this.librariesWatcher = null;
     }
+    if (this.projectConfigWatcher) {
+      this.projectConfigWatcher.close();
+      this.projectConfigWatcher = null;
+    }
   }
   /**
    * Check if watchers are active
@@ -1598,9 +1674,11 @@ var FileWatcherService = class {
             clearTimeout(this.refreshSchemasTimer);
           }
           const cmsService = this.cmsService;
+          const wsManager = this.wsManager;
           this.refreshSchemasTimer = setTimeout(async () => {
             this.refreshSchemasTimer = null;
             await cmsService.refreshSchemas();
+            wsManager.broadcastCollectionsUpdate();
           }, 50);
         }
       },
@@ -1617,11 +1695,17 @@ var FileWatcherService = class {
         this.wsManager.broadcastEnumsUpdate();
       },
       onCMSChange: async (collection) => {
+        this.cmsService?.clearItemsCache(collection);
         this.wsManager.broadcastCMSUpdate(collection);
       },
       onImageAdded: this.onImageAdded,
       onLibraryChange: async () => {
         this.wsManager.broadcastLibrariesUpdate();
+      },
+      onProjectConfigChange: async () => {
+        configService.reset();
+        await configService.load();
+        this.wsManager.broadcastConfigUpdate();
       }
     });
     this.fileWatcher.watchAll();
@@ -2385,6 +2469,9 @@ async function handleApiRoutes(req, url, pageService, componentService, cmsConte
   }
 }
 
+// lib/server/routes/pages.ts
+import { randomBytes } from "crypto";
+
 // lib/shared/pathUtils.ts
 function getStaticFilePath(pagePath, distDir = "./dist") {
   if (pagePath === "/") {
@@ -2414,10 +2501,11 @@ function escapeHtml(str) {
 function safeJsonForScript(data) {
   return JSON.stringify(data).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
 }
-function generateErrorPage(error, context) {
+function generateErrorPage(error, context, cspNonce) {
   const errorInfo = extractErrorInfo(error);
   const errorMessage = escapeHtml(errorInfo.message);
   const errorStack = errorInfo.stack ? escapeHtml(errorInfo.stack) : "";
+  const nonceAttr = cspNonce ? ` nonce="${cspNonce}"` : "";
   const errorDataJson = safeJsonForScript({
     type: "PREVIEW_ERROR",
     error: {
@@ -2577,7 +2665,7 @@ function generateErrorPage(error, context) {
       </button>
     </div>
   </div>
-  <script>
+  <script${nonceAttr}>
     (function() {
       // Send error to parent editor
       if (window.parent && window.parent !== window) {
@@ -2634,10 +2722,15 @@ function hashContent2(content) {
 
 // lib/server/routes/pages.ts
 var EDITOR_HEADER = "x-meno-editor";
+var CSP_NONCE_HEADER = "x-meno-csp-nonce";
+function generateCspNonce() {
+  return randomBytes(16).toString("base64");
+}
 async function handlePageRoute(url, context, req) {
   const { pageService, componentService, cmsService, injectLiveReload, isEditor, serverPort } = context;
   const pagePath = url.pathname;
   const injectEditorAttrs = req?.headers.get(EDITOR_HEADER) === "1";
+  const cspNonce = generateCspNonce();
   const i18nConfig = await loadI18nConfig();
   const { locale, pathWithoutLocale } = parseLocaleFromPath(pagePath, i18nConfig);
   const slugMappings = pageService.getSlugMappings();
@@ -2678,7 +2771,8 @@ async function handlePageRoute(url, context, req) {
               injectEditorAttrs,
               isEditor,
               serverPort,
-              returnSeparateJS: true
+              returnSeparateJS: true,
+              cspNonce
             });
             let finalHtml = result.html;
             if (result.javascript) {
@@ -2692,7 +2786,8 @@ async function handlePageRoute(url, context, req) {
                 "Content-Type": "text/html; charset=utf-8",
                 "Cache-Control": "no-store, max-age=0",
                 "Pragma": "no-cache",
-                "Expires": "0"
+                "Expires": "0",
+                [CSP_NONCE_HEADER]: cspNonce
               }
             });
           }
@@ -2710,22 +2805,25 @@ async function handlePageRoute(url, context, req) {
             pageLibraries: typedPageData.meta?.libraries,
             pageCustomCode: typedPageData.meta?.customCode,
             injectEditorAttrs,
-            isEditor
+            isEditor,
+            cspNonce
           });
           return new Response(ssrHTML, {
             headers: {
               "Content-Type": "text/html; charset=utf-8",
               "Cache-Control": "no-store, max-age=0",
               "Pragma": "no-cache",
-              "Expires": "0"
+              "Expires": "0",
+              [CSP_NONCE_HEADER]: cspNonce
             }
           });
         } catch (error) {
           console.error("Error rendering CMS page:", error);
-          return new Response(generateErrorPage(error, `Error rendering template: ${cmsTemplatePath}`), {
+          return new Response(generateErrorPage(error, `Error rendering template: ${cmsTemplatePath}`, cspNonce), {
             headers: {
               "Content-Type": "text/html; charset=utf-8",
-              "Cache-Control": "no-store"
+              "Cache-Control": "no-store",
+              [CSP_NONCE_HEADER]: cspNonce
             }
           });
         }
@@ -2773,7 +2871,8 @@ async function handlePageRoute(url, context, req) {
           injectEditorAttrs,
           isEditor,
           serverPort,
-          returnSeparateJS: true
+          returnSeparateJS: true,
+          cspNonce
         });
         let finalHtml = result.html;
         if (result.javascript) {
@@ -2787,7 +2886,8 @@ async function handlePageRoute(url, context, req) {
             "Content-Type": "text/html; charset=utf-8",
             "Cache-Control": "no-store, max-age=0",
             "Pragma": "no-cache",
-            "Expires": "0"
+            "Expires": "0",
+            [CSP_NONCE_HEADER]: cspNonce
           }
         });
       }
@@ -2803,22 +2903,25 @@ async function handlePageRoute(url, context, req) {
         pageLibraries: pageData.meta?.libraries,
         pageCustomCode: pageData.meta?.customCode,
         injectEditorAttrs,
-        isEditor
+        isEditor,
+        cspNonce
       });
       return new Response(ssrHTML, {
         headers: {
           "Content-Type": "text/html; charset=utf-8",
           "Cache-Control": "no-store, max-age=0",
           "Pragma": "no-cache",
-          "Expires": "0"
+          "Expires": "0",
+          [CSP_NONCE_HEADER]: cspNonce
         }
       });
     } catch (error) {
       console.error("Error rendering page:", error);
-      return new Response(generateErrorPage(error, `Error rendering page: ${lookupPath}`), {
+      return new Response(generateErrorPage(error, `Error rendering page: ${lookupPath}`, cspNonce), {
         headers: {
           "Content-Type": "text/html; charset=utf-8",
-          "Cache-Control": "no-store"
+          "Cache-Control": "no-store",
+          [CSP_NONCE_HEADER]: cspNonce
         }
       });
     }
@@ -3108,7 +3211,7 @@ async function createServer(config) {
 
 // lib/server/providers/fileSystemPageProvider.ts
 import { existsSync as existsSync5, readdirSync as readdirSync3, mkdirSync as mkdirSync3, rmdirSync as rmdirSync3 } from "fs";
-import { join as join4, dirname } from "path";
+import { join as join4, dirname as dirname2 } from "path";
 
 // lib/shared/utils/fileUtils.ts
 var isJSONFile = (name) => name.endsWith(".json");
@@ -3203,7 +3306,7 @@ var FileSystemPageProvider = class {
   async save(path2, content) {
     const { writeFile: writeFile2 } = await import("fs/promises");
     const filePath = this.resolveFilePath(path2);
-    const dir = dirname(filePath);
+    const dir = dirname2(filePath);
     if (!existsSync5(dir)) {
       mkdirSync3(dir, { recursive: true });
     }
@@ -3215,7 +3318,7 @@ var FileSystemPageProvider = class {
     const rootDir = this.resolveRootDir(path2);
     if (existsSync5(filePath)) {
       await unlink(filePath);
-      let dir = dirname(filePath);
+      let dir = dirname2(filePath);
       while (dir !== rootDir) {
         try {
           const remaining = readdirSync3(dir);
@@ -3227,7 +3330,7 @@ var FileSystemPageProvider = class {
         } catch {
           break;
         }
-        dir = dirname(dir);
+        dir = dirname2(dir);
       }
     }
   }
@@ -3266,4 +3369,4 @@ export {
   createServer,
   FileSystemPageProvider
 };
-//# sourceMappingURL=chunk-CHD5UCFF.js.map
+//# sourceMappingURL=chunk-V7CD7V7W.js.map