@constela/start 1.2.16 → 1.2.18

package/dist/{chunk-RBEPA2Z2.js → chunk-XOQABZYW.js}

@@ -2462,8 +2462,31 @@ async function loadLayout2(layoutName, layoutsDir) {
     throw new Error(`Invalid JSON in layout file: ${layoutPath}`);
   }
 }
-function applyLayout(pageView, layoutView) {
-  return replaceSlot(layoutView, pageView);
+function applyLayout(pageView, layoutView, namedSlots) {
+  return replaceSlot(layoutView, pageView, namedSlots);
+}
+function extractMdxContentSlot2(loadedData, dataSourceName, routeParams) {
+  const dataSource = loadedData[dataSourceName];
+  if (dataSource && typeof dataSource === "object" && !Array.isArray(dataSource)) {
+    if ("content" in dataSource) {
+      return { "mdx-content": dataSource.content };
+    }
+    return void 0;
+  }
+  if (!Array.isArray(dataSource)) {
+    return void 0;
+  }
+  const slug = routeParams["slug"] || "index";
+  const item = dataSource.find(
+    (entry) => typeof entry === "object" && entry !== null && "slug" in entry && entry.slug === slug
+  );
+  if (!item || typeof item !== "object" || !("content" in item)) {
+    return void 0;
+  }
+  return { "mdx-content": item.content };
+}
+function isEventHandler(value) {
+  return typeof value === "object" && value !== null && "event" in value && typeof value.event === "string" && "action" in value && typeof value.action === "string";
 }
 function normalizeProps(props) {
   if (!props || typeof props !== "object") {
@@ -2473,6 +2496,8 @@ function normalizeProps(props) {
   for (const [key, value] of Object.entries(props)) {
     if (value && typeof value === "object" && "expr" in value) {
       normalized[key] = value;
+    } else if (isEventHandler(value)) {
+      normalized[key] = value;
     } else if (value !== void 0 && value !== null) {
       normalized[key] = { expr: "lit", value };
     }
@@ -2579,18 +2604,25 @@ function substituteLayoutParamsInNode(node, layoutParams) {
   }
   return result;
 }
-function replaceSlot(node, content) {
+function replaceSlot(node, content, namedSlots) {
   if (!node || typeof node !== "object") {
     return node;
   }
   const nodeObj = node;
   if (nodeObj["kind"] === "slot") {
-    return content;
+    const slotName = nodeObj["name"];
+    if (slotName && namedSlots && slotName in namedSlots) {
+      return namedSlots[slotName];
+    }
+    if (!slotName || slotName === "default") {
+      return content;
+    }
+    return node;
   }
   if (Array.isArray(nodeObj["children"])) {
     return {
       ...nodeObj,
-      children: nodeObj["children"].map((child) => replaceSlot(child, content))
+      children: nodeObj["children"].map((child) => replaceSlot(child, content, namedSlots))
     };
   }
   return node;
@@ -2608,7 +2640,7 @@ async function collectLayoutChain(layoutName, layoutsDir, visited = /* @__PURE__
   }
   return chain;
 }
-async function processLayouts(pageInfo, layoutsDir) {
+async function processLayouts(pageInfo, layoutsDir, routeParams = {}) {
   const layoutName = pageInfo.page.route?.layout;
   if (!layoutName || !layoutsDir) {
     return pageInfo;
@@ -2625,10 +2657,107 @@ async function processLayouts(pageInfo, layoutsDir) {
       };
     }
   }
+  let mergedState = {};
+  for (let i = layoutChain.length - 1; i >= 0; i--) {
+    const layout = layoutChain[i];
+    if (layout?.state) {
+      mergedState = {
+        ...mergedState,
+        ...layout.state
+      };
+    }
+  }
+  if (pageInfo.page.state) {
+    mergedState = {
+      ...mergedState,
+      ...pageInfo.page.state
+    };
+  }
+  let mergedActionsMap = /* @__PURE__ */ new Map();
+  for (let i = layoutChain.length - 1; i >= 0; i--) {
+    const layout = layoutChain[i];
+    if (layout?.actions && Array.isArray(layout.actions)) {
+      for (const action of layout.actions) {
+        const actionDef = action;
+        mergedActionsMap.set(actionDef.name, action);
+      }
+    }
+  }
+  if (pageInfo.page.actions && Array.isArray(pageInfo.page.actions)) {
+    for (const action of pageInfo.page.actions) {
+      const actionDef = action;
+      mergedActionsMap.set(actionDef.name, action);
+    }
+  }
+  const mergedActions = Array.from(mergedActionsMap.values());
+  let mergedLifecycle;
+  for (let i = layoutChain.length - 1; i >= 0; i--) {
+    const layout = layoutChain[i];
+    if (layout?.lifecycle) {
+      mergedLifecycle = {
+        ...mergedLifecycle,
+        ...layout.lifecycle
+      };
+    }
+  }
+  if (pageInfo.page.lifecycle) {
+    mergedLifecycle = {
+      ...mergedLifecycle,
+      ...pageInfo.page.lifecycle
+    };
+  }
+  let namedSlots;
+  let effectiveRouteParams = routeParams;
+  if (!routeParams["slug"] && pageInfo.page.route?.path) {
+    const pathSegments = pageInfo.page.route.path.split("/").filter(Boolean);
+    const lastSegment = pathSegments[pathSegments.length - 1];
+    if (lastSegment && !lastSegment.startsWith(":")) {
+      effectiveRouteParams = { ...routeParams, slug: lastSegment };
+    }
+  }
+  if (pageInfo.loadedData && Object.keys(pageInfo.loadedData).length > 0) {
+    for (const dataSourceName of Object.keys(pageInfo.loadedData)) {
+      const slots = extractMdxContentSlot2(pageInfo.loadedData, dataSourceName, effectiveRouteParams);
+      if (slots) {
+        namedSlots = namedSlots ? { ...namedSlots, ...slots } : slots;
+        break;
+      }
+    }
+  }
+  if (!namedSlots && pageInfo.resolvedImports && Object.keys(pageInfo.resolvedImports).length > 0) {
+    for (const importName of Object.keys(pageInfo.resolvedImports)) {
+      const slots = extractMdxContentSlot2(
+        pageInfo.resolvedImports,
+        importName,
+        effectiveRouteParams
+      );
+      if (slots) {
+        namedSlots = slots;
+        break;
+      }
+    }
+  }
+  const pageWithImportData = pageInfo.page;
+  if (!namedSlots && pageWithImportData.importData && Object.keys(pageWithImportData.importData).length > 0) {
+    for (const importName of Object.keys(pageWithImportData.importData)) {
+      const slots = extractMdxContentSlot2(
+        pageWithImportData.importData,
+        importName,
+        effectiveRouteParams
+      );
+      if (slots) {
+        namedSlots = slots;
+        break;
+      }
+    }
+  }
   let currentView = pageInfo.page.view;
   for (const layout of layoutChain) {
     const normalizedLayoutView = normalizeViewNode(structuredClone(layout.view));
-    currentView = applyLayout(currentView, normalizedLayoutView);
+    currentView = applyLayout(currentView, normalizedLayoutView, namedSlots);
+  }
+  if (namedSlots && Object.keys(namedSlots).length > 0) {
+    currentView = replaceSlot(currentView, currentView, namedSlots);
   }
   const layoutParams = pageInfo.page.route?.layoutParams;
   if (layoutParams && Object.keys(layoutParams).length > 0) {
@@ -2645,7 +2774,10 @@ async function processLayouts(pageInfo, layoutsDir) {
     page: {
       ...pageInfo.page,
       view: currentView,
-      route: updatedRoute
+      route: updatedRoute,
+      state: Object.keys(mergedState).length > 0 ? mergedState : void 0,
+      actions: mergedActions.length > 0 ? mergedActions : void 0,
+      lifecycle: mergedLifecycle
     }
   };
   return updatedPageInfo;
@@ -2773,13 +2905,29 @@ async function build2(options) {
       if (!staticPathsResult || staticPathsResult.length === 0) {
         continue;
       }
-      if (layoutsDir) {
-        pageInfo = await processLayouts(pageInfo, layoutsDir);
-      }
       for (const pathEntry of staticPathsResult) {
         const params = pathEntry.params;
         const outputPath = paramsToOutputPath(route.pattern, params, outDir);
-        const program = await convertToCompiledProgram(pageInfo);
+        let boundPageInfo = pageInfo;
+        if (pathEntry.data && pageInfo.page.getStaticPaths?.source) {
+          const source = pageInfo.page.getStaticPaths.source;
+          const sourceName = typeof source === "string" ? source : source.name;
+          if (sourceName) {
+            boundPageInfo = {
+              ...pageInfo,
+              loadedData: {
+                ...pageInfo.loadedData,
+                [sourceName]: pathEntry.data
+                // Replace array with current item
+              }
+            };
+          }
+        }
+        let processedPageInfo = boundPageInfo;
+        if (layoutsDir) {
+          processedPageInfo = await processLayouts(boundPageInfo, layoutsDir, params);
+        }
+        const program = await convertToCompiledProgram(processedPageInfo);
         const html = await renderPageToHtml(program, params, runtimePath, cssPath);
         await mkdir2(dirname5(outputPath), { recursive: true });
         await writeFile(outputPath, html, "utf-8");
@@ -2792,11 +2940,22 @@ async function build2(options) {
         routes.push(routePath);
       }
     } else {
-      const outputPath = getOutputPath(relPathFromRoutesDir, outDir);
       const loader = new JsonPageLoader(projectRoot, { routesDir: absoluteRoutesDir });
       let pageInfo = await loader.loadPage(relPathFromProjectRoot);
+      let outputPath;
+      if (pageInfo.page.route?.path) {
+        const routePath = pageInfo.page.route.path;
+        const relativePath = routePath.startsWith("/") ? routePath.slice(1) : routePath;
+        if (relativePath === "" || relativePath === "/") {
+          outputPath = join9(outDir, "index.html");
+        } else {
+          outputPath = join9(outDir, relativePath, "index.html");
+        }
+      } else {
+        outputPath = getOutputPath(relPathFromRoutesDir, outDir);
+      }
       if (layoutsDir) {
-        pageInfo = await processLayouts(pageInfo, layoutsDir);
+        pageInfo = await processLayouts(pageInfo, layoutsDir, {});
       }
       const program = await convertToCompiledProgram(pageInfo);
       const html = await renderPageToHtml(program, {}, runtimePath, cssPath);

package/dist/cli/index.js

@@ -3,7 +3,7 @@ import {
   createDevServer,
   loadConfig,
   resolveConfig
-} from "../chunk-RBEPA2Z2.js";
+} from "../chunk-XOQABZYW.js";
 import "../chunk-PUTC5BCP.js";
 
 // src/cli/index.ts

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   transformCsv,
   transformMdx,
   transformYaml
-} from "./chunk-RBEPA2Z2.js";
+} from "./chunk-XOQABZYW.js";
 import {
   generateHydrationScript,
   renderPage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/start",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "description": "Meta-framework for Constela applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -43,11 +43,11 @@
     "postcss": "^8.5.0",
     "@tailwindcss/postcss": "^4.0.0",
     "tailwindcss": "^4.0.0",
-    "@constela/compiler": "0.7.1",
-    "@constela/core": "0.7.0",
     "@constela/router": "8.0.0",
-    "@constela/server": "3.0.1",
-    "@constela/runtime": "0.10.2"
+    "@constela/core": "0.7.0",
+    "@constela/runtime": "0.10.2",
+    "@constela/compiler": "0.7.1",
+    "@constela/server": "3.0.1"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",