remote-components 0.3.7 → 0.4.0

package/dist/webpack-TTZDARNY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/host/html/runtime/webpack.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAcA,eAAsB,eACpB,QACA,QACA,cACA,kBACA;AAEA,QAAM,OAAO;AAqBb,MAAI,CAAC,KAAK,0BAA0B;AAClC,SAAK,2BAA2B,CAAC;AAAA,EACnC;AACA,OAAK,yBAAyB,MAAM,IAAI;AAExC,MACE,OAAO,KAAK,wBAAwB,cACpC,KAAK,6BAA6B,aAClC;AACA,SAAK,sBAAsB,CAAC,aAAqB;AAC/C,YAAM,KAAK;AACX,YAAM,QAAQ,GAAG,KAAK,QAAQ;AAC9B,YAAM,eAAe,OAAO,QAAQ;AACpC,YAAM,KAAK,OAAO,QAAQ;AAC1B,UAAI,EAAE,MAAM,eAAe;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4B;AAAA,QAC9B;AAAA,MACF;AACA,UACE,OAAO,KAAK,6BAA6B,YAAY,MAAM,YAC3D;AACA,cAAM,IAAI;AAAA,UACR,2CAA2C;AAAA,QAC7C;AAAA,MACF;AACA,aAAO,KAAK,2BAA2B,YAAY,EAAE,EAAE;AAAA,IACzD;AAEA,SAAK,yBAAyB,MAAM;AAClC,aAAO,QAAQ,QAAQ,CAAC,CAAC;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM;AAAA,IACJ,SAAS,EAAE,yBAAyB;AAAA,EACtC,IAAI,MAAM,OAAO,yCAAyC;AAE1D,iBAAe,eACb,SACA,KACA,cACA,GACA;AAIA,UAAM,aAAa,QAAQ,QAAQ,CAAC,WAAW;AAC7C,YAAM,YACJ,OAAO,aAAa,KAAK,KAAK,OAAO,aAAa,UAAU;AAC9D,aAAO,eAAe,YAAY,MAAM;AACxC,UAAI,CAAC;AAAW,eAAO,CAAC;AACxB,aAAO;AAAA,QACL;AAAA,UACE,KAAK,IAAI,IAAI,UAAU,QAAQ,qBAAqB,SAAS,GAAG,GAAG,EAChE;AAAA,QACL;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,YAAY,YAAY,gBAAgB;AAE9C,UAAM,aAAa,gBAAgB,QAAQ,gBAAgB;AAC3D,UAAM,UAAU,MAAM;AAAA,MACpB;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB;AAAA,MACA;AAAA,QACE,oBAAoB,MAAM,OAAO,OAAO,GAAG;AAAA,QAC3C,8BAA8B,MAAM,OAAO,uBAAuB,GAC/D;AAAA,QACH,0BAA0B,MAAM,OAAO,mBAAmB,GAAG;AAAA,QAC7D,wBAAwB,MAAM,OAAO,WAAW,GAAG;AAAA,QACnD,yBAAyB,MAAM,OAAO,kBAAkB,GAAG;AAAA,MAC7D;AAAA,MACA;AAAA,IACF;AAGA,uBAAmB,cAAc,OAAO;AAAA,EAC1C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF","sourcesContent":["import { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  buildHostShared,\n  buildWebpackResolve,\n} from '#internal/host/shared/shared-module-resolver';\nimport { loadScripts } from '#internal/runtime/loaders/script-loader';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport type { MountUnmountFunctions, RSCKey } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// initializer for the webpack runtime to be able to access modules\n// required to run exposed client components of the remote component\nexport async function webpackRuntime(\n  bundle: string,\n  shared?: Record<string, () => Promise<unknown>>,\n  remoteShared?: Record<string, string | number>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack runtime globals\n    __webpack_require__: (remoteId: string) => unknown;\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string) => unknown) & {\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    // conditional flag to disable webpack exec\n    __DISABLE_WEBPACK_EXEC__?: Record<string, boolean>;\n    // webpack chunk loading function\n    __webpack_chunk_load__: () => Promise<[]>;\n    __webpack_require_type__: 'webpack' | 'turbopack';\n  } & MountUnmountFunctions &\n    Record<RSCKey, string[]>;\n\n  // disable webpack exec to prevent automatically executing the entry module\n  if (!self.__DISABLE_WEBPACK_EXEC__) {\n    self.__DISABLE_WEBPACK_EXEC__ = {};\n  }\n  self.__DISABLE_WEBPACK_EXEC__[bundle] = true;\n  // add a custom webpack require function to load remote components from multiple bundles / zones\n  if (\n    typeof self.__webpack_require__ !== 'function' &&\n    self.__webpack_require_type__ !== 'turbopack'\n  ) {\n    self.__webpack_require__ = (remoteId: string) => {\n      const re = /\\[(?<bundle>[^\\]]+)\\] (?<id>.*)/;\n      const match = re.exec(remoteId);\n      const remoteBundle = match?.groups?.bundle;\n      const id = match?.groups?.id;\n      if (!(id && remoteBundle)) {\n        throw new RemoteComponentsError(\n          `Remote Component module \"${remoteId}\" not found. Did you forget to wrap the Next.js config with \\`withRemoteComponentsConfig\\` on both host and remote?`,\n        );\n      }\n      if (\n        typeof self.__remote_webpack_require__?.[remoteBundle] !== 'function'\n      ) {\n        throw new RemoteComponentsError(\n          `Remote Components are not available in \"${remoteBundle}\". Did you forget to wrap the Next.js config with \\`withRemoteComponentsConfig\\` on both host and remote?`,\n        );\n      }\n      return self.__remote_webpack_require__[remoteBundle](id);\n    };\n    // not used but required by react-server-dom-webpack\n    self.__webpack_chunk_load__ = () => {\n      return Promise.resolve([]);\n    };\n  }\n  // we can only import react-server-dom-webpack after initializing the __webpack_require__ and __webpack_chunk_load__ functions\n  const {\n    default: { createFromReadableStream },\n  } = await import('react-server-dom-webpack/client.browser');\n\n  async function preloadScripts(\n    scripts: HTMLScriptElement[],\n    url: URL,\n    remoteBundle: string,\n    _: string,\n  ) {\n    // Build absolute src URLs for each script and remove originals from the\n    // parsed doc to prevent re-execution when the doc is later inserted into\n    // the shadow DOM.\n    const scriptSrcs = scripts.flatMap((script) => {\n      const scriptSrc =\n        script.getAttribute('src') || script.getAttribute('data-src');\n      script.parentElement?.removeChild(script);\n      if (!scriptSrc) return [];\n      return [\n        {\n          src: new URL(scriptSrc.replace(NEXT_BUNDLE_PATH_RE, '/_next/'), url)\n            .href,\n        },\n      ];\n    });\n\n    await loadScripts(scriptSrcs, resolveClientUrl);\n\n    const hostShared = buildHostShared(shared, resolveClientUrl);\n    const resolve = await buildWebpackResolve(\n      hostShared,\n      remoteShared ?? {},\n      remoteBundle,\n      {\n        '/react/index.js': (await import('react')).default,\n        '/react/jsx-dev-runtime.js': (await import('react/jsx-dev-runtime'))\n          .default,\n        '/react/jsx-runtime.js': (await import('react/jsx-runtime')).default,\n        '/react-dom/index.js': (await import('react-dom')).default,\n        '/react-dom/client.js': (await import('react-dom/client')).default,\n      },\n      'WebpackRuntime',\n    );\n\n    // apply shared modules to the bundle\n    applySharedModules(remoteBundle, resolve);\n  }\n\n  return {\n    self,\n    createFromReadableStream,\n    applySharedModules,\n    nextClientPagesLoader,\n    preloadScripts,\n  };\n}\n"]}