remote-components 0.4.8 → 0.4.10

package/dist/host/nextjs/pages/client-only.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/pages-client.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { ConsumeRemoteComponentConfig } from '#internal/host/shared/config';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport type { ResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { shared } from '#remote-components/host/defaults/pages';\n\n// patch react/jsx-runtime to support the remote-component custom element\ndeclare module 'react/jsx-runtime' {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    interface IntrinsicElements {\n      'remote-component': {\n        src?: string;\n        ref?: React.Ref<HTMLElement>;\n        children: React.ReactNode;\n      };\n    }\n  }\n}\n\n// Extend HTMLElement to include onRequest/onResponse/resolveClientUrl properties from the custom element\ninterface RemoteComponentElement extends HTMLElement {\n  onRequest?: OnRequestHook;\n  onResponse?: OnResponseHook;\n  resolveClientUrl?: ResolveClientUrl;\n}\n\n/**\n * Props for the Pages Router client-side remote component wrapper.\n *\n * Extends {@link ConsumeRemoteComponentConfig}. The `src` prop is required since\n * the client always needs a source URL to load from.\n */\nexport interface ConsumeRemoteComponentProps\n  extends ConsumeRemoteComponentConfig {\n  /** The source URL of the remote component. Required for client-side loading. */\n  src: string;\n  /** Loading fallback content displayed while the remote component is being fetched. */\n  children?: React.ReactNode;\n}\n\nexport function ConsumeRemoteComponent({\n  src,\n  children,\n  onBeforeLoad,\n  onChange,\n  onError,\n  onLoad,\n  onRequest,\n  onResponse,\n  resolveClientUrl,\n}: ConsumeRemoteComponentProps) {\n  const elementRef = useRef<RemoteComponentElement>(null);\n\n  useEffect(() => {\n    const self = globalThis as typeof globalThis & {\n      __remote_component_shared__?: Record<string, () => Promise<unknown>>;\n    };\n    // eslint-disable-next-line camelcase\n    self.__remote_component_shared__ = shared;\n    import('remote-components/html/host');\n  }, []);\n\n  useEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    // Set onRequest/onResponse/resolveClientUrl properties on the element before it loads\n    if (onRequest) {\n      element.onRequest = onRequest;\n    }\n    if (onResponse) {\n      element.onResponse = onResponse;\n    }\n    if (resolveClientUrl !== undefined) {\n      element.resolveClientUrl = resolveClientUrl;\n    }\n\n    // Set up event listeners for lifecycle hooks\n    const handleBeforeLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onBeforeLoad?.(customEvent.src ?? src);\n    };\n    const handleLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onLoad?.(customEvent.src ?? src);\n    };\n    const handleError = (e: Event) => {\n      const customEvent = e as CustomEvent & { error?: unknown };\n      onError?.(customEvent.error);\n    };\n    const handleChange = (e: Event) => {\n      const customEvent = e as CustomEvent & {\n        previousSrc?: string | null;\n        nextSrc?: string | null;\n        previousName?: string;\n        nextName?: string;\n      };\n      onChange?.({\n        previousSrc: customEvent.previousSrc ?? null,\n        nextSrc: customEvent.nextSrc ?? null,\n        previousName: customEvent.previousName,\n        nextName: customEvent.nextName,\n      });\n    };\n\n    if (onBeforeLoad) element.addEventListener('beforeload', handleBeforeLoad);\n    if (onLoad) element.addEventListener('load', handleLoad);\n    if (onError) element.addEventListener('error', handleError);\n    if (onChange) element.addEventListener('change', handleChange);\n\n    return () => {\n      if (onBeforeLoad)\n        element.removeEventListener('beforeload', handleBeforeLoad);\n      if (onLoad) element.removeEventListener('load', handleLoad);\n      if (onError) element.removeEventListener('error', handleError);\n      if (onChange) element.removeEventListener('change', handleChange);\n    };\n  }, [\n    src,\n    onBeforeLoad,\n    onChange,\n    onError,\n    onLoad,\n    onRequest,\n    onResponse,\n    resolveClientUrl,\n  ]);\n\n  return (\n    <remote-component ref={elementRef} src={src}>\n      {children}\n    </remote-component>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqII;AArIJ,mBAAkC;AAOlC,mBAAuB;AAqChB,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,iBAAa,qBAA+B,IAAI;AAEtD,8BAAU,MAAM;AACd,UAAM,OAAO;AAIb,SAAK,8BAA8B;AACnC,WAAO,6BAA6B;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC;AAAS;AAGd,QAAI,WAAW;AACb,cAAQ,YAAY;AAAA,IACtB;AACA,QAAI,YAAY;AACd,cAAQ,aAAa;AAAA,IACvB;AACA,QAAI,qBAAqB,QAAW;AAClC,cAAQ,mBAAmB;AAAA,IAC7B;AAGA,UAAM,mBAAmB,CAAC,MAAa;AACrC,YAAM,cAAc;AACpB,qBAAe,YAAY,OAAO,GAAG;AAAA,IACvC;AACA,UAAM,aAAa,CAAC,MAAa;AAC/B,YAAM,cAAc;AACpB,eAAS,YAAY,OAAO,GAAG;AAAA,IACjC;AACA,UAAM,cAAc,CAAC,MAAa;AAChC,YAAM,cAAc;AACpB,gBAAU,YAAY,KAAK;AAAA,IAC7B;AACA,UAAM,eAAe,CAAC,MAAa;AACjC,YAAM,cAAc;AAMpB,iBAAW;AAAA,QACT,aAAa,YAAY,eAAe;AAAA,QACxC,SAAS,YAAY,WAAW;AAAA,QAChC,cAAc,YAAY;AAAA,QAC1B,UAAU,YAAY;AAAA,MACxB,CAAC;AAAA,IACH;AAEA,QAAI;AAAc,cAAQ,iBAAiB,cAAc,gBAAgB;AACzE,QAAI;AAAQ,cAAQ,iBAAiB,QAAQ,UAAU;AACvD,QAAI;AAAS,cAAQ,iBAAiB,SAAS,WAAW;AAC1D,QAAI;AAAU,cAAQ,iBAAiB,UAAU,YAAY;AAE7D,WAAO,MAAM;AACX,UAAI;AACF,gBAAQ,oBAAoB,cAAc,gBAAgB;AAC5D,UAAI;AAAQ,gBAAQ,oBAAoB,QAAQ,UAAU;AAC1D,UAAI;AAAS,gBAAQ,oBAAoB,SAAS,WAAW;AAC7D,UAAI;AAAU,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,IAClE;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,4CAAC,sBAAiB,KAAK,YAAY,KAChC,UACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/host/nextjs/pages-client.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { ConsumeRemoteComponentConfig } from '#internal/host/shared/config';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport type { SharedModuleFactory } from '#internal/host/shared/shared-broker';\nimport type { ResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { shared } from '#remote-components/host/defaults/pages';\n\n// patch react/jsx-runtime to support the remote-component custom element\ndeclare module 'react/jsx-runtime' {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    interface IntrinsicElements {\n      'remote-component': {\n        src?: string;\n        ref?: React.Ref<HTMLElement>;\n        children: React.ReactNode;\n      };\n    }\n  }\n}\n\n// Extend HTMLElement to include onRequest/onResponse/resolveClientUrl properties from the custom element\ninterface RemoteComponentElement extends HTMLElement {\n  onRequest?: OnRequestHook;\n  onResponse?: OnResponseHook;\n  resolveClientUrl?: ResolveClientUrl;\n}\n\ntype SharedModules = Record<string, SharedModuleFactory>;\n\nfunction isPromiseLikeShared(\n  value: ConsumeRemoteComponentProps['shared'],\n): value is Promise<SharedModules> {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'then' in value &&\n    typeof (value as Promise<SharedModules>).then === 'function'\n  );\n}\n\n/**\n * Props for the Pages Router client-side remote component wrapper.\n *\n * Extends {@link ConsumeRemoteComponentConfig}. The `src` prop is required since\n * the client always needs a source URL to load from.\n */\nexport interface ConsumeRemoteComponentProps\n  extends ConsumeRemoteComponentConfig {\n  /** The source URL of the remote component. Required for client-side loading. */\n  src: string;\n  /** Loading fallback content displayed while the remote component is being fetched. */\n  children?: React.ReactNode;\n}\n\nexport function ConsumeRemoteComponent({\n  src,\n  children,\n  onBeforeLoad,\n  onChange,\n  onError,\n  onLoad,\n  onRequest,\n  onResponse,\n  resolveClientUrl,\n  shared: sharedProp,\n}: ConsumeRemoteComponentProps) {\n  const elementRef = useRef<RemoteComponentElement>(null);\n  const onErrorRef = useRef(onError);\n  onErrorRef.current = onError;\n\n  useEffect(() => {\n    let cancelled = false;\n    const self = globalThis as typeof globalThis & {\n      __remote_component_shared__?: SharedModules;\n    };\n\n    const syncElement = async () => {\n      try {\n        const userShared = isPromiseLikeShared(sharedProp)\n          ? await sharedProp\n          : sharedProp;\n        if (cancelled) return;\n\n        // eslint-disable-next-line camelcase\n        self.__remote_component_shared__ = {\n          ...shared,\n          ...userShared,\n        };\n        await import('remote-components/host/html');\n        if (cancelled) return;\n\n        const element = elementRef.current;\n        if (!element) return;\n\n        // Assign instance properties before setting src; the custom element\n        // starts loading as soon as the src attribute changes.\n        element.onRequest = onRequest;\n        element.onResponse = onResponse;\n        element.resolveClientUrl = resolveClientUrl;\n\n        if (element.getAttribute('src') !== src) {\n          element.setAttribute('src', src);\n        }\n      } catch (error) {\n        if (!cancelled) {\n          onErrorRef.current?.(error);\n        }\n      }\n    };\n\n    void syncElement();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [src, onRequest, onResponse, resolveClientUrl, sharedProp]);\n\n  useEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    // Set up event listeners for lifecycle hooks\n    const handleBeforeLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onBeforeLoad?.(customEvent.src ?? src);\n    };\n    const handleLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onLoad?.(customEvent.src ?? src);\n    };\n    const handleError = (e: Event) => {\n      const customEvent = e as CustomEvent & { error?: unknown };\n      onError?.(customEvent.error);\n    };\n    const handleChange = (e: Event) => {\n      const customEvent = e as CustomEvent & {\n        previousSrc?: string | null;\n        nextSrc?: string | null;\n        previousName?: string;\n        nextName?: string;\n      };\n      onChange?.({\n        previousSrc: customEvent.previousSrc ?? null,\n        nextSrc: customEvent.nextSrc ?? null,\n        previousName: customEvent.previousName,\n        nextName: customEvent.nextName,\n      });\n    };\n\n    if (onBeforeLoad) element.addEventListener('beforeload', handleBeforeLoad);\n    if (onLoad) element.addEventListener('load', handleLoad);\n    if (onError) element.addEventListener('error', handleError);\n    if (onChange) element.addEventListener('change', handleChange);\n\n    return () => {\n      if (onBeforeLoad)\n        element.removeEventListener('beforeload', handleBeforeLoad);\n      if (onLoad) element.removeEventListener('load', handleLoad);\n      if (onError) element.removeEventListener('error', handleError);\n      if (onChange) element.removeEventListener('change', handleChange);\n    };\n  }, [src, onBeforeLoad, onChange, onError, onLoad]);\n\n  return <remote-component ref={elementRef}>{children}</remote-component>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuKS;AAvKT,mBAAkC;AAQlC,mBAAuB;AAyBvB,SAAS,oBACP,OACiC;AACjC,SACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACV,OAAQ,MAAiC,SAAS;AAEtD;AAgBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAgC;AAC9B,QAAM,iBAAa,qBAA+B,IAAI;AACtD,QAAM,iBAAa,qBAAO,OAAO;AACjC,aAAW,UAAU;AAErB,8BAAU,MAAM;AACd,QAAI,YAAY;AAChB,UAAM,OAAO;AAIb,UAAM,cAAc,YAAY;AAC9B,UAAI;AACF,cAAM,aAAa,oBAAoB,UAAU,IAC7C,MAAM,aACN;AACJ,YAAI;AAAW;AAGf,aAAK,8BAA8B;AAAA,UACjC,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AACA,cAAM,OAAO,6BAA6B;AAC1C,YAAI;AAAW;AAEf,cAAM,UAAU,WAAW;AAC3B,YAAI,CAAC;AAAS;AAId,gBAAQ,YAAY;AACpB,gBAAQ,aAAa;AACrB,gBAAQ,mBAAmB;AAE3B,YAAI,QAAQ,aAAa,KAAK,MAAM,KAAK;AACvC,kBAAQ,aAAa,OAAO,GAAG;AAAA,QACjC;AAAA,MACF,SAAS,OAAP;AACA,YAAI,CAAC,WAAW;AACd,qBAAW,UAAU,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAEA,SAAK,YAAY;AAEjB,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,KAAK,WAAW,YAAY,kBAAkB,UAAU,CAAC;AAE7D,8BAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC;AAAS;AAGd,UAAM,mBAAmB,CAAC,MAAa;AACrC,YAAM,cAAc;AACpB,qBAAe,YAAY,OAAO,GAAG;AAAA,IACvC;AACA,UAAM,aAAa,CAAC,MAAa;AAC/B,YAAM,cAAc;AACpB,eAAS,YAAY,OAAO,GAAG;AAAA,IACjC;AACA,UAAM,cAAc,CAAC,MAAa;AAChC,YAAM,cAAc;AACpB,gBAAU,YAAY,KAAK;AAAA,IAC7B;AACA,UAAM,eAAe,CAAC,MAAa;AACjC,YAAM,cAAc;AAMpB,iBAAW;AAAA,QACT,aAAa,YAAY,eAAe;AAAA,QACxC,SAAS,YAAY,WAAW;AAAA,QAChC,cAAc,YAAY;AAAA,QAC1B,UAAU,YAAY;AAAA,MACxB,CAAC;AAAA,IACH;AAEA,QAAI;AAAc,cAAQ,iBAAiB,cAAc,gBAAgB;AACzE,QAAI;AAAQ,cAAQ,iBAAiB,QAAQ,UAAU;AACvD,QAAI;AAAS,cAAQ,iBAAiB,SAAS,WAAW;AAC1D,QAAI;AAAU,cAAQ,iBAAiB,UAAU,YAAY;AAE7D,WAAO,MAAM;AACX,UAAI;AACF,gBAAQ,oBAAoB,cAAc,gBAAgB;AAC5D,UAAI;AAAQ,gBAAQ,oBAAoB,QAAQ,UAAU;AAC1D,UAAI;AAAS,gBAAQ,oBAAoB,SAAS,WAAW;AAC7D,UAAI;AAAU,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,UAAU,SAAS,MAAM,CAAC;AAEjD,SAAO,4CAAC,sBAAiB,KAAK,YAAa,UAAS;AACtD;","names":[]}

package/dist/host/nextjs/pages/client-only.d.ts

@@ -26,6 +26,6 @@ interface ConsumeRemoteComponentProps extends ConsumeRemoteComponentConfig {
     /** Loading fallback content displayed while the remote component is being fetched. */
     children?: React.ReactNode;
 }
-declare function ConsumeRemoteComponent({ src, children, onBeforeLoad, onChange, onError, onLoad, onRequest, onResponse, resolveClientUrl, }: ConsumeRemoteComponentProps): react_jsx_runtime.JSX.Element;
+declare function ConsumeRemoteComponent({ src, children, onBeforeLoad, onChange, onError, onLoad, onRequest, onResponse, resolveClientUrl, shared: sharedProp, }: ConsumeRemoteComponentProps): react_jsx_runtime.JSX.Element;
 
 export { ConsumeRemoteComponent, ConsumeRemoteComponentProps };

package/dist/host/nextjs/pages/client-only.js

@@ -1,6 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { shared } from "#remote-components/host/defaults/pages";
+function isPromiseLikeShared(value) {
+  return typeof value === "object" && value !== null && "then" in value && typeof value.then === "function";
+}
 function ConsumeRemoteComponent({
   src,
   children,
@@ -10,27 +13,51 @@ function ConsumeRemoteComponent({
   onLoad,
   onRequest,
   onResponse,
-  resolveClientUrl
+  resolveClientUrl,
+  shared: sharedProp
 }) {
   const elementRef = useRef(null);
+  const onErrorRef = useRef(onError);
+  onErrorRef.current = onError;
   useEffect(() => {
+    let cancelled = false;
     const self = globalThis;
-    self.__remote_component_shared__ = shared;
-    import("remote-components/html/host");
-  }, []);
+    const syncElement = async () => {
+      try {
+        const userShared = isPromiseLikeShared(sharedProp) ? await sharedProp : sharedProp;
+        if (cancelled)
+          return;
+        self.__remote_component_shared__ = {
+          ...shared,
+          ...userShared
+        };
+        await import("remote-components/host/html");
+        if (cancelled)
+          return;
+        const element = elementRef.current;
+        if (!element)
+          return;
+        element.onRequest = onRequest;
+        element.onResponse = onResponse;
+        element.resolveClientUrl = resolveClientUrl;
+        if (element.getAttribute("src") !== src) {
+          element.setAttribute("src", src);
+        }
+      } catch (error) {
+        if (!cancelled) {
+          onErrorRef.current?.(error);
+        }
+      }
+    };
+    void syncElement();
+    return () => {
+      cancelled = true;
+    };
+  }, [src, onRequest, onResponse, resolveClientUrl, sharedProp]);
   useEffect(() => {
     const element = elementRef.current;
     if (!element)
       return;
-    if (onRequest) {
-      element.onRequest = onRequest;
-    }
-    if (onResponse) {
-      element.onResponse = onResponse;
-    }
-    if (resolveClientUrl !== void 0) {
-      element.resolveClientUrl = resolveClientUrl;
-    }
     const handleBeforeLoad = (e) => {
       const customEvent = e;
       onBeforeLoad?.(customEvent.src ?? src);
@@ -70,17 +97,8 @@ function ConsumeRemoteComponent({
       if (onChange)
         element.removeEventListener("change", handleChange);
     };
-  }, [
-    src,
-    onBeforeLoad,
-    onChange,
-    onError,
-    onLoad,
-    onRequest,
-    onResponse,
-    resolveClientUrl
-  ]);
-  return /* @__PURE__ */ jsx("remote-component", { ref: elementRef, src, children });
+  }, [src, onBeforeLoad, onChange, onError, onLoad]);
+  return /* @__PURE__ */ jsx("remote-component", { ref: elementRef, children });
 }
 export {
   ConsumeRemoteComponent

package/dist/host/nextjs/pages/client-only.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/pages-client.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { ConsumeRemoteComponentConfig } from '#internal/host/shared/config';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport type { ResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { shared } from '#remote-components/host/defaults/pages';\n\n// patch react/jsx-runtime to support the remote-component custom element\ndeclare module 'react/jsx-runtime' {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    interface IntrinsicElements {\n      'remote-component': {\n        src?: string;\n        ref?: React.Ref<HTMLElement>;\n        children: React.ReactNode;\n      };\n    }\n  }\n}\n\n// Extend HTMLElement to include onRequest/onResponse/resolveClientUrl properties from the custom element\ninterface RemoteComponentElement extends HTMLElement {\n  onRequest?: OnRequestHook;\n  onResponse?: OnResponseHook;\n  resolveClientUrl?: ResolveClientUrl;\n}\n\n/**\n * Props for the Pages Router client-side remote component wrapper.\n *\n * Extends {@link ConsumeRemoteComponentConfig}. The `src` prop is required since\n * the client always needs a source URL to load from.\n */\nexport interface ConsumeRemoteComponentProps\n  extends ConsumeRemoteComponentConfig {\n  /** The source URL of the remote component. Required for client-side loading. */\n  src: string;\n  /** Loading fallback content displayed while the remote component is being fetched. */\n  children?: React.ReactNode;\n}\n\nexport function ConsumeRemoteComponent({\n  src,\n  children,\n  onBeforeLoad,\n  onChange,\n  onError,\n  onLoad,\n  onRequest,\n  onResponse,\n  resolveClientUrl,\n}: ConsumeRemoteComponentProps) {\n  const elementRef = useRef<RemoteComponentElement>(null);\n\n  useEffect(() => {\n    const self = globalThis as typeof globalThis & {\n      __remote_component_shared__?: Record<string, () => Promise<unknown>>;\n    };\n    // eslint-disable-next-line camelcase\n    self.__remote_component_shared__ = shared;\n    import('remote-components/html/host');\n  }, []);\n\n  useEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    // Set onRequest/onResponse/resolveClientUrl properties on the element before it loads\n    if (onRequest) {\n      element.onRequest = onRequest;\n    }\n    if (onResponse) {\n      element.onResponse = onResponse;\n    }\n    if (resolveClientUrl !== undefined) {\n      element.resolveClientUrl = resolveClientUrl;\n    }\n\n    // Set up event listeners for lifecycle hooks\n    const handleBeforeLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onBeforeLoad?.(customEvent.src ?? src);\n    };\n    const handleLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onLoad?.(customEvent.src ?? src);\n    };\n    const handleError = (e: Event) => {\n      const customEvent = e as CustomEvent & { error?: unknown };\n      onError?.(customEvent.error);\n    };\n    const handleChange = (e: Event) => {\n      const customEvent = e as CustomEvent & {\n        previousSrc?: string | null;\n        nextSrc?: string | null;\n        previousName?: string;\n        nextName?: string;\n      };\n      onChange?.({\n        previousSrc: customEvent.previousSrc ?? null,\n        nextSrc: customEvent.nextSrc ?? null,\n        previousName: customEvent.previousName,\n        nextName: customEvent.nextName,\n      });\n    };\n\n    if (onBeforeLoad) element.addEventListener('beforeload', handleBeforeLoad);\n    if (onLoad) element.addEventListener('load', handleLoad);\n    if (onError) element.addEventListener('error', handleError);\n    if (onChange) element.addEventListener('change', handleChange);\n\n    return () => {\n      if (onBeforeLoad)\n        element.removeEventListener('beforeload', handleBeforeLoad);\n      if (onLoad) element.removeEventListener('load', handleLoad);\n      if (onError) element.removeEventListener('error', handleError);\n      if (onChange) element.removeEventListener('change', handleChange);\n    };\n  }, [\n    src,\n    onBeforeLoad,\n    onChange,\n    onError,\n    onLoad,\n    onRequest,\n    onResponse,\n    resolveClientUrl,\n  ]);\n\n  return (\n    <remote-component ref={elementRef} src={src}>\n      {children}\n    </remote-component>\n  );\n}\n"],"mappings":"AAqII;AArIJ,SAAS,WAAW,cAAc;AAOlC,SAAS,cAAc;AAqChB,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,aAAa,OAA+B,IAAI;AAEtD,YAAU,MAAM;AACd,UAAM,OAAO;AAIb,SAAK,8BAA8B;AACnC,WAAO,6BAA6B;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC;AAAS;AAGd,QAAI,WAAW;AACb,cAAQ,YAAY;AAAA,IACtB;AACA,QAAI,YAAY;AACd,cAAQ,aAAa;AAAA,IACvB;AACA,QAAI,qBAAqB,QAAW;AAClC,cAAQ,mBAAmB;AAAA,IAC7B;AAGA,UAAM,mBAAmB,CAAC,MAAa;AACrC,YAAM,cAAc;AACpB,qBAAe,YAAY,OAAO,GAAG;AAAA,IACvC;AACA,UAAM,aAAa,CAAC,MAAa;AAC/B,YAAM,cAAc;AACpB,eAAS,YAAY,OAAO,GAAG;AAAA,IACjC;AACA,UAAM,cAAc,CAAC,MAAa;AAChC,YAAM,cAAc;AACpB,gBAAU,YAAY,KAAK;AAAA,IAC7B;AACA,UAAM,eAAe,CAAC,MAAa;AACjC,YAAM,cAAc;AAMpB,iBAAW;AAAA,QACT,aAAa,YAAY,eAAe;AAAA,QACxC,SAAS,YAAY,WAAW;AAAA,QAChC,cAAc,YAAY;AAAA,QAC1B,UAAU,YAAY;AAAA,MACxB,CAAC;AAAA,IACH;AAEA,QAAI;AAAc,cAAQ,iBAAiB,cAAc,gBAAgB;AACzE,QAAI;AAAQ,cAAQ,iBAAiB,QAAQ,UAAU;AACvD,QAAI;AAAS,cAAQ,iBAAiB,SAAS,WAAW;AAC1D,QAAI;AAAU,cAAQ,iBAAiB,UAAU,YAAY;AAE7D,WAAO,MAAM;AACX,UAAI;AACF,gBAAQ,oBAAoB,cAAc,gBAAgB;AAC5D,UAAI;AAAQ,gBAAQ,oBAAoB,QAAQ,UAAU;AAC1D,UAAI;AAAS,gBAAQ,oBAAoB,SAAS,WAAW;AAC7D,UAAI;AAAU,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,IAClE;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,sBAAiB,KAAK,YAAY,KAChC,UACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/host/nextjs/pages-client.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { ConsumeRemoteComponentConfig } from '#internal/host/shared/config';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport type { SharedModuleFactory } from '#internal/host/shared/shared-broker';\nimport type { ResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { shared } from '#remote-components/host/defaults/pages';\n\n// patch react/jsx-runtime to support the remote-component custom element\ndeclare module 'react/jsx-runtime' {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    interface IntrinsicElements {\n      'remote-component': {\n        src?: string;\n        ref?: React.Ref<HTMLElement>;\n        children: React.ReactNode;\n      };\n    }\n  }\n}\n\n// Extend HTMLElement to include onRequest/onResponse/resolveClientUrl properties from the custom element\ninterface RemoteComponentElement extends HTMLElement {\n  onRequest?: OnRequestHook;\n  onResponse?: OnResponseHook;\n  resolveClientUrl?: ResolveClientUrl;\n}\n\ntype SharedModules = Record<string, SharedModuleFactory>;\n\nfunction isPromiseLikeShared(\n  value: ConsumeRemoteComponentProps['shared'],\n): value is Promise<SharedModules> {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'then' in value &&\n    typeof (value as Promise<SharedModules>).then === 'function'\n  );\n}\n\n/**\n * Props for the Pages Router client-side remote component wrapper.\n *\n * Extends {@link ConsumeRemoteComponentConfig}. The `src` prop is required since\n * the client always needs a source URL to load from.\n */\nexport interface ConsumeRemoteComponentProps\n  extends ConsumeRemoteComponentConfig {\n  /** The source URL of the remote component. Required for client-side loading. */\n  src: string;\n  /** Loading fallback content displayed while the remote component is being fetched. */\n  children?: React.ReactNode;\n}\n\nexport function ConsumeRemoteComponent({\n  src,\n  children,\n  onBeforeLoad,\n  onChange,\n  onError,\n  onLoad,\n  onRequest,\n  onResponse,\n  resolveClientUrl,\n  shared: sharedProp,\n}: ConsumeRemoteComponentProps) {\n  const elementRef = useRef<RemoteComponentElement>(null);\n  const onErrorRef = useRef(onError);\n  onErrorRef.current = onError;\n\n  useEffect(() => {\n    let cancelled = false;\n    const self = globalThis as typeof globalThis & {\n      __remote_component_shared__?: SharedModules;\n    };\n\n    const syncElement = async () => {\n      try {\n        const userShared = isPromiseLikeShared(sharedProp)\n          ? await sharedProp\n          : sharedProp;\n        if (cancelled) return;\n\n        // eslint-disable-next-line camelcase\n        self.__remote_component_shared__ = {\n          ...shared,\n          ...userShared,\n        };\n        await import('remote-components/host/html');\n        if (cancelled) return;\n\n        const element = elementRef.current;\n        if (!element) return;\n\n        // Assign instance properties before setting src; the custom element\n        // starts loading as soon as the src attribute changes.\n        element.onRequest = onRequest;\n        element.onResponse = onResponse;\n        element.resolveClientUrl = resolveClientUrl;\n\n        if (element.getAttribute('src') !== src) {\n          element.setAttribute('src', src);\n        }\n      } catch (error) {\n        if (!cancelled) {\n          onErrorRef.current?.(error);\n        }\n      }\n    };\n\n    void syncElement();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [src, onRequest, onResponse, resolveClientUrl, sharedProp]);\n\n  useEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    // Set up event listeners for lifecycle hooks\n    const handleBeforeLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onBeforeLoad?.(customEvent.src ?? src);\n    };\n    const handleLoad = (e: Event) => {\n      const customEvent = e as CustomEvent & { src?: string };\n      onLoad?.(customEvent.src ?? src);\n    };\n    const handleError = (e: Event) => {\n      const customEvent = e as CustomEvent & { error?: unknown };\n      onError?.(customEvent.error);\n    };\n    const handleChange = (e: Event) => {\n      const customEvent = e as CustomEvent & {\n        previousSrc?: string | null;\n        nextSrc?: string | null;\n        previousName?: string;\n        nextName?: string;\n      };\n      onChange?.({\n        previousSrc: customEvent.previousSrc ?? null,\n        nextSrc: customEvent.nextSrc ?? null,\n        previousName: customEvent.previousName,\n        nextName: customEvent.nextName,\n      });\n    };\n\n    if (onBeforeLoad) element.addEventListener('beforeload', handleBeforeLoad);\n    if (onLoad) element.addEventListener('load', handleLoad);\n    if (onError) element.addEventListener('error', handleError);\n    if (onChange) element.addEventListener('change', handleChange);\n\n    return () => {\n      if (onBeforeLoad)\n        element.removeEventListener('beforeload', handleBeforeLoad);\n      if (onLoad) element.removeEventListener('load', handleLoad);\n      if (onError) element.removeEventListener('error', handleError);\n      if (onChange) element.removeEventListener('change', handleChange);\n    };\n  }, [src, onBeforeLoad, onChange, onError, onLoad]);\n\n  return <remote-component ref={elementRef}>{children}</remote-component>;\n}\n"],"mappings":"AAuKS;AAvKT,SAAS,WAAW,cAAc;AAQlC,SAAS,cAAc;AAyBvB,SAAS,oBACP,OACiC;AACjC,SACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACV,OAAQ,MAAiC,SAAS;AAEtD;AAgBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAgC;AAC9B,QAAM,aAAa,OAA+B,IAAI;AACtD,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,UAAM,OAAO;AAIb,UAAM,cAAc,YAAY;AAC9B,UAAI;AACF,cAAM,aAAa,oBAAoB,UAAU,IAC7C,MAAM,aACN;AACJ,YAAI;AAAW;AAGf,aAAK,8BAA8B;AAAA,UACjC,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AACA,cAAM,OAAO,6BAA6B;AAC1C,YAAI;AAAW;AAEf,cAAM,UAAU,WAAW;AAC3B,YAAI,CAAC;AAAS;AAId,gBAAQ,YAAY;AACpB,gBAAQ,aAAa;AACrB,gBAAQ,mBAAmB;AAE3B,YAAI,QAAQ,aAAa,KAAK,MAAM,KAAK;AACvC,kBAAQ,aAAa,OAAO,GAAG;AAAA,QACjC;AAAA,MACF,SAAS,OAAP;AACA,YAAI,CAAC,WAAW;AACd,qBAAW,UAAU,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAEA,SAAK,YAAY;AAEjB,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,KAAK,WAAW,YAAY,kBAAkB,UAAU,CAAC;AAE7D,YAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC;AAAS;AAGd,UAAM,mBAAmB,CAAC,MAAa;AACrC,YAAM,cAAc;AACpB,qBAAe,YAAY,OAAO,GAAG;AAAA,IACvC;AACA,UAAM,aAAa,CAAC,MAAa;AAC/B,YAAM,cAAc;AACpB,eAAS,YAAY,OAAO,GAAG;AAAA,IACjC;AACA,UAAM,cAAc,CAAC,MAAa;AAChC,YAAM,cAAc;AACpB,gBAAU,YAAY,KAAK;AAAA,IAC7B;AACA,UAAM,eAAe,CAAC,MAAa;AACjC,YAAM,cAAc;AAMpB,iBAAW;AAAA,QACT,aAAa,YAAY,eAAe;AAAA,QACxC,SAAS,YAAY,WAAW;AAAA,QAChC,cAAc,YAAY;AAAA,QAC1B,UAAU,YAAY;AAAA,MACxB,CAAC;AAAA,IACH;AAEA,QAAI;AAAc,cAAQ,iBAAiB,cAAc,gBAAgB;AACzE,QAAI;AAAQ,cAAQ,iBAAiB,QAAQ,UAAU;AACvD,QAAI;AAAS,cAAQ,iBAAiB,SAAS,WAAW;AAC1D,QAAI;AAAU,cAAQ,iBAAiB,UAAU,YAAY;AAE7D,WAAO,MAAM;AACX,UAAI;AACF,gBAAQ,oBAAoB,cAAc,gBAAgB;AAC5D,UAAI;AAAQ,gBAAQ,oBAAoB,QAAQ,UAAU;AAC1D,UAAI;AAAS,gBAAQ,oBAAoB,SAAS,WAAW;AAC7D,UAAI;AAAU,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,KAAK,cAAc,UAAU,SAAS,MAAM,CAAC;AAEjD,SAAO,oBAAC,sBAAiB,KAAK,YAAa,UAAS;AACtD;","names":[]}

package/dist/host/react.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkO4ED3BUPcjs = require('../chunk-O4ED3BUP.cjs');
-require('../chunk-EW5O3Q24.cjs');
-require('../chunk-4MLJE6UP.cjs');
-require('../chunk-KAFPXSRI.cjs');
-require('../chunk-YJJFRORQ.cjs');
+var _chunkOSSMJQFEcjs = require('../chunk-OSSMJQFE.cjs');
+require('../chunk-HZP4FWPG.cjs');
+require('../chunk-XWRB6CEA.cjs');
+require('../chunk-RZ224NSH.cjs');
+require('../chunk-PCHSF5LH.cjs');
 require('../chunk-3AX5WLZD.cjs');
 require('../chunk-N3SQTOSE.cjs');
-require('../chunk-I7VKDF3E.cjs');
+require('../chunk-6PZEDIAK.cjs');
 require('../chunk-Z2SLBFQL.cjs');
 require('../chunk-5KTAEO52.cjs');
 require('../chunk-BBXVML3D.cjs');
@@ -18,5 +18,5 @@ require('../chunk-SHFJ5OQA.cjs');
 
 
 
-exports.ConsumeRemoteComponent = _chunkO4ED3BUPcjs.ConsumeRemoteComponent; exports.useRemoteNavigate = _chunkO4ED3BUPcjs.useRemoteNavigate;
+exports.ConsumeRemoteComponent = _chunkOSSMJQFEcjs.ConsumeRemoteComponent; exports.useRemoteNavigate = _chunkOSSMJQFEcjs.useRemoteNavigate;
 //# sourceMappingURL=react.cjs.map

package/dist/host/react.js

@@ -1,14 +1,14 @@
 import {
   ConsumeRemoteComponent,
   useRemoteNavigate
-} from "../chunk-KCUEMMYL.js";
-import "../chunk-VJO4PTWG.js";
-import "../chunk-WGSS7TJP.js";
-import "../chunk-FF4SXSSG.js";
-import "../chunk-STMO56U2.js";
+} from "../chunk-RHRDUJ3K.js";
+import "../chunk-N6AJM72A.js";
+import "../chunk-M6ACTSVB.js";
+import "../chunk-GR5FN73U.js";
+import "../chunk-VFK4HGZT.js";
 import "../chunk-LEKG4YWI.js";
 import "../chunk-RHGEBXPL.js";
-import "../chunk-JZRA6DPE.js";
+import "../chunk-3PR3SWYZ.js";
 import "../chunk-D5GNZB6O.js";
 import "../chunk-STIJO4AG.js";
 import "../chunk-ULXU6XWH.js";

package/dist/internal/config/webpack/apply-shared-modules.cjs

@@ -21,8 +21,11 @@ __export(apply_shared_modules_exports, {
   applySharedModules: () => applySharedModules
 });
 module.exports = __toCommonJS(apply_shared_modules_exports);
+var import_shared_broker = require("#internal/host/shared/shared-broker");
 var import_remote_scope = require("#internal/runtime/turbopack/remote-scope");
 var import_logger = require("#internal/utils/logger");
+var import_provider_adapter = require("./provider-adapter");
+var import_shared_module_resolver = require("./shared-module-resolver");
 const DEDUPLICATION_SKIPPED = "shared module deduplication skipped. The remote may load its own copy of shared dependencies.";
 function applySharedModules(bundle, resolve) {
   (0, import_logger.logDebug)(
@@ -33,6 +36,11 @@ function applySharedModules(bundle, resolve) {
     "SharedModules",
     `Shared modules to resolve: ${Object.keys(resolve)}`
   );
+  const metadata = resolve[import_shared_module_resolver.WEBPACK_SHARED_RESOLVE_METADATA];
+  if (metadata?.protocol === import_shared_broker.SHARED_MODULE_MANIFEST_PROTOCOL) {
+    (0, import_provider_adapter.applyWebpackSharedProviderModules)(bundle, metadata.entries);
+    return;
+  }
   const self = globalThis;
   const scope = (0, import_remote_scope.getScope)(bundle);
   const webpackBundle = scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];

package/dist/internal/config/webpack/apply-shared-modules.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/config/webpack/apply-shared-modules.ts"],"sourcesContent":["// Webpack shared module patching\n// used in multiple remote component host types\n// multiple host types includes: HTML custom element for remote components and Next.js host application\n// we are using this shared function to patch a Webpack module map\n// to use shared modules between the host application and the remote component\n\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { logDebug, logWarn } from '#internal/utils/logger';\n\nconst DEDUPLICATION_SKIPPED =\n  'shared module deduplication skipped. The remote may load its own copy of shared dependencies.';\n\nexport function applySharedModules(\n  bundle: string,\n  resolve: Record<string, unknown>,\n) {\n  logDebug(\n    'SharedModules',\n    `applySharedModules called for bundle: \"${bundle}\"`,\n  );\n  logDebug(\n    'SharedModules',\n    `Shared modules to resolve: ${Object.keys(resolve)}`,\n  );\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) => 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  } & Record<string, string[]>;\n\n  // Prefer scope-based access when available.\n  const scope = getScope(bundle);\n  // @legacy(v0.3.4) — fall back to global __remote_webpack_require__ for hosts that\n  // haven't run setupWebpackRuntime yet (e.g. HTML host's inline path).\n  // Remove once all host types go through the shared pipeline (Phase 5).\n  const webpackBundle =\n    scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];\n\n  if (webpackBundle) {\n    const modulePaths = Object.keys(\n      self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m ?? {},\n    );\n    logDebug(\n      'SharedModules',\n      `Available module paths for bundle \"${bundle}\": ${modulePaths}`,\n    );\n\n    // patch all modules in the bundle to use the shared modules\n    for (const [key, value] of Object.entries(resolve)) {\n      const exactIds = modulePaths.filter((p) => p === key);\n      const ids =\n        exactIds.length > 0\n          ? exactIds\n          : modulePaths.filter((p) => p.includes(key));\n\n      if (ids.length === 0) {\n        logDebug(\n          'SharedModules',\n          `No matching module path found for shared module \"${key}\"`,\n        );\n      }\n\n      for (const id of ids) {\n        if (webpackBundle.m) {\n          // if we have a module map, we need to use the mapped id\n          // this is required for production builds where the module ids are module id numbers\n          const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id]\n            ? `${self.__remote_webpack_module_map__[bundle][id]}`\n            : id;\n          if (resolvedId !== id) {\n            logDebug(\n              'SharedModules',\n              `Mapped module id: \"${id}\" -> \"${resolvedId}\"`,\n            );\n          }\n          // create a mock module which exports the shared module\n          webpackBundle.m[resolvedId] = (module) => {\n            module.exports = value;\n          };\n        } else {\n          logWarn(\n            'SharedModules',\n            `webpackBundle.m is not available for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n          );\n        }\n      }\n    }\n  } else {\n    logWarn(\n      'SharedModules',\n      `No webpack require found for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n    );\n    logDebug(\n      'SharedModules',\n      `Available bundles: ${Object.keys(self.__remote_webpack_require__ ?? {})}`,\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,0BAAyB;AACzB,oBAAkC;AAElC,MAAM,wBACJ;AAEK,SAAS,mBACd,QACA,SACA;AACA;AAAA,IACE;AAAA,IACA,0CAA0C;AAAA,EAC5C;AACA;AAAA,IACE;AAAA,IACA,8BAA8B,OAAO,KAAK,OAAO;AAAA,EACnD;AAGA,QAAM,OAAO;AAab,QAAM,YAAQ,8BAAS,MAAM;AAI7B,QAAM,gBACJ,OAAO,kBAAkB,KAAK,6BAA6B,MAAM;AAEnE,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO;AAAA,MACzB,KAAK,gCAAgC,MAAM,KAAK,cAAc,KAAK,CAAC;AAAA,IACtE;AACA;AAAA,MACE;AAAA,MACA,sCAAsC,YAAY;AAAA,IACpD;AAGA,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,YAAM,WAAW,YAAY,OAAO,CAAC,MAAM,MAAM,GAAG;AACpD,YAAM,MACJ,SAAS,SAAS,IACd,WACA,YAAY,OAAO,CAAC,MAAM,EAAE,SAAS,GAAG,CAAC;AAE/C,UAAI,IAAI,WAAW,GAAG;AACpB;AAAA,UACE;AAAA,UACA,oDAAoD;AAAA,QACtD;AAAA,MACF;AAEA,iBAAW,MAAM,KAAK;AACpB,YAAI,cAAc,GAAG;AAGnB,gBAAM,aAAa,KAAK,gCAAgC,MAAM,IAAI,EAAE,IAChE,GAAG,KAAK,8BAA8B,MAAM,EAAE,EAAE,MAChD;AACJ,cAAI,eAAe,IAAI;AACrB;AAAA,cACE;AAAA,cACA,sBAAsB,WAAW;AAAA,YACnC;AAAA,UACF;AAEA,wBAAc,EAAE,UAAU,IAAI,CAACA,YAAW;AACxC,YAAAA,QAAO,UAAU;AAAA,UACnB;AAAA,QACF,OAAO;AACL;AAAA,YACE;AAAA,YACA,gDAAgD,kBAAa;AAAA,UAC/D;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,OAAO;AACL;AAAA,MACE;AAAA,MACA,wCAAwC,kBAAa;AAAA,IACvD;AACA;AAAA,MACE;AAAA,MACA,sBAAsB,OAAO,KAAK,KAAK,8BAA8B,CAAC,CAAC;AAAA,IACzE;AAAA,EACF;AACF;","names":["module"]}
+{"version":3,"sources":["../../../../src/config/webpack/apply-shared-modules.ts"],"sourcesContent":["// Webpack shared module patching\n// used in multiple remote component host types\n// multiple host types includes: HTML custom element for remote components and Next.js host application\n// we are using this shared function to patch a Webpack module map\n// to use shared modules between the host application and the remote component\n\nimport { SHARED_MODULE_MANIFEST_PROTOCOL } from '#internal/host/shared/shared-broker';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { applyWebpackSharedProviderModules } from './provider-adapter';\nimport {\n  WEBPACK_SHARED_RESOLVE_METADATA,\n  type WebpackSharedResolveMap,\n} from './shared-module-resolver';\n\nconst DEDUPLICATION_SKIPPED =\n  'shared module deduplication skipped. The remote may load its own copy of shared dependencies.';\n\nexport function applySharedModules(\n  bundle: string,\n  resolve: WebpackSharedResolveMap,\n) {\n  logDebug(\n    'SharedModules',\n    `applySharedModules called for bundle: \"${bundle}\"`,\n  );\n  logDebug(\n    'SharedModules',\n    `Shared modules to resolve: ${Object.keys(resolve)}`,\n  );\n\n  const metadata = resolve[WEBPACK_SHARED_RESOLVE_METADATA];\n  if (metadata?.protocol === SHARED_MODULE_MANIFEST_PROTOCOL) {\n    applyWebpackSharedProviderModules(bundle, metadata.entries);\n    return;\n  }\n\n  // @legacy(remote-components<=0.4.x): direct resolve-map patching is only for\n  // old remotes that do not emit sharedManifest. Manifest-aware remotes return\n  // above and must stay on the strict provider path.\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) => 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  } & Record<string, string[]>;\n\n  // Prefer scope-based access when available.\n  const scope = getScope(bundle);\n  // @legacy(v0.3.4) — fall back to global __remote_webpack_require__ for hosts that\n  // haven't run setupWebpackRuntime yet (e.g. HTML host's inline path).\n  // Remove once all host types go through the shared pipeline (Phase 5).\n  const webpackBundle =\n    scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];\n\n  if (webpackBundle) {\n    const modulePaths = Object.keys(\n      self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m ?? {},\n    );\n    logDebug(\n      'SharedModules',\n      `Available module paths for bundle \"${bundle}\": ${modulePaths}`,\n    );\n\n    // patch all modules in the bundle to use the shared modules\n    for (const [key, value] of Object.entries(resolve)) {\n      const exactIds = modulePaths.filter((p) => p === key);\n      const ids =\n        exactIds.length > 0\n          ? exactIds\n          : modulePaths.filter((p) => p.includes(key));\n\n      if (ids.length === 0) {\n        logDebug(\n          'SharedModules',\n          `No matching module path found for shared module \"${key}\"`,\n        );\n      }\n\n      for (const id of ids) {\n        if (webpackBundle.m) {\n          // if we have a module map, we need to use the mapped id\n          // this is required for production builds where the module ids are module id numbers\n          const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id]\n            ? `${self.__remote_webpack_module_map__[bundle][id]}`\n            : id;\n          if (resolvedId !== id) {\n            logDebug(\n              'SharedModules',\n              `Mapped module id: \"${id}\" -> \"${resolvedId}\"`,\n            );\n          }\n          // create a mock module which exports the shared module\n          webpackBundle.m[resolvedId] = (module) => {\n            module.exports = value;\n          };\n        } else {\n          logWarn(\n            'SharedModules',\n            `webpackBundle.m is not available for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n          );\n        }\n      }\n    }\n  } else {\n    logWarn(\n      'SharedModules',\n      `No webpack require found for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n    );\n    logDebug(\n      'SharedModules',\n      `Available bundles: ${Object.keys(self.__remote_webpack_require__ ?? {})}`,\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,2BAAgD;AAChD,0BAAyB;AACzB,oBAAkC;AAClC,8BAAkD;AAClD,oCAGO;AAEP,MAAM,wBACJ;AAEK,SAAS,mBACd,QACA,SACA;AACA;AAAA,IACE;AAAA,IACA,0CAA0C;AAAA,EAC5C;AACA;AAAA,IACE;AAAA,IACA,8BAA8B,OAAO,KAAK,OAAO;AAAA,EACnD;AAEA,QAAM,WAAW,QAAQ,6DAA+B;AACxD,MAAI,UAAU,aAAa,sDAAiC;AAC1D,mEAAkC,QAAQ,SAAS,OAAO;AAC1D;AAAA,EACF;AAMA,QAAM,OAAO;AAab,QAAM,YAAQ,8BAAS,MAAM;AAI7B,QAAM,gBACJ,OAAO,kBAAkB,KAAK,6BAA6B,MAAM;AAEnE,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO;AAAA,MACzB,KAAK,gCAAgC,MAAM,KAAK,cAAc,KAAK,CAAC;AAAA,IACtE;AACA;AAAA,MACE;AAAA,MACA,sCAAsC,YAAY;AAAA,IACpD;AAGA,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,YAAM,WAAW,YAAY,OAAO,CAAC,MAAM,MAAM,GAAG;AACpD,YAAM,MACJ,SAAS,SAAS,IACd,WACA,YAAY,OAAO,CAAC,MAAM,EAAE,SAAS,GAAG,CAAC;AAE/C,UAAI,IAAI,WAAW,GAAG;AACpB;AAAA,UACE;AAAA,UACA,oDAAoD;AAAA,QACtD;AAAA,MACF;AAEA,iBAAW,MAAM,KAAK;AACpB,YAAI,cAAc,GAAG;AAGnB,gBAAM,aAAa,KAAK,gCAAgC,MAAM,IAAI,EAAE,IAChE,GAAG,KAAK,8BAA8B,MAAM,EAAE,EAAE,MAChD;AACJ,cAAI,eAAe,IAAI;AACrB;AAAA,cACE;AAAA,cACA,sBAAsB,WAAW;AAAA,YACnC;AAAA,UACF;AAEA,wBAAc,EAAE,UAAU,IAAI,CAACA,YAAW;AACxC,YAAAA,QAAO,UAAU;AAAA,UACnB;AAAA,QACF,OAAO;AACL;AAAA,YACE;AAAA,YACA,gDAAgD,kBAAa;AAAA,UAC/D;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,OAAO;AACL;AAAA,MACE;AAAA,MACA,wCAAwC,kBAAa;AAAA,IACvD;AACA;AAAA,MACE;AAAA,MACA,sBAAsB,OAAO,KAAK,KAAK,8BAA8B,CAAC,CAAC;AAAA,IACzE;AAAA,EACF;AACF;","names":["module"]}

package/dist/internal/config/webpack/apply-shared-modules.d.ts

@@ -1,3 +1,8 @@
-declare function applySharedModules(bundle: string, resolve: Record<string, unknown>): void;
+import { WebpackSharedResolveMap } from './shared-module-resolver.js';
+import '../../host/shared/provider.js';
+import '../../host/shared/shared-broker.js';
+import '../../utils/logger.js';
+
+declare function applySharedModules(bundle: string, resolve: WebpackSharedResolveMap): void;
 
 export { applySharedModules };

package/dist/internal/config/webpack/apply-shared-modules.js

@@ -1,5 +1,10 @@
+import { SHARED_MODULE_MANIFEST_PROTOCOL } from "#internal/host/shared/shared-broker";
 import { getScope } from "#internal/runtime/turbopack/remote-scope";
 import { logDebug, logWarn } from "#internal/utils/logger";
+import { applyWebpackSharedProviderModules } from "./provider-adapter";
+import {
+  WEBPACK_SHARED_RESOLVE_METADATA
+} from "./shared-module-resolver";
 const DEDUPLICATION_SKIPPED = "shared module deduplication skipped. The remote may load its own copy of shared dependencies.";
 function applySharedModules(bundle, resolve) {
   logDebug(
@@ -10,6 +15,11 @@ function applySharedModules(bundle, resolve) {
     "SharedModules",
     `Shared modules to resolve: ${Object.keys(resolve)}`
   );
+  const metadata = resolve[WEBPACK_SHARED_RESOLVE_METADATA];
+  if (metadata?.protocol === SHARED_MODULE_MANIFEST_PROTOCOL) {
+    applyWebpackSharedProviderModules(bundle, metadata.entries);
+    return;
+  }
   const self = globalThis;
   const scope = getScope(bundle);
   const webpackBundle = scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];

package/dist/internal/config/webpack/apply-shared-modules.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/config/webpack/apply-shared-modules.ts"],"sourcesContent":["// Webpack shared module patching\n// used in multiple remote component host types\n// multiple host types includes: HTML custom element for remote components and Next.js host application\n// we are using this shared function to patch a Webpack module map\n// to use shared modules between the host application and the remote component\n\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { logDebug, logWarn } from '#internal/utils/logger';\n\nconst DEDUPLICATION_SKIPPED =\n  'shared module deduplication skipped. The remote may load its own copy of shared dependencies.';\n\nexport function applySharedModules(\n  bundle: string,\n  resolve: Record<string, unknown>,\n) {\n  logDebug(\n    'SharedModules',\n    `applySharedModules called for bundle: \"${bundle}\"`,\n  );\n  logDebug(\n    'SharedModules',\n    `Shared modules to resolve: ${Object.keys(resolve)}`,\n  );\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) => 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  } & Record<string, string[]>;\n\n  // Prefer scope-based access when available.\n  const scope = getScope(bundle);\n  // @legacy(v0.3.4) — fall back to global __remote_webpack_require__ for hosts that\n  // haven't run setupWebpackRuntime yet (e.g. HTML host's inline path).\n  // Remove once all host types go through the shared pipeline (Phase 5).\n  const webpackBundle =\n    scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];\n\n  if (webpackBundle) {\n    const modulePaths = Object.keys(\n      self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m ?? {},\n    );\n    logDebug(\n      'SharedModules',\n      `Available module paths for bundle \"${bundle}\": ${modulePaths}`,\n    );\n\n    // patch all modules in the bundle to use the shared modules\n    for (const [key, value] of Object.entries(resolve)) {\n      const exactIds = modulePaths.filter((p) => p === key);\n      const ids =\n        exactIds.length > 0\n          ? exactIds\n          : modulePaths.filter((p) => p.includes(key));\n\n      if (ids.length === 0) {\n        logDebug(\n          'SharedModules',\n          `No matching module path found for shared module \"${key}\"`,\n        );\n      }\n\n      for (const id of ids) {\n        if (webpackBundle.m) {\n          // if we have a module map, we need to use the mapped id\n          // this is required for production builds where the module ids are module id numbers\n          const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id]\n            ? `${self.__remote_webpack_module_map__[bundle][id]}`\n            : id;\n          if (resolvedId !== id) {\n            logDebug(\n              'SharedModules',\n              `Mapped module id: \"${id}\" -> \"${resolvedId}\"`,\n            );\n          }\n          // create a mock module which exports the shared module\n          webpackBundle.m[resolvedId] = (module) => {\n            module.exports = value;\n          };\n        } else {\n          logWarn(\n            'SharedModules',\n            `webpackBundle.m is not available for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n          );\n        }\n      }\n    }\n  } else {\n    logWarn(\n      'SharedModules',\n      `No webpack require found for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n    );\n    logDebug(\n      'SharedModules',\n      `Available bundles: ${Object.keys(self.__remote_webpack_require__ ?? {})}`,\n    );\n  }\n}\n"],"mappings":"AAMA,SAAS,gBAAgB;AACzB,SAAS,UAAU,eAAe;AAElC,MAAM,wBACJ;AAEK,SAAS,mBACd,QACA,SACA;AACA;AAAA,IACE;AAAA,IACA,0CAA0C;AAAA,EAC5C;AACA;AAAA,IACE;AAAA,IACA,8BAA8B,OAAO,KAAK,OAAO;AAAA,EACnD;AAGA,QAAM,OAAO;AAab,QAAM,QAAQ,SAAS,MAAM;AAI7B,QAAM,gBACJ,OAAO,kBAAkB,KAAK,6BAA6B,MAAM;AAEnE,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO;AAAA,MACzB,KAAK,gCAAgC,MAAM,KAAK,cAAc,KAAK,CAAC;AAAA,IACtE;AACA;AAAA,MACE;AAAA,MACA,sCAAsC,YAAY;AAAA,IACpD;AAGA,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,YAAM,WAAW,YAAY,OAAO,CAAC,MAAM,MAAM,GAAG;AACpD,YAAM,MACJ,SAAS,SAAS,IACd,WACA,YAAY,OAAO,CAAC,MAAM,EAAE,SAAS,GAAG,CAAC;AAE/C,UAAI,IAAI,WAAW,GAAG;AACpB;AAAA,UACE;AAAA,UACA,oDAAoD;AAAA,QACtD;AAAA,MACF;AAEA,iBAAW,MAAM,KAAK;AACpB,YAAI,cAAc,GAAG;AAGnB,gBAAM,aAAa,KAAK,gCAAgC,MAAM,IAAI,EAAE,IAChE,GAAG,KAAK,8BAA8B,MAAM,EAAE,EAAE,MAChD;AACJ,cAAI,eAAe,IAAI;AACrB;AAAA,cACE;AAAA,cACA,sBAAsB,WAAW;AAAA,YACnC;AAAA,UACF;AAEA,wBAAc,EAAE,UAAU,IAAI,CAAC,WAAW;AACxC,mBAAO,UAAU;AAAA,UACnB;AAAA,QACF,OAAO;AACL;AAAA,YACE;AAAA,YACA,gDAAgD,kBAAa;AAAA,UAC/D;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,OAAO;AACL;AAAA,MACE;AAAA,MACA,wCAAwC,kBAAa;AAAA,IACvD;AACA;AAAA,MACE;AAAA,MACA,sBAAsB,OAAO,KAAK,KAAK,8BAA8B,CAAC,CAAC;AAAA,IACzE;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/config/webpack/apply-shared-modules.ts"],"sourcesContent":["// Webpack shared module patching\n// used in multiple remote component host types\n// multiple host types includes: HTML custom element for remote components and Next.js host application\n// we are using this shared function to patch a Webpack module map\n// to use shared modules between the host application and the remote component\n\nimport { SHARED_MODULE_MANIFEST_PROTOCOL } from '#internal/host/shared/shared-broker';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { applyWebpackSharedProviderModules } from './provider-adapter';\nimport {\n  WEBPACK_SHARED_RESOLVE_METADATA,\n  type WebpackSharedResolveMap,\n} from './shared-module-resolver';\n\nconst DEDUPLICATION_SKIPPED =\n  'shared module deduplication skipped. The remote may load its own copy of shared dependencies.';\n\nexport function applySharedModules(\n  bundle: string,\n  resolve: WebpackSharedResolveMap,\n) {\n  logDebug(\n    'SharedModules',\n    `applySharedModules called for bundle: \"${bundle}\"`,\n  );\n  logDebug(\n    'SharedModules',\n    `Shared modules to resolve: ${Object.keys(resolve)}`,\n  );\n\n  const metadata = resolve[WEBPACK_SHARED_RESOLVE_METADATA];\n  if (metadata?.protocol === SHARED_MODULE_MANIFEST_PROTOCOL) {\n    applyWebpackSharedProviderModules(bundle, metadata.entries);\n    return;\n  }\n\n  // @legacy(remote-components<=0.4.x): direct resolve-map patching is only for\n  // old remotes that do not emit sharedManifest. Manifest-aware remotes return\n  // above and must stay on the strict provider path.\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) => 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  } & Record<string, string[]>;\n\n  // Prefer scope-based access when available.\n  const scope = getScope(bundle);\n  // @legacy(v0.3.4) — fall back to global __remote_webpack_require__ for hosts that\n  // haven't run setupWebpackRuntime yet (e.g. HTML host's inline path).\n  // Remove once all host types go through the shared pipeline (Phase 5).\n  const webpackBundle =\n    scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];\n\n  if (webpackBundle) {\n    const modulePaths = Object.keys(\n      self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m ?? {},\n    );\n    logDebug(\n      'SharedModules',\n      `Available module paths for bundle \"${bundle}\": ${modulePaths}`,\n    );\n\n    // patch all modules in the bundle to use the shared modules\n    for (const [key, value] of Object.entries(resolve)) {\n      const exactIds = modulePaths.filter((p) => p === key);\n      const ids =\n        exactIds.length > 0\n          ? exactIds\n          : modulePaths.filter((p) => p.includes(key));\n\n      if (ids.length === 0) {\n        logDebug(\n          'SharedModules',\n          `No matching module path found for shared module \"${key}\"`,\n        );\n      }\n\n      for (const id of ids) {\n        if (webpackBundle.m) {\n          // if we have a module map, we need to use the mapped id\n          // this is required for production builds where the module ids are module id numbers\n          const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id]\n            ? `${self.__remote_webpack_module_map__[bundle][id]}`\n            : id;\n          if (resolvedId !== id) {\n            logDebug(\n              'SharedModules',\n              `Mapped module id: \"${id}\" -> \"${resolvedId}\"`,\n            );\n          }\n          // create a mock module which exports the shared module\n          webpackBundle.m[resolvedId] = (module) => {\n            module.exports = value;\n          };\n        } else {\n          logWarn(\n            'SharedModules',\n            `webpackBundle.m is not available for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n          );\n        }\n      }\n    }\n  } else {\n    logWarn(\n      'SharedModules',\n      `No webpack require found for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n    );\n    logDebug(\n      'SharedModules',\n      `Available bundles: ${Object.keys(self.__remote_webpack_require__ ?? {})}`,\n    );\n  }\n}\n"],"mappings":"AAMA,SAAS,uCAAuC;AAChD,SAAS,gBAAgB;AACzB,SAAS,UAAU,eAAe;AAClC,SAAS,yCAAyC;AAClD;AAAA,EACE;AAAA,OAEK;AAEP,MAAM,wBACJ;AAEK,SAAS,mBACd,QACA,SACA;AACA;AAAA,IACE;AAAA,IACA,0CAA0C;AAAA,EAC5C;AACA;AAAA,IACE;AAAA,IACA,8BAA8B,OAAO,KAAK,OAAO;AAAA,EACnD;AAEA,QAAM,WAAW,QAAQ,+BAA+B;AACxD,MAAI,UAAU,aAAa,iCAAiC;AAC1D,sCAAkC,QAAQ,SAAS,OAAO;AAC1D;AAAA,EACF;AAMA,QAAM,OAAO;AAab,QAAM,QAAQ,SAAS,MAAM;AAI7B,QAAM,gBACJ,OAAO,kBAAkB,KAAK,6BAA6B,MAAM;AAEnE,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO;AAAA,MACzB,KAAK,gCAAgC,MAAM,KAAK,cAAc,KAAK,CAAC;AAAA,IACtE;AACA;AAAA,MACE;AAAA,MACA,sCAAsC,YAAY;AAAA,IACpD;AAGA,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,YAAM,WAAW,YAAY,OAAO,CAAC,MAAM,MAAM,GAAG;AACpD,YAAM,MACJ,SAAS,SAAS,IACd,WACA,YAAY,OAAO,CAAC,MAAM,EAAE,SAAS,GAAG,CAAC;AAE/C,UAAI,IAAI,WAAW,GAAG;AACpB;AAAA,UACE;AAAA,UACA,oDAAoD;AAAA,QACtD;AAAA,MACF;AAEA,iBAAW,MAAM,KAAK;AACpB,YAAI,cAAc,GAAG;AAGnB,gBAAM,aAAa,KAAK,gCAAgC,MAAM,IAAI,EAAE,IAChE,GAAG,KAAK,8BAA8B,MAAM,EAAE,EAAE,MAChD;AACJ,cAAI,eAAe,IAAI;AACrB;AAAA,cACE;AAAA,cACA,sBAAsB,WAAW;AAAA,YACnC;AAAA,UACF;AAEA,wBAAc,EAAE,UAAU,IAAI,CAAC,WAAW;AACxC,mBAAO,UAAU;AAAA,UACnB;AAAA,QACF,OAAO;AACL;AAAA,YACE;AAAA,YACA,gDAAgD,kBAAa;AAAA,UAC/D;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,OAAO;AACL;AAAA,MACE;AAAA,MACA,wCAAwC,kBAAa;AAAA,IACvD;AACA;AAAA,MACE;AAAA,MACA,sBAAsB,OAAO,KAAK,KAAK,8BAA8B,CAAC,CAAC;AAAA,IACzE;AAAA,EACF;AACF;","names":[]}

package/dist/internal/config/webpack/provider-adapter.cjs

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var provider_adapter_exports = {};
+__export(provider_adapter_exports, {
+  applyWebpackSharedProviderModules: () => applyWebpackSharedProviderModules
+});
+module.exports = __toCommonJS(provider_adapter_exports);
+var import_provider = require("#internal/host/shared/provider");
+var import_remote_scope = require("#internal/runtime/turbopack/remote-scope");
+var import_error = require("#internal/utils/error");
+var import_logger = require("#internal/utils/logger");
+function applyWebpackSharedProviderModules(bundle, entries) {
+  (0, import_logger.logDebug)(
+    "SharedModules",
+    `applyWebpackSharedProviderModules called for bundle: "${bundle}"`
+  );
+  const self = globalThis;
+  const scope = (0, import_remote_scope.getScope)(bundle);
+  const webpackBundle = scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];
+  if (!webpackBundle) {
+    throw new import_error.RemoteComponentsError(
+      `No Webpack require found for manifest-aware Remote Component bundle "${bundle}".`
+    );
+  }
+  if (!webpackBundle.m) {
+    throw new import_error.RemoteComponentsError(
+      `Webpack module factories are not available for manifest-aware Remote Component bundle "${bundle}".`
+    );
+  }
+  const modulePaths = Object.keys(
+    self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m
+  );
+  for (const entry of entries) {
+    (0, import_provider.installSharedProviderEntry)(entry);
+    const ids = resolveWebpackModuleIds(bundle, modulePaths, entry.id);
+    if (ids.length === 0) {
+      continue;
+    }
+    for (const id of ids) {
+      const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id] ? `${self.__remote_webpack_module_map__[bundle][id]}` : id;
+      webpackBundle.m[resolvedId] = (module2) => {
+        module2.exports = (0, import_provider.getSharedProviderModule)({
+          scope: entry.scope,
+          specifier: entry.specifier
+        });
+      };
+    }
+  }
+}
+function resolveWebpackModuleIds(bundle, modulePaths, id) {
+  const exactIds = modulePaths.filter((path) => path === id);
+  if (exactIds.length > 0) {
+    return exactIds;
+  }
+  const containedIds = modulePaths.filter((path) => path.includes(id));
+  if (containedIds.length > 0) {
+    return containedIds;
+  }
+  (0, import_logger.logDebug)(
+    "SharedModules",
+    `No matching module path found for manifest shared module "${id}" in bundle "${bundle}"`
+  );
+  return [];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyWebpackSharedProviderModules
+});
+//# sourceMappingURL=provider-adapter.cjs.map

package/dist/internal/config/webpack/provider-adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/config/webpack/provider-adapter.ts"],"sourcesContent":["import {\n  getSharedProviderModule,\n  installSharedProviderEntry,\n  type SharedProviderEntry,\n} from '#internal/host/shared/provider';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug } from '#internal/utils/logger';\n\nexport function applyWebpackSharedProviderModules(\n  bundle: string,\n  entries: SharedProviderEntry[],\n) {\n  logDebug(\n    'SharedModules',\n    `applyWebpackSharedProviderModules called for bundle: \"${bundle}\"`,\n  );\n\n  const self = globalThis as typeof globalThis & {\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n      }\n    >;\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n  };\n\n  const scope = getScope(bundle);\n  const webpackBundle =\n    scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];\n\n  if (!webpackBundle) {\n    throw new RemoteComponentsError(\n      `No Webpack require found for manifest-aware Remote Component bundle \"${bundle}\".`,\n    );\n  }\n\n  if (!webpackBundle.m) {\n    throw new RemoteComponentsError(\n      `Webpack module factories are not available for manifest-aware Remote Component bundle \"${bundle}\".`,\n    );\n  }\n\n  const modulePaths = Object.keys(\n    self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m,\n  );\n\n  for (const entry of entries) {\n    installSharedProviderEntry(entry);\n\n    const ids = resolveWebpackModuleIds(bundle, modulePaths, entry.id);\n    if (ids.length === 0) {\n      continue;\n    }\n\n    for (const id of ids) {\n      const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id]\n        ? `${self.__remote_webpack_module_map__[bundle][id]}`\n        : id;\n\n      webpackBundle.m[resolvedId] = (module) => {\n        module.exports = getSharedProviderModule({\n          scope: entry.scope,\n          specifier: entry.specifier,\n        });\n      };\n    }\n  }\n}\n\nfunction resolveWebpackModuleIds(\n  bundle: string,\n  modulePaths: string[],\n  id: string,\n): string[] {\n  const exactIds = modulePaths.filter((path) => path === id);\n  if (exactIds.length > 0) {\n    return exactIds;\n  }\n\n  const containedIds = modulePaths.filter((path) => path.includes(id));\n  if (containedIds.length > 0) {\n    return containedIds;\n  }\n\n  logDebug(\n    'SharedModules',\n    `No matching module path found for manifest shared module \"${id}\" in bundle \"${bundle}\"`,\n  );\n  return [];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAIO;AACP,0BAAyB;AACzB,mBAAsC;AACtC,oBAAyB;AAElB,SAAS,kCACd,QACA,SACA;AACA;AAAA,IACE;AAAA,IACA,yDAAyD;AAAA,EAC3D;AAEA,QAAM,OAAO;AAUb,QAAM,YAAQ,8BAAS,MAAM;AAC7B,QAAM,gBACJ,OAAO,kBAAkB,KAAK,6BAA6B,MAAM;AAEnE,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI;AAAA,MACR,wEAAwE;AAAA,IAC1E;AAAA,EACF;AAEA,MAAI,CAAC,cAAc,GAAG;AACpB,UAAM,IAAI;AAAA,MACR,0FAA0F;AAAA,IAC5F;AAAA,EACF;AAEA,QAAM,cAAc,OAAO;AAAA,IACzB,KAAK,gCAAgC,MAAM,KAAK,cAAc;AAAA,EAChE;AAEA,aAAW,SAAS,SAAS;AAC3B,oDAA2B,KAAK;AAEhC,UAAM,MAAM,wBAAwB,QAAQ,aAAa,MAAM,EAAE;AACjE,QAAI,IAAI,WAAW,GAAG;AACpB;AAAA,IACF;AAEA,eAAW,MAAM,KAAK;AACpB,YAAM,aAAa,KAAK,gCAAgC,MAAM,IAAI,EAAE,IAChE,GAAG,KAAK,8BAA8B,MAAM,EAAE,EAAE,MAChD;AAEJ,oBAAc,EAAE,UAAU,IAAI,CAACA,YAAW;AACxC,QAAAA,QAAO,cAAU,yCAAwB;AAAA,UACvC,OAAO,MAAM;AAAA,UACb,WAAW,MAAM;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,wBACP,QACA,aACA,IACU;AACV,QAAM,WAAW,YAAY,OAAO,CAAC,SAAS,SAAS,EAAE;AACzD,MAAI,SAAS,SAAS,GAAG;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,YAAY,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;AACnE,MAAI,aAAa,SAAS,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA;AAAA,IACE;AAAA,IACA,6DAA6D,kBAAkB;AAAA,EACjF;AACA,SAAO,CAAC;AACV;","names":["module"]}

package/dist/internal/config/webpack/provider-adapter.d.ts

@@ -0,0 +1,7 @@
+import { SharedProviderEntry } from '../../host/shared/provider.js';
+import '../../host/shared/shared-broker.js';
+import '../../utils/logger.js';
+
+declare function applyWebpackSharedProviderModules(bundle: string, entries: SharedProviderEntry[]): void;
+
+export { applyWebpackSharedProviderModules };

package/dist/internal/config/webpack/provider-adapter.js

@@ -0,0 +1,64 @@
+import {
+  getSharedProviderModule,
+  installSharedProviderEntry
+} from "#internal/host/shared/provider";
+import { getScope } from "#internal/runtime/turbopack/remote-scope";
+import { RemoteComponentsError } from "#internal/utils/error";
+import { logDebug } from "#internal/utils/logger";
+function applyWebpackSharedProviderModules(bundle, entries) {
+  logDebug(
+    "SharedModules",
+    `applyWebpackSharedProviderModules called for bundle: "${bundle}"`
+  );
+  const self = globalThis;
+  const scope = getScope(bundle);
+  const webpackBundle = scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];
+  if (!webpackBundle) {
+    throw new RemoteComponentsError(
+      `No Webpack require found for manifest-aware Remote Component bundle "${bundle}".`
+    );
+  }
+  if (!webpackBundle.m) {
+    throw new RemoteComponentsError(
+      `Webpack module factories are not available for manifest-aware Remote Component bundle "${bundle}".`
+    );
+  }
+  const modulePaths = Object.keys(
+    self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m
+  );
+  for (const entry of entries) {
+    installSharedProviderEntry(entry);
+    const ids = resolveWebpackModuleIds(bundle, modulePaths, entry.id);
+    if (ids.length === 0) {
+      continue;
+    }
+    for (const id of ids) {
+      const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id] ? `${self.__remote_webpack_module_map__[bundle][id]}` : id;
+      webpackBundle.m[resolvedId] = (module) => {
+        module.exports = getSharedProviderModule({
+          scope: entry.scope,
+          specifier: entry.specifier
+        });
+      };
+    }
+  }
+}
+function resolveWebpackModuleIds(bundle, modulePaths, id) {
+  const exactIds = modulePaths.filter((path) => path === id);
+  if (exactIds.length > 0) {
+    return exactIds;
+  }
+  const containedIds = modulePaths.filter((path) => path.includes(id));
+  if (containedIds.length > 0) {
+    return containedIds;
+  }
+  logDebug(
+    "SharedModules",
+    `No matching module path found for manifest shared module "${id}" in bundle "${bundle}"`
+  );
+  return [];
+}
+export {
+  applyWebpackSharedProviderModules
+};
+//# sourceMappingURL=provider-adapter.js.map

