@absolutejs/absolute 0.20.0-beta.169 → 0.20.0-beta.170

package/dist/vue/index.js

@@ -72,13 +72,44 @@ var __esm = (fn, res, err) => () => {
 };
 var __require = import.meta.require;
 
+// src/utils/escapeScriptContent.ts
+var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
+  const escaped = ESCAPE_LOOKUP[char];
+  return escaped !== undefined ? escaped : char;
+});
+var init_escapeScriptContent = __esm(() => {
+  ESCAPE_LOOKUP = {
+    "\u2028": "\\u2028",
+    "\u2029": "\\u2029",
+    "<": "\\u003C"
+  };
+  ESCAPE_REGEX = /[<\u2028\u2029]/g;
+});
+
+// src/utils/cspNonceRef.ts
+var GETTER_KEY, nonceAttr = (nonce = readCspNonce()) => nonce ? ` nonce="${nonce}"` : "", nonceSvelteHeadStyles = (head, nonce = readCspNonce()) => nonce ? head.replace(/<style(?=\s+id="svelte-[^"]*")(?![^>]*\snonce=)/g, `<style nonce="${nonce}"`) : head, readCspNonce = () => {
+  const getter = Reflect.get(globalThis, GETTER_KEY);
+  if (typeof getter !== "function")
+    return;
+  const nonce = getter();
+  return typeof nonce === "string" ? nonce : undefined;
+}, registerCspNonceGetter = (getter) => {
+  Reflect.set(globalThis, GETTER_KEY, getter);
+};
+var init_cspNonceRef = __esm(() => {
+  GETTER_KEY = Symbol.for("absolutejs.cspNonceGetter");
+});
+
+// src/utils/runtimeMode.ts
+var ENV_VAR = "NODE_ENV", getNodeEnv = () => process.env[ENV_VAR], isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
+
 // src/utils/inlinePageCss.ts
 var siblingCssCache, clearSiblingCssCache = () => {
   siblingCssCache.clear();
 }, injectInlineCss = (headTag, css) => {
   if (!css)
     return headTag;
-  const styleBlock = `<style data-absolute-page-css>${css}</style>`;
+  const styleBlock = `<style data-absolute-page-css${nonceAttr()}>${css}</style>`;
   return headTag.replace("</head>", `${styleBlock}</head>`);
 }, readSiblingCss = async (siblingJsPath) => {
   if (!siblingJsPath)
@@ -100,6 +131,7 @@ var siblingCssCache, clearSiblingCssCache = () => {
   }
 };
 var init_inlinePageCss = __esm(() => {
+  init_cspNonceRef();
   siblingCssCache = new Map;
 });
 
@@ -196,6 +228,45 @@ var normalizeSlug = (str) => str.trim().replace(/\s+/g, "-").replace(/[^A-Za-z0-
   return normalizeSlug(str).split(/[-_]/).filter(Boolean).map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1).toLowerCase()).join("");
 };
 
