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

package/dist/index.cjs.js

@@ -142,80 +142,29 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
-    return sdk.loadScript(entry, {
-        attrs: {},
-        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,
+    if (typeof document === 'undefined') {
+        return sdk.loadScriptNode(entry, {
+            attrs: {
                 name,
-                createScriptHook
-            });
-    }
-}
-async function loadEntryNode({ remoteInfo, createScriptHook }) {
-    const { entry, entryGlobalName: globalName, name } = remoteInfo;
-    const { entryExports: remoteEntryExports } = share.getRemoteEntryExports(name, globalName);
-    if (remoteEntryExports) {
-        return remoteEntryExports;
+                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.loadScriptNode(entry, {
-        attrs: {
-            name,
-            globalName
-        },
-        createScriptHook: (url, attrs)=>{
-            const res = createScriptHook.emit({
-                url,
-                attrs
-            });
-            if (!res) return;
-            if ('url' in res) {
-                return res;
-            }
-            return;
-        }
+    return sdk.loadScript(entry, {
+        attrs: {},
+        createScriptHook
     }).then(()=>{
         const { remoteEntryKey, entryExports } = share.getRemoteEntryExports(name, globalName);
         share.assert(entryExports, `
@@ -233,33 +182,33 @@ function getRemoteEntryUniqueKey(remoteInfo) {
     const { entry, name } = remoteInfo;
     return sdk.composeKeyWithSeparator(name, entry);
 }
-async function getRemoteEntry({ origin, remoteEntryExports, remoteInfo }) {
+async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook }) {
+    const { entry, name, type, entryGlobalName } = remoteInfo;
     const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
     if (!share.globalLoading[uniqueKey]) {
-        const loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
-        if (loadEntryHook.listeners.size) {
-            share.globalLoading[uniqueKey] = loadEntryHook.emit({
-                createScriptHook: origin.loaderHook.lifecycle.createScript,
-                remoteInfo,
+        if ([
+            'esm',
+            'module'
+        ].includes(type)) {
+            share.globalLoading[uniqueKey] = loadEsmEntry({
+                entry,
+                remoteEntryExports
+            });
+        } else if (type === 'system') {
+            share.globalLoading[uniqueKey] = loadSystemJsEntry({
+                entry,
                 remoteEntryExports
-            }).then((res)=>res || undefined);
+            });
         } else {
-            const createScriptHook = origin.loaderHook.lifecycle.createScript;
-            if (!sdk.isBrowserEnv()) {
-                share.globalLoading[uniqueKey] = loadEntryNode({
-                    remoteInfo,
-                    createScriptHook
-                });
-            } else {
-                share.globalLoading[uniqueKey] = loadEntryDom({
-                    remoteInfo,
-                    remoteEntryExports,
-                    createScriptHook
-                });
-            }
+            share.globalLoading[uniqueKey] = loadEntryScript({
+                name,
+                globalName: entryGlobalName,
+                entry,
+                createScriptHook
+            });
         }
     }
     return share.globalLoading[uniqueKey];
@@ -294,9 +243,26 @@ let Module = class Module {
         }
         // Get remoteEntry.js
         const remoteEntryExports = await getRemoteEntry({
-            origin: this.host,
             remoteInfo: this.remoteInfo,
-            remoteEntryExports: this.remoteEntryExports
+            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;
+            }
         });
         share.assert(remoteEntryExports, `remoteEntryExports is undefined \n ${share.safeToString(this.remoteInfo)}`);
         this.remoteEntryExports = remoteEntryExports;
@@ -334,9 +300,6 @@ 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
@@ -632,33 +595,65 @@ useLinkPreload = true) {
             const module = host.moduleCache.get(remoteInfo.name);
             if (module) {
                 getRemoteEntry({
-                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: module.remoteEntryExports
+                    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;
+                    }
                 });
             } else {
                 getRemoteEntry({
-                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: undefined
+                    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;
+                    }
                 });
             }
         });
         if (useLinkPreload) {
-            const defaultAttrs = {
-                rel: 'preload',
-                as: 'style',
-                crossorigin: 'anonymous'
-            };
             cssAssets.forEach((cssUrl)=>{
                 const { link: cssEl, needAttach } = sdk.createLink({
                     url: cssUrl,
                     cb: ()=>{},
-                    attrs: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
+                    attrs: {
+                        rel: 'preload',
+                        as: 'style',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
+                            url
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -669,19 +664,17 @@ 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: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
+                    attrs: {
+                        rel: 'stylesheet',
+                        type: 'text/css'
+                    },
+                    createLinkHook: (url)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
+                            url
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -694,20 +687,18 @@ 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: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
+                    attrs: {
+                        rel: 'preload',
+                        as: 'script',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
+                            url
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -718,15 +709,14 @@ 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: defaultAttrs,
+                    attrs: {
+                        fetchpriority: 'high',
+                        type: (remoteInfo == null ? void 0 : remoteInfo.type) === 'module' ? 'module' : 'text/javascript'
+                    },
                     createScriptHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createScript.emit({
                             url,
@@ -1123,8 +1113,6 @@ class SnapshotHandler {
             remoteSnapshot,
             globalSnapshot
         });
-        let mSnapshot;
-        let gSnapshot;
         // global snapshot includes manifest or module info includes manifest
         if (globalRemoteSnapshot) {
             if (sdk.isManifestProvider(globalRemoteSnapshot)) {
@@ -1136,8 +1124,10 @@ class SnapshotHandler {
                     // Therefore, set the snapshot key to the global address of the actual request
                     entry: remoteEntry
                 }), moduleSnapshot);
-                mSnapshot = moduleSnapshot;
-                gSnapshot = globalSnapshotRes;
+                return {
+                    remoteSnapshot: moduleSnapshot,
+                    globalSnapshot: globalSnapshotRes
+                };
             } else {
                 const { remoteSnapshot: remoteSnapshotRes } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
                     options: this.HostInstance.options,
@@ -1145,8 +1135,10 @@ class SnapshotHandler {
                     remoteSnapshot: globalRemoteSnapshot,
                     from: 'global'
                 });
-                mSnapshot = remoteSnapshotRes;
-                gSnapshot = globalSnapshotRes;
+                return {
+                    remoteSnapshot: remoteSnapshotRes,
+                    globalSnapshot: globalSnapshotRes
+                };
             }
         } else {
             if (share.isRemoteInfoWithEntry(moduleInfo)) {
@@ -1160,8 +1152,10 @@ class SnapshotHandler {
                     remoteSnapshot: moduleSnapshot,
                     from: 'global'
                 });
-                mSnapshot = remoteSnapshotRes;
-                gSnapshot = globalSnapshotRes;
+                return {
+                    remoteSnapshot: remoteSnapshotRes,
+                    globalSnapshot: 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
@@ -1171,10 +1165,6 @@ class SnapshotHandler {
         `);
             }
         }
-        return {
-            remoteSnapshot: mSnapshot,
-            globalSnapshot: gSnapshot
-        };
     }
     getGlobalRemoteInfo(moduleInfo) {
         return getGlobalRemoteInfo(moduleInfo, this.HostInstance);
@@ -1227,8 +1217,7 @@ class SnapshotHandler {
         this.hooks = new PluginSystem({
             beforeLoadRemoteSnapshot: new AsyncHook('beforeLoadRemoteSnapshot'),
             loadSnapshot: new AsyncWaterfallHook('loadGlobalSnapshot'),
-            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot'),
-            afterLoadSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
+            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
         });
         this.manifestLoading = share.Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
@@ -1951,8 +1940,7 @@ class RemoteHandler {
             beforePreloadRemote: new AsyncHook('beforePreloadRemote'),
             generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
             // not used yet
-            afterPreloadRemote: new AsyncHook(),
-            loadEntry: new AsyncHook()
+            afterPreloadRemote: new AsyncHook()
         });
         this.host = host;
         this.idToRemoteMap = {};
@@ -2078,7 +2066,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.4.0";
+        this.version = "0.3.5";
         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$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';
+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';
 export { J as registerGlobalPlugins } from './share.esm.js';
-import { isBrowserEnv, loadScriptNode, composeKeyWithSeparator, loadScript, createLink, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn as warn$1 } from '@module-federation/sdk';
+import { loadScriptNode, loadScript, composeKeyWithSeparator, createLink, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn as warn$1, isBrowserEnv as isBrowserEnv$1 } from '@module-federation/sdk';
 export { loadScript, loadScriptNode } from '@module-federation/sdk';
 
 // Function to match a remote with its name and expose
@@ -140,80 +140,29 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
-    return loadScript(entry, {
-        attrs: {},
-        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,
+    if (typeof document === 'undefined') {
+        return loadScriptNode(entry, {
+            attrs: {
                 name,
-                createScriptHook
-            });
-    }
-}
-async function loadEntryNode({ remoteInfo, createScriptHook }) {
-    const { entry, entryGlobalName: globalName, name } = remoteInfo;
-    const { entryExports: remoteEntryExports } = getRemoteEntryExports(name, globalName);
-    if (remoteEntryExports) {
-        return remoteEntryExports;
+                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 loadScriptNode(entry, {
-        attrs: {
-            name,
-            globalName
-        },
-        createScriptHook: (url, attrs)=>{
-            const res = createScriptHook.emit({
-                url,
-                attrs
-            });
-            if (!res) return;
-            if ('url' in res) {
-                return res;
-            }
-            return;
-        }
+    return loadScript(entry, {
+        attrs: {},
+        createScriptHook
     }).then(()=>{
         const { remoteEntryKey, entryExports } = getRemoteEntryExports(name, globalName);
         assert(entryExports, `
@@ -231,33 +180,33 @@ function getRemoteEntryUniqueKey(remoteInfo) {
     const { entry, name } = remoteInfo;
     return composeKeyWithSeparator(name, entry);
 }
-async function getRemoteEntry({ origin, remoteEntryExports, remoteInfo }) {
+async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook }) {
+    const { entry, name, type, entryGlobalName } = remoteInfo;
     const uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
     if (!globalLoading[uniqueKey]) {
-        const loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
-        if (loadEntryHook.listeners.size) {
-            globalLoading[uniqueKey] = loadEntryHook.emit({
-                createScriptHook: origin.loaderHook.lifecycle.createScript,
-                remoteInfo,
+        if ([
+            'esm',
+            'module'
+        ].includes(type)) {
+            globalLoading[uniqueKey] = loadEsmEntry({
+                entry,
+                remoteEntryExports
+            });
+        } else if (type === 'system') {
+            globalLoading[uniqueKey] = loadSystemJsEntry({
+                entry,
                 remoteEntryExports
-            }).then((res)=>res || undefined);
+            });
         } else {
-            const createScriptHook = origin.loaderHook.lifecycle.createScript;
-            if (!isBrowserEnv()) {
-                globalLoading[uniqueKey] = loadEntryNode({
-                    remoteInfo,
-                    createScriptHook
-                });
-            } else {
-                globalLoading[uniqueKey] = loadEntryDom({
-                    remoteInfo,
-                    remoteEntryExports,
-                    createScriptHook
-                });
-            }
+            globalLoading[uniqueKey] = loadEntryScript({
+                name,
+                globalName: entryGlobalName,
+                entry,
+                createScriptHook
+            });
         }
     }
     return globalLoading[uniqueKey];
@@ -292,9 +241,26 @@ let Module = class Module {
         }
         // Get remoteEntry.js
         const remoteEntryExports = await getRemoteEntry({
-            origin: this.host,
             remoteInfo: this.remoteInfo,
-            remoteEntryExports: this.remoteEntryExports
+            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;
+            }
         });
         assert(remoteEntryExports, `remoteEntryExports is undefined \n ${safeToString(this.remoteInfo)}`);
         this.remoteEntryExports = remoteEntryExports;
@@ -332,9 +298,6 @@ 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
@@ -630,33 +593,65 @@ useLinkPreload = true) {
             const module = host.moduleCache.get(remoteInfo.name);
             if (module) {
                 getRemoteEntry({
-                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: module.remoteEntryExports
+                    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;
+                    }
                 });
             } else {
                 getRemoteEntry({
-                    origin: host,
                     remoteInfo: moduleInfo,
-                    remoteEntryExports: undefined
+                    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;
+                    }
                 });
             }
         });
         if (useLinkPreload) {
-            const defaultAttrs = {
-                rel: 'preload',
-                as: 'style',
-                crossorigin: 'anonymous'
-            };
             cssAssets.forEach((cssUrl)=>{
                 const { link: cssEl, needAttach } = createLink({
                     url: cssUrl,
                     cb: ()=>{},
-                    attrs: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
+                    attrs: {
+                        rel: 'preload',
+                        as: 'style',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
+                            url
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -667,19 +662,17 @@ 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: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
+                    attrs: {
+                        rel: 'stylesheet',
+                        type: 'text/css'
+                    },
+                    createLinkHook: (url)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
+                            url
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -692,20 +685,18 @@ useLinkPreload = true) {
             });
         }
         if (useLinkPreload) {
-            const defaultAttrs = {
-                rel: 'preload',
-                as: 'script',
-                crossorigin: 'anonymous'
-            };
             jsAssetsWithoutEntry.forEach((jsUrl)=>{
                 const { link: linkEl, needAttach } = createLink({
                     url: jsUrl,
                     cb: ()=>{},
-                    attrs: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
+                    attrs: {
+                        rel: 'preload',
+                        as: 'script',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
                         const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
+                            url
                         });
                         if (res instanceof HTMLLinkElement) {
                             return res;
@@ -716,15 +707,14 @@ 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: defaultAttrs,
+                    attrs: {
+                        fetchpriority: 'high',
+                        type: (remoteInfo == null ? void 0 : remoteInfo.type) === 'module' ? 'module' : 'text/javascript'
+                    },
                     createScriptHook: (url, attrs)=>{
                         const res = host.loaderHook.lifecycle.createScript.emit({
                             url,
@@ -763,7 +753,7 @@ function assignRemoteInfo(remoteInfo, remoteSnapshot) {
         error(`The attribute remoteEntry of ${remoteInfo.name} must not be undefined.`);
     }
     let entryUrl = getResourceUrl(remoteSnapshot, remoteEntryInfo.url);
-    if (!isBrowserEnv$1() && !entryUrl.startsWith('http')) {
+    if (!isBrowserEnv() && !entryUrl.startsWith('http')) {
         entryUrl = `https:${entryUrl}`;
     }
     remoteInfo.type = remoteEntryInfo.type;
@@ -1121,12 +1111,10 @@ 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$1() ? globalRemoteSnapshot.remoteEntry : globalRemoteSnapshot.ssrRemoteEntry || globalRemoteSnapshot.remoteEntry || '';
+                const remoteEntry = isBrowserEnv() ? 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, {
@@ -1134,8 +1122,10 @@ class SnapshotHandler {
                     // Therefore, set the snapshot key to the global address of the actual request
                     entry: remoteEntry
                 }), moduleSnapshot);
-                mSnapshot = moduleSnapshot;
-                gSnapshot = globalSnapshotRes;
+                return {
+                    remoteSnapshot: moduleSnapshot,
+                    globalSnapshot: globalSnapshotRes
+                };
             } else {
                 const { remoteSnapshot: remoteSnapshotRes } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
                     options: this.HostInstance.options,
@@ -1143,8 +1133,10 @@ class SnapshotHandler {
                     remoteSnapshot: globalRemoteSnapshot,
                     from: 'global'
                 });
-                mSnapshot = remoteSnapshotRes;
-                gSnapshot = globalSnapshotRes;
+                return {
+                    remoteSnapshot: remoteSnapshotRes,
+                    globalSnapshot: globalSnapshotRes
+                };
             }
         } else {
             if (isRemoteInfoWithEntry(moduleInfo)) {
@@ -1158,8 +1150,10 @@ class SnapshotHandler {
                     remoteSnapshot: moduleSnapshot,
                     from: 'global'
                 });
-                mSnapshot = remoteSnapshotRes;
-                gSnapshot = globalSnapshotRes;
+                return {
+                    remoteSnapshot: remoteSnapshotRes,
+                    globalSnapshot: 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
@@ -1169,10 +1163,6 @@ class SnapshotHandler {
         `);
             }
         }
-        return {
-            remoteSnapshot: mSnapshot,
-            globalSnapshot: gSnapshot
-        };
     }
     getGlobalRemoteInfo(moduleInfo) {
         return getGlobalRemoteInfo(moduleInfo, this.HostInstance);
@@ -1225,8 +1215,7 @@ class SnapshotHandler {
         this.hooks = new PluginSystem({
             beforeLoadRemoteSnapshot: new AsyncHook('beforeLoadRemoteSnapshot'),
             loadSnapshot: new AsyncWaterfallHook('loadGlobalSnapshot'),
-            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot'),
-            afterLoadSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
+            loadRemoteSnapshot: new AsyncWaterfallHook('loadRemoteSnapshot')
         });
         this.manifestLoading = Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
@@ -1796,7 +1785,7 @@ class RemoteHandler {
             }
             // Set the remote entry to a complete path
             if ('entry' in remote) {
-                if (isBrowserEnv() && !remote.entry.startsWith('http')) {
+                if (isBrowserEnv$1() && !remote.entry.startsWith('http')) {
                     remote.entry = new URL(remote.entry, window.location.origin).href;
                 }
             }
@@ -1949,8 +1938,7 @@ class RemoteHandler {
             beforePreloadRemote: new AsyncHook('beforePreloadRemote'),
             generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
             // not used yet
-            afterPreloadRemote: new AsyncHook(),
-            loadEntry: new AsyncHook()
+            afterPreloadRemote: new AsyncHook()
         });
         this.host = host;
         this.idToRemoteMap = {};
@@ -2076,7 +2064,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.4.0";
+        this.version = "0.3.5";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
@@ -2097,7 +2085,7 @@ class FederationHost {
             ],
             remotes: [],
             shared: {},
-            inBrowser: isBrowserEnv$1()
+            inBrowser: isBrowserEnv()
         };
         this.name = userOptions.name;
         this.options = defaultOptions;

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.4.0",
+  "version": "0.3.5",
   "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.4.0";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.3.5";
     }
 }
 // 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.4.0";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.3.5";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/src/core.d.ts

@@ -55,7 +55,6 @@ 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,11 +32,6 @@ 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, RemoteEntryExports } from '../type';
+import { Options, UserOptions, PreloadAssets, PreloadOptions, PreloadRemoteArgs, Remote, RemoteInfo } from '../type';
 import { FederationHost } from '../core';
 import { PluginSystem, AsyncHook, AsyncWaterfallHook, SyncHook, SyncWaterfallHook } from '../utils/hooks';
 import { Module, ModuleOptions } from '../module';
@@ -78,11 +78,6 @@ 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,9 +1,23 @@
-import { FederationHost } from '../core';
+import { CreateScriptHookReturn } from '@module-federation/sdk';
 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({ origin, remoteEntryExports, remoteInfo, }: {
-    origin: FederationHost;
+export declare function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook, }: {
     remoteInfo: RemoteInfo;
     remoteEntryExports?: RemoteEntryExports | undefined;
-}): Promise<RemoteEntryExports | false | void>;
+    createScriptHook?: (url: string, attrs?: Record<string, any> | undefined) => CreateScriptHookReturn;
+}): Promise<RemoteEntryExports | void>;
 export declare function getRemoteInfo(remote: Remote): RemoteInfo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.0.0-next-20240815093707",
+  "version": "0.0.0-next-20240815094326",
   "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-20240815093707"
+    "@module-federation/sdk": "0.0.0-next-20240815094326"
   }
 }