package/dist/internal/config/webpack/provider-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/config/webpack/provider-adapter.ts"],"sourcesContent":["import {\n  getSharedProviderModule,\n  installSharedProviderEntry,\n  type SharedProviderEntry,\n} from '#internal/host/shared/provider';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug } from '#internal/utils/logger';\n\nexport function applyWebpackSharedProviderModules(\n  bundle: string,\n  entries: SharedProviderEntry[],\n) {\n  logDebug(\n    'SharedModules',\n    `applyWebpackSharedProviderModules called for bundle: \"${bundle}\"`,\n  );\n\n  const self = globalThis as typeof globalThis & {\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n      }\n    >;\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n  };\n\n  const scope = getScope(bundle);\n  const webpackBundle =\n    scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];\n\n  if (!webpackBundle) {\n    throw new RemoteComponentsError(\n      `No Webpack require found for manifest-aware Remote Component bundle \"${bundle}\".`,\n    );\n  }\n\n  if (!webpackBundle.m) {\n    throw new RemoteComponentsError(\n      `Webpack module factories are not available for manifest-aware Remote Component bundle \"${bundle}\".`,\n    );\n  }\n\n  const modulePaths = Object.keys(\n    self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m,\n  );\n\n  for (const entry of entries) {\n    installSharedProviderEntry(entry);\n\n    const ids = resolveWebpackModuleIds(bundle, modulePaths, entry.id);\n    if (ids.length === 0) {\n      continue;\n    }\n\n    for (const id of ids) {\n      const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id]\n        ? `${self.__remote_webpack_module_map__[bundle][id]}`\n        : id;\n\n      webpackBundle.m[resolvedId] = (module) => {\n        module.exports = getSharedProviderModule({\n          scope: entry.scope,\n          specifier: entry.specifier,\n        });\n      };\n    }\n  }\n}\n\nfunction resolveWebpackModuleIds(\n  bundle: string,\n  modulePaths: string[],\n  id: string,\n): string[] {\n  const exactIds = modulePaths.filter((path) => path === id);\n  if (exactIds.length > 0) {\n    return exactIds;\n  }\n\n  const containedIds = modulePaths.filter((path) => path.includes(id));\n  if (containedIds.length > 0) {\n    return containedIds;\n  }\n\n  logDebug(\n    'SharedModules',\n    `No matching module path found for manifest shared module \"${id}\" in bundle \"${bundle}\"`,\n  );\n  return [];\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,gBAAgB;AAElB,SAAS,kCACd,QACA,SACA;AACA;AAAA,IACE;AAAA,IACA,yDAAyD;AAAA,EAC3D;AAEA,QAAM,OAAO;AAUb,QAAM,QAAQ,SAAS,MAAM;AAC7B,QAAM,gBACJ,OAAO,kBAAkB,KAAK,6BAA6B,MAAM;AAEnE,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI;AAAA,MACR,wEAAwE;AAAA,IAC1E;AAAA,EACF;AAEA,MAAI,CAAC,cAAc,GAAG;AACpB,UAAM,IAAI;AAAA,MACR,0FAA0F;AAAA,IAC5F;AAAA,EACF;AAEA,QAAM,cAAc,OAAO;AAAA,IACzB,KAAK,gCAAgC,MAAM,KAAK,cAAc;AAAA,EAChE;AAEA,aAAW,SAAS,SAAS;AAC3B,+BAA2B,KAAK;AAEhC,UAAM,MAAM,wBAAwB,QAAQ,aAAa,MAAM,EAAE;AACjE,QAAI,IAAI,WAAW,GAAG;AACpB;AAAA,IACF;AAEA,eAAW,MAAM,KAAK;AACpB,YAAM,aAAa,KAAK,gCAAgC,MAAM,IAAI,EAAE,IAChE,GAAG,KAAK,8BAA8B,MAAM,EAAE,EAAE,MAChD;AAEJ,oBAAc,EAAE,UAAU,IAAI,CAAC,WAAW;AACxC,eAAO,UAAU,wBAAwB;AAAA,UACvC,OAAO,MAAM;AAAA,UACb,WAAW,MAAM;AAAA,QACnB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,wBACP,QACA,aACA,IACU;AACV,QAAM,WAAW,YAAY,OAAO,CAAC,SAAS,SAAS,EAAE;AACzD,MAAI,SAAS,SAAS,GAAG;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,YAAY,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;AACnE,MAAI,aAAa,SAAS,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA;AAAA,IACE;AAAA,IACA,6DAA6D,kBAAkB;AAAA,EACjF;AACA,SAAO,CAAC;AACV;","names":[]}

package/dist/internal/config/webpack/shared-module-resolver.cjs

@@ -0,0 +1,73 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shared_module_resolver_exports = {};
+__export(shared_module_resolver_exports, {
+  WEBPACK_SHARED_RESOLVE_METADATA: () => WEBPACK_SHARED_RESOLVE_METADATA,
+  buildWebpackResolve: () => buildWebpackResolve
+});
+module.exports = __toCommonJS(shared_module_resolver_exports);
+var import_provider = require("#internal/host/shared/provider");
+var import_shared_module_resolver = require("#internal/host/shared/shared-module-resolver");
+const WEBPACK_SHARED_RESOLVE_METADATA = Symbol.for(
+  "remote-components.webpackSharedResolveMetadata"
+);
+function normalizeWebpackSharedId(id) {
+  return id.replace(/^\(ssr\)\/(?<relative>\.\/)?/, "");
+}
+async function buildWebpackResolve(hostShared, remoteShared, bundle, reactModules, callerTag = "SharedModuleResolver") {
+  const sharedProviderPlan = await (0, import_provider.buildSharedProviderPlan)({
+    bundle,
+    hostShared,
+    remoteShared,
+    callerTag,
+    normalizeId: normalizeWebpackSharedId,
+    additionalEntries: Object.entries(import_shared_module_resolver.CORE_REACT_SHARED_MODULE_IDS).map(
+      ([specifier, id]) => ({
+        id,
+        specifier,
+        value: reactModules[id],
+        required: true,
+        singleton: true,
+        scope: `remote:${bundle}`
+      })
+    )
+  });
+  const resolve = {
+    ...Object.fromEntries(
+      sharedProviderPlan.entries.map((entry) => [
+        entry.id,
+        entry.provider.get()
+      ])
+    )
+  };
+  Object.defineProperty(resolve, WEBPACK_SHARED_RESOLVE_METADATA, {
+    enumerable: false,
+    value: {
+      protocol: sharedProviderPlan.protocol,
+      entries: sharedProviderPlan.entries
+    }
+  });
+  return resolve;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WEBPACK_SHARED_RESOLVE_METADATA,
+  buildWebpackResolve
+});
+//# sourceMappingURL=shared-module-resolver.cjs.map

