@module-federation/runtime-core 2.3.3 → 2.5.0

package/dist/utils/manifest.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"manifest.cjs","names":[],"sources":["../../src/utils/manifest.ts"],"sourcesContent":["import { Remote } from '../type';\n\n// Function to match a remote with its name and expose\n// id: pkgName(@federation/app1) + expose(button) = @federation/app1/button\n// id: alias(app1) + expose(button) = app1/button\n// id: alias(app1/utils) + expose(loadash/sort) = app1/utils/loadash/sort\nexport function matchRemoteWithNameAndExpose(\n  remotes: Array<Remote>,\n  id: string,\n):\n  | {\n      pkgNameOrAlias: string;\n      expose: string;\n      remote: Remote;\n    }\n  | undefined {\n  for (const remote of remotes) {\n    // match pkgName\n    const isNameMatched = id.startsWith(remote.name);\n    let expose = id.replace(remote.name, '');\n    if (isNameMatched) {\n      if (expose.startsWith('/')) {\n        const pkgNameOrAlias = remote.name;\n        expose = `.${expose}`;\n        return {\n          pkgNameOrAlias,\n          expose,\n          remote,\n        };\n      } else if (expose === '') {\n        return {\n          pkgNameOrAlias: remote.name,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n\n    // match alias\n    const isAliasMatched = remote.alias && id.startsWith(remote.alias);\n    let exposeWithAlias = remote.alias && id.replace(remote.alias, '');\n    if (remote.alias && isAliasMatched) {\n      if (exposeWithAlias && exposeWithAlias.startsWith('/')) {\n        const pkgNameOrAlias = remote.alias;\n        exposeWithAlias = `.${exposeWithAlias}`;\n        return {\n          pkgNameOrAlias,\n          expose: exposeWithAlias,\n          remote,\n        };\n      } else if (exposeWithAlias === '') {\n        return {\n          pkgNameOrAlias: remote.alias,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n  }\n\n  return;\n}\n\n// Function to match a remote with its name or alias\nexport function matchRemote(\n  remotes: Array<Remote>,\n  nameOrAlias: string,\n): Remote | undefined {\n  for (const remote of remotes) {\n    const isNameMatched = nameOrAlias === remote.name;\n    if (isNameMatched) {\n      return remote;\n    }\n\n    const isAliasMatched = remote.alias && nameOrAlias === remote.alias;\n    if (isAliasMatched) {\n      return remote;\n    }\n  }\n  return;\n}\n"],"mappings":";;AAMA,SAAgB,6BACd,SACA,IAOY;AACZ,MAAK,MAAM,UAAU,SAAS;EAE5B,MAAM,gBAAgB,GAAG,WAAW,OAAO,KAAK;EAChD,IAAI,SAAS,GAAG,QAAQ,OAAO,MAAM,GAAG;AACxC,MAAI,eACF;OAAI,OAAO,WAAW,IAAI,EAAE;IAC1B,MAAM,iBAAiB,OAAO;AAC9B,aAAS,IAAI;AACb,WAAO;KACL;KACA;KACA;KACD;cACQ,WAAW,GACpB,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;EAKL,MAAM,iBAAiB,OAAO,SAAS,GAAG,WAAW,OAAO,MAAM;EAClE,IAAI,kBAAkB,OAAO,SAAS,GAAG,QAAQ,OAAO,OAAO,GAAG;AAClE,MAAI,OAAO,SAAS,gBAClB;OAAI,mBAAmB,gBAAgB,WAAW,IAAI,EAAE;IACtD,MAAM,iBAAiB,OAAO;AAC9B,sBAAkB,IAAI;AACtB,WAAO;KACL;KACA,QAAQ;KACR;KACD;cACQ,oBAAoB,GAC7B,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;;;AAST,SAAgB,YACd,SACA,aACoB;AACpB,MAAK,MAAM,UAAU,SAAS;AAE5B,MADsB,gBAAgB,OAAO,KAE3C,QAAO;AAIT,MADuB,OAAO,SAAS,gBAAgB,OAAO,MAE5D,QAAO"}
+{"version":3,"file":"manifest.cjs","names":[],"sources":["../../src/utils/manifest.ts"],"sourcesContent":["import { Remote } from '../type';\n\nexport function composeRemoteRequestId(\n  remoteName: string,\n  expose?: string,\n): string {\n  if (!expose || expose === '.') {\n    return remoteName;\n  }\n\n  return `${remoteName}/${expose.replace(/^\\.\\//, '')}`;\n}\n\n// Function to match a remote with its name and expose\n// id: pkgName(@federation/app1) + expose(button) = @federation/app1/button\n// id: alias(app1) + expose(button) = app1/button\n// id: alias(app1/utils) + expose(loadash/sort) = app1/utils/loadash/sort\nexport function matchRemoteWithNameAndExpose(\n  remotes: Array<Remote>,\n  id: string,\n):\n  | {\n      pkgNameOrAlias: string;\n      expose: string;\n      remote: Remote;\n    }\n  | undefined {\n  for (const remote of remotes) {\n    // match pkgName\n    const isNameMatched = id.startsWith(remote.name);\n    let expose = id.replace(remote.name, '');\n    if (isNameMatched) {\n      if (expose.startsWith('/')) {\n        const pkgNameOrAlias = remote.name;\n        expose = `.${expose}`;\n        return {\n          pkgNameOrAlias,\n          expose,\n          remote,\n        };\n      } else if (expose === '') {\n        return {\n          pkgNameOrAlias: remote.name,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n\n    // match alias\n    const isAliasMatched = remote.alias && id.startsWith(remote.alias);\n    let exposeWithAlias = remote.alias && id.replace(remote.alias, '');\n    if (remote.alias && isAliasMatched) {\n      if (exposeWithAlias && exposeWithAlias.startsWith('/')) {\n        const pkgNameOrAlias = remote.alias;\n        exposeWithAlias = `.${exposeWithAlias}`;\n        return {\n          pkgNameOrAlias,\n          expose: exposeWithAlias,\n          remote,\n        };\n      } else if (exposeWithAlias === '') {\n        return {\n          pkgNameOrAlias: remote.alias,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n  }\n\n  return;\n}\n\n// Function to match a remote with its name or alias\nexport function matchRemote(\n  remotes: Array<Remote>,\n  nameOrAlias: string,\n): Remote | undefined {\n  for (const remote of remotes) {\n    const isNameMatched = nameOrAlias === remote.name;\n    if (isNameMatched) {\n      return remote;\n    }\n\n    const isAliasMatched = remote.alias && nameOrAlias === remote.alias;\n    if (isAliasMatched) {\n      return remote;\n    }\n  }\n  return;\n}\n"],"mappings":";;AAEA,SAAgB,uBACd,YACA,QACQ;AACR,KAAI,CAAC,UAAU,WAAW,IACxB,QAAO;AAGT,QAAO,GAAG,WAAW,GAAG,OAAO,QAAQ,SAAS,GAAG;;AAOrD,SAAgB,6BACd,SACA,IAOY;AACZ,MAAK,MAAM,UAAU,SAAS;EAE5B,MAAM,gBAAgB,GAAG,WAAW,OAAO,KAAK;EAChD,IAAI,SAAS,GAAG,QAAQ,OAAO,MAAM,GAAG;AACxC,MAAI,eACF;OAAI,OAAO,WAAW,IAAI,EAAE;IAC1B,MAAM,iBAAiB,OAAO;AAC9B,aAAS,IAAI;AACb,WAAO;KACL;KACA;KACA;KACD;cACQ,WAAW,GACpB,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;EAKL,MAAM,iBAAiB,OAAO,SAAS,GAAG,WAAW,OAAO,MAAM;EAClE,IAAI,kBAAkB,OAAO,SAAS,GAAG,QAAQ,OAAO,OAAO,GAAG;AAClE,MAAI,OAAO,SAAS,gBAClB;OAAI,mBAAmB,gBAAgB,WAAW,IAAI,EAAE;IACtD,MAAM,iBAAiB,OAAO;AAC9B,sBAAkB,IAAI;AACtB,WAAO;KACL;KACA,QAAQ;KACR;KACD;cACQ,oBAAoB,GAC7B,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;;;AAST,SAAgB,YACd,SACA,aACoB;AACpB,MAAK,MAAM,UAAU,SAAS;AAE5B,MADsB,gBAAgB,OAAO,KAE3C,QAAO;AAIT,MADuB,OAAO,SAAS,gBAAgB,OAAO,MAE5D,QAAO"}

