@module-federation/runtime 0.0.0-next-20240814085621 → 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;
@@ -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,
@@ -1113,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)) {
@@ -1124,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,
@@ -1135,10 +1145,8 @@ class SnapshotHandler {
                     remoteSnapshot: globalRemoteSnapshot,
                     from: 'global'
                 });
-                return {
-                    remoteSnapshot: remoteSnapshotRes,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = remoteSnapshotRes;
+                gSnapshot = globalSnapshotRes;
             }
         } else {
             if (share.isRemoteInfoWithEntry(moduleInfo)) {
@@ -1152,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
@@ -1165,6 +1171,10 @@ class SnapshotHandler {
         `);
             }
         }
+        return {
+            remoteSnapshot: mSnapshot,
+            globalSnapshot: gSnapshot
+        };
     }
     getGlobalRemoteInfo(moduleInfo) {
         return getGlobalRemoteInfo(moduleInfo, this.HostInstance);
@@ -1217,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;
@@ -1940,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 = {};
@@ -2066,7 +2078,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.3.5";
+        this.version = "0.4.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;
@@ -1111,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, {
@@ -1122,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,
@@ -1133,10 +1143,8 @@ class SnapshotHandler {
                     remoteSnapshot: globalRemoteSnapshot,
                     from: 'global'
                 });
-                return {
-                    remoteSnapshot: remoteSnapshotRes,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = remoteSnapshotRes;
+                gSnapshot = globalSnapshotRes;
             }
         } else {
             if (isRemoteInfoWithEntry(moduleInfo)) {
@@ -1150,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
@@ -1163,6 +1169,10 @@ class SnapshotHandler {
         `);
             }
         }
+        return {
+            remoteSnapshot: mSnapshot,
+            globalSnapshot: gSnapshot
+        };
     }
     getGlobalRemoteInfo(moduleInfo) {
         return getGlobalRemoteInfo(moduleInfo, this.HostInstance);
@@ -1215,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;
@@ -1785,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;
                 }
             }
@@ -1938,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 = {};
@@ -2064,7 +2076,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.3.5";
+        this.version = "0.4.0";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
@@ -2085,7 +2097,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.4.0",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./index.cjs.js",
   "module": "./index.esm.js",

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.4.0";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

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.4.0";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

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/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-20240814085621",
+  "version": "0.0.0-next-20240815093707",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -45,6 +45,6 @@
     }
   },
   "dependencies": {
-    "@module-federation/sdk": "0.0.0-next-20240814085621"
+    "@module-federation/sdk": "0.0.0-next-20240815093707"
   }
 }