package/dist/internal/config/webpack/shared-module-resolver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/config/webpack/shared-module-resolver.ts"],"sourcesContent":["import {\n  buildSharedProviderPlan,\n  type SharedProviderEntry,\n} from '#internal/host/shared/provider';\nimport type {\n  RemoteSharedModules,\n  SHARED_MODULE_MANIFEST_PROTOCOL,\n  SharedModuleFactory,\n} from '#internal/host/shared/shared-broker';\nimport { CORE_REACT_SHARED_MODULE_IDS } from '#internal/host/shared/shared-module-resolver';\nimport type { LogLocation } from '#internal/utils/logger';\n\n/**\n * React module instances keyed by Webpack module path, e.g.\n * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it\n * can populate the resolve map without importing React itself.\n */\nexport interface WebpackReactModules {\n  '/react/index.js': unknown;\n  '/react/jsx-dev-runtime.js': unknown;\n  '/react/jsx-runtime.js': unknown;\n  '/react-dom/index.js': unknown;\n  '/react-dom/client.js': unknown;\n}\n\nexport const WEBPACK_SHARED_RESOLVE_METADATA = Symbol.for(\n  'remote-components.webpackSharedResolveMetadata',\n);\n\nexport type WebpackSharedResolveMap = Record<string, unknown> & {\n  [WEBPACK_SHARED_RESOLVE_METADATA]?: {\n    protocol: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n    entries: SharedProviderEntry[];\n  };\n};\n\nfunction normalizeWebpackSharedId(id: string): string {\n  return id.replace(/^\\(ssr\\)\\/(?<relative>\\.\\/)?/, '');\n}\n\n/**\n * Builds the `resolve` map passed to `applySharedModules` for the Webpack\n * runtime. Combines:\n *   - Static React module path keys (`/react/index.js`, etc.)\n *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped\n *\n * After building the map, resolves any factory functions by awaiting them\n * with the given bundle name.\n */\nexport async function buildWebpackResolve(\n  hostShared: Record<string, SharedModuleFactory | unknown>,\n  remoteShared: RemoteSharedModules,\n  bundle: string,\n  reactModules: WebpackReactModules,\n  callerTag: LogLocation = 'SharedModuleResolver',\n): Promise<WebpackSharedResolveMap> {\n  const sharedProviderPlan = await buildSharedProviderPlan({\n    bundle,\n    hostShared,\n    remoteShared,\n    callerTag,\n    normalizeId: normalizeWebpackSharedId,\n    additionalEntries: Object.entries(CORE_REACT_SHARED_MODULE_IDS).map(\n      ([specifier, id]) => ({\n        id,\n        specifier,\n        value: reactModules[id as keyof WebpackReactModules],\n        required: true,\n        singleton: true,\n        scope: `remote:${bundle}`,\n      }),\n    ),\n  });\n  // @legacy(remote-components<=0.4.x): keep the enumerable resolved-value map so\n  // old applySharedModules callers can patch Webpack modules directly. Once\n  // remotes without sharedManifest are unsupported, applySharedModules can read\n  // only WEBPACK_SHARED_RESOLVE_METADATA and this object body can be empty.\n  const resolve: WebpackSharedResolveMap = {\n    ...Object.fromEntries(\n      sharedProviderPlan.entries.map((entry) => [\n        entry.id,\n        entry.provider.get(),\n      ]),\n    ),\n  };\n\n  Object.defineProperty(resolve, WEBPACK_SHARED_RESOLVE_METADATA, {\n    enumerable: false,\n    value: {\n      protocol: sharedProviderPlan.protocol,\n      entries: sharedProviderPlan.entries,\n    },\n  });\n\n  return resolve;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAGO;AAMP,oCAA6C;AAgBtC,MAAM,kCAAkC,OAAO;AAAA,EACpD;AACF;AASA,SAAS,yBAAyB,IAAoB;AACpD,SAAO,GAAG,QAAQ,gCAAgC,EAAE;AACtD;AAWA,eAAsB,oBACpB,YACA,cACA,QACA,cACA,YAAyB,wBACS;AAClC,QAAM,qBAAqB,UAAM,yCAAwB;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,mBAAmB,OAAO,QAAQ,0DAA4B,EAAE;AAAA,MAC9D,CAAC,CAAC,WAAW,EAAE,OAAO;AAAA,QACpB;AAAA,QACA;AAAA,QACA,OAAO,aAAa,EAA+B;AAAA,QACnD,UAAU;AAAA,QACV,WAAW;AAAA,QACX,OAAO,UAAU;AAAA,MACnB;AAAA,IACF;AAAA,EACF,CAAC;AAKD,QAAM,UAAmC;AAAA,IACvC,GAAG,OAAO;AAAA,MACR,mBAAmB,QAAQ,IAAI,CAAC,UAAU;AAAA,QACxC,MAAM;AAAA,QACN,MAAM,SAAS,IAAI;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO,eAAe,SAAS,iCAAiC;AAAA,IAC9D,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,mBAAmB;AAAA,MAC7B,SAAS,mBAAmB;AAAA,IAC9B;AAAA,EACF,CAAC;AAED,SAAO;AACT;","names":[]}