@module-federation/runtime-core 0.16.0 → 0.17.0

package/dist/index.cjs.cjs

@@ -196,7 +196,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = sdk.isDebugMode()) {
     if (isDebug) {
         CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.16.0";
+        CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.17.0";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types
@@ -943,34 +943,6 @@ function getTargetSharedOptions(options) {
     return Object.assign({}, resolver(shareInfos[pkgName]), extraOptions == null ? void 0 : extraOptions.customShareInfo);
 }
 
-const ShareUtils = {
-    getRegisteredShare,
-    getGlobalShareScope
-};
-const GlobalUtils = {
-    Global,
-    nativeGlobal,
-    resetFederationGlobalInfo,
-    setGlobalFederationInstance,
-    getGlobalFederationConstructor,
-    setGlobalFederationConstructor,
-    getInfoWithoutType,
-    getGlobalSnapshot,
-    getTargetSnapshotInfoByModuleInfo,
-    getGlobalSnapshotInfoByModuleInfo,
-    setGlobalSnapshotInfoByModuleInfo,
-    addGlobalSnapshot,
-    getRemoteEntryExports,
-    registerGlobalPlugins,
-    getGlobalHostPlugins,
-    getPreloaded,
-    setPreloaded
-};
-var helpers = {
-    global: GlobalUtils,
-    share: ShareUtils
-};
-
 function getBuilderId() {
     //@ts-ignore
     return typeof FEDERATION_BUILD_IDENTIFIER !== 'undefined' ? FEDERATION_BUILD_IDENTIFIER : '';
@@ -1040,8 +1012,16 @@ function matchRemote(remotes, nameOrAlias) {
     return;
 }
 
-function registerPlugins(plugins, hookInstances) {
+function registerPlugins(plugins, instance) {
     const globalPlugins = getGlobalHostPlugins();
+    const hookInstances = [
+        instance.hooks,
+        instance.remoteHandler.hooks,
+        instance.sharedHandler.hooks,
+        instance.snapshotHandler.hooks,
+        instance.loaderHook,
+        instance.bridgeHook
+    ];
     // Incorporate global plugins
     if (globalPlugins.length > 0) {
         globalPlugins.forEach((plugin)=>{
@@ -1053,7 +1033,7 @@ function registerPlugins(plugins, hookInstances) {
     if (plugins && plugins.length > 0) {
         plugins.forEach((plugin)=>{
             hookInstances.forEach((hookInstance)=>{
-                hookInstance.applyPlugin(plugin);
+                hookInstance.applyPlugin(plugin, instance);
             });
         });
     }
@@ -1240,6 +1220,202 @@ function getRemoteInfo(remote) {
     });
 }
 
+function defaultPreloadArgs(preloadConfig) {
+    return polyfills._extends({
+        resourceCategory: 'sync',
+        share: true,
+        depsRemote: true,
+        prefetchInterface: false
+    }, preloadConfig);
+}
+function formatPreloadArgs(remotes, preloadArgs) {
+    return preloadArgs.map((args)=>{
+        const remoteInfo = matchRemote(remotes, args.nameOrAlias);
+        assert(remoteInfo, `Unable to preload ${args.nameOrAlias} as it is not included in ${!remoteInfo && sdk.safeToString({
+            remoteInfo,
+            remotes
+        })}`);
+        return {
+            remote: remoteInfo,
+            preloadConfig: defaultPreloadArgs(args)
+        };
+    });
+}
+function normalizePreloadExposes(exposes) {
+    if (!exposes) {
+        return [];
+    }
+    return exposes.map((expose)=>{
+        if (expose === '.') {
+            return expose;
+        }
+        if (expose.startsWith('./')) {
+            return expose.replace('./', '');
+        }
+        return expose;
+    });
+}
+function preloadAssets(remoteInfo, host, assets, // It is used to distinguish preload from load remote parallel loading
+useLinkPreload = true) {
+    const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;
+    if (host.options.inBrowser) {
+        entryAssets.forEach((asset)=>{
+            const { moduleInfo } = asset;
+            const module = host.moduleCache.get(remoteInfo.name);
+            if (module) {
+                getRemoteEntry({
+                    origin: host,
+                    remoteInfo: moduleInfo,
+                    remoteEntryExports: module.remoteEntryExports
+                });
+            } else {
+                getRemoteEntry({
+                    origin: host,
+                    remoteInfo: moduleInfo,
+                    remoteEntryExports: undefined
+                });
+            }
+        });
+        if (useLinkPreload) {
+            const defaultAttrs = {
+                rel: 'preload',
+                as: 'style'
+            };
+            cssAssets.forEach((cssUrl)=>{
+                const { link: cssEl, needAttach } = sdk.createLink({
+                    url: cssUrl,
+                    cb: ()=>{
+                    // noop
+                    },
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url,
+                            attrs
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    }
+                });
+                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: ()=>{
+                    // noop
+                    },
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url,
+                            attrs
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    },
+                    needDeleteLink: false
+                });
+                needAttach && document.head.appendChild(cssEl);
+            });
+        }
+        if (useLinkPreload) {
+            const defaultAttrs = {
+                rel: 'preload',
+                as: 'script'
+            };
+            jsAssetsWithoutEntry.forEach((jsUrl)=>{
+                const { link: linkEl, needAttach } = sdk.createLink({
+                    url: jsUrl,
+                    cb: ()=>{
+                    // noop
+                    },
+                    attrs: defaultAttrs,
+                    createLinkHook: (url, attrs)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url,
+                            attrs
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    }
+                });
+                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: ()=>{
+                    // noop
+                    },
+                    attrs: defaultAttrs,
+                    createScriptHook: (url, attrs)=>{
+                        const res = host.loaderHook.lifecycle.createScript.emit({
+                            url,
+                            attrs
+                        });
+                        if (res instanceof HTMLScriptElement) {
+                            return res;
+                        }
+                        return;
+                    },
+                    needDeleteScript: true
+                });
+                needAttach && document.head.appendChild(scriptEl);
+            });
+        }
+    }
+}
+
+const ShareUtils = {
+    getRegisteredShare,
+    getGlobalShareScope
+};
+const GlobalUtils = {
+    Global,
+    nativeGlobal,
+    resetFederationGlobalInfo,
+    setGlobalFederationInstance,
+    getGlobalFederationConstructor,
+    setGlobalFederationConstructor,
+    getInfoWithoutType,
+    getGlobalSnapshot,
+    getTargetSnapshotInfoByModuleInfo,
+    getGlobalSnapshotInfoByModuleInfo,
+    setGlobalSnapshotInfoByModuleInfo,
+    addGlobalSnapshot,
+    getRemoteEntryExports,
+    registerGlobalPlugins,
+    getGlobalHostPlugins,
+    getPreloaded,
+    setPreloaded
+};
+var helpers = {
+    global: GlobalUtils,
+    share: ShareUtils,
+    utils: {
+        matchRemoteWithNameAndExpose,
+        preloadAssets,
+        getRemoteInfo
+    }
+};
+
 let Module = class Module {
     async getEntry() {
         if (this.remoteEntryExports) {
@@ -1520,13 +1696,14 @@ class AsyncWaterfallHook extends SyncHook {
 }
 
 class PluginSystem {
-    applyPlugin(plugin) {
+    applyPlugin(plugin, instance) {
         assert(isPlainObject(plugin), 'Plugin configuration is invalid.');
         // The plugin's name is mandatory and must be unique
         const pluginName = plugin.name;
         assert(pluginName, 'A name must be provided by the plugin.');
         if (!this.registerPlugins[pluginName]) {
             this.registerPlugins[pluginName] = plugin;
+            plugin.apply == null ? void 0 : plugin.apply.call(plugin, instance);
             Object.keys(this.lifecycle).forEach((key)=>{
                 const pluginLife = plugin[key];
                 if (pluginLife) {
@@ -1545,17 +1722,6 @@ class PluginSystem {
             }
         });
     }
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-    inherit({ lifecycle, registerPlugins }) {
-        Object.keys(lifecycle).forEach((hookName)=>{
-            assert(!this.lifecycle[hookName], `The hook "${hookName}" has a conflict and cannot be inherited.`);
-            this.lifecycle[hookName] = lifecycle[hookName];
-        });
-        Object.keys(registerPlugins).forEach((pluginName)=>{
-            assert(!this.registerPlugins[pluginName], `The plugin "${pluginName}" has a conflict and cannot be inherited.`);
-            this.applyPlugin(registerPlugins[pluginName]);
-        });
-    }
     constructor(lifecycle){
         this.registerPlugins = {};
         this.lifecycle = lifecycle;
@@ -1563,169 +1729,6 @@ class PluginSystem {
     }
 }
 
-function defaultPreloadArgs(preloadConfig) {
-    return polyfills._extends({
-        resourceCategory: 'sync',
-        share: true,
-        depsRemote: true,
-        prefetchInterface: false
-    }, preloadConfig);
-}
-function formatPreloadArgs(remotes, preloadArgs) {
-    return preloadArgs.map((args)=>{
-        const remoteInfo = matchRemote(remotes, args.nameOrAlias);
-        assert(remoteInfo, `Unable to preload ${args.nameOrAlias} as it is not included in ${!remoteInfo && sdk.safeToString({
-            remoteInfo,
-            remotes
-        })}`);
-        return {
-            remote: remoteInfo,
-            preloadConfig: defaultPreloadArgs(args)
-        };
-    });
-}
-function normalizePreloadExposes(exposes) {
-    if (!exposes) {
-        return [];
-    }
-    return exposes.map((expose)=>{
-        if (expose === '.') {
-            return expose;
-        }
-        if (expose.startsWith('./')) {
-            return expose.replace('./', '');
-        }
-        return expose;
-    });
-}
-function preloadAssets(remoteInfo, host, assets, // It is used to distinguish preload from load remote parallel loading
-useLinkPreload = true) {
-    const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;
-    if (host.options.inBrowser) {
-        entryAssets.forEach((asset)=>{
-            const { moduleInfo } = asset;
-            const module = host.moduleCache.get(remoteInfo.name);
-            if (module) {
-                getRemoteEntry({
-                    origin: host,
-                    remoteInfo: moduleInfo,
-                    remoteEntryExports: module.remoteEntryExports
-                });
-            } else {
-                getRemoteEntry({
-                    origin: host,
-                    remoteInfo: moduleInfo,
-                    remoteEntryExports: undefined
-                });
-            }
-        });
-        if (useLinkPreload) {
-            const defaultAttrs = {
-                rel: 'preload',
-                as: 'style'
-            };
-            cssAssets.forEach((cssUrl)=>{
-                const { link: cssEl, needAttach } = sdk.createLink({
-                    url: cssUrl,
-                    cb: ()=>{
-                    // noop
-                    },
-                    attrs: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
-                        });
-                        if (res instanceof HTMLLinkElement) {
-                            return res;
-                        }
-                        return;
-                    }
-                });
-                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: ()=>{
-                    // noop
-                    },
-                    attrs: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
-                        });
-                        if (res instanceof HTMLLinkElement) {
-                            return res;
-                        }
-                        return;
-                    },
-                    needDeleteLink: false
-                });
-                needAttach && document.head.appendChild(cssEl);
-            });
-        }
-        if (useLinkPreload) {
-            const defaultAttrs = {
-                rel: 'preload',
-                as: 'script'
-            };
-            jsAssetsWithoutEntry.forEach((jsUrl)=>{
-                const { link: linkEl, needAttach } = sdk.createLink({
-                    url: jsUrl,
-                    cb: ()=>{
-                    // noop
-                    },
-                    attrs: defaultAttrs,
-                    createLinkHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createLink.emit({
-                            url,
-                            attrs
-                        });
-                        if (res instanceof HTMLLinkElement) {
-                            return res;
-                        }
-                        return;
-                    }
-                });
-                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: ()=>{
-                    // noop
-                    },
-                    attrs: defaultAttrs,
-                    createScriptHook: (url, attrs)=>{
-                        const res = host.loaderHook.lifecycle.createScript.emit({
-                            url,
-                            attrs
-                        });
-                        if (res instanceof HTMLScriptElement) {
-                            return res;
-                        }
-                        return;
-                    },
-                    needDeleteScript: true
-                });
-                needAttach && document.head.appendChild(scriptEl);
-            });
-        }
-    }
-}
-
 function assignRemoteInfo(remoteInfo, remoteSnapshot) {
     const remoteEntryInfo = getRemoteEntryInfoFromSnapshot(remoteSnapshot);
     if (!remoteEntryInfo.url) {
@@ -1931,7 +1934,7 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
             }
         }
     }, true, memo, remoteSnapshot);
