@webtypen/webframez-react 0.0.32 → 0.0.34

package/dist/index.cjs

@@ -147,6 +147,7 @@ function sendRSC(res, model, options = {}) {
   } = options;
   res.statusCode = statusCode;
   res.setHeader("Content-Type", contentType);
+  res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate, proxy-revalidate");
   const stream = (0, import_server.renderToPipeableStream)(model, moduleMap, { onError });
   stream.pipe(res);
   return stream;
@@ -184,6 +185,7 @@ function createRSCHandler(options) {
 var import_node_fs = __toESM(require("node:fs"), 1);
 var import_node_module2 = __toESM(require("node:module"), 1);
 var import_node_path2 = __toESM(require("node:path"), 1);
+var import_route_slot = require("@webtypen/webframez-react/route-slot");
 
 // src/head.ts
 var ABSOLUTE_ASSET_URL_PATTERN = /^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;
@@ -273,6 +275,16 @@ function isRouteChildrenType(type) {
     return false;
   }
 }
+function isReactElementLike(node) {
+  if (!node || typeof node !== "object") {
+    return false;
+  }
+  try {
+    return "type" in node && "props" in node;
+  } catch {
+    return false;
+  }
+}
 function injectRouteChildren(node, routeChildren) {
   if (node === null || node === void 0 || typeof node === "boolean") {
     return node;
@@ -288,13 +300,17 @@ function injectRouteChildren(node, routeChildren) {
     });
     return changed ? next : node;
   }
