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

package/lib/middleware/request-handler/index.mjs

@@ -229,8 +229,11 @@ var RewriteMessage = class extends AbortMessage {
 // packages/qwik-router/src/runtime/src/constants.ts
 var MODULE_CACHE = /* @__PURE__ */ new WeakMap();
 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, path) {
@@ -352,6 +355,19 @@ function lastIndexOf(text, 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 = (value) => {
   return value && typeof value.then === "function";
@@ -375,13 +391,13 @@ var loadRoute = async (routes, menus, cacheModules, pathname) => {
     return null;
   }
   for (const routeData of routes) {
-    const routeName = routeData[0];
+    const routeName = routeData[0 /* RouteName */];
     const params = matchRoute(routeName, pathname);
     if (!params) {
       continue;
     }
-    const loaders = routeData[1];
-    const routeBundleNames = routeData[3];
+    const loaders = routeData[1 /* Loaders */];
+    const routeBundleNames = routeData[3 /* RouteBundleNames */];
     const modules = new Array(loaders.length);
     const pendingLoads = [];
     loaders.forEach((moduleLoader, i) => {
@@ -433,10 +449,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 */];
     }
   }
 };
@@ -616,12 +632,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 } = serverRequestEv;
   const sharedMap = /* @__PURE__ */ new Map();
@@ -705,6 +726,7 @@ function createRequestEvent(serverRequestEv, loadedRoute, requestHandlers, trail
   const loaders = {};
   const requestEv = {
     [RequestEvLoaders]: loaders,
+    [RequestEvLoaderSerializationStrategyMap]: /* @__PURE__ */ new Map(),
     [RequestEvMode]: serverRequestEv.mode,
     [RequestEvTrailingSlash]: trailingSlash,
     get [RequestEvRoute]() {
@@ -718,7 +740,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;
@@ -836,9 +858,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(
@@ -857,6 +882,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];
 }
@@ -929,13 +957,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,
@@ -944,7 +974,8 @@ function getQwikRouterServerData(requestEv) {
       loadedRoute: getRequestRoute(requestEv),
       response: {
         status: status(),
-        loaders: getRequestLoaders(requestEv),
+        loaders,
+        loadersSerializationStrategy,
         action,
         formData
       }
@@ -957,7 +988,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,
@@ -969,7 +1000,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);
     }
@@ -980,7 +1011,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,
@@ -994,7 +1025,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);
     }
   }
@@ -1056,8 +1088,9 @@ var _resolveRequestHandlers = (routeLoaders, routeActions, requestHandlers, rout
     }
   }
 };
-function actionsMiddleware(routeActions, routeLoaders) {
-  return async (requestEv) => {
+function actionsMiddleware(routeActions) {
+  return async (requestEvent) => {
+    const requestEv = requestEvent;
     if (requestEv.headersSent) {
       requestEv.exit();
       return;
@@ -1092,7 +1125,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) {
@@ -1103,46 +1136,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);
+      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);
           }
-        }).then((resolvedLoader) => {
-          if (typeof resolvedLoader === "function") {
-            loaders[loaderId] = resolvedLoader();
-          } else {
-            if (isDev) {
-              verifySerializable(qwikSerializer, resolvedLoader, loader.__qrl);
-            }
-            loaders[loaderId] = resolvedLoader;
-          }
-          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,
@@ -1277,7 +1338,7 @@ function getPathname(url, trailingSlash) {
       url.pathname = url.pathname.slice(0, -1);
     }
   }
-  const search = url.search.slice(1).replaceAll(/&?q(action|data|func)=[^&]+/g, "");
+  const search = url.search.slice(1).replaceAll(/&?q(action|data|func|loaders)=[^&]+/g, "");
   return `${url.pathname}${search ? `?${search}` : ""}${url.hash}`;
 }
 var encoder = /* @__PURE__ */ new TextEncoder();
