@qwik.dev/router 2.0.0-beta.37 → 2.0.0-beta.38

package/lib/index.qwik.mjs

@@ -1,14 +1,13 @@
-import { componentQrl, inlinedQrl, useErrorBoundary, useOnWindow, _captures, _jsxSorted, Slot, isBrowser, useSignal, untrack, _qrlSync, useVisibleTaskQrl, _jsxSplit, _getConstProps, _getVarProps, isDev, eventQrl, isServer, useStylesQrl, useServerData, useStore, useContextProvider, useTaskQrl, noSerialize, getLocale, useContext, SkipRender, implicit$FirstArg, withLocale, _wrapProp, _restProps, _fnSignal, createElement } from '@qwik.dev/core';
+import { componentQrl, inlinedQrl, useErrorBoundary, useOnWindow, _captures, _jsxSorted, Slot, isBrowser, isDev, untrack, _qrlSync, _jsxSplit, _getConstProps, _getVarProps, eventQrl, isServer, useServerData, useStore, useSignal, useContextProvider, useTaskQrl, noSerialize, getLocale, createComputedQrl, useContext, SkipRender, implicit$FirstArg, withLocale, _wrapProp, _restProps, _fnSignal, createElement } from '@qwik.dev/core';
 import { Fragment } from '@qwik.dev/core/jsx-runtime';
 import * as qwikRouterConfig from '@qwik-router-config';
 import { p } from '@qwik.dev/core/preloader';
 import { e as ensureSlash } from './chunks/pathname.mjs';
-import { f as fetchRouteLoaderData, Q as QACTION_KEY, e as ensureRouteLoaderSignals, s as setLoaderSignalValue, C as ContentContext, a as ContentInternalContext, D as DocumentHeadContext, H as HttpStatusContext, R as RouteLocationContext, b as RouteNavigateContext, c as RouteStateContext, d as RouteLoaderCtxContext, g as RouteActionContext, h as RoutePreventNavigateContext, u as updateRouteLoaderPaths, i as Q_ROUTE, j as getRequestEvent, k as QFN_KEY, l as QDATA_KEY } from './chunks/deepFreeze.qwik.mjs';
-export { r as routeLoader$, m as routeLoaderQrl } from './chunks/deepFreeze.qwik.mjs';
-import { l as loadRoute, g as getClientNavPath, s as shouldPreload, i as isSamePath, t as toPath, c as createDocumentHead, r as resolveHead, a as toUrl, b as isSameOrigin } from './chunks/head.qwik.mjs';
+import { l as loadRoute, f as fetchRouteLoaderData, g as getClientNavPath, s as shouldPreload, i as isSamePath, t as toPath, a as isSameOrigin, Q as QACTION_KEY, e as ensureRouteLoaderSignals, b as setLoaderSignalValue, c as createDocumentHead, C as ContentContext, d as ContentInternalContext, D as DocumentHeadContext, H as HttpStatusContext, h as RouteLocationContext, j as RouteNavigateContext, k as RouteStateContext, m as RouteLoaderCtxContext, n as RouteActionContext, o as RoutePreventNavigateContext, u as updateRouteLoaderPaths, r as resolveHead, p as Q_ROUTE, q as toUrl, v as getRequestEvent, w as QFN_KEY, x as QDATA_KEY } from './chunks/head.qwik.mjs';
+export { y as routeLoader$, z as routeLoaderQrl } from './chunks/head.qwik.mjs';
 import { u as useNavigate, a as useLocation, b as useDocumentHead, c as useQwikRouterEnv, d as useAction } from './chunks/use-functions.qwik.mjs';
 export { e as useContent, f as useHttpStatus, g as usePreventNavigate$, h as usePreventNavigateQrl } from './chunks/use-functions.qwik.mjs';
-import { _deserialize, _hasStoreEffects, _getContextContainer, forceStoreEffects, createAsyncQrl, _waitUntilRendered, _getContextHostElement, _serialize } from '@qwik.dev/core/internal';
+import { _deserialize, _hasStoreEffects, _getContextContainer, forceStoreEffects, _waitUntilRendered, _getContextHostElement, _serialize } from '@qwik.dev/core/internal';
 import * as v from 'valibot';
 import * as z from 'zod';
 export { z } from 'zod';
