remote-components 0.4.2 → 0.4.3

package/dist/internal/config/webpack/next-client-pages-loader.cjs

@@ -22,12 +22,18 @@ __export(next_client_pages_loader_exports, {
 });
 module.exports = __toCommonJS(next_client_pages_loader_exports);
 var import_namespace = require("#internal/runtime/namespace");
+var import_module = require("#internal/runtime/turbopack/module");
+var import_remote_scope = require("#internal/runtime/turbopack/remote-scope");
+var import_shared_modules = require("#internal/runtime/turbopack/shared-modules");
 var import_error = require("#internal/utils/error");
+var import_logger = require("#internal/utils/logger");
 function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const self = globalThis;
   const ns = (0, import_namespace.getNamespace)();
   ns.pageComponentCache ??= {};
   const cacheKey = `${bundle}:${route}`;
+  const remoteRequire = self.__remote_webpack_require__?.[bundle];
+  const turbopackScope = remoteRequire?.type === "turbopack" ? (0, import_remote_scope.getScope)(bundle) : void 0;
   const applyBundleCss = () => {
     const elements = ns.cssCache[bundle] ?? [];
     if (styleContainer) {
@@ -48,8 +54,10 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const nextCssOriginal = document.querySelector(
     `[id="__next_css__DO_NOT_USE__"]:not([data-bundle="${bundle}"][data-route="${route}"])`
   );
+  const nextCssOriginalParent = nextCssOriginal?.parentNode ?? null;
+  const nextCssOriginalNextSibling = nextCssOriginal?.nextSibling ?? null;
   if (nextCssOriginal) {
-    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);
+    nextCssOriginalParent?.removeChild(nextCssOriginal);
   }
   const nextCss = document.createElement("noscript");
   nextCss.id = "__next_css__DO_NOT_USE__";
@@ -61,25 +69,25 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   nextCssEnd.setAttribute("data-route", route);
   document.head.appendChild(nextCssEnd);
   document.head.appendChild(nextCss);
-  const componentLoaderChunk = Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  const componentLoaderChunk = (turbopackScope ? findTurbopackPagesLoaderId(turbopackScope, route) : void 0) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=${encodeURIComponent(route)}!`)
-  ) ?? Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  ) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? self.__remote_webpack_module_map__?.[bundle]?.[Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=${encodeURIComponent(route)}!`)
   ) ?? Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? ""] ?? -1;
-  const appLoaderChunk = Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  const appLoaderChunk = (turbopackScope ? findTurbopackPagesLoaderId(turbopackScope, "/_app") : void 0) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=%2F_app`)
-  ) ?? Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  ) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? self.__remote_webpack_module_map__?.[bundle]?.[Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=%2F_app`)
   ) ?? Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? ""] ?? -1;
