@module-federation/runtime 0.0.0-next-20241018073700 → 0.0.0-next-20241021083129

package/dist/index.esm.js

@@ -1,8 +1,8 @@
-import { a as _extends, _ as _object_without_properties_loose } from './polyfills.esm.js';
-import { isBrowserEnv, loadScriptNode, composeKeyWithSeparator, loadScript, safeToString, createLink, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn as warn$1 } from '@module-federation/sdk';
+import { _ as _extends, a as _object_without_properties_loose } from './polyfills.esm.js';
+import { isBrowserEnv, loadScriptNode, composeKeyWithSeparator, loadScript, safeToString, createLink, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn } from '@module-federation/sdk';
 export { loadScript, loadScriptNode } from '@module-federation/sdk';
-import { o as getGlobalHostPlugins, t as globalLoading, D as DEFAULT_REMOTE_TYPE, u as DEFAULT_SCOPE, l as getRemoteEntryExports, v as assert, w as getFMId, x as isObject, y as error, z as warn, A as isPlainObject, B as isRemoteInfoWithEntry, C as isPureRemoteEntry, E as getRemoteEntryInfoFromSnapshot, e as getInfoWithoutType, p as getPreloaded, q as setPreloaded, g as getRegisteredShare, F as arrayOptions, i as getGlobalSnapshotInfoByModuleInfo, k as addGlobalSnapshot, j as setGlobalSnapshotInfoByModuleInfo, G as Global, f as getGlobalSnapshot, H as formatShareConfigs, I as getTargetSharedOptions, a as getGlobalShareScope, J as addUniqueItem, K as getBuilderId, d as setGlobalFederationConstructor, b as getGlobalFederationInstance, c as getGlobalFederationConstructor, s as setGlobalFederationInstance } from './share.esm.js';
-export { m as registerGlobalPlugins } from './share.esm.js';
+import { w as globalLoading, D as DEFAULT_REMOTE_TYPE, x as DEFAULT_SCOPE, o as getRemoteEntryExports, y as assert, z as getFMId, B as processModuleAlias, C as isRemoteInfoWithEntry, E as isPureRemoteEntry, F as getRemoteEntryInfoFromSnapshot, H as error, h as getInfoWithoutType, t as getPreloaded, u as setPreloaded, g as getRegisteredShare, I as arrayOptions, k as getGlobalSnapshotInfoByModuleInfo, m as addGlobalSnapshot, l as setGlobalSnapshotInfoByModuleInfo, P as PluginSystem, A as AsyncHook, a as AsyncWaterfallHook, G as Global, i as getGlobalSnapshot, J as formatShareConfigs, K as getTargetSharedOptions, c as getGlobalShareScope, b as SyncWaterfallHook, L as addUniqueItem, S as SyncHook, v as registerPlugins$1, M as getBuilderId, f as setGlobalFederationConstructor, d as getGlobalFederationInstance, e as getGlobalFederationConstructor, s as setGlobalFederationInstance } from './share.esm.js';
+export { p as registerGlobalPlugins } from './share.esm.js';
 
 // Function to match a remote with its name and expose
 // id: pkgName(@federation/app1) + expose(button) = @federation/app1/button
@@ -68,26 +68,6 @@ function matchRemote(remotes, nameOrAlias) {
     return;
 }
 