-  if (!import_react.default.isValidElement(node)) {
+  if (isReactElementLike(node) && isRouteChildrenType(node.type)) {
+    return routeChildren;
+  }
+  const isValidElement = import_react.default.isValidElement(node);
+  if (!isValidElement && !isReactElementLike(node)) {
     return node;
   }
-  if (isRouteChildrenType(node.type)) {
+  if (isValidElement && isRouteChildrenType(node.type)) {
     return routeChildren;
   }
-  const props = node.props;
+  const props = node.props ?? {};
   if (!("children" in props)) {
     return node;
   }
@@ -302,10 +318,19 @@ function injectRouteChildren(node, routeChildren) {
   if (nextChildren === props.children) {
     return node;
   }
-  if (Array.isArray(nextChildren)) {
-    return import_react.default.cloneElement(node, void 0, ...nextChildren);
+  if (isValidElement) {
+    if (Array.isArray(nextChildren)) {
+      return import_react.default.cloneElement(node, void 0, ...nextChildren);
+    }
+    return import_react.default.cloneElement(node, void 0, nextChildren);
   }
-  return import_react.default.cloneElement(node, void 0, nextChildren);
+  const elementLike = node;
+  const nextProps = {
+    ...elementLike.props ?? {},
+    children: nextChildren,
+    ...elementLike.key !== void 0 && elementLike.key !== null ? { key: elementLike.key } : {}
+  };
+  return import_react.default.createElement(elementLike.type, nextProps);
 }
 
 // src/file-router.tsx
@@ -646,9 +671,12 @@ function createFileRouter(options) {
     const errorHead = await resolveHead(errorModule, errorProps);
     const layoutNode = layoutModule ? await layoutModule.default(context) : null;
     const model = layoutNode ? injectRouteChildren(layoutNode, errorNode) : errorNode;
+    const contextModel = layoutNode ? injectRouteChildren(layoutNode, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_route_slot.RouteChildrenSlot, {})) : void 0;
     return {
       statusCode,
       model,
+      contextModel,
+      pageModel: errorNode,
       head: mergeHead(layoutHead, errorHead)
     };
   }
@@ -768,9 +796,12 @@ function createFileRouter(options) {
       const pageHead = await resolveHead(pageModule, pageContext);
       const layoutNode = layoutModule ? await layoutModule.default(pageContext) : null;
       const model = layoutNode ? injectRouteChildren(layoutNode, pageNode) : pageNode;
+      const contextModel = layoutNode ? injectRouteChildren(layoutNode, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_route_slot.RouteChildrenSlot, {})) : void 0;
       return {
         statusCode: 200,
         model,
+        contextModel,
+        pageModel: pageNode,
         head: mergeHead(layoutHead, pageHead)
       };
     } catch (error) {
@@ -954,7 +985,21 @@ async function renderHtmlFromFlightData(flightData, moduleMap) {
       ? payload.model
       : payload;
 
-  return renderHtml(model);
+  const basename =
+    payload &&
+    typeof payload === "object" &&
+    payload.head &&
+    typeof payload.head.basename === "string"
+      ? payload.head.basename
+      : "";
+
+  const previousBasename = globalThis.__RSC_BASENAME;
+  globalThis.__RSC_BASENAME = basename;
+  try {
+    return await renderHtml(model);
+  } finally {
+    globalThis.__RSC_BASENAME = previousBasename;
+  }
 }
 
 process.on("message", async (message) => {
@@ -1291,16 +1336,16 @@ function createServerConsumerManifest(manifest) {
     }
     return requestKey;
   };
-  const addReference = (lookupKey, reference) => {
+  const addReference = (lookupKey, exportName, reference) => {
     if (!lookupKey || lookupKey.trim() === "") {
       return;
     }
-    if (lookupKey in consumerManifest) {
+    const normalizedExportName = exportName || "*";
+    consumerManifest[lookupKey] ??= {};
+    if (normalizedExportName in consumerManifest[lookupKey]) {
       return;
     }
-    consumerManifest[lookupKey] = {
-      "*": reference
-    };
+    consumerManifest[lookupKey][normalizedExportName] = reference;
   };
   for (const [key, value] of Object.entries(manifest)) {
     if (!value || typeof value !== "object") {
@@ -1317,9 +1362,35 @@ function createServerConsumerManifest(manifest) {
       name: entry.name ?? "*",
       ...entry.async ? { async: entry.async } : {}
     };
-    addReference(key, reference);
+    const hashIndex = key.lastIndexOf("#");
+    const keyWithoutExport = hashIndex > -1 ? key.slice(0, hashIndex) : key;
+    const keyExportName = hashIndex > -1 ? key.slice(hashIndex + 1) : "";
+    const manifestExportName = typeof entry.name === "string" && entry.name !== "*" ? entry.name : "";
+    const exportNames = new Set(
+      [keyExportName, manifestExportName].filter((name) => name.trim() !== "")
+    );
+    addReference(
+      key,
+      "*",
+      keyExportName ? { ...reference, name: keyExportName } : reference
+    );
+    addReference(keyWithoutExport, "*", reference);
+    for (const exportName of exportNames) {
+      const exportReference = {
+        ...reference,
+        name: exportName
+      };
+      addReference(keyWithoutExport, exportName, exportReference);
+      addReference(key, "*", exportReference);
+    }
     if (typeof entry.id === "number" && Number.isFinite(entry.id)) {
-      addReference(String(entry.id), reference);
+      addReference(String(entry.id), "*", reference);
+      for (const exportName of exportNames) {
+        addReference(String(entry.id), exportName, {
+          ...reference,
+          name: exportName
+        });
+      }
     }
   }
   return consumerManifest;
@@ -1421,6 +1492,8 @@ function createNodeRequestHandler(options) {
       );
       const payload = {
         model: resolved2.model,
+        contextModel: resolved2.contextModel,
+        pageModel: resolved2.pageModel,
         head: resolved2.head
       };
       sendRSC(res, payload, {
@@ -1443,6 +1516,7 @@ function createNodeRequestHandler(options) {
       } else if (ext === ".json") {
         res.setHeader("Content-Type", "application/json; charset=utf-8");
       }
+      res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate, proxy-revalidate");
       const stream = import_node_fs2.default.createReadStream(filePath);
       stream.on("error", () => {
         res.statusCode = 404;
@@ -1466,6 +1540,8 @@ function createNodeRequestHandler(options) {
     );
     const initialPayload = {
       model: resolved.model,
+      contextModel: resolved.contextModel,
+      pageModel: resolved.pageModel,
       head: resolved.head
     };
     const initialFlightData = await renderRSCToString(initialPayload, {

package/dist/index.js

@@ -111,6 +111,7 @@ function sendRSC(res, model, options = {}) {
   } = options;
   res.statusCode = statusCode;
   res.setHeader("Content-Type", contentType);
+  res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate, proxy-revalidate");
   const stream = renderToPipeableStream(model, moduleMap, { onError });
   stream.pipe(res);
   return stream;
@@ -148,6 +149,7 @@ function createRSCHandler(options) {
 import fs from "node:fs";
 import Module from "node:module";
 import path2 from "node:path";
+import { RouteChildrenSlot } from "@webtypen/webframez-react/route-slot";
 
 // src/head.ts
 var ABSOLUTE_ASSET_URL_PATTERN = /^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;
@@ -237,6 +239,16 @@ function isRouteChildrenType(type) {
     return false;
   }
 }
+function isReactElementLike(node) {
+  if (!node || typeof node !== "object") {
+    return false;
+  }
+  try {
+    return "type" in node && "props" in node;
+  } catch {
+    return false;
+  }
+}
 function injectRouteChildren(node, routeChildren) {
   if (node === null || node === void 0 || typeof node === "boolean") {
     return node;
@@ -252,13 +264,17 @@ function injectRouteChildren(node, routeChildren) {
     });
     return changed ? next : node;
   }
-  if (!React.isValidElement(node)) {
+  if (isReactElementLike(node) && isRouteChildrenType(node.type)) {
+    return routeChildren;
+  }
+  const isValidElement = React.isValidElement(node);
+  if (!isValidElement && !isReactElementLike(node)) {
     return node;
   }
-  if (isRouteChildrenType(node.type)) {
+  if (isValidElement && isRouteChildrenType(node.type)) {
     return routeChildren;
   }
-  const props = node.props;
+  const props = node.props ?? {};
   if (!("children" in props)) {
     return node;
   }
@@ -266,10 +282,19 @@ function injectRouteChildren(node, routeChildren) {
   if (nextChildren === props.children) {
     return node;
   }
-  if (Array.isArray(nextChildren)) {
-    return React.cloneElement(node, void 0, ...nextChildren);
+  if (isValidElement) {
+    if (Array.isArray(nextChildren)) {
+      return React.cloneElement(node, void 0, ...nextChildren);
+    }
+    return React.cloneElement(node, void 0, nextChildren);
   }
-  return React.cloneElement(node, void 0, nextChildren);
+  const elementLike = node;
+  const nextProps = {
+    ...elementLike.props ?? {},
+    children: nextChildren,
+    ...elementLike.key !== void 0 && elementLike.key !== null ? { key: elementLike.key } : {}
+  };
+  return React.createElement(elementLike.type, nextProps);
 }
 
 // src/file-router.tsx
@@ -610,9 +635,12 @@ function createFileRouter(options) {
     const errorHead = await resolveHead(errorModule, errorProps);
     const layoutNode = layoutModule ? await layoutModule.default(context) : null;
     const model = layoutNode ? injectRouteChildren(layoutNode, errorNode) : errorNode;
+    const contextModel = layoutNode ? injectRouteChildren(layoutNode, /* @__PURE__ */ jsx(RouteChildrenSlot, {})) : void 0;
     return {
       statusCode,
       model,
+      contextModel,
+      pageModel: errorNode,
       head: mergeHead(layoutHead, errorHead)
     };
   }
@@ -732,9 +760,12 @@ function createFileRouter(options) {
       const pageHead = await resolveHead(pageModule, pageContext);
       const layoutNode = layoutModule ? await layoutModule.default(pageContext) : null;
       const model = layoutNode ? injectRouteChildren(layoutNode, pageNode) : pageNode;
+      const contextModel = layoutNode ? injectRouteChildren(layoutNode, /* @__PURE__ */ jsx(RouteChildrenSlot, {})) : void 0;
       return {
         statusCode: 200,
         model,
+        contextModel,
+        pageModel: pageNode,
         head: mergeHead(layoutHead, pageHead)
       };
     } catch (error) {
@@ -918,7 +949,21 @@ async function renderHtmlFromFlightData(flightData, moduleMap) {
       ? payload.model
       : payload;
 
-  return renderHtml(model);
+  const basename =
+    payload &&
+    typeof payload === "object" &&
+    payload.head &&
+    typeof payload.head.basename === "string"
+      ? payload.head.basename
+      : "";
+
+  const previousBasename = globalThis.__RSC_BASENAME;
+  globalThis.__RSC_BASENAME = basename;
+  try {
+    return await renderHtml(model);
+  } finally {
+    globalThis.__RSC_BASENAME = previousBasename;
+  }
 }
 
 process.on("message", async (message) => {
@@ -1255,16 +1300,16 @@ function createServerConsumerManifest(manifest) {
     }
     return requestKey;
   };
-  const addReference = (lookupKey, reference) => {
+  const addReference = (lookupKey, exportName, reference) => {
     if (!lookupKey || lookupKey.trim() === "") {
       return;
     }
-    if (lookupKey in consumerManifest) {
+    const normalizedExportName = exportName || "*";
+    consumerManifest[lookupKey] ??= {};
+    if (normalizedExportName in consumerManifest[lookupKey]) {
       return;
     }
-    consumerManifest[lookupKey] = {
-      "*": reference
-    };
+    consumerManifest[lookupKey][normalizedExportName] = reference;
   };
   for (const [key, value] of Object.entries(manifest)) {
     if (!value || typeof value !== "object") {
@@ -1281,9 +1326,35 @@ function createServerConsumerManifest(manifest) {
       name: entry.name ?? "*",
       ...entry.async ? { async: entry.async } : {}
     };
-    addReference(key, reference);
+    const hashIndex = key.lastIndexOf("#");
+    const keyWithoutExport = hashIndex > -1 ? key.slice(0, hashIndex) : key;
+    const keyExportName = hashIndex > -1 ? key.slice(hashIndex + 1) : "";
+    const manifestExportName = typeof entry.name === "string" && entry.name !== "*" ? entry.name : "";
+    const exportNames = new Set(
+      [keyExportName, manifestExportName].filter((name) => name.trim() !== "")
+    );
+    addReference(
+      key,
+      "*",
+      keyExportName ? { ...reference, name: keyExportName } : reference
+    );
+    addReference(keyWithoutExport, "*", reference);
+    for (const exportName of exportNames) {
+      const exportReference = {
+        ...reference,
+        name: exportName
+      };
+      addReference(keyWithoutExport, exportName, exportReference);
+      addReference(key, "*", exportReference);
+    }
     if (typeof entry.id === "number" && Number.isFinite(entry.id)) {
-      addReference(String(entry.id), reference);
+      addReference(String(entry.id), "*", reference);
+      for (const exportName of exportNames) {
+        addReference(String(entry.id), exportName, {
+          ...reference,
+          name: exportName
+        });
+      }
     }
   }
   return consumerManifest;
@@ -1385,6 +1456,8 @@ function createNodeRequestHandler(options) {
       );
       const payload = {
         model: resolved2.model,
+        contextModel: resolved2.contextModel,
+        pageModel: resolved2.pageModel,
         head: resolved2.head
       };
       sendRSC(res, payload, {
@@ -1407,6 +1480,7 @@ function createNodeRequestHandler(options) {
       } else if (ext === ".json") {
         res.setHeader("Content-Type", "application/json; charset=utf-8");
       }
+      res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate, proxy-revalidate");
       const stream = fs2.createReadStream(filePath);
       stream.on("error", () => {
         res.statusCode = 404;
@@ -1430,6 +1504,8 @@ function createNodeRequestHandler(options) {
     );
     const initialPayload = {
       model: resolved.model,
+      contextModel: resolved.contextModel,
+      pageModel: resolved.pageModel,
       head: resolved.head
     };
     const initialFlightData = await renderRSCToString(initialPayload, {

package/dist/route-slot.cjs

@@ -0,0 +1,53 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/route-slot.tsx
+var route_slot_exports = {};
+__export(route_slot_exports, {
+  RouteChildrenSlot: () => RouteChildrenSlot,
+  RouteChildrenSlotProvider: () => RouteChildrenSlotProvider
+});
+module.exports = __toCommonJS(route_slot_exports);
+var import_react = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var RouteChildrenSlotContext = import_react.default.createContext(null);
+function RouteChildrenSlotProvider({
+  children,
+  page
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RouteChildrenSlotContext.Provider, { value: page, children });
+}
+function RouteChildrenSlot() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: import_react.default.useContext(RouteChildrenSlotContext) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RouteChildrenSlot,
+  RouteChildrenSlotProvider
+});

package/dist/route-slot.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+
+export function RouteChildrenSlotProvider(props: {
+  children: ReactNode;
+  page: ReactNode;
+}): ReactNode;
+export function RouteChildrenSlot(): ReactNode;

package/dist/route-slot.js

@@ -0,0 +1,19 @@
+"use client";
+
+// src/route-slot.tsx
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var RouteChildrenSlotContext = React.createContext(null);
+function RouteChildrenSlotProvider({
+  children,
+  page
+}) {
+  return /* @__PURE__ */ jsx(RouteChildrenSlotContext.Provider, { value: page, children });
+}
+function RouteChildrenSlot() {
+  return /* @__PURE__ */ jsx(Fragment, { children: React.useContext(RouteChildrenSlotContext) });
+}
+export {
+  RouteChildrenSlot,
+  RouteChildrenSlotProvider
+};

package/dist/router.cjs

@@ -40,6 +40,7 @@ module.exports = __toCommonJS(router_exports);
 var import_node_fs = __toESM(require("node:fs"), 1);
 var import_node_module = __toESM(require("node:module"), 1);
 var import_node_path = __toESM(require("node:path"), 1);
+var import_route_slot = require("@webtypen/webframez-react/route-slot");
 
 // src/head.ts
 var ABSOLUTE_ASSET_URL_PATTERN = /^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;
@@ -129,6 +130,16 @@ function isRouteChildrenType(type) {
     return false;
   }
 }
+function isReactElementLike(node) {
+  if (!node || typeof node !== "object") {
+    return false;
+  }
+  try {
+    return "type" in node && "props" in node;
+  } catch {
+    return false;
+  }
+}
 function injectRouteChildren(node, routeChildren) {
   if (node === null || node === void 0 || typeof node === "boolean") {
     return node;
@@ -144,13 +155,17 @@ function injectRouteChildren(node, routeChildren) {
     });
     return changed ? next : node;
   }
-  if (!import_react.default.isValidElement(node)) {
+  if (isReactElementLike(node) && isRouteChildrenType(node.type)) {
+    return routeChildren;
+  }
+  const isValidElement = import_react.default.isValidElement(node);
+  if (!isValidElement && !isReactElementLike(node)) {
     return node;
   }
-  if (isRouteChildrenType(node.type)) {
+  if (isValidElement && isRouteChildrenType(node.type)) {
     return routeChildren;
   }
-  const props = node.props;
+  const props = node.props ?? {};
   if (!("children" in props)) {
     return node;
   }
@@ -158,10 +173,19 @@ function injectRouteChildren(node, routeChildren) {
   if (nextChildren === props.children) {
     return node;
   }
-  if (Array.isArray(nextChildren)) {
-    return import_react.default.cloneElement(node, void 0, ...nextChildren);
+  if (isValidElement) {
+    if (Array.isArray(nextChildren)) {
+      return import_react.default.cloneElement(node, void 0, ...nextChildren);
+    }
+    return import_react.default.cloneElement(node, void 0, nextChildren);
   }
-  return import_react.default.cloneElement(node, void 0, nextChildren);
+  const elementLike = node;
+  const nextProps = {
+    ...elementLike.props ?? {},
+    children: nextChildren,
+    ...elementLike.key !== void 0 && elementLike.key !== null ? { key: elementLike.key } : {}
+  };
+  return import_react.default.createElement(elementLike.type, nextProps);
 }
 
 // src/file-router.tsx
@@ -502,9 +526,12 @@ function createFileRouter(options) {
     const errorHead = await resolveHead(errorModule, errorProps);
     const layoutNode = layoutModule ? await layoutModule.default(context) : null;
     const model = layoutNode ? injectRouteChildren(layoutNode, errorNode) : errorNode;
+    const contextModel = layoutNode ? injectRouteChildren(layoutNode, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_route_slot.RouteChildrenSlot, {})) : void 0;
     return {
       statusCode,
       model,
+      contextModel,
+      pageModel: errorNode,
       head: mergeHead(layoutHead, errorHead)
     };
   }
@@ -624,9 +651,12 @@ function createFileRouter(options) {
       const pageHead = await resolveHead(pageModule, pageContext);
       const layoutNode = layoutModule ? await layoutModule.default(pageContext) : null;
       const model = layoutNode ? injectRouteChildren(layoutNode, pageNode) : pageNode;
+      const contextModel = layoutNode ? injectRouteChildren(layoutNode, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_route_slot.RouteChildrenSlot, {})) : void 0;
       return {
         statusCode: 200,
         model,
+        contextModel,
+        pageModel: pageNode,
         head: mergeHead(layoutHead, pageHead)
       };
     } catch (error) {

package/dist/router.d.ts

@@ -5,6 +5,8 @@ export type ResolvedRoute = {
   statusCode: number;
   model: ReactNode;
   head: HeadConfig;
+  contextModel?: ReactNode;
+  pageModel?: ReactNode;
 };
 
 export function createFileRouter(options: { pagesDir: string }): {