-  if (!(componentLoaderChunk && appLoaderChunk)) {
+  if (!isLoaderId(componentLoaderChunk) || !isLoaderId(appLoaderChunk)) {
     throw new import_error.RemoteComponentsError(
       `Next.js client pages loader not found in bundle "${bundle}".`
     );
@@ -87,61 +95,151 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const __NEXT_P_ORIGINAL = self.__NEXT_P;
   const selfOriginal = self;
   delete selfOriginal.__NEXT_P;
-  self.__remote_webpack_require__?.[bundle]?.(
-    self.__remote_webpack_require__[bundle].type !== "turbopack" ? componentLoaderChunk : `[${bundle}] ${componentLoaderChunk}`
-  );
-  if (typeof appLoaderChunk === "string" || typeof appLoaderChunk === "number" && appLoaderChunk !== -1) {
-    self.__remote_webpack_require__?.[bundle]?.(
-      self.__remote_webpack_require__[bundle].type !== "turbopack" ? appLoaderChunk : `[${bundle}] ${appLoaderChunk}`
-    );
-  }
-  if (self.__NEXT_P) {
-    const [, componentLoader] = self.__NEXT_P[0] ?? [
-      void 0,
-      () => ({ default: null })
-    ];
-    const [, appLoader] = self.__NEXT_P[2] ?? [
-      void 0,
-      () => ({
-        default: null
-      })
-    ];
-    const { default: Component = null } = componentLoader();
-    const { default: App = null } = appLoader();
-    const cssCache = ns.cssCache;
-    if (!cssCache[bundle]) {
-      const cssRE = /\.s?css$/;
-      Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).filter((id) => cssRE.test(id)).forEach((id) => {
-        self.__remote_webpack_require__?.[bundle]?.(id);
-      });
-      Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {}).filter((path) => cssRE.test(path)).forEach((path) => {
-        const id = self.__remote_webpack_module_map__?.[bundle]?.[path];
-        if (id) {
+  try {
+    loadPagesLoaderModule(bundle, componentLoaderChunk, turbopackScope);
+    if (isLoaderId(appLoaderChunk)) {
+      loadPagesLoaderModule(bundle, appLoaderChunk, turbopackScope);
+    }
+    if (self.__NEXT_P) {
+      (0, import_logger.logDebug)(
+        "ComponentLoader",
+        `Next.js Pages loader registry for "${route}" in "${bundle}": ${self.__NEXT_P.map((entry) => entry?.[0] ?? "<empty>").join(", ")}`
+      );
+      const componentEntry = self.__NEXT_P.find(
+        (entry) => entry?.[0] === route
+      ) ?? self.__NEXT_P[0];
+      const appEntry = self.__NEXT_P.find((entry) => entry?.[0] === "/_app") ?? self.__NEXT_P[2];
+      const [, componentLoader] = componentEntry ?? [
+        void 0,
+        () => ({ default: null })
+      ];
+      const [, appLoader] = appEntry ?? [
+        void 0,
+        () => ({
+          default: null
+        })
+      ];
+      const { default: Component = null } = componentLoader();
+      const { default: App = null } = appLoader();
+      const cssCache = ns.cssCache;
+      if (!cssCache[bundle]) {
+        const cssRE = /\.s?css$/;
+        Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).filter((id) => cssRE.test(id)).forEach((id) => {
           self.__remote_webpack_require__?.[bundle]?.(id);
+        });
+        Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {}).filter((path) => cssRE.test(path)).forEach((path) => {
+          const id = self.__remote_webpack_module_map__?.[bundle]?.[path];
+          if (id) {
+            self.__remote_webpack_require__?.[bundle]?.(id);
+          }
+        });
+        const elements = [];
+        let node = nextCss.previousSibling;
+        while (node && node !== nextCssEnd) {
+          elements.push(node);
+          node.remove();
+          node = nextCss.previousSibling;
         }
-      });
-      const elements = [];
-      let node = nextCss.previousSibling;
-      while (node && node !== nextCssEnd) {
-        elements.push(node);
-        node.remove();
-        node = nextCss.previousSibling;
+        cssCache[bundle] = elements;
       }
-      cssCache[bundle] = elements;
+      applyBundleCss();
+      const result = { Component, App };
+      ns.pageComponentCache[cacheKey] = result;
+      return result;
     }
-    applyBundleCss();
-    delete self.__NEXT_P;
-    self.__NEXT_P = __NEXT_P_ORIGINAL;
-    if (nextCssOriginal) {
-      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);
+    (0, import_logger.logDebug)(
+      "ComponentLoader",
+      `Next.js Pages loaders for route "${route}" in "${bundle}" did not populate __NEXT_P`
+    );
+    return { Component: null, App: null };
+  } finally {
+    if (typeof __NEXT_P_ORIGINAL === "undefined") {
+      delete self.__NEXT_P;
+    } else {
+      self.__NEXT_P = __NEXT_P_ORIGINAL;
+    }
+    if (nextCssOriginal && nextCssOriginalParent) {
+      const restoreBefore = nextCssOriginalNextSibling?.parentNode === nextCssOriginalParent ? nextCssOriginalNextSibling : null;
+      nextCssOriginalParent.insertBefore(nextCssOriginal, restoreBefore);
     }
     nextCss.remove();
     nextCssEnd.remove();
-    const result = { Component, App };
-    ns.pageComponentCache[cacheKey] = result;
-    return result;
   }
-  return { Component: null, App: null };
+}
+function isLoaderId(id) {
+  return typeof id === "string" && id.length > 0 || typeof id === "number" && id !== -1;
+}
+function loadPagesLoaderModule(bundle, id, turbopackScope) {
+  const self = globalThis;
+  if (turbopackScope) {
+    delete turbopackScope.moduleCache[String(id)];
+    (0, import_module.requireModule)(turbopackScope, id);
+    return;
+  }
+  const remoteRequire = self.__remote_webpack_require__?.[bundle];
+  if (remoteRequire?.c) {
+    delete remoteRequire.c[id];
+  }
+  remoteRequire?.(id);
+}
+function findTurbopackPagesLoaderId(scope, route) {
+  const modules = (0, import_shared_modules.getTurbopackModules)(scope);
+  if (!modules)
+    return void 0;
+  const routeLiteral = JSON.stringify(route);
+  const singleQuotedRouteLiteral = `'${route.replaceAll("'", "\\'")}'`;
+  const flat = modules.flat();
+  for (let index = 0; index < flat.length; index++) {
+    const entry = flat[index];
+    if (typeof entry === "function") {
+      const code = entry.toString();
+      if (code.includes("__NEXT_P") && (code.includes(routeLiteral) || code.includes(singleQuotedRouteLiteral))) {
+        const id = findPreviousModuleId(flat, index);
+        if (isLoaderId(id) && isTurbopackPagesLoaderId(id)) {
+          (0, import_logger.logDebug)(
+            "SharedModules",
+            `Resolved Turbopack Pages loader for route "${route}" in "${scope.scopedName}" as "${id}"`
+          );
+          return id;
+        }
+      }
+      continue;
+    }
+    if (!entry || typeof entry !== "object" || Array.isArray(entry))
+      continue;
+    if (typeof Element !== "undefined" && entry instanceof Element)
+      continue;
+    for (const [id, moduleInit] of Object.entries(
+      entry
+    )) {
+      if (typeof moduleInit !== "function")
+        continue;
+      const code = moduleInit.toString();
+      if (code.includes("__NEXT_P") && (code.includes(routeLiteral) || code.includes(singleQuotedRouteLiteral)) && isTurbopackPagesLoaderId(id)) {
+        (0, import_logger.logDebug)(
+          "SharedModules",
+          `Resolved Turbopack Pages loader for route "${route}" in "${scope.scopedName}" as "${id}"`
+        );
+        return id;
+      }
+    }
+  }
+  return void 0;
+}
+function isTurbopackPagesLoaderId(id) {
+  if (typeof id === "number")
+    return true;
+  return id.includes("[next]/entry/page-loader.ts") || id.includes("/next/dist/client/page-loader.js");
+}
+function findPreviousModuleId(entries, factoryIndex) {
+  for (let index = factoryIndex - 1; index >= 0; index--) {
+    const entry = entries[index];
+    if (isLoaderId(entry))
+      return entry;
+    if (typeof entry === "function")
+      return void 0;
+  }
+  return void 0;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/internal/config/webpack/next-client-pages-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/config/webpack/next-client-pages-loader.ts"],"sourcesContent":["import { getNamespace } from '#internal/runtime/namespace';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// module loader for Next.js Pages Router\nexport function nextClientPagesLoader(\n  bundle: string,\n  route: string,\n  styleContainer: HTMLHeadElement | ShadowRoot | null = document.head,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<\n          string | number,\n          { id: string; parents: string[]; children: string[] }\n        >;\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // Next.js client pages loader reference storage\n    __NEXT_P?: [\n      (\n        | [\n            string,\n            () => { default?: React.ComponentType<Record<string, unknown>> },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n    ];\n  };\n\n  const ns = getNamespace();\n  ns.pageComponentCache ??= {};\n  const cacheKey = `${bundle}:${route}`;\n\n  // Applies the cached CSS for `bundle` into the caller's styleContainer.\n  // Mirrors the final CSS-attach step of the fresh-load path so that cache\n  // hits and additional host instances (each with their own shadow root)\n  // still receive the styles.\n  const applyBundleCss = () => {\n    const elements = ns.cssCache[bundle] ?? [];\n    if (styleContainer) {\n      for (const el of elements) {\n        styleContainer.appendChild(el.cloneNode(true));\n      }\n    } else {\n      for (const el of elements) {\n        document.head.appendChild(el);\n      }\n    }\n  };\n\n  // On repeat loads (e.g. after history.back()) the next-client-pages-loader\n  // chunk is already cached by webpack and its factory won't re-run, so\n  // __NEXT_P wouldn't be populated. Reuse the Component/App extracted on the\n  // first load, but still run the CSS attach below because the caller may be\n  // a different host instance with its own styleContainer.\n  const cachedEntry = ns.pageComponentCache[cacheKey];\n  if (cachedEntry) {\n    applyBundleCss();\n    return cachedEntry;\n  }\n\n  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.querySelector(\n    `[id=\"__next_css__DO_NOT_USE__\"]:not([data-bundle=\"${bundle}\"][data-route=\"${route}\"])`,\n  );\n  if (nextCssOriginal) {\n    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);\n  }\n\n  // create a new Next.js CSS loader element\n  const nextCss = document.createElement('noscript');\n  nextCss.id = '__next_css__DO_NOT_USE__';\n  nextCss.setAttribute('data-bundle', bundle);\n  nextCss.setAttribute('data-route', route);\n  const nextCssEnd = document.createElement('noscript');\n  nextCssEnd.id = '__next_css__DO_NOT_USE_END__';\n  nextCssEnd.setAttribute('data-bundle', bundle);\n  nextCssEnd.setAttribute('data-route', route);\n  document.head.appendChild(nextCssEnd);\n  document.head.appendChild(nextCss);\n\n  // find the page component loader chunk\n  const componentLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=${encodeURIComponent(route)}!`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=${encodeURIComponent(route)}!`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // find the app loader chunk\n  const appLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=%2F_app`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=%2F_app`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // if we didn't find the component loader or app loader, throw an error\n  if (!(componentLoaderChunk && appLoaderChunk)) {\n    throw new RemoteComponentsError(\n      `Next.js client pages loader not found in bundle \"${bundle}\".`,\n    );\n  }\n\n  // temporarily store the original __NEXT_P reference\n  // this is required to avoid conflicts with the Next.js client pages loader\n  // which uses the same global variable to store the page components\n  const __NEXT_P_ORIGINAL = self.__NEXT_P;\n  const selfOriginal = self;\n  delete selfOriginal.__NEXT_P;\n\n  // load the component and app loader chunks\n  self.__remote_webpack_require__?.[bundle]?.(\n    self.__remote_webpack_require__[bundle].type !== 'turbopack'\n      ? componentLoaderChunk\n      : `[${bundle}] ${componentLoaderChunk}`,\n  );\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(\n      self.__remote_webpack_require__[bundle].type !== 'turbopack'\n        ? appLoaderChunk\n        : `[${bundle}] ${appLoaderChunk}`,\n    );\n  }\n\n  // if we have the __NEXT_P global variable, we can extract the component and app\n  if (self.__NEXT_P) {\n    const [, componentLoader] = self.__NEXT_P[0] ?? [\n      undefined,\n      () => ({ default: null }),\n    ];\n    const [, appLoader] = self.__NEXT_P[2] ?? [\n      undefined,\n      () => ({\n        default: null,\n      }),\n    ];\n    const { default: Component = null } = componentLoader();\n    const { default: App = null } = appLoader();\n\n    const cssCache = ns.cssCache;\n\n    if (!cssCache[bundle]) {\n      // load the CSS files from the remote bundle\n      const cssRE = /\\.s?css$/;\n      Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {})\n        .filter((id) => cssRE.test(id))\n        .forEach((id) => {\n          self.__remote_webpack_require__?.[bundle]?.(id);\n        });\n\n      Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {})\n        .filter((path) => cssRE.test(path))\n        .forEach((path) => {\n          const id = self.__remote_webpack_module_map__?.[bundle]?.[path];\n          if (id) {\n            self.__remote_webpack_require__?.[bundle]?.(id);\n          }\n        });\n\n      const elements = [];\n      let node = nextCss.previousSibling;\n      while (node && node !== nextCssEnd) {\n        elements.push(node);\n        node.remove();\n        node = nextCss.previousSibling;\n      }\n      cssCache[bundle] = elements;\n    }\n\n    applyBundleCss();\n\n    // restore the original __NEXT_P reference\n    delete self.__NEXT_P;\n    self.__NEXT_P = __NEXT_P_ORIGINAL;\n\n    // restore the original Next.js CSS loader\n    if (nextCssOriginal) {\n      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);\n    }\n\n    nextCss.remove();\n    nextCssEnd.remove();\n\n    const result = { Component, App };\n    ns.pageComponentCache[cacheKey] = result;\n    return result;\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA6B;AAC7B,mBAAsC;AAG/B,SAAS,sBACd,QACA,OACA,iBAAsD,SAAS,MAC/D;AAEA,QAAM,OAAO;AAqDb,QAAM,SAAK,+BAAa;AACxB,KAAG,uBAAuB,CAAC;AAC3B,QAAM,WAAW,GAAG,UAAU;AAM9B,QAAM,iBAAiB,MAAM;AAC3B,UAAM,WAAW,GAAG,SAAS,MAAM,KAAK,CAAC;AACzC,QAAI,gBAAgB;AAClB,iBAAW,MAAM,UAAU;AACzB,uBAAe,YAAY,GAAG,UAAU,IAAI,CAAC;AAAA,MAC/C;AAAA,IACF,OAAO;AACL,iBAAW,MAAM,UAAU;AACzB,iBAAS,KAAK,YAAY,EAAE;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AAOA,QAAM,cAAc,GAAG,mBAAmB,QAAQ;AAClD,MAAI,aAAa;AACf,mBAAe;AACf,WAAO;AAAA,EACT;AAGA,QAAM,kBAAkB,SAAS;AAAA,IAC/B,qDAAqD,wBAAwB;AAAA,EAC/E;AACA,MAAI,iBAAiB;AACnB,oBAAgB,YAAY,YAAY,eAAe;AAAA,EACzD;AAGA,QAAM,UAAU,SAAS,cAAc,UAAU;AACjD,UAAQ,KAAK;AACb,UAAQ,aAAa,eAAe,MAAM;AAC1C,UAAQ,aAAa,cAAc,KAAK;AACxC,QAAM,aAAa,SAAS,cAAc,UAAU;AACpD,aAAW,KAAK;AAChB,aAAW,aAAa,eAAe,MAAM;AAC7C,aAAW,aAAa,cAAc,KAAK;AAC3C,WAAS,KAAK,YAAY,UAAU;AACpC,WAAS,KAAK,YAAY,OAAO;AAGjC,QAAM,uBACJ,OAAO,KAAK,KAAK,6BAA6B,MAAM,GAAG,KAAK,CAAC,CAAC,EAAE;AAAA,IAC9D,CAAC,QACC,IAAI,SAAS,8CAA8C,KAC3D,IAAI,SAAS,QAAQ,mBAAmB,KAAK,IAAI;AAAA,EACrD,KACA,OAAO,KAAK,KAAK,6BAA6B,MAAM,GAAG,KAAK,CAAC,CAAC,EAAE;AAAA,IAC9D,CAAC,QAAQ,IAAI,SAAS,kCAAkC;AAAA,EAC1D,KACA,KAAK,gCAAgC,MAAM,IACzC,OAAO,KAAK,KAAK,8BAA8B,MAAM,KAAK,CAAC,CAAC,EAAE;AAAA,IAC5D,CAAC,QACC,IAAI,SAAS,8CAA8C,KAC3D,IAAI,SAAS,QAAQ,mBAAmB,KAAK,IAAI;AAAA,EACrD,KACE,OAAO,KAAK,KAAK,8BAA8B,MAAM,KAAK,CAAC,CAAC,EAAE;AAAA,IAC5D,CAAC,QAAQ,IAAI,SAAS,kCAAkC;AAAA,EAC1D,KACA,EACJ,KACA;AAGF,QAAM,iBACJ,OAAO,KAAK,KAAK,6BAA6B,MAAM,GAAG,KAAK,CAAC,CAAC,EAAE;AAAA,IAC9D,CAAC,QACC,IAAI,SAAS,8CAA8C,KAC3D,IAAI,SAAS,cAAc;AAAA,EAC/B,KACA,OAAO,KAAK,KAAK,6BAA6B,MAAM,GAAG,KAAK,CAAC,CAAC,EAAE;AAAA,IAC9D,CAAC,QAAQ,IAAI,SAAS,kCAAkC;AAAA,EAC1D,KACA,KAAK,gCAAgC,MAAM,IACzC,OAAO,KAAK,KAAK,8BAA8B,MAAM,KAAK,CAAC,CAAC,EAAE;AAAA,IAC5D,CAAC,QACC,IAAI,SAAS,8CAA8C,KAC3D,IAAI,SAAS,cAAc;AAAA,EAC/B,KACE,OAAO,KAAK,KAAK,8BAA8B,MAAM,KAAK,CAAC,CAAC,EAAE;AAAA,IAC5D,CAAC,QAAQ,IAAI,SAAS,kCAAkC;AAAA,EAC1D,KACA,EACJ,KACA;AAGF,MAAI,EAAE,wBAAwB,iBAAiB;AAC7C,UAAM,IAAI;AAAA,MACR,oDAAoD;AAAA,IACtD;AAAA,EACF;AAKA,QAAM,oBAAoB,KAAK;AAC/B,QAAM,eAAe;AACrB,SAAO,aAAa;AAGpB,OAAK,6BAA6B,MAAM;AAAA,IACtC,KAAK,2BAA2B,MAAM,EAAE,SAAS,cAC7C,uBACA,IAAI,WAAW;AAAA,EACrB;AACA,MACE,OAAO,mBAAmB,YACzB,OAAO,mBAAmB,YAAY,mBAAmB,IAC1D;AACA,SAAK,6BAA6B,MAAM;AAAA,MACtC,KAAK,2BAA2B,MAAM,EAAE,SAAS,cAC7C,iBACA,IAAI,WAAW;AAAA,IACrB;AAAA,EACF;AAGA,MAAI,KAAK,UAAU;AACjB,UAAM,CAAC,EAAE,eAAe,IAAI,KAAK,SAAS,CAAC,KAAK;AAAA,MAC9C;AAAA,MACA,OAAO,EAAE,SAAS,KAAK;AAAA,IACzB;AACA,UAAM,CAAC,EAAE,SAAS,IAAI,KAAK,SAAS,CAAC,KAAK;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AACA,UAAM,EAAE,SAAS,YAAY,KAAK,IAAI,gBAAgB;AACtD,UAAM,EAAE,SAAS,MAAM,KAAK,IAAI,UAAU;AAE1C,UAAM,WAAW,GAAG;AAEpB,QAAI,CAAC,SAAS,MAAM,GAAG;AAErB,YAAM,QAAQ;AACd,aAAO,KAAK,KAAK,6BAA6B,MAAM,GAAG,KAAK,CAAC,CAAC,EAC3D,OAAO,CAAC,OAAO,MAAM,KAAK,EAAE,CAAC,EAC7B,QAAQ,CAAC,OAAO;AACf,aAAK,6BAA6B,MAAM,IAAI,EAAE;AAAA,MAChD,CAAC;AAEH,aAAO,KAAK,KAAK,gCAAgC,MAAM,KAAK,CAAC,CAAC,EAC3D,OAAO,CAAC,SAAS,MAAM,KAAK,IAAI,CAAC,EACjC,QAAQ,CAAC,SAAS;AACjB,cAAM,KAAK,KAAK,gCAAgC,MAAM,IAAI,IAAI;AAC9D,YAAI,IAAI;AACN,eAAK,6BAA6B,MAAM,IAAI,EAAE;AAAA,QAChD;AAAA,MACF,CAAC;AAEH,YAAM,WAAW,CAAC;AAClB,UAAI,OAAO,QAAQ;AACnB,aAAO,QAAQ,SAAS,YAAY;AAClC,iBAAS,KAAK,IAAI;AAClB,aAAK,OAAO;AACZ,eAAO,QAAQ;AAAA,MACjB;AACA,eAAS,MAAM,IAAI;AAAA,IACrB;AAEA,mBAAe;AAGf,WAAO,KAAK;AACZ,SAAK,WAAW;AAGhB,QAAI,iBAAiB;AACnB,sBAAgB,YAAY,YAAY,eAAe;AAAA,IACzD;AAEA,YAAQ,OAAO;AACf,eAAW,OAAO;AAElB,UAAM,SAAS,EAAE,WAAW,IAAI;AAChC,OAAG,mBAAmB,QAAQ,IAAI;AAClC,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,WAAW,MAAM,KAAK,KAAK;AACtC;","names":[]}
+{"version":3,"sources":["../../../../src/config/webpack/next-client-pages-loader.ts"],"sourcesContent":["import type React from 'react';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport { requireModule } from '#internal/runtime/turbopack/module';\nimport {\n  getScope,\n  type RemoteScope,\n} from '#internal/runtime/turbopack/remote-scope';\nimport { getTurbopackModules } from '#internal/runtime/turbopack/shared-modules';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug } from '#internal/utils/logger';\n\ntype PageComponent = React.ComponentType<Record<string, unknown>>;\ntype AppComponent = React.ComponentType<\n  { Component: PageComponent } & Record<string, unknown>\n>;\ntype NextPageEntry = [string, () => { default?: PageComponent }];\ntype NextAppEntry = [string, () => { default?: AppComponent }];\n\n// module loader for Next.js Pages Router\nexport function nextClientPagesLoader(\n  bundle: string,\n  route: string,\n  styleContainer: HTMLHeadElement | ShadowRoot | null = document.head,\n): { Component: PageComponent | null; App: AppComponent | null } {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<\n          string | number,\n          { id: string; parents: string[]; children: string[] }\n        >;\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // Next.js client pages loader reference storage\n    __NEXT_P?: [\n      (\n        | [\n            string,\n            () => { default?: React.ComponentType<Record<string, unknown>> },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n    ];\n  };\n\n  const ns = getNamespace();\n  ns.pageComponentCache ??= {};\n  const cacheKey = `${bundle}:${route}`;\n  const remoteRequire = self.__remote_webpack_require__?.[bundle];\n  const turbopackScope =\n    remoteRequire?.type === 'turbopack' ? getScope(bundle) : undefined;\n\n  // Applies the cached CSS for `bundle` into the caller's styleContainer.\n  // Mirrors the final CSS-attach step of the fresh-load path so that cache\n  // hits and additional host instances (each with their own shadow root)\n  // still receive the styles.\n  const applyBundleCss = () => {\n    const elements = ns.cssCache[bundle] ?? [];\n    if (styleContainer) {\n      for (const el of elements) {\n        styleContainer.appendChild(el.cloneNode(true));\n      }\n    } else {\n      for (const el of elements) {\n        document.head.appendChild(el);\n      }\n    }\n  };\n\n  // On repeat loads (e.g. after history.back()) the next-client-pages-loader\n  // chunk is already cached by webpack and its factory won't re-run, so\n  // __NEXT_P wouldn't be populated. Reuse the Component/App extracted on the\n  // first load, but still run the CSS attach below because the caller may be\n  // a different host instance with its own styleContainer.\n  const cachedEntry = ns.pageComponentCache[cacheKey];\n  if (cachedEntry) {\n    applyBundleCss();\n    return cachedEntry;\n  }\n\n  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.querySelector(\n    `[id=\"__next_css__DO_NOT_USE__\"]:not([data-bundle=\"${bundle}\"][data-route=\"${route}\"])`,\n  );\n  const nextCssOriginalParent = nextCssOriginal?.parentNode ?? null;\n  const nextCssOriginalNextSibling = nextCssOriginal?.nextSibling ?? null;\n  if (nextCssOriginal) {\n    nextCssOriginalParent?.removeChild(nextCssOriginal);\n  }\n\n  // create a new Next.js CSS loader element\n  const nextCss = document.createElement('noscript');\n  nextCss.id = '__next_css__DO_NOT_USE__';\n  nextCss.setAttribute('data-bundle', bundle);\n  nextCss.setAttribute('data-route', route);\n  const nextCssEnd = document.createElement('noscript');\n  nextCssEnd.id = '__next_css__DO_NOT_USE_END__';\n  nextCssEnd.setAttribute('data-bundle', bundle);\n  nextCssEnd.setAttribute('data-route', route);\n  document.head.appendChild(nextCssEnd);\n  document.head.appendChild(nextCss);\n\n  // find the page component loader chunk\n  const componentLoaderChunk =\n    (turbopackScope\n      ? findTurbopackPagesLoaderId(turbopackScope, route)\n      : undefined) ??\n    Object.keys(remoteRequire?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=${encodeURIComponent(route)}!`),\n    ) ??\n    Object.keys(remoteRequire?.m ?? {}).find((key) =>\n      key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=${encodeURIComponent(route)}!`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // find the app loader chunk\n  const appLoaderChunk =\n    (turbopackScope\n      ? findTurbopackPagesLoaderId(turbopackScope, '/_app')\n      : undefined) ??\n    Object.keys(remoteRequire?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=%2F_app`),\n    ) ??\n    Object.keys(remoteRequire?.m ?? {}).find((key) =>\n      key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=%2F_app`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // if we didn't find the component loader or app loader, throw an error\n  if (!isLoaderId(componentLoaderChunk) || !isLoaderId(appLoaderChunk)) {\n    throw new RemoteComponentsError(\n      `Next.js client pages loader not found in bundle \"${bundle}\".`,\n    );\n  }\n\n  // temporarily store the original __NEXT_P reference\n  // this is required to avoid conflicts with the Next.js client pages loader\n  // which uses the same global variable to store the page components\n  const __NEXT_P_ORIGINAL = self.__NEXT_P;\n  const selfOriginal = self;\n  delete selfOriginal.__NEXT_P;\n\n  try {\n    // load the component and app loader chunks\n    loadPagesLoaderModule(bundle, componentLoaderChunk, turbopackScope);\n    if (isLoaderId(appLoaderChunk)) {\n      loadPagesLoaderModule(bundle, appLoaderChunk, turbopackScope);\n    }\n\n    // if we have the __NEXT_P global variable, we can extract the component and app\n    if (self.__NEXT_P) {\n      logDebug(\n        'ComponentLoader',\n        `Next.js Pages loader registry for \"${route}\" in \"${bundle}\": ${self.__NEXT_P.map((entry) => entry?.[0] ?? '<empty>').join(', ')}`,\n      );\n      const componentEntry = (self.__NEXT_P.find(\n        (entry) => entry?.[0] === route,\n      ) ?? self.__NEXT_P[0]) as NextPageEntry | undefined;\n      const appEntry = (self.__NEXT_P.find((entry) => entry?.[0] === '/_app') ??\n        self.__NEXT_P[2]) as NextAppEntry | undefined;\n      const [, componentLoader] = componentEntry ?? [\n        undefined,\n        () => ({ default: null }),\n      ];\n      const [, appLoader] = appEntry ?? [\n        undefined,\n        () => ({\n          default: null,\n        }),\n      ];\n      const { default: Component = null } = componentLoader();\n      const { default: App = null } = appLoader();\n\n      const cssCache = ns.cssCache;\n\n      if (!cssCache[bundle]) {\n        // load the CSS files from the remote bundle\n        const cssRE = /\\.s?css$/;\n        Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {})\n          .filter((id) => cssRE.test(id))\n          .forEach((id) => {\n            self.__remote_webpack_require__?.[bundle]?.(id);\n          });\n\n        Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {})\n          .filter((path) => cssRE.test(path))\n          .forEach((path) => {\n            const id = self.__remote_webpack_module_map__?.[bundle]?.[path];\n            if (id) {\n              self.__remote_webpack_require__?.[bundle]?.(id);\n            }\n          });\n\n        const elements = [];\n        let node = nextCss.previousSibling;\n        while (node && node !== nextCssEnd) {\n          elements.push(node);\n          node.remove();\n          node = nextCss.previousSibling;\n        }\n        cssCache[bundle] = elements;\n      }\n\n      applyBundleCss();\n\n      const result = { Component, App };\n      ns.pageComponentCache[cacheKey] = result;\n      return result;\n    }\n\n    logDebug(\n      'ComponentLoader',\n      `Next.js Pages loaders for route \"${route}\" in \"${bundle}\" did not populate __NEXT_P`,\n    );\n    return { Component: null, App: null };\n  } finally {\n    // restore the original __NEXT_P reference\n    if (typeof __NEXT_P_ORIGINAL === 'undefined') {\n      delete self.__NEXT_P;\n    } else {\n      self.__NEXT_P = __NEXT_P_ORIGINAL;\n    }\n    // restore the original Next.js CSS loader\n    if (nextCssOriginal && nextCssOriginalParent) {\n      const restoreBefore =\n        nextCssOriginalNextSibling?.parentNode === nextCssOriginalParent\n          ? nextCssOriginalNextSibling\n          : null;\n      nextCssOriginalParent.insertBefore(nextCssOriginal, restoreBefore);\n    }\n\n    nextCss.remove();\n    nextCssEnd.remove();\n  }\n}\n\ntype LoaderId = string | number;\n\nfunction isLoaderId(id: unknown): id is LoaderId {\n  return (\n    (typeof id === 'string' && id.length > 0) ||\n    (typeof id === 'number' && id !== -1)\n  );\n}\n\nfunction loadPagesLoaderModule(\n  bundle: string,\n  id: LoaderId,\n  turbopackScope: RemoteScope | undefined,\n) {\n  const self = globalThis as typeof globalThis & {\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<string | number, unknown>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n  };\n\n  if (turbopackScope) {\n    delete turbopackScope.moduleCache[String(id)];\n    requireModule(turbopackScope, id);\n    return;\n  }\n\n  const remoteRequire = self.__remote_webpack_require__?.[bundle];\n  if (remoteRequire?.c) {\n    delete remoteRequire.c[id];\n  }\n  remoteRequire?.(id);\n}\n\nfunction findTurbopackPagesLoaderId(\n  scope: RemoteScope,\n  route: string,\n): LoaderId | undefined {\n  const modules = getTurbopackModules(scope);\n  if (!modules) return undefined;\n\n  const routeLiteral = JSON.stringify(route);\n  const singleQuotedRouteLiteral = `'${route.replaceAll(\"'\", \"\\\\'\")}'`;\n  const flat = modules.flat();\n\n  for (let index = 0; index < flat.length; index++) {\n    const entry = flat[index];\n\n    if (typeof entry === 'function') {\n      const code = entry.toString();\n      if (\n        code.includes('__NEXT_P') &&\n        (code.includes(routeLiteral) || code.includes(singleQuotedRouteLiteral))\n      ) {\n        const id = findPreviousModuleId(flat, index);\n        if (isLoaderId(id) && isTurbopackPagesLoaderId(id)) {\n          logDebug(\n            'SharedModules',\n            `Resolved Turbopack Pages loader for route \"${route}\" in \"${scope.scopedName}\" as \"${id}\"`,\n          );\n          return id;\n        }\n      }\n      continue;\n    }\n\n    if (!entry || typeof entry !== 'object' || Array.isArray(entry)) continue;\n    if (typeof Element !== 'undefined' && entry instanceof Element) continue;\n\n    for (const [id, moduleInit] of Object.entries(\n      entry as Record<string, unknown>,\n    )) {\n      if (typeof moduleInit !== 'function') continue;\n      const code = moduleInit.toString();\n      if (\n        code.includes('__NEXT_P') &&\n        (code.includes(routeLiteral) ||\n          code.includes(singleQuotedRouteLiteral)) &&\n        isTurbopackPagesLoaderId(id)\n      ) {\n        logDebug(\n          'SharedModules',\n          `Resolved Turbopack Pages loader for route \"${route}\" in \"${scope.scopedName}\" as \"${id}\"`,\n        );\n        return id;\n      }\n    }\n  }\n\n  return undefined;\n}\n\nfunction isTurbopackPagesLoaderId(id: LoaderId): boolean {\n  if (typeof id === 'number') return true;\n  return (\n    id.includes('[next]/entry/page-loader.ts') ||\n    id.includes('/next/dist/client/page-loader.js')\n  );\n}\n\nfunction findPreviousModuleId(\n  entries: unknown[],\n  factoryIndex: number,\n): LoaderId | undefined {\n  for (let index = factoryIndex - 1; index >= 0; index--) {\n    const entry = entries[index];\n    if (isLoaderId(entry)) return entry;\n    if (typeof entry === 'function') return undefined;\n  }\n  return undefined;\n}\n"],"mappings":"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","names":[]}

package/dist/internal/config/webpack/next-client-pages-loader.d.ts

@@ -1,8 +1,12 @@
+import React__default from 'react';
+
+type PageComponent = React__default.ComponentType<Record<string, unknown>>;
+type AppComponent = React__default.ComponentType<{
+    Component: PageComponent;
+} & Record<string, unknown>>;
 declare function nextClientPagesLoader(bundle: string, route: string, styleContainer?: HTMLHeadElement | ShadowRoot | null): {
-    Component: React.ComponentType<Record<string, unknown>> | null;
-    App: React.ComponentType<{
-        Component: React.ComponentType<Record<string, unknown>>;
-    } & Record<string, unknown>> | null;
+    Component: PageComponent | null;
+    App: AppComponent | null;
 };
 
 export { nextClientPagesLoader };

package/dist/internal/config/webpack/next-client-pages-loader.js

@@ -1,10 +1,18 @@
 import { getNamespace } from "#internal/runtime/namespace";
+import { requireModule } from "#internal/runtime/turbopack/module";
+import {
+  getScope
+} from "#internal/runtime/turbopack/remote-scope";
+import { getTurbopackModules } from "#internal/runtime/turbopack/shared-modules";
 import { RemoteComponentsError } from "#internal/utils/error";
+import { logDebug } from "#internal/utils/logger";
 function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const self = globalThis;
   const ns = getNamespace();
   ns.pageComponentCache ??= {};
   const cacheKey = `${bundle}:${route}`;
+  const remoteRequire = self.__remote_webpack_require__?.[bundle];
+  const turbopackScope = remoteRequire?.type === "turbopack" ? getScope(bundle) : void 0;
   const applyBundleCss = () => {
     const elements = ns.cssCache[bundle] ?? [];
     if (styleContainer) {
@@ -25,8 +33,10 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const nextCssOriginal = document.querySelector(
     `[id="__next_css__DO_NOT_USE__"]:not([data-bundle="${bundle}"][data-route="${route}"])`
   );
+  const nextCssOriginalParent = nextCssOriginal?.parentNode ?? null;
+  const nextCssOriginalNextSibling = nextCssOriginal?.nextSibling ?? null;
   if (nextCssOriginal) {
-    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);
+    nextCssOriginalParent?.removeChild(nextCssOriginal);
   }
   const nextCss = document.createElement("noscript");
   nextCss.id = "__next_css__DO_NOT_USE__";
@@ -38,25 +48,25 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   nextCssEnd.setAttribute("data-route", route);
   document.head.appendChild(nextCssEnd);
   document.head.appendChild(nextCss);
-  const componentLoaderChunk = Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  const componentLoaderChunk = (turbopackScope ? findTurbopackPagesLoaderId(turbopackScope, route) : void 0) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=${encodeURIComponent(route)}!`)
-  ) ?? Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  ) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? self.__remote_webpack_module_map__?.[bundle]?.[Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=${encodeURIComponent(route)}!`)
   ) ?? Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? ""] ?? -1;