-function registerPlugins$1(plugins, hookInstances) {
-    const globalPlugins = getGlobalHostPlugins();
-    // Incorporate global plugins
-    if (globalPlugins.length > 0) {
-        globalPlugins.forEach((plugin)=>{
-            if (plugins == null ? void 0 : plugins.find((item)=>item.name !== plugin.name)) {
-                plugins.push(plugin);
-            }
-        });
-    }
-    if (plugins && plugins.length > 0) {
-        plugins.forEach((plugin)=>{
-            hookInstances.forEach((hookInstance)=>{
-                hookInstance.applyPlugin(plugin);
-            });
-        });
-    }
-    return plugins;
-}
-
 async function loadEsmEntry({ entry, remoteEntryExports }) {
     return new Promise((resolve, reject)=>{
         try {
@@ -319,7 +299,9 @@ let Module = class Module {
         // get exposeGetter
         const moduleFactory = await remoteEntryExports.get(expose);
         assert(moduleFactory, `${getFMId(this.remoteInfo)} remote don't export ${expose}.`);
-        const wrapModuleFactory = this.wraperFactory(moduleFactory, id);
+        // keep symbol for module name always one format
+        const symbolName = processModuleAlias(this.remoteInfo.name, expose);
+        const wrapModuleFactory = this.wraperFactory(moduleFactory, symbolName);
         if (!loadFactory) {
             return wrapModuleFactory;
         }
@@ -359,191 +341,6 @@ let Module = class Module {
     }
 };
 
-class SyncHook {
-    on(fn) {
-        if (typeof fn === 'function') {
-            this.listeners.add(fn);
-        }
-    }
-    once(fn) {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const self = this;
-        this.on(function wrapper(...args) {
-            self.remove(wrapper);
-            // eslint-disable-next-line prefer-spread
-            return fn.apply(null, args);
-        });
-    }
-    emit(...data) {
-        let result;
-        if (this.listeners.size > 0) {
-            // eslint-disable-next-line prefer-spread
-            this.listeners.forEach((fn)=>{
-                result = fn(...data);
-            });
-        }
-        return result;
-    }
-    remove(fn) {
-        this.listeners.delete(fn);
-    }
-    removeAll() {
-        this.listeners.clear();
-    }
-    constructor(type){
-        this.type = '';
-        this.listeners = new Set();
-        if (type) {
-            this.type = type;
-        }
-    }
-}
-
-class AsyncHook extends SyncHook {
-    emit(...data) {
-        let result;
-        const ls = Array.from(this.listeners);
-        if (ls.length > 0) {
-            let i = 0;
-            const call = (prev)=>{
-                if (prev === false) {
-                    return false; // Abort process
-                } else if (i < ls.length) {
-                    return Promise.resolve(ls[i++].apply(null, data)).then(call);
-                } else {
-                    return prev;
-                }
-            };
-            result = call();
-        }
-        return Promise.resolve(result);
-    }
-}
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-function checkReturnData(originalData, returnedData) {
-    if (!isObject(returnedData)) {
-        return false;
-    }
-    if (originalData !== returnedData) {
-        // eslint-disable-next-line no-restricted-syntax
-        for(const key in originalData){
-            if (!(key in returnedData)) {
-                return false;
-            }
-        }
-    }
-    return true;
-}
-class SyncWaterfallHook extends SyncHook {
-    emit(data) {
-        if (!isObject(data)) {
-            error(`The data for the "${this.type}" hook should be an object.`);
-        }
-        for (const fn of this.listeners){
-            try {
-                const tempData = fn(data);
-                if (checkReturnData(data, tempData)) {
-                    data = tempData;
-                } else {
-                    this.onerror(`A plugin returned an unacceptable value for the "${this.type}" type.`);
-                    break;
-                }
-            } catch (e) {
-                warn(e);
-                this.onerror(e);
-            }
-        }
-        return data;
-    }
-    constructor(type){
-        super(), this.onerror = error;
-        this.type = type;
-    }
-}
-
-class AsyncWaterfallHook extends SyncHook {
-    emit(data) {
-        if (!isObject(data)) {
-            error(`The response data for the "${this.type}" hook must be an object.`);
-        }
-        const ls = Array.from(this.listeners);
-        if (ls.length > 0) {
-            let i = 0;
-            const processError = (e)=>{
-                warn(e);
-                this.onerror(e);
-                return data;
-            };
-            const call = (prevData)=>{
-                if (checkReturnData(data, prevData)) {
-                    data = prevData;
-                    if (i < ls.length) {
-                        try {
-                            return Promise.resolve(ls[i++](data)).then(call, processError);
-                        } catch (e) {
-                            return processError(e);
-                        }
-                    }
-                } else {
-                    this.onerror(`A plugin returned an incorrect value for the "${this.type}" type.`);
-                }
-                return data;
-            };
-            return Promise.resolve(call(data));
-        }
-        return Promise.resolve(data);
-    }
-    constructor(type){
-        super(), this.onerror = error;
-        this.type = type;
-    }
-}
-
-class PluginSystem {
-    applyPlugin(plugin) {
-        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;
-            Object.keys(this.lifecycle).forEach((key)=>{
-                const pluginLife = plugin[key];
-                if (pluginLife) {
-                    this.lifecycle[key].on(pluginLife);
-                }
-            });
-        }
-    }
-    removePlugin(pluginName) {
-        assert(pluginName, 'A name is required.');
-        const plugin = this.registerPlugins[pluginName];
-        assert(plugin, `The plugin "${pluginName}" is not registered.`);
-        Object.keys(plugin).forEach((key)=>{
-            if (key !== 'name') {
-                this.lifecycle[key].remove(plugin[key]);
-            }
-        });
-    }
-    // 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;
-        this.lifecycleKeys = Object.keys(lifecycle);
-    }
-}
-
 function defaultPreloadArgs(preloadConfig) {
     return _extends({
         resourceCategory: 'sync',
@@ -1057,6 +854,8 @@ class SnapshotHandler {
             remoteSnapshot,
             globalSnapshot
         });
+        let mSnapshot;
+        let gSnapshot;
         // global snapshot includes manifest or module info includes manifest
         if (globalRemoteSnapshot) {
             if (isManifestProvider(globalRemoteSnapshot)) {
@@ -1068,10 +867,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,
@@ -1079,10 +876,8 @@ class SnapshotHandler {
                     remoteSnapshot: globalRemoteSnapshot,
                     from: 'global'
                 });
-                return {
-                    remoteSnapshot: remoteSnapshotRes,
-                    globalSnapshot: globalSnapshotRes
-                };
+                mSnapshot = remoteSnapshotRes;
+                gSnapshot = globalSnapshotRes;
             }
         } else {
             if (isRemoteInfoWithEntry(moduleInfo)) {
@@ -1096,10 +891,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
@@ -1109,6 +902,15 @@ class SnapshotHandler {
         `);
             }
         }
+        await this.hooks.lifecycle.afterLoadSnapshot.emit({
+            options,
+            moduleInfo,
+            remoteSnapshot: mSnapshot
+        });
+        return {
+            remoteSnapshot: mSnapshot,
+            globalSnapshot: gSnapshot
+        };
     }
     getGlobalRemoteInfo(moduleInfo) {
         return getGlobalRemoteInfo(moduleInfo, this.HostInstance);
@@ -1161,7 +963,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('afterLoadSnapshot')
         });
         this.manifestLoading = Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
@@ -1763,7 +1566,7 @@ class RemoteHandler {
                     origin: host
                 });
             }
-            warn$1(messages.join(' '));
+            warn(messages.join(' '));
         }
     }
     removeRemote(remote) {

package/dist/polyfills.esm.js

@@ -22,4 +22,4 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 
-export { _object_without_properties_loose as _, _extends as a };
+export { _extends as _, _object_without_properties_loose as a };

package/dist/share.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var polyfills = require('./polyfills.cjs.js');
 var sdk = require('@module-federation/sdk');
+var polyfills = require('./polyfills.cjs.js');
 
 function getBuilderId() {
     //@ts-ignore
@@ -87,6 +87,20 @@ function getRemoteEntryInfoFromSnapshot(snapshot) {
     }
     return defaultRemoteEntryInfo;
 }
+const processModuleAlias = (name, subPath)=>{
+    // @host/ ./button -> @host/button
+    let moduleName;
+    if (name.endsWith('/')) {
+        moduleName = name.slice(0, -1);
+    } else {
+        moduleName = name;
+    }
+    if (subPath.startsWith('.')) {
+        subPath = subPath.slice(1);
+    }
+    moduleName = moduleName + subPath;
+    return moduleName;
+};
 
 const nativeGlobal = (()=>{
     try {
@@ -275,9 +289,214 @@ const getGlobalHostPlugins = ()=>nativeGlobal.__FEDERATION__.__GLOBAL_PLUGIN__;
 const getPreloaded = (id)=>globalThis.__FEDERATION__.__PRELOADED_MAP__.get(id);
 const setPreloaded = (id)=>globalThis.__FEDERATION__.__PRELOADED_MAP__.set(id, true);
 
+function registerPlugins(plugins, hookInstances) {
+    const globalPlugins = getGlobalHostPlugins();
+    // Incorporate global plugins
+    if (globalPlugins.length > 0) {
+        globalPlugins.forEach((plugin)=>{
+            if (plugins == null ? void 0 : plugins.find((item)=>item.name !== plugin.name)) {
+                plugins.push(plugin);
+            }
+        });
+    }
+    if (plugins && plugins.length > 0) {
+        plugins.forEach((plugin)=>{
+            hookInstances.forEach((hookInstance)=>{
+                hookInstance.applyPlugin(plugin);
+            });
+        });
+    }
+    return plugins;
+}
+
 const DEFAULT_SCOPE = 'default';
 const DEFAULT_REMOTE_TYPE = 'global';
 
+class SyncHook {
+    on(fn) {
+        if (typeof fn === 'function') {
+            this.listeners.add(fn);
+        }
+    }
+    once(fn) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const self = this;
+        this.on(function wrapper(...args) {
+            self.remove(wrapper);
+            // eslint-disable-next-line prefer-spread
+            return fn.apply(null, args);
+        });
+    }
+    emit(...data) {
+        let result;
+        if (this.listeners.size > 0) {
+            // eslint-disable-next-line prefer-spread
+            this.listeners.forEach((fn)=>{
+                result = fn(...data);
+            });
+        }
+        return result;
+    }
+    remove(fn) {
+        this.listeners.delete(fn);
+    }
+    removeAll() {
+        this.listeners.clear();
+    }
+    constructor(type){
+        this.type = '';
+        this.listeners = new Set();
+        if (type) {
+            this.type = type;
+        }
+    }
+}
+
+class AsyncHook extends SyncHook {
+    emit(...data) {
+        let result;
+        const ls = Array.from(this.listeners);
+        if (ls.length > 0) {
+            let i = 0;
+            const call = (prev)=>{
+                if (prev === false) {
+                    return false; // Abort process
+                } else if (i < ls.length) {
+                    return Promise.resolve(ls[i++].apply(null, data)).then(call);
+                } else {
+                    return prev;
+                }
+            };
+            result = call();
+        }
+        return Promise.resolve(result);
+    }
+}
+
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+function checkReturnData(originalData, returnedData) {
+    if (!isObject(returnedData)) {
+        return false;
+    }
+    if (originalData !== returnedData) {
+        // eslint-disable-next-line no-restricted-syntax
+        for(const key in originalData){
+            if (!(key in returnedData)) {
+                return false;
+            }
+        }
+    }
+    return true;
+}
+class SyncWaterfallHook extends SyncHook {
+    emit(data) {
+        if (!isObject(data)) {
+            error(`The data for the "${this.type}" hook should be an object.`);
+        }
+        for (const fn of this.listeners){
+            try {
+                const tempData = fn(data);
+                if (checkReturnData(data, tempData)) {
+                    data = tempData;
+                } else {
+                    this.onerror(`A plugin returned an unacceptable value for the "${this.type}" type.`);
+                    break;
+                }
+            } catch (e) {
+                warn(e);
+                this.onerror(e);
+            }
+        }
+        return data;
+    }
+    constructor(type){
+        super(), this.onerror = error;
+        this.type = type;
+    }
+}
+
+class AsyncWaterfallHook extends SyncHook {
+    emit(data) {
+        if (!isObject(data)) {
+            error(`The response data for the "${this.type}" hook must be an object.`);
+        }
+        const ls = Array.from(this.listeners);
+        if (ls.length > 0) {
+            let i = 0;
+            const processError = (e)=>{
+                warn(e);
+                this.onerror(e);
+                return data;
+            };
+            const call = (prevData)=>{
+                if (checkReturnData(data, prevData)) {
+                    data = prevData;
+                    if (i < ls.length) {
+                        try {
+                            return Promise.resolve(ls[i++](data)).then(call, processError);
+                        } catch (e) {
+                            return processError(e);
+                        }
+                    }
+                } else {
+                    this.onerror(`A plugin returned an incorrect value for the "${this.type}" type.`);
+                }
+                return data;
+            };
+            return Promise.resolve(call(data));
+        }
+        return Promise.resolve(data);
+    }
+    constructor(type){
+        super(), this.onerror = error;
+        this.type = type;
+    }
+}
+
+class PluginSystem {
+    applyPlugin(plugin) {
+        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;
+            Object.keys(this.lifecycle).forEach((key)=>{
+                const pluginLife = plugin[key];
+                if (pluginLife) {
+                    this.lifecycle[key].on(pluginLife);
+                }
+            });
+        }
+    }
+    removePlugin(pluginName) {
+        assert(pluginName, 'A name is required.');
+        const plugin = this.registerPlugins[pluginName];
+        assert(plugin, `The plugin "${pluginName}" is not registered.`);
+        Object.keys(plugin).forEach((key)=>{
+            if (key !== 'name') {
+                this.lifecycle[key].remove(plugin[key]);
+            }
+        });
+    }
+    // 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;
+        this.lifecycleKeys = Object.keys(lifecycle);
+    }
+}
+
 // fork from https://github.com/originjs/vite-plugin-federation/blob/v1.1.12/packages/lib/src/utils/semver/index.ts
 // those constants are based on https://www.rubydoc.info/gems/semantic_range/3.0.0/SemanticRange#BUILDIDENTIFIER-constant
 // Copyright (c)
@@ -867,9 +1086,14 @@ function getTargetSharedOptions(options) {
     return Object.assign({}, resolver(shareInfos[pkgName]), extraOptions == null ? void 0 : extraOptions.customShareInfo);
 }
 
+exports.AsyncHook = AsyncHook;
+exports.AsyncWaterfallHook = AsyncWaterfallHook;
 exports.DEFAULT_REMOTE_TYPE = DEFAULT_REMOTE_TYPE;
 exports.DEFAULT_SCOPE = DEFAULT_SCOPE;
 exports.Global = Global;
+exports.PluginSystem = PluginSystem;
+exports.SyncHook = SyncHook;
+exports.SyncWaterfallHook = SyncWaterfallHook;
 exports.addGlobalSnapshot = addGlobalSnapshot;
 exports.addUniqueItem = addUniqueItem;
 exports.arrayOptions = arrayOptions;
@@ -892,15 +1116,14 @@ exports.getRemoteEntryInfoFromSnapshot = getRemoteEntryInfoFromSnapshot;
 exports.getTargetSharedOptions = getTargetSharedOptions;
 exports.getTargetSnapshotInfoByModuleInfo = getTargetSnapshotInfoByModuleInfo;
 exports.globalLoading = globalLoading;
-exports.isObject = isObject;
-exports.isPlainObject = isPlainObject;
 exports.isPureRemoteEntry = isPureRemoteEntry;
 exports.isRemoteInfoWithEntry = isRemoteInfoWithEntry;
 exports.nativeGlobal = nativeGlobal;
+exports.processModuleAlias = processModuleAlias;
 exports.registerGlobalPlugins = registerGlobalPlugins;
+exports.registerPlugins = registerPlugins;
 exports.resetFederationGlobalInfo = resetFederationGlobalInfo;
 exports.setGlobalFederationConstructor = setGlobalFederationConstructor;
 exports.setGlobalFederationInstance = setGlobalFederationInstance;
 exports.setGlobalSnapshotInfoByModuleInfo = setGlobalSnapshotInfoByModuleInfo;
 exports.setPreloaded = setPreloaded;
-exports.warn = warn;