-    if (remoteSnapshot.shared) {
+    if (remoteSnapshot.shared && remoteSnapshot.shared.length > 0) {
         const collectSharedAssets = (shareInfo, snapshotShared)=>{
             const registeredShared = getRegisteredShare(origin.shareScopeMap, snapshotShared.sharedName, shareInfo, origin.sharedHandler.hooks.lifecycle.resolveShare);
             // If the global share does not exist, or the lib function does not exist, it means that the shared has not been loaded yet and can be preloaded.
@@ -2918,7 +2921,7 @@ class RemoteHandler {
 }
 
 const USE_SNAPSHOT = typeof FEDERATION_OPTIMIZE_NO_SNAPSHOT_PLUGIN === 'boolean' ? !FEDERATION_OPTIMIZE_NO_SNAPSHOT_PLUGIN : true; // Default to true (use snapshot) when not explicitly defined
-class FederationHost {
+class ModuleFederation {
     initOptions(userOptions) {
         this.registerPlugins(userOptions.plugins);
         const options = this.formatOptions(this.options, userOptions);
@@ -2995,14 +2998,7 @@ class FederationHost {
         return optionsRes;
     }
     registerPlugins(plugins) {
-        const pluginRes = registerPlugins(plugins, [
-            this.hooks,
-            this.remoteHandler.hooks,
-            this.sharedHandler.hooks,
-            this.snapshotHandler.hooks,
-            this.loaderHook,
-            this.bridgeHook
-        ]);
+        const pluginRes = registerPlugins(plugins, this);
         // Merge plugin
         this.options.plugins = this.options.plugins.reduce((res, plugin)=>{
             if (!plugin) return res;
@@ -3015,6 +3011,11 @@ class FederationHost {
     registerRemotes(remotes, options) {
         return this.remoteHandler.registerRemotes(remotes, options);
     }
+    registerShared(shared) {
+        this.sharedHandler.registerShared(this.options, polyfills._extends({}, this.options, {
+            shared
+        }));
+    }
     constructor(userOptions){
         this.hooks = new PluginSystem({
             beforeInit: new SyncWaterfallHook('beforeInit'),
@@ -3024,7 +3025,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.16.0";
+        this.version = "0.17.0";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
@@ -3076,9 +3077,9 @@ var index = /*#__PURE__*/Object.freeze({
 exports.loadScript = sdk.loadScript;
 exports.loadScriptNode = sdk.loadScriptNode;
 exports.CurrentGlobal = CurrentGlobal;
-exports.FederationHost = FederationHost;
 exports.Global = Global;
 exports.Module = Module;
+exports.ModuleFederation = ModuleFederation;
 exports.addGlobalSnapshot = addGlobalSnapshot;
 exports.assert = assert;
 exports.getGlobalFederationConstructor = getGlobalFederationConstructor;