@@ -30,7 +29,7 @@ const ErrorBoundary = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
 }, "ErrorBoundary_component_pOa6vjtC7ik"));
 
 async function prefetchRoute(url, prefetchData, probability = 0.8, manifestHash, prefetchBundle = true) {
-  if (!isBrowser) {
+  if (!isBrowser || isDev) {
     return;
   }
   try {
@@ -70,14 +69,12 @@ async function prefetchRoute(url, prefetchData, probability = 0.8, manifestHash,
   }
 }
 
-const __vite_import_meta_env__ = {};
 const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const nav = useNavigate();
   const loc = useLocation();
   const head = useDocumentHead();
   const originalHref = props.href;
-  const anchorRef = useSignal();
-  const { onClick$, prefetch: prefetchProp, reload, replaceState, scroll, prefetchBundle: prefetchBundleProp = "visible", prefetchData: prefetchDataProp = prefetchProp === "js" ? "off" : "intent", ...linkProps } = props;
+  const { onClick$, prefetch: prefetchProp, reload, replaceState, scroll, prefetchBundles: prefetchBundlesProp = "visible", prefetchData: prefetchDataProp = prefetchProp === "js" ? "off" : "intent", ...linkProps } = props;
   const clientNavPath = untrack(getClientNavPath, {
     ...linkProps,
     reload
@@ -85,7 +82,10 @@ const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   linkProps.href = clientNavPath || originalHref;
   const isDepratedPrefetchDisabled = prefetchProp === false;
   const shouldPrefetch = untrack(shouldPreload, clientNavPath, loc);
-  const shouldPrefetchBundle = !!clientNavPath && prefetchBundleProp !== "off" && shouldPrefetch && !isDepratedPrefetchDisabled;
+  const shouldVisiblePrefetchBundles = !!clientNavPath && shouldPrefetch && !isDepratedPrefetchDisabled && (prefetchBundlesProp === "visible" || // deprecated prop below, remove in favor of prefetchBundles
+  prefetchProp === "js" || prefetchProp === true);
+  const shouldVisiblePrefetchData = !!clientNavPath && shouldPrefetch && !isDepratedPrefetchDisabled && (prefetchDataProp === "visible" || // deprecated prop below, remove in favor of prefetchData
+  prefetchProp === true);
   const shouldPrefetchData = !!clientNavPath && prefetchDataProp !== "off" && shouldPrefetch && !isDepratedPrefetchDisabled;
   const handleDataPrefetch = shouldPrefetchData ? /* @__PURE__ */ inlinedQrl((_, elm) => {
     const head2 = _captures[0];
@@ -142,46 +142,11 @@ const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     const url = new URL(elm.href);
     prefetchRoute(url, false, 1);
   }, "Link_component_handlePreload_AAemwtuBjsE");
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const anchorRef2 = _captures[0], handleDataPrefetch2 = _captures[1], head2 = _captures[2], linkProps2 = _captures[3], loc2 = _captures[4], prefetchBundleProp2 = _captures[5], prefetchDataProp2 = _captures[6], prefetchProp2 = _captures[7], shouldPrefetchBundle2 = _captures[8];
-    track(() => loc2.url.pathname);
-    const handler = linkProps2.onQVisible$;
-    if (handler) {
-      const event = new CustomEvent("qvisible");
-      if (Array.isArray(handler)) {
-        handler.flat(10).forEach((handler2) => handler2?.(event, anchorRef2.value));
-      } else {
-        handler?.(event, anchorRef2.value);
-      }
-    }
-    const isProdOrTest = !isDev || __vite_import_meta_env__?.TEST;
-    if (isProdOrTest && anchorRef2.value?.href && !navigator.connection?.saveData) {
-      if (handleDataPrefetch2 && (prefetchDataProp2 === "visible" || // deprecated prop below, remove in favor of prefetchData
-      prefetchProp2 === true)) {
-        const url = new URL(anchorRef2.value.href);
-        prefetchRoute(url, true, 0.8, head2.manifestHash, shouldPrefetchBundle2);
-      } else if (shouldPrefetchBundle2 && (prefetchBundleProp2 === "visible" || // deprecated prop below, remove in favor of prefetchBundle
-      prefetchProp2 === "js" || prefetchProp2 === true)) {
-        const url = new URL(anchorRef2.value.href);
-        prefetchRoute(url, false, 0.8);
-      }
-    }
-  }, "Link_component_useVisibleTask_xKeuRmnoNSA", [
-    anchorRef,
-    handleDataPrefetch,
-    head,
-    linkProps,
-    loc,
-    prefetchBundleProp,
-    prefetchDataProp,
-    prefetchProp,
-    shouldPrefetchBundle
-  ]));
   return /* @__PURE__ */ _jsxSplit("a", {
-    ref: anchorRef,
     "q:link": !!clientNavPath,
     ..._getVarProps(linkProps),
     ..._getConstProps(linkProps),
+    "data-q-prefetch": shouldVisiblePrefetchBundles && shouldVisiblePrefetchData ? "bd" : shouldVisiblePrefetchBundles ? "b" : shouldVisiblePrefetchData ? "d" : null,
     "q-e:click": [
       preventDefault,
       handlePreload,
@@ -204,10 +169,7 @@ const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       linkProps.onKeyDown$,
       prefetchDataProp === "commit" ? onEnterKeyDown : null
     ]
-  }, {
-    // We need to prevent the onQVisible$ from being called twice since it is handled in the visible task
-    "q-e:qvisible": []
-  }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "jO_0"), 0, "jO_1");
+  }, null, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "jO_0"), 0, "jO_1");
 }, "Link_component_VPmar9tb3t4"));
 
 const newScrollState = () => {
@@ -234,8 +196,78 @@ const clientNavigate = (win, navType, fromURL, toURL, replaceState = false) => {
     }
   }
 };