+// src/core/staticHtmlNonce.ts
+var nonceStaticHtml = async (html, nonce = readCspNonce()) => {
+  if (!nonce)
+    return html;
+  const stamp = {
+    element: (element) => {
+      if (!element.hasAttribute("nonce"))
+        element.setAttribute("nonce", nonce);
+    }
+  };
+  return new HTMLRewriter().on("script", stamp).on("style", stamp).transform(new Response(html)).text();
+}, isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value), parseHtmxConfig = (content) => {
+  try {
+    const parsed = JSON.parse(content ?? "{}");
+    return isRecord(parsed) ? parsed : {};
+  } catch {
+    return {};
+  }
+}, withHtmxStyleNonce = async (html, nonce = readCspNonce()) => {
+  if (!nonce)
+    return html;
+  let found = false;
+  const merged = await new HTMLRewriter().on('meta[name="htmx-config"]', {
+    element: (element) => {
+      found = true;
+      const config = parseHtmxConfig(element.getAttribute("content"));
+      element.setAttribute("content", JSON.stringify({ ...config, inlineStyleNonce: nonce }));
+    }
+  }).transform(new Response(html)).text();
+  if (found)
+    return merged;
+  const meta = `<meta name="htmx-config" content='${JSON.stringify({ inlineStyleNonce: nonce })}'>`;
+  const headClose = merged.search(/<\/head>/i);
+  return headClose >= 0 ? `${merged.slice(0, headClose)}${meta}${merged.slice(headClose)}` : `${meta}${merged}`;
+};
+var init_staticHtmlNonce = __esm(() => {
+  init_cspNonceRef();
+});
+
 // src/utils/resolveConvention.ts
 import { basename } from "path";
 var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boolean(value) && typeof value === "object", getMap = () => {
@@ -232,7 +303,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   return conventions.defaults?.error;
 }, resolveNotFoundConventionPath = (framework) => getMap()[framework]?.defaults?.notFound, setConventions = (map) => {
   Reflect.set(globalThis, CONVENTIONS_KEY, map);
-}, isDev = () => true, buildErrorProps = (error) => {
+}, isDev = () => isDevelopmentRuntime(), buildErrorProps = (error) => {
   if (error instanceof Error) {
     return {
       message: error.message,
@@ -249,7 +320,9 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   if (typeof ErrorComponent !== "function")
     return null;
   const element = createElement(ErrorComponent, errorProps);
-  const stream = await renderToReadableStream(element);
+  const stream = await renderToReadableStream(element, {
+    nonce: readCspNonce()
+  });
   return new Response(stream, {
     headers: { "Content-Type": "text/html" },
     status: 500
@@ -260,10 +333,12 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const ErrorComponent = mod.default;
   if (!ErrorComponent)
     return null;
+  const nonce = readCspNonce();
   const { head, body } = render(ErrorComponent, {
-    props: errorProps
+    props: errorProps,
+    ...nonce ? { csp: { nonce } } : {}
   });
-  const html = `<!DOCTYPE html><html><head>${head}</head><body>${body}</body></html>`;
+  const html = `<!DOCTYPE html><html><head>${nonceSvelteHeadStyles(head)}</head><body>${body}</body></html>`;
   return new Response(html, {
     headers: { "Content-Type": "text/html" },
     status: 500
@@ -271,7 +346,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
 }, unescapeVueStyles = (ssrBody) => {
   let styles = "";
   const body = ssrBody.replace(/<style>([\s\S]*?)<\/style>/g, (_, css) => {
-    styles += `<style>${css.replace(/&quot;/g, '"').replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">")}</style>`;
+    styles += `<style${nonceAttr()}>${css.replace(/&quot;/g, '"').replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">")}</style>`;
     return "";
   });
   return { body, styles };
@@ -303,7 +378,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     status: 500
   });
 }, escapeHtml = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), replaceErrorTokens = (template, errorProps) => template.replace(/\{\{\s*name\s*\}\}/g, escapeHtml(errorProps.name)).replace(/\{\{\s*message\s*\}\}/g, escapeHtml(errorProps.message)).replace(/\{\{\s*stack\s*\}\}/g, errorProps.stack ? escapeHtml(errorProps.stack) : ""), renderHtmlError = async (conventionPath, errorProps) => {
-  const template = await Bun.file(conventionPath).text();
+  const template = await nonceStaticHtml(await Bun.file(conventionPath).text());
   const html = replaceErrorTokens(template, errorProps);
   return new Response(html, {
     headers: { "Content-Type": "text/html" },
@@ -358,7 +433,9 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   if (typeof NotFoundComponent !== "function")
     return null;
   const element = createElement(NotFoundComponent);
-  const stream = await renderToReadableStream(element);
+  const stream = await renderToReadableStream(element, {
+    nonce: readCspNonce()
+  });
   return new Response(stream, {
     headers: { "Content-Type": "text/html" },
     status: 404
@@ -369,8 +446,9 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const NotFoundComponent = mod.default;
   if (!NotFoundComponent)
     return null;
-  const { head, body } = render(NotFoundComponent);
-  const html = `<!DOCTYPE html><html><head>${head}</head><body>${body}</body></html>`;
+  const nonce = readCspNonce();
+  const { head, body } = render(NotFoundComponent, nonce ? { csp: { nonce } } : {});
+  const html = `<!DOCTYPE html><html><head>${nonceSvelteHeadStyles(head)}</head><body>${body}</body></html>`;
   return new Response(html, {
     headers: { "Content-Type": "text/html" },
     status: 404
@@ -403,7 +481,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     status: 404
   });
 }, renderHtmlNotFound = async (conventionPath) => {
-  const html = await Bun.file(conventionPath).text();
+  const html = await nonceStaticHtml(await Bun.file(conventionPath).text());
   return new Response(html, {
     headers: { "Content-Type": "text/html" },
     status: 404
@@ -421,7 +499,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     logConventionRenderError(framework, "not-found", renderError);
   }
   return null;
-}, NOT_FOUND_PRIORITY, renderFirstNotFound = async () => {
+}, NOT_FOUND_PRIORITY, renderFirstNotFound = async (options = {}) => {
   const renderNext = async (frameworks) => {
     const [framework, ...remaining] = frameworks;
     if (!framework) {
@@ -436,13 +514,16 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     }
     return renderNext(remaining);
   };
-  return renderNext(NOT_FOUND_PRIORITY);
+  return renderNext(options.preferHtmx ? ["htmx", ...NOT_FOUND_PRIORITY.filter((key) => key !== "htmx")] : NOT_FOUND_PRIORITY);
 };
 var init_resolveConvention = __esm(() => {
+  init_cspNonceRef();
+  init_staticHtmlNonce();
   ERROR_RENDERERS = {
     angular: renderAngularError,
     ember: renderEmberError,
     html: renderHtmlError,
+    htmx: renderHtmlError,
     react: renderReactError,
     svelte: renderSvelteError,
     vue: renderVueError
@@ -451,6 +532,7 @@ var init_resolveConvention = __esm(() => {
     angular: renderAngularNotFound,
     ember: renderEmberNotFound,
     html: renderHtmlNotFound,
+    htmx: renderHtmlNotFound,
     react: renderReactNotFound,
     svelte: renderSvelteNotFound,
     vue: renderVueNotFound
@@ -460,7 +542,8 @@ var init_resolveConvention = __esm(() => {
     "svelte",
     "vue",
     "angular",
-    "html"
+    "html",
+    "htmx"
   ];
 });
 
@@ -749,15 +832,15 @@ var ISLAND_BOOTSTRAP_MANIFEST_KEY = "AbsoluteIslandBootstrap", LEGACY_ISLAND_BOO
 var ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__", ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__", CLOSING_HEAD_TAG = "</head>", warnedMissingBootstrap = false, warnIfBootstrapMissing = (manifest) => {
   if (warnedMissingBootstrap || getIslandBootstrapPath(manifest))
     return;
-  if (false)
-    ;
+  if (isProductionRuntime())
+    return;
   warnedMissingBootstrap = true;
   logWarn("A page contains islands, but the build manifest has no islands bootstrap, so they will render without hydrating. Set `islands.registry` in absolute.config.ts (a default bootstrap is generated from it) or point `islands.bootstrap` at a file that calls startIslands().");
 }, buildIslandsHeadMarkup = (manifest) => {
-  const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
-  const islandStateScript = `<script>window.__ABS_ISLAND_STATE__ = ${JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {})}</script>`;
+  const manifestScript = `<script${nonceAttr()}>window.__ABSOLUTE_MANIFEST__ = ${escapeScriptContent(JSON.stringify(manifest))}</script>`;
+  const islandStateScript = `<script${nonceAttr()}>window.__ABS_ISLAND_STATE__ = ${escapeScriptContent(JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {}))}</script>`;
   const bootstrapPath = getIslandBootstrapPath(manifest);
-  const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
+  const bootstrapScript = bootstrapPath ? `<script${nonceAttr()} type="module" src="${bootstrapPath}"></script>` : "";
   return `${manifestScript}${islandStateScript}${bootstrapScript}`;
 }, injectHeadMarkup = (html, markup) => {
   const closingHeadIndex = html.indexOf("</head>");
@@ -958,6 +1041,8 @@ var ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST
   globalThis.__absoluteManifest = manifest;
 };
 var init_islandPageContext = __esm(() => {
+  init_escapeScriptContent();
+  init_cspNonceRef();
   init_logger();
 });
 
@@ -1087,7 +1172,7 @@ var errorPageHtml = ({
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>SSR Error - AbsoluteJS</title>
-<style>
+<style${nonceAttr()}>
 *{margin:0;padding:0;box-sizing:border-box}
 body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.98) 100%);color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;padding:32px}
 .card{max-width:720px;width:100%;background:rgba(30,41,59,0.6);border:1px solid rgba(71,85,105,0.5);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}
@@ -1119,20 +1204,23 @@ body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,r
 ${script}
 </body>
 </html>`;
-}, RELOAD_ON_REBUILD = `<script>(()=>{const url=(location.protocol==='https:'?'wss://':'ws://')+location.host+'/hmr';let seen=false;const connect=()=>{const socket=new WebSocket(url);socket.onopen=()=>{if(seen)location.reload();seen=true;};socket.onmessage=(event)=>{try{const message=JSON.parse(event.data);const type=message&&typeof message.type==='string'?message.type:'';if(type==='rebuild-complete'||type==='server-entry-reloaded'||type.endsWith('-update'))location.reload();}catch{}};socket.onclose=()=>setTimeout(connect,500);};connect();})();</script>`, buildErrorPage = (framework, pageName, error) => errorPageHtml({
+}, reloadOnRebuild = () => `<script${nonceAttr()}>(()=>{const url=(location.protocol==='https:'?'wss://':'ws://')+location.host+'/hmr';let seen=false;const connect=()=>{const socket=new WebSocket(url);socket.onopen=()=>{if(seen)location.reload();seen=true;};socket.onmessage=(event)=>{try{const message=JSON.parse(event.data);const type=message&&typeof message.type==='string'?message.type:'';if(type==='rebuild-complete'||type==='server-entry-reloaded'||type.endsWith('-update'))location.reload();}catch{}};socket.onclose=()=>setTimeout(connect,500);};connect();})();</script>`, buildErrorPage = (framework, pageName, error) => errorPageHtml({
   framework,
   hint: "Fix the file and save. This page reloads by itself when the build succeeds.",
   kind: "Build Error",
   message: `${pageName || "This page"} could not be built.
 
 ${error ?? "The dev-server terminal has the build output."}`,
-  script: RELOAD_ON_REBUILD
+  script: reloadOnRebuild()
 }), ssrErrorPage = (framework, error) => errorPageHtml({
   framework,
   hint: "A component threw during server-side rendering. Check the terminal for the full stack trace.",
   kind: "Server Render Error",
   message: error instanceof Error ? error.message : String(error)
 });
+var init_ssrErrorPage = __esm(() => {
+  init_cspNonceRef();
+});
 
 // src/core/requestContext.ts
 import { AsyncLocalStorage as AsyncLocalStorage2 } from "async_hooks";
@@ -1206,6 +1294,7 @@ var REQUEST_STORAGE_KEY, PAGE_WARMER_KEY, isAbsoluteRequestStorage = (value) =>
   return headClose ? head.slice(0, headClose.index) + links + head.slice(headClose.index) : head + links;
 };
 var init_requestContext = __esm(() => {
+  init_ssrErrorPage();
   REQUEST_STORAGE_KEY = Symbol.for("absolutejs.requestAsyncLocalStorage");
   PAGE_WARMER_KEY = Symbol.for("absolutejs.devPageWarmer");
   absoluteRequestContext = new Elysia2({
@@ -1333,13 +1422,13 @@ var ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE = "application/vnd.absolute.page+json", ABSO
 }, headerVaryValues, envelopeResponse = (response, status) => new Response(JSON.stringify({
   protocol: ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION,
   response
-}), { headers: responseHeaders(), status }), isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value), normalizeJsonValue = (value) => {
+}), { headers: responseHeaders(), status }), isRecord2 = (value) => typeof value === "object" && value !== null && !Array.isArray(value), normalizeJsonValue = (value) => {
   const serialized = JSON.stringify(value);
   if (serialized === undefined) {
     throw new TypeError("Mobile page props must be JSON-serializable.");
   }
   const parsed = JSON.parse(serialized);
-  if (!isRecord(parsed)) {
+  if (!isRecord2(parsed)) {
     throw new TypeError("Mobile page props must serialize to an object.");
   }
   return parsed;
@@ -1369,7 +1458,9 @@ var ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE = "application/vnd.absolute.page+json", ABSO
     return createAbsoluteMobilePageErrorResponse(page.pageId);
   }
 }, finalizeAbsoluteNativeRouteDevelopmentPage = (input) => {
-  if (false) {}
+  if (!isDevelopmentRuntime()) {
+    return createAbsoluteMobileInvalidRequestResponse("The native-route development representation is disabled outside development.");
+  }
   if (input.request?.method !== "GET") {
     return createAbsoluteMobileInvalidRequestResponse("Native-route data requests must use GET.");
   }
@@ -1711,22 +1802,15 @@ var streamSwapRuntime = () => {
   return value.slice(start + 1, end);
 }, getStreamSwapRuntimeScript = () => `(function(){${stripFunctionWrapper(streamSwapRuntime.toString())}})();`;
 
-// src/utils/escapeScriptContent.ts
-var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
-  const escaped = ESCAPE_LOOKUP[char];
-  return escaped !== undefined ? escaped : char;
-});
-var init_escapeScriptContent = __esm(() => {
-  ESCAPE_LOOKUP = {
-    "\u2028": "\\u2028",
-    "\u2029": "\\u2029",
-    "<": "\\u003C"
-  };
-  ESCAPE_REGEX = /[<\u2028\u2029]/g;
-});
-
 // src/utils/streamingSlots.ts
-var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG2 = "</head>", CLOSING_BODY_TAG_LENGTH, CLOSING_HEAD_TAG_LENGTH, CLOSING_PAGE_TAG_REGEX, STREAMING_RUNTIME_GLOBAL = "__ABS_SLOT_ENQUEUE__", STREAMING_PENDING_GLOBAL = "__ABS_SLOT_PENDING__", STREAM_TAIL_LOOKBEHIND = 128, STREAMING_SLOT_TIMEOUT_MS = 5000, STREAMING_SLOT_MAX_PER_RESPONSE = 128, STREAMING_SLOT_MAX_HTML_BYTES = 64000, createSlotPatchStatement = (id, payload) => `(window.${STREAMING_RUNTIME_GLOBAL}||function(i,p){window.${STREAMING_PENDING_GLOBAL}=window.${STREAMING_PENDING_GLOBAL}||{};window.${STREAMING_PENDING_GLOBAL}[i]=p;})(${JSON.stringify(id)},${JSON.stringify(payload)});`, createNonceAttr = (nonce) => nonce ? ` nonce="${nonce}"` : "", createStreamingSlotId = () => `${SLOT_ID_PREFIX}${Math.random().toString(BASE_36_RADIX).slice(2, RANDOM_ID_END_INDEX)}`, getStreamingSlotsRuntimeScript = () => getStreamSwapRuntimeScript(), injectHtmlIntoBody = (html, injection) => {
+var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG2 = "</head>", CLOSING_BODY_TAG_LENGTH, CLOSING_HEAD_TAG_LENGTH, CLOSING_PAGE_TAG_REGEX, STREAMING_RUNTIME_GLOBAL = "__ABS_SLOT_ENQUEUE__", STREAMING_PENDING_GLOBAL = "__ABS_SLOT_PENDING__", STREAM_TAIL_LOOKBEHIND = 128, STREAMING_SLOT_TIMEOUT_MS = 5000, findSafeFlushIndex = (text, cut) => {
+  const head = text.slice(0, cut);
+  const openScript = head.lastIndexOf("<script");
+  const scriptCut = openScript > head.lastIndexOf("</script>") ? openScript : cut;
+  const beforeScript = text.slice(0, scriptCut);
+  const openTag = beforeScript.lastIndexOf("<");
+  return openTag > beforeScript.lastIndexOf(">") ? openTag : scriptCut;
+}, STREAMING_SLOT_MAX_PER_RESPONSE = 128, STREAMING_SLOT_MAX_HTML_BYTES = 64000, createSlotPatchStatement = (id, payload) => `(window.${STREAMING_RUNTIME_GLOBAL}||function(i,p){window.${STREAMING_PENDING_GLOBAL}=window.${STREAMING_PENDING_GLOBAL}||{};window.${STREAMING_PENDING_GLOBAL}[i]=p;})(${JSON.stringify(id)},${JSON.stringify(payload)});`, createNonceAttr = (nonce) => nonceAttr(nonce), createStreamingSlotId = () => `${SLOT_ID_PREFIX}${Math.random().toString(BASE_36_RADIX).slice(2, RANDOM_ID_END_INDEX)}`, getStreamingSlotsRuntimeScript = () => getStreamSwapRuntimeScript(), injectHtmlIntoBody = (html, injection) => {
   const closingBodyIndex = html.indexOf(CLOSING_BODY_TAG);
   if (closingBodyIndex >= 0) {
     return `${html.slice(0, closingBodyIndex)}${injection}${html.slice(closingBodyIndex)}`;
@@ -1744,7 +1828,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
     getStreamingSlotsRuntimeScript()
   ].filter(Boolean).join(";");
   return `<script${createNonceAttr(nonce)}>${escapeScriptContent(runtimeBody)}</script>`;
-}, toUint8 = (value, encoder) => encoder.encode(value), isRecord2 = (value) => Boolean(value) && typeof value === "object", isSafeHtmlLike = (value) => isRecord2(value) && typeof value.changingThisBreaksApplicationSecurity === "string", normalizeSafeHtml = (value) => {
+}, toUint8 = (value, encoder) => encoder.encode(value), isRecord3 = (value) => Boolean(value) && typeof value === "object", isSafeHtmlLike = (value) => isRecord3(value) && typeof value.changingThisBreaksApplicationSecurity === "string", normalizeSafeHtml = (value) => {
   if (isSafeHtmlLike(value)) {
     return value.changingThisBreaksApplicationSecurity;
   }
@@ -1805,7 +1889,8 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
 }, createTimeoutError = (slot, timeoutMs) => {
   const error = Object.assign(new Error(`Streaming slot "${slot.id}" timed out after ${timeoutMs}ms`), { __absTimeout: true });
   return error;
-}, isSlotPatchPayloadObject = (value) => isRecord2(value) && ("html" in value), isTimeoutError = (error) => isRecord2(error) && error.__absTimeout === true, toStreamingSlot = (slot, policy) => ({
+}, isSlotPatchPayloadObject = (value) => isRecord3(value) && ("html" in value), isTimeoutError = (error) => isRecord3(error) && error.__absTimeout === true, toStreamingSlot = (slot, policy) => ({
+  dynamic: slot.dynamic,
   errorHtml: slot.errorHtml === undefined ? policy.errorHtml : slot.errorHtml,
   fallbackHtml: normalizeSlotText(slot.fallbackHtml, policy.fallbackHtml),
   id: slot.id ?? createStreamingSlotId(),
@@ -2030,9 +2115,10 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
     if (tail.length <= STREAM_TAIL_LOOKBEHIND) {
       return tail;
     }
-    const content = tail.slice(0, tail.length - STREAM_TAIL_LOOKBEHIND);
-    controller.enqueue(encoder.encode(content));
-    return tail.slice(-STREAM_TAIL_LOOKBEHIND);
+    const cut = findSafeFlushIndex(tail, tail.length - STREAM_TAIL_LOOKBEHIND);
+    if (cut > 0)
+      controller.enqueue(encoder.encode(tail.slice(0, cut)));
+    return tail.slice(cut);
   };
   const finalizeCompletedBaseWinner = (controller, decodedTail, baseRead) => {
     const footerStart = decodedTail.search(CLOSING_PAGE_TAG_REGEX);
@@ -2265,6 +2351,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
   });
 };
 var init_streamingSlots = __esm(() => {
+  init_cspNonceRef();
   init_constants();
   init_escapeScriptContent();
   CLOSING_BODY_TAG_LENGTH = CLOSING_BODY_TAG.length;
@@ -2279,6 +2366,42 @@ var init_streamingSlots = __esm(() => {
   };
 });
 
+// src/core/partialPrerender.ts
+import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
+import { existsSync, readFileSync } from "fs";
+import { rm } from "fs/promises";
+var PARTIAL_HOLES_HEADER = "X-Absolute-Partial-Holes", PARTIAL_SHELL_HEADER = "X-Absolute-Partial-Shell", SINK_STORAGE_KEY, isSinkStorage = (value) => value instanceof AsyncLocalStorage3, getSinkStorage = () => {
+  const existing = Reflect.get(globalThis, SINK_STORAGE_KEY);
+  if (isSinkStorage(existing))
+    return existing;
+  const created = new AsyncLocalStorage3;
+  Reflect.set(globalThis, SINK_STORAGE_KEY, created);
+  return created;
+}, activePartialHolesSink = () => getSinkStorage().getStore(), collectPartialHoles = async (render) => {
+  const sink = { slots: undefined };
+  const response = await getSinkStorage().run(sink, render);
+  return { response, slots: sink.slots };
+}, decodePartialHoles = (value) => value ? value.split(",").filter(Boolean).map((id) => decodeURIComponent(id)) : [], encodePartialHoles = (ids) => ids.map((id) => encodeURIComponent(id)).join(","), isDynamicStreamingSlot = (slot) => slot.dynamic === true, isPartialShellCapture = (request) => request?.headers.get(PARTIAL_SHELL_HEADER) === "1", holesPath = (htmlPath) => htmlPath.replace(/\.html$/, ".holes"), readPartialHoles = (htmlPath) => {
+  const path = holesPath(htmlPath);
+  if (!existsSync(path))
+    return [];
+  return decodePartialHoles(readFileSync(path, "utf-8").trim().split(`
+`).join(","));
+}, writePartialHoles = async (htmlPath, response) => {
+  const ids = decodePartialHoles(response.headers.get(PARTIAL_HOLES_HEADER));
+  if (ids.length > 0) {
+    await Bun.write(holesPath(htmlPath), `${encodePartialHoles(ids).split(",").join(`
+`)}
+`);
+  } else {
+    await rm(holesPath(htmlPath), { force: true });
+  }
+  return ids;
+};
+var init_partialPrerender = __esm(() => {
+  SINK_STORAGE_KEY = Symbol.for("absolutejs.partialPrerenderHolesSink");
+});
+
 // src/core/routeAssets.ts
 var LINK_TAG_RE, REL_STYLESHEET_RE, HREF_RE, TITLE_RE, ENTITIES, ENTITY_RE, decodeEntities = (value) => value.replace(ENTITY_RE, (match) => ENTITIES[match] ?? match), readHeadStylesheets = (head) => {
   if (!head)
@@ -2328,7 +2451,7 @@ var init_browserTranslationAttributes = __esm(() => {
 });
 
 // src/core/browserTranslation.ts
-var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BASELINE_SCRIPT, browserTranslationBaselineTag = () => `<script>${BROWSER_TRANSLATION_BASELINE_SCRIPT}</script>`, injectBrowserTranslationBaseline = (html) => {
+var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BASELINE_SCRIPT, browserTranslationBaselineTag = () => `<script${nonceAttr()}>${BROWSER_TRANSLATION_BASELINE_SCRIPT}</script>`, injectBrowserTranslationBaseline = (html) => {
   if (html.includes(BASELINE_MARKER))
     return html;
   const script = browserTranslationBaselineTag();
@@ -2338,19 +2461,20 @@ var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BAS
   return `${html.slice(0, closingBodyIndex)}${script}${html.slice(closingBodyIndex)}`;
 };
 var init_browserTranslation = __esm(() => {
+  init_cspNonceRef();
   init_browserTranslationAttributes();
   BROWSER_TRANSLATION_BASELINE_SCRIPT = "window.__ABSOLUTE_SSR_TEXT_BASELINES__=new WeakMap();" + "window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__=new WeakMap();" + "{const r=document.body,b=window.__ABSOLUTE_SSR_TEXT_BASELINES__," + "a=window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__;" + 'if(r)for(const e of [r,...r.querySelectorAll("*")]){' + "const t=new Map();for(const [i,n]of[...e.childNodes].entries())" + 'if(n.nodeType===3)t.set(i,n.nodeValue??"");if(t.size)b.set(e,t);' + `const v=new Map();for(const k of ${JSON.stringify(TRANSLATABLE_ATTRIBUTES)}){` + "const s=e.getAttribute(k);if(s!==null)v.set(k,s);}if(v.size)a.set(e,v);}}";
 });
 
 // src/cli/scripts/telemetry.ts
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
+import { existsSync as existsSync2, mkdirSync, readFileSync as readFileSync2, writeFileSync } from "fs";
 import { homedir } from "os";
 import { join } from "path";
 var configDir, configPath, getTelemetryConfig = () => {
   try {
-    if (!existsSync(configPath))
+    if (!existsSync2(configPath))
       return null;
-    const raw = readFileSync(configPath, "utf-8");
+    const raw = readFileSync2(configPath, "utf-8");
     const config = JSON.parse(raw);
     return config;
   } catch {
@@ -2363,14 +2487,14 @@ var init_telemetry = __esm(() => {
 });
 
 // src/cli/telemetryEvent.ts
-import { existsSync as existsSync2, readFileSync as readFileSync2 } from "fs";
+import { existsSync as existsSync3, readFileSync as readFileSync3 } from "fs";
 import { arch, platform } from "os";
 import { dirname as dirname3, join as join2, parse } from "path";
 var checkCandidate = (candidate) => {
-  if (!existsSync2(candidate)) {
+  if (!existsSync3(candidate)) {
     return null;
   }
-  const pkg = JSON.parse(readFileSync2(candidate, "utf-8"));
+  const pkg = JSON.parse(readFileSync3(candidate, "utf-8"));
   if (pkg.name === "@absolutejs/absolute") {
     const ver = pkg.version;
     return ver;
@@ -2424,17 +2548,17 @@ var init_telemetryEvent = __esm(() => {
 });
 
 // src/dev/buildHMRClient.ts
-import { existsSync as existsSync3 } from "fs";
+import { existsSync as existsSync4 } from "fs";
 import { resolve as resolve2 } from "path";
 var {build: bunBuild } = globalThis.Bun;
 var resolveHmrClientPath = () => {
   const projectRoot = process.cwd();
   const fromSource = resolve2(import.meta.dir, "client/hmrClient.ts");
-  if (existsSync3(fromSource) && fromSource.startsWith(projectRoot)) {
+  if (existsSync4(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
   const fromNodeModules = resolve2(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client/hmrClient.ts");
-  if (existsSync3(fromNodeModules))
+  if (existsSync4(fromNodeModules))
     return fromNodeModules;
   return resolve2(import.meta.dir, "dev/client/hmrClient.ts");
 }, hmrClientPath, buildHMRClient = async () => {
@@ -2474,14 +2598,14 @@ var defineIslandComponent = (component, options) => ({
   component,
   export: options.export,
   source: options.source
-}), defineIslandRegistry = (registry) => registry, isRecord4 = (value) => typeof value === "object" && value !== null, getIslandBuildReference = (component) => {
+}), defineIslandRegistry = (registry) => registry, isRecord5 = (value) => typeof value === "object" && value !== null, getIslandBuildReference = (component) => {
   if (!isIslandComponentDefinition(component))
     return null;
   return {
     export: component.export,
     source: component.source
   };
-}, isIslandComponentDefinition = (value) => isRecord4(value) && ("component" in value) && ("source" in value) && typeof value.source === "string", parseIslandProps = (rawProps) => {
+}, isIslandComponentDefinition = (value) => isRecord5(value) && ("component" in value) && ("source" in value) && typeof value.source === "string", parseIslandProps = (rawProps) => {
   if (!rawProps)
     return {};
   return JSON.parse(rawProps);
@@ -2513,21 +2637,21 @@ var requireCurrentIslandRegistry = () => {
 };
 
 // src/angular/resolveAngularPackage.ts
-import { existsSync as existsSync4, readFileSync as readFileSync3 } from "fs";
+import { existsSync as existsSync5, readFileSync as readFileSync4 } from "fs";
 import { join as join3, resolve as resolve3 } from "path";
 var resolveAngularPackageDir = (specifier) => {
   const fromCompiledRuntime = process.env.ABSOLUTE_BUILD_DIR ? resolve3(process.env.ABSOLUTE_BUILD_DIR, "node_modules", specifier) : null;
-  if (fromCompiledRuntime && existsSync4(fromCompiledRuntime)) {
+  if (fromCompiledRuntime && existsSync5(fromCompiledRuntime)) {
     return fromCompiledRuntime;
   }
   const fromProject = resolve3(process.cwd(), "node_modules", specifier);
-  if (existsSync4(fromProject)) {
+  if (existsSync5(fromProject)) {
     return fromProject;
   }
   return null;
 }, resolvePackageEntry = (packageDir) => {
   try {
-    const pkg = JSON.parse(readFileSync3(join3(packageDir, "package.json"), "utf-8"));
+    const pkg = JSON.parse(readFileSync4(join3(packageDir, "package.json"), "utf-8"));
     const rootExport = pkg.exports?.["."];
     const entry = (typeof rootExport === "string" ? rootExport : rootExport?.default) ?? pkg.module ?? pkg.main ?? "index.js";
     return join3(packageDir, entry);
@@ -2546,16 +2670,13 @@ var resolveAngularPackageDir = (specifier) => {
   ].filter((value) => Boolean(value));
   for (const buildDir of buildDirs) {
     const vendorPath = join3(buildDir, "angular", "vendor", "server", `${toSafeVendorName(specifier)}.js`);
-    if (existsSync4(vendorPath))
+    if (existsSync5(vendorPath))
       return vendorPath;
   }
   return resolveAngularPackage(specifier);
 };
 var init_resolveAngularPackage = () => {};
 
-// src/utils/runtimeMode.ts
-var ENV_VAR = "NODE_ENV", isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
-
 // src/angular/angularPatch.ts
 var ensureHead = (doc) => {
   if (!doc || doc.head || !doc.documentElement) {
@@ -2729,6 +2850,7 @@ var initDominoAdapter = (platformServer) => {
     APP_BASE_HREF: common.APP_BASE_HREF,
     bootstrapApplication: platformBrowser.bootstrapApplication,
     Component: core.Component,
+    CSP_NONCE: core.CSP_NONCE,
     DomSanitizer: platformBrowser.DomSanitizer,
     ENVIRONMENT_INITIALIZER: core.ENVIRONMENT_INITIALIZER,
     inject: core.inject,
@@ -2736,6 +2858,7 @@ var initDominoAdapter = (platformServer) => {
     NgComponentOutlet: common.NgComponentOutlet,
     provideClientHydration: platformBrowser.provideClientHydration,
     provideServerRendering: platformServer.provideServerRendering,
+    provideZoneChangeDetection: core.provideZoneChangeDetection,
     provideZonelessChangeDetection: core.provideZonelessChangeDetection,
     reflectComponentType: core.reflectComponentType,
     renderApplication: platformServer.renderApplication,
@@ -2811,7 +2934,7 @@ var scriptRegistry, requestCounter = 0, getRequestId = () => `req_${Date.now()}_
 	})();`;
   }).join(`
 `);
-  return `<script>
+  return `<script${nonceAttr()}>
 (function() {
 ${scriptCode}
 })();
@@ -2829,6 +2952,7 @@ ${scriptCode}
   return scriptArray;
 };
 var init_registerClientScript = __esm(() => {
+  init_cspNonceRef();
   scriptRegistry = new Map;
   if (typeof globalThis !== "undefined") {
     Object.assign(globalThis, { registerClientScript });
@@ -2857,6 +2981,81 @@ var buildRequestProviders = (deps, request, requestContext, responseInit) => [
   { provide: deps.RESPONSE_INIT, useValue: responseInit ?? null }
 ];
 
+// src/angular/zoneRuntime.ts
+var ZONE_NODE_SPECIFIER = "zone.js/node", MISSING_ZONE_MESSAGE = 'angular.changeDetection is "zone" but zone.js could not be loaded. Install it in your app (bun add zone.js).', isAngularZoneMode = () => globalThis.__absoluteAngularChangeDetection === "zone", setAngularChangeDetection = (mode) => {
+  globalThis.__absoluteAngularChangeDetection = mode ?? "zoneless";
+}, isRecord6 = (value) => typeof value === "object" && value !== null, adoptIntoNativePromise = (NativePromise, value) => {
+  if (value instanceof NativePromise || !isRecord6(value))
+    return value;
+  const { then } = value;
+  if (typeof then !== "function")
+    return value;
+  return new NativePromise((resolve, reject) => {
+    Reflect.apply(then, value, [resolve, reject]);
+  });
+}, wrapHandler = (NativePromise, handler) => {
+  if (typeof handler !== "function")
+    return handler;
+  return function nativePromiseHandler(...args) {
+    return adoptIntoNativePromise(NativePromise, Reflect.apply(handler, this, args));
+  };
+}, wrapRoute = (NativePromise, route) => {
+  if (typeof route === "function")
+    return wrapHandler(NativePromise, route);
+  if (!isRecord6(route) || route instanceof Response || route instanceof Blob)
+    return route;
+  return Object.fromEntries(Object.entries(route).map(([method, handler]) => [
+    method,
+    wrapHandler(NativePromise, handler)
+  ]));
+}, wrapServeOptions = (NativePromise, options) => {
+  if (!isRecord6(options))
+    return options;
+  const wrapped = { ...options };
+  if (options.fetch)
+    wrapped.fetch = wrapHandler(NativePromise, options.fetch);
+  if (options.error)
+    wrapped.error = wrapHandler(NativePromise, options.error);
+  if (isRecord6(options.routes))
+    wrapped.routes = Object.fromEntries(Object.entries(options.routes).map(([path, route]) => [
+      path,
+      wrapRoute(NativePromise, route)
+    ]));
+  return wrapped;
+}, wrapServerReload = (NativePromise, server) => {
+  if (!isRecord6(server))
+    return;
+  const { reload } = server;
+  if (typeof reload !== "function")
+    return;
+  Reflect.set(server, "reload", (options) => Reflect.apply(reload, server, [
+    wrapServeOptions(NativePromise, options)
+  ]));
+}, patchBunServe = (NativePromise) => {
+  const originalServe = Bun.serve;
+  Reflect.set(Bun, "serve", (options) => {
+    const server = Reflect.apply(originalServe, Bun, [
+      wrapServeOptions(NativePromise, options)
+    ]);
+    wrapServerReload(NativePromise, server);
+    return server;
+  });
+  wrapServerReload(NativePromise, globalThis.__absoluteBunServer);
+}, installation = null, isPromiseConstructor = (value) => typeof value === "function", install = async () => {
+  setAngularChangeDetection("zone");
+  const savedNative = Reflect.get(globalThis, "__zone_symbol__Promise");
+  const NativePromise = isPromiseConstructor(savedNative) ? savedNative : globalThis.Promise;
+  try {
+    await import(ZONE_NODE_SPECIFIER);
+  } catch (error) {
+    throw new Error(MISSING_ZONE_MESSAGE, { cause: error });
+  }
+  patchBunServe(NativePromise);
+}, installAngularZoneRuntime = () => {
+  installation ??= install();
+  return installation;
+};
+
 // src/angular/ssrRender.ts
 var routeContextCache, cacheRouteData = (pagePath, data) => {
   const cacheKey = pagePath.split("?")[0] ?? pagePath;
@@ -2864,7 +3063,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
 }, getCachedRouteData = (pagePath) => routeContextCache.get(pagePath), selectorCache, buildProviders = (deps, sanitizer, request, requestContext, responseInit, userProviders = []) => [
   deps.provideServerRendering(),
   deps.provideClientHydration(deps.withHttpTransferCacheOptions(buildAbsoluteHttpTransferCacheOptions())),
-  deps.provideZonelessChangeDetection(),
+  isAngularZoneMode() ? deps.provideZoneChangeDetection({ eventCoalescing: true }) : deps.provideZonelessChangeDetection(),
   { provide: deps.APP_BASE_HREF, useValue: "/" },
   { provide: deps.DomSanitizer, useValue: sanitizer },
   { provide: deps.Sanitizer, useValue: sanitizer },
@@ -2893,15 +3092,17 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
     result = injectBeforeClose(result, generateClientScriptCode(registeredScripts));
   }
   if (requestContext !== undefined) {
-    result = injectBeforeClose(result, `<script>window.__ABS_ANGULAR_REQUEST_CONTEXT__ = ${JSON.stringify(requestContext)};</script>`);
+    result = injectBeforeClose(result, `<script${nonceAttr()}>window.__ABS_ANGULAR_REQUEST_CONTEXT__ = ${escapeScriptContent(JSON.stringify(requestContext))};</script>`);
   }
   if (indexPath) {
     const escapedIndexPath = JSON.stringify(indexPath);
-    result = injectBeforeClose(result, `<script>import(${escapedIndexPath});</script>`);
+    result = injectBeforeClose(result, `<script${nonceAttr()}>import(${escapeScriptContent(escapedIndexPath)});</script>`);
   }
   return result;
 }, renderAngularApp = async (deps, PageComponent, providers, document2, url = "/") => {
-  const bootstrap = (context) => deps.bootstrapApplication(PageComponent, { providers }, context);
+  const nonce = readCspNonce();
+  const cspProviders = nonce ? [{ provide: deps.CSP_NONCE, useValue: nonce }] : [];
+  const bootstrap = (context) => deps.bootstrapApplication(PageComponent, { providers: [...providers, ...cspProviders] }, context);
   return withSuppressedAngularDevLogs(() => deps.renderApplication(bootstrap, {
     document: document2,
     platformProviders: [],
@@ -2922,6 +3123,8 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
   }
 };
 var init_ssrRender = __esm(() => {
+  init_escapeScriptContent();
+  init_cspNonceRef();
   init_registerClientScript();
   init_browserTranslation();
   routeContextCache = new Map;
@@ -3539,7 +3742,7 @@ var init_angularServerModule = __esm(() => {
 
 // src/build/resolvePackageImport.ts
 import { resolve as resolve4, join as join6 } from "path";
-import { existsSync as existsSync5, readFileSync as readFileSync4 } from "fs";
+import { existsSync as existsSync6, readFileSync as readFileSync5 } from "fs";
 var resolveExportPath = (entry, conditions) => {
   if (typeof entry === "string")
     return entry;
@@ -3561,14 +3764,14 @@ var resolveExportPath = (entry, conditions) => {
   const subpath = isScoped ? parts.slice(2).join("/") : parts.slice(1).join("/");
   const exportKey = subpath ? `./${subpath}` : ".";
   const currentPackageJsonPath = resolve4(process.cwd(), "package.json");
-  const currentPackageJson = existsSync5(currentPackageJsonPath) ? JSON.parse(readFileSync4(currentPackageJsonPath, "utf-8")) : null;
+  const currentPackageJson = existsSync6(currentPackageJsonPath) ? JSON.parse(readFileSync5(currentPackageJsonPath, "utf-8")) : null;
   const currentPackageDir = currentPackageJson?.name === packageName ? process.cwd() : null;
   const packageDir = currentPackageDir ?? resolve4(process.cwd(), "node_modules", packageName ?? "");
   const packageJsonPath = join6(packageDir, "package.json");
-  if (!existsSync5(packageJsonPath))
+  if (!existsSync6(packageJsonPath))
     return null;
   try {
-    const packageJson = currentPackageDir && currentPackageJson ? currentPackageJson : JSON.parse(readFileSync4(packageJsonPath, "utf-8"));
+    const packageJson = currentPackageDir && currentPackageJson ? currentPackageJson : JSON.parse(readFileSync5(packageJsonPath, "utf-8"));
     const { exports } = packageJson;
     if (!exports)
       return null;
@@ -3580,12 +3783,12 @@ var resolveExportPath = (entry, conditions) => {
       return null;
     if (currentPackageDir && importPath.startsWith("./dist/")) {
       const sourceCandidate = resolve4(packageDir, importPath.replace(/^\.\/dist\//, "./src/"));
-      if (existsSync5(sourceCandidate)) {
+      if (existsSync6(sourceCandidate)) {
         return sourceCandidate;
       }
     }
     const resolved = resolve4(packageDir, importPath);
-    return existsSync5(resolved) ? resolved : null;
+    return existsSync6(resolved) ? resolved : null;
   } catch {
     return null;
   }
@@ -3665,47 +3868,140 @@ var init_lowerIslandSyntax = __esm(() => {
 });
 
 // src/svelte/lowerAwaitSlotSyntax.ts
-var AWAIT_BLOCK_RE, escapeTemplateLiteral = (value) => value.replaceAll("\\", "\\\\").replaceAll("`", "\\`").replaceAll("${", "\\${"), markupToTemplateLiteral = (markup) => {
-  const escaped = escapeTemplateLiteral(markup.trim());
-  const withExpressions = escaped.replace(/\{([^{}]+)\}/g, (_, expression) => `\${${String(expression).trim()}}`);
-  return `\`${withExpressions}\``;
-}, lowerSvelteAwaitSlotSyntax = (source) => {
-  if (!source.includes("{#await")) {
+var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TAG_RE, SVELTE_ONLY_MARKUP_RE, QUOTES, scanCharacter = (scan, char) => {
+  if (scan.escaped) {
+    scan.escaped = false;
+    return;
+  }
+  if (scan.quote) {
+    scan.escaped = char === "\\";
+    if (char === scan.quote)
+      scan.quote = null;
+    return;
+  }
+  if (QUOTES.has(char))
+    scan.quote = char;
+  if (char === "{")
+    scan.depth += 1;
+  if (char === "}")
+    scan.depth -= 1;
+}, findTagEnd = (source, start) => {
+  const scan = { depth: 0, escaped: false, quote: null };
+  for (let index = start;index < source.length; index += 1) {
+    scanCharacter(scan, source[index] ?? "");
+    if (scan.depth === 0)
+      return index + 1;
+  }
+  return -1;
+}, topLevelTags = (markup) => {
+  const tags = [];
+  let index = markup.indexOf("{");
+  while (index !== -1) {
+    const end = findTagEnd(markup, index);
+    if (end === -1)
+      break;
+    tags.push({ end, start: index, text: markup.slice(index, end) });
+    index = markup.indexOf("{", end);
+  }
+  return tags;
+}, escapeTemplateLiteral = (value) => value.replaceAll("\\", "\\\\").replaceAll("`", "\\`").replaceAll("${", "\\${"), markupToTemplateLiteral = (markup) => {
+  const parts = topLevelTags(markup.trim());
+  const trimmed = markup.trim();
+  let cursor = 0;
+  let literal = "";
+  for (const { end, start, text } of parts) {
+    literal += escapeTemplateLiteral(trimmed.slice(cursor, start));
+    literal += `\${${text.slice(1, -1).trim()}}`;
+    cursor = end;
+  }
+  literal += escapeTemplateLiteral(trimmed.slice(cursor));
+  return `\`${literal}\``;
+}, fail = (filePath, message) => {
+  throw new Error(`${filePath ? `${filePath}: ` : ""}${message} (${AWAIT_STREAM_DIRECTIVE} streams plain HTML; remove the directive to let Svelte render the block and hydrate it)`);
+}, assertPlainHtml = (markup, branch, filePath) => {
+  const withoutExpressions = topLevelTags(markup).reduceRight((text, { end, start }) => text.slice(0, start) + text.slice(end), markup);
+  const nestedTag = topLevelTags(markup).find(({ text }) => /^\{[#:/@]/.test(text));
+  if (nestedTag || SVELTE_ONLY_MARKUP_RE.test(withoutExpressions)) {
+    fail(filePath, `the ${branch} branch of a streamed {#await} holds Svelte markup (${nestedTag?.text ?? withoutExpressions.match(SVELTE_ONLY_MARKUP_RE)?.[0]}\u2026)`);
+  }
+}, parseStreamedAwait = (source, start, filePath) => {
+  if (!source.startsWith("{#await", start)) {
+    fail(filePath, `${AWAIT_STREAM_DIRECTIVE} must come directly before an {#await} block`);
+  }
+  const headerEnd = findTagEnd(source, start);
+  if (headerEnd === -1)
+    fail(filePath, "unterminated {#await} tag");
+  const expression = source.slice(start + "{#await".length, headerEnd - 1).trim();
+  if (!expression)
+    fail(filePath, "{#await} without an expression");
+  if (/\s(?:then|catch)\b/.test(` ${expression}`)) {
+    fail(filePath, "a streamed {#await} needs a pending branch; the shorthand {#await \u2026 then \u2026} has none");
+  }
+  const close = source.indexOf("{/await}", headerEnd);
+  if (close === -1)
+    fail(filePath, "{#await} without a matching {/await}");
+  const body = source.slice(headerEnd, close);
+  const branchTags = topLevelTags(body).filter(({ text }) => /^\{:/.test(text));
+  const [thenTag, catchTag, extra] = branchTags;
+  const thenMatch = thenTag?.text.match(BRANCH_TAG_RE);
+  const catchMatch = catchTag?.text.match(BRANCH_TAG_RE);
+  if (!thenTag || thenMatch?.[1] !== "then" || catchTag && catchMatch?.[1] !== "catch" || extra) {
+    fail(filePath, "a streamed {#await} takes exactly one {:then} and at most one {:catch}, in that order");
+  }
+  const pendingMarkup = body.slice(0, thenTag?.start);
+  const thenMarkup = body.slice(thenTag?.end, catchTag?.start);
+  const catchMarkup = catchTag ? body.slice(catchTag.end) : undefined;
+  assertPlainHtml(pendingMarkup, "pending", filePath);
+  assertPlainHtml(thenMarkup, "then", filePath);
+  if (catchMarkup !== undefined)
+    assertPlainHtml(catchMarkup, "catch", filePath);
+  return {
+    catchIdentifier: catchMatch?.[2],
+    catchMarkup,
+    end: close + "{/await}".length,
+    expression,
+    pendingMarkup,
+    thenIdentifier: thenMatch?.[2],
+    thenMarkup
+  };
+}, renderSlot = (block, slotId, dynamic) => {
+  const thenValueIdentifier = block.thenIdentifier ?? "__awaitValue";
+  const catchValueIdentifier = block.catchIdentifier ?? "__awaitError";
+  const catchBranch = block.catchMarkup === undefined ? "catch (_absoluteAwaitError) { throw _absoluteAwaitError; }" : `catch (${catchValueIdentifier}) { return ${markupToTemplateLiteral(block.catchMarkup)}; }`;
+  return `<AbsoluteAwaitSlot id="${slotId}"${dynamic ? " dynamic" : ""} fallbackHtml={${markupToTemplateLiteral(block.pendingMarkup)}} resolve={async () => { try { const ${thenValueIdentifier} = await (${block.expression}); return ${markupToTemplateLiteral(block.thenMarkup)}; } ${catchBranch} }} />`;
+}, IMPORT_LINE = 'import AbsoluteAwaitSlot from "@absolutejs/absolute/svelte/components/AwaitSlot.svelte";', lowerSvelteAwaitSlotSyntax = (source, filePath) => {
+  if (!source.includes("absolute:stream")) {
     return { code: source, transformed: false };
   }
+  let lowered = "";
+  let cursor = 0;
   let awaitIndex = 0;
-  let transformed = false;
-  const lowered = source.replace(AWAIT_BLOCK_RE, (fullMatch, awaitExpression, pendingMarkup, thenIdentifier, thenMarkup, catchIdentifier, catchMarkup) => {
-    const trimmedAwaitExpression = awaitExpression.trim();
-    if (!trimmedAwaitExpression) {
-      return fullMatch;
-    }
+  for (const directive of source.matchAll(DIRECTIVE_RE)) {
+    const awaitStart = directive.index + directive[0].length;
+    if (awaitStart < cursor)
+      continue;
+    const block = parseStreamedAwait(source, awaitStart, filePath);
     const slotId = `absolute-svelte-await-${awaitIndex.toString(BASE_36_RADIX)}`;
     awaitIndex += 1;
-    transformed = true;
-    const thenValueIdentifier = thenIdentifier?.trim() || "__awaitValue";
-    const catchValueIdentifier = catchIdentifier?.trim() || "__awaitError";
-    const fallbackHtml = markupToTemplateLiteral(pendingMarkup);
-    const resolvedHtml = markupToTemplateLiteral(thenMarkup);
-    const rejectedHtml = typeof catchMarkup === "string" ? markupToTemplateLiteral(catchMarkup) : null;
-    const catchBranch = rejectedHtml ? `catch (${catchValueIdentifier}) { return ${rejectedHtml}; }` : "catch (_absoluteAwaitError) { throw _absoluteAwaitError; }";
-    return `<AbsoluteAwaitSlot id="${slotId}" fallbackHtml={${fallbackHtml}} resolve={async () => { try { const ${thenValueIdentifier} = await (${trimmedAwaitExpression}); return ${resolvedHtml}; } ${catchBranch} }} />`;
-  });
-  if (!transformed) {
+    lowered += source.slice(cursor, directive.index);
+    lowered += renderSlot(block, slotId, directive[1] !== undefined);
+    cursor = block.end;
+  }
+  if (awaitIndex === 0) {
     return { code: source, transformed: false };
   }
-  const importLine = 'import AbsoluteAwaitSlot from "@absolutejs/absolute/svelte/components/AwaitSlot.svelte";';
+  lowered += source.slice(cursor);
   if (lowered.includes("<script")) {
     return {
       code: lowered.replace(/<script(\s[^>]*)?>/, (match) => `${match}
-${importLine}
+${IMPORT_LINE}
 `),
       transformed: true
     };
   }
   return {
     code: `<script lang="ts">
-${importLine}
+${IMPORT_LINE}
 </script>
 ${lowered}`,
     transformed: true
@@ -3713,11 +4009,14 @@ ${lowered}`,
 };
 var init_lowerAwaitSlotSyntax = __esm(() => {
   init_constants();
-  AWAIT_BLOCK_RE = /\{#await\s+([^}]+)\}([\s\S]*?)\{:then(?:\s+([A-Za-z_$][\w$]*))?\}([\s\S]*?)(?:\{:catch(?:\s+([A-Za-z_$][\w$]*))?\}([\s\S]*?))?\{\/await\}/g;
+  DIRECTIVE_RE = /<!--\s*absolute:stream(\s+dynamic)?\s*-->\s*/g;
+  BRANCH_TAG_RE = /^\{:(then|catch)(?:\s+([A-Za-z_$][\w$]*))?\s*\}$/;
+  SVELTE_ONLY_MARKUP_RE = /\{[#:/@]|<[A-Z]|<svelte:/;
+  QUOTES = new Set(['"', "'", "`"]);
 });
 
 // src/build/stylePreprocessor.ts
-import { existsSync as existsSync6, readFileSync as readFileSync5 } from "fs";
+import { existsSync as existsSync7, readFileSync as readFileSync6 } from "fs";
 import { readFile as readFile2 } from "fs/promises";
 import { createRequire } from "module";
 import {
@@ -3774,12 +4073,12 @@ ${message}`);
     return tsconfigAliasCache;
   const tsconfigPath = resolve5(cwd, "tsconfig.json");
   const empty = { aliases: [], baseUrl: cwd, cwd };
-  if (!existsSync6(tsconfigPath)) {
+  if (!existsSync7(tsconfigPath)) {
     tsconfigAliasCache = empty;
     return empty;
   }
   try {
-    const parsed = JSON.parse(stripJsonComments(readFileSync5(tsconfigPath, "utf-8")));
+    const parsed = JSON.parse(stripJsonComments(readFileSync6(tsconfigPath, "utf-8")));
     const compilerOptions = parsed.compilerOptions ?? {};
     const baseUrl = resolve5(cwd, compilerOptions.baseUrl ?? ".");
     tsconfigAliasCache = {
@@ -3840,7 +4139,7 @@ ${message}`);
     ...loadPaths.map((path) => resolve5(path, specifier))
   ];
   for (const candidate of rawCandidates.flatMap((path) => getCandidatePaths(path, language))) {
-    if (existsSync6(candidate))
+    if (existsSync7(candidate))
       return candidate;
   }
   return null;
@@ -3905,7 +4204,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
   const config = normalizePostcssModule(loaded);
   const value = typeof config === "function" ? await config({
     cwd: process.cwd(),
-    env: "development"
+    env: getNodeEnv()
   }) : config;
   return normalizePostcssModule(value) ?? {};
 }, normalizePostcssPlugins = (plugins) => {
@@ -3971,7 +4270,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     if (fileLanguage !== "scss" && fileLanguage !== "sass" && fileLanguage !== null)
       return null;
     return {
-      contents: preprocessLoadedStyle(readFileSync5(filePath, "utf-8"), filePath, entryFile, loadPaths, language, config),
+      contents: preprocessLoadedStyle(readFileSync6(filePath, "utf-8"), filePath, entryFile, loadPaths, language, config),
       syntax: filePath.endsWith(".sass") ? "indented" : "scss"
     };
   }
@@ -4200,7 +4499,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     const end = start + match[0].length;
     parts.push(content.slice(cursor, start));
     const fullPath = isAbsolute2(importPath) ? importPath : resolve5(baseDir, importPath);
-    if (visited.has(fullPath) || !existsSync6(fullPath)) {
+    if (visited.has(fullPath) || !existsSync7(fullPath)) {
       parts.push(visited.has(fullPath) ? "" : match[0]);
       cursor = end;
       continue;
@@ -4226,15 +4525,15 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     const fullPath = isAbsolute2(importPath) ? importPath : resolve5(baseDir, importPath);
     if (visited.has(fullPath))
       return "";
-    if (!existsSync6(fullPath))
+    if (!existsSync7(fullPath))
       return match;
     const nextVisited = new Set(visited);
     nextVisited.add(fullPath);
-    const imported = readFileSync5(fullPath, "utf-8");
+    const imported = readFileSync6(fullPath, "utf-8");
     return resolveCssImportsSync(imported, dirname5(fullPath), nextVisited);
   });
 }, compileStyleFileIfNeededSync = (filePath, config) => {
-  const rawContents = readFileSync5(filePath, "utf-8");
+  const rawContents = readFileSync6(filePath, "utf-8");
   const language = getStyleLanguage(filePath);
   if (config?.postcss) {
     throw new Error(`Unable to compile ${filePath}: PostCSS preprocessing is async-only.`);
@@ -4271,10 +4570,10 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     return resolveCssImportsSync(result.css, dirname5(filePath), new Set([filePath]));
   }
   if (language === "less") {
-    throw new Error(`Unable to compile ${filePath}: Less styleUrl preprocessing is async-only. Import the Less file from a bundled entrypoint or use SCSS/CSS for Angular styleUrl.`);
+    throw new Error(`Unable to compile ${filePath} synchronously: Less only has an async compiler. Compile it with compileStyleFileIfNeeded() instead.`);
   }
   if (language === "stylus") {
-    throw new Error(`Unable to compile ${filePath}: Stylus styleUrl preprocessing is async-only. Import the Stylus file from a bundled entrypoint or use SCSS/CSS for Angular styleUrl.`);
+    throw new Error(`Unable to compile ${filePath} synchronously: Stylus only has an async compiler. Compile it with compileStyleFileIfNeeded() instead.`);
   }
   return resolveCssImportsSync(rawContents, dirname5(filePath), new Set([filePath]));
 };
@@ -4292,6 +4591,32 @@ var init_stylePreprocessor = __esm(() => {
   CSS_IMPORT_PATTERN = /@import\s+["']([^"']+)["']\s*;?/g;
 });
 
+// src/svelte/router/lazyModule.ts
+var LAZY_RESOLVED_KEY, LAZY_SOURCE_EXPORT = "__ABSOLUTE_SVELTE_SOURCE__", isRecord7 = (value) => typeof value === "object" && value !== null, isComponent = (value) => typeof value === "function", toLazyComponent = (value) => {
+  if (isComponent(value))
+    return value;
+  if (!isRecord7(value))
+    return;
+  const fallback = value.default;
+  return isComponent(fallback) ? fallback : undefined;
+}, readSourceFrom = (value) => {
+  if (!isRecord7(value) && !isComponent(value))
+    return;
+  const source = Reflect.get(value, LAZY_SOURCE_EXPORT);
+  return typeof source === "string" ? source : undefined;
+}, lazyModuleRegistration = (sourceId, specifier) => `
+;(globalThis[Symbol.for("absolutejs.svelte.lazy-modules")] ??= new Map()).set(${JSON.stringify(sourceId)}, () => import(${JSON.stringify(specifier)}));`, readLazySource = (value) => {
+  const fromValue = readSourceFrom(value);
+  if (fromValue !== undefined)
+    return fromValue;
+  if (!isRecord7(value))
+    return;
+  return readSourceFrom(value.default);
+};
+var init_lazyModule = __esm(() => {
+  LAZY_RESOLVED_KEY = Symbol.for("absolutejs.svelte.lazy-resolved");
+});
+
 // src/core/svelteServerModule.ts
 import { mkdir as mkdir2, readdir as readdir3 } from "fs/promises";
 import { basename as basename4, dirname as dirname6, extname as extname2, join as join8, relative as relative3, resolve as resolve6 } from "path";
@@ -4401,11 +4726,11 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, transpiler,
   const resolutionSourcePath = await resolveOriginalSourcePath(sourcePath);
   const source = await Bun.file(sourcePath).text();
   const { compile, preprocess } = await import("svelte/compiler");
-  const loweredAwaitSource = lowerSvelteAwaitSlotSyntax(source);
+  const loweredAwaitSource = lowerSvelteAwaitSlotSyntax(source, sourcePath);
   const loweredSource = lowerSvelteIslandSyntax(loweredAwaitSource.code, "server");
   const preprocessed = await preprocess(loweredSource.code, createSvelteStylePreprocessor());
   let transpiled = sourcePath.endsWith(".ts") || sourcePath.endsWith(".svelte.ts") ? transpiler.transformSync(preprocessed.code) : preprocessed.code;
-  const childImportSpecs = Array.from(transpiled.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((value) => value !== undefined);
+  const childImportSpecs = Array.from(new Set(Array.from(transpiled.matchAll(/(?:from\s+|\bimport\s*\(\s*)['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((value) => value !== undefined)));
   const resolvedChildModules = await Promise.all(childImportSpecs.map((spec) => resolveSvelteImport(spec, resolutionSourcePath)));
   const resolvedModuleImports = await Promise.all(childImportSpecs.map((spec) => resolveRelativeModule(spec, resolutionSourcePath)));
   const childModulePaths = new Map;
@@ -4452,6 +4777,14 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, transpiler,
   for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
     compiledCode = compiledCode.replaceAll(spec, resolvedModuleImport);
   }
+  const sourceId = JSON.stringify(relative3(process.cwd(), resolutionSourcePath).replace(/\\/g, "/"));
+  const componentName = /export default function ([\w$]+)\s*\(/.exec(compiledCode)?.[1];
+  compiledCode += `
+export const ${LAZY_SOURCE_EXPORT} = ${sourceId};`;
+  if (componentName) {
+    compiledCode += `
+${componentName}.${LAZY_SOURCE_EXPORT} = ${sourceId};`;
+  }
   const compiledModulePath = getCachedModulePath2(sourcePath);
   await mkdir2(dirname6(compiledModulePath), { recursive: true });
   await writeIfChanged(compiledModulePath, compiledCode);
@@ -4463,6 +4796,7 @@ var init_svelteServerModule = __esm(() => {
   init_lowerIslandSyntax();
   init_lowerAwaitSlotSyntax();
   init_stylePreprocessor();
+  init_lazyModule();
   serverCacheRoot2 = join8(process.cwd(), ".absolutejs", "islands", "svelte");
   compiledModuleCache2 = new Map;
   originalSourcePathCache = new Map;
@@ -4495,7 +4829,7 @@ var createVueCompiler = async () => {
 };
 
 // src/core/vueServerModule.ts
-import { readFileSync as readFileSync6, realpathSync } from "fs";
+import { readFileSync as readFileSync7, realpathSync } from "fs";
 import { mkdir as mkdir3 } from "fs/promises";
 import { dirname as dirname7, join as join9, relative as relative4, resolve as resolve7 } from "path";
 var {Transpiler } = globalThis.Bun;
@@ -4544,7 +4878,7 @@ var ISLAND_COMPONENT_ID_LENGTH = 8, serverCacheRoot3, compiledModuleCache3, tran
     fs: {
       fileExists: isFile,
       realpath: realpathSync,
-      readFile: (file) => isFile(file) ? readFileSync6(file, "utf-8") : undefined
+      readFile: (file) => isFile(file) ? readFileSync7(file, "utf-8") : undefined
     },
     id: componentId,
     inlineTemplate: false
@@ -4599,7 +4933,7 @@ var init_vueServerModule = __esm(() => {
 var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildComponentCache, nextIslandId = () => {
   islandSequence += 1;
   return `island-${islandSequence}`;
-}, isRecord5 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord5(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => {
+}, isRecord8 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord8(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => {
   if (source.startsWith("file://"))
     return new URL(source).pathname;
   if (source.startsWith("."))
@@ -4749,6 +5083,8 @@ var init_renderIslandMarkup = __esm(() => {
 });
 
 // src/vue/pageHandler.ts
+init_escapeScriptContent();
+init_cspNonceRef();
 init_inlinePageCss();
 init_spaRouteCss();
 init_spaRouteManifest();
@@ -4761,6 +5097,8 @@ init_pageResponseCache();
 // src/core/responseEnhancers.ts
 init_streamingSlots();
 init_pageResponseCache();
+init_partialPrerender();
+init_requestContext();
 
 // src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
@@ -4803,7 +5141,7 @@ var setStreamingSlotWarningController = (controller) => {
   Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY, controller);
 };
 var warnMissingStreamingSlotCollector = (primitiveName) => {
-  if (isStreamingSlotCollectionActive()) {
+  if (isProductionRuntime() || isStreamingSlotCollectionActive()) {
     return;
   }
   getWarningController()?.maybeWarn(primitiveName);
@@ -4911,18 +5249,51 @@ var mergeStreamingSlots = (registered, explicit) => {
     merged.set(slot.id, slot);
   return [...merged.values()];
 };
+var captureStaticShell = async (responseLike, slots, options) => {
+  const holes = slots.filter(isDynamicStreamingSlot);
+  const staticSlots = slots.filter((slot) => !isDynamicStreamingSlot(slot));
+  const response = await withStreamingSlots(responseLike, {
+    ...options,
+    streamingSlots: staticSlots
+  });
+  if (holes.length === 0 || !response.body)
+    return response;
+  const headers = cloneHeaders(response);
+  headers.set(PARTIAL_HOLES_HEADER, encodePartialHoles(holes.map((slot) => slot.id)));
+  const body = staticSlots.length > 0 ? response.body : injectStreamingRuntimeIntoStream(response.body, options.nonce, options.runtimePlacement, options.runtimePreludeScript);
+  return new Response(body, {
+    headers,
+    status: response.status,
+    statusText: response.statusText
+  });
+};
+var handOverHoles = async (responseLike, slots, sink) => {
+  sink.slots = slots.filter(isDynamicStreamingSlot);
+  const response = await toResponse(responseLike);
+  await response.body?.cancel().catch(() => {
+    return;
+  });
+  return new Response(null, { status: 204 });
+};
 var withRegisteredStreamingSlots = async (renderResponse, options = {}) => {
   const { result, slots } = await runWithStreamingSlotRegistry(renderResponse);
   const explicit = options.streamingSlots ?? [];
+  const streamingSlots = mergeStreamingSlots(slots, explicit);
+  const holesSink = activePartialHolesSink();
+  if (holesSink)
+    return handOverHoles(result, streamingSlots, holesSink);
+  if (isPartialShellCapture(getCurrentAbsoluteRequest())) {
+    return captureStaticShell(result, streamingSlots, options);
+  }
   return withStreamingSlots(result, {
     ...options,
-    streamingSlots: mergeStreamingSlots(slots, explicit)
+    streamingSlots
   });
 };
 
 // src/core/streamingSlotWarningScope.ts
 init_logger();
-import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
+import { AsyncLocalStorage as AsyncLocalStorage4 } from "async_hooks";
 var STREAMING_SLOT_WARNING_STORAGE_KEY2 = Symbol.for("absolutejs.streamingSlotWarningAsyncLocalStorage");
 var isObjectRecord4 = (value) => Boolean(value) && typeof value === "object";
 var isAsyncLocalStorage3 = (value) => isObjectRecord4(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
@@ -4938,7 +5309,7 @@ var ensureWarningStorage = () => {
   if (existing) {
     return existing;
   }
-  const storage = new AsyncLocalStorage3;
+  const storage = new AsyncLocalStorage4;
   Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY2, storage);
   return storage;
 };
@@ -4969,7 +5340,9 @@ setStreamingSlotWarningController({
   }
 });
 var captureStreamingSlotWarningCallsite = () => {
-  if (false) {}
+  if (isProductionRuntime()) {
+    return;
+  }
   const { stack } = new Error;
   if (!stack) {
     return;
@@ -4979,6 +5352,7 @@ var captureStreamingSlotWarningCallsite = () => {
 var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage().run({ handlerCallsite: metadata?.handlerCallsite, hasWarned: false }, task);
 
 // src/vue/pageHandler.ts
+init_ssrErrorPage();
 init_resolveConvention();
 init_routeAssets();
 
@@ -5022,23 +5396,87 @@ var ABSOLUTE_TELEPORT_TARGET = `#${ABSOLUTE_TELEPORT_TARGET_ID}`;
 
 // src/vue/pageHandler.ts
 init_browserTranslation();
-var isRecord3 = (value) => typeof value === "object" && value !== null;
-var isGenericVueComponent = (value) => typeof value === "function" || isRecord3(value);
+
+// src/vue/serverDataPayload.ts
+init_cspNonceRef();
+init_escapeScriptContent();
+var SERVER_DATA_CONTEXT_KEY = "__absoluteServerData";
+var SERVER_DATA_GLOBAL = "__ABSOLUTE_SERVER_DATA__";
+var GENERIC_ERROR_MESSAGE = "Loading server data failed.";
+var toPublicError = (cause) => {
+  const detail = cause instanceof Error ? cause.message : String(cause);
+  const publicError = new Error(isProductionRuntime() ? GENERIC_ERROR_MESSAGE : detail);
+  publicError.name = cause instanceof Error ? cause.name : "Error";
+  return publicError;
+};
+var claimServerDataKey = (collector, key) => {
+  if (!collector.claimed.has(key)) {
+    collector.claimed.add(key);
+    return true;
+  }
+  const message = `useServerData: the key "${key}" is used more than once while rendering this page. Each useServerData() call in one request needs its own key \u2014 include the component's identity (for example an id or route param) in the key.`;
+  if (isProductionRuntime()) {
+    console.warn(`${message} The repeated call will load in the browser.`);
+  } else {
+    collector.failure ??= new Error(message);
+  }
+  return false;
+};
+var createServerDataCollector = () => {
+  const collector = {
+    claimed: new Set,
+    failure: null,
+    json: new Map
+  };
+  return collector;
+};
+var isServerDataCollector = (value) => typeof value === "object" && value !== null && ("claimed" in value) && value.claimed instanceof Set && ("failure" in value) && (value.failure === null || value.failure instanceof Error) && ("json" in value) && value.json instanceof Map;
+var serializeServerDataScript = (collector) => {
+  if (!collector || collector.json.size === 0)
+    return "";
+  const members = [...collector.json].map(([key, json]) => `${JSON.stringify(key)}:${json}`);
+  return `<script${nonceAttr()}>window.${SERVER_DATA_GLOBAL}=${escapeScriptContent(`{${members.join(",")}}`)}</script>`;
+};
+var storeServerDataError = (collector, key, cause) => {
+  console.error(`[SSR] useServerData("${key}") failed:`, cause);
+  const publicError = toPublicError(cause);
+  const { message, name } = publicError;
+  collector.json.set(key, JSON.stringify({ error: { message, name } }));
+  return publicError;
+};
+var storeServerDataValue = (collector, key, value) => {
+  try {
+    collector.json.set(key, `{"data":${JSON.stringify(value) ?? "null"}}`);
+    return null;
+  } catch (cause) {
+    const reason = cause instanceof Error ? cause.message : String(cause);
+    const failure = new Error(`useServerData: the value for "${key}" cannot be serialized to JSON (${reason}).`);
+    return storeServerDataError(collector, key, failure);
+  }
+};
+var throwServerDataFailure = (collector) => {
+  if (collector.failure)
+    throw collector.failure;
+};
+
+// src/vue/pageHandler.ts
+var isRecord4 = (value) => typeof value === "object" && value !== null;
+var isGenericVueComponent = (value) => typeof value === "function" || isRecord4(value);
 var readHasIslands = (value) => {
-  if (!isRecord3(value))
+  if (!isRecord4(value))
     return false;
   const hasIslands = value["__ABSOLUTE_PAGE_HAS_ISLANDS__"];
   return typeof hasIslands === "boolean" ? hasIslands : false;
 };
 var isVueSetupApp = (value) => typeof value === "function";
 var readSetupAppHook = (value) => {
-  if (!isRecord3(value))
+  if (!isRecord4(value))
     return null;
   const { setupApp } = value;
   return isVueSetupApp(setupApp) ? setupApp : null;
 };
-var readHasSpaRoutes = (value) => isRecord3(value) && Array.isArray(value["routes"]);
-var readDefaultExport = (value) => isRecord3(value) ? value.default : undefined;
+var readHasSpaRoutes = (value) => isRecord4(value) && Array.isArray(value["routes"]);
+var readDefaultExport = (value) => isRecord4(value) ? value.default : undefined;
 var resolveRequestRenderUrl = (request) => {
   if (!request)
     return "/";
@@ -5054,17 +5492,16 @@ var primeVueStream = async (stream) => {
   const firstChunk = await reader.read();
   return { firstChunk, reader };
 };
-var cachedSsrOnlyHmrShim = null;
-var buildSsrOnlyHmrShim = async () => {
+var cachedSsrOnlyHmrBundle = null;
+var loadSsrOnlyHmrBundle = async () => {
   await Promise.resolve().then(() => init_buildHMRClient());
-  const bundle = await buildHMRClient();
-  return `<script>window.__HMR_FRAMEWORK__="vue";</script><script data-hmr-client>${bundle}</script>`;
+  return buildHMRClient();
 };
-var getSsrOnlyHmrShim = () => {
-  if (cachedSsrOnlyHmrShim)
-    return cachedSsrOnlyHmrShim;
-  cachedSsrOnlyHmrShim = buildSsrOnlyHmrShim();
-  return cachedSsrOnlyHmrShim;
+var getSsrOnlyHmrShim = async () => {
+  cachedSsrOnlyHmrBundle ??= loadSsrOnlyHmrBundle();
+  const bundle = await cachedSsrOnlyHmrBundle;
+  const nonce = nonceAttr();
+  return `<script${nonce}>window.__HMR_FRAMEWORK__="vue";</script><script${nonce} data-hmr-client>${bundle}</script>`;
 };
 var handleVuePageRequest = async (input) => {
   const passedPageComponent = input.Page;
@@ -5186,13 +5623,17 @@ var handleVuePageRequest = async (input) => {
           status: 404
         });
       }
-      const ssrContext = {};
+      const serverData = createServerDataCollector();
+      const ssrContext = {
+        [SERVER_DATA_CONTEXT_KEY]: serverData
+      };
       const head = `<!DOCTYPE html><html>${resolvedHeadTag}<body><div id="root">`;
-      const ssrOnlyHmrShim = clientMode === "none" ? await getSsrOnlyHmrShim() : "";
+      const ssrOnlyHmrShim = clientMode === "none" && isDevelopmentRuntime() ? await getSsrOnlyHmrShim() : "";
       const buildTail = () => {
+        throwServerDataFailure(serverData);
         const teleports = ssrContext.teleports?.[ABSOLUTE_TELEPORT_TARGET] ?? "";
         const teleportHost = `<div id="${ABSOLUTE_TELEPORT_TARGET_ID}">${teleports}</div>`;
-        return clientMode === "none" ? `</div>${teleportHost}${ssrOnlyHmrShim}</body></html>` : `</div>${teleportHost}<script>${BROWSER_TRANSLATION_BASELINE_SCRIPT}window.__INITIAL_PROPS__=${JSON.stringify(maybeProps ?? {})}</script><script type="module" src="${resolvedIndexPath}"></script></body></html>`;
+        return clientMode === "none" ? `</div>${teleportHost}${ssrOnlyHmrShim}</body></html>` : `</div>${teleportHost}<script${nonceAttr()}>${BROWSER_TRANSLATION_BASELINE_SCRIPT}window.__INITIAL_PROPS__=${escapeScriptContent(JSON.stringify(maybeProps ?? {}))}</script>${serializeServerDataScript(serverData)}<script${nonceAttr()} type="module" src="${resolvedIndexPath}"></script></body></html>`;
       };
       if (resolvedPage.hasSpaRoutes && clientMode === "auto") {
         return new Response(`${head}${buildTail()}`, {
@@ -6225,8 +6666,117 @@ var useResource = (fetcher, options = {}) => {
   }
   return { cancel, data, error, loading, mutate, refresh };
 };
+// src/vue/useServerData.ts
+import {
+  getCurrentInstance,
+  inject,
+  onServerPrefetch as onServerPrefetch3,
+  ssrContextKey
+} from "vue";
+
+// src/vue/serverDataState.ts
+import { getCurrentScope as getCurrentScope2, onScopeDispose as onScopeDispose2, ref as ref4, shallowRef as shallowRef2 } from "vue";
+var toError = (cause) => cause instanceof Error ? cause : new Error(String(cause));
+var createServerDataState = (fetcher, initiallyPending) => {
+  const data = shallowRef2(null);
+  const error = shallowRef2(null);
+  const pending = ref4(initiallyPending);
+  let controller = null;
+  let disposed = false;
+  const cancel = () => {
+    controller?.abort();
+    controller = null;
+  };
+  const finish = (current) => {
+    if (controller === current)
+      controller = null;
+    if (!current.signal.aborted)
+      pending.value = false;
+  };
+  const refresh = async () => {
+    if (disposed)
+      return;
+    cancel();
+    const current = new AbortController;
+    controller = current;
+    pending.value = true;
+    error.value = null;
+    try {
+      const result = await fetcher(current.signal);
+      if (!current.signal.aborted)
+        data.value = result;
+    } catch (cause) {
+      if (!current.signal.aborted)
+        error.value = toError(cause);
+    } finally {
+      finish(current);
+    }
+  };
+  if (getCurrentScope2()) {
+    onScopeDispose2(() => {
+      disposed = true;
+      cancel();
+    });
+  }
+  const result = { data, error, pending, refresh };
+  return result;
+};
+var errorFromEntry = ({ error }) => {
+  const restored = new Error(error.message);
+  restored.name = error.name;
+  return restored;
+};
+var isFetcherResult = (_fetcher, _value) => true;
+
+// src/vue/useServerData.ts
+var readCollector = () => {
+  const ssrContext = inject(ssrContextKey, null);
+  if (typeof ssrContext !== "object" || ssrContext === null)
+    return null;
+  const candidate = Reflect.get(ssrContext, SERVER_DATA_CONTEXT_KEY);
+  return isServerDataCollector(candidate) ? candidate : null;
+};
+var prefetchInto = async (state, fetcher, collector, key) => {
+  try {
+    const value = await fetcher(new AbortController().signal);
+    const failure = storeServerDataValue(collector, key, value);
+    state.data.value = failure ? null : value;
+    state.error.value = failure;
+  } catch (cause) {
+    state.error.value = storeServerDataError(collector, key, cause);
+  } finally {
+    state.pending.value = false;
+  }
+};
+var useServerData = (key, fetcher, options = {}) => {
+  if (!getCurrentInstance()) {
+    throw new Error(`useServerData("${key}") must be called inside a Vue component's setup().`);
+  }
+  const state = createServerDataState(fetcher, true);
+  const collector = options.server === false ? null : readCollector();
+  if (!collector)
+    return state;
+  if (!claimServerDataKey(collector, key))
+    return state;
+  onServerPrefetch3(() => prefetchInto(state, fetcher, collector, key));
+  return state;
+};
 // src/vue/router/Link.ts
-import { defineComponent as defineComponent6, getCurrentInstance, h as h6 } from "vue";
+import { defineComponent as defineComponent6, getCurrentInstance as getCurrentInstance2, h as h6 } from "vue";
+
+// src/dev/client/cspNonce.ts
+var applyPageNonce = (element) => {
+  const nonce = readPageNonce();
+  if (nonce)
+    element.nonce = nonce;
+  return element;
+};
+var readPageNonce = () => {
+  if (typeof document === "undefined")
+    return;
+  const carrier = document.querySelector("script[nonce], style[nonce]");
+  return carrier?.nonce || undefined;
+};
 
 // src/client/prefetch.ts
 var PREFETCH_CACHE_LIMIT = 16;
@@ -6419,13 +6969,13 @@ var preloadModule = (href) => {
   injectLink("modulepreload", href);
   return true;
 };
-var isRecord6 = (value) => typeof value === "object" && value !== null;
+var isRecord9 = (value) => typeof value === "object" && value !== null;
 var isHref = (value) => typeof value === "string" && value.length > 0;
 var warmRouteDataAssets = (envelope) => {
-  if (!isRecord6(envelope))
+  if (!isRecord9(envelope))
     return;
   const { assets } = envelope;
-  if (!isRecord6(assets))
+  if (!isRecord9(assets))
     return;
   const { client, css, index } = assets;
   for (const href of [index, client].filter(isHref))
@@ -6502,7 +7052,7 @@ var speculate = (url) => {
     liveSpeculationRules.get(oldest.value)?.remove();
     liveSpeculationRules.delete(oldest.value);
   }
-  const script = document.createElement("script");
+  const script = applyPageNonce(document.createElement("script"));
   script.type = "speculationrules";
   script.textContent = JSON.stringify({
     prerender: [{ eagerness: "immediate", urls: [url] }]
@@ -6521,6 +7071,7 @@ var scheduleHoverPrefetch = (url, options = {}) => {
     prefetch(url, { kind: options.kind ?? "route" });
     if (options.prerender)
       speculate(url);
+    options.onPrefetch?.();
   }, HOVER_DEBOUNCE_MS);
   return {
     cancel: () => window.clearTimeout(timer)
@@ -6535,8 +7086,10 @@ var handleIntersections = (entries) => {
     const target = viewportTargets.get(entry.target);
     viewportObserver?.unobserve(entry.target);
     viewportTargets.delete(entry.target);
-    if (target)
-      prefetch(target.url, target.options);
+    if (!target)
+      continue;
+    prefetch(target.url, { kind: target.options.kind });
+    target.options.onVisible?.();
   }
 };
 var getViewportObserver = () => {
@@ -6565,16 +7118,16 @@ var observeViewport = (element, url, options = {}) => {
 
 // src/vue/usePrefetch.ts
 import {
-  getCurrentScope as getCurrentScope2,
-  onScopeDispose as onScopeDispose2,
-  ref as ref4,
+  getCurrentScope as getCurrentScope3,
+  onScopeDispose as onScopeDispose3,
+  ref as ref5,
   toValue,
   watchEffect
 } from "vue";
 var usePrefetch = (href, options = {}) => {
   const viewportKind = options.kind ?? "document";
   const triggerKind = options.kind ?? "route";
-  const element = ref4(null);
+  const element = ref5(null);
   let hoverHandle = null;
   const currentHref = () => toValue(href);
   const currentMode = () => toValue(options.mode) ?? resolveDefaultPrefetchMode();
@@ -6619,8 +7172,8 @@ var usePrefetch = (href, options = {}) => {
       onCleanup(observeViewport(node, target, { kind: viewportKind }));
     }, { flush: "post" });
   }
-  if (getCurrentScope2())
-    onScopeDispose2(cancelHover);
+  if (getCurrentScope3())
+    onScopeDispose3(cancelHover);
   return {
     element,
     onBlur: cancelHover,
@@ -6634,7 +7187,7 @@ var usePrefetch = (href, options = {}) => {
 // src/vue/router/Link.ts
 var isRouterLike = (value) => typeof value === "object" && value !== null && typeof Reflect.get(value, "push") === "function" && typeof Reflect.get(value, "replace") === "function" && typeof Reflect.get(value, "resolve") === "function";
 var discoverRouter = () => {
-  const instance = getCurrentInstance();
+  const instance = getCurrentInstance2();
   if (!instance)
     return null;
   const candidate = Reflect.get(instance.appContext.config.globalProperties, "$router");
@@ -6723,8 +7276,9 @@ export {
   preserveBrowserTranslation,
   useIslandStore,
   usePrefetch,
-  useResource
+  useResource,
+  useServerData
 };
 
-//# debugId=83118B4CF9B1B53964756E2164756E21
+//# debugId=45D17845E8EA738564756E2164756E21
 //# sourceMappingURL=index.js.map