@module-federation/runtime 0.3.5 → 0.5.0

package/dist/index.cjs.js

@@ -142,29 +142,80 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
-    if (typeof document === 'undefined') {
-        return sdk.loadScriptNode(entry, {
-            attrs: {
-                name,
-                globalName
-            },
-            createScriptHook
-        }).then(()=>{
-            const { remoteEntryKey, entryExports } = share.getRemoteEntryExports(name, globalName);
-            share.assert(entryExports, `
-        Unable to use the ${name}'s '${entry}' URL with ${remoteEntryKey}'s globalName to get remoteEntry exports.
-        Possible reasons could be:\n
-        1. '${entry}' is not the correct URL, or the remoteEntry resource or name is incorrect.\n
-        2. ${remoteEntryKey} cannot be used to get remoteEntry exports in the window object.
-      `);
-            return entryExports;
-        }).catch((e)=>{
-            throw e;
-        });
-    }
     return sdk.loadScript(entry, {
         attrs: {},
-        createScriptHook
+        createScriptHook: (url, attrs)=>{
+            const res = createScriptHook.emit({
+                url,
+                attrs
+            });
+            if (!res) return;
+            if (res instanceof HTMLScriptElement) {
+                return res;
+            }
+            if ('script' in res || 'timeout' in res) {
+                return res;
+            }
+            return;
+        }
+    }).then(()=>{
+        const { remoteEntryKey, entryExports } = share.getRemoteEntryExports(name, globalName);
+        share.assert(entryExports, `
+      Unable to use the ${name}'s '${entry}' URL with ${remoteEntryKey}'s globalName to get remoteEntry exports.
+      Possible reasons could be:\n
+      1. '${entry}' is not the correct URL, or the remoteEntry resource or name is incorrect.\n
+      2. ${remoteEntryKey} cannot be used to get remoteEntry exports in the window object.
+    `);
+        return entryExports;
+    }).catch((e)=>{
+        throw e;
+    });
+}
+async function loadEntryDom({ remoteInfo, remoteEntryExports, createScriptHook }) {
+    const { entry, entryGlobalName: globalName, name, type } = remoteInfo;
+    switch(type){
+        case 'esm':
+        case 'module':
+            return loadEsmEntry({
+                entry,
+                remoteEntryExports
+            });
+        case 'system':
+            return loadSystemJsEntry({
+                entry,
+                remoteEntryExports
+            });
+        default:
+            return loadEntryScript({
+                entry,
+                globalName,
+                name,
+                createScriptHook
+            });
+    }
+}
+async function loadEntryNode({ remoteInfo, createScriptHook }) {
+    const { entry, entryGlobalName: globalName, name } = remoteInfo;
+    const { entryExports: remoteEntryExports } = share.getRemoteEntryExports(name, globalName);
+    if (remoteEntryExports) {
+        return remoteEntryExports;
+    }
+    return sdk.loadScriptNode(entry, {
+        attrs: {
+            name,
+            globalName
+        },
+        createScriptHook: (url, attrs)=>{
+            const res = createScriptHook.emit({
+                url,
+                attrs
+            });
+            if (!res) return;
+            if ('url' in res) {
+                return res;
+            }
+            return;
+        }
     }).then(()=>{
         const { remoteEntryKey, entryExports } = share.getRemoteEntryExports(name, globalName);
         share.assert(entryExports, `
@@ -182,33 +233,33 @@ function getRemoteEntryUniqueKey(remoteInfo) {
     const { entry, name } = remoteInfo;
     return sdk.composeKeyWithSeparator(name, entry);
 }
-async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook }) {
-    const { entry, name, type, entryGlobalName } = remoteInfo;
+async function getRemoteEntry({ origin, remoteEntryExports, remoteInfo }) {
     const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
     if (!share.globalLoading[uniqueKey]) {
-        if ([
-            'esm',
-            'module'
-        ].includes(type)) {
-            share.globalLoading[uniqueKey] = loadEsmEntry({
-                entry,
-                remoteEntryExports
-            });
-        } else if (type === 'system') {
-            share.globalLoading[uniqueKey] = loadSystemJsEntry({
-                entry,
+        const loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
+        if (loadEntryHook.listeners.size) {
+            share.globalLoading[uniqueKey] = loadEntryHook.emit({
+                createScriptHook: origin.loaderHook.lifecycle.createScript,
+                remoteInfo,
                 remoteEntryExports
-            });
+            }).then((res)=>res || undefined);
         } else {
-            share.globalLoading[uniqueKey] = loadEntryScript({
-                name,
-                globalName: entryGlobalName,
-                entry,
-                createScriptHook
-            });
+            const createScriptHook = origin.loaderHook.lifecycle.createScript;
+            if (!sdk.isBrowserEnv()) {
+                share.globalLoading[uniqueKey] = loadEntryNode({
+                    remoteInfo,
+                    createScriptHook
+                });
+            } else {
+                share.globalLoading[uniqueKey] = loadEntryDom({
+                    remoteInfo,
+                    remoteEntryExports,
+                    createScriptHook
+                });
+            }
         }
     }
     return share.globalLoading[uniqueKey];
@@ -243,26 +294,9 @@ let Module = class Module {
         }
         // Get remoteEntry.js
         const remoteEntryExports = await getRemoteEntry({
+            origin: this.host,
             remoteInfo: this.remoteInfo,
-            remoteEntryExports: this.remoteEntryExports,
-            createScriptHook: (url, attrs)=>{
-                const res = this.host.loaderHook.lifecycle.createScript.emit({
-                    url,
-                    attrs
-                });
-                if (!res) return;
-                if (typeof document === 'undefined') {
-                    //todo: needs real fix
-                    return res;
-                }
-                if (res instanceof HTMLScriptElement) {
-                    return res;
-                }
-                if ('script' in res || 'timeout' in res) {
-                    return res;
-                }
-                return;
-            }
+            remoteEntryExports: this.remoteEntryExports
         });
         share.assert(remoteEntryExports, `remoteEntryExports is undefined \n ${share.safeToString(this.remoteInfo)}`);
         this.remoteEntryExports = remoteEntryExports;
@@ -300,6 +334,9 @@ let Module = class Module {
                 remoteInfo: this.remoteInfo,
                 origin: this.host
             });
+            if (typeof (remoteEntryExports == null ? void 0 : remoteEntryExports.init) === 'undefined') {
+                console.error('The remote entry interface does not contain "init"', '\n', 'Ensure the name of this remote is not reserved or in use. Check if anything already exists on window[nameOfRemote]', '\n', 'Ensure that window[nameOfRemote] is returning a {get,init} object.');
+            }
             await remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
             await this.host.hooks.lifecycle.initContainer.emit(_extends$6({}, initContainerOptions, {
                 remoteEntryExports
@@ -595,65 +632,33 @@ useLinkPreload = true) {
             const module = host.moduleCache.get(remoteInfo.name);
             if (module) {
                 getRemoteEntry({
+                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: module.remoteEntryExports,
-                    createScriptHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createScript.emit({
-                            url,
-                            attrs
-                        });
-                        if (!res) return;
-                        if (typeof document === 'undefined') {
-                            //todo: needs real fix
-                            return res;
-                        }
-                        if (res instanceof HTMLScriptElement) {
-                            return res;
-                        }
-                        if ('script' in res || 'timeout' in res) {
-                            return res;
-                        }
-                        return;
-                    }
+                    remoteEntryExports: module.remoteEntryExports
                 });
             } else {
                 getRemoteEntry({
+                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: undefined,
-                    createScriptHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createScript.emit({
-                            url,
-                            attrs
-                        });
-                        if (!res) return;
-                        if (typeof document === 'undefined') {
-                            //todo: needs real fix
-                            return res;
-                        }
-                        if (res instanceof HTMLScriptElement) {
-                            return res;
-                        }
-                        if ('script' in res || 'timeout' in res) {
-                            return res;
-                        }
-                        return;
-                    }
+                    remoteEntryExports: undefined
                 });
             }
         });
         if (useLinkPreload) {
+            const defaultAttrs = {
+                rel: 'preload',
+                as: 'style',
+                crossorigin: 'anonymous'
+            };
             cssAssets.forEach((cssUrl)=>{
                 const { link: cssEl, needAttach } = sdk.createLink({
                     url: cssUrl,
                     cb: ()=>{},
-                    attrs: {
-                        rel: 'preload',
-                        as: 'style',
-                        crossorigin: 'anonymous'
-                    },
-                    createLinkHook: (url)=>{
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url
+                            url,
+                            attrs
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -664,17 +669,19 @@ useLinkPreload = true) {
                 needAttach && document.head.appendChild(cssEl);
             });
         } else {
+            const defaultAttrs = {
+                rel: 'stylesheet',
+                type: 'text/css'
+            };
             cssAssets.forEach((cssUrl)=>{
                 const { link: cssEl, needAttach } = sdk.createLink({
                     url: cssUrl,
                     cb: ()=>{},
-                    attrs: {
-                        rel: 'stylesheet',
-                        type: 'text/css'
-                    },
-                    createLinkHook: (url)=>{
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url
+                            url,
+                            attrs
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -687,18 +694,20 @@ useLinkPreload = true) {
             });
         }
         if (useLinkPreload) {
+            const defaultAttrs = {
+                rel: 'preload',
+                as: 'script',
+                crossorigin: 'anonymous'
+            };
             jsAssetsWithoutEntry.forEach((jsUrl)=>{
                 const { link: linkEl, needAttach } = sdk.createLink({
                     url: jsUrl,
                     cb: ()=>{},
-                    attrs: {
-                        rel: 'preload',
-                        as: 'script',
-                        crossorigin: 'anonymous'
-                    },
-                    createLinkHook: (url)=>{
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url
+                            url,
+                            attrs
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -709,14 +718,15 @@ useLinkPreload = true) {
                 needAttach && document.head.appendChild(linkEl);
             });
         } else {
+            const defaultAttrs = {
+                fetchpriority: 'high',
+                type: (remoteInfo == null ? void 0 : remoteInfo.type) === 'module' ? 'module' : 'text/javascript'
+            };
             jsAssetsWithoutEntry.forEach((jsUrl)=>{
                 const { script: scriptEl, needAttach } = sdk.createScript({
                     url: jsUrl,
                     cb: ()=>{},
-                    attrs: {
-                        fetchpriority: 'high',
-                        type: (remoteInfo == null ? void 0 : remoteInfo.type) === 'module' ? 'module' : 'text/javascript'
-                    },
+                    attrs: defaultAttrs,
                     createScriptHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createScript.emit({
                             url,
@@ -1940,7 +1950,8 @@ class RemoteHandler {
             beforePreloadRemote: new AsyncHook('beforePreloadRemote'),
             generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
             // not used yet
-            afterPreloadRemote: new AsyncHook()
+            afterPreloadRemote: new AsyncHook(),
+            loadEntry: new AsyncHook()
         });
         this.host = host;
         this.idToRemoteMap = {};
@@ -2066,7 +2077,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.3.5";
+        this.version = "0.5.0";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-import { g as getGlobalHostPlugins, a as globalLoading, D as DEFAULT_REMOTE_TYPE, b as DEFAULT_SCOPE, c as getRemoteEntryExports, d as assert, s as safeToString, e as getFMId, i as isObject, f as error, w as warn, h as isPlainObject, j as isRemoteInfoWithEntry, k as isPureRemoteEntry, l as getRemoteEntryInfoFromSnapshot, m as isBrowserEnv, n as getInfoWithoutType, o as getPreloaded, p as setPreloaded, q as getRegisteredShare, r as arrayOptions, t as getGlobalSnapshotInfoByModuleInfo, u as addGlobalSnapshot, v as setGlobalSnapshotInfoByModuleInfo, G as Global, x as getGlobalSnapshot, y as formatShareConfigs, z as getTargetSharedOptions, A as getGlobalShareScope, B as addUniqueItem, C as getBuilderId, E as setGlobalFederationConstructor, F as getGlobalFederationInstance, H as getGlobalFederationConstructor, I as setGlobalFederationInstance } from './share.esm.js';
+import { g as getGlobalHostPlugins, a as globalLoading, D as DEFAULT_REMOTE_TYPE, b as DEFAULT_SCOPE, c as getRemoteEntryExports, d as assert, s as safeToString, e as getFMId, i as isObject, f as error, w as warn, h as isPlainObject, j as isRemoteInfoWithEntry, k as isPureRemoteEntry, l as getRemoteEntryInfoFromSnapshot, m as isBrowserEnv$1, n as getInfoWithoutType, o as getPreloaded, p as setPreloaded, q as getRegisteredShare, r as arrayOptions, t as getGlobalSnapshotInfoByModuleInfo, u as addGlobalSnapshot, v as setGlobalSnapshotInfoByModuleInfo, G as Global, x as getGlobalSnapshot, y as formatShareConfigs, z as getTargetSharedOptions, A as getGlobalShareScope, B as addUniqueItem, C as getBuilderId, E as setGlobalFederationConstructor, F as getGlobalFederationInstance, H as getGlobalFederationConstructor, I as setGlobalFederationInstance } from './share.esm.js';
 export { J as registerGlobalPlugins } from './share.esm.js';
-import { loadScriptNode, loadScript, composeKeyWithSeparator, createLink, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn as warn$1, isBrowserEnv as isBrowserEnv$1 } from '@module-federation/sdk';
+import { isBrowserEnv, loadScriptNode, composeKeyWithSeparator, loadScript, createLink, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn as warn$1 } from '@module-federation/sdk';
 export { loadScript, loadScriptNode } from '@module-federation/sdk';
 
 // Function to match a remote with its name and expose
@@ -140,29 +140,80 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
-    if (typeof document === 'undefined') {
-        return loadScriptNode(entry, {
-            attrs: {
-                name,
-                globalName
-            },
-            createScriptHook
-        }).then(()=>{
-            const { remoteEntryKey, entryExports } = getRemoteEntryExports(name, globalName);
-            assert(entryExports, `
-        Unable to use the ${name}'s '${entry}' URL with ${remoteEntryKey}'s globalName to get remoteEntry exports.
-        Possible reasons could be:\n
-        1. '${entry}' is not the correct URL, or the remoteEntry resource or name is incorrect.\n
-        2. ${remoteEntryKey} cannot be used to get remoteEntry exports in the window object.
-      `);
-            return entryExports;
-        }).catch((e)=>{
-            throw e;
-        });
-    }
     return loadScript(entry, {
         attrs: {},
-        createScriptHook
+        createScriptHook: (url, attrs)=>{
+            const res = createScriptHook.emit({
+                url,
+                attrs
+            });
+            if (!res) return;
+            if (res instanceof HTMLScriptElement) {
+                return res;
+            }
+            if ('script' in res || 'timeout' in res) {
+                return res;
+            }
+            return;
+        }
+    }).then(()=>{
+        const { remoteEntryKey, entryExports } = getRemoteEntryExports(name, globalName);
+        assert(entryExports, `
+      Unable to use the ${name}'s '${entry}' URL with ${remoteEntryKey}'s globalName to get remoteEntry exports.
+      Possible reasons could be:\n
+      1. '${entry}' is not the correct URL, or the remoteEntry resource or name is incorrect.\n
+      2. ${remoteEntryKey} cannot be used to get remoteEntry exports in the window object.
+    `);
+        return entryExports;
+    }).catch((e)=>{
+        throw e;
+    });
+}
+async function loadEntryDom({ remoteInfo, remoteEntryExports, createScriptHook }) {
+    const { entry, entryGlobalName: globalName, name, type } = remoteInfo;
+    switch(type){
+        case 'esm':
+        case 'module':
+            return loadEsmEntry({
+                entry,
+                remoteEntryExports
+            });
+        case 'system':
+            return loadSystemJsEntry({
+                entry,
+                remoteEntryExports
+            });
+        default:
+            return loadEntryScript({
+                entry,
+                globalName,
+                name,
+                createScriptHook
+            });
+    }
+}
+async function loadEntryNode({ remoteInfo, createScriptHook }) {
+    const { entry, entryGlobalName: globalName, name } = remoteInfo;
+    const { entryExports: remoteEntryExports } = getRemoteEntryExports(name, globalName);
+    if (remoteEntryExports) {
+        return remoteEntryExports;
+    }
+    return loadScriptNode(entry, {
+        attrs: {
+            name,
+            globalName
+        },
+        createScriptHook: (url, attrs)=>{
+            const res = createScriptHook.emit({
+                url,
+                attrs
+            });
+            if (!res) return;
+            if ('url' in res) {
+                return res;
+            }
+            return;
+        }
     }).then(()=>{
         const { remoteEntryKey, entryExports } = getRemoteEntryExports(name, globalName);
         assert(entryExports, `
@@ -180,33 +231,33 @@ function getRemoteEntryUniqueKey(remoteInfo) {
     const { entry, name } = remoteInfo;
     return composeKeyWithSeparator(name, entry);
 }
-async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook }) {
-    const { entry, name, type, entryGlobalName } = remoteInfo;
+async function getRemoteEntry({ origin, remoteEntryExports, remoteInfo }) {
     const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
     if (!globalLoading[uniqueKey]) {
-        if ([
-            'esm',
-            'module'
-        ].includes(type)) {
-            globalLoading[uniqueKey] = loadEsmEntry({
-                entry,
-                remoteEntryExports
-            });
-        } else if (type === 'system') {
-            globalLoading[uniqueKey] = loadSystemJsEntry({
-                entry,
+        const loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
+        if (loadEntryHook.listeners.size) {
+            globalLoading[uniqueKey] = loadEntryHook.emit({
+                createScriptHook: origin.loaderHook.lifecycle.createScript,
+                remoteInfo,
                 remoteEntryExports
-            });
+            }).then((res)=>res || undefined);
         } else {
-            globalLoading[uniqueKey] = loadEntryScript({
-                name,
-                globalName: entryGlobalName,
-                entry,
-                createScriptHook
-            });
+            const createScriptHook = origin.loaderHook.lifecycle.createScript;
+            if (!isBrowserEnv()) {
+                globalLoading[uniqueKey] = loadEntryNode({
+                    remoteInfo,
+                    createScriptHook
+                });
+            } else {
+                globalLoading[uniqueKey] = loadEntryDom({
+                    remoteInfo,
+                    remoteEntryExports,
+                    createScriptHook
+                });
+            }
         }
     }
     return globalLoading[uniqueKey];
@@ -241,26 +292,9 @@ let Module = class Module {
         }
         // Get remoteEntry.js
         const remoteEntryExports = await getRemoteEntry({
+            origin: this.host,
             remoteInfo: this.remoteInfo,
-            remoteEntryExports: this.remoteEntryExports,
-            createScriptHook: (url, attrs)=>{
-                const res = this.host.loaderHook.lifecycle.createScript.emit({
-                    url,
-                    attrs
-                });
-                if (!res) return;
-                if (typeof document === 'undefined') {
-                    //todo: needs real fix
-                    return res;
-                }
-                if (res instanceof HTMLScriptElement) {
-                    return res;
-                }
-                if ('script' in res || 'timeout' in res) {
-                    return res;
-                }
-                return;
-            }
+            remoteEntryExports: this.remoteEntryExports
         });
         assert(remoteEntryExports, `remoteEntryExports is undefined \n ${safeToString(this.remoteInfo)}`);
         this.remoteEntryExports = remoteEntryExports;
@@ -298,6 +332,9 @@ let Module = class Module {
                 remoteInfo: this.remoteInfo,
                 origin: this.host
             });
+            if (typeof (remoteEntryExports == null ? void 0 : remoteEntryExports.init) === 'undefined') {
+                console.error('The remote entry interface does not contain "init"', '\n', 'Ensure the name of this remote is not reserved or in use. Check if anything already exists on window[nameOfRemote]', '\n', 'Ensure that window[nameOfRemote] is returning a {get,init} object.');
+            }
             await remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
             await this.host.hooks.lifecycle.initContainer.emit(_extends$6({}, initContainerOptions, {
                 remoteEntryExports
@@ -593,65 +630,33 @@ useLinkPreload = true) {
             const module = host.moduleCache.get(remoteInfo.name);
             if (module) {
                 getRemoteEntry({
+                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: module.remoteEntryExports,
-                    createScriptHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createScript.emit({
-                            url,
-                            attrs
-                        });
-                        if (!res) return;
-                        if (typeof document === 'undefined') {
-                            //todo: needs real fix
-                            return res;
-                        }
-                        if (res instanceof HTMLScriptElement) {
-                            return res;
-                        }
-                        if ('script' in res || 'timeout' in res) {
-                            return res;
-                        }
-                        return;
-                    }
+                    remoteEntryExports: module.remoteEntryExports
                 });
             } else {
                 getRemoteEntry({
+                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: undefined,
-                    createScriptHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createScript.emit({
-                            url,
-                            attrs
-                        });
-                        if (!res) return;
-                        if (typeof document === 'undefined') {
-                            //todo: needs real fix
-                            return res;
-                        }
-                        if (res instanceof HTMLScriptElement) {
-                            return res;
-                        }
-                        if ('script' in res || 'timeout' in res) {
-                            return res;
-                        }
-                        return;
-                    }
+                    remoteEntryExports: undefined
                 });
             }
         });
         if (useLinkPreload) {
+            const defaultAttrs = {
+                rel: 'preload',
+                as: 'style',
+                crossorigin: 'anonymous'
+            };
             cssAssets.forEach((cssUrl)=>{
                 const { link: cssEl, needAttach } = createLink({
                     url: cssUrl,
                     cb: ()=>{},
-                    attrs: {
-                        rel: 'preload',
-                        as: 'style',
-                        crossorigin: 'anonymous'
-                    },
-                    createLinkHook: (url)=>{
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url
+                            url,
+                            attrs
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -662,17 +667,19 @@ useLinkPreload = true) {
                 needAttach && document.head.appendChild(cssEl);
             });
         } else {
+            const defaultAttrs = {
+                rel: 'stylesheet',
+                type: 'text/css'
+            };
             cssAssets.forEach((cssUrl)=>{
                 const { link: cssEl, needAttach } = createLink({
                     url: cssUrl,
                     cb: ()=>{},
-                    attrs: {
-                        rel: 'stylesheet',
-                        type: 'text/css'
-                    },
-                    createLinkHook: (url)=>{
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url
+                            url,
+                            attrs
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -685,18 +692,20 @@ useLinkPreload = true) {
             });
         }
         if (useLinkPreload) {
+            const defaultAttrs = {
+                rel: 'preload',
+                as: 'script',
+                crossorigin: 'anonymous'
+            };
             jsAssetsWithoutEntry.forEach((jsUrl)=>{
                 const { link: linkEl, needAttach } = createLink({
                     url: jsUrl,
                     cb: ()=>{},
-                    attrs: {
-                        rel: 'preload',
-                        as: 'script',
-                        crossorigin: 'anonymous'
-                    },
-                    createLinkHook: (url)=>{
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url
+                            url,
+                            attrs
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -707,14 +716,15 @@ useLinkPreload = true) {
                 needAttach && document.head.appendChild(linkEl);
             });
         } else {
+            const defaultAttrs = {
+                fetchpriority: 'high',
+                type: (remoteInfo == null ? void 0 : remoteInfo.type) === 'module' ? 'module' : 'text/javascript'
+            };
             jsAssetsWithoutEntry.forEach((jsUrl)=>{
                 const { script: scriptEl, needAttach } = createScript({
                     url: jsUrl,
                     cb: ()=>{},
-                    attrs: {
-                        fetchpriority: 'high',
-                        type: (remoteInfo == null ? void 0 : remoteInfo.type) === 'module' ? 'module' : 'text/javascript'
-                    },
+                    attrs: defaultAttrs,
                     createScriptHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createScript.emit({
                             url,
@@ -753,7 +763,7 @@ function assignRemoteInfo(remoteInfo, remoteSnapshot) {
         error(`The attribute remoteEntry of ${remoteInfo.name} must not be undefined.`);
     }
     let entryUrl = getResourceUrl(remoteSnapshot, remoteEntryInfo.url);
-    if (!isBrowserEnv() && !entryUrl.startsWith('http')) {
+    if (!isBrowserEnv$1() && !entryUrl.startsWith('http')) {
         entryUrl = `https:${entryUrl}`;
     }
     remoteInfo.type = remoteEntryInfo.type;
@@ -1114,7 +1124,7 @@ class SnapshotHandler {
         // global snapshot includes manifest or module info includes manifest
         if (globalRemoteSnapshot) {
             if (isManifestProvider(globalRemoteSnapshot)) {
-                const remoteEntry = isBrowserEnv() ? globalRemoteSnapshot.remoteEntry : globalRemoteSnapshot.ssrRemoteEntry || globalRemoteSnapshot.remoteEntry || '';
+                const remoteEntry = isBrowserEnv$1() ? globalRemoteSnapshot.remoteEntry : globalRemoteSnapshot.ssrRemoteEntry || globalRemoteSnapshot.remoteEntry || '';
                 const moduleSnapshot = await this.getManifestJson(remoteEntry, moduleInfo, {});
                 // eslint-disable-next-line @typescript-eslint/no-shadow
                 const globalSnapshotRes = setGlobalSnapshotInfoByModuleInfo(_extends$3({}, moduleInfo, {
@@ -1785,7 +1795,7 @@ class RemoteHandler {
             }
             // Set the remote entry to a complete path
             if ('entry' in remote) {
-                if (isBrowserEnv$1() && !remote.entry.startsWith('http')) {
+                if (isBrowserEnv() && !remote.entry.startsWith('http')) {
                     remote.entry = new URL(remote.entry, window.location.origin).href;
                 }
             }
@@ -1938,7 +1948,8 @@ class RemoteHandler {
             beforePreloadRemote: new AsyncHook('beforePreloadRemote'),
             generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
             // not used yet
-            afterPreloadRemote: new AsyncHook()
+            afterPreloadRemote: new AsyncHook(),
+            loadEntry: new AsyncHook()
         });
         this.host = host;
         this.idToRemoteMap = {};
@@ -2064,7 +2075,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.3.5";
+        this.version = "0.5.0";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
@@ -2085,7 +2096,7 @@ class FederationHost {
             ],
             remotes: [],
             shared: {},
-            inBrowser: isBrowserEnv()
+            inBrowser: isBrowserEnv$1()
         };
         this.name = userOptions.name;
         this.options = defaultOptions;

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.3.5",
+  "version": "0.5.0",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./index.cjs.js",
   "module": "./index.esm.js",
@@ -29,6 +29,11 @@
       "import": "./dist/types.esm.js",
       "require": "./dist/types.cjs.js"
     },
+    "./retry-plugin": {
+      "types": "./dist/retry-plugin.cjs.d.ts",
+      "import": "./dist/retry-plugin.esm.js",
+      "require": "./dist/retry-plugin.cjs.js"
+    },
     "./*": "./*"
   },
   "typesVersions": {
@@ -41,6 +46,9 @@
       ],
       "types": [
         "./dist/types.cjs.d.ts"
+      ],
+      "retry-plugin": [
+        "./dist/retry-plugin.cjs.d.ts"
       ]
     }
   },

package/dist/retry-plugin.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./src/plugins/retry-plugin";
+export { default } from "./src/plugins/retry-plugin";

package/dist/retry-plugin.cjs.js

@@ -0,0 +1,68 @@
+'use strict';
+
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+const defaultRetries = 3;
+async function fetchWithRetry({ url, options = {}, retryTimes = defaultRetries, fallbackUrl = '' }) {
+    try {
+        const response = await fetch(url, options);
+        // To prevent the response object from being read multiple times and causing errors, clone it
+        const responseClone = response.clone();
+        // Network error
+        if (!response.ok) {
+            throw new Error(`Server error：${response.status}`);
+        }
+        // parse json error
+        await responseClone.json().catch((error)=>{
+            throw new Error(`Json parse error: ${error}, url is: ${url}`);
+        });
+        return response;
+    } catch (error) {
+        if (retryTimes <= 0) {
+            console.log(`>>>>>>>>> retry failed after ${defaultRetries} times for url: ${url}, now will try fallbackUrl url: ${fallbackUrl} <<<<<<<<<`);
+            if (fallbackUrl && fallbackUrl !== url) {
+                return fetchWithRetry({
+                    url: fallbackUrl,
+                    options,
+                    retryTimes: 1,
+                    fallbackUrl
+                });
+            }
+            throw new Error('The request failed three times and has now been abandoned');
+        }
+        // If there are remaining times, delay 1 second and try again
+        await new Promise((resolve)=>setTimeout(resolve, 1000));
+        console.log(`Trying again. Number of retries available：${retryTimes - 1}`);
+        return await fetchWithRetry({
+            url,
+            options,
+            retryTimes: retryTimes - 1,
+            fallbackUrl
+        });
+    }
+}
+const RetryPlugin = (params)=>({
+        name: 'retry-plugin',
+        async fetch (url, options) {
+            return fetchWithRetry({
+                url,
+                options: _extends({}, options, params == null ? void 0 : params.options),
+                retryTimes: params == null ? void 0 : params.retryTimes,
+                fallbackUrl: params == null ? void 0 : params.fallbackUrl
+            });
+        }
+    });
+
+module.exports = RetryPlugin;

package/dist/retry-plugin.esm.js

@@ -0,0 +1,66 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+const defaultRetries = 3;
+async function fetchWithRetry({ url, options = {}, retryTimes = defaultRetries, fallbackUrl = '' }) {
+    try {
+        const response = await fetch(url, options);
+        // To prevent the response object from being read multiple times and causing errors, clone it
+        const responseClone = response.clone();
+        // Network error
+        if (!response.ok) {
+            throw new Error(`Server error：${response.status}`);
+        }
+        // parse json error
+        await responseClone.json().catch((error)=>{
+            throw new Error(`Json parse error: ${error}, url is: ${url}`);
+        });
+        return response;
+    } catch (error) {
+        if (retryTimes <= 0) {
+            console.log(`>>>>>>>>> retry failed after ${defaultRetries} times for url: ${url}, now will try fallbackUrl url: ${fallbackUrl} <<<<<<<<<`);
+            if (fallbackUrl && fallbackUrl !== url) {
+                return fetchWithRetry({
+                    url: fallbackUrl,
+                    options,
+                    retryTimes: 1,
+                    fallbackUrl
+                });
+            }
+            throw new Error('The request failed three times and has now been abandoned');
+        }
+        // If there are remaining times, delay 1 second and try again
+        await new Promise((resolve)=>setTimeout(resolve, 1000));
+        console.log(`Trying again. Number of retries available：${retryTimes - 1}`);
+        return await fetchWithRetry({
+            url,
+            options,
+            retryTimes: retryTimes - 1,
+            fallbackUrl
+        });
+    }
+}
+const RetryPlugin = (params)=>({
+        name: 'retry-plugin',
+        async fetch (url, options) {
+            return fetchWithRetry({
+                url,
+                options: _extends({}, options, params == null ? void 0 : params.options),
+                retryTimes: params == null ? void 0 : params.retryTimes,
+                fallbackUrl: params == null ? void 0 : params.fallbackUrl
+            });
+        }
+    });
+
+export { RetryPlugin as default };

package/dist/share.cjs.js

@@ -212,7 +212,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
     if (isDebug) {
         globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.3.5";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.5.0";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types
@@ -711,7 +711,7 @@ function formatShare(shareArgs, from, name) {
             strictVersion: false
         }, shareArgs.shareConfig),
         get,
-        loaded: 'lib' in shareArgs ? true : undefined,
+        loaded: (shareArgs == null ? void 0 : shareArgs.loaded) || 'lib' in shareArgs ? true : undefined,
         version: (_shareArgs_version = shareArgs.version) != null ? _shareArgs_version : '0',
         scope: Array.isArray(shareArgs.scope) ? shareArgs.scope : [
             (_shareArgs_scope = shareArgs.scope) != null ? _shareArgs_scope : 'default'

package/dist/share.esm.js

@@ -210,7 +210,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
     if (isDebug) {
         globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.3.5";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.5.0";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types
@@ -709,7 +709,7 @@ function formatShare(shareArgs, from, name) {
             strictVersion: false
         }, shareArgs.shareConfig),
         get,
-        loaded: 'lib' in shareArgs ? true : undefined,
+        loaded: (shareArgs == null ? void 0 : shareArgs.loaded) || 'lib' in shareArgs ? true : undefined,
         version: (_shareArgs_version = shareArgs.version) != null ? _shareArgs_version : '0',
         scope: Array.isArray(shareArgs.scope) ? shareArgs.scope : [
             (_shareArgs_scope = shareArgs.scope) != null ? _shareArgs_scope : 'default'

package/dist/src/core.d.ts

@@ -55,6 +55,7 @@ export declare class FederationHost {
         }], CreateScriptHookReturn>;
         createLink: SyncHook<[{
             url: string;
+            attrs?: Record<string, any>;
         }], void | HTMLLinkElement>;
         fetch: AsyncHook<[string, RequestInit], false | void | Promise<Response>>;
     }>;

package/dist/src/plugins/retry-plugin.d.ts

@@ -0,0 +1,9 @@
+import { FederationRuntimePlugin } from '../type/plugin';
+interface FetchWithRetryOptions {
+    url: string;
+    options?: RequestInit;
+    retryTimes?: number;
+    fallbackUrl?: string;
+}
+declare const RetryPlugin: (params?: Omit<FetchWithRetryOptions, 'url'>) => FederationRuntimePlugin;
+export default RetryPlugin;

package/dist/src/remote/index.d.ts

@@ -1,5 +1,5 @@
 import type { ModuleInfo, GlobalModuleInfo } from '@module-federation/sdk';
-import { Options, UserOptions, PreloadAssets, PreloadOptions, PreloadRemoteArgs, Remote, RemoteInfo } from '../type';
+import { Options, UserOptions, PreloadAssets, PreloadOptions, PreloadRemoteArgs, Remote, RemoteInfo, RemoteEntryExports } from '../type';
 import { FederationHost } from '../core';
 import { PluginSystem, AsyncHook, AsyncWaterfallHook, SyncHook, SyncWaterfallHook } from '../utils/hooks';
 import { Module, ModuleOptions } from '../module';
@@ -78,6 +78,11 @@ export declare class RemoteHandler {
             options: Options;
             origin: FederationHost;
         }, false | void | Promise<false | void>>;
+        loadEntry: AsyncHook<[{
+            createScriptHook: FederationHost["loaderHook"]["lifecycle"]["createScript"];
+            remoteInfo: RemoteInfo;
+            remoteEntryExports?: RemoteEntryExports;
+        }], Promise<RemoteEntryExports>>;
     }>;
     constructor(host: FederationHost);
     formatAndRegisterRemote(globalOptions: Options, userOptions: UserOptions): Remote[];

package/dist/src/type/config.d.ts

@@ -41,6 +41,7 @@ type SharedBaseArgs = {
     scope?: string | Array<string>;
     deps?: Array<string>;
     strategy?: 'version-first' | 'loaded-first';
+    loaded?: boolean;
 };
 export type SharedGetter = (() => () => Module) | (() => Promise<() => Module>);
 export type ShareArgs = (SharedBaseArgs & {

package/dist/src/utils/load.d.ts

@@ -1,23 +1,9 @@
-import { CreateScriptHookReturn } from '@module-federation/sdk';
+import { FederationHost } from '../core';
 import { Remote, RemoteEntryExports, RemoteInfo } from '../type';
-export declare function loadEsmEntry({ entry, remoteEntryExports, }: {
-    entry: string;
-    remoteEntryExports: RemoteEntryExports | undefined;
-}): Promise<RemoteEntryExports>;
-export declare function loadSystemJsEntry({ entry, remoteEntryExports, }: {
-    entry: string;
-    remoteEntryExports: RemoteEntryExports | undefined;
-}): Promise<RemoteEntryExports>;
-export declare function loadEntryScript({ name, globalName, entry, createScriptHook, }: {
-    name: string;
-    globalName: string;
-    entry: string;
-    createScriptHook?: (url: string, attrs?: Record<string, any> | undefined) => CreateScriptHookReturn;
-}): Promise<RemoteEntryExports>;
 export declare function getRemoteEntryUniqueKey(remoteInfo: RemoteInfo): string;
-export declare function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook, }: {
+export declare function getRemoteEntry({ origin, remoteEntryExports, remoteInfo, }: {
+    origin: FederationHost;
     remoteInfo: RemoteInfo;
     remoteEntryExports?: RemoteEntryExports | undefined;
-    createScriptHook?: (url: string, attrs?: Record<string, any> | undefined) => CreateScriptHookReturn;
-}): Promise<RemoteEntryExports | void>;
+}): Promise<RemoteEntryExports | false | void>;
 export declare function getRemoteInfo(remote: Remote): RemoteInfo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.3.5",
+  "version": "0.5.0",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -29,6 +29,11 @@
       "import": "./dist/types.esm.js",
       "require": "./dist/types.cjs.js"
     },
+    "./retry-plugin": {
+      "types": "./dist/retry-plugin.cjs.d.ts",
+      "import": "./dist/retry-plugin.esm.js",
+      "require": "./dist/retry-plugin.cjs.js"
+    },
     "./*": "./*"
   },
   "typesVersions": {
@@ -41,10 +46,13 @@
       ],
       "types": [
         "./dist/types.cjs.d.ts"
+      ],
+      "retry-plugin": [
+        "./dist/retry-plugin.cjs.d.ts"
       ]
     }
   },
   "dependencies": {
-    "@module-federation/sdk": "0.3.5"
+    "@module-federation/sdk": "0.5.0"
   }
 }