@webtypen/webframez-react 0.0.38 → 0.0.40

package/dist/client.cjs

@@ -1 +1 @@
-var ce=Object.create;var E=Object.defineProperty;var de=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,fe=Object.prototype.hasOwnProperty;var pe=(e,t)=>{for(var n in t)E(e,n,{get:t[n],enumerable:!0})},U=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ue(t))!fe.call(e,r)&&r!==n&&E(e,r,{get:()=>t[r],enumerable:!(o=de(t,r))||o.enumerable});return e};var H=(e,t,n)=>(n=e!=null?ce(le(e)):{},U(t||!e||!e.__esModule?E(n,"default",{value:e,enumerable:!0}):n,e)),me=e=>U(E({},"__esModule",{value:!0}),e);var ke={};pe(ke,{mountWebframezClient:()=>Oe,useCookie:()=>Ne,useRouter:()=>ve});module.exports=me(ke);var s=H(require("react"),1),K=require("react-dom/client"),w=require("react-server-dom-webpack/client"),V=require("@webtypen/webframez-react/route-slot");var Re=/^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;function u(e){if(typeof e!="string")return;let t=e.trim();return!t||t==="/"?"":t.replace(/\/+$/,"")}function z(e,t){let n=e.trim(),o=u(t);return!n||!o||Re.test(n)||n.startsWith("/")||o!=="/"&&(n===o||n.startsWith(`${o}/`))?n:o==="/"?n.startsWith("/")?n:`/${n}`:n.startsWith("/")?`${o}${n}`:`${o}/${n}`}function S(e,t){if(!e)return;let n=u(e.basename)??u(t),o=u(e.routeBasePath),r=u(e.transportBasePath),a={...e,...n!==void 0?{basename:n}:{},...o!==void 0?{routeBasePath:o}:{},...r!==void 0?{transportBasePath:r}:{}};return a.favicon&&(a.favicon=z(a.favicon,n)),a.links&&(a.links=a.links.map(c=>({...c,href:z(c.href,n)}))),a}var m=H(require("react"),1),D="webframez-route-children",W="__webframezRouteChildren",F="WebframezRouteChildren",N=()=>m.default.createElement(D);N.displayName=F;N[W]=!0;var we=N;function M(e){if(e===D||e===we)return!0;if(!e||typeof e!="function"&&typeof e!="object")return!1;try{let t=e;return t[W]===!0||t.displayName===F||t.name==="RouteChildren"}catch{return!1}}function $(e){if(!e||typeof e!="object")return!1;try{return"type"in e&&"props"in e}catch{return!1}}function A(e,t){if(e==null||typeof e=="boolean")return e;if(Array.isArray(e)){let l=!1,_=e.map(p=>{let h=A(p,t);return h!==p&&(l=!0),h});return l?_:e}if($(e)&&M(e.type))return t;let n=m.default.isValidElement(e);if(!n&&!$(e))return e;if(n&&M(e.type))return t;let o=e.props??{};if(!("children"in o))return e;let r=A(o.children,t);if(r===o.children)return e;if(n)return Array.isArray(r)?m.default.cloneElement(e,void 0,...r):m.default.cloneElement(e,void 0,r);let a=e,c={...a.props??{},children:r,...a.key!==void 0&&a.key!==null?{key:a.key}:{}};return m.default.createElement(a.type,c)}var d=require("react/jsx-runtime"),_e={push:()=>{},replace:()=>{},refresh:()=>{},refreshContext:()=>{}},T=typeof s.default.createContext=="function"?s.default.createContext(null):null,X="__WEBFRAMEZ_ROUTER__",he="__WEBFRAMEZ_REACT_BUILD_ID",ge="x-webframez-react-build",Ce="[data-webframez-head='true']";function j(){if(typeof window>"u"||typeof document>"u")return;let e=()=>{window.scrollTo({top:0,left:0}),document.scrollingElement&&(document.scrollingElement.scrollTop=0),document.documentElement.scrollTop=0,document.body&&(document.body.scrollTop=0)};if(typeof window.requestAnimationFrame=="function"){window.requestAnimationFrame(e);return}window.setTimeout(e,0)}function I(e){return u(e)??""}function ye(e,t){return t?e===t?"/":e.startsWith(`${t}/`)?e.slice(t.length)||"/":e||"/":e||"/"}function J(e,t){let n=!t||t==="/"?"/":t.startsWith("/")?t:`/${t}`;return e?n==="/"?e:`${e}${n}`:n}function Ee(){return I(typeof window>"u"?globalThis.__RSC_ROUTE_BASE_PATH:window.__RSC_ROUTE_BASE_PATH)}function Q(e){if(typeof window>"u")return e||"/";let t=I(window.__RSC_BASENAME),n=Ee(),o=ye(e||"/",t);return J(n,o)}function ee(e){if(typeof window>"u")return e;let t=window.__RSC_ENDPOINT;return typeof t=="string"&&t.trim()!==""?t:e}function Ae(){if(typeof window>"u")return"";let e=window[he];return typeof e=="string"?e:""}function Te(e){let t=Ae();return!!t&&!!e&&t!==e}function v(e){typeof window>"u"||window.location.assign(`${e.pathname}${e.search}${e.hash}`)}function Pe(){return typeof window>"u"?null:window[X]??null}function Se(e){typeof window>"u"||(window[X]=e)}function G(){let e={},t=typeof document>"u"?"":document.cookie;if(!t||t.trim()==="")return e;for(let n of t.split(";")){let o=n.trim();if(!o)continue;let r=o.indexOf("="),a=r>=0?o.slice(0,r).trim():o,c=r>=0?o.slice(r+1):"";a&&(e[a]=decodeURIComponent(c))}return e}function q(e,t,n={}){let o=[`${e}=${encodeURIComponent(t)}`];return n.path&&o.push(`Path=${n.path}`),n.domain&&o.push(`Domain=${n.domain}`),typeof n.maxAge=="number"&&o.push(`Max-Age=${Math.floor(n.maxAge)}`),n.expires&&o.push(`Expires=${n.expires.toUTCString()}`),n.sameSite&&o.push(`SameSite=${n.sameSite}`),n.secure&&o.push("Secure"),o.join("; ")}function Ne(){return s.default.useMemo(()=>({all:()=>G(),get:e=>G()[e],set:(e,t,n)=>{typeof document>"u"||(document.cookie=q(e,t,n))},remove:(e,t)=>{typeof document>"u"||(document.cookie=q(e,"",{...t??{},maxAge:0}))}}),[])}function ve(){let e=T?s.default.useContext(T):null;if(!e){let t=Pe();if(t)return t;if(typeof window>"u")return _e;throw new Error("useRouter must be used inside mountWebframezClient()")}return e}function xe({active:e}){return(0,d.jsx)("div",{style:{position:"fixed",top:0,left:0,width:"100%",height:3,zIndex:9999,transformOrigin:"left",transform:e?"scaleX(1)":"scaleX(0)",transition:"transform 180ms ease",background:"linear-gradient(90deg, #0ea5e9, #22c55e)"}})}function Y(e){let t=document.createElement("meta");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function Z(e){let t=document.createElement("link");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function x(e){if(typeof document>"u")return;let t=S(e)??e;te(t),document.title=t.title||"Webframez React";for(let n of document.head.querySelectorAll(Ce))n.remove();t.description&&Y({name:"description",content:t.description}),t.favicon&&Z({rel:"icon",href:t.favicon});for(let n of t.meta??[])Y(n);for(let n of t.links??[])Z(n)}function te(e){if(typeof window>"u")return;let t=S(e)??e,n=u(t.basename),o=u(t.routeBasePath),r=u(t.transportBasePath);window.__RSC_BASENAME=n??"",window.__RSC_ROUTE_BASE_PATH=o??"",r!==void 0&&(window.__RSC_ENDPOINT=J(r,"/rsc"))}function Ie(e){let t=new TextEncoder;return new ReadableStream({start(n){n.enqueue(t.encode(e)),n.close()}})}function Be(){if(typeof window>"u")return null;let e=window.__RSC_INITIAL_PAYLOAD;return typeof e!="string"||e===""?null:(delete window.__RSC_INITIAL_PAYLOAD,(0,w.createFromReadableStream)(Ie(e)))}function Le(e){let t=ee(e),n=Q(window.location.pathname);return Be()??(0,w.createFromFetch)(fetch(`${t}?path=${encodeURIComponent(n)}&search=${encodeURIComponent(window.location.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}}))}function be(e,t){return function(){let o=s.default.use(e),r=typeof o.contextModel<"u"&&typeof o.pageModel<"u",[a,c]=(0,s.useState)(o.model),[l,_]=(0,s.useState)(o.contextModel),[p,h]=(0,s.useState)(o.pageModel),[B,L]=(0,s.useState)(o.head),[ne,g]=(0,s.useState)(!1),[oe,re]=(0,s.useState)(!1),[ie,P]=(0,s.useState)(r);async function b(i){let y=ee(t),f=Q(i.pathname),R=await fetch(`${y}?path=${encodeURIComponent(f)}&search=${encodeURIComponent(i.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}});return Te(R.headers.get(ge))?(v(i),await new Promise(()=>{})):await(0,w.createFromFetch)(Promise.resolve(R))}async function C(i,y="push"){g(!0);try{let f=await b(i);x(f.head),L(f.head),c(f.model),_(f.contextModel),h(f.pageModel),P(!0);let R=`${i.pathname}${i.search}${i.hash}`;y==="replace"?(history.replaceState(null,"",R),j()):y==="push"&&(history.pushState(null,"",R),j())}catch(f){console.error("[webframez-react] Failed to render route",f),v(i),c((0,d.jsx)("p",{children:"Failed to load route."}))}finally{g(!1)}}async function ae(){g(!0);try{let i=await b(new URL(window.location.href));if(x(i.head),L(i.head),Object.prototype.hasOwnProperty.call(i,"contextModel")){_(i.contextModel),P(!0);return}c(i.model),P(!1)}catch(i){console.error("[webframez-react] Failed to refresh route context",i),v(new URL(window.location.href))}finally{g(!1)}}(0,s.useEffect)(()=>{x(B)},[B]),(0,s.useEffect)(()=>{re(!0);let i=()=>{C(new URL(window.location.href),"none")};return window.addEventListener("popstate",i),()=>{window.removeEventListener("popstate",i)}},[]);let O=s.default.useMemo(()=>({push:i=>{C(new URL(i,window.location.origin),"push")},replace:i=>{C(new URL(i,window.location.origin),"replace")},refresh:()=>{C(new URL(window.location.href),"none")},refreshContext:()=>{ae()}}),[]);Se(O);let se=ie&&typeof p<"u"?l?(0,d.jsx)(V.RouteChildrenSlotProvider,{page:p,children:A(l,p)}):p:a,k=(0,d.jsxs)(d.Fragment,{children:[oe?(0,d.jsx)(xe,{active:ne}):null,se??(0,d.jsx)("p",{style:{padding:24},children:"Loading..."})]});return T?(0,d.jsx)(T.Provider,{value:O,children:k}):k}}function Oe(e={}){let t=e.rootId??"root",n=document.getElementById(t);if(!n)throw new Error(`Missing #${t} element`);let o=typeof window<"u"&&window.__RSC_ENDPOINT,r=e.rscEndpoint??o??"/rsc",a=Promise.resolve(Le(r)).then(l=>(l?.head&&te(l.head),l)),c=be(a,r);return(0,K.hydrateRoot)(n,(0,d.jsx)(c,{}))}
+var ce=Object.create;var E=Object.defineProperty;var de=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,fe=Object.prototype.hasOwnProperty;var pe=(e,t)=>{for(var n in t)E(e,n,{get:t[n],enumerable:!0})},U=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ue(t))!fe.call(e,r)&&r!==n&&E(e,r,{get:()=>t[r],enumerable:!(o=de(t,r))||o.enumerable});return e};var H=(e,t,n)=>(n=e!=null?ce(le(e)):{},U(t||!e||!e.__esModule?E(n,"default",{value:e,enumerable:!0}):n,e)),me=e=>U(E({},"__esModule",{value:!0}),e);var ke={};pe(ke,{mountWebframezClient:()=>Oe,useCookie:()=>Ne,useRouter:()=>ve});module.exports=me(ke);var s=H(require("react"),1),K=require("react-dom/client"),w=require("react-server-dom-webpack/client"),V=require("@webtypen/webframez-react/route-slot");var Re=/^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;function u(e){if(typeof e!="string")return;let t=e.trim();return!t||t==="/"?"":t.replace(/\/+$/,"")}function z(e,t){let n=e.trim(),o=u(t);return!n||!o||Re.test(n)||n.startsWith("/")||o!=="/"&&(n===o||n.startsWith(`${o}/`))?n:o==="/"?n.startsWith("/")?n:`/${n}`:n.startsWith("/")?`${o}${n}`:`${o}/${n}`}function S(e,t){if(!e)return;let n=u(e.basename)??u(t),o=u(e.routeBasePath),r=u(e.transportBasePath),a={...e,...n!==void 0?{basename:n}:{},...o!==void 0?{routeBasePath:o}:{},...r!==void 0?{transportBasePath:r}:{}};return a.favicon&&(a.favicon=z(a.favicon,n)),a.links&&(a.links=a.links.map(c=>({...c,href:z(c.href,n)}))),a}var m=H(require("react"),1),D="webframez-route-children",W="__webframezRouteChildren",F="WebframezRouteChildren",N=()=>m.default.createElement(D);N.displayName=F;N[W]=!0;var we=N;function M(e){if(e===D||e===we)return!0;if(!e||typeof e!="function"&&typeof e!="object")return!1;try{let t=e;return t[W]===!0||t.displayName===F||t.name==="RouteChildren"}catch{return!1}}function $(e){if(!e||typeof e!="object")return!1;try{return"type"in e&&"props"in e}catch{return!1}}function A(e,t){if(e==null||typeof e=="boolean")return e;if(Array.isArray(e)){let l=!1,_=e.map(p=>{let h=A(p,t);return h!==p&&(l=!0),h});return l?_:e}if($(e)&&M(e.type))return t;let n=m.default.isValidElement(e);if(!n&&!$(e))return e;if(n&&M(e.type))return t;let o=e.props??{};if(!("children"in o))return e;let r=A(o.children,t);if(r===o.children)return e;if(n)return Array.isArray(r)?m.default.cloneElement(e,void 0,...r):m.default.cloneElement(e,void 0,r);let a=e,c={...a.props??{},children:r,...a.key!==void 0&&a.key!==null?{key:a.key}:{}};return m.default.createElement(a.type,c)}var d=require("react/jsx-runtime"),_e={push:()=>{},replace:()=>{},refresh:()=>{},refreshContext:()=>{}},T=typeof s.default.createContext=="function"?s.default.createContext(null):null,X="__WEBFRAMEZ_ROUTER__",he="__WEBFRAMEZ_REACT_BUILD_ID",ge="x-webframez-react-build",Ce="[data-webframez-head='true']";function j(){if(typeof window>"u"||typeof document>"u")return;let e=()=>{window.scrollTo({top:0,left:0}),document.scrollingElement&&(document.scrollingElement.scrollTop=0),document.documentElement.scrollTop=0,document.body&&(document.body.scrollTop=0)};if(typeof window.requestAnimationFrame=="function"){window.requestAnimationFrame(e);return}window.setTimeout(e,0)}function I(e){return u(e)??""}function ye(e,t){return t?e===t?"/":e.startsWith(`${t}/`)?e.slice(t.length)||"/":e||"/":e||"/"}function J(e,t){let n=!t||t==="/"?"/":t.startsWith("/")?t:`/${t}`;return e?n==="/"?e:`${e}${n}`:n}function Ee(){return I(typeof window>"u"?globalThis.__RSC_ROUTE_BASE_PATH:window.__RSC_ROUTE_BASE_PATH)}function Q(e){if(typeof window>"u")return e||"/";let t=I(window.__RSC_BASENAME),n=Ee(),o=ye(e||"/",t);return J(n,o)}function ee(e){if(typeof window>"u")return e;let t=window.__RSC_ENDPOINT;return typeof t=="string"&&t.trim()!==""?t:e}function Ae(){if(typeof window>"u")return"";let e=window[he];return typeof e=="string"?e:""}function Te(e){let t=Ae();return!!t&&!!e&&t!==e}function v(e){typeof window>"u"||window.location.assign(`${e.pathname}${e.search}${e.hash}`)}function Pe(){return typeof window>"u"?null:window[X]??null}function Se(e){typeof window>"u"||(window[X]=e)}function G(){let e={},t=typeof document>"u"?"":document.cookie;if(!t||t.trim()==="")return e;for(let n of t.split(";")){let o=n.trim();if(!o)continue;let r=o.indexOf("="),a=r>=0?o.slice(0,r).trim():o,c=r>=0?o.slice(r+1):"";a&&(e[a]=decodeURIComponent(c))}return e}function q(e,t,n={}){let o=[`${e}=${encodeURIComponent(t)}`];return n.path&&o.push(`Path=${n.path}`),n.domain&&o.push(`Domain=${n.domain}`),typeof n.maxAge=="number"&&o.push(`Max-Age=${Math.floor(n.maxAge)}`),n.expires&&o.push(`Expires=${n.expires.toUTCString()}`),n.sameSite&&o.push(`SameSite=${n.sameSite}`),n.secure&&o.push("Secure"),o.join("; ")}function Ne(){return s.default.useMemo(()=>({all:()=>G(),get:e=>G()[e],set:(e,t,n)=>{typeof document>"u"||(document.cookie=q(e,t,n))},remove:(e,t)=>{typeof document>"u"||(document.cookie=q(e,"",{...t??{},maxAge:0}))}}),[])}function ve(){let e=T?s.default.useContext(T):null;if(!e){let t=Pe();if(t)return t;if(typeof window>"u")return _e;throw new Error("useRouter must be used inside mountWebframezClient()")}return e}function xe({active:e}){return(0,d.jsx)("div",{style:{position:"fixed",top:0,left:0,width:"100%",height:3,zIndex:9999,transformOrigin:"left",transform:e?"scaleX(1)":"scaleX(0)",transition:"transform 180ms ease",background:"linear-gradient(90deg, #0ea5e9, #22c55e)"}})}function Y(e){let t=document.createElement("meta");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function Z(e){let t=document.createElement("link");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function x(e){if(typeof document>"u")return;let t=S(e)??e;te(t),document.body.className=t.bodyClassName||"",document.title=t.title||"Webframez React";for(let n of document.head.querySelectorAll(Ce))n.remove();t.description&&Y({name:"description",content:t.description}),t.favicon&&Z({rel:"icon",href:t.favicon});for(let n of t.meta??[])Y(n);for(let n of t.links??[])Z(n)}function te(e){if(typeof window>"u")return;let t=S(e)??e,n=u(t.basename),o=u(t.routeBasePath),r=u(t.transportBasePath);window.__RSC_BASENAME=n??"",window.__RSC_ROUTE_BASE_PATH=o??"",r!==void 0&&(window.__RSC_ENDPOINT=J(r,"/rsc"))}function Ie(e){let t=new TextEncoder;return new ReadableStream({start(n){n.enqueue(t.encode(e)),n.close()}})}function Be(){if(typeof window>"u")return null;let e=window.__RSC_INITIAL_PAYLOAD;return typeof e!="string"||e===""?null:(delete window.__RSC_INITIAL_PAYLOAD,(0,w.createFromReadableStream)(Ie(e)))}function be(e){let t=ee(e),n=Q(window.location.pathname);return Be()??(0,w.createFromFetch)(fetch(`${t}?path=${encodeURIComponent(n)}&search=${encodeURIComponent(window.location.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}}))}function Le(e,t){return function(){let o=s.default.use(e),r=typeof o.contextModel<"u"&&typeof o.pageModel<"u",[a,c]=(0,s.useState)(o.model),[l,_]=(0,s.useState)(o.contextModel),[p,h]=(0,s.useState)(o.pageModel),[B,b]=(0,s.useState)(o.head),[ne,g]=(0,s.useState)(!1),[oe,re]=(0,s.useState)(!1),[ie,P]=(0,s.useState)(r);async function L(i){let y=ee(t),f=Q(i.pathname),R=await fetch(`${y}?path=${encodeURIComponent(f)}&search=${encodeURIComponent(i.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}});return Te(R.headers.get(ge))?(v(i),await new Promise(()=>{})):await(0,w.createFromFetch)(Promise.resolve(R))}async function C(i,y="push"){g(!0);try{let f=await L(i);x(f.head),b(f.head),c(f.model),_(f.contextModel),h(f.pageModel),P(!0);let R=`${i.pathname}${i.search}${i.hash}`;y==="replace"?(history.replaceState(null,"",R),j()):y==="push"&&(history.pushState(null,"",R),j())}catch(f){console.error("[webframez-react] Failed to render route",f),v(i),c((0,d.jsx)("p",{children:"Failed to load route."}))}finally{g(!1)}}async function ae(){g(!0);try{let i=await L(new URL(window.location.href));if(x(i.head),b(i.head),Object.prototype.hasOwnProperty.call(i,"contextModel")){_(i.contextModel),P(!0);return}c(i.model),P(!1)}catch(i){console.error("[webframez-react] Failed to refresh route context",i),v(new URL(window.location.href))}finally{g(!1)}}(0,s.useEffect)(()=>{x(B)},[B]),(0,s.useEffect)(()=>{re(!0);let i=()=>{C(new URL(window.location.href),"none")};return window.addEventListener("popstate",i),()=>{window.removeEventListener("popstate",i)}},[]);let O=s.default.useMemo(()=>({push:i=>{C(new URL(i,window.location.origin),"push")},replace:i=>{C(new URL(i,window.location.origin),"replace")},refresh:()=>{C(new URL(window.location.href),"none")},refreshContext:()=>{ae()}}),[]);Se(O);let se=ie&&typeof p<"u"?l?(0,d.jsx)(V.RouteChildrenSlotProvider,{page:p,children:A(l,p)}):p:a,k=(0,d.jsxs)(d.Fragment,{children:[oe?(0,d.jsx)(xe,{active:ne}):null,se??(0,d.jsx)("p",{style:{padding:24},children:"Loading..."})]});return T?(0,d.jsx)(T.Provider,{value:O,children:k}):k}}function Oe(e={}){let t=e.rootId??"root",n=document.getElementById(t);if(!n)throw new Error(`Missing #${t} element`);let o=typeof window<"u"&&window.__RSC_ENDPOINT,r=e.rscEndpoint??o??"/rsc",a=Promise.resolve(be(r)).then(l=>(l?.head&&te(l.head),l)),c=Le(a,r);return(0,K.hydrateRoot)(n,(0,d.jsx)(c,{}))}

package/dist/client.js

@@ -1 +1 @@
-import m,{useEffect as D,useState as f}from"react";import{hydrateRoot as se}from"react-dom/client";import{createFromFetch as Y,createFromReadableStream as ce}from"react-server-dom-webpack/client";import{RouteChildrenSlotProvider as de}from"@webtypen/webframez-react/route-slot";var ie=/^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;function c(e){if(typeof e!="string")return;let t=e.trim();return!t||t==="/"?"":t.replace(/\/+$/,"")}function k(e,t){let n=e.trim(),o=c(t);return!n||!o||ie.test(n)||n.startsWith("/")||o!=="/"&&(n===o||n.startsWith(`${o}/`))?n:o==="/"?n.startsWith("/")?n:`/${n}`:n.startsWith("/")?`${o}${n}`:`${o}/${n}`}function P(e,t){if(!e)return;let n=c(e.basename)??c(t),o=c(e.routeBasePath),r=c(e.transportBasePath),a={...e,...n!==void 0?{basename:n}:{},...o!==void 0?{routeBasePath:o}:{},...r!==void 0?{transportBasePath:r}:{}};return a.favicon&&(a.favicon=k(a.favicon,n)),a.links&&(a.links=a.links.map(s=>({...s,href:k(s.href,n)}))),a}import w from"react";var z="webframez-route-children",M="__webframezRouteChildren",$="WebframezRouteChildren",S=()=>w.createElement(z);S.displayName=$;S[M]=!0;var ae=S;function U(e){if(e===z||e===ae)return!0;if(!e||typeof e!="function"&&typeof e!="object")return!1;try{let t=e;return t[M]===!0||t.displayName===$||t.name==="RouteChildren"}catch{return!1}}function H(e){if(!e||typeof e!="object")return!1;try{return"type"in e&&"props"in e}catch{return!1}}function E(e,t){if(e==null||typeof e=="boolean")return e;if(Array.isArray(e)){let d=!1,_=e.map(l=>{let h=E(l,t);return h!==l&&(d=!0),h});return d?_:e}if(H(e)&&U(e.type))return t;let n=w.isValidElement(e);if(!n&&!H(e))return e;if(n&&U(e.type))return t;let o=e.props??{};if(!("children"in o))return e;let r=E(o.children,t);if(r===o.children)return e;if(n)return Array.isArray(r)?w.cloneElement(e,void 0,...r):w.cloneElement(e,void 0,r);let a=e,s={...a.props??{},children:r,...a.key!==void 0&&a.key!==null?{key:a.key}:{}};return w.createElement(a.type,s)}import{Fragment as Pe,jsx as p,jsxs as Se}from"react/jsx-runtime";var ue={push:()=>{},replace:()=>{},refresh:()=>{},refreshContext:()=>{}},A=typeof m.createContext=="function"?m.createContext(null):null,Z="__WEBFRAMEZ_ROUTER__",le="__WEBFRAMEZ_REACT_BUILD_ID",fe="x-webframez-react-build",pe="[data-webframez-head='true']";function W(){if(typeof window>"u"||typeof document>"u")return;let e=()=>{window.scrollTo({top:0,left:0}),document.scrollingElement&&(document.scrollingElement.scrollTop=0),document.documentElement.scrollTop=0,document.body&&(document.body.scrollTop=0)};if(typeof window.requestAnimationFrame=="function"){window.requestAnimationFrame(e);return}window.setTimeout(e,0)}function x(e){return c(e)??""}function me(e,t){return t?e===t?"/":e.startsWith(`${t}/`)?e.slice(t.length)||"/":e||"/":e||"/"}function K(e,t){let n=!t||t==="/"?"/":t.startsWith("/")?t:`/${t}`;return e?n==="/"?e:`${e}${n}`:n}function Re(){return x(typeof window>"u"?globalThis.__RSC_ROUTE_BASE_PATH:window.__RSC_ROUTE_BASE_PATH)}function V(e){if(typeof window>"u")return e||"/";let t=x(window.__RSC_BASENAME),n=Re(),o=me(e||"/",t);return K(n,o)}function X(e){if(typeof window>"u")return e;let t=window.__RSC_ENDPOINT;return typeof t=="string"&&t.trim()!==""?t:e}function we(){if(typeof window>"u")return"";let e=window[le];return typeof e=="string"?e:""}function _e(e){let t=we();return!!t&&!!e&&t!==e}function N(e){typeof window>"u"||window.location.assign(`${e.pathname}${e.search}${e.hash}`)}function he(){return typeof window>"u"?null:window[Z]??null}function ge(e){typeof window>"u"||(window[Z]=e)}function F(){let e={},t=typeof document>"u"?"":document.cookie;if(!t||t.trim()==="")return e;for(let n of t.split(";")){let o=n.trim();if(!o)continue;let r=o.indexOf("="),a=r>=0?o.slice(0,r).trim():o,s=r>=0?o.slice(r+1):"";a&&(e[a]=decodeURIComponent(s))}return e}function j(e,t,n={}){let o=[`${e}=${encodeURIComponent(t)}`];return n.path&&o.push(`Path=${n.path}`),n.domain&&o.push(`Domain=${n.domain}`),typeof n.maxAge=="number"&&o.push(`Max-Age=${Math.floor(n.maxAge)}`),n.expires&&o.push(`Expires=${n.expires.toUTCString()}`),n.sameSite&&o.push(`SameSite=${n.sameSite}`),n.secure&&o.push("Secure"),o.join("; ")}function He(){return m.useMemo(()=>({all:()=>F(),get:e=>F()[e],set:(e,t,n)=>{typeof document>"u"||(document.cookie=j(e,t,n))},remove:(e,t)=>{typeof document>"u"||(document.cookie=j(e,"",{...t??{},maxAge:0}))}}),[])}function ze(){let e=A?m.useContext(A):null;if(!e){let t=he();if(t)return t;if(typeof window>"u")return ue;throw new Error("useRouter must be used inside mountWebframezClient()")}return e}function Ce({active:e}){return p("div",{style:{position:"fixed",top:0,left:0,width:"100%",height:3,zIndex:9999,transformOrigin:"left",transform:e?"scaleX(1)":"scaleX(0)",transition:"transform 180ms ease",background:"linear-gradient(90deg, #0ea5e9, #22c55e)"}})}function G(e){let t=document.createElement("meta");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function q(e){let t=document.createElement("link");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function v(e){if(typeof document>"u")return;let t=P(e)??e;J(t),document.title=t.title||"Webframez React";for(let n of document.head.querySelectorAll(pe))n.remove();t.description&&G({name:"description",content:t.description}),t.favicon&&q({rel:"icon",href:t.favicon});for(let n of t.meta??[])G(n);for(let n of t.links??[])q(n)}function J(e){if(typeof window>"u")return;let t=P(e)??e,n=c(t.basename),o=c(t.routeBasePath),r=c(t.transportBasePath);window.__RSC_BASENAME=n??"",window.__RSC_ROUTE_BASE_PATH=o??"",r!==void 0&&(window.__RSC_ENDPOINT=K(r,"/rsc"))}function ye(e){let t=new TextEncoder;return new ReadableStream({start(n){n.enqueue(t.encode(e)),n.close()}})}function Ee(){if(typeof window>"u")return null;let e=window.__RSC_INITIAL_PAYLOAD;return typeof e!="string"||e===""?null:(delete window.__RSC_INITIAL_PAYLOAD,ce(ye(e)))}function Ae(e){let t=X(e),n=V(window.location.pathname);return Ee()??Y(fetch(`${t}?path=${encodeURIComponent(n)}&search=${encodeURIComponent(window.location.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}}))}function Te(e,t){return function(){let o=m.use(e),r=typeof o.contextModel<"u"&&typeof o.pageModel<"u",[a,s]=f(o.model),[d,_]=f(o.contextModel),[l,h]=f(o.pageModel),[I,B]=f(o.head),[Q,g]=f(!1),[ee,te]=f(!1),[ne,T]=f(r);async function L(i){let y=X(t),u=V(i.pathname),R=await fetch(`${y}?path=${encodeURIComponent(u)}&search=${encodeURIComponent(i.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}});return _e(R.headers.get(fe))?(N(i),await new Promise(()=>{})):await Y(Promise.resolve(R))}async function C(i,y="push"){g(!0);try{let u=await L(i);v(u.head),B(u.head),s(u.model),_(u.contextModel),h(u.pageModel),T(!0);let R=`${i.pathname}${i.search}${i.hash}`;y==="replace"?(history.replaceState(null,"",R),W()):y==="push"&&(history.pushState(null,"",R),W())}catch(u){console.error("[webframez-react] Failed to render route",u),N(i),s(p("p",{children:"Failed to load route."}))}finally{g(!1)}}async function oe(){g(!0);try{let i=await L(new URL(window.location.href));if(v(i.head),B(i.head),Object.prototype.hasOwnProperty.call(i,"contextModel")){_(i.contextModel),T(!0);return}s(i.model),T(!1)}catch(i){console.error("[webframez-react] Failed to refresh route context",i),N(new URL(window.location.href))}finally{g(!1)}}D(()=>{v(I)},[I]),D(()=>{te(!0);let i=()=>{C(new URL(window.location.href),"none")};return window.addEventListener("popstate",i),()=>{window.removeEventListener("popstate",i)}},[]);let b=m.useMemo(()=>({push:i=>{C(new URL(i,window.location.origin),"push")},replace:i=>{C(new URL(i,window.location.origin),"replace")},refresh:()=>{C(new URL(window.location.href),"none")},refreshContext:()=>{oe()}}),[]);ge(b);let re=ne&&typeof l<"u"?d?p(de,{page:l,children:E(d,l)}):l:a,O=Se(Pe,{children:[ee?p(Ce,{active:Q}):null,re??p("p",{style:{padding:24},children:"Loading..."})]});return A?p(A.Provider,{value:b,children:O}):O}}function Me(e={}){let t=e.rootId??"root",n=document.getElementById(t);if(!n)throw new Error(`Missing #${t} element`);let o=typeof window<"u"&&window.__RSC_ENDPOINT,r=e.rscEndpoint??o??"/rsc",a=Promise.resolve(Ae(r)).then(d=>(d?.head&&J(d.head),d)),s=Te(a,r);return se(n,p(s,{}))}export{Me as mountWebframezClient,He as useCookie,ze as useRouter};
+import m,{useEffect as D,useState as f}from"react";import{hydrateRoot as se}from"react-dom/client";import{createFromFetch as Y,createFromReadableStream as ce}from"react-server-dom-webpack/client";import{RouteChildrenSlotProvider as de}from"@webtypen/webframez-react/route-slot";var ie=/^(?:[a-zA-Z][a-zA-Z\d+\-.]*:|\/\/|#)/;function c(e){if(typeof e!="string")return;let t=e.trim();return!t||t==="/"?"":t.replace(/\/+$/,"")}function k(e,t){let n=e.trim(),o=c(t);return!n||!o||ie.test(n)||n.startsWith("/")||o!=="/"&&(n===o||n.startsWith(`${o}/`))?n:o==="/"?n.startsWith("/")?n:`/${n}`:n.startsWith("/")?`${o}${n}`:`${o}/${n}`}function P(e,t){if(!e)return;let n=c(e.basename)??c(t),o=c(e.routeBasePath),r=c(e.transportBasePath),a={...e,...n!==void 0?{basename:n}:{},...o!==void 0?{routeBasePath:o}:{},...r!==void 0?{transportBasePath:r}:{}};return a.favicon&&(a.favicon=k(a.favicon,n)),a.links&&(a.links=a.links.map(s=>({...s,href:k(s.href,n)}))),a}import w from"react";var z="webframez-route-children",M="__webframezRouteChildren",$="WebframezRouteChildren",S=()=>w.createElement(z);S.displayName=$;S[M]=!0;var ae=S;function U(e){if(e===z||e===ae)return!0;if(!e||typeof e!="function"&&typeof e!="object")return!1;try{let t=e;return t[M]===!0||t.displayName===$||t.name==="RouteChildren"}catch{return!1}}function H(e){if(!e||typeof e!="object")return!1;try{return"type"in e&&"props"in e}catch{return!1}}function E(e,t){if(e==null||typeof e=="boolean")return e;if(Array.isArray(e)){let d=!1,_=e.map(l=>{let h=E(l,t);return h!==l&&(d=!0),h});return d?_:e}if(H(e)&&U(e.type))return t;let n=w.isValidElement(e);if(!n&&!H(e))return e;if(n&&U(e.type))return t;let o=e.props??{};if(!("children"in o))return e;let r=E(o.children,t);if(r===o.children)return e;if(n)return Array.isArray(r)?w.cloneElement(e,void 0,...r):w.cloneElement(e,void 0,r);let a=e,s={...a.props??{},children:r,...a.key!==void 0&&a.key!==null?{key:a.key}:{}};return w.createElement(a.type,s)}import{Fragment as Pe,jsx as p,jsxs as Se}from"react/jsx-runtime";var ue={push:()=>{},replace:()=>{},refresh:()=>{},refreshContext:()=>{}},A=typeof m.createContext=="function"?m.createContext(null):null,Z="__WEBFRAMEZ_ROUTER__",le="__WEBFRAMEZ_REACT_BUILD_ID",fe="x-webframez-react-build",pe="[data-webframez-head='true']";function W(){if(typeof window>"u"||typeof document>"u")return;let e=()=>{window.scrollTo({top:0,left:0}),document.scrollingElement&&(document.scrollingElement.scrollTop=0),document.documentElement.scrollTop=0,document.body&&(document.body.scrollTop=0)};if(typeof window.requestAnimationFrame=="function"){window.requestAnimationFrame(e);return}window.setTimeout(e,0)}function x(e){return c(e)??""}function me(e,t){return t?e===t?"/":e.startsWith(`${t}/`)?e.slice(t.length)||"/":e||"/":e||"/"}function K(e,t){let n=!t||t==="/"?"/":t.startsWith("/")?t:`/${t}`;return e?n==="/"?e:`${e}${n}`:n}function Re(){return x(typeof window>"u"?globalThis.__RSC_ROUTE_BASE_PATH:window.__RSC_ROUTE_BASE_PATH)}function V(e){if(typeof window>"u")return e||"/";let t=x(window.__RSC_BASENAME),n=Re(),o=me(e||"/",t);return K(n,o)}function X(e){if(typeof window>"u")return e;let t=window.__RSC_ENDPOINT;return typeof t=="string"&&t.trim()!==""?t:e}function we(){if(typeof window>"u")return"";let e=window[le];return typeof e=="string"?e:""}function _e(e){let t=we();return!!t&&!!e&&t!==e}function N(e){typeof window>"u"||window.location.assign(`${e.pathname}${e.search}${e.hash}`)}function he(){return typeof window>"u"?null:window[Z]??null}function ge(e){typeof window>"u"||(window[Z]=e)}function F(){let e={},t=typeof document>"u"?"":document.cookie;if(!t||t.trim()==="")return e;for(let n of t.split(";")){let o=n.trim();if(!o)continue;let r=o.indexOf("="),a=r>=0?o.slice(0,r).trim():o,s=r>=0?o.slice(r+1):"";a&&(e[a]=decodeURIComponent(s))}return e}function j(e,t,n={}){let o=[`${e}=${encodeURIComponent(t)}`];return n.path&&o.push(`Path=${n.path}`),n.domain&&o.push(`Domain=${n.domain}`),typeof n.maxAge=="number"&&o.push(`Max-Age=${Math.floor(n.maxAge)}`),n.expires&&o.push(`Expires=${n.expires.toUTCString()}`),n.sameSite&&o.push(`SameSite=${n.sameSite}`),n.secure&&o.push("Secure"),o.join("; ")}function He(){return m.useMemo(()=>({all:()=>F(),get:e=>F()[e],set:(e,t,n)=>{typeof document>"u"||(document.cookie=j(e,t,n))},remove:(e,t)=>{typeof document>"u"||(document.cookie=j(e,"",{...t??{},maxAge:0}))}}),[])}function ze(){let e=A?m.useContext(A):null;if(!e){let t=he();if(t)return t;if(typeof window>"u")return ue;throw new Error("useRouter must be used inside mountWebframezClient()")}return e}function Ce({active:e}){return p("div",{style:{position:"fixed",top:0,left:0,width:"100%",height:3,zIndex:9999,transformOrigin:"left",transform:e?"scaleX(1)":"scaleX(0)",transition:"transform 180ms ease",background:"linear-gradient(90deg, #0ea5e9, #22c55e)"}})}function G(e){let t=document.createElement("meta");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function q(e){let t=document.createElement("link");t.setAttribute("data-webframez-head","true");let n=Object.entries(e).filter(([,o])=>!!o);for(let[o,r]of n)t.setAttribute(o,String(r));document.head.appendChild(t)}function v(e){if(typeof document>"u")return;let t=P(e)??e;J(t),document.body.className=t.bodyClassName||"",document.title=t.title||"Webframez React";for(let n of document.head.querySelectorAll(pe))n.remove();t.description&&G({name:"description",content:t.description}),t.favicon&&q({rel:"icon",href:t.favicon});for(let n of t.meta??[])G(n);for(let n of t.links??[])q(n)}function J(e){if(typeof window>"u")return;let t=P(e)??e,n=c(t.basename),o=c(t.routeBasePath),r=c(t.transportBasePath);window.__RSC_BASENAME=n??"",window.__RSC_ROUTE_BASE_PATH=o??"",r!==void 0&&(window.__RSC_ENDPOINT=K(r,"/rsc"))}function ye(e){let t=new TextEncoder;return new ReadableStream({start(n){n.enqueue(t.encode(e)),n.close()}})}function Ee(){if(typeof window>"u")return null;let e=window.__RSC_INITIAL_PAYLOAD;return typeof e!="string"||e===""?null:(delete window.__RSC_INITIAL_PAYLOAD,ce(ye(e)))}function Ae(e){let t=X(e),n=V(window.location.pathname);return Ee()??Y(fetch(`${t}?path=${encodeURIComponent(n)}&search=${encodeURIComponent(window.location.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}}))}function Te(e,t){return function(){let o=m.use(e),r=typeof o.contextModel<"u"&&typeof o.pageModel<"u",[a,s]=f(o.model),[d,_]=f(o.contextModel),[l,h]=f(o.pageModel),[I,B]=f(o.head),[Q,g]=f(!1),[ee,te]=f(!1),[ne,T]=f(r);async function b(i){let y=X(t),u=V(i.pathname),R=await fetch(`${y}?path=${encodeURIComponent(u)}&search=${encodeURIComponent(i.search)}`,{cache:"no-store",credentials:"same-origin",headers:{Accept:"text/x-component"}});return _e(R.headers.get(fe))?(N(i),await new Promise(()=>{})):await Y(Promise.resolve(R))}async function C(i,y="push"){g(!0);try{let u=await b(i);v(u.head),B(u.head),s(u.model),_(u.contextModel),h(u.pageModel),T(!0);let R=`${i.pathname}${i.search}${i.hash}`;y==="replace"?(history.replaceState(null,"",R),W()):y==="push"&&(history.pushState(null,"",R),W())}catch(u){console.error("[webframez-react] Failed to render route",u),N(i),s(p("p",{children:"Failed to load route."}))}finally{g(!1)}}async function oe(){g(!0);try{let i=await b(new URL(window.location.href));if(v(i.head),B(i.head),Object.prototype.hasOwnProperty.call(i,"contextModel")){_(i.contextModel),T(!0);return}s(i.model),T(!1)}catch(i){console.error("[webframez-react] Failed to refresh route context",i),N(new URL(window.location.href))}finally{g(!1)}}D(()=>{v(I)},[I]),D(()=>{te(!0);let i=()=>{C(new URL(window.location.href),"none")};return window.addEventListener("popstate",i),()=>{window.removeEventListener("popstate",i)}},[]);let L=m.useMemo(()=>({push:i=>{C(new URL(i,window.location.origin),"push")},replace:i=>{C(new URL(i,window.location.origin),"replace")},refresh:()=>{C(new URL(window.location.href),"none")},refreshContext:()=>{oe()}}),[]);ge(L);let re=ne&&typeof l<"u"?d?p(de,{page:l,children:E(d,l)}):l:a,O=Se(Pe,{children:[ee?p(Ce,{active:Q}):null,re??p("p",{style:{padding:24},children:"Loading..."})]});return A?p(A.Provider,{value:L,children:O}):O}}function Me(e={}){let t=e.rootId??"root",n=document.getElementById(t);if(!n)throw new Error(`Missing #${t} element`);let o=typeof window<"u"&&window.__RSC_ENDPOINT,r=e.rscEndpoint??o??"/rsc",a=Promise.resolve(Ae(r)).then(d=>(d?.head&&J(d.head),d)),s=Te(a,r);return se(n,p(s,{}))}export{Me as mountWebframezClient,He as useCookie,ze as useRouter};

package/dist/http.cjs

@@ -54,6 +54,7 @@ function createHTMLShell(options = {}) {
     clientScriptUrl = "/client.js",
     buildId = "",
     headTags = "",
+    bodyClassName = "",
     rootHtml = "",
     initialFlightData = "",
     basename = "",
@@ -102,7 +103,7 @@ function createHTMLShell(options = {}) {
     <title>${title}</title>
     ${headTags}
   </head>
-  <body>
+  <body${bodyClassName ? ` class="${bodyClassName.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}"` : ""}>
     <div id="root">${rootHtml}</div>
     <script>window.__RSC_ENDPOINT = "${rscEndpoint}";</script>
     <script>window.__RSC_BASENAME = "${basename}";</script>
@@ -472,6 +473,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -632,7 +636,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -647,7 +652,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -772,7 +778,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {
@@ -792,6 +799,38 @@ function parseSearchParams(query) {
 }
 
 // src/http.ts
+function attachResolvedContextToCoreRequest(req, context) {
+  if (!context) {
+    return;
+  }
+  const coreRequest = req.__webframezCoreRequest;
+  if (!coreRequest) {
+    return;
+  }
+  const data = context.data && typeof context.data === "object" ? context.data : void 0;
+  const env = data?.env;
+  const website = data?.website;
+  coreRequest.__webframezReactContext = {
+    pathname: context.pathname,
+    params: context.params,
+    request: context.request,
+    data: data ? {
+      env,
+      website,
+      is_env_website_request: data.is_env_website_request,
+      is_website_domain_request: data.is_website_domain_request,
+      website_base_path: data.website_base_path,
+      website_route_base_path: data.website_route_base_path,
+      website_transport_base_path: data.website_transport_base_path
+    } : void 0
+  };
+  if (!coreRequest.env && env) {
+    coreRequest.env = env;
+  }
+  if (!coreRequest.website && website) {
+    coreRequest.website = website;
+  }
+}
 function createInitialHtmlErrorMarkup(message) {
   return `<main style="font-family:system-ui,sans-serif;padding:24px"><h1 style="margin:0 0 12px">500</h1><p style="margin:0">${message}</p></main>`;
 }
@@ -1622,6 +1661,7 @@ function createNodeRequestHandler(options) {
           request: requestContext
         })
       );
+      attachResolvedContextToCoreRequest(req, resolved2.context);
       const payload = {
         model: resolved2.model,
         contextModel: resolved2.contextModel,
@@ -1696,6 +1736,7 @@ function createNodeRequestHandler(options) {
         )
       })
     );
+    attachResolvedContextToCoreRequest(req, resolved.context);
     const initialPayload = {
       model: resolved.model,
       head: resolved.head
@@ -1759,6 +1800,7 @@ function createNodeRequestHandler(options) {
       createHTMLShell({
         title: resolved.head.title || "Webframez React",
         headTags: renderHeadToString(resolved.head),
+        bodyClassName: resolved.head.bodyClassName || "",
         clientScriptUrl: shellClientScriptUrl,
         buildId: manifestState.buildId,
         rscEndpoint: shellRscEndpoint,

package/dist/http.js

@@ -34,6 +34,7 @@ function createHTMLShell(options = {}) {
     clientScriptUrl = "/client.js",
     buildId = "",
     headTags = "",
+    bodyClassName = "",
     rootHtml = "",
     initialFlightData = "",
     basename = "",
@@ -82,7 +83,7 @@ function createHTMLShell(options = {}) {
     <title>${title}</title>
     ${headTags}
   </head>
-  <body>
+  <body${bodyClassName ? ` class="${bodyClassName.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}"` : ""}>
     <div id="root">${rootHtml}</div>
     <script>window.__RSC_ENDPOINT = "${rscEndpoint}";</script>
     <script>window.__RSC_BASENAME = "${basename}";</script>
@@ -452,6 +453,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -612,7 +616,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -627,7 +632,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -752,7 +758,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {
@@ -772,6 +779,38 @@ function parseSearchParams(query) {
 }
 
 // src/http.ts
+function attachResolvedContextToCoreRequest(req, context) {
+  if (!context) {
+    return;
+  }
+  const coreRequest = req.__webframezCoreRequest;
+  if (!coreRequest) {
+    return;
+  }
+  const data = context.data && typeof context.data === "object" ? context.data : void 0;
+  const env = data?.env;
+  const website = data?.website;
+  coreRequest.__webframezReactContext = {
+    pathname: context.pathname,
+    params: context.params,
+    request: context.request,
+    data: data ? {
+      env,
+      website,
+      is_env_website_request: data.is_env_website_request,
+      is_website_domain_request: data.is_website_domain_request,
+      website_base_path: data.website_base_path,
+      website_route_base_path: data.website_route_base_path,
+      website_transport_base_path: data.website_transport_base_path
+    } : void 0
+  };
+  if (!coreRequest.env && env) {
+    coreRequest.env = env;
+  }
+  if (!coreRequest.website && website) {
+    coreRequest.website = website;
+  }
+}
 function createInitialHtmlErrorMarkup(message) {
   return `<main style="font-family:system-ui,sans-serif;padding:24px"><h1 style="margin:0 0 12px">500</h1><p style="margin:0">${message}</p></main>`;
 }
@@ -1602,6 +1641,7 @@ function createNodeRequestHandler(options) {
           request: requestContext
         })
       );
+      attachResolvedContextToCoreRequest(req, resolved2.context);
       const payload = {
         model: resolved2.model,
         contextModel: resolved2.contextModel,
@@ -1676,6 +1716,7 @@ function createNodeRequestHandler(options) {
         )
       })
     );
+    attachResolvedContextToCoreRequest(req, resolved.context);
     const initialPayload = {
       model: resolved.model,
       head: resolved.head
@@ -1739,6 +1780,7 @@ function createNodeRequestHandler(options) {
       createHTMLShell({
         title: resolved.head.title || "Webframez React",
         headTags: renderHeadToString(resolved.head),
+        bodyClassName: resolved.head.bodyClassName || "",
         clientScriptUrl: shellClientScriptUrl,
         buildId: manifestState.buildId,
         rscEndpoint: shellRscEndpoint,

package/dist/index.cjs

@@ -61,6 +61,7 @@ function createHTMLShell(options = {}) {
     clientScriptUrl = "/client.js",
     buildId = "",
     headTags = "",
+    bodyClassName = "",
     rootHtml = "",
     initialFlightData = "",
     basename = "",
@@ -109,7 +110,7 @@ function createHTMLShell(options = {}) {
     <title>${title}</title>
     ${headTags}
   </head>
-  <body>
+  <body${bodyClassName ? ` class="${bodyClassName.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}"` : ""}>
     <div id="root">${rootHtml}</div>
     <script>window.__RSC_ENDPOINT = "${rscEndpoint}";</script>
     <script>window.__RSC_BASENAME = "${basename}";</script>
@@ -507,6 +508,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -667,7 +671,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -682,7 +687,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -807,7 +813,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {
@@ -832,6 +839,38 @@ var import_node_path3 = __toESM(require("node:path"), 1);
 var import_node_url = require("node:url");
 var import_node_child_process = require("node:child_process");
 var import_node_zlib = require("node:zlib");
+function attachResolvedContextToCoreRequest(req, context) {
+  if (!context) {
+    return;
+  }
+  const coreRequest = req.__webframezCoreRequest;
+  if (!coreRequest) {
+    return;
+  }
+  const data = context.data && typeof context.data === "object" ? context.data : void 0;
+  const env = data?.env;
+  const website = data?.website;
+  coreRequest.__webframezReactContext = {
+    pathname: context.pathname,
+    params: context.params,
+    request: context.request,
+    data: data ? {
+      env,
+      website,
+      is_env_website_request: data.is_env_website_request,
+      is_website_domain_request: data.is_website_domain_request,
+      website_base_path: data.website_base_path,
+      website_route_base_path: data.website_route_base_path,
+      website_transport_base_path: data.website_transport_base_path
+    } : void 0
+  };
+  if (!coreRequest.env && env) {
+    coreRequest.env = env;
+  }
+  if (!coreRequest.website && website) {
+    coreRequest.website = website;
+  }
+}
 function createInitialHtmlErrorMarkup(message) {
   return `<main style="font-family:system-ui,sans-serif;padding:24px"><h1 style="margin:0 0 12px">500</h1><p style="margin:0">${message}</p></main>`;
 }
@@ -1662,6 +1701,7 @@ function createNodeRequestHandler(options) {
           request: requestContext
         })
       );
+      attachResolvedContextToCoreRequest(req, resolved2.context);
       const payload = {
         model: resolved2.model,
         contextModel: resolved2.contextModel,
@@ -1736,6 +1776,7 @@ function createNodeRequestHandler(options) {
         )
       })
     );
+    attachResolvedContextToCoreRequest(req, resolved.context);
     const initialPayload = {
       model: resolved.model,
       head: resolved.head
@@ -1799,6 +1840,7 @@ function createNodeRequestHandler(options) {
       createHTMLShell({
         title: resolved.head.title || "Webframez React",
         headTags: renderHeadToString(resolved.head),
+        bodyClassName: resolved.head.bodyClassName || "",
         clientScriptUrl: shellClientScriptUrl,
         buildId: manifestState.buildId,
         rscEndpoint: shellRscEndpoint,
@@ -2016,7 +2058,13 @@ function registerRouteRenderer(route, methodName) {
                 `Route.${methodName} only supports node/http requests`
               );
             }
-            await handleNodeRequest(req.message, res.res);
+            const message = req.message;
+            message.__webframezCoreRequest = req;
+            try {
+              await handleNodeRequest(message, res.res);
+            } finally {
+              delete message.__webframezCoreRequest;
+            }
             await waitForResponseFinish(res.res);
           },
           routeOptions

package/dist/index.js

@@ -22,6 +22,7 @@ function createHTMLShell(options = {}) {
     clientScriptUrl = "/client.js",
     buildId = "",
     headTags = "",
+    bodyClassName = "",
     rootHtml = "",
     initialFlightData = "",
     basename = "",
@@ -70,7 +71,7 @@ function createHTMLShell(options = {}) {
     <title>${title}</title>
     ${headTags}
   </head>
-  <body>
+  <body${bodyClassName ? ` class="${bodyClassName.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}"` : ""}>
     <div id="root">${rootHtml}</div>
     <script>window.__RSC_ENDPOINT = "${rscEndpoint}";</script>
     <script>window.__RSC_BASENAME = "${basename}";</script>
@@ -468,6 +469,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -628,7 +632,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -643,7 +648,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -768,7 +774,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {
@@ -798,6 +805,38 @@ import {
   createGzip,
   gzipSync
 } from "node:zlib";
+function attachResolvedContextToCoreRequest(req, context) {
+  if (!context) {
+    return;
+  }
+  const coreRequest = req.__webframezCoreRequest;
+  if (!coreRequest) {
+    return;
+  }
+  const data = context.data && typeof context.data === "object" ? context.data : void 0;
+  const env = data?.env;
+  const website = data?.website;
+  coreRequest.__webframezReactContext = {
+    pathname: context.pathname,
+    params: context.params,
+    request: context.request,
+    data: data ? {
+      env,
+      website,
+      is_env_website_request: data.is_env_website_request,
+      is_website_domain_request: data.is_website_domain_request,
+      website_base_path: data.website_base_path,
+      website_route_base_path: data.website_route_base_path,
+      website_transport_base_path: data.website_transport_base_path
+    } : void 0
+  };
+  if (!coreRequest.env && env) {
+    coreRequest.env = env;
+  }
+  if (!coreRequest.website && website) {
+    coreRequest.website = website;
+  }
+}
 function createInitialHtmlErrorMarkup(message) {
   return `<main style="font-family:system-ui,sans-serif;padding:24px"><h1 style="margin:0 0 12px">500</h1><p style="margin:0">${message}</p></main>`;
 }
@@ -1628,6 +1667,7 @@ function createNodeRequestHandler(options) {
           request: requestContext
         })
       );
+      attachResolvedContextToCoreRequest(req, resolved2.context);
       const payload = {
         model: resolved2.model,
         contextModel: resolved2.contextModel,
@@ -1702,6 +1742,7 @@ function createNodeRequestHandler(options) {
         )
       })
     );
+    attachResolvedContextToCoreRequest(req, resolved.context);
     const initialPayload = {
       model: resolved.model,
       head: resolved.head
@@ -1765,6 +1806,7 @@ function createNodeRequestHandler(options) {
       createHTMLShell({
         title: resolved.head.title || "Webframez React",
         headTags: renderHeadToString(resolved.head),
+        bodyClassName: resolved.head.bodyClassName || "",
         clientScriptUrl: shellClientScriptUrl,
         buildId: manifestState.buildId,
         rscEndpoint: shellRscEndpoint,
@@ -1982,7 +2024,13 @@ function registerRouteRenderer(route, methodName) {
                 `Route.${methodName} only supports node/http requests`
               );
             }
-            await handleNodeRequest(req.message, res.res);
+            const message = req.message;
+            message.__webframezCoreRequest = req;
+            try {
+              await handleNodeRequest(message, res.res);
+            } finally {
+              delete message.__webframezCoreRequest;
+            }
             await waitForResponseFinish(res.res);
           },
           routeOptions

package/dist/router.cjs

@@ -357,6 +357,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -517,7 +520,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -532,7 +536,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -657,7 +662,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {

package/dist/router.d.ts

@@ -1,10 +1,11 @@
 import type { ReactNode } from "react";
-import type { HeadConfig, RouteSearchParams } from "./types";
+import type { HeadConfig, RouteContext, RouteRequestContext, RouteSearchParams } from "./types";
 
 export type ResolvedRoute = {
   statusCode: number;
   model: ReactNode;
   head: HeadConfig;
+  context: RouteContext;
   contextModel?: ReactNode;
   pageModel?: ReactNode;
 };
@@ -14,6 +15,7 @@ export function createFileRouter(options: { pagesDir: string }): {
     pathname: string;
     searchParams: RouteSearchParams;
     cookies?: Record<string, string>;
+    request?: RouteRequestContext;
   }): Promise<ResolvedRoute>;
   readSearchParams(urlSearchParams: URLSearchParams): RouteSearchParams;
 };

package/dist/router.js

@@ -327,6 +327,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -487,7 +490,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -502,7 +506,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -627,7 +632,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {

package/dist/types.d.ts

@@ -60,6 +60,7 @@ export type HeadLinkTag = {
 export type HeadConfig = {
   title?: string;
   description?: string;
+  bodyClassName?: string;
   basename?: string;
   routeBasePath?: string;
   transportBasePath?: string;
@@ -113,6 +114,7 @@ export type CreateHtmlShellOptions = {
   clientScriptUrl?: string;
   buildId?: string;
   headTags?: string;
+  bodyClassName?: string;
   rootHtml?: string;
   initialFlightData?: string;
   basename?: string;

package/dist/webframez-core.cjs

@@ -61,6 +61,7 @@ function createHTMLShell(options = {}) {
     clientScriptUrl = "/client.js",
     buildId = "",
     headTags = "",
+    bodyClassName = "",
     rootHtml = "",
     initialFlightData = "",
     basename = "",
@@ -109,7 +110,7 @@ function createHTMLShell(options = {}) {
     <title>${title}</title>
     ${headTags}
   </head>
-  <body>
+  <body${bodyClassName ? ` class="${bodyClassName.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}"` : ""}>
     <div id="root">${rootHtml}</div>
     <script>window.__RSC_ENDPOINT = "${rscEndpoint}";</script>
     <script>window.__RSC_BASENAME = "${basename}";</script>
@@ -479,6 +480,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -639,7 +643,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -654,7 +659,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -779,7 +785,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {
@@ -799,6 +806,38 @@ function parseSearchParams(query) {
 }
 
 // src/http.ts
+function attachResolvedContextToCoreRequest(req, context) {
+  if (!context) {
+    return;
+  }
+  const coreRequest = req.__webframezCoreRequest;
+  if (!coreRequest) {
+    return;
+  }
+  const data = context.data && typeof context.data === "object" ? context.data : void 0;
+  const env = data?.env;
+  const website = data?.website;
+  coreRequest.__webframezReactContext = {
+    pathname: context.pathname,
+    params: context.params,
+    request: context.request,
+    data: data ? {
+      env,
+      website,
+      is_env_website_request: data.is_env_website_request,
+      is_website_domain_request: data.is_website_domain_request,
+      website_base_path: data.website_base_path,
+      website_route_base_path: data.website_route_base_path,
+      website_transport_base_path: data.website_transport_base_path
+    } : void 0
+  };
+  if (!coreRequest.env && env) {
+    coreRequest.env = env;
+  }
+  if (!coreRequest.website && website) {
+    coreRequest.website = website;
+  }
+}
 function createInitialHtmlErrorMarkup(message) {
   return `<main style="font-family:system-ui,sans-serif;padding:24px"><h1 style="margin:0 0 12px">500</h1><p style="margin:0">${message}</p></main>`;
 }
@@ -1629,6 +1668,7 @@ function createNodeRequestHandler(options) {
           request: requestContext
         })
       );
+      attachResolvedContextToCoreRequest(req, resolved2.context);
       const payload = {
         model: resolved2.model,
         contextModel: resolved2.contextModel,
@@ -1703,6 +1743,7 @@ function createNodeRequestHandler(options) {
         )
       })
     );
+    attachResolvedContextToCoreRequest(req, resolved.context);
     const initialPayload = {
       model: resolved.model,
       head: resolved.head
@@ -1766,6 +1807,7 @@ function createNodeRequestHandler(options) {
       createHTMLShell({
         title: resolved.head.title || "Webframez React",
         headTags: renderHeadToString(resolved.head),
+        bodyClassName: resolved.head.bodyClassName || "",
         clientScriptUrl: shellClientScriptUrl,
         buildId: manifestState.buildId,
         rscEndpoint: shellRscEndpoint,
@@ -1982,7 +2024,13 @@ function registerRouteRenderer(route, methodName) {
                 `Route.${methodName} only supports node/http requests`
               );
             }
-            await handleNodeRequest(req.message, res.res);
+            const message = req.message;
+            message.__webframezCoreRequest = req;
+            try {
+              await handleNodeRequest(message, res.res);
+            } finally {
+              delete message.__webframezCoreRequest;
+            }
             await waitForResponseFinish(res.res);
           },
           routeOptions

package/dist/webframez-core.js

@@ -37,6 +37,7 @@ function createHTMLShell(options = {}) {
     clientScriptUrl = "/client.js",
     buildId = "",
     headTags = "",
+    bodyClassName = "",
     rootHtml = "",
     initialFlightData = "",
     basename = "",
@@ -85,7 +86,7 @@ function createHTMLShell(options = {}) {
     <title>${title}</title>
     ${headTags}
   </head>
-  <body>
+  <body${bodyClassName ? ` class="${bodyClassName.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}"` : ""}>
     <div id="root">${rootHtml}</div>
     <script>window.__RSC_ENDPOINT = "${rscEndpoint}";</script>
     <script>window.__RSC_BASENAME = "${basename}";</script>
@@ -455,6 +456,9 @@ function mergeHead(...configs) {
     if (config.description) {
       merged.description = config.description;
     }
+    if (hasOwn("bodyClassName")) {
+      merged.bodyClassName = config.bodyClassName;
+    }
     if (hasOwn("basename")) {
       merged.basename = config.basename;
     }
@@ -615,7 +619,8 @@ function createFileRouter(options) {
         model: fallback,
         head: {
           title: `${statusCode} - ${message}`
-        }
+        },
+        context: errorProps
       };
     }
     const errorModule = resolveModule(errorPath, pagesDir);
@@ -630,7 +635,8 @@ function createFileRouter(options) {
       model,
       contextModel,
       pageModel: errorNode,
-      head: mergeHead(layoutHead, errorHead)
+      head: mergeHead(layoutHead, errorHead),
+      context: errorProps
     };
   }
   function normalizeMiddlewareNames(config) {
@@ -755,7 +761,8 @@ function createFileRouter(options) {
         model,
         contextModel,
         pageModel: pageNode,
-        head: mergeHead(layoutHead, pageHead)
+        head: mergeHead(layoutHead, pageHead),
+        context: pageContext
       };
     } catch (error) {
       if (isRouteAbort(error)) {
@@ -775,6 +782,38 @@ function parseSearchParams(query) {
 }
 
 // src/http.ts
+function attachResolvedContextToCoreRequest(req, context) {
+  if (!context) {
+    return;
+  }
+  const coreRequest = req.__webframezCoreRequest;
+  if (!coreRequest) {
+    return;
+  }
+  const data = context.data && typeof context.data === "object" ? context.data : void 0;
+  const env = data?.env;
+  const website = data?.website;
+  coreRequest.__webframezReactContext = {
+    pathname: context.pathname,
+    params: context.params,
+    request: context.request,
+    data: data ? {
+      env,
+      website,
+      is_env_website_request: data.is_env_website_request,
+      is_website_domain_request: data.is_website_domain_request,
+      website_base_path: data.website_base_path,
+      website_route_base_path: data.website_route_base_path,
+      website_transport_base_path: data.website_transport_base_path
+    } : void 0
+  };
+  if (!coreRequest.env && env) {
+    coreRequest.env = env;
+  }
+  if (!coreRequest.website && website) {
+    coreRequest.website = website;
+  }
+}
 function createInitialHtmlErrorMarkup(message) {
   return `<main style="font-family:system-ui,sans-serif;padding:24px"><h1 style="margin:0 0 12px">500</h1><p style="margin:0">${message}</p></main>`;
 }
@@ -1605,6 +1644,7 @@ function createNodeRequestHandler(options) {
           request: requestContext
         })
       );
+      attachResolvedContextToCoreRequest(req, resolved2.context);
       const payload = {
         model: resolved2.model,
         contextModel: resolved2.contextModel,
@@ -1679,6 +1719,7 @@ function createNodeRequestHandler(options) {
         )
       })
     );
+    attachResolvedContextToCoreRequest(req, resolved.context);
     const initialPayload = {
       model: resolved.model,
       head: resolved.head
@@ -1742,6 +1783,7 @@ function createNodeRequestHandler(options) {
       createHTMLShell({
         title: resolved.head.title || "Webframez React",
         headTags: renderHeadToString(resolved.head),
+        bodyClassName: resolved.head.bodyClassName || "",
         clientScriptUrl: shellClientScriptUrl,
         buildId: manifestState.buildId,
         rscEndpoint: shellRscEndpoint,
@@ -1958,7 +2000,13 @@ function registerRouteRenderer(route, methodName) {
                 `Route.${methodName} only supports node/http requests`
               );
             }
-            await handleNodeRequest(req.message, res.res);
+            const message = req.message;
+            message.__webframezCoreRequest = req;
+            try {
+              await handleNodeRequest(message, res.res);
+            } finally {
+              delete message.__webframezCoreRequest;
+            }
             await waitForResponseFinish(res.res);
           },
           routeOptions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webtypen/webframez-react",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "description": "TypeScript React RSC addition for @webtypen/webframez-core",
   "homepage": "https://webtypen.de/",
   "author": {