@@ -1343,7 +1404,7 @@ function renderQwikMiddleware(render) {
       if (typeof result.html === "string") {
         await stream.write(result.html);
       }
-      requestEv.sharedMap.set("qData", qData);
+      requestEv.sharedMap.set(RequestEvShareQData, qData);
     } finally {
       await stream.ready;
       await stream.close();
@@ -1368,10 +1429,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();
@@ -1397,8 +1458,24 @@ async function renderQData(requestEv) {
   const requestHeaders = {};
   requestEv.request.headers.forEach((value, key) => requestHeaders[key] = value);
   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),
@@ -1409,7 +1486,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) {
@@ -1431,9 +1508,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]);
   }
@@ -1561,6 +1638,7 @@ var _TextEncoderStream_polyfill = class {
 export {
   AbortMessage,
   RedirectMessage,
+  RequestEvShareQData,
   RewriteMessage,
   ServerError,
   _TextEncoderStream_polyfill,

package/lib/static/node.cjs

@@ -232,7 +232,7 @@ async function workerRender(sys, opts, staticRoute, pendingPromises, callback) {
             const writePromises = [];
             try {
               if (writeQDataEnabled) {
-                const qData = requestEv.sharedMap.get("qData");
+                const qData = requestEv.sharedMap.get(import_request_handler.RequestEvShareQData);
                 if (qData && !is404ErrorPage) {
                   const qDataFilePath = sys.getDataFilePath(url.pathname);
                   const dataWriter = sys.createWriteStream(qDataFilePath);
@@ -837,7 +837,9 @@ async function generateNotFoundPages(sys, opts, routes) {
   if (opts.emit404Pages !== false) {
     const basePathname = opts.basePathname || "/";
     const rootNotFoundPathname = basePathname + "404.html";
-    const hasRootNotFound = routes.some((r) => r[2] === rootNotFoundPathname);
+    const hasRootNotFound = routes.some(
+      (r) => r[2 /* OriginalPathname */] === rootNotFoundPathname
+    );
     if (!hasRootNotFound) {
       const filePath = sys.getRouteFilePath(rootNotFoundPathname, true);
       const html = (0, import_request_handler2.getErrorHtml)(404, "Resource Not Found");

package/lib/static/node.mjs

@@ -59,7 +59,7 @@ function normalizePathSlash(path) {
 
 // packages/qwik-router/src/static/worker-thread.ts
 import { _deserialize, _serialize, _verifySerializable } from "@qwik.dev/core/internal";
-import { requestHandler } from "../middleware/request-handler/index.mjs";
+import { requestHandler, RequestEvShareQData } from "../middleware/request-handler/index.mjs";
 import { WritableStream } from "node:stream/web";
 import { pathToFileURL } from "node:url";
 async function workerThread(sys) {
@@ -196,7 +196,7 @@ async function workerRender(sys, opts, staticRoute, pendingPromises, callback) {
             const writePromises = [];
             try {
               if (writeQDataEnabled) {
-                const qData = requestEv.sharedMap.get("qData");
+                const qData = requestEv.sharedMap.get(RequestEvShareQData);
                 if (qData && !is404ErrorPage) {
                   const qDataFilePath = sys.getDataFilePath(url.pathname);
                   const dataWriter = sys.createWriteStream(qDataFilePath);
@@ -800,7 +800,9 @@ async function generateNotFoundPages(sys, opts, routes) {
   if (opts.emit404Pages !== false) {
     const basePathname = opts.basePathname || "/";
     const rootNotFoundPathname = basePathname + "404.html";
-    const hasRootNotFound = routes.some((r) => r[2] === rootNotFoundPathname);
+    const hasRootNotFound = routes.some(
+      (r) => r[2 /* OriginalPathname */] === rootNotFoundPathname
+    );
     if (!hasRootNotFound) {
       const filePath = sys.getRouteFilePath(rootNotFoundPathname, true);
       const html = getErrorHtml(404, "Resource Not Found");