@qwik.dev/router 2.0.0-beta.2 → 2.0.0-beta.4

package/lib/vite/index.mjs

@@ -14511,8 +14511,11 @@ var RewriteMessage = class extends AbortMessage {
 
 // packages/qwik-router/src/runtime/src/constants.ts
 var QACTION_KEY = "qaction";
+var QLOADER_KEY = "qloaders";
 var QFN_KEY = "qfunc";
 var QDATA_KEY = "qdata";
+var Q_ROUTE = "q:route";
+var DEFAULT_LOADERS_SERIALIZATION_STRATEGY = globalThis.__DEFAULT_LOADERS_SERIALIZATION_STRATEGY__ || "never";
 
 // packages/qwik-router/src/runtime/src/route-matcher.ts
 function matchRoute(route, path3) {
@@ -14634,6 +14637,19 @@ function lastIndexOf(text3, start, match, searchIdx, notFoundIdx) {
   return idx > start ? idx : notFoundIdx;
 }
 
+// packages/qwik-router/src/runtime/src/utils.ts
+import { createAsyncComputed$, isBrowser as isBrowser2 } from "@qwik.dev/core";
+import {
+  _UNINITIALIZED
+} from "@qwik.dev/core/internal";
+
+// packages/qwik-router/src/runtime/src/use-endpoint.ts
+import { _deserialize } from "@qwik.dev/core/internal";
+
+// packages/qwik-router/src/runtime/src/client-navigate.ts
+import { isBrowser } from "@qwik.dev/core";
+import { p as preload } from "@qwik.dev/core/preloader";
+
 // packages/qwik-router/src/runtime/src/utils.ts
 var isPromise = (value2) => {
   return value2 && typeof value2.then === "function";
@@ -14644,10 +14660,10 @@ var getMenuLoader = (menus, pathname) => {
   if (menus) {
     pathname = pathname.endsWith("/") ? pathname : pathname + "/";
     const menu = menus.find(
-      (m) => m[0] === pathname || pathname.startsWith(m[0] + (pathname.endsWith("/") ? "" : "/"))
+      (m) => m[0 /* Pathname */] === pathname || pathname.startsWith(m[0 /* Pathname */] + (pathname.endsWith("/") ? "" : "/"))
     );
     if (menu) {
-      return menu[1];
+      return menu[1 /* MenuLoader */];
     }
   }
 };
@@ -14827,12 +14843,17 @@ var RequestEvLoaders = Symbol("RequestEvLoaders");
 var RequestEvMode = Symbol("RequestEvMode");
 var RequestEvRoute = Symbol("RequestEvRoute");
 var RequestEvQwikSerializer = Symbol("RequestEvQwikSerializer");
+var RequestEvLoaderSerializationStrategyMap = Symbol(
+  "RequestEvLoaderSerializationStrategyMap"
+);
 var RequestEvTrailingSlash = Symbol("RequestEvTrailingSlash");
 var RequestRouteName = "@routeName";
 var RequestEvSharedActionId = "@actionId";
 var RequestEvSharedActionFormData = "@actionFormData";
 var RequestEvSharedNonce = "@nonce";
 var RequestEvIsRewrite = "@rewrite";
+var RequestEvShareServerTiming = "@serverTiming";
+var RequestEvShareQData = "qData";
 function createRequestEvent(serverRequestEv, loadedRoute, requestHandlers, trailingSlash, basePathname, qwikSerializer, resolved) {
   const { request, platform, env: env2 } = serverRequestEv;
   const sharedMap = /* @__PURE__ */ new Map();
@@ -14916,6 +14937,7 @@ function createRequestEvent(serverRequestEv, loadedRoute, requestHandlers, trail
   const loaders = {};
   const requestEv = {
     [RequestEvLoaders]: loaders,
+    [RequestEvLoaderSerializationStrategyMap]: /* @__PURE__ */ new Map(),
     [RequestEvMode]: serverRequestEv.mode,
     [RequestEvTrailingSlash]: trailingSlash,
     get [RequestEvRoute]() {
@@ -14929,7 +14951,7 @@ function createRequestEvent(serverRequestEv, loadedRoute, requestHandlers, trail
     signal: request.signal,
     originalUrl: new URL(url),
     get params() {
-      return (loadedRoute == null ? void 0 : loadedRoute[1]) ?? {};
+      return (loadedRoute == null ? void 0 : loadedRoute[1 /* Params */]) ?? {};
     },
     get pathname() {
       return url.pathname;
@@ -15047,9 +15069,12 @@ function createRequestEvent(serverRequestEv, loadedRoute, requestHandlers, trail
     getWritableStream: () => {
       if (writableStream === null) {
         if (serverRequestEv.mode === "dev") {
-          const serverTiming = sharedMap.get("@serverTiming");
+          const serverTiming = sharedMap.get(RequestEvShareServerTiming);
           if (serverTiming) {
-            headers.set("Server-Timing", serverTiming.map((a) => `${a[0]};dur=${a[1]}`).join(","));
+            headers.set(
+              "Server-Timing",
+              serverTiming.map(([name, duration]) => `${name};dur=${duration}`).join(",")
+            );
           }
         }
         writableStream = serverRequestEv.getWritableStream(
@@ -15068,6 +15093,9 @@ function createRequestEvent(serverRequestEv, loadedRoute, requestHandlers, trail
 function getRequestLoaders(requestEv) {
   return requestEv[RequestEvLoaders];
 }
+function getRequestLoaderSerializationStrategyMap(requestEv) {
+  return requestEv[RequestEvLoaderSerializationStrategyMap];
+}
 function getRequestTrailingSlash(requestEv) {
   return requestEv[RequestEvTrailingSlash];
 }
@@ -15140,13 +15168,15 @@ function getQwikRouterServerData(requestEv) {
   if (protocol) {
     reconstructedUrl.protocol = protocol;
   }
+  const loaders = getRequestLoaders(requestEv);
+  const loadersSerializationStrategy = getRequestLoaderSerializationStrategyMap(requestEv);
   return {
     url: reconstructedUrl.href,
     requestHeaders,
     locale: locale(),
     nonce,
     containerAttributes: {
-      "q:route": routeName
+      [Q_ROUTE]: routeName
     },
     qwikrouter: {
       routeName,
@@ -15155,7 +15185,8 @@ function getQwikRouterServerData(requestEv) {
       loadedRoute: getRequestRoute(requestEv),
       response: {
         status: status(),
-        loaders: getRequestLoaders(requestEv),
+        loaders,
+        loadersSerializationStrategy,
         action,
         formData
       }
@@ -15168,7 +15199,7 @@ var resolveRequestHandlers = (serverPlugins, route, method, checkOrigin, renderH
   const routeLoaders = [];
   const routeActions = [];
   const requestHandlers = [];
-  const isPageRoute = !!(route && isLastModulePageRoute(route[2]));
+  const isPageRoute = !!(route && isLastModulePageRoute(route[2 /* Mods */]));
   if (serverPlugins) {
     _resolveRequestHandlers(
       routeLoaders,
@@ -15180,7 +15211,7 @@ var resolveRequestHandlers = (serverPlugins, route, method, checkOrigin, renderH
     );
   }
   if (route) {
-    const routeName = route[0];
+    const routeName = route[0 /* RouteName */];
     if (checkOrigin && (method === "POST" || method === "PUT" || method === "PATCH" || method === "DELETE")) {
       requestHandlers.unshift(csrfCheckMiddleware);
     }
@@ -15191,7 +15222,7 @@ var resolveRequestHandlers = (serverPlugins, route, method, checkOrigin, renderH
       requestHandlers.push(fixTrailingSlash);
       requestHandlers.push(renderQData);
     }
-    const routeModules = route[2];
+    const routeModules = route[2 /* Mods */];
     requestHandlers.push(handleRedirect);
     _resolveRequestHandlers(
       routeLoaders,
@@ -15205,7 +15236,8 @@ var resolveRequestHandlers = (serverPlugins, route, method, checkOrigin, renderH
       requestHandlers.push((ev) => {
         ev.sharedMap.set(RequestRouteName, routeName);
       });
-      requestHandlers.push(actionsMiddleware(routeActions, routeLoaders));
+      requestHandlers.push(actionsMiddleware(routeActions));
+      requestHandlers.push(loadersMiddleware(routeLoaders));
       requestHandlers.push(renderHandler);
     }
   }
@@ -15270,8 +15302,9 @@ var _resolveRequestHandlers = (routeLoaders, routeActions, requestHandlers, rout
 var checkBrand = (obj, brand) => {
   return obj && typeof obj === "function" && obj.__brand === brand;
 };
-function actionsMiddleware(routeActions, routeLoaders) {
-  return async (requestEv) => {
+function actionsMiddleware(routeActions) {
+  return async (requestEvent) => {
+    const requestEv = requestEvent;
     if (requestEv.headersSent) {
       requestEv.exit();
       return;
@@ -15306,7 +15339,7 @@ function actionsMiddleware(routeActions, routeLoaders) {
           } else {
             const actionResolved = isDev ? await measure(
               requestEv,
-              action.__qrl.getSymbol().split("_", 1)[0],
+              action.__qrl.getHash(),
               () => action.__qrl.call(requestEv, result.data, requestEv)
             ) : await action.__qrl.call(requestEv, result.data, requestEv);
             if (isDev) {
@@ -15317,46 +15350,74 @@ function actionsMiddleware(routeActions, routeLoaders) {
         }
       }
     }
+  };
+}
+function loadersMiddleware(routeLoaders) {
+  return async (requestEvent) => {
+    const requestEv = requestEvent;
+    if (requestEv.headersSent) {
+      requestEv.exit();
+      return;
+    }
+    const loaders = getRequestLoaders(requestEv);
+    const isDev = getRequestMode(requestEv) === "dev";
+    const qwikSerializer = requestEv[RequestEvQwikSerializer];
     if (routeLoaders.length > 0) {
-      const resolvedLoadersPromises = routeLoaders.map((loader) => {
-        const loaderId = loader.__id;
-        loaders[loaderId] = runValidators(
-          requestEv,
-          loader.__validators,
-          void 0,
-          // data
-          isDev
-        ).then((res) => {
-          if (res.success) {
-            if (isDev) {
-              return measure(
-                requestEv,
-                loader.__qrl.getSymbol().split("_", 1)[0],
-                () => loader.__qrl.call(requestEv, requestEv)
-              );
-            } else {
-              return loader.__qrl.call(requestEv, requestEv);
-            }
-          } else {
-            return requestEv.fail(res.status ?? 500, res.error);
-          }
-        }).then((resolvedLoader) => {
-          if (typeof resolvedLoader === "function") {
-            loaders[loaderId] = resolvedLoader();
-          } else {
-            if (isDev) {
-              verifySerializable(qwikSerializer, resolvedLoader, loader.__qrl);
-            }
-            loaders[loaderId] = resolvedLoader;
+      let currentLoaders = [];
+      if (requestEv.query.has(QLOADER_KEY)) {
+        const selectedLoaderIds = requestEv.query.getAll(QLOADER_KEY);
+        for (const loader of routeLoaders) {
+          if (selectedLoaderIds.includes(loader.__id)) {
+            currentLoaders.push(loader);
           }
-          return resolvedLoader;
-        });
-        return loaders[loaderId];
-      });
+        }
+      } else {
+        currentLoaders = routeLoaders;
+      }
+      const resolvedLoadersPromises = currentLoaders.map(
+        (loader) => getRouteLoaderPromise(loader, loaders, requestEv, isDev, qwikSerializer)
+      );
       await Promise.all(resolvedLoadersPromises);
     }
   };
 }
+async function getRouteLoaderPromise(loader, loaders, requestEv, isDev, qwikSerializer) {
+  const loaderId = loader.__id;
+  loaders[loaderId] = runValidators(
+    requestEv,
+    loader.__validators,
+    void 0,
+    // data
+    isDev
+  ).then((res) => {
+    if (res.success) {
+      if (isDev) {
+        return measure(
+          requestEv,
+          loader.__qrl.getHash(),
+          () => loader.__qrl.call(requestEv, requestEv)
+        );
+      } else {
+        return loader.__qrl.call(requestEv, requestEv);
+      }
+    } else {
+      return requestEv.fail(res.status ?? 500, res.error);
+    }
+  }).then((resolvedLoader) => {
+    if (typeof resolvedLoader === "function") {
+      loaders[loaderId] = resolvedLoader();
+    } else {
+      if (isDev) {
+        verifySerializable(qwikSerializer, resolvedLoader, loader.__qrl);
+      }
+      loaders[loaderId] = resolvedLoader;
+    }
+    return resolvedLoader;
+  });
+  const loadersSerializationStrategy = getRequestLoaderSerializationStrategyMap(requestEv);
+  loadersSerializationStrategy.set(loaderId, loader.__serializationStrategy);
+  return loaders[loaderId];
+}
 async function runValidators(requestEv, validators, data, isDev) {
   let lastResult = {
     success: true,
@@ -15491,7 +15552,7 @@ function getPathname(url, trailingSlash) {
       url.pathname = url.pathname.slice(0, -1);
     }
   }
-  const search2 = url.search.slice(1).replaceAll(/&?q(action|data|func)=[^&]+/g, "");
+  const search2 = url.search.slice(1).replaceAll(/&?q(action|data|func|loaders)=[^&]+/g, "");
   return `${url.pathname}${search2 ? `?${search2}` : ""}${url.hash}`;
 }
 var encoder = /* @__PURE__ */ new TextEncoder();
@@ -15531,10 +15592,10 @@ async function handleRedirect(requestEv) {
     return;
   }
   const status = requestEv.status();
-  const location = requestEv.headers.get("Location");
-  const isRedirect = status >= 301 && status <= 308 && location;
+  const location2 = requestEv.headers.get("Location");
+  const isRedirect = status >= 301 && status <= 308 && location2;
   if (isRedirect) {
-    const adaptedLocation = makeQDataPath(location);
+    const adaptedLocation = makeQDataPath(location2);
     if (adaptedLocation) {
       requestEv.headers.set("Location", adaptedLocation);
       requestEv.getWritableStream().close();
@@ -15560,8 +15621,24 @@ async function renderQData(requestEv) {
   const requestHeaders = {};
   requestEv.request.headers.forEach((value2, key) => requestHeaders[key] = value2);
   requestEv.headers.set("Content-Type", "application/json; charset=utf-8");
-  const qData = {
-    loaders: getRequestLoaders(requestEv),
+  let loaders = getRequestLoaders(requestEv);
+  const selectedLoaderIds = requestEv.query.getAll(QLOADER_KEY);
+  const hasCustomLoaders = selectedLoaderIds.length > 0;
+  if (hasCustomLoaders) {
+    const selectedLoaders = {};
+    for (const loaderId of selectedLoaderIds) {
+      const loader = loaders[loaderId];
+      selectedLoaders[loaderId] = loader;
+    }
+    loaders = selectedLoaders;
+  }
+  const qData = hasCustomLoaders ? {
+    // send minimal data to the client
+    loaders,
+    status: status !== 200 ? status : 200,
+    href: getPathname(requestEv.url, trailingSlash)
+  } : {
+    loaders,
     action: requestEv.sharedMap.get(RequestEvSharedActionId),
     status: status !== 200 ? status : 200,
     href: getPathname(requestEv.url, trailingSlash),
@@ -15572,7 +15649,7 @@ async function renderQData(requestEv) {
   const qwikSerializer = requestEv[RequestEvQwikSerializer];
   const data = await qwikSerializer._serialize([qData]);
   writer.write(encoder.encode(data));
-  requestEv.sharedMap.set("qData", qData);
+  requestEv.sharedMap.set(RequestEvShareQData, qData);
   writer.close();
 }
 function makeQDataPath(href) {
@@ -15594,9 +15671,9 @@ async function measure(requestEv, name, fn) {
     return await fn();
   } finally {
     const duration = now() - start;
-    let measurements = requestEv.sharedMap.get("@serverTiming");
+    let measurements = requestEv.sharedMap.get(RequestEvShareServerTiming);
     if (!measurements) {
-      requestEv.sharedMap.set("@serverTiming", measurements = []);
+      requestEv.sharedMap.set(RequestEvShareServerTiming, measurements = []);
     }
     measurements.push([name, duration]);
   }
@@ -26615,11 +26692,11 @@ function ssrDevMiddleware(ctx, server) {
             if (cookieHeaders.length > 0) {
               res.setHeader("Set-Cookie", cookieHeaders);
             }
-            const serverTiming = requestEv.sharedMap.get("@serverTiming");
+            const serverTiming = requestEv.sharedMap.get(RequestEvShareServerTiming);
             if (serverTiming) {
               res.setHeader(
                 "Server-Timing",
-                serverTiming.map((a) => `${a[0]};dur=${a[1]}`).join(",")
+                serverTiming.map(([name, duration]) => `${name};dur=${duration}`).join(",")
               );
             }
             res._qwikEnvData = {
@@ -26643,8 +26720,8 @@ function ssrDevMiddleware(ctx, server) {
         if (requestHandlers.length > 0) {
           const serverRequestEv = await fromNodeHttp(url, req, res, "dev");
           Object.assign(serverRequestEv.platform, ctx.opts.platform);
-          const { _deserialize, _serialize, _verifySerializable } = await server.ssrLoadModule("@qwik-serializer");
-          const qwikSerializer = { _deserialize, _serialize, _verifySerializable };
+          const { _deserialize: _deserialize2, _serialize, _verifySerializable } = await server.ssrLoadModule("@qwik-serializer");
+          const qwikSerializer = { _deserialize: _deserialize2, _serialize, _verifySerializable };
           const rebuildRouteInfo = async (url2) => {
             const { serverPlugins: serverPlugins2, loadedRoute: loadedRoute2 } = await resolveRoute2(routeModulePaths, url2);
             const requestHandlers2 = resolveRequestHandlers(
@@ -27194,6 +27271,11 @@ function qwikRouterPlugin(userOpts) {
     api,
     async config() {
       const updatedViteConfig = {
+        define: {
+          "globalThis.__DEFAULT_LOADERS_SERIALIZATION_STRATEGY__": JSON.stringify(
+            (userOpts == null ? void 0 : userOpts.defaultLoadersSerializationStrategy) || "never"
+          )
+        },
         appType: "custom",
         resolve: {
           alias: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qwik.dev/router",
   "description": "The router for Qwik.",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.4",
   "bugs": "https://github.com/QwikDev/qwik/issues",
   "dependencies": {
     "@mdx-js/mdx": "^3",
@@ -11,8 +11,7 @@
     "undici": "*",
     "valibot": ">=0.36.0 <2",
     "vfile": "6.0.2",
-    "vite": ">=5 <7",
-    "vite-imagetools": "^7.0.5",
+    "vite-imagetools": "^7.1.0",
     "zod": "3.22.4"
   },
   "devDependencies": {
@@ -20,7 +19,7 @@
     "@microsoft/api-extractor": "7.52.4",
     "@netlify/edge-functions": "2.10.0",
     "@types/mdast": "4.0.4",
-    "@types/node": "20.14.11",
+    "@types/node": "24.0.4",
     "@types/refractor": "3.4.1",
     "@types/set-cookie-parser": "2.4.10",
     "estree-util-value-to-estree": "3.1.2",
@@ -36,12 +35,12 @@
     "remark-gfm": "4.0.0",
     "set-cookie-parser": "2.6.0",
     "tsm": "2.3.0",
-    "typescript": "5.8.2",
+    "typescript": "5.8.3",
     "unified": "11.0.5",
     "unist-util-visit": "5.0.0",
     "uvu": "0.5.6",
     "yaml": "2.4.5",
-    "@qwik.dev/core": "2.0.0-beta.2"
+    "@qwik.dev/core": "2.0.0-beta.4"
   },
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
@@ -176,7 +175,7 @@
   "license": "MIT",
   "main": "./lib/index.qwik.mjs",
   "peerDependencies": {
-    "vite": ">=5 <7"
+    "vite": ">=5 <8"
   },
   "publishConfig": {
     "access": "public"