@qwik.dev/router 2.0.0-alpha.8 → 2.0.0-beta.1

package/lib/index.qwik.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
 const core = require("@qwik.dev/core");
+const preloader = require("@qwik.dev/core/preloader");
 const internal = require("@qwik.dev/core/internal");
 const qwikRouterConfig = require("@qwik-router-config");
 const zod = require("zod");
@@ -23,9 +24,20 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const qwikRouterConfig__namespace = /* @__PURE__ */ _interopNamespaceDefault(qwikRouterConfig);
+const ErrorBoundary = core.component$((props) => {
+  const store2 = core.useErrorBoundary();
+  core.useOnWindow("qerror", core.$((e) => {
+    store2.error = e.detail.error;
+  }));
+  if (store2.error && props.fallback$) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: props.fallback$(store2.error)
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {});
+});
 const MODULE_CACHE = /* @__PURE__ */ new WeakMap();
 const CLIENT_DATA_CACHE = /* @__PURE__ */ new Map();
-const PREFETCHED_NAVIGATE_PATHS = /* @__PURE__ */ new Set();
 const QACTION_KEY = "qaction";
 const QFN_KEY = "qfunc";
 const QDATA_KEY = "qdata";
@@ -63,15 +75,7 @@ const getClientNavPath = (props, baseUrl) => {
   }
   return null;
 };
