@module-federation/runtime 0.0.0-next-20240814104132 → 0.0.0-next-20240815093707

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;
@@ -598,49 +632,15 @@ 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
                 });
             }
         });
@@ -1123,6 +1123,8 @@ class SnapshotHandler {
             remoteSnapshot,
             globalSnapshot
         });
+        let mSnapshot;
+        let gSnapshot;
         // global snapshot includes manifest or module info includes manifest
         if (globalRemoteSnapshot) {
             if (sdk.isManifestProvider(globalRemoteSnapshot)) {
@@ -1134,10 +1136,8 @@ class SnapshotHandler {
                     // Therefore, set the snapshot key to the global address of the actual request
                     entry: remoteEntry
                 }), moduleSnapshot);
-                return {
-                    remoteSnapshot: moduleSnapshot,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = moduleSnapshot;
+                gSnapshot = globalSnapshotRes;
             } else {
                 const { remoteSnapshot: remoteSnapshotRes } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
                     options: this.HostInstance.options,
@@ -1145,10 +1145,8 @@ class SnapshotHandler {
                     remoteSnapshot: globalRemoteSnapshot,
                     from: 'global'
                 });
-                return {
-                    remoteSnapshot: remoteSnapshotRes,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = remoteSnapshotRes;
+                gSnapshot = globalSnapshotRes;
             }
         } else {
             if (share.isRemoteInfoWithEntry(moduleInfo)) {
@@ -1162,10 +1160,8 @@ class SnapshotHandler {
                     remoteSnapshot: moduleSnapshot,
                     from: 'global'
                 });
-                return {
-                    remoteSnapshot: remoteSnapshotRes,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = remoteSnapshotRes;
+                gSnapshot = globalSnapshotRes;
             } else {
                 share.error(`
           Cannot get remoteSnapshot with the name: '${moduleInfo.name}', version: '${moduleInfo.version}' from __FEDERATION__.moduleInfo. The following reasons may be causing the problem:\n
@@ -1175,6 +1171,10 @@ class SnapshotHandler {
         `);
             }
         }
+        return {
+            remoteSnapshot: mSnapshot,
+            globalSnapshot: gSnapshot
+        };
     }
     getGlobalRemoteInfo(moduleInfo) {
         return getGlobalRemoteInfo(moduleInfo, this.HostInstance);
@@ -1227,7 +1227,8 @@ class SnapshotHandler {
         this.hooks = new PluginSystem({
             beforeLoadRemoteSnapshot: new AsyncHook('beforeLoadRemoteSnapshot'),
             loadSnapshot: new AsyncWaterfallHook('loadGlobalSnapshot'),
-            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
+            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot'),
+            afterLoadSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
         });
         this.manifestLoading = share.Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
@@ -1950,7 +1951,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 = {};

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;
@@ -596,49 +630,15 @@ 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
                 });
             }
         });
@@ -763,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;
@@ -1121,10 +1121,12 @@ class SnapshotHandler {
             remoteSnapshot,
             globalSnapshot
         });
+        let mSnapshot;
+        let gSnapshot;
         // 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, {
@@ -1132,10 +1134,8 @@ class SnapshotHandler {
                     // Therefore, set the snapshot key to the global address of the actual request
                     entry: remoteEntry
                 }), moduleSnapshot);
-                return {
-                    remoteSnapshot: moduleSnapshot,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = moduleSnapshot;
+                gSnapshot = globalSnapshotRes;
             } else {
                 const { remoteSnapshot: remoteSnapshotRes } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
                     options: this.HostInstance.options,
@@ -1143,10 +1143,8 @@ class SnapshotHandler {
                     remoteSnapshot: globalRemoteSnapshot,
                     from: 'global'
                 });
-                return {
-                    remoteSnapshot: remoteSnapshotRes,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = remoteSnapshotRes;
+                gSnapshot = globalSnapshotRes;
             }
         } else {
             if (isRemoteInfoWithEntry(moduleInfo)) {
@@ -1160,10 +1158,8 @@ class SnapshotHandler {
                     remoteSnapshot: moduleSnapshot,
                     from: 'global'
                 });
-                return {
-                    remoteSnapshot: remoteSnapshotRes,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = remoteSnapshotRes;
+                gSnapshot = globalSnapshotRes;
             } else {
                 error(`
           Cannot get remoteSnapshot with the name: '${moduleInfo.name}', version: '${moduleInfo.version}' from __FEDERATION__.moduleInfo. The following reasons may be causing the problem:\n
@@ -1173,6 +1169,10 @@ class SnapshotHandler {
         `);
             }
         }
+        return {
+            remoteSnapshot: mSnapshot,
+            globalSnapshot: gSnapshot
+        };
     }
     getGlobalRemoteInfo(moduleInfo) {
         return getGlobalRemoteInfo(moduleInfo, this.HostInstance);
@@ -1225,7 +1225,8 @@ class SnapshotHandler {
         this.hooks = new PluginSystem({
             beforeLoadRemoteSnapshot: new AsyncHook('beforeLoadRemoteSnapshot'),
             loadSnapshot: new AsyncWaterfallHook('loadGlobalSnapshot'),
-            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
+            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot'),
+            afterLoadSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
         });
         this.manifestLoading = Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
@@ -1795,7 +1796,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;
                 }
             }
@@ -1948,7 +1949,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 = {};
@@ -2095,7 +2097,7 @@ class FederationHost {
             ],
             remotes: [],
             shared: {},
-            inBrowser: isBrowserEnv()
+            inBrowser: isBrowserEnv$1()
         };
         this.name = userOptions.name;
         this.options = defaultOptions;

package/dist/package.json

@@ -29,11 +29,6 @@
       "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": {
@@ -46,9 +41,6 @@
       ],
       "types": [
         "./dist/types.cjs.d.ts"
-      ],
-      "retry-plugin": [
-        "./dist/retry-plugin.cjs.d.ts"
       ]
     }
   },

package/dist/src/plugins/snapshot/SnapshotHandler.d.ts

@@ -32,6 +32,11 @@ export declare class SnapshotHandler {
             remoteSnapshot: ModuleInfo;
             from: "global" | "manifest";
         }>;
+        afterLoadSnapshot: AsyncWaterfallHook<{
+            options: Options;
+            moduleInfo: Remote;
+            remoteSnapshot: ModuleInfo;
+        }>;
     }>;
     loaderHook: FederationHost['loaderHook'];
     manifestLoading: Record<string, Promise<ModuleInfo>>;

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/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.0.0-next-20240814104132",
+  "version": "0.0.0-next-20240815093707",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -29,11 +29,6 @@
       "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": {
@@ -46,13 +41,10 @@
       ],
       "types": [
         "./dist/types.cjs.d.ts"
-      ],
-      "retry-plugin": [
-        "./dist/retry-plugin.cjs.d.ts"
       ]
     }
   },
   "dependencies": {
-    "@module-federation/sdk": "0.0.0-next-20240814104132"
+    "@module-federation/sdk": "0.0.0-next-20240815093707"
   }
 }

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

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

package/dist/retry-plugin.cjs.js

@@ -1,68 +0,0 @@
-'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

@@ -1,66 +0,0 @@
-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/src/plugins/retry-plugin.d.ts

@@ -1,9 +0,0 @@
-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;