remote-components 0.0.1 → 0.0.3

package/dist/shared/webpack/next-client-pages-loader.cjs

@@ -57,9 +57,13 @@ 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]?.(componentLoaderChunk);
+  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]?.(appLoaderChunk);
+    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] ?? [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/shared/webpack/next-client-pages-loader.ts"],"sourcesContent":["// 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      }\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  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.getElementById('__next_css__DO_NOT_USE__');\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  const lastNode =\n    document.head.childNodes[document.head.childNodes.length - 1];\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 Error(\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]?.(componentLoaderChunk);\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(appLoaderChunk);\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 } = componentLoader();\n    const { default: App } = appLoader();\n\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    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      let node = nextCss.previousSibling;\n      while (node && node !== lastNode) {\n        styleContainer.appendChild(node);\n        node = nextCss.previousSibling;\n      }\n    }\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    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/shared/webpack/next-client-pages-loader.ts"],"sourcesContent":["// 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  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.getElementById('__next_css__DO_NOT_USE__');\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  const lastNode =\n    document.head.childNodes[document.head.childNodes.length - 1];\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 Error(\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 } = componentLoader();\n    const { default: App } = appLoader();\n\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    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      let node = nextCss.previousSibling;\n      while (node && node !== lastNode) {\n        styleContainer.appendChild(node);\n        node = nextCss.previousSibling;\n      }\n    }\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    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"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","names":[]}

package/dist/shared/webpack/next-client-pages-loader.js

@@ -34,9 +34,13 @@ 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]?.(componentLoaderChunk);
+  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]?.(appLoaderChunk);
+    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] ?? [

package/dist/shared/webpack/next-client-pages-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/shared/webpack/next-client-pages-loader.ts"],"sourcesContent":["// 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      }\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  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.getElementById('__next_css__DO_NOT_USE__');\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  const lastNode =\n    document.head.childNodes[document.head.childNodes.length - 1];\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 Error(\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]?.(componentLoaderChunk);\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(appLoaderChunk);\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 } = componentLoader();\n    const { default: App } = appLoader();\n\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    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      let node = nextCss.previousSibling;\n      while (node && node !== lastNode) {\n        styleContainer.appendChild(node);\n        node = nextCss.previousSibling;\n      }\n    }\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    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"AACO,SAAS,sBACd,QACA,OACA,iBAAsD,SAAS,MAC/D;AAEA,QAAM,OAAO;AAqDb,QAAM,kBAAkB,SAAS,eAAe,0BAA0B;AAC1E,MAAI,iBAAiB;AACnB,oBAAgB,YAAY,YAAY,eAAe;AAAA,EACzD;AAGA,QAAM,UAAU,SAAS,cAAc,UAAU;AACjD,UAAQ,KAAK;AACb,QAAM,WACJ,SAAS,KAAK,WAAW,SAAS,KAAK,WAAW,SAAS,CAAC;AAC9D,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,GAAG;AAAA,EACpD,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,GAAG;AAAA,EACpD,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,IAAI,oBAAoB;AAChE,MACE,OAAO,mBAAmB,YACzB,OAAO,mBAAmB,YAAY,mBAAmB,IAC1D;AACA,SAAK,6BAA6B,MAAM,IAAI,cAAc;AAAA,EAC5D;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,UAAU,IAAI,gBAAgB;AAC/C,UAAM,EAAE,SAAS,IAAI,IAAI,UAAU;AAGnC,UAAM,QAAQ;AACd,WAAO,KAAK,KAAK,6BAA6B,MAAM,GAAG,KAAK,CAAC,CAAC,EAC3D,OAAO,CAAC,OAAO,MAAM,KAAK,EAAE,CAAC,EAC7B,QAAQ,CAAC,OAAO;AACf,WAAK,6BAA6B,MAAM,IAAI,EAAE;AAAA,IAChD,CAAC;AAEH,WAAO,KAAK,KAAK,gCAAgC,MAAM,KAAK,CAAC,CAAC,EAC3D,OAAO,CAAC,SAAS,MAAM,KAAK,IAAI,CAAC,EACjC,QAAQ,CAAC,SAAS;AACjB,YAAM,KAAK,KAAK,gCAAgC,MAAM,IAAI,IAAI;AAC9D,UAAI,IAAI;AACN,aAAK,6BAA6B,MAAM,IAAI,EAAE;AAAA,MAChD;AAAA,IACF,CAAC;AAGH,QAAI,gBAAgB;AAClB,UAAI,OAAO,QAAQ;AACnB,aAAO,QAAQ,SAAS,UAAU;AAChC,uBAAe,YAAY,IAAI;AAC/B,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAGA,WAAO,KAAK;AACZ,SAAK,WAAW;AAGhB,QAAI,iBAAiB;AACnB,sBAAgB,YAAY,YAAY,eAAe;AAAA,IACzD;AAEA,WAAO,EAAE,WAAW,IAAI;AAAA,EAC1B;AAEA,SAAO,EAAE,WAAW,MAAM,KAAK,KAAK;AACtC;","names":[]}
+{"version":3,"sources":["../../../src/shared/webpack/next-client-pages-loader.ts"],"sourcesContent":["// 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  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.getElementById('__next_css__DO_NOT_USE__');\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  const lastNode =\n    document.head.childNodes[document.head.childNodes.length - 1];\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 Error(\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 } = componentLoader();\n    const { default: App } = appLoader();\n\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    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      let node = nextCss.previousSibling;\n      while (node && node !== lastNode) {\n        styleContainer.appendChild(node);\n        node = nextCss.previousSibling;\n      }\n    }\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    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "private": false,
   "description": "Compose remote components at runtime between microfrontends applications.",
   "keywords": [
@@ -41,6 +41,10 @@
       "import": "./dist/next/config.js",
       "require": "./dist/next/config.cjs"
     },
+    "./next/middleware": {
+      "import": "./dist/next/middleware.js",
+      "require": "./dist/next/middleware.cjs"
+    },
     "./html": {
       "import": "./dist/html/host.js",
       "require": "./dist/html/host.cjs"
@@ -70,6 +74,9 @@
       "next/config": [
         "./dist/next/config.d.ts"
       ],
+      "next/middleware": [
+        "./dist/next/middleware.d.ts"
+      ],
       "html": [
         "./dist/html/host.d.ts"
       ],
@@ -82,6 +89,7 @@
     "dist"
   ],
   "dependencies": {
+    "find-up": "^7.0.0",
     "parse5": "^7.2.1",
     "react": "^19",
     "react-dom": "^19",