package/dist/utils/manifest.js

@@ -1,4 +1,8 @@
 //#region src/utils/manifest.ts
+function composeRemoteRequestId(remoteName, expose) {
+	if (!expose || expose === ".") return remoteName;
+	return `${remoteName}/${expose.replace(/^\.\//, "")}`;
+}
 function matchRemoteWithNameAndExpose(remotes, id) {
 	for (const remote of remotes) {
 		const isNameMatched = id.startsWith(remote.name);
@@ -45,5 +49,5 @@ function matchRemote(remotes, nameOrAlias) {
 }
 
 //#endregion
-export { matchRemote, matchRemoteWithNameAndExpose };
+export { composeRemoteRequestId, matchRemote, matchRemoteWithNameAndExpose };
 //# sourceMappingURL=manifest.js.map

package/dist/utils/manifest.js.map

@@ -1 +1 @@
-{"version":3,"file":"manifest.js","names":[],"sources":["../../src/utils/manifest.ts"],"sourcesContent":["import { Remote } from '../type';\n\n// Function to match a remote with its name and expose\n// id: pkgName(@federation/app1) + expose(button) = @federation/app1/button\n// id: alias(app1) + expose(button) = app1/button\n// id: alias(app1/utils) + expose(loadash/sort) = app1/utils/loadash/sort\nexport function matchRemoteWithNameAndExpose(\n  remotes: Array<Remote>,\n  id: string,\n):\n  | {\n      pkgNameOrAlias: string;\n      expose: string;\n      remote: Remote;\n    }\n  | undefined {\n  for (const remote of remotes) {\n    // match pkgName\n    const isNameMatched = id.startsWith(remote.name);\n    let expose = id.replace(remote.name, '');\n    if (isNameMatched) {\n      if (expose.startsWith('/')) {\n        const pkgNameOrAlias = remote.name;\n        expose = `.${expose}`;\n        return {\n          pkgNameOrAlias,\n          expose,\n          remote,\n        };\n      } else if (expose === '') {\n        return {\n          pkgNameOrAlias: remote.name,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n\n    // match alias\n    const isAliasMatched = remote.alias && id.startsWith(remote.alias);\n    let exposeWithAlias = remote.alias && id.replace(remote.alias, '');\n    if (remote.alias && isAliasMatched) {\n      if (exposeWithAlias && exposeWithAlias.startsWith('/')) {\n        const pkgNameOrAlias = remote.alias;\n        exposeWithAlias = `.${exposeWithAlias}`;\n        return {\n          pkgNameOrAlias,\n          expose: exposeWithAlias,\n          remote,\n        };\n      } else if (exposeWithAlias === '') {\n        return {\n          pkgNameOrAlias: remote.alias,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n  }\n\n  return;\n}\n\n// Function to match a remote with its name or alias\nexport function matchRemote(\n  remotes: Array<Remote>,\n  nameOrAlias: string,\n): Remote | undefined {\n  for (const remote of remotes) {\n    const isNameMatched = nameOrAlias === remote.name;\n    if (isNameMatched) {\n      return remote;\n    }\n\n    const isAliasMatched = remote.alias && nameOrAlias === remote.alias;\n    if (isAliasMatched) {\n      return remote;\n    }\n  }\n  return;\n}\n"],"mappings":";AAMA,SAAgB,6BACd,SACA,IAOY;AACZ,MAAK,MAAM,UAAU,SAAS;EAE5B,MAAM,gBAAgB,GAAG,WAAW,OAAO,KAAK;EAChD,IAAI,SAAS,GAAG,QAAQ,OAAO,MAAM,GAAG;AACxC,MAAI,eACF;OAAI,OAAO,WAAW,IAAI,EAAE;IAC1B,MAAM,iBAAiB,OAAO;AAC9B,aAAS,IAAI;AACb,WAAO;KACL;KACA;KACA;KACD;cACQ,WAAW,GACpB,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;EAKL,MAAM,iBAAiB,OAAO,SAAS,GAAG,WAAW,OAAO,MAAM;EAClE,IAAI,kBAAkB,OAAO,SAAS,GAAG,QAAQ,OAAO,OAAO,GAAG;AAClE,MAAI,OAAO,SAAS,gBAClB;OAAI,mBAAmB,gBAAgB,WAAW,IAAI,EAAE;IACtD,MAAM,iBAAiB,OAAO;AAC9B,sBAAkB,IAAI;AACtB,WAAO;KACL;KACA,QAAQ;KACR;KACD;cACQ,oBAAoB,GAC7B,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;;;AAST,SAAgB,YACd,SACA,aACoB;AACpB,MAAK,MAAM,UAAU,SAAS;AAE5B,MADsB,gBAAgB,OAAO,KAE3C,QAAO;AAIT,MADuB,OAAO,SAAS,gBAAgB,OAAO,MAE5D,QAAO"}
+{"version":3,"file":"manifest.js","names":[],"sources":["../../src/utils/manifest.ts"],"sourcesContent":["import { Remote } from '../type';\n\nexport function composeRemoteRequestId(\n  remoteName: string,\n  expose?: string,\n): string {\n  if (!expose || expose === '.') {\n    return remoteName;\n  }\n\n  return `${remoteName}/${expose.replace(/^\\.\\//, '')}`;\n}\n\n// Function to match a remote with its name and expose\n// id: pkgName(@federation/app1) + expose(button) = @federation/app1/button\n// id: alias(app1) + expose(button) = app1/button\n// id: alias(app1/utils) + expose(loadash/sort) = app1/utils/loadash/sort\nexport function matchRemoteWithNameAndExpose(\n  remotes: Array<Remote>,\n  id: string,\n):\n  | {\n      pkgNameOrAlias: string;\n      expose: string;\n      remote: Remote;\n    }\n  | undefined {\n  for (const remote of remotes) {\n    // match pkgName\n    const isNameMatched = id.startsWith(remote.name);\n    let expose = id.replace(remote.name, '');\n    if (isNameMatched) {\n      if (expose.startsWith('/')) {\n        const pkgNameOrAlias = remote.name;\n        expose = `.${expose}`;\n        return {\n          pkgNameOrAlias,\n          expose,\n          remote,\n        };\n      } else if (expose === '') {\n        return {\n          pkgNameOrAlias: remote.name,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n\n    // match alias\n    const isAliasMatched = remote.alias && id.startsWith(remote.alias);\n    let exposeWithAlias = remote.alias && id.replace(remote.alias, '');\n    if (remote.alias && isAliasMatched) {\n      if (exposeWithAlias && exposeWithAlias.startsWith('/')) {\n        const pkgNameOrAlias = remote.alias;\n        exposeWithAlias = `.${exposeWithAlias}`;\n        return {\n          pkgNameOrAlias,\n          expose: exposeWithAlias,\n          remote,\n        };\n      } else if (exposeWithAlias === '') {\n        return {\n          pkgNameOrAlias: remote.alias,\n          expose: '.',\n          remote,\n        };\n      }\n    }\n  }\n\n  return;\n}\n\n// Function to match a remote with its name or alias\nexport function matchRemote(\n  remotes: Array<Remote>,\n  nameOrAlias: string,\n): Remote | undefined {\n  for (const remote of remotes) {\n    const isNameMatched = nameOrAlias === remote.name;\n    if (isNameMatched) {\n      return remote;\n    }\n\n    const isAliasMatched = remote.alias && nameOrAlias === remote.alias;\n    if (isAliasMatched) {\n      return remote;\n    }\n  }\n  return;\n}\n"],"mappings":";AAEA,SAAgB,uBACd,YACA,QACQ;AACR,KAAI,CAAC,UAAU,WAAW,IACxB,QAAO;AAGT,QAAO,GAAG,WAAW,GAAG,OAAO,QAAQ,SAAS,GAAG;;AAOrD,SAAgB,6BACd,SACA,IAOY;AACZ,MAAK,MAAM,UAAU,SAAS;EAE5B,MAAM,gBAAgB,GAAG,WAAW,OAAO,KAAK;EAChD,IAAI,SAAS,GAAG,QAAQ,OAAO,MAAM,GAAG;AACxC,MAAI,eACF;OAAI,OAAO,WAAW,IAAI,EAAE;IAC1B,MAAM,iBAAiB,OAAO;AAC9B,aAAS,IAAI;AACb,WAAO;KACL;KACA;KACA;KACD;cACQ,WAAW,GACpB,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;EAKL,MAAM,iBAAiB,OAAO,SAAS,GAAG,WAAW,OAAO,MAAM;EAClE,IAAI,kBAAkB,OAAO,SAAS,GAAG,QAAQ,OAAO,OAAO,GAAG;AAClE,MAAI,OAAO,SAAS,gBAClB;OAAI,mBAAmB,gBAAgB,WAAW,IAAI,EAAE;IACtD,MAAM,iBAAiB,OAAO;AAC9B,sBAAkB,IAAI;AACtB,WAAO;KACL;KACA,QAAQ;KACR;KACD;cACQ,oBAAoB,GAC7B,QAAO;IACL,gBAAgB,OAAO;IACvB,QAAQ;IACR;IACD;;;;AAST,SAAgB,YACd,SACA,aACoB;AACpB,MAAK,MAAM,UAAU,SAAS;AAE5B,MADsB,gBAAgB,OAAO,KAE3C,QAAO;AAIT,MADuB,OAAO,SAAS,gBAAgB,OAAO,MAE5D,QAAO"}

package/dist/utils/preload.cjs

@@ -9,7 +9,6 @@ function defaultPreloadArgs(preloadConfig) {
 		resourceCategory: "sync",
 		share: true,
 		depsRemote: true,
-		prefetchInterface: false,
 		...preloadConfig
 	};
 }
@@ -34,22 +33,113 @@ function normalizePreloadExposes(exposes) {
 		return expose;
 	});
 }