+const preloadRouteBundles = (path, probability = 0.8) => {
+  if (isBrowser) {
+    path = ensureSlash(path);
+    path = path.length > 1 && path.startsWith("/") ? path.slice(1) : path;
+    p(path, probability);
+  }
+};
 
-const transitionCss = "@layer qwik{@supports selector(html:active-view-transition-type(type)){html:active-view-transition-type(qwik-navigation){:root{view-transition-name:none}}}@supports not selector(html:active-view-transition-type(type)){:root{view-transition-name:none}}}";
+let prefetchedLinks = /* @__PURE__ */ new WeakSet();
+let cleanupPrefetchObserver;
+const resetLinkPrefetchState = () => {
+  prefetchedLinks = /* @__PURE__ */ new WeakSet();
+};
+const createLinkPrefetchObserver = (manifestHash) => {
+  const anchors = document.querySelectorAll("a[q\\:link][data-q-prefetch]");
+  const prefetchAnchor = (anchor, observer2) => {
+    if (prefetchedLinks.has(anchor)) {
+      return;
+    }
+    prefetchedLinks.add(anchor);
+    observer2?.unobserve(anchor);
+    if (navigator.connection?.saveData || !anchor.href) {
+      return;
+    }
+    let url;
+    try {
+      url = new URL(anchor.href);
+    } catch {
+      return;
+    }
+    const currentUrl = new URL(location.href);
+    if (!isSameOrigin(url, currentUrl) || !shouldPreload(toPath(url), {
+      url: currentUrl
+    })) {
+      return;
+    }
+    const mode = anchor.getAttribute("data-q-prefetch") || "";
+    if (mode.includes("b")) {
+      preloadRouteBundles(url.pathname);
+    }
+    if (mode.includes("d")) {
+      prefetchRoute(url, true, 0.8, manifestHash, false);
+    }
+  };
+  if (typeof IntersectionObserver === "undefined") {
+    anchors.forEach((anchor) => prefetchAnchor(anchor));
+    return () => {
+    };
+  }
+  const observer = new IntersectionObserver((entries) => {
+    for (const entry of entries) {
+      if (entry.isIntersecting) {
+        prefetchAnchor(entry.target, observer);
+      }
+    }
+  });
+  anchors.forEach((anchor) => observer.observe(anchor));
+  return () => {
+    observer.disconnect();
+  };
+};
+const refreshLinkPrefetchObserver = (manifestHash) => {
+  resetLinkPrefetchState();
+  cleanupPrefetchObserver?.();
+  cleanupPrefetchObserver = createLinkPrefetchObserver(manifestHash);
+};
+const linkPrefetchInit = (manifestHash) => eventQrl(/* @__PURE__ */ inlinedQrl(() => {
+  const manifestHash2 = _captures[0];
+  refreshLinkPrefetchObserver(manifestHash2);
+}, "linkPrefetchInit_event_hoZr9O26Irg", [
+  manifestHash
+]));
 
 function callRestoreScrollOnDocument() {
   if (document.__q_scroll_restore__) {
@@ -469,7 +501,7 @@ async function submitAction(action, routePath) {
   }
   if ((response.headers.get("content-type") || "").includes("json")) {
     const text = await response.text();
-    const data = _deserialize(text);
+    const data = await _deserialize(text);
     return {
       status: response.status,
       result: data?.result,
@@ -480,8 +512,22 @@ async function submitAction(action, routePath) {
   return void 0;
 }
 
+const transitionCss = "@layer qwik{@supports selector(html:active-view-transition-type(type)){html:active-view-transition-type(qwik-navigation){:root{view-transition-name:none}}}@supports not selector(html:active-view-transition-type(type)){:root{view-transition-name:none}}}";
+
+const shouldStartViewTransition = (viewTransition) => viewTransition === true && "startViewTransition" in document;
+const VIEW_TRANSITION_STYLE_ID = "qwik-view-transition";
+const ensureViewTransitionStyles = () => {
+  if (document.getElementById(VIEW_TRANSITION_STYLE_ID)) {
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = VIEW_TRANSITION_STYLE_ID;
+  style.textContent = transitionCss;
+  document.head.appendChild(style);
+};
 const startViewTransition = (params) => {
   if ("startViewTransition" in document) {
+    ensureViewTransitionStyles();
     let transition;
     try {
       transition = document.startViewTransition(params);
@@ -538,14 +584,12 @@ const useQwikMockRouter = (props) => {
     deep: false
   });
   for (const [loaderId, data] of Object.entries(loadersData ?? {})) {
-    loadersState[loaderId] ||= createAsyncQrl(/* @__PURE__ */ inlinedQrl(async () => {
+    loadersState[loaderId] ||= createComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
       const data2 = _captures[0];
       return data2;
-    }, "useQwikMockRouter_createAsync_clbxpuXqpEU", [
+    }, "useQwikMockRouter_createComputed_JL6bChMwwyc", [
       data
-    ]), {
-      initial: data
-    });
+    ]));
   }
   const goto = props.goto ?? /* @__PURE__ */ inlinedQrl(async () => {
     console.warn("QwikRouterMockProvider: goto not provided");
@@ -703,7 +747,6 @@ const useQwikRouter = (props) => {
   if (!isServer) {
     throw new Error("useQwikRouter can only run during SSR on the server. If you are seeing this, it means you are re-rendering the root of your application. Fix that or use the <QwikRouterProvider> component around the root of your application.");
   }
-  useStylesQrl(/* @__PURE__ */ inlinedQrl(transitionCss, "qwik_view_transition_css_inline_vNfd9raIMI0"));
   const env = useQwikRouterEnv();
   if (!env?.params) {
     throw new Error(`Missing Qwik Router Env Data for help visit https://github.com/QwikDev/qwik/issues/6237`);
@@ -726,6 +769,7 @@ const useQwikRouter = (props) => {
   });
   const navResolver = {};
   const routeLoaderCtx = useStore(env.routeLoaderCtx);
+  routeLoaderCtx.manifestHash = manifestHash;
   const loaderState = {};
   const contentModulesForInit = env.loadedRoute.$mods$;
   const loaders = ensureRouteLoaderSignals(contentModulesForInit, loaderState, routeLoaderCtx);
@@ -810,15 +854,14 @@ const useQwikRouter = (props) => {
     if (navResolver2.p && !forceReload && typeof dest !== "number" && isSamePath(dest, lastDest) && dest.href === lastDest.href) {
       return navResolver2.p;
     }
-    internalState.navCount++;
+    const navCount = ++internalState.navCount;
     internalState.currentTransition?.skipTransition();
     if (preventNav.$cbs$ && (forceReload || typeof dest === "number" || !isSamePath(dest, lastDest) || !isSameOrigin(dest, lastDest))) {
-      const ourNavId = internalState.navCount;
       const prevents = await Promise.all([
         ...preventNav.$cbs$.values()
       ].map((cb) => cb(dest)));
-      if (ourNavId !== internalState.navCount || prevents.some(Boolean)) {
-        if (ourNavId === internalState.navCount && type === "popstate") {
+      if (navCount !== internalState.navCount || prevents.some(Boolean)) {
+        if (navCount === internalState.navCount && type === "popstate") {
           history.pushState(null, "", lastDest);
         }
         return;
@@ -864,6 +907,15 @@ const useQwikRouter = (props) => {
       clientNavigate(window, type, new URL(location.href), dest, replaceState);
       historyUpdated = true;
     }
+    routeLocation2.isNavigating = true;
+    const container = isBrowser ? _getContextContainer() : void 0;
+    if (container) {
+      await _waitUntilRendered(container);
+      if (navCount !== internalState.navCount) {
+        return;
+      }
+    }
+    actionState2.value = void 0;
     routeInternal2.value = {
       type,
       dest,
@@ -875,8 +927,6 @@ const useQwikRouter = (props) => {
     if (isBrowser) {
       prefetchRoute(dest, true, 0.8, manifestHash2);
     }
-    actionState2.value = void 0;
-    routeLocation2.isNavigating = true;
     navResolver2.p = new Promise((resolve) => {
       navResolver2.r = () => {
         navResolver2.r = void 0;
@@ -951,11 +1001,6 @@ const useQwikRouter = (props) => {
             };
             return;
           }
-          actionData = {
-            status: result.status,
-            action: action.id,
-            actionResult: result.result
-          };
           if (action.resolve) {
             action.resolve({
               status: result.status,
@@ -963,6 +1008,17 @@ const useQwikRouter = (props) => {
             });
             action.resolve = void 0;
           }
+          if (result.redirect) {
+            goto2(result.redirect, {
+              replaceState: true
+            });
+            return;
+          }
+          actionData = {
+            status: result.status,
+            action: action.id,
+            actionResult: result.result
+          };
           actionLoaderHashes = result.loaderHashes;
           shouldInvalidateActionLoaders = true;
         }
@@ -988,7 +1044,7 @@ const useQwikRouter = (props) => {
       if (routeLoaders.length > 0) {
         for (let i = 0; i < routeLoaders.length; i++) {
           const loader = routeLoaders[i];
-          loaderState2[loader.__id].untrackedLoading;
+          loaderState2[loader.__id].untrackedPending;
         }
       }
       if (internalState.navCount !== navCountBefore) {
@@ -1064,6 +1120,7 @@ const useQwikRouter = (props) => {
       navContext2.value = noSerialize({
         routeName: $routeName$,
         navType,
+        prevUrl,
         replaceState,
         shouldForcePrevUrl,
         shouldForceUrl,
@@ -1115,7 +1172,7 @@ const useQwikRouter = (props) => {
     deferUpdates: isServer
   });
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const contentInternal2 = _captures[0], goto2 = _captures[1], navContext2 = _captures[2], navResolver2 = _captures[3], props2 = _captures[4], routeInternal2 = _captures[5], routeLocation2 = _captures[6];
+    const contentInternal2 = _captures[0], goto2 = _captures[1], manifestHash2 = _captures[2], navContext2 = _captures[3], navResolver2 = _captures[4], props2 = _captures[5], routeInternal2 = _captures[6], routeLocation2 = _captures[7];
     const nav = track(navContext2);
     if (isServer || !nav) {
       return;
@@ -1125,9 +1182,8 @@ const useQwikRouter = (props) => {
     }
     const container = _getContextContainer();
     const navigation = routeInternal2.untrackedValue;
-    const { navType, replaceState, routeName } = nav;
+    const { navType, prevUrl, replaceState, routeName } = nav;
     const trackUrl = routeLocation2.url;
-    const prevUrl = routeLocation2.prevUrl ?? trackUrl;
     const scroller = getScroller();
     let scrollState;
     if (navType === "popstate") {
@@ -1169,7 +1225,7 @@ const useQwikRouter = (props) => {
       return navigatePromise = _waitUntilRendered(container);
     };
     const _waitNextPage = () => {
-      if (props2?.viewTransition === false || !("startViewTransition" in document)) {
+      if (!shouldStartViewTransition(props2?.viewTransition)) {
         return navigate().then(() => void 0);
       }
       const { ready, transition } = startViewTransition({
@@ -1202,6 +1258,7 @@ const useQwikRouter = (props) => {
       saveScrollHistory(scrollState2);
       window._qRouterScrollEnabled = true;
       callRestoreScrollOnDocument();
+      refreshLinkPrefetchObserver(manifestHash2);
       if (nav.shouldForcePrevUrl) {
         forceStoreEffects(routeLocation2, "prevUrl");
       }
@@ -1217,6 +1274,7 @@ const useQwikRouter = (props) => {
   }, "useQwikRouter_useTask_2_yw17chooOac", [
     contentInternal,
     goto,
+    manifestHash,
     navContext,
     navResolver,
     props,
@@ -1246,6 +1304,7 @@ const RouterOutlet = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(()
     throw new Error("PrefetchServiceWorker component must be rendered on the server.");
   }
   const internalContext = useContext(ContentInternalContext);
+  const head = useDocumentHead();
   const nav = useNavigate();
   const contents = internalContext.value;
   if (contents && contents.length > 0) {
@@ -1259,6 +1318,10 @@ const RouterOutlet = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(()
     return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
       cmp,
       !__EXPERIMENTAL__.noSPA && /* @__PURE__ */ _jsxSorted("script", {
+        "q-d:qcinit": [
+          spaInit,
+          linkPrefetchInit(head.manifestHash)
+        ],
         "q-d:qinit": _qrlSync(() => {
           ((w, h) => {
             if (!w._qcs) {
@@ -1274,9 +1337,7 @@ const RouterOutlet = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(()
         }, '()=>{((w,h)=>{if(!w._qcs){w._qcs=!0;const s=h.state?._qRouterScroll;if(s){h.scrollRestoration="manual";w.scrollTo(s.x,s.y);}document.dispatchEvent(new Event("qcinit"));}})(window,history);}'),
         "q-d:qrouterpopstate": /* @__PURE__ */ inlinedQrl((event, _1, nav2) => handleRouterPopstate(nav2, event), "RouterOutlet_component_Fragment_script_q_d_qrouterpopstate_aRL6GvFyews"),
         "q:p": nav
-      }, {
-        "q-d:qcinit": spaInit
-      }, null, 6, "Fn_1")
+      }, null, null, 6, "Fn_1")
     ], 1, "Fn_2");
   }
   return SkipRender;
@@ -1570,7 +1631,7 @@ const deserializeStream = async function* (stream, abortSignal) {
       const lines = buffer.split(/\n/);
       buffer = lines.pop();
       for (const line of lines) {
-        const deserializedData = _deserialize(line);
+        const deserializedData = await _deserialize(line);
         yield deserializedData;
       }
     }
@@ -1658,7 +1719,7 @@ const serverQrl = (qrl, options) => {
         })();
       } else if (contentType === "application/qwik-json") {
         const str = await res.text();
-        const obj = _deserialize(str);
+        const obj = await _deserialize(str);
         if (res.status >= 400) {
           throw obj;
         }
@@ -1888,4 +1949,4 @@ const DocumentHeadTags = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
   ], 1, "r5_3");
 }, "DocumentHeadTags_component_9CrWYOoCpgY"));
 
-export { DocumentHeadTags, ErrorBoundary, Form, Link, QWIK_CITY_SCROLLER, QWIK_ROUTER_SCROLLER, QwikCityMockProvider, QwikCityProvider, QwikRouterMockProvider, QwikRouterProvider, RouterOutlet, ServiceWorkerRegister, createRenderer, globalAction$, globalActionQrl, omitProps, routeAction$, routeActionQrl, server$, serverQrl, untypedAppUrl, useDocumentHead, useLocation, useNavigate, useQwikRouter, valibot$, valibotQrl, validator$, validatorQrl, zod$, zodQrl };
+export { DocumentHeadTags, ErrorBoundary, Form, Link, QWIK_CITY_SCROLLER, QWIK_ROUTER_SCROLLER, QwikCityMockProvider, QwikCityProvider, QwikRouterMockProvider, QwikRouterProvider, RouterOutlet, ServiceWorkerRegister, createRenderer, getRequestEvent, globalAction$, globalActionQrl, omitProps, routeAction$, routeActionQrl, server$, serverQrl, untypedAppUrl, useDocumentHead, useLocation, useNavigate, useQwikRouter, valibot$, valibotQrl, validator$, validatorQrl, zod$, zodQrl };

package/lib/middleware/azure-swa/index.mjs

@@ -1,5 +1,5 @@
 import { setServerPlatform } from '@qwik.dev/core/server';
-import { requestHandler, isStaticPath, getNotFound } from '@qwik.dev/router/middleware/request-handler';
+import { requestHandler, isStaticPath, getErrorHtml } from '@qwik.dev/router/middleware/request-handler';
 import { parseString } from 'set-cookie-parser';
 
 function createQwikRouter(opts) {
@@ -26,23 +26,27 @@ function createQwikRouter(opts) {
         },
         request: new Request(url, options),
         getWritableStream: (status, headers, cookies, resolve) => {
+          const chunks = [];
+          let bodyLength = 0;
           const response = {
             status,
-            body: new Uint8Array(),
             headers: {},
             cookies: cookies.headers().map((header) => parseString(header))
           };
           headers.forEach((value, key) => response.headers[key] = value);
           return new WritableStream({
             write(chunk) {
-              if (response.body instanceof Uint8Array) {
-                const newBuffer = new Uint8Array(response.body.length + chunk.length);
-                newBuffer.set(response.body);
-                newBuffer.set(chunk, response.body.length);
-                response.body = newBuffer;
-              }
+              chunks.push(chunk.slice());
+              bodyLength += chunk.length;
             },
             close() {
+              const body = new Uint8Array(bodyLength);
+              let offset = 0;
+              for (const chunk of chunks) {
+                body.set(chunk, offset);
+                offset += chunk.length;
+              }
+              response.body = body;
               resolve(response);
             }
           });
@@ -66,7 +70,7 @@ function createQwikRouter(opts) {
           return response;
         }
       }
-      const notFoundHtml = !req.headers.accept?.includes("text/html") || isStaticPath(req.method || "GET", url) ? "Not Found" : getNotFound(url.pathname);
+      const notFoundHtml = !req.headers.accept?.includes("text/html") || isStaticPath(req.method || "GET", url) ? "Not Found" : getErrorHtml(404, "Not Found");
       return {
         status: 404,
         headers: {

package/lib/middleware/cloudflare-pages/index.mjs

@@ -1,5 +1,5 @@
 import { setServerPlatform } from '@qwik.dev/core/server';
-import { _TextEncoderStream_polyfill, isStaticPath, mergeHeadersCookies, requestHandler, getNotFound } from '@qwik.dev/router/middleware/request-handler';
+import { _TextEncoderStream_polyfill, isStaticPath, mergeHeadersCookies, requestHandler, getErrorHtml } from '@qwik.dev/router/middleware/request-handler';
 import { isDev } from '@qwik.dev/core/build';
 
 function createQwikRouter(opts) {
@@ -72,7 +72,7 @@ function createQwikRouter(opts) {
           return response;
         }
       }
-      const notFoundHtml = !request.headers.get("accept")?.includes("text/html") || isStaticPath(request.method || "GET", url) ? "Not Found" : getNotFound(url.pathname);
+      const notFoundHtml = !request.headers.get("accept")?.includes("text/html") || isStaticPath(request.method || "GET", url) ? "Not Found" : getErrorHtml(404, "Not Found");
       return new Response(notFoundHtml, {
         status: 404,
         headers: {

package/lib/middleware/deno/index.d.ts

@@ -33,6 +33,8 @@ export declare interface QwikRouterDenoMiddleware {
 
 /** @public */
 export declare interface QwikRouterDenoOptions extends ServerRenderOptions {
+    /** Maximum request body size in bytes. Defaults to 10 MiB. */
+    requestBodyLimit?: number;
     /** Options for serving static files */
     static?: {
         /** The root folder for statics files. Defaults to /dist */

package/lib/middleware/deno/index.mjs

@@ -1,6 +1,7 @@
 import { setServerPlatform } from '@qwik.dev/core/server';
 import { isStaticPath, mergeHeadersCookies, requestHandler } from '@qwik.dev/router/middleware/request-handler';
 import { M as MIME_TYPES, n as normalizeRequestUrl } from '../../chunks/url.mjs';
+import { l as limitRequestBody } from '../../chunks/request-body-limit.mjs';
 import { join, fromFileUrl, extname } from 'https://deno.land/std/path/mod.ts';
 import { isDev } from '@qwik.dev/core/build';
 
@@ -26,7 +27,7 @@ function createQwikRouter(opts) {
         url,
         // @ts-ignore
         env: Deno.env,
-        request,
+        request: limitRequestBody(request, opts.requestBodyLimit),
         getWritableStream: (status, headers, cookies, resolve) => {
           const { readable, writable } = new TransformStream();
           const response = new Response(readable, {

package/lib/middleware/netlify-edge/index.mjs

@@ -1,5 +1,5 @@
 import { setServerPlatform } from '@qwik.dev/core/server';
-import { isStaticPath, mergeHeadersCookies, requestHandler, getNotFound } from '@qwik.dev/router/middleware/request-handler';
+import { isStaticPath, mergeHeadersCookies, requestHandler, getErrorHtml } from '@qwik.dev/router/middleware/request-handler';
 import { isDev } from '@qwik.dev/core/build';
 
 function createQwikRouter(opts) {
@@ -47,7 +47,7 @@ function createQwikRouter(opts) {
           return response;
         }
       }
-      const notFoundHtml = !request.headers.get("accept")?.includes("text/html") || isStaticPath(request.method || "GET", url) ? "Not Found" : getNotFound(url.pathname);
+      const notFoundHtml = !request.headers.get("accept")?.includes("text/html") || isStaticPath(request.method || "GET", url) ? "Not Found" : getErrorHtml(404, "Not Found");
       return new Response(notFoundHtml, {
         status: 404,
         headers: {

package/lib/middleware/node/index.d.ts

@@ -33,14 +33,22 @@ export declare type QwikCityNodeRequestOptions = QwikRouterNodeRequestOptions;
 
 /** @public */
 export declare interface QwikRouterNodeMiddleware {
-    router: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: NodeRequestNextFunction) => Promise<void>;
+    router: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: NodeRequestNextFunction, limits?: QwikRouterNodeRequestLimits) => Promise<void>;
     /** @deprecated `router` handles 404 responses. Will be removed in V3. */
     notFound: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: (e: any) => void) => Promise<void>;
     staticFile: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: (e?: any) => void) => Promise<void>;
 }
 
+/** @public */
+export declare interface QwikRouterNodeRequestLimits {
+    /** Maximum request body size in bytes imposed by the host. */
+    bodyLimit?: number;
+}
+
 /** @public */
 export declare interface QwikRouterNodeRequestOptions extends ServerRenderOptions {
+    /** Maximum request body size in bytes. Defaults to 10 MiB. */
+    requestBodyLimit?: number;
     /** Options for serving static files */
     static?: {
         /** The root folder for statics files. Defaults to /dist */

package/lib/middleware/node/index.mjs

@@ -5,7 +5,9 @@ import { createReadStream } from 'node:fs';
 import { join, basename, extname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { n as normalizeRequestUrl, M as MIME_TYPES } from '../../chunks/url.mjs';
+import { d as devPreloadedRouteLoaders } from '../../chunks/dev-preloaded-route-loader.mjs';
 import { Http2ServerRequest } from 'node:http2';
+import { D as DEFAULT_REQUEST_BODY_LIMIT, v as validateRequestBodyLimit, R as RequestBodyLimitError } from '../../chunks/request-body-limit.mjs';
 
 function fallbackOrigin(req) {
   const { PROTOCOL_HEADER, HOST_HEADER } = process.env;
@@ -184,7 +186,8 @@ function createNodeResponseSink(res) {
     close
   };
 }
-async function fromNodeHttp(url, req, res, mode, getClientConn) {
+async function fromNodeHttp(url, req, res, mode, getClientConn, requestBodyLimit = DEFAULT_REQUEST_BODY_LIMIT) {
+  validateRequestBodyLimit(requestBodyLimit);
   const requestHeaders = new Headers();
   const nodeRequestHeaders = req.headers;
   try {
@@ -204,7 +207,14 @@ async function fromNodeHttp(url, req, res, mode, getClientConn) {
     console.error(err);
   }
   const getRequestBody = async function* () {
+    let received = 0;
     for await (const chunk of req) {
+      const byteLength = typeof chunk === "string" ? Buffer.byteLength(chunk) : chunk.byteLength;
+      if (byteLength > requestBodyLimit - received) {
+        req.resume();
+        throw new RequestBodyLimitError(requestBodyLimit);
+      }
+      received += byteLength;
       yield chunk;
     }
   };
@@ -280,13 +290,28 @@ function createQwikRouter(opts) {
     setServerPlatform(opts.manifest);
   }
   const staticFolder = opts.static?.root ?? join(fileURLToPath(import.meta.url), "..", "..", "dist");
-  const router = async (req, res, next) => {
+  const router = async (req, res, next, limits = {}) => {
     try {
       const origin = computeOrigin(req, opts);
-      const serverRequestEv = await fromNodeHttp(getUrl(req, origin), req, res, "server", opts.getClientConn);
+      let requestBodyLimit = opts.requestBodyLimit;
+      if (limits?.bodyLimit !== void 0) {
+        if (requestBodyLimit === void 0) {
+          requestBodyLimit = limits.bodyLimit;
+        } else {
+          requestBodyLimit = Math.min(requestBodyLimit, limits.bodyLimit);
+        }
+      }
+      const serverRequestEv = await fromNodeHttp(getUrl(req, origin), req, res, "server", opts.getClientConn, requestBodyLimit);
       if (isDev && opts.platform) {
         Object.assign(serverRequestEv.platform, opts.platform);
       }
+      if (isDev) {
+        const loader = devPreloadedRouteLoaders.get(req);
+        if (loader) {
+          devPreloadedRouteLoaders.set(serverRequestEv.request, loader);
+          devPreloadedRouteLoaders.delete(req);
+        }
+      }
       const handled = await requestHandler(serverRequestEv, opts);
       if (handled) {
         const err = await handled.completion;