@noego/forge 0.0.21 → 0.0.23

package/dist-ssr/server.js

@@ -146,7 +146,46 @@ class BaseHTMLRender {
   }
   async renderHTML(data) {
     const template = Handlebars.compile(await this.getTemplate());
-    return template(data);
+    let html = template(data);
+    const configJson = process.env.NOEGO_CONFIGURATION;
+    if (configJson) {
+      const configScript = `<script>window.__CONFIGURATION__ = ${configJson};<\/script>`;
+      if (html.includes("</head>")) {
+        html = html.replace("</head>", `${configScript}
+</head>`);
+      } else if (html.includes("<body")) {
+        html = html.replace(/(<body[^>]*>)/, `$1
+${configScript}`);
+      } else {
+        html = configScript + "\n" + html;
+      }
+    }
+    html = html.replace(
+      /<script\s+type=["']module["']\s+src=["']([^"']+)["'][^>]*><\/script>/gi,
+      (match, src) => {
+        return `<script type="module">
+import initApp from '${src}';
+function initializeApp() {
+  if (typeof initApp === 'function' && typeof window !== 'undefined' && window.__CONFIGURATION__) {
+    const result = initApp();
+    if (result instanceof Promise) {
+      result.catch(err => console.error('Failed to initialize app:', err));
+    }
+  } else {
+    console.warn('App initialization skipped: initApp or window.__CONFIGURATION__ not available');
+  }
+}
+// Wait for DOM to be ready
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initializeApp);
+} else {
+  // DOM already loaded
+  initializeApp();
+}
+<\/script>`;
+      }
+    );
+    return html;
   }
 }
 class DefaultHTMLRender extends BaseHTMLRender {
@@ -160,7 +199,46 @@ class LiveHTMLRender {
   }
   async renderHTML(data) {
     const template = Handlebars.compile(await this.getTemplate());
-    return template(data);
+    let html = template(data);
+    const configJson = process.env.NOEGO_CONFIGURATION;
+    if (configJson) {
+      const configScript = `<script>window.__CONFIGURATION__ = ${configJson};<\/script>`;
+      if (html.includes("</head>")) {
+        html = html.replace("</head>", `${configScript}
+</head>`);
+      } else if (html.includes("<body")) {
+        html = html.replace(/(<body[^>]*>)/, `$1
+${configScript}`);
+      } else {
+        html = configScript + "\n" + html;
+      }
+    }
+    html = html.replace(
+      /<script\s+type=["']module["']\s+src=["']([^"']+)["'][^>]*><\/script>/gi,
+      (match, src) => {
+        return `<script type="module">
+import initApp from '${src}';
+function initializeApp() {
+  if (typeof initApp === 'function' && typeof window !== 'undefined' && window.__CONFIGURATION__) {
+    const result = initApp();
+    if (result instanceof Promise) {
+      result.catch(err => console.error('Failed to initialize app:', err));
+    }
+  } else {
+    console.warn('App initialization skipped: initApp or window.__CONFIGURATION__ not available');
+  }
+}
+// Wait for DOM to be ready
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initializeApp);
+} else {
+  // DOM already loaded
+  initializeApp();
+}
+<\/script>`;
+      }
+    );
+    return html;
   }
   async getTemplate() {
     const file_content = await fs$1.readFile(this.html_path, "utf8");
@@ -355,9 +433,28 @@ async function layout_requires_server(route, loader) {
   if (!layout) {
     return false;
   }
-  const load_required = await Promise.all(layout.map(async (layout2) => {
-    const component = await loader.load(layout2);
-    return !!component.load;
+  const load_required = await Promise.all(layout.map(async (layoutPath) => {
+    const fullPath = loader.getComponentFullPath(layoutPath);
+    const { dir, name } = path.parse(fullPath);
+    const extensions = [".js", ".ts"];
+    for (const ext of extensions) {
+      const loaderFilePath = path.join(dir, `${name}.load${ext}`);
+      try {
+        if (fs.existsSync(loaderFilePath)) {
+          const module = await import(pathToFileURL(loaderFilePath).href);
+          if (typeof (module == null ? void 0 : module.default) === "function") {
+            return true;
+          }
+        }
+      } catch (error) {
+      }
+    }
+    try {
+      const component = await loader.load(layoutPath);
+      return !!component.load;
+    } catch {
+      return false;
+    }
   }));
   return load_required.some((required) => required);
 }
@@ -366,8 +463,27 @@ async function view_requires_server(route, loader) {
   if (!view) {
     return false;
   }
-  const component = await loader.load(view);
-  return !!component.load;
+  const fullPath = loader.getComponentFullPath(view);
+  const { dir, name } = path.parse(fullPath);
+  const extensions = [".js", ".ts"];
+  for (const ext of extensions) {
+    const loaderFilePath = path.join(dir, `${name}.load${ext}`);
+    try {
+      if (fs.existsSync(loaderFilePath)) {
+        const module = await import(pathToFileURL(loaderFilePath).href);
+        if (typeof (module == null ? void 0 : module.default) === "function") {
+          return true;
+        }
+      }
+    } catch (error) {
+    }
+  }
+  try {
+    const component = await loader.load(view);
+    return !!component.load;
+  } catch {
+    return false;
+  }
 }
 class ApiAdapter {
   constructor(manager) {
@@ -486,11 +602,19 @@ class ComponentManager {
     return layouts_components;
   }
   async getLayoutLoaders(route) {
-    const layout_components = await this.getLayoutComponents(route);
-    const layout_loaders = await Promise.all(layout_components.map(async (layout) => {
-      return layout.load;
-    }));
-    return layout_loaders;
+    const layout_paths = route.layout || [];
+    const loaders_from_files = await Promise.all(
+      layout_paths.map((layoutPath) => this.resolveLoader(layoutPath))
+    );
+    const needs_fallback = loaders_from_files.some((loader) => !loader);
+    if (needs_fallback) {
+      const layout_components = await this.getLayoutComponents(route);
+      const old_style_loaders = layout_components.map((layout) => layout.load);
+      return loaders_from_files.map(
+        (loader, index) => loader || old_style_loaders[index] || null
+      );
+    }
+    return loaders_from_files;
   }
   async getViewComponent(route) {
     return await this.componentLoader.load(route.view);
@@ -514,30 +638,38 @@ class ComponentManager {
       view
     };
   }
-  getLoaderFilePath(componentPath) {
+  getLoaderFilePath(componentPath, extension = ".js") {
     if (!componentPath) {
       return null;
     }
     const fullPath = this.componentLoader.getComponentFullPath(componentPath);
     const { dir, name } = path.parse(fullPath);
-    return path.join(dir, `${name}.load.ts`);
+    return path.join(dir, `${name}.load${extension}`);
   }
   async resolveLoader(componentPath) {
-    const loaderFilePath = this.getLoaderFilePath(componentPath);
-    if (!loaderFilePath) {
+    if (!componentPath) {
       return null;
     }
-    try {
-      const module = await import(pathToFileURL(loaderFilePath).href);
-      const loader = module == null ? void 0 : module.default;
-      return typeof loader === "function" ? loader : null;
-    } catch (error) {
-      if ((error == null ? void 0 : error.code) === "MODULE_NOT_FOUND" || (error == null ? void 0 : error.code) === "ERR_MODULE_NOT_FOUND") {
-        return null;
+    const extensions = [".js", ".ts"];
+    for (const ext of extensions) {
+      const loaderFilePath = this.getLoaderFilePath(componentPath, ext);
+      if (!loaderFilePath) {
+        continue;
+      }
+      try {
+        const module = await import(pathToFileURL(loaderFilePath).href);
+        const loader = module == null ? void 0 : module.default;
+        if (typeof loader === "function") {
+          return loader;
+        }
+      } catch (error) {
+        if ((error == null ? void 0 : error.code) === "MODULE_NOT_FOUND" || (error == null ? void 0 : error.code) === "ERR_MODULE_NOT_FOUND") {
+          continue;
+        }
+        console.error(`[ComponentManager] Failed to load loader for ${componentPath} (${ext}):`, error);
       }
-      console.error(`[ComponentManager] Failed to load loader for ${componentPath}:`, error);
-      return null;
     }
+    return null;
   }
   async getView(route) {
     const view = await this.componentLoader.load(route.view);