-const shouldPrefetchData = (clientNavPath, currentLoc) => {
-  if (clientNavPath) {
-    const prefetchUrl = toUrl(clientNavPath, currentLoc.url);
-    const currentUrl = toUrl("", currentLoc.url);
-    return !isSamePath(prefetchUrl, currentUrl);
-  }
-  return false;
-};
-const shouldPrefetchSymbols = (clientNavPath, currentLoc) => {
+const shouldPreload = (clientNavPath, currentLoc) => {
   if (clientNavPath) {
     const prefetchUrl = toUrl(clientNavPath, currentLoc.url);
     const currentUrl = toUrl("", currentLoc.url);
@@ -121,16 +125,8 @@ const newScrollState = () => {
 const prefetchSymbols = (path) => {
   if (core.isBrowser) {
     path = path.endsWith("/") ? path : path + "/";
-    if (!PREFETCHED_NAVIGATE_PATHS.has(path)) {
-      PREFETCHED_NAVIGATE_PATHS.add(path);
-      document.dispatchEvent(new CustomEvent("qprefetch", {
-        detail: {
-          links: [
-            path
-          ]
-        }
-      }));
-    }
+    path = path.length > 1 && path.startsWith("/") ? path.slice(1) : path;
+    preloader.p(path, 0.8);
   }
 };
 const loadClientData = async (url, element, opts) => {
@@ -146,7 +142,7 @@ const loadClientData = async (url, element, opts) => {
   }
   let resolveFn;
   if (!qData) {
-    const fetchOptions = getFetchOptions(opts?.action);
+    const fetchOptions = getFetchOptions(opts?.action, opts?.clearCache);
     if (opts?.action) {
       opts.action.data = void 0;
     }
@@ -202,16 +198,19 @@ const loadClientData = async (url, element, opts) => {
     return v;
   });
 };
-const getFetchOptions = (action) => {
+const getFetchOptions = (action, noCache) => {
   const actionData = action?.data;
   if (!actionData) {
-    return {
-      cache: "no-cache",
-      headers: {
-        "Cache-Control": "no-cache",
-        Pragma: "no-cache"
-      }
-    };
+    if (noCache) {
+      return {
+        cache: "no-cache",
+        headers: {
+          "Cache-Control": "no-cache",
+          Pragma: "no-cache"
+        }
+      };
+    }
+    return void 0;
   }
   if (actionData instanceof FormData) {
     return {
@@ -255,14 +254,15 @@ const Link = core.component$((props) => {
   const nav = useNavigate();
   const loc = useLocation();
   const originalHref = props.href;
+  const anchorRef = core.useSignal();
   const { onClick$, prefetch: prefetchProp, reload, replaceState, scroll, ...linkProps } = /* @__PURE__ */ (() => props)();
   const clientNavPath = core.untrack(() => getClientNavPath({
     ...linkProps,
     reload
   }, loc));
   linkProps.href = clientNavPath || originalHref;
-  const prefetchData = core.untrack(() => !!clientNavPath && prefetchProp !== false && prefetchProp !== "js" && shouldPrefetchData(clientNavPath, loc) || void 0);
-  const prefetch = core.untrack(() => prefetchData || !!clientNavPath && prefetchProp !== false && shouldPrefetchSymbols(clientNavPath, loc));
+  const prefetchData = core.untrack(() => !!clientNavPath && prefetchProp !== false && prefetchProp !== "js" || void 0);
+  const prefetch = core.untrack(() => prefetchData || !!clientNavPath && prefetchProp !== false && shouldPreload(clientNavPath, loc));
   const handlePrefetch = prefetch ? core.$((_, elm) => {
     if (navigator.connection?.saveData) {
       return;
@@ -296,7 +296,23 @@ const Link = core.component$((props) => {
       }
     }
   }) : void 0;
+  core.useVisibleTask$(({ track }) => {
+    track(() => loc.url.pathname);
+    const handler = linkProps.onQVisible$;
+    if (handler) {
+      const event = new CustomEvent("qvisible");
+      if (Array.isArray(handler)) {
+        handler.flat(10).forEach((handler2) => handler2?.(event, anchorRef.value));
+      } else {
+        handler?.(event, anchorRef.value);
+      }
+    }
+    if (!core.isDev && anchorRef.value) {
+      handlePrefetch?.(void 0, anchorRef.value);
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsx("a", {
+    ref: anchorRef,
     "q:link": !!clientNavPath,
     ...linkProps,
     onClick$: [
@@ -313,11 +329,8 @@ const Link = core.component$((props) => {
       linkProps.onFocus$,
       handlePrefetch
     ],
-    // Don't prefetch on visible in dev mode
-    onQVisible$: [
-      linkProps.onQVisible$,
-      !core.isDev ? handlePrefetch : void 0
-    ],
+    // We need to prevent the onQVisible$ from being called twice since it is handled in the visible task
+    onQVisible$: [],
     children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
   });
 });
@@ -758,6 +771,26 @@ const spaInit = core.event$((_, el) => {
     }, 0);
   }
 });
+const startViewTransition = (params) => {
+  if (!params.update) {
+    return;
+  }
+  if ("startViewTransition" in document) {
+    let transition;
+    try {
+      transition = document.startViewTransition(params);
+    } catch {
+      transition = document.startViewTransition(params.update);
+    }
+    const event = new CustomEvent("qviewtransition", {
+      detail: transition
+    });
+    document.dispatchEvent(event);
+    return transition;
+  } else {
+    params.update?.();
+  }
+};
 const QWIK_CITY_SCROLLER = "_qCityScroller";
 const QWIK_ROUTER_SCROLLER = "_qRouterScroller";
 const preventNav = {};
@@ -765,7 +798,18 @@ const internalState = {
   navCount: 0
 };
 const QwikRouterProvider = core.component$((props) => {
-  core.useStyles$(`:root{view-transition-name:none}`);
+  core.useStyles$(`
+    @layer qwik {
+      @supports selector(html:active-view-transition-type(type)) {
+        html:active-view-transition-type(qwik-router-spa) {
+          :root{view-transition-name:none}
+        }
+      }
+      @supports not selector(html:active-view-transition-type(type)) {
+        :root{view-transition-name:none}
+      }
+    }
+  `);
   const env = useQwikRouterEnv();
   if (!env?.params) {
     throw new Error(`Missing Qwik Router Env Data for help visit https://github.com/QwikDev/qwik/issues/6237`);
@@ -774,6 +818,11 @@ const QwikRouterProvider = core.component$((props) => {
   if (!urlEnv) {
     throw new Error(`Missing Qwik URL Env Data`);
   }
+  if (core.isServer) {
+    if (env.ev.originalUrl.pathname !== env.ev.url.pathname && !__EXPERIMENTAL__.enableRequestRewrite) {
+      throw new Error(`enableRequestRewrite is an experimental feature and is not enabled. Please enable the feature flag by adding \`experimental: ["enableRequestRewrite"]\` to your qwikVite plugin options.`);
+    }
+  }
   const url = new URL(urlEnv);
   const routeLocation = core.useStore({
     url,
@@ -962,12 +1011,21 @@ const QwikRouterProvider = core.component$((props) => {
         const newHref = pageData.href;
         const newURL = new URL(newHref, trackUrl);
         if (!isSamePath(newURL, trackUrl)) {
-          trackUrl = newURL;
-          loadRoutePromise = loadRoute(qwikRouterConfig__namespace.routes, qwikRouterConfig__namespace.menus, qwikRouterConfig__namespace.cacheModules, trackUrl.pathname);
+          if (!pageData.isRewrite) {
+            trackUrl = newURL;
+          }
+          loadRoutePromise = loadRoute(
+            qwikRouterConfig__namespace.routes,
+            qwikRouterConfig__namespace.menus,
+            qwikRouterConfig__namespace.cacheModules,
+            newURL.pathname
+            // Load the actual required path.
+          );
         }
         try {
           loadedRoute = await loadRoutePromise;
         } catch (e) {
+          console.error(e);
           window.location.href = newHref;
           return;
         }
@@ -1002,9 +1060,6 @@ const QwikRouterProvider = core.component$((props) => {
         documentHead.title = resolvedHead.title;
         documentHead.frontmatter = resolvedHead.frontmatter;
         if (core.isBrowser) {
-          if (props.viewTransition !== false) {
-            document.__q_view_transition__ = true;
-          }
           let scrollState;
           if (navType === "popstate") {
             scrollState = getScrollHistory();
@@ -1127,8 +1182,27 @@ const QwikRouterProvider = core.component$((props) => {
             const scrollState2 = currentScrollState(scroller);
             saveScrollHistory(scrollState2);
           }
-          clientNavigate(window, navType, prevUrl, trackUrl, replaceState);
-          internal._waitUntilRendered(elm).then(() => {
+          const navigate = () => {
+            clientNavigate(window, navType, prevUrl, trackUrl, replaceState);
+            return internal._waitUntilRendered(elm);
+          };
+          const _waitNextPage = () => {
+            if (core.isServer || props.viewTransition === false) {
+              return navigate();
+            } else {
+              const viewTransition = startViewTransition({
+                update: navigate,
+                types: [
+                  "qwik-navigation"
+                ]
+              });
+              if (!viewTransition) {
+                return Promise.resolve();
+              }
+              return viewTransition.ready;
+            }
+          };
+          _waitNextPage().then(() => {
             const container = internal._getQContainerElement(elm);
             container.setAttribute("q:route", routeName);
             const scrollState2 = currentScrollState(scroller);
@@ -1143,11 +1217,10 @@ const QwikRouterProvider = core.component$((props) => {
         }
       }
     }
-    const promise = run();
     if (core.isServer) {
-      return promise;
+      return run();
     } else {
-      return;
+      run();
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {});
@@ -1598,6 +1671,7 @@ const serverQrl = (qrl, options) => {
           headers: {
             ...headers,
             "Content-Type": "application/qwik-json",
+            Accept: "application/json, application/qwik-json, text/qwik-json-stream, text/plain",
             // Required so we don't call accidentally
             "X-QRL": qrlHash
           },
@@ -1629,19 +1703,19 @@ const serverQrl = (qrl, options) => {
         } else if (contentType === "application/qwik-json") {
           const str = await res.text();
           const [obj] = internal._deserialize(str, ctxElm ?? document.documentElement);
-          if (res.status >= 500) {
+          if (res.status >= 400) {
             throw obj;
           }
           return obj;
         } else if (contentType === "application/json") {
           const obj = await res.json();
-          if (res.status >= 500) {
+          if (res.status >= 400) {
             throw obj;
           }
           return obj;
         } else if (contentType === "text/plain" || contentType === "text/html") {
           const str = await res.text();
-          if (res.status >= 500) {
+          if (res.status >= 400) {
             throw str;
           }
           return str;
@@ -1709,7 +1783,8 @@ const deserializeStream = async function* (stream, ctxElm, abortSignal) {
     reader.releaseLock();
   }
 };
-const ServiceWorkerRegister = (props) => core.jsx("script", {
+const ServiceWorkerRegister = (props) => /* @__PURE__ */ jsxRuntime.jsx("script", {
+  type: "module",
   dangerouslySetInnerHTML: swRegister,
   nonce: props.nonce
 });
@@ -1837,6 +1912,7 @@ Object.defineProperty(exports, "z", {
   enumerable: true,
   get: () => zod.z
 });
+exports.ErrorBoundary = ErrorBoundary;
 exports.Form = Form;
 exports.Link = Link;
 exports.QWIK_CITY_SCROLLER = QWIK_CITY_SCROLLER;

package/lib/index.qwik.mjs

@@ -1,13 +1,25 @@
-import { jsx, jsxs, Fragment } from "@qwik.dev/core/jsx-runtime";
-import { isBrowser, createContextId, implicit$FirstArg, useContext, useVisibleTask$, noSerialize, useServerData, component$, untrack, $, sync$, isDev, Slot, withLocale, event$, useStyles$, useStore, useSignal, useContextProvider, useTask$, isServer, getLocale, jsx as jsx$1, SkipRender } from "@qwik.dev/core";
-import { _deserialize, _weakSerialize, _getContextElement, _waitUntilRendered, _getQContainerElement, _wrapStore, _getContextEvent, _serialize } from "@qwik.dev/core/internal";
+import { jsx, Fragment, jsxs } from "@qwik.dev/core/jsx-runtime";
+import { component$, useErrorBoundary, useOnWindow, $, Slot, isBrowser, createContextId, implicit$FirstArg, useContext, useVisibleTask$, noSerialize, useServerData, useSignal, untrack, sync$, isDev, withLocale, event$, useStyles$, isServer, useStore, useContextProvider, useTask$, getLocale, jsx as jsx$1, SkipRender } from "@qwik.dev/core";
+import { p } from "@qwik.dev/core/preloader";
+import { _deserialize, _weakSerialize, _getContextElement, _getQContainerElement, _waitUntilRendered, _wrapStore, _getContextEvent, _serialize } from "@qwik.dev/core/internal";
 import * as qwikRouterConfig from "@qwik-router-config";
 import { z } from "zod";
 import { z as z2 } from "zod";
 import swRegister from "@qwik-router-sw-register";
+const ErrorBoundary = component$((props) => {
+  const store2 = useErrorBoundary();
+  useOnWindow("qerror", $((e) => {
+    store2.error = e.detail.error;
+  }));
+  if (store2.error && props.fallback$) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: props.fallback$(store2.error)
+    });
+  }
+  return /* @__PURE__ */ jsx(Slot, {});
+});
 const MODULE_CACHE = /* @__PURE__ */ new WeakMap();
 const CLIENT_DATA_CACHE = /* @__PURE__ */ new Map();
-const PREFETCHED_NAVIGATE_PATHS = /* @__PURE__ */ new Set();
 const QACTION_KEY = "qaction";
 const QFN_KEY = "qfunc";
 const QDATA_KEY = "qdata";
@@ -45,15 +57,7 @@ const getClientNavPath = (props, baseUrl) => {
   }
   return null;
 };
-const shouldPrefetchData = (clientNavPath, currentLoc) => {
-  if (clientNavPath) {
-    const prefetchUrl = toUrl(clientNavPath, currentLoc.url);
-    const currentUrl = toUrl("", currentLoc.url);
-    return !isSamePath(prefetchUrl, currentUrl);
-  }
-  return false;
-};
-const shouldPrefetchSymbols = (clientNavPath, currentLoc) => {
+const shouldPreload = (clientNavPath, currentLoc) => {
   if (clientNavPath) {
     const prefetchUrl = toUrl(clientNavPath, currentLoc.url);
     const currentUrl = toUrl("", currentLoc.url);
@@ -103,16 +107,8 @@ const newScrollState = () => {
 const prefetchSymbols = (path) => {
   if (isBrowser) {
     path = path.endsWith("/") ? path : path + "/";
-    if (!PREFETCHED_NAVIGATE_PATHS.has(path)) {
-      PREFETCHED_NAVIGATE_PATHS.add(path);
-      document.dispatchEvent(new CustomEvent("qprefetch", {
-        detail: {
-          links: [
-            path
-          ]
-        }
-      }));
-    }
+    path = path.length > 1 && path.startsWith("/") ? path.slice(1) : path;
+    p(path, 0.8);
   }
 };
 const loadClientData = async (url, element, opts) => {
@@ -128,7 +124,7 @@ const loadClientData = async (url, element, opts) => {
   }
   let resolveFn;
   if (!qData) {
-    const fetchOptions = getFetchOptions(opts?.action);
+    const fetchOptions = getFetchOptions(opts?.action, opts?.clearCache);
     if (opts?.action) {
       opts.action.data = void 0;
     }
@@ -184,16 +180,19 @@ const loadClientData = async (url, element, opts) => {
     return v;
   });
 };
-const getFetchOptions = (action) => {
+const getFetchOptions = (action, noCache) => {
   const actionData = action?.data;
   if (!actionData) {
-    return {
-      cache: "no-cache",
-      headers: {
-        "Cache-Control": "no-cache",
-        Pragma: "no-cache"
-      }
-    };
+    if (noCache) {
+      return {
+        cache: "no-cache",
+        headers: {
+          "Cache-Control": "no-cache",
+          Pragma: "no-cache"
+        }
+      };
+    }
+    return void 0;
   }
   if (actionData instanceof FormData) {
     return {
@@ -237,14 +236,15 @@ const Link = component$((props) => {
   const nav = useNavigate();
   const loc = useLocation();
   const originalHref = props.href;
+  const anchorRef = useSignal();
   const { onClick$, prefetch: prefetchProp, reload, replaceState, scroll, ...linkProps } = /* @__PURE__ */ (() => props)();
   const clientNavPath = untrack(() => getClientNavPath({
     ...linkProps,
     reload
   }, loc));
   linkProps.href = clientNavPath || originalHref;
-  const prefetchData = untrack(() => !!clientNavPath && prefetchProp !== false && prefetchProp !== "js" && shouldPrefetchData(clientNavPath, loc) || void 0);
-  const prefetch = untrack(() => prefetchData || !!clientNavPath && prefetchProp !== false && shouldPrefetchSymbols(clientNavPath, loc));
+  const prefetchData = untrack(() => !!clientNavPath && prefetchProp !== false && prefetchProp !== "js" || void 0);
+  const prefetch = untrack(() => prefetchData || !!clientNavPath && prefetchProp !== false && shouldPreload(clientNavPath, loc));
   const handlePrefetch = prefetch ? $((_, elm) => {
     if (navigator.connection?.saveData) {
       return;
@@ -278,7 +278,23 @@ const Link = component$((props) => {
       }
     }
   }) : void 0;
+  useVisibleTask$(({ track }) => {
+    track(() => loc.url.pathname);
+    const handler = linkProps.onQVisible$;
+    if (handler) {
+      const event = new CustomEvent("qvisible");
+      if (Array.isArray(handler)) {
+        handler.flat(10).forEach((handler2) => handler2?.(event, anchorRef.value));
+      } else {
+        handler?.(event, anchorRef.value);
+      }
+    }
+    if (!isDev && anchorRef.value) {
+      handlePrefetch?.(void 0, anchorRef.value);
+    }
+  });
   return /* @__PURE__ */ jsx("a", {
+    ref: anchorRef,
     "q:link": !!clientNavPath,
     ...linkProps,
     onClick$: [
@@ -295,11 +311,8 @@ const Link = component$((props) => {
       linkProps.onFocus$,
       handlePrefetch
     ],
-    // Don't prefetch on visible in dev mode
-    onQVisible$: [
-      linkProps.onQVisible$,
-      !isDev ? handlePrefetch : void 0
-    ],
+    // We need to prevent the onQVisible$ from being called twice since it is handled in the visible task
+    onQVisible$: [],
     children: /* @__PURE__ */ jsx(Slot, {})
   });
 });
@@ -740,6 +753,26 @@ const spaInit = event$((_, el) => {
     }, 0);
   }
 });
+const startViewTransition = (params) => {
+  if (!params.update) {
+    return;
+  }
+  if ("startViewTransition" in document) {
+    let transition;
+    try {
+      transition = document.startViewTransition(params);
+    } catch {
+      transition = document.startViewTransition(params.update);
+    }
+    const event = new CustomEvent("qviewtransition", {
+      detail: transition
+    });
+    document.dispatchEvent(event);
+    return transition;
+  } else {
+    params.update?.();
+  }
+};
 const QWIK_CITY_SCROLLER = "_qCityScroller";
 const QWIK_ROUTER_SCROLLER = "_qRouterScroller";
 const preventNav = {};
@@ -747,7 +780,18 @@ const internalState = {
   navCount: 0
 };
 const QwikRouterProvider = component$((props) => {
-  useStyles$(`:root{view-transition-name:none}`);
+  useStyles$(`
+    @layer qwik {
+      @supports selector(html:active-view-transition-type(type)) {
+        html:active-view-transition-type(qwik-router-spa) {
+          :root{view-transition-name:none}
+        }
+      }
+      @supports not selector(html:active-view-transition-type(type)) {
+        :root{view-transition-name:none}
+      }
+    }
+  `);
   const env = useQwikRouterEnv();
   if (!env?.params) {
     throw new Error(`Missing Qwik Router Env Data for help visit https://github.com/QwikDev/qwik/issues/6237`);
@@ -756,6 +800,11 @@ const QwikRouterProvider = component$((props) => {
   if (!urlEnv) {
     throw new Error(`Missing Qwik URL Env Data`);
   }
+  if (isServer) {
+    if (env.ev.originalUrl.pathname !== env.ev.url.pathname && !__EXPERIMENTAL__.enableRequestRewrite) {
+      throw new Error(`enableRequestRewrite is an experimental feature and is not enabled. Please enable the feature flag by adding \`experimental: ["enableRequestRewrite"]\` to your qwikVite plugin options.`);
+    }
+  }
   const url = new URL(urlEnv);
   const routeLocation = useStore({
     url,
@@ -944,12 +993,21 @@ const QwikRouterProvider = component$((props) => {
         const newHref = pageData.href;
         const newURL = new URL(newHref, trackUrl);
         if (!isSamePath(newURL, trackUrl)) {
-          trackUrl = newURL;
-          loadRoutePromise = loadRoute(qwikRouterConfig.routes, qwikRouterConfig.menus, qwikRouterConfig.cacheModules, trackUrl.pathname);
+          if (!pageData.isRewrite) {
+            trackUrl = newURL;
+          }
+          loadRoutePromise = loadRoute(
+            qwikRouterConfig.routes,
+            qwikRouterConfig.menus,
+            qwikRouterConfig.cacheModules,
+            newURL.pathname
+            // Load the actual required path.
+          );
         }
         try {
           loadedRoute = await loadRoutePromise;
         } catch (e) {
+          console.error(e);
           window.location.href = newHref;
           return;
         }
@@ -984,9 +1042,6 @@ const QwikRouterProvider = component$((props) => {
         documentHead.title = resolvedHead.title;
         documentHead.frontmatter = resolvedHead.frontmatter;
         if (isBrowser) {
-          if (props.viewTransition !== false) {
-            document.__q_view_transition__ = true;
-          }
           let scrollState;
           if (navType === "popstate") {
             scrollState = getScrollHistory();
@@ -1109,8 +1164,27 @@ const QwikRouterProvider = component$((props) => {
             const scrollState2 = currentScrollState(scroller);
             saveScrollHistory(scrollState2);
           }
-          clientNavigate(window, navType, prevUrl, trackUrl, replaceState);
-          _waitUntilRendered(elm).then(() => {
+          const navigate = () => {
+            clientNavigate(window, navType, prevUrl, trackUrl, replaceState);
+            return _waitUntilRendered(elm);
+          };
+          const _waitNextPage = () => {
+            if (isServer || props.viewTransition === false) {
+              return navigate();
+            } else {
+              const viewTransition = startViewTransition({
+                update: navigate,
+                types: [
+                  "qwik-navigation"
+                ]
+              });
+              if (!viewTransition) {
+                return Promise.resolve();
+              }
+              return viewTransition.ready;
+            }
+          };
+          _waitNextPage().then(() => {
             const container = _getQContainerElement(elm);
             container.setAttribute("q:route", routeName);
             const scrollState2 = currentScrollState(scroller);
@@ -1125,11 +1199,10 @@ const QwikRouterProvider = component$((props) => {
         }
       }
     }
-    const promise = run();
     if (isServer) {
-      return promise;
+      return run();
     } else {
-      return;
+      run();
     }
   });
   return /* @__PURE__ */ jsx(Slot, {});
@@ -1580,6 +1653,7 @@ const serverQrl = (qrl, options) => {
           headers: {
             ...headers,
             "Content-Type": "application/qwik-json",
+            Accept: "application/json, application/qwik-json, text/qwik-json-stream, text/plain",
             // Required so we don't call accidentally
             "X-QRL": qrlHash
           },
@@ -1611,19 +1685,19 @@ const serverQrl = (qrl, options) => {
         } else if (contentType === "application/qwik-json") {
           const str = await res.text();
           const [obj] = _deserialize(str, ctxElm ?? document.documentElement);
-          if (res.status >= 500) {
+          if (res.status >= 400) {
             throw obj;
           }
           return obj;
         } else if (contentType === "application/json") {
           const obj = await res.json();
-          if (res.status >= 500) {
+          if (res.status >= 400) {
             throw obj;
           }
           return obj;
         } else if (contentType === "text/plain" || contentType === "text/html") {
           const str = await res.text();
-          if (res.status >= 500) {
+          if (res.status >= 400) {
             throw str;
           }
           return str;
@@ -1691,7 +1765,8 @@ const deserializeStream = async function* (stream, ctxElm, abortSignal) {
     reader.releaseLock();
   }
 };
-const ServiceWorkerRegister = (props) => jsx$1("script", {
+const ServiceWorkerRegister = (props) => /* @__PURE__ */ jsx("script", {
+  type: "module",
   dangerouslySetInnerHTML: swRegister,
   nonce: props.nonce
 });
@@ -1816,6 +1891,7 @@ function omitProps(obj, keys) {
   return omittedObj;
 }
 export {
+  ErrorBoundary,
   Form,
   Link,
   QWIK_CITY_SCROLLER,