-function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
+function isTimeoutError(error) {
+	if (!(error instanceof Error)) return false;
+	return error.message.includes("timed out") || error.name.includes("Timeout");
+}
+function createAssetResult(context, url, status, error) {
+	return {
+		url,
+		status,
+		resourceType: context.resourceType,
+		initiator: context.initiator,
+		id: context.id,
+		error
+	};
+}
+async function waitForRemoteEntryPreload(host, remoteInfo, entryRemoteInfo, context) {
+	const cachedRemote = host.moduleCache.get(entryRemoteInfo.name);
+	const url = entryRemoteInfo.entry;
+	if (cachedRemote?.remoteEntryExports) return createAssetResult(context, url, "cached");
+	try {
+		if (!await require_load.getRemoteEntry({
+			origin: host,
+			remoteInfo: entryRemoteInfo,
+			remoteEntryExports: cachedRemote?.remoteEntryExports,
+			resourceContext: {
+				...context,
+				url
+			}
+		})) throw new Error(`Failed to load remoteEntry "${url}".`);
+		return createAssetResult(context, url, "success");
+	} catch (error) {
+		return createAssetResult(context, url, isTimeoutError(error) ? "timeout" : "error", error);
+	}
+}
+function waitForLinkPreload({ host, remoteInfo, url, attrs, context, needDeleteLink }) {
+	return new Promise((resolve) => {
+		const { link, needAttach } = (0, _module_federation_sdk.createLink)({
+			url,
+			cb: () => {
+				resolve(createAssetResult(context, url, needAttach ? "success" : "cached"));
+			},
+			onErrorCallback: (error) => {
+				resolve(createAssetResult(context, url, isTimeoutError(error) ? "timeout" : "error", error));
+			},
+			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 } = (0, _module_federation_sdk.createScript)({
+			url,
+			cb: () => {
+				resolve(createAssetResult(context, url, needAttach ? "success" : "cached"));
+			},
+			onErrorCallback: (error) => {
+				resolve(createAssetResult(context, url, isTimeoutError(error) ? "timeout" : "error", error));
+			},
+			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 module = host.moduleCache.get(remoteInfo.name);
-			if (module) require_load.getRemoteEntry({
-				origin: host,
-				remoteInfo: moduleInfo,
-				remoteEntryExports: module.remoteEntryExports
-			});
-			else require_load.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 = {
@@ -57,20 +147,13 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
 				as: "style"
 			};
 			cssAssets.forEach((cssUrl) => {
-				const { link: cssEl, needAttach } = (0, _module_federation_sdk.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 = {
@@ -78,21 +161,14 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
 				type: "text/css"
 			};
 			cssAssets.forEach((cssUrl) => {
-				const { link: cssEl, needAttach } = (0, _module_federation_sdk.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) {
@@ -101,20 +177,13 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
 				as: "script"
 			};
 			jsAssetsWithoutEntry.forEach((jsUrl) => {
-				const { link: linkEl, needAttach } = (0, _module_federation_sdk.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 = {
@@ -122,24 +191,17 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
 				type: remoteInfo?.type === "module" ? "module" : "text/javascript"
 			};
 			jsAssetsWithoutEntry.forEach((jsUrl) => {
-				const { script: scriptEl, needAttach } = (0, _module_federation_sdk.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);
 }
 
 //#endregion

package/dist/utils/preload.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"preload.cjs","names":["matchRemote"],"sources":["../../src/utils/preload.ts"],"sourcesContent":["import { createLink, createScript, safeToString } from '@module-federation/sdk';\nimport {\n  PreloadAssets,\n  PreloadConfig,\n  PreloadOptions,\n  PreloadRemoteArgs,\n  Remote,\n  RemoteInfo,\n  depsPreloadArg,\n} from '../type';\nimport { matchRemote } from './manifest';\nimport { assert } from './logger';\nimport { ModuleFederation } from '../core';\nimport { getRemoteEntry } from './load';\n\nexport function defaultPreloadArgs(\n  preloadConfig: PreloadRemoteArgs | depsPreloadArg,\n): PreloadConfig {\n  return {\n    resourceCategory: 'sync',\n    share: true,\n    depsRemote: true,\n    prefetchInterface: false,\n    ...preloadConfig,\n  } as PreloadConfig;\n}\n\nexport function formatPreloadArgs(\n  remotes: Array<Remote>,\n  preloadArgs: Array<PreloadRemoteArgs>,\n): PreloadOptions {\n  return preloadArgs.map((args) => {\n    const remoteInfo = matchRemote(remotes, args.nameOrAlias);\n    assert(\n      remoteInfo,\n      `Unable to preload ${args.nameOrAlias} as it is not included in ${\n        !remoteInfo &&\n        safeToString({\n          remoteInfo,\n          remotes,\n        })\n      }`,\n    );\n    return {\n      remote: remoteInfo,\n      preloadConfig: defaultPreloadArgs(args),\n    };\n  });\n}\n\nexport function normalizePreloadExposes(exposes?: string[]): string[] {\n  if (!exposes) {\n    return [];\n  }\n\n  return exposes.map((expose) => {\n    if (expose === '.') {\n      return expose;\n    }\n    if (expose.startsWith('./')) {\n      return expose.replace('./', '');\n    }\n    return expose;\n  });\n}\n\nexport function preloadAssets(\n  remoteInfo: RemoteInfo,\n  host: ModuleFederation,\n  assets: PreloadAssets,\n  // It is used to distinguish preload from load remote parallel loading\n  useLinkPreload = true,\n): void {\n  const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;\n\n  if (host.options.inBrowser) {\n    entryAssets.forEach((asset) => {\n      const { moduleInfo } = asset;\n      const module = host.moduleCache.get(remoteInfo.name);\n      if (module) {\n        getRemoteEntry({\n          origin: host,\n          remoteInfo: moduleInfo,\n          remoteEntryExports: module.remoteEntryExports,\n        });\n      } else {\n        getRemoteEntry({\n          origin: host,\n          remoteInfo: moduleInfo,\n          remoteEntryExports: undefined,\n        });\n      }\n    });\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'style',\n      };\n      cssAssets.forEach((cssUrl) => {\n        const { link: cssEl, needAttach } = createLink({\n          url: cssUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createLinkHook: (url, attrs) => {\n            const res = host.loaderHook.lifecycle.createLink.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLLinkElement) {\n              return res;\n            }\n            return;\n          },\n        });\n\n        needAttach && document.head.appendChild(cssEl);\n      });\n    } else {\n      const defaultAttrs = {\n        rel: 'stylesheet',\n        type: 'text/css',\n      };\n      cssAssets.forEach((cssUrl) => {\n        const { link: cssEl, needAttach } = createLink({\n          url: cssUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createLinkHook: (url, attrs) => {\n            const res = host.loaderHook.lifecycle.createLink.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLLinkElement) {\n              return res;\n            }\n            return;\n          },\n          needDeleteLink: false,\n        });\n\n        needAttach && document.head.appendChild(cssEl);\n      });\n    }\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'script',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        const { link: linkEl, needAttach } = createLink({\n          url: jsUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createLinkHook: (url: string, attrs) => {\n            const res = host.loaderHook.lifecycle.createLink.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLLinkElement) {\n              return res;\n            }\n            return;\n          },\n        });\n        needAttach && document.head.appendChild(linkEl);\n      });\n    } else {\n      const defaultAttrs = {\n        fetchpriority: 'high',\n        type: remoteInfo?.type === 'module' ? 'module' : 'text/javascript',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        const { script: scriptEl, needAttach } = createScript({\n          url: jsUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createScriptHook: (url: string, attrs: any) => {\n            const res = host.loaderHook.lifecycle.createScript.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLScriptElement) {\n              return res;\n            }\n            return;\n          },\n          needDeleteScript: true,\n        });\n        needAttach && document.head.appendChild(scriptEl);\n      });\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"preload.cjs","names":["matchRemote","getRemoteEntry"],"sources":["../../src/utils/preload.ts"],"sourcesContent":["import { createLink, createScript, safeToString } from '@module-federation/sdk';\nimport {\n  PreloadAssets,\n  PreloadAssetResult,\n  PreloadConfig,\n  PreloadOptions,\n  PreloadRemoteArgs,\n  Remote,\n  RemoteInfo,\n  ResourceLoadContext,\n  ResourceLoadType,\n  depsPreloadArg,\n} from '../type';\nimport { matchRemote } from './manifest';\nimport { assert } from './logger';\nimport { ModuleFederation } from '../core';\nimport { getRemoteEntry } from './load';\n\nexport function defaultPreloadArgs(\n  preloadConfig: PreloadRemoteArgs | depsPreloadArg,\n): PreloadConfig {\n  return {\n    resourceCategory: 'sync',\n    share: true,\n    depsRemote: true,\n    ...preloadConfig,\n  } as PreloadConfig;\n}\n\nexport function formatPreloadArgs(\n  remotes: Array<Remote>,\n  preloadArgs: Array<PreloadRemoteArgs>,\n): PreloadOptions {\n  return preloadArgs.map((args) => {\n    const remoteInfo = matchRemote(remotes, args.nameOrAlias);\n    assert(\n      remoteInfo,\n      `Unable to preload ${args.nameOrAlias} as it is not included in ${\n        !remoteInfo &&\n        safeToString({\n          remoteInfo,\n          remotes,\n        })\n      }`,\n    );\n    return {\n      remote: remoteInfo,\n      preloadConfig: defaultPreloadArgs(args),\n    };\n  });\n}\n\nexport function normalizePreloadExposes(exposes?: string[]): string[] {\n  if (!exposes) {\n    return [];\n  }\n\n  return exposes.map((expose) => {\n    if (expose === '.') {\n      return expose;\n    }\n    if (expose.startsWith('./')) {\n      return expose.replace('./', '');\n    }\n    return expose;\n  });\n}\n\nfunction isTimeoutError(error: unknown): boolean {\n  if (!(error instanceof Error)) {\n    return false;\n  }\n  return error.message.includes('timed out') || error.name.includes('Timeout');\n}\n\nfunction createAssetResult(\n  context: ResourceLoadContext,\n  url: string,\n  status: PreloadAssetResult['status'],\n  error?: unknown,\n): PreloadAssetResult {\n  return {\n    url,\n    status,\n    resourceType: context.resourceType,\n    initiator: context.initiator,\n    id: context.id,\n    error,\n  };\n}\n\nasync function waitForRemoteEntryPreload(\n  host: ModuleFederation,\n  remoteInfo: RemoteInfo,\n  entryRemoteInfo: RemoteInfo,\n  context: ResourceLoadContext,\n): Promise<PreloadAssetResult> {\n  const cachedRemote = host.moduleCache.get(entryRemoteInfo.name);\n  const url = entryRemoteInfo.entry;\n  if (cachedRemote?.remoteEntryExports) {\n    return createAssetResult(context, url, 'cached');\n  }\n\n  try {\n    const remoteEntryExports = await getRemoteEntry({\n      origin: host,\n      remoteInfo: entryRemoteInfo,\n      remoteEntryExports: cachedRemote?.remoteEntryExports,\n      resourceContext: {\n        ...context,\n        url,\n      },\n    });\n    if (!remoteEntryExports) {\n      throw new Error(`Failed to load remoteEntry \"${url}\".`);\n    }\n    return createAssetResult(context, url, 'success');\n  } catch (error) {\n    return createAssetResult(\n      context,\n      url,\n      isTimeoutError(error) ? 'timeout' : 'error',\n      error,\n    );\n  }\n}\n\nfunction waitForLinkPreload({\n  host,\n  remoteInfo,\n  url,\n  attrs,\n  context,\n  needDeleteLink,\n}: {\n  host: ModuleFederation;\n  remoteInfo: RemoteInfo;\n  url: string;\n  attrs: Record<string, string>;\n  context: ResourceLoadContext;\n  needDeleteLink?: boolean;\n}): Promise<PreloadAssetResult> {\n  return new Promise((resolve) => {\n    const { link, needAttach } = createLink({\n      url,\n      cb: () => {\n        resolve(\n          createAssetResult(context, url, needAttach ? 'success' : 'cached'),\n        );\n      },\n      onErrorCallback: (error) => {\n        resolve(\n          createAssetResult(\n            context,\n            url,\n            isTimeoutError(error) ? 'timeout' : 'error',\n            error,\n          ),\n        );\n      },\n      attrs,\n      createLinkHook: (hookUrl, hookAttrs) => {\n        const res = host.loaderHook.lifecycle.createLink.emit({\n          url: hookUrl,\n          attrs: hookAttrs,\n          remoteInfo,\n          resourceContext: {\n            ...context,\n            url: hookUrl,\n          },\n        });\n        if (res instanceof HTMLLinkElement) {\n          return res;\n        }\n        return res;\n      },\n      needDeleteLink,\n    });\n\n    needAttach && document.head.appendChild(link);\n  });\n}\n\nfunction waitForScriptPreload({\n  host,\n  remoteInfo,\n  url,\n  attrs,\n  context,\n}: {\n  host: ModuleFederation;\n  remoteInfo: RemoteInfo;\n  url: string;\n  attrs: Record<string, string>;\n  context: ResourceLoadContext;\n}): Promise<PreloadAssetResult> {\n  return new Promise((resolve) => {\n    const { script, needAttach } = createScript({\n      url,\n      cb: () => {\n        resolve(\n          createAssetResult(context, url, needAttach ? 'success' : 'cached'),\n        );\n      },\n      onErrorCallback: (error) => {\n        resolve(\n          createAssetResult(\n            context,\n            url,\n            isTimeoutError(error) ? 'timeout' : 'error',\n            error,\n          ),\n        );\n      },\n      attrs,\n      createScriptHook: (hookUrl: string, hookAttrs: any) => {\n        const res = host.loaderHook.lifecycle.createScript.emit({\n          url: hookUrl,\n          attrs: hookAttrs,\n          remoteInfo,\n          resourceContext: {\n            ...context,\n            url: hookUrl,\n          },\n        });\n        if (res instanceof HTMLScriptElement) {\n          return res;\n        }\n        return res;\n      },\n      needDeleteScript: true,\n    });\n\n    needAttach && document.head.appendChild(script);\n  });\n}\n\nfunction createResourceContext(\n  baseContext: Omit<ResourceLoadContext, 'resourceType'>,\n  resourceType: ResourceLoadType,\n): ResourceLoadContext {\n  return {\n    ...baseContext,\n    resourceType,\n  };\n}\n\nexport function preloadAssets(\n  remoteInfo: RemoteInfo,\n  host: ModuleFederation,\n  assets: PreloadAssets,\n  // It is used to distinguish preload from load remote parallel loading\n  useLinkPreload = true,\n  baseContext: Omit<ResourceLoadContext, 'resourceType'> = {\n    initiator: 'preloadRemote',\n    id: remoteInfo.name,\n  },\n): Promise<PreloadAssetResult[]> {\n  const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;\n  const results: Array<Promise<PreloadAssetResult>> = [];\n\n  if (host.options.inBrowser) {\n    entryAssets.forEach((asset) => {\n      const { moduleInfo: entryRemoteInfo } = asset;\n      results.push(\n        waitForRemoteEntryPreload(\n          host,\n          remoteInfo,\n          entryRemoteInfo,\n          createResourceContext(baseContext, 'remoteEntry'),\n        ),\n      );\n    });\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'style',\n      };\n      cssAssets.forEach((cssUrl) => {\n        results.push(\n          waitForLinkPreload({\n            host,\n            remoteInfo,\n            url: cssUrl,\n            attrs: defaultAttrs,\n            context: createResourceContext(baseContext, 'css'),\n          }),\n        );\n      });\n    } else {\n      const defaultAttrs = {\n        rel: 'stylesheet',\n        type: 'text/css',\n      };\n      cssAssets.forEach((cssUrl) => {\n        results.push(\n          waitForLinkPreload({\n            host,\n            remoteInfo,\n            url: cssUrl,\n            attrs: defaultAttrs,\n            needDeleteLink: false,\n            context: createResourceContext(baseContext, 'css'),\n          }),\n        );\n      });\n    }\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'script',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        results.push(\n          waitForLinkPreload({\n            host,\n            remoteInfo,\n            url: jsUrl,\n            attrs: defaultAttrs,\n            context: createResourceContext(baseContext, 'js'),\n          }),\n        );\n      });\n    } else {\n      const defaultAttrs = {\n        fetchpriority: 'high',\n        type: remoteInfo?.type === 'module' ? 'module' : 'text/javascript',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        results.push(\n          waitForScriptPreload({\n            host,\n            remoteInfo,\n            url: jsUrl,\n            attrs: defaultAttrs,\n            context: createResourceContext(baseContext, 'js'),\n          }),\n        );\n      });\n    }\n  }\n\n  return Promise.all(results);\n}\n"],"mappings":"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"}

package/dist/utils/preload.d.ts

@@ -1,8 +1,8 @@
 import { ModuleFederation } from "../core.js";
 import { RemoteInfo } from "../type/config.js";
-import { PreloadAssets } from "../type/preload.js";
+import { PreloadAssetResult, PreloadAssets, ResourceLoadContext } from "../type/preload.js";
 //#region src/utils/preload.d.ts
-declare function preloadAssets(remoteInfo: RemoteInfo, host: ModuleFederation, assets: PreloadAssets, useLinkPreload?: boolean): void;
+declare function preloadAssets(remoteInfo: RemoteInfo, host: ModuleFederation, assets: PreloadAssets, useLinkPreload?: boolean, baseContext?: Omit<ResourceLoadContext, 'resourceType'>): Promise<PreloadAssetResult[]>;
 //#endregion
 export { preloadAssets };
 //# sourceMappingURL=preload.d.ts.map

package/dist/utils/preload.js

@@ -9,7 +9,6 @@ function defaultPreloadArgs(preloadConfig) {
 		resourceCategory: "sync",
 		share: true,
 		depsRemote: true,
-		prefetchInterface: false,
 		...preloadConfig
 	};
 }
@@ -34,22 +33,113 @@ function normalizePreloadExposes(exposes) {
 		return expose;
 	});
 }
-function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
+function isTimeoutError(error) {
+	if (!(error instanceof Error)) return false;
+	return error.message.includes("timed out") || error.name.includes("Timeout");
+}
+function createAssetResult(context, url, status, error) {
+	return {
+		url,
+		status,
+		resourceType: context.resourceType,
+		initiator: context.initiator,
+		id: context.id,
+		error
+	};
+}
+async function waitForRemoteEntryPreload(host, remoteInfo, entryRemoteInfo, context) {
+	const cachedRemote = host.moduleCache.get(entryRemoteInfo.name);
+	const url = entryRemoteInfo.entry;
+	if (cachedRemote?.remoteEntryExports) return createAssetResult(context, url, "cached");
+	try {
+		if (!await getRemoteEntry({
+			origin: host,
+			remoteInfo: entryRemoteInfo,
+			remoteEntryExports: cachedRemote?.remoteEntryExports,
+			resourceContext: {
+				...context,
+				url
+			}
+		})) throw new Error(`Failed to load remoteEntry "${url}".`);
+		return createAssetResult(context, url, "success");
+	} catch (error) {
+		return createAssetResult(context, url, isTimeoutError(error) ? "timeout" : "error", error);
+	}
+}
+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: (error) => {
+				resolve(createAssetResult(context, url, isTimeoutError(error) ? "timeout" : "error", error));
+			},
+			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: (error) => {
+				resolve(createAssetResult(context, url, isTimeoutError(error) ? "timeout" : "error", error));
+			},
+			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 module = host.moduleCache.get(remoteInfo.name);
-			if (module) getRemoteEntry({
-				origin: host,
-				remoteInfo: moduleInfo,
-				remoteEntryExports: module.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 = {
@@ -57,20 +147,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 = {
@@ -78,21 +161,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) {
@@ -101,20 +177,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 = {
@@ -122,24 +191,17 @@ function preloadAssets(remoteInfo, host, assets, useLinkPreload = true) {
 				type: 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);
 }
 
 //#endregion

package/dist/utils/preload.js.map

@@ -1 +1 @@
-{"version":3,"file":"preload.js","names":[],"sources":["../../src/utils/preload.ts"],"sourcesContent":["import { createLink, createScript, safeToString } from '@module-federation/sdk';\nimport {\n  PreloadAssets,\n  PreloadConfig,\n  PreloadOptions,\n  PreloadRemoteArgs,\n  Remote,\n  RemoteInfo,\n  depsPreloadArg,\n} from '../type';\nimport { matchRemote } from './manifest';\nimport { assert } from './logger';\nimport { ModuleFederation } from '../core';\nimport { getRemoteEntry } from './load';\n\nexport function defaultPreloadArgs(\n  preloadConfig: PreloadRemoteArgs | depsPreloadArg,\n): PreloadConfig {\n  return {\n    resourceCategory: 'sync',\n    share: true,\n    depsRemote: true,\n    prefetchInterface: false,\n    ...preloadConfig,\n  } as PreloadConfig;\n}\n\nexport function formatPreloadArgs(\n  remotes: Array<Remote>,\n  preloadArgs: Array<PreloadRemoteArgs>,\n): PreloadOptions {\n  return preloadArgs.map((args) => {\n    const remoteInfo = matchRemote(remotes, args.nameOrAlias);\n    assert(\n      remoteInfo,\n      `Unable to preload ${args.nameOrAlias} as it is not included in ${\n        !remoteInfo &&\n        safeToString({\n          remoteInfo,\n          remotes,\n        })\n      }`,\n    );\n    return {\n      remote: remoteInfo,\n      preloadConfig: defaultPreloadArgs(args),\n    };\n  });\n}\n\nexport function normalizePreloadExposes(exposes?: string[]): string[] {\n  if (!exposes) {\n    return [];\n  }\n\n  return exposes.map((expose) => {\n    if (expose === '.') {\n      return expose;\n    }\n    if (expose.startsWith('./')) {\n      return expose.replace('./', '');\n    }\n    return expose;\n  });\n}\n\nexport function preloadAssets(\n  remoteInfo: RemoteInfo,\n  host: ModuleFederation,\n  assets: PreloadAssets,\n  // It is used to distinguish preload from load remote parallel loading\n  useLinkPreload = true,\n): void {\n  const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;\n\n  if (host.options.inBrowser) {\n    entryAssets.forEach((asset) => {\n      const { moduleInfo } = asset;\n      const module = host.moduleCache.get(remoteInfo.name);\n      if (module) {\n        getRemoteEntry({\n          origin: host,\n          remoteInfo: moduleInfo,\n          remoteEntryExports: module.remoteEntryExports,\n        });\n      } else {\n        getRemoteEntry({\n          origin: host,\n          remoteInfo: moduleInfo,\n          remoteEntryExports: undefined,\n        });\n      }\n    });\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'style',\n      };\n      cssAssets.forEach((cssUrl) => {\n        const { link: cssEl, needAttach } = createLink({\n          url: cssUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createLinkHook: (url, attrs) => {\n            const res = host.loaderHook.lifecycle.createLink.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLLinkElement) {\n              return res;\n            }\n            return;\n          },\n        });\n\n        needAttach && document.head.appendChild(cssEl);\n      });\n    } else {\n      const defaultAttrs = {\n        rel: 'stylesheet',\n        type: 'text/css',\n      };\n      cssAssets.forEach((cssUrl) => {\n        const { link: cssEl, needAttach } = createLink({\n          url: cssUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createLinkHook: (url, attrs) => {\n            const res = host.loaderHook.lifecycle.createLink.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLLinkElement) {\n              return res;\n            }\n            return;\n          },\n          needDeleteLink: false,\n        });\n\n        needAttach && document.head.appendChild(cssEl);\n      });\n    }\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'script',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        const { link: linkEl, needAttach } = createLink({\n          url: jsUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createLinkHook: (url: string, attrs) => {\n            const res = host.loaderHook.lifecycle.createLink.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLLinkElement) {\n              return res;\n            }\n            return;\n          },\n        });\n        needAttach && document.head.appendChild(linkEl);\n      });\n    } else {\n      const defaultAttrs = {\n        fetchpriority: 'high',\n        type: remoteInfo?.type === 'module' ? 'module' : 'text/javascript',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        const { script: scriptEl, needAttach } = createScript({\n          url: jsUrl,\n          cb: () => {\n            // noop\n          },\n          attrs: defaultAttrs,\n          createScriptHook: (url: string, attrs: any) => {\n            const res = host.loaderHook.lifecycle.createScript.emit({\n              url,\n              attrs,\n              remoteInfo,\n            });\n            if (res instanceof HTMLScriptElement) {\n              return res;\n            }\n            return;\n          },\n          needDeleteScript: true,\n        });\n        needAttach && document.head.appendChild(scriptEl);\n      });\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"preload.js","names":[],"sources":["../../src/utils/preload.ts"],"sourcesContent":["import { createLink, createScript, safeToString } from '@module-federation/sdk';\nimport {\n  PreloadAssets,\n  PreloadAssetResult,\n  PreloadConfig,\n  PreloadOptions,\n  PreloadRemoteArgs,\n  Remote,\n  RemoteInfo,\n  ResourceLoadContext,\n  ResourceLoadType,\n  depsPreloadArg,\n} from '../type';\nimport { matchRemote } from './manifest';\nimport { assert } from './logger';\nimport { ModuleFederation } from '../core';\nimport { getRemoteEntry } from './load';\n\nexport function defaultPreloadArgs(\n  preloadConfig: PreloadRemoteArgs | depsPreloadArg,\n): PreloadConfig {\n  return {\n    resourceCategory: 'sync',\n    share: true,\n    depsRemote: true,\n    ...preloadConfig,\n  } as PreloadConfig;\n}\n\nexport function formatPreloadArgs(\n  remotes: Array<Remote>,\n  preloadArgs: Array<PreloadRemoteArgs>,\n): PreloadOptions {\n  return preloadArgs.map((args) => {\n    const remoteInfo = matchRemote(remotes, args.nameOrAlias);\n    assert(\n      remoteInfo,\n      `Unable to preload ${args.nameOrAlias} as it is not included in ${\n        !remoteInfo &&\n        safeToString({\n          remoteInfo,\n          remotes,\n        })\n      }`,\n    );\n    return {\n      remote: remoteInfo,\n      preloadConfig: defaultPreloadArgs(args),\n    };\n  });\n}\n\nexport function normalizePreloadExposes(exposes?: string[]): string[] {\n  if (!exposes) {\n    return [];\n  }\n\n  return exposes.map((expose) => {\n    if (expose === '.') {\n      return expose;\n    }\n    if (expose.startsWith('./')) {\n      return expose.replace('./', '');\n    }\n    return expose;\n  });\n}\n\nfunction isTimeoutError(error: unknown): boolean {\n  if (!(error instanceof Error)) {\n    return false;\n  }\n  return error.message.includes('timed out') || error.name.includes('Timeout');\n}\n\nfunction createAssetResult(\n  context: ResourceLoadContext,\n  url: string,\n  status: PreloadAssetResult['status'],\n  error?: unknown,\n): PreloadAssetResult {\n  return {\n    url,\n    status,\n    resourceType: context.resourceType,\n    initiator: context.initiator,\n    id: context.id,\n    error,\n  };\n}\n\nasync function waitForRemoteEntryPreload(\n  host: ModuleFederation,\n  remoteInfo: RemoteInfo,\n  entryRemoteInfo: RemoteInfo,\n  context: ResourceLoadContext,\n): Promise<PreloadAssetResult> {\n  const cachedRemote = host.moduleCache.get(entryRemoteInfo.name);\n  const url = entryRemoteInfo.entry;\n  if (cachedRemote?.remoteEntryExports) {\n    return createAssetResult(context, url, 'cached');\n  }\n\n  try {\n    const remoteEntryExports = await getRemoteEntry({\n      origin: host,\n      remoteInfo: entryRemoteInfo,\n      remoteEntryExports: cachedRemote?.remoteEntryExports,\n      resourceContext: {\n        ...context,\n        url,\n      },\n    });\n    if (!remoteEntryExports) {\n      throw new Error(`Failed to load remoteEntry \"${url}\".`);\n    }\n    return createAssetResult(context, url, 'success');\n  } catch (error) {\n    return createAssetResult(\n      context,\n      url,\n      isTimeoutError(error) ? 'timeout' : 'error',\n      error,\n    );\n  }\n}\n\nfunction waitForLinkPreload({\n  host,\n  remoteInfo,\n  url,\n  attrs,\n  context,\n  needDeleteLink,\n}: {\n  host: ModuleFederation;\n  remoteInfo: RemoteInfo;\n  url: string;\n  attrs: Record<string, string>;\n  context: ResourceLoadContext;\n  needDeleteLink?: boolean;\n}): Promise<PreloadAssetResult> {\n  return new Promise((resolve) => {\n    const { link, needAttach } = createLink({\n      url,\n      cb: () => {\n        resolve(\n          createAssetResult(context, url, needAttach ? 'success' : 'cached'),\n        );\n      },\n      onErrorCallback: (error) => {\n        resolve(\n          createAssetResult(\n            context,\n            url,\n            isTimeoutError(error) ? 'timeout' : 'error',\n            error,\n          ),\n        );\n      },\n      attrs,\n      createLinkHook: (hookUrl, hookAttrs) => {\n        const res = host.loaderHook.lifecycle.createLink.emit({\n          url: hookUrl,\n          attrs: hookAttrs,\n          remoteInfo,\n          resourceContext: {\n            ...context,\n            url: hookUrl,\n          },\n        });\n        if (res instanceof HTMLLinkElement) {\n          return res;\n        }\n        return res;\n      },\n      needDeleteLink,\n    });\n\n    needAttach && document.head.appendChild(link);\n  });\n}\n\nfunction waitForScriptPreload({\n  host,\n  remoteInfo,\n  url,\n  attrs,\n  context,\n}: {\n  host: ModuleFederation;\n  remoteInfo: RemoteInfo;\n  url: string;\n  attrs: Record<string, string>;\n  context: ResourceLoadContext;\n}): Promise<PreloadAssetResult> {\n  return new Promise((resolve) => {\n    const { script, needAttach } = createScript({\n      url,\n      cb: () => {\n        resolve(\n          createAssetResult(context, url, needAttach ? 'success' : 'cached'),\n        );\n      },\n      onErrorCallback: (error) => {\n        resolve(\n          createAssetResult(\n            context,\n            url,\n            isTimeoutError(error) ? 'timeout' : 'error',\n            error,\n          ),\n        );\n      },\n      attrs,\n      createScriptHook: (hookUrl: string, hookAttrs: any) => {\n        const res = host.loaderHook.lifecycle.createScript.emit({\n          url: hookUrl,\n          attrs: hookAttrs,\n          remoteInfo,\n          resourceContext: {\n            ...context,\n            url: hookUrl,\n          },\n        });\n        if (res instanceof HTMLScriptElement) {\n          return res;\n        }\n        return res;\n      },\n      needDeleteScript: true,\n    });\n\n    needAttach && document.head.appendChild(script);\n  });\n}\n\nfunction createResourceContext(\n  baseContext: Omit<ResourceLoadContext, 'resourceType'>,\n  resourceType: ResourceLoadType,\n): ResourceLoadContext {\n  return {\n    ...baseContext,\n    resourceType,\n  };\n}\n\nexport function preloadAssets(\n  remoteInfo: RemoteInfo,\n  host: ModuleFederation,\n  assets: PreloadAssets,\n  // It is used to distinguish preload from load remote parallel loading\n  useLinkPreload = true,\n  baseContext: Omit<ResourceLoadContext, 'resourceType'> = {\n    initiator: 'preloadRemote',\n    id: remoteInfo.name,\n  },\n): Promise<PreloadAssetResult[]> {\n  const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;\n  const results: Array<Promise<PreloadAssetResult>> = [];\n\n  if (host.options.inBrowser) {\n    entryAssets.forEach((asset) => {\n      const { moduleInfo: entryRemoteInfo } = asset;\n      results.push(\n        waitForRemoteEntryPreload(\n          host,\n          remoteInfo,\n          entryRemoteInfo,\n          createResourceContext(baseContext, 'remoteEntry'),\n        ),\n      );\n    });\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'style',\n      };\n      cssAssets.forEach((cssUrl) => {\n        results.push(\n          waitForLinkPreload({\n            host,\n            remoteInfo,\n            url: cssUrl,\n            attrs: defaultAttrs,\n            context: createResourceContext(baseContext, 'css'),\n          }),\n        );\n      });\n    } else {\n      const defaultAttrs = {\n        rel: 'stylesheet',\n        type: 'text/css',\n      };\n      cssAssets.forEach((cssUrl) => {\n        results.push(\n          waitForLinkPreload({\n            host,\n            remoteInfo,\n            url: cssUrl,\n            attrs: defaultAttrs,\n            needDeleteLink: false,\n            context: createResourceContext(baseContext, 'css'),\n          }),\n        );\n      });\n    }\n\n    if (useLinkPreload) {\n      const defaultAttrs = {\n        rel: 'preload',\n        as: 'script',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        results.push(\n          waitForLinkPreload({\n            host,\n            remoteInfo,\n            url: jsUrl,\n            attrs: defaultAttrs,\n            context: createResourceContext(baseContext, 'js'),\n          }),\n        );\n      });\n    } else {\n      const defaultAttrs = {\n        fetchpriority: 'high',\n        type: remoteInfo?.type === 'module' ? 'module' : 'text/javascript',\n      };\n      jsAssetsWithoutEntry.forEach((jsUrl) => {\n        results.push(\n          waitForScriptPreload({\n            host,\n            remoteInfo,\n            url: jsUrl,\n            attrs: defaultAttrs,\n            context: createResourceContext(baseContext, 'js'),\n          }),\n        );\n      });\n    }\n  }\n\n  return Promise.all(results);\n}\n"],"mappings":"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"}