@module-federation/bridge-react 2.3.3 → 2.5.0

package/dist/{prefetch-DYFX9hl9.js → prefetch-DVsz9M2C.js}

@@ -105,6 +105,8 @@ function createScript(info) {
 function createLink(info) {
   let link = null;
   let needAttach = true;
+  let timeout = 2e4;
+  let timeoutId;
   const links = document.getElementsByTagName("link");
   for (let i = 0; i < links.length; i++) {
     const l = links[i];
@@ -120,19 +122,42 @@ function createLink(info) {
     link = document.createElement("link");
     link.setAttribute("href", info.url);
     let createLinkRes = void 0;
+    let shouldApplyAttrs = true;
     const attrs = info.attrs;
     if (info.createLinkHook) {
       createLinkRes = info.createLinkHook(info.url, attrs);
-      if (createLinkRes instanceof HTMLLinkElement) link = createLinkRes;
+      if (createLinkRes instanceof HTMLLinkElement) {
+        link = createLinkRes;
+        shouldApplyAttrs = false;
+      } else if (typeof createLinkRes === "object") {
+        if ("link" in createLinkRes && createLinkRes.link) {
+          link = createLinkRes.link;
+          shouldApplyAttrs = false;
+        }
+        if ("timeout" in createLinkRes && createLinkRes.timeout) timeout = createLinkRes.timeout;
+      }
     }
-    if (attrs && !createLinkRes) Object.keys(attrs).forEach((name) => {
+    if (attrs && shouldApplyAttrs) Object.keys(attrs).forEach((name) => {
       if (link && !link.getAttribute(name)) link.setAttribute(name, attrs[name]);
     });
   }
+  if (!needAttach) {
+    Promise.resolve().then(() => {
+      (info == null ? void 0 : info.cb) && (info == null ? void 0 : info.cb());
+    });
+    return {
+      link,
+      needAttach
+    };
+  }
   const onLinkComplete = (prev, event) => {
+    if (timeoutId) clearTimeout(timeoutId);
     const onLinkCompleteCallback = () => {
-      if ((event == null ? void 0 : event.type) === "error") (info == null ? void 0 : info.onErrorCallback) && (info == null ? void 0 : info.onErrorCallback(event));
-      else (info == null ? void 0 : info.cb) && (info == null ? void 0 : info.cb());
+      if ((event == null ? void 0 : event.type) === "error") {
+        const linkError = /* @__PURE__ */ new Error((event == null ? void 0 : event.isTimeout) ? `LinkNetworkError: Link "${info.url}" timed out.` : `LinkNetworkError: Failed to load link "${info.url}" - the URL is unreachable or the server returned an error.`);
+        linkError.name = "LinkNetworkError";
+        (info == null ? void 0 : info.onErrorCallback) && (info == null ? void 0 : info.onErrorCallback(linkError));
+      } else (info == null ? void 0 : info.cb) && (info == null ? void 0 : info.cb());
     };
     if (link) {
       link.onerror = null;
@@ -151,6 +176,12 @@ function createLink(info) {
   };
   link.onerror = onLinkComplete.bind(null, link.onerror);
   link.onload = onLinkComplete.bind(null, link.onload);
+  timeoutId = setTimeout(() => {
+    onLinkComplete(null, {
+      type: "error",
+      isTimeout: true
+    });
+  }, timeout);
   return {
     link,
     needAttach
@@ -494,6 +525,9 @@ const RUNTIME_009 = "RUNTIME-009";
 const RUNTIME_010 = "RUNTIME-010";
 const RUNTIME_011 = "RUNTIME-011";
 const RUNTIME_012 = "RUNTIME-012";
+const RUNTIME_013 = "RUNTIME-013";
+const RUNTIME_014 = "RUNTIME-014";
+const RUNTIME_015 = "RUNTIME-015";
 const runtimeDescMap = {
   [RUNTIME_001]: "Failed to get remoteEntry exports.",
   [RUNTIME_002]: 'The remote entry interface does not contain "init"',
@@ -506,7 +540,10 @@ const runtimeDescMap = {
   [RUNTIME_009]: "Please call createInstance first.",
   [RUNTIME_010]: 'The name option cannot be changed after initialization. If you want to create a new instance with a different name, please use "createInstance" api.',
   [RUNTIME_011]: "The remoteEntry URL is missing from the remote snapshot.",
-  [RUNTIME_012]: 'The getter for the shared module is not a function. This may be caused by setting "shared.import: false" without the host providing the corresponding lib.'
+  [RUNTIME_012]: 'The getter for the shared module is not a function. This may be caused by setting "shared.import: false" without the host providing the corresponding lib.',
+  [RUNTIME_013]: "The manifest is not a valid Module Federation manifest.",
+  [RUNTIME_014]: "The remote does not expose the requested module.",
+  [RUNTIME_015]: "Remote container initialization failed."
 };
 ({
   ...runtimeDescMap
@@ -547,7 +584,7 @@ function handleRemoteEntryLoaded(name, globalName, entry) {
   });
   return entryExports;
 }
-async function loadEntryScript({ name, globalName, entry, remoteInfo, loaderHook, getEntryUrl }) {
+async function loadEntryScript({ name, globalName, entry, remoteInfo, loaderHook, getEntryUrl, resourceContext }) {
   const { entryExports: remoteEntryExports } = getRemoteEntryExports(name, globalName);
   if (remoteEntryExports) return remoteEntryExports;
   const url = getEntryUrl ? getEntryUrl(entry) : entry;
@@ -557,7 +594,11 @@ async function loadEntryScript({ name, globalName, entry, remoteInfo, loaderHook
       const res = loaderHook.lifecycle.createScript.emit({
         url: url2,
         attrs,
-        remoteInfo
+        remoteInfo,
+        resourceContext: resourceContext ? {
+          ...resourceContext,
+          url: url2
+        } : void 0
       });
       if (!res) return;
       if (res instanceof HTMLScriptElement) return res;
@@ -573,7 +614,7 @@ async function loadEntryScript({ name, globalName, entry, remoteInfo, loaderHook
     }, originalMsg);
   });
 }
-async function loadEntryDom({ remoteInfo, remoteEntryExports, loaderHook, getEntryUrl }) {
+async function loadEntryDom({ remoteInfo, remoteEntryExports, loaderHook, getEntryUrl, resourceContext }) {
   const { entry, entryGlobalName: globalName, name, type } = remoteInfo;
   switch (type) {
     case "esm":
@@ -594,11 +635,12 @@ async function loadEntryDom({ remoteInfo, remoteEntryExports, loaderHook, getEnt
         name,
         remoteInfo,
         loaderHook,
-        getEntryUrl
+        getEntryUrl,
+        resourceContext
       });
   }
 }
-async function loadEntryNode({ remoteInfo, loaderHook }) {
+async function loadEntryNode({ remoteInfo, loaderHook, resourceContext }) {
   const { entry, entryGlobalName: globalName, name, type } = remoteInfo;
   const { entryExports: remoteEntryExports } = getRemoteEntryExports(name, globalName);
   if (remoteEntryExports) return remoteEntryExports;
@@ -612,7 +654,11 @@ async function loadEntryNode({ remoteInfo, loaderHook }) {
       const res = loaderHook.lifecycle.createScript.emit({
         url,
         attrs,
-        remoteInfo
+        remoteInfo,
+        resourceContext: resourceContext ? {
+          ...resourceContext,
+          url
+        } : void 0
       });
       if (!res) return;
       if ("url" in res) return res;
@@ -628,13 +674,14 @@ function getRemoteEntryUniqueKey(remoteInfo) {
   return lazyUtils.composeKeyWithSeparator(name, entry);
 }
 async function getRemoteEntry(params) {
-  const { origin, remoteEntryExports, remoteInfo, getEntryUrl, _inErrorHandling = false } = params;
+  const { origin, remoteEntryExports, remoteInfo, getEntryUrl, resourceContext, _inErrorHandling = false } = params;
   const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
   if (remoteEntryExports) return remoteEntryExports;
   if (!globalLoading[uniqueKey]) {
     const loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
     const loaderHook = origin.loaderHook;
     globalLoading[uniqueKey] = loadEntryHook.emit({
+      origin,
       loaderHook,
       remoteInfo,
       remoteEntryExports
@@ -644,11 +691,20 @@ async function getRemoteEntry(params) {
         remoteInfo,
         remoteEntryExports,
         loaderHook,
-        getEntryUrl
+        getEntryUrl,
+        resourceContext
       }) : loadEntryNode({
         remoteInfo,
-        loaderHook
+        loaderHook,
+        resourceContext
       });
+    }).then(async (res) => {
+      await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+        origin,
+        remoteInfo,
+        remoteEntryExports: res
+      });
+      return res;
     }).catch(async (err) => {
       const uniqueKey2 = getRemoteEntryUniqueKey(remoteInfo);
       const isScriptExecutionError = err instanceof Error && err.message.includes("ScriptExecutionError");
@@ -667,8 +723,21 @@ async function getRemoteEntry(params) {
           globalLoading,
           uniqueKey: uniqueKey2
         });
-        if (RemoteEntryExports) return RemoteEntryExports;
+        if (RemoteEntryExports) {
+          await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+            origin,
+            remoteInfo,
+            remoteEntryExports: RemoteEntryExports,
+            recovered: true
+          });
+          return RemoteEntryExports;
+        }
       }
+      await origin.loaderHook.lifecycle.afterLoadEntry.emit({
+        origin,
+        remoteInfo,
+        error: err
+      });
       throw err;
     });
   }
@@ -683,22 +752,113 @@ function getRemoteInfo(remote) {
     shareScope: remote.shareScope || DEFAULT_SCOPE
   };
 }
-function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
+function isTimeoutError(error2) {
+  if (!(error2 instanceof Error)) return false;
+  return error2.message.includes("timed out") || error2.name.includes("Timeout");
+}
+function createAssetResult(context, url, status, error2) {
+  return {
+    url,
+    status,
+    resourceType: context.resourceType,
+    initiator: context.initiator,
+    id: context.id,
+    error: error2
+  };
+}
+async function waitForRemoteEntryPreload(host, remoteInfo, entryRemoteInfo, context) {
+  const cachedRemote = host.moduleCache.get(entryRemoteInfo.name);
+  const url = entryRemoteInfo.entry;
+  if (cachedRemote == null ? void 0 : cachedRemote.remoteEntryExports) return createAssetResult(context, url, "cached");
+  try {
+    if (!await getRemoteEntry({
+      origin: host,
+      remoteInfo: entryRemoteInfo,
+      remoteEntryExports: cachedRemote == null ? void 0 : cachedRemote.remoteEntryExports,
+      resourceContext: {
+        ...context,
+        url
+      }
+    })) throw new Error(`Failed to load remoteEntry "${url}".`);
+    return createAssetResult(context, url, "success");
+  } catch (error2) {
+    return createAssetResult(context, url, isTimeoutError(error2) ? "timeout" : "error", error2);
+  }
+}
+function waitForLinkPreload({ host, remoteInfo, url, attrs, context, needDeleteLink }) {
+  return new Promise((resolve) => {
+    const { link, needAttach } = createLink({
+      url,
+      cb: () => {
+        resolve(createAssetResult(context, url, needAttach ? "success" : "cached"));
+      },
+      onErrorCallback: (error2) => {
+        resolve(createAssetResult(context, url, isTimeoutError(error2) ? "timeout" : "error", error2));
+      },
+      attrs,
+      createLinkHook: (hookUrl, hookAttrs) => {
+        const res = host.loaderHook.lifecycle.createLink.emit({
+          url: hookUrl,
+          attrs: hookAttrs,
+          remoteInfo,
+          resourceContext: {
+            ...context,
+            url: hookUrl
+          }
+        });
+        if (res instanceof HTMLLinkElement) return res;
+        return res;
+      },
+      needDeleteLink
+    });
+    needAttach && document.head.appendChild(link);
+  });
+}
+function waitForScriptPreload({ host, remoteInfo, url, attrs, context }) {
+  return new Promise((resolve) => {
+    const { script, needAttach } = createScript({
+      url,
+      cb: () => {
+        resolve(createAssetResult(context, url, needAttach ? "success" : "cached"));
+      },
+      onErrorCallback: (error2) => {
+        resolve(createAssetResult(context, url, isTimeoutError(error2) ? "timeout" : "error", error2));
+      },
+      attrs,
+      createScriptHook: (hookUrl, hookAttrs) => {
+        const res = host.loaderHook.lifecycle.createScript.emit({
+          url: hookUrl,
+          attrs: hookAttrs,
+          remoteInfo,
+          resourceContext: {
+            ...context,
+            url: hookUrl
+          }
+        });
+        if (res instanceof HTMLScriptElement) return res;
+        return res;
+      },
+      needDeleteScript: true
+    });
+    needAttach && document.head.appendChild(script);
+  });
+}
+function createResourceContext(baseContext, resourceType) {
+  return {
+    ...baseContext,
+    resourceType
+  };
+}
+function preloadAssets(remoteInfo, host, assets, useLinkPreload = true, baseContext = {
+  initiator: "preloadRemote",
+  id: remoteInfo.name
+}) {
   const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;
+  const results = [];
   if (host.options.inBrowser) {
     entryAssets.forEach((asset) => {
-      const { moduleInfo } = asset;
-      const module2 = host.moduleCache.get(remoteInfo.name);
-      if (module2) getRemoteEntry({
-        origin: host,
-        remoteInfo: moduleInfo,
-        remoteEntryExports: module2.remoteEntryExports
-      });
-      else getRemoteEntry({
-        origin: host,
-        remoteInfo: moduleInfo,
-        remoteEntryExports: void 0
-      });
+      const { moduleInfo: entryRemoteInfo } = asset;
+      results.push(waitForRemoteEntryPreload(host, remoteInfo, entryRemoteInfo, createResourceContext(baseContext, "remoteEntry")));
     });
     if (useLinkPreload) {
       const defaultAttrs = {
@@ -706,21 +866,13 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
         as: "style"
       };
       cssAssets.forEach((cssUrl) => {
-        const { link: cssEl, needAttach } = createLink({
+        results.push(waitForLinkPreload({
+          host,
+          remoteInfo,
           url: cssUrl,
-          cb: () => {
-          },
           attrs: defaultAttrs,
-          createLinkHook: (url, attrs) => {
-            const res = host.loaderHook.lifecycle.createLink.emit({
-              url,
-              attrs,
-              remoteInfo
-            });
-            if (res instanceof HTMLLinkElement) return res;
-          }
-        });
-        needAttach && document.head.appendChild(cssEl);
+          context: createResourceContext(baseContext, "css")
+        }));
       });
     } else {
       const defaultAttrs = {
@@ -728,22 +880,14 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
         type: "text/css"
       };
       cssAssets.forEach((cssUrl) => {
-        const { link: cssEl, needAttach } = createLink({
+        results.push(waitForLinkPreload({
+          host,
+          remoteInfo,
           url: cssUrl,
-          cb: () => {
-          },
           attrs: defaultAttrs,
-          createLinkHook: (url, attrs) => {
-            const res = host.loaderHook.lifecycle.createLink.emit({
-              url,
-              attrs,
-              remoteInfo
-            });
-            if (res instanceof HTMLLinkElement) return res;
-          },
-          needDeleteLink: false
-        });
-        needAttach && document.head.appendChild(cssEl);
+          needDeleteLink: false,
+          context: createResourceContext(baseContext, "css")
+        }));
       });
     }
     if (useLinkPreload) {
@@ -752,21 +896,13 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
         as: "script"
       };
       jsAssetsWithoutEntry.forEach((jsUrl) => {
-        const { link: linkEl, needAttach } = createLink({
+        results.push(waitForLinkPreload({
+          host,
+          remoteInfo,
           url: jsUrl,
-          cb: () => {
-          },
           attrs: defaultAttrs,
-          createLinkHook: (url, attrs) => {
-            const res = host.loaderHook.lifecycle.createLink.emit({
-              url,
-              attrs,
-              remoteInfo
-            });
-            if (res instanceof HTMLLinkElement) return res;
-          }
-        });
-        needAttach && document.head.appendChild(linkEl);
+          context: createResourceContext(baseContext, "js")
+        }));
       });
     } else {
       const defaultAttrs = {
@@ -774,25 +910,17 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
         type: (remoteInfo == null ? void 0 : remoteInfo.type) === "module" ? "module" : "text/javascript"
       };
       jsAssetsWithoutEntry.forEach((jsUrl) => {
-        const { script: scriptEl, needAttach } = createScript({
+        results.push(waitForScriptPreload({
+          host,
+          remoteInfo,
           url: jsUrl,
-          cb: () => {
-          },
           attrs: defaultAttrs,
-          createScriptHook: (url, attrs) => {
-            const res = host.loaderHook.lifecycle.createScript.emit({
-              url,
-              attrs,
-              remoteInfo
-            });
-            if (res instanceof HTMLScriptElement) return res;
-          },
-          needDeleteScript: true
-        });
-        needAttach && document.head.appendChild(scriptEl);
+          context: createResourceContext(baseContext, "js")
+        }));
       });
     }
   }
+  return Promise.all(results);
 }
 var helpers_default = {
   utils: {