-  const appLoaderChunk = Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  const appLoaderChunk = (turbopackScope ? findTurbopackPagesLoaderId(turbopackScope, "/_app") : void 0) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=%2F_app`)
-  ) ?? Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(
+  ) ?? Object.keys(remoteRequire?.m ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? self.__remote_webpack_module_map__?.[bundle]?.[Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/webpack/loaders/next-client-pages-loader.js") && key.includes(`page=%2F_app`)
   ) ?? Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(
     (key) => key.includes("/next/dist/client/page-loader.js")
   ) ?? ""] ?? -1;
-  if (!(componentLoaderChunk && appLoaderChunk)) {
+  if (!isLoaderId(componentLoaderChunk) || !isLoaderId(appLoaderChunk)) {
     throw new RemoteComponentsError(
       `Next.js client pages loader not found in bundle "${bundle}".`
     );
@@ -64,61 +74,151 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const __NEXT_P_ORIGINAL = self.__NEXT_P;
   const selfOriginal = self;
   delete selfOriginal.__NEXT_P;
-  self.__remote_webpack_require__?.[bundle]?.(
-    self.__remote_webpack_require__[bundle].type !== "turbopack" ? componentLoaderChunk : `[${bundle}] ${componentLoaderChunk}`
-  );
-  if (typeof appLoaderChunk === "string" || typeof appLoaderChunk === "number" && appLoaderChunk !== -1) {
-    self.__remote_webpack_require__?.[bundle]?.(
-      self.__remote_webpack_require__[bundle].type !== "turbopack" ? appLoaderChunk : `[${bundle}] ${appLoaderChunk}`
-    );
-  }
-  if (self.__NEXT_P) {
-    const [, componentLoader] = self.__NEXT_P[0] ?? [
-      void 0,
-      () => ({ default: null })
-    ];
-    const [, appLoader] = self.__NEXT_P[2] ?? [
-      void 0,
-      () => ({
-        default: null
-      })
-    ];
-    const { default: Component = null } = componentLoader();
-    const { default: App = null } = appLoader();
-    const cssCache = ns.cssCache;
-    if (!cssCache[bundle]) {
-      const cssRE = /\.s?css$/;
-      Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).filter((id) => cssRE.test(id)).forEach((id) => {
-        self.__remote_webpack_require__?.[bundle]?.(id);
-      });
-      Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {}).filter((path) => cssRE.test(path)).forEach((path) => {
-        const id = self.__remote_webpack_module_map__?.[bundle]?.[path];
-        if (id) {
+  try {
+    loadPagesLoaderModule(bundle, componentLoaderChunk, turbopackScope);
+    if (isLoaderId(appLoaderChunk)) {
+      loadPagesLoaderModule(bundle, appLoaderChunk, turbopackScope);
+    }
+    if (self.__NEXT_P) {
+      logDebug(
+        "ComponentLoader",
+        `Next.js Pages loader registry for "${route}" in "${bundle}": ${self.__NEXT_P.map((entry) => entry?.[0] ?? "<empty>").join(", ")}`
+      );
+      const componentEntry = self.__NEXT_P.find(
+        (entry) => entry?.[0] === route
+      ) ?? self.__NEXT_P[0];
+      const appEntry = self.__NEXT_P.find((entry) => entry?.[0] === "/_app") ?? self.__NEXT_P[2];
+      const [, componentLoader] = componentEntry ?? [
+        void 0,
+        () => ({ default: null })
+      ];
+      const [, appLoader] = appEntry ?? [
+        void 0,
+        () => ({
+          default: null
+        })
+      ];
+      const { default: Component = null } = componentLoader();
+      const { default: App = null } = appLoader();
+      const cssCache = ns.cssCache;
+      if (!cssCache[bundle]) {
+        const cssRE = /\.s?css$/;
+        Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).filter((id) => cssRE.test(id)).forEach((id) => {
           self.__remote_webpack_require__?.[bundle]?.(id);
+        });
+        Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {}).filter((path) => cssRE.test(path)).forEach((path) => {
+          const id = self.__remote_webpack_module_map__?.[bundle]?.[path];
+          if (id) {
+            self.__remote_webpack_require__?.[bundle]?.(id);
+          }
+        });
+        const elements = [];
+        let node = nextCss.previousSibling;
+        while (node && node !== nextCssEnd) {
+          elements.push(node);
+          node.remove();
+          node = nextCss.previousSibling;
         }
-      });
-      const elements = [];
-      let node = nextCss.previousSibling;
-      while (node && node !== nextCssEnd) {
-        elements.push(node);
-        node.remove();
-        node = nextCss.previousSibling;
+        cssCache[bundle] = elements;
       }
-      cssCache[bundle] = elements;
+      applyBundleCss();
+      const result = { Component, App };
+      ns.pageComponentCache[cacheKey] = result;
+      return result;
     }
-    applyBundleCss();
-    delete self.__NEXT_P;
-    self.__NEXT_P = __NEXT_P_ORIGINAL;
-    if (nextCssOriginal) {
-      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);
+    logDebug(
+      "ComponentLoader",
+      `Next.js Pages loaders for route "${route}" in "${bundle}" did not populate __NEXT_P`
+    );
+    return { Component: null, App: null };
+  } finally {
+    if (typeof __NEXT_P_ORIGINAL === "undefined") {
+      delete self.__NEXT_P;
+    } else {
+      self.__NEXT_P = __NEXT_P_ORIGINAL;
+    }
+    if (nextCssOriginal && nextCssOriginalParent) {
+      const restoreBefore = nextCssOriginalNextSibling?.parentNode === nextCssOriginalParent ? nextCssOriginalNextSibling : null;
+      nextCssOriginalParent.insertBefore(nextCssOriginal, restoreBefore);
     }
     nextCss.remove();
     nextCssEnd.remove();
-    const result = { Component, App };
-    ns.pageComponentCache[cacheKey] = result;
-    return result;
   }
-  return { Component: null, App: null };
+}
+function isLoaderId(id) {
+  return typeof id === "string" && id.length > 0 || typeof id === "number" && id !== -1;
+}
+function loadPagesLoaderModule(bundle, id, turbopackScope) {
+  const self = globalThis;
+  if (turbopackScope) {
+    delete turbopackScope.moduleCache[String(id)];
+    requireModule(turbopackScope, id);
+    return;
+  }
+  const remoteRequire = self.__remote_webpack_require__?.[bundle];
+  if (remoteRequire?.c) {
+    delete remoteRequire.c[id];
+  }
+  remoteRequire?.(id);
+}
+function findTurbopackPagesLoaderId(scope, route) {
+  const modules = getTurbopackModules(scope);
+  if (!modules)
+    return void 0;
+  const routeLiteral = JSON.stringify(route);
+  const singleQuotedRouteLiteral = `'${route.replaceAll("'", "\\'")}'`;
+  const flat = modules.flat();
+  for (let index = 0; index < flat.length; index++) {
+    const entry = flat[index];
+    if (typeof entry === "function") {
+      const code = entry.toString();
+      if (code.includes("__NEXT_P") && (code.includes(routeLiteral) || code.includes(singleQuotedRouteLiteral))) {
+        const id = findPreviousModuleId(flat, index);
+        if (isLoaderId(id) && isTurbopackPagesLoaderId(id)) {
+          logDebug(
+            "SharedModules",
+            `Resolved Turbopack Pages loader for route "${route}" in "${scope.scopedName}" as "${id}"`
+          );
+          return id;
+        }
+      }
+      continue;
+    }
+    if (!entry || typeof entry !== "object" || Array.isArray(entry))
+      continue;
+    if (typeof Element !== "undefined" && entry instanceof Element)
+      continue;
+    for (const [id, moduleInit] of Object.entries(
+      entry
+    )) {
+      if (typeof moduleInit !== "function")
+        continue;
+      const code = moduleInit.toString();
+      if (code.includes("__NEXT_P") && (code.includes(routeLiteral) || code.includes(singleQuotedRouteLiteral)) && isTurbopackPagesLoaderId(id)) {
+        logDebug(
+          "SharedModules",
+          `Resolved Turbopack Pages loader for route "${route}" in "${scope.scopedName}" as "${id}"`
+        );
+        return id;
+      }
+    }
+  }
+  return void 0;
+}
+function isTurbopackPagesLoaderId(id) {
+  if (typeof id === "number")
+    return true;
+  return id.includes("[next]/entry/page-loader.ts") || id.includes("/next/dist/client/page-loader.js");
+}
+function findPreviousModuleId(entries, factoryIndex) {
+  for (let index = factoryIndex - 1; index >= 0; index--) {
+    const entry = entries[index];
+    if (isLoaderId(entry))
+      return entry;
+    if (typeof entry === "function")
+      return void 0;
+  }
+  return void 0;
 }
 export {
   nextClientPagesLoader