@qwik.dev/router 2.0.0-beta.31 → 2.0.0-beta.34

package/lib/middleware/deno/index.mjs

@@ -1,5 +1,5 @@
 import { setServerPlatform } from '@qwik.dev/core/server';
-import { isStaticPath, getNotFound, mergeHeadersCookies, requestHandler } from '@qwik.dev/router/middleware/request-handler';
+import { isStaticPath, mergeHeadersCookies, requestHandler } from '@qwik.dev/router/middleware/request-handler';
 import { M as MIME_TYPES, n as normalizeRequestUrl } from '../../chunks/url.mjs';
 import { join, fromFileUrl, extname } from 'https://deno.land/std/path/mod.ts';
 import { isDev } from '@qwik.dev/core/build';
@@ -69,27 +69,8 @@ function createQwikRouter(opts) {
       });
     }
   }
-  const notFound = async (request) => {
-    try {
-      const url = getRequestUrl(request, opts);
-      const notFoundHtml = !request.headers.get("accept")?.includes("text/html") || isStaticPath(request.method || "GET", url) ? "Not Found" : getNotFound(url.pathname);
-      return new Response(notFoundHtml, {
-        status: 404,
-        headers: {
-          "Content-Type": "text/html; charset=utf-8",
-          "X-Not-Found": url.pathname
-        }
-      });
-    } catch (e) {
-      console.error(e);
-      return new Response(isDev ? String(e || "Error") : "Internal Server Error", {
-        status: 500,
-        headers: {
-          "Content-Type": "text/plain; charset=utf-8",
-          "X-Error": "deno-server"
-        }
-      });
-    }
+  const notFound = async (_request) => {
+    return null;
   };
   const openStaticFile = async (url) => {
     const pathname = url.pathname;

package/lib/middleware/firebase/index.mjs

@@ -1,7 +1,7 @@
 import { createQwikRouter as createQwikRouter$1 } from '@qwik.dev/router/middleware/node';
 
 function createQwikRouter(opts) {
-  const { staticFile, notFound, router } = createQwikRouter$1({
+  const { staticFile, router } = createQwikRouter$1({
     render: opts.render,
     manifest: opts.manifest,
     static: {
@@ -16,8 +16,8 @@ function createQwikRouter(opts) {
   });
   const qwikApp = (req, res) => {
     return staticFile(req, res, () => {
-      router(req, res, () => notFound(req, res, () => {
-      }));
+      router(req, res, () => {
+      });
     });
   };
   return qwikApp;

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

@@ -11,11 +11,7 @@ import type { ServerResponse } from 'node:http';
 export declare const createQwikCity: typeof createQwikRouter;
 
 /** @public */
-export declare function createQwikRouter(opts: QwikRouterNodeRequestOptions | QwikCityNodeRequestOptions): {
-    router: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: NodeRequestNextFunction) => Promise<void>;
-    notFound: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: (e: any) => void) => Promise<void>;
-    staticFile: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: (e?: any) => void) => Promise<void>;
-};
+export declare function createQwikRouter(opts: QwikRouterNodeRequestOptions | QwikCityNodeRequestOptions): QwikRouterNodeMiddleware;
 
 /** @public */
 export declare interface NodeRequestNextFunction {
@@ -35,6 +31,14 @@ export declare interface PlatformNode {
  */
 export declare type QwikCityNodeRequestOptions = QwikRouterNodeRequestOptions;
 
+/** @public */
+export declare interface QwikRouterNodeMiddleware {
+    router: (req: IncomingMessage | Http2ServerRequest, res: ServerResponse, next: NodeRequestNextFunction) => 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 QwikRouterNodeRequestOptions extends ServerRenderOptions {
     /** Options for serving static files */

package/lib/middleware/node/index.mjs

@@ -1,6 +1,6 @@
 import { isDev } from '@qwik.dev/core';
 import { setServerPlatform } from '@qwik.dev/core/server';
-import { isStaticPath, getNotFound, requestHandler } from '@qwik.dev/router/middleware/request-handler';
+import { isStaticPath, requestHandler } from '@qwik.dev/router/middleware/request-handler';
 import { createReadStream } from 'node:fs';
 import { join, basename, extname } from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -32,6 +32,71 @@ function normalizeUrl(url, base) {
 function getUrl(req, origin) {
   return normalizeUrl(req.originalUrl || req.url || "/", origin);
 }
+function createNodeResponseSink(res) {
+  let closed = res.closed || res.destroyed;
+  const closedPromise = closed ? Promise.resolve() : new Promise((resolve) => {
+    res.once("close", () => {
+      closed = true;
+      resolve();
+    });
+  });
+  const write = (chunk) => {
+    if (closed || res.closed || res.destroyed) {
+      return;
+    }
+    return new Promise((resolve, reject) => {
+      let settled = false;
+      const finish = () => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        setImmediate(resolve);
+      };
+      const fail = (error) => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        reject(error);
+      };
+      closedPromise.then(finish);
+      try {
+        res.write(chunk, (error) => {
+          if (error) {
+            if (isIgnoredError(error.message)) {
+              finish();
+              return;
+            }
+            fail(error);
+            return;
+          }
+          finish();
+        });
+      } catch (error) {
+        if (error instanceof Error && isIgnoredError(error.message)) {
+          finish();
+          return;
+        }
+        fail(error);
+      }
+    });
+  };
+  const close = () => {
+    if (closed || res.closed || res.destroyed) {
+      return;
+    }
+    return new Promise((resolve) => {
+      res.end(() => {
+        resolve();
+      });
+    });
+  };
+  return {
+    write,
+    close
+  };
+}
 async function fromNodeHttp(url, req, res, mode, getClientConn) {
   const requestHeaders = new Headers();
   const nodeRequestHeaders = req.headers;
@@ -79,6 +144,7 @@ async function fromNodeHttp(url, req, res, mode, getClientConn) {
     },
     getWritableStream: (status, headers, cookies) => {
       res.statusCode = status;
+      const sink = createNodeResponseSink(res);
       try {
         for (const [key, value] of headers) {
           if (invalidHeadersPattern.test(key)) {
@@ -95,17 +161,10 @@ async function fromNodeHttp(url, req, res, mode, getClientConn) {
       }
       return new WritableStream({
         write(chunk) {
-          if (res.closed || res.destroyed) {
-            return;
-          }
-          res.write(chunk, (error) => {
-            if (error && !isIgnoredError(error.message)) {
-              console.error(error);
-            }
-          });
+          return sink.write(chunk);
         },
         close() {
-          res.end();
+          return sink.close();
         }
       });
     },
@@ -139,12 +198,12 @@ function createQwikRouter(opts) {
       const handled = await requestHandler(serverRequestEv, opts);
       if (handled) {
         const err = await handled.completion;
-        if (err) {
-          throw err;
-        }
         if (handled.requestEv.headersSent) {
           return;
         }
+        if (err) {
+          throw err;
+        }
       }
       next();
     } catch (e) {
@@ -152,23 +211,7 @@ function createQwikRouter(opts) {
       next(e);
     }
   };
-  const notFound = async (req, res, next) => {
-    try {
-      if (!res.headersSent) {
-        const origin = computeOrigin(req, opts);
-        const url = getUrl(req, origin);
-        const notFoundHtml = !req.headers.accept?.includes("text/html") || isStaticPath(req.method || "GET", url) ? "Not Found" : getNotFound(url.pathname);
-        res.writeHead(404, {
-          "Content-Type": "text/html; charset=utf-8",
-          "X-Not-Found": url.pathname
-        });
-        res.end(notFoundHtml);
-      }
-    } catch (e) {
-      console.error(e);
-      next(e);
-    }
-  };
+  const notFound = async (_req, _res, next) => next();
   const staticFile = async (req, res, next) => {
     try {
       const origin = computeOrigin(req, opts);

package/lib/vite/index.mjs

@@ -1,4 +1,4 @@
-import { mergeConfig, loadEnv } from 'vite';
+import { mergeConfig, normalizePath as normalizePath$1, loadEnv } from 'vite';
 import fs, { existsSync } from 'node:fs';
 import path, { join, dirname, basename, resolve, isAbsolute, extname } from 'node:path';
 import { g as getExtension, r as removeExtension, i as isIndexModule, a as isErrorName, b as isLayoutModule, c as isEntryName, d as isMenuFileName, e as isServiceWorkerName, f as isPageModuleExt, h as isModuleExt, j as isMarkdownExt, k as normalizePath, l as getPathnameFromDirPath, m as getMenuPathname, o as createFileId, p as parseRouteIndexName, q as isPluginModule, s as isPageExt } from '../chunks/fs.mjs';
@@ -479,7 +479,7 @@ async function walkServerPlugins(opts) {
       });
     }
   }));
-  return sourceFiles;
+  return sourceFiles.sort((a, b) => a.filePath < b.filePath ? -1 : 1);
 }
 
 function resolveEntry(opts, sourceFile) {
@@ -1326,7 +1326,7 @@ function serializeBuildTrie(ctx, qwikPlugin, node, layoutIdMap, routeIdMap, menu
   if (node._9) {
     lines.push(`${nextIndent}_9: ${JSON.stringify(node._9)},`);
   }
-  if (node._G) {
+  if (node._G != null) {
     lines.push(`${nextIndent}_G: ${JSON.stringify(node._G)},`);
   }
   let layoutExpr;
@@ -1756,6 +1756,67 @@ function parseId(originalId) {
   };
 }
 
+const supportedExtensions = [
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".webp",
+  ".gif",
+  ".avif",
+  ".tiff"
+];
+const JSX_QUERY_PARAM = "jsx";
+const INTERNAL_IMAGE_JSX_QUERY_PARAM = "qwik-asset-jsx";
+const VIRTUAL_IMAGE_JSX_PREFIX = "virtual:";
+const VIRTUAL_IMAGE_JSX_SUFFIX = ".qwik.jsx";
+const TO_IMG_ID = "@to-img.qwik.jsx";
+const VIRTUAL_TO_IMG_ID = "virtual:to-img.qwik.jsx";
+function createVirtualImageJsxId(pathId, params) {
+  const query = new URLSearchParams(params);
+  query.delete(INTERNAL_IMAGE_JSX_QUERY_PARAM);
+  const queryString = query.toString();
+  return `${VIRTUAL_IMAGE_JSX_PREFIX}${normalizePath$1(pathId)}${VIRTUAL_IMAGE_JSX_SUFFIX}${queryString ? `?${queryString}` : ""}`;
+}
+function createImageJsxImportId(pathId, params) {
+  const query = new URLSearchParams(params);
+  query.set(INTERNAL_IMAGE_JSX_QUERY_PARAM, "");
+  return `${normalizePath$1(pathId)}?${query.toString()}`;
+}
+function parseVirtualImageJsxId(id) {
+  const parsed = parseId(id);
+  if (!parsed.pathId.startsWith(VIRTUAL_IMAGE_JSX_PREFIX) || !parsed.pathId.endsWith(VIRTUAL_IMAGE_JSX_SUFFIX)) {
+    return null;
+  }
+  const pathId = parsed.pathId.slice(VIRTUAL_IMAGE_JSX_PREFIX.length, -VIRTUAL_IMAGE_JSX_SUFFIX.length);
+  return {
+    ...parsed,
+    extension: path.extname(pathId).toLowerCase(),
+    pathId
+  };
+}
+function getToImg() {
+  return `
+  import { _jsxSplit, _getVarProps as v, _getConstProps as c} from '@qwik.dev/core';
+  const decoding = "async";
+  const loading = "lazy";
+  export default (s, w, h) =>
+    // Try to preserve const attrs by not spreading when props are not provided
+    p => p
+    ? _jsxSplit("img", {decoding, loading, ...v(p)}, {...c(p), height: h, srcSet: s, width: w })
+    : _jsxSplit("img", null, {decoding, height: h, loading, srcSet: s, width: w});
+  `;
+}
+function createImageJsxModule(pathId, params) {
+  return `
+  import { srcSet, width, height } from ${JSON.stringify(createImageJsxImportId(pathId, params))};
+  import toImg from ${JSON.stringify(TO_IMG_ID)};
+
+  export default toImg(srcSet, width, height);
+  `;
+}
+function createSvgJsxModule(attrs) {
+  return `export default p => <svg {...p} {...${JSON.stringify(attrs)}} />`;
+}
 function optimizeSvg({ code, path: path2 }, userOpts) {
   const svgAttributes = {};
   const prefixIdsConfiguration = userOpts?.imageOptimization?.svgo?.prefixIds;
@@ -1771,7 +1832,7 @@ function optimizeSvg({ code, path: path2 }, userOpts) {
       return false;
     }
     if (plugin === "prefixIds" || typeof plugin === "object" && plugin.name === "prefixIds") {
-      console.warn(`You are trying to use the preset-default SVGO plugin. This plugin is already included by default, you can customize it through the prefixIds option.`);
+      console.warn(`You are trying to use the prefixIds SVGO plugin. This plugin is already included by default, you can customize it through the prefixIds option.`);
       return false;
     }
     return true;
@@ -1817,15 +1878,6 @@ function optimizeSvg({ code, path: path2 }, userOpts) {
   };
 }
 function imagePlugin(userOpts) {
-  const supportedExtensions = [
-    ".jpg",
-    ".jpeg",
-    ".png",
-    ".webp",
-    ".gif",
-    ".avif",
-    ".tiff"
-  ];
   return [
     import('vite-imagetools').then((_rawProps) => _rawProps.imagetools({
       exclude: [],
@@ -1853,8 +1905,10 @@ function imagePlugin(userOpts) {
         };
       },
       defaultDirectives: (url) => {
-        if (url.searchParams.has("jsx")) {
-          const { jsx: _, ...params } = Object.fromEntries(url.searchParams.entries());
+        if (url.searchParams.has(JSX_QUERY_PARAM)) {
+          const params = Object.fromEntries(url.searchParams.entries());
+          delete params[JSX_QUERY_PARAM];
+          delete params[INTERNAL_IMAGE_JSX_QUERY_PARAM];
           return new URLSearchParams({
             format: "webp",
             quality: "75",
@@ -1868,66 +1922,150 @@ function imagePlugin(userOpts) {
         return new URLSearchParams();
       }
     })).catch((err) => {
-      console.error("Error loading vite-imagetools, image imports are not available", err);
+      console.error('Error loading vite-imagetools, image imports ("foo.png?jsx") are not available', err);
       return null;
     }),
     {
       name: "qwik-router-image-jsx",
+      resolveId: {
+        order: "pre",
+        async handler(id, importer, options) {
+          if (parseVirtualImageJsxId(id)) {
+            return null;
+          }
+          if (id.endsWith(TO_IMG_ID)) {
+            return VIRTUAL_TO_IMG_ID;
+          }
+          const { pathId, params } = parseId(id);
+          if (!params.has(JSX_QUERY_PARAM) || params.has(INTERNAL_IMAGE_JSX_QUERY_PARAM)) {
+            return null;
+          }
+          const resolved = await this.resolve(pathId, importer, {
+            ...options,
+            skipSelf: true
+          });
+          const resolvedId = parseId((resolved ?? {
+            id: pathId
+          }).id).pathId;
+          const extension = path.extname(resolvedId).toLowerCase();
+          if (extension !== ".svg" && !supportedExtensions.includes(extension)) {
+            return null;
+          }
+          return {
+            id: createVirtualImageJsxId(resolvedId, params),
+            moduleSideEffects: false
+          };
+        }
+      },
       load: {
         order: "pre",
         handler: async (id) => {
-          const { params, pathId } = parseId(id);
-          const extension = path.extname(pathId).toLowerCase();
-          if (extension === ".svg" && params.has("jsx")) {
-            const code = await fs.promises.readFile(pathId, "utf-8");
+          if (id === VIRTUAL_TO_IMG_ID) {
+            return getToImg();
+          }
+          const imageId = parseVirtualImageJsxId(id);
+          if (!imageId) {
+            return null;
+          }
+          if (imageId.extension === ".svg") {
+            const code = await fs.promises.readFile(imageId.pathId, "utf-8");
             return {
               code,
               moduleSideEffects: false
             };
           }
+          return {
+            code: "export default undefined;",
+            moduleSideEffects: false
+          };
         }
       },
-      transform(code, id) {
-        id = id.toLowerCase();
-        const { params, pathId } = parseId(id);
-        if (params.has("jsx")) {
-          const extension = path.extname(pathId).toLowerCase();
-          if (supportedExtensions.includes(extension)) {
-            if (!code.includes("srcSet")) {
-              this.error(`Image '${id}' could not be optimized to JSX`);
-            }
-            const index = code.indexOf("export default");
-            return {
-              code: code.slice(0, index) + `
-  import { _jsxSorted } from '@qwik.dev/core';
-  const PROPS = {srcSet, width, height};
-  export default function (props, key, _, dev) {
-    return _jsxSorted('img', {...{decoding: 'async', loading: 'lazy'}, ...props}, PROPS, undefined, 3, key, dev);
-  }`,
-              map: null
-            };
-          } else if (extension === ".svg") {
+      transform: {
+        order: "pre",
+        handler(code, id) {
+          const imageId = parseVirtualImageJsxId(id);
+          if (!imageId) {
+            return null;
+          }
+          if (imageId.extension === ".svg") {
             const { svgAttributes } = optimizeSvg({
               code,
-              path: pathId
+              path: imageId.pathId
             }, userOpts);
             return {
-              code: `
-  import { _jsxSorted } from '@qwik.dev/core';
-  const PROPS = ${JSON.stringify(svgAttributes)};
-  export default function (props, key, _, dev) {
-    return _jsxSorted('svg', props, PROPS, undefined, 3, key, dev);
-  }`,
+              code: createSvgJsxModule(svgAttributes),
+              map: null
+            };
+          }
+          if (supportedExtensions.includes(imageId.extension)) {
+            return {
+              code: createImageJsxModule(imageId.pathId, imageId.params),
               map: null
             };
           }
+          return null;
         }
-        return null;
       }
     }
   ];
 }
 
+async function collectServerFnModuleIds(routingContext, resolvedVirtualId, pluginContext) {
+  const serverFnModules = /* @__PURE__ */ new Set();
+  const queuedModuleIds = /* @__PURE__ */ new Set();
+  const seenModuleIds = /* @__PURE__ */ new Set();
+  const routes = routingContext.routes;
+  const layouts = routingContext.layouts;
+  const serverPlugins = routingContext.serverPlugins;
+  for (let i = 0; i < routes.length; i++) {
+    const route = routes[i];
+    queuedModuleIds.add(route.filePath);
+    for (let j = 0; j < route.layouts.length; j++) {
+      const layout = route.layouts[j];
+      queuedModuleIds.add(layout.filePath);
+    }
+  }
+  for (let i = 0; i < layouts.length; i++) {
+    queuedModuleIds.add(layouts[i].filePath);
+  }
+  for (let i = 0; i < serverPlugins.length; i++) {
+    queuedModuleIds.add(serverPlugins[i].filePath);
+  }
+  while (queuedModuleIds.size > 0) {
+    const [id] = queuedModuleIds;
+    queuedModuleIds.delete(id);
+    if (seenModuleIds.has(id) || id === resolvedVirtualId) {
+      continue;
+    }
+    seenModuleIds.add(id);
+    const resolved = await pluginContext.resolve(id, void 0, {
+      skipSelf: true
+    });
+    if (!resolved || resolved.external) {
+      continue;
+    }
+    const moduleInfo = await pluginContext.load({
+      id: resolved.id
+    });
+    if (moduleInfo.code == null) {
+      continue;
+    }
+    if (moduleInfo.code.includes("serverQrl(")) {
+      serverFnModules.add(moduleInfo.id);
+    }
+    const resolvedImports = moduleInfo.importedIds.concat(moduleInfo.dynamicallyImportedIds);
+    for (let i = 0; i < resolvedImports.length; i++) {
+      const resolvedImport = resolvedImports[i];
+      if (resolvedImport && !seenModuleIds.has(resolvedImport)) {
+        queuedModuleIds.add(resolvedImport);
+      }
+    }
+  }
+  return [
+    ...serverFnModules
+  ];
+}
+
 async function validatePlugin(opts) {
   if (typeof opts.routesDir !== "string") {
     throw new Error(`qwikRouter plugin "routesDir" option missing`);
@@ -2187,16 +2325,14 @@ const makeRouterDevMiddleware = (server, ctx) => async (req, res, next) => {
     const render = async (opts) => {
       return await renderer(opts);
     };
-    const { router, staticFile, notFound } = createQwikRouter({
+    const { router, staticFile } = createQwikRouter({
       render,
       // inject the platform from dev middleware options
       platform: ctx.opts.platform
     });
     const wrappedRes = wrapResponseForHtmlTransform(req, res, server);
     staticFile(req, wrappedRes, () => {
-      router(req, wrappedRes, () => {
-        notFound(req, wrappedRes, next);
-      });
+      router(req, wrappedRes, next);
     });
   } catch (e) {
     if (e instanceof Error) {
@@ -2288,7 +2424,7 @@ async function generateServerPackageJson(outDir) {
   const serverPackageJsonCode = JSON.stringify(packageJson, null, 2);
   await fs.promises.writeFile(serverPackageJsonPath, serverPackageJsonCode);
 }
-function qwikRouterPlugin(userOpts) {
+function qwikRouterPlugin(userOpts, buildContextRef) {
   let ctx = null;
   let mdxTransform = null;
   let rootDir = null;
@@ -2411,6 +2547,7 @@ function qwikRouterPlugin(userOpts) {
       rootDir = resolve(config.root);
       const target = config.build?.ssr || config.mode === "ssr" ? "ssr" : "client";
       ctx = createBuildContext(rootDir, config.base, userOpts, target, !userOpts?.staticImportRoutes);
+      buildContextRef.current = ctx;
       await validatePlugin(ctx.opts);
       mdxTransform = await createMdxTransformer(ctx);
       qwikPlugin = config.plugins.find((p) => p.name === "vite-plugin-qwik");
@@ -2578,20 +2715,32 @@ function qwikRouterPlugin(userOpts) {
   };
   return plugin;
 }
-function serverFnsPlugin() {
+function serverFnsPlugin(buildContextRef) {
   const RESOLVED_ID = "\0" + VIRTUAL_SERVER_FNS;
   const serverFnModules = /* @__PURE__ */ new Set();
-  let pendingModules = 0;
-  let resolveServerFns = null;
-  let serverFnsReady;
+  let serverFnsReady = null;
   function reset() {
     serverFnModules.clear();
-    pendingModules = 0;
-    serverFnsReady = new Promise((r) => {
-      resolveServerFns = r;
-    });
+    serverFnsReady = null;
   }
   reset();
+  async function collectServerFnModules() {
+    if (serverFnsReady) {
+      await serverFnsReady;
+      return;
+    }
+    serverFnsReady = (async () => {
+      const ctx = buildContextRef.current;
+      if (!ctx) {
+        return;
+      }
+      const moduleIds = await collectServerFnModuleIds(ctx, RESOLVED_ID, this);
+      for (let i = 0; i < moduleIds.length; i++) {
+        serverFnModules.add(moduleIds[i]);
+      }
+    })();
+    await serverFnsReady;
+  }
   return {
     name: "vite-plugin-qwik-router-server-fns",
     buildStart() {
@@ -2611,7 +2760,7 @@ function serverFnsPlugin() {
         const isServerBuild = this.environment.config.consumer === "server" && this.environment.mode === "build";
         if (id === RESOLVED_ID) {
           if (isServerBuild) {
-            await serverFnsReady;
+            await collectServerFnModules.call(this);
           }
           if (!isServerBuild || serverFnModules.size === 0) {
             return "// No server$ functions";
@@ -2620,35 +2769,18 @@ function serverFnsPlugin() {
             ...serverFnModules
           ].map((mod) => `import ${JSON.stringify(mod)};`).join("\n");
         }
-        if (isServerBuild && id !== RESOLVED_ID) {
-          pendingModules++;
-          this.load({
-            id
-          }).then((result) => {
-            if (typeof result.code === "string" && result.code.includes("serverQrl(")) {
-              serverFnModules.add(id);
-            }
-          }).finally(() => {
-            pendingModules--;
-            if (pendingModules <= 0 && resolveServerFns) {
-              setTimeout(() => {
-                if (pendingModules <= 0 && resolveServerFns) {
-                  resolveServerFns();
-                  resolveServerFns = null;
-                }
-              }, 50);
-            }
-          });
-        }
         return null;
       }
     }
   };
 }
 function qwikRouter(userOpts) {
+  const buildContextRef = {
+    current: null
+  };
   return [
-    qwikRouterPlugin(userOpts),
-    serverFnsPlugin(),
+    qwikRouterPlugin(userOpts, buildContextRef),
+    serverFnsPlugin(buildContextRef),
     ...imagePlugin(userOpts)
   ];
 }