@module-federation/runtime 1.0.0-canary.5 → 1.1.0-canary.1

package/index.esm.js

@@ -1,18 +1,7 @@
-import { i as isStaticResourcesEqual, s as safeWrapper, g as getGlobalHostPlugins, _ as _extends, D as DEFAULT_REMOTE_TYPE, a as DEFAULT_SCOPE, b as globalLoading, c as getRemoteEntryExports, d as assert, e as safeToString$1, G as Global, f as getFMId, h as isObject, j as error, w as warn, k as isPlainObject, l as isRemoteInfoWithEntry, m as isPureRemoteEntry, n as getGlobalShare, o as getInfoWithoutType, p as getPreloaded, q as setPreloaded, r as getGlobalSnapshotInfoByModuleInfo, t as setGlobalSnapshotInfoByModuleInfo, u as getGlobalSnapshot, v as addUniqueItem, x as formatShareConfigs, y as isBrowserEnv$1, z as getGlobalShareScope, A as _object_without_properties_loose, B as getBuilderId, C as setGlobalFederationConstructor, E as getGlobalFederationInstance, F as getGlobalFederationConstructor, H as setGlobalFederationInstance } from './share.esm.js';
-export { I as registerGlobalPlugins } from './share.esm.js';
+import { g as getGlobalHostPlugins, D as DEFAULT_REMOTE_TYPE, a as DEFAULT_SCOPE, b as globalLoading, c as getRemoteEntryExports, d as assert, s as safeToString, G as Global, e as getFMId, i as isObject, f as error, w as warn, h as isPlainObject, j as isRemoteInfoWithEntry, k as isPureRemoteEntry, l as getGlobalShare, m as getInfoWithoutType, n as getPreloaded, o as setPreloaded, p as getGlobalSnapshotInfoByModuleInfo, q as setGlobalSnapshotInfoByModuleInfo, r as getGlobalSnapshot, t as addUniqueItem, u as formatShareConfigs, v as isBrowserEnv, x as getGlobalShareScope, y as getBuilderId, z as setGlobalFederationConstructor, A as getGlobalFederationInstance, B as getGlobalFederationConstructor, C as setGlobalFederationInstance } from './share.esm.js';
+export { E as registerGlobalPlugins } from './share.esm.js';
+import { composeKeyWithSeparator, loadScript, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest } from '@module-federation/sdk';
 
-// Function to get the URL of a resource
-function getResourceUrl(module, sourceUrl) {
-    if ('getPublicPath' in module) {
-        const publicPath = new Function(module.getPublicPath)();
-        return `${publicPath}${sourceUrl}`;
-    } else if ('publicPath' in module) {
-        return `${module.publicPath}${sourceUrl}`;
-    } else {
-        console.warn('Unable to retrieve resource URL. If in debug mode, this warning can be disregarded.', module, sourceUrl);
-        return '';
-    }
-}
 // Function to match a remote with its name and expose
 // id: pkgName(@federation/app1) + expose(button) = @federation/app1/button
 // id: alias(app1) + expose(button) = app1/button
@@ -77,75 +66,6 @@ function matchRemote(remotes, nameOrAlias) {
     return;
 }
 
-function createScript(url, cb, attrs, createScriptHook) {
-    // Retrieve the existing script element by its src attribute
-    let script = null;
-    let needAttach = true;
-    const scripts = document.getElementsByTagName('script');
-    for(let i = 0; i < scripts.length; i++){
-        const s = scripts[i];
-        const scriptSrc = s.getAttribute('src');
-        if (scriptSrc && isStaticResourcesEqual(scriptSrc, url)) {
-            script = s;
-            needAttach = false;
-            break;
-        }
-    }
-    if (!script) {
-        script = document.createElement('script');
-        script.type = 'text/javascript';
-        script.src = url;
-        if (createScriptHook) {
-            const createScriptRes = createScriptHook(url);
-            if (createScriptRes instanceof HTMLScriptElement) {
-                script = createScriptRes;
-            }
-        }
-    }
-    if (attrs) {
-        Object.keys(attrs).forEach((name)=>{
-            if (script) {
-                if (name === 'async' || name === 'defer') {
-                    script[name] = attrs[name];
-                } else {
-                    script.setAttribute(name, attrs[name]);
-                }
-            }
-        });
-    }
-    const onScriptComplete = (prev, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    event)=>{
-        // Prevent memory leaks in IE.
-        if (script) {
-            script.onerror = null;
-            script.onload = null;
-            safeWrapper(()=>{
-                (script == null ? void 0 : script.parentNode) && script.parentNode.removeChild(script);
-            });
-            if (prev) {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                const res = prev(event);
-                cb();
-                return res;
-            }
-        }
-        cb();
-    };
-    script.onerror = onScriptComplete.bind(null, script.onerror);
-    script.onload = onScriptComplete.bind(null, script.onload);
-    return {
-        script,
-        needAttach
-    };
-}
-function loadScript(url, info) {
-    const { attrs, createScriptHook } = info;
-    return new Promise((resolve, _reject)=>{
-        const { script, needAttach } = createScript(url, resolve, attrs, createScriptHook);
-        needAttach && document.getElementsByTagName('head')[0].appendChild(script);
-    });
-}
-
 function registerPlugins(plugins, hookInstances) {
     const globalPlugins = getGlobalHostPlugins();
     // Incorporate global plugins
@@ -165,347 +85,20 @@ function registerPlugins(plugins, hookInstances) {
     }
 }
 
-function _instanceof(left, right) {
-    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-        return !!right[Symbol.hasInstance](left);
-    } else {
-        return left instanceof right;
-    }
-}
-function _define_property$2(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-var MANIFEST_EXT = ".json";
-var BROWSER_LOG_KEY = "''";
-var BROWSER_LOG_VALUE = "1";
-var NameTransformSymbol = {
-    AT: "@",
-    HYPHEN: "-",
-    SLASH: "/"
-};
-var _obj;
-var NameTransformMap = (_obj = {}, _define_property$2(_obj, NameTransformSymbol.AT, "scope_"), _define_property$2(_obj, NameTransformSymbol.HYPHEN, "_"), _define_property$2(_obj, NameTransformSymbol.SLASH, "__"), _obj);
-var _obj1;
-(_obj1 = {}, _define_property$2(_obj1, NameTransformMap[NameTransformSymbol.AT], NameTransformSymbol.AT), _define_property$2(_obj1, NameTransformMap[NameTransformSymbol.HYPHEN], NameTransformSymbol.HYPHEN), _define_property$2(_obj1, NameTransformMap[NameTransformSymbol.SLASH], NameTransformSymbol.SLASH), _obj1);
-var SEPARATOR = ":";
-function isBrowserEnv() {
-    return typeof window !== "undefined";
-}
-function isDebugMode() {
-    if (typeof process !== "undefined" && process.env && process.env["''"]) {
-        return Boolean(process.env["''"]);
-    }
-    return Boolean('');
-}
-function _array_like_to_array$1(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$1(arr);
-}
-function _class_call_check(instance, Constructor) {
-    if (!_instanceof(instance, Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
-function _define_property$1(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array$1(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$1(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array$1(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
-}
-function safeToString(info) {
-    try {
-        return JSON.stringify(info, null, 2);
-    } catch (e) {
-        return "";
-    }
-}
-var DEBUG_LOG = "[ FEDERATION DEBUG ]";
-var Logger = /*#__PURE__*/ function() {
-    function Logger(identifier) {
-        _class_call_check(this, Logger);
-        _define_property$1(this, "enable", false);
-        _define_property$1(this, "identifier", void 0);
-        this.identifier = identifier || DEBUG_LOG;
-        if (isBrowserEnv() && localStorage.getItem(BROWSER_LOG_KEY) === BROWSER_LOG_VALUE) {
-            this.enable = true;
-        } else if (isDebugMode()) {
-            this.enable = true;
-        }
-    }
-    _create_class(Logger, [
-        {
-            key: "info",
-            value: function info(msg, info) {
-                if (this.enable) {
-                    var argsToString = safeToString(info) || "";
-                    if (isBrowserEnv()) {
-                        console.info("%c ".concat(this.identifier, ": ").concat(msg, " ").concat(argsToString), "color:#3300CC");
-                    } else {
-                        console.info("\x1b[34m%s", "".concat(this.identifier, ": ").concat(msg, " ").concat(argsToString ? "\n".concat(argsToString) : ""));
-                    }
-                }
-            }
-        },
-        {
-            key: "logOriginalInfo",
-            value: function logOriginalInfo() {
-                for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-                    args[_key] = arguments[_key];
+function _extends$5() {
+    _extends$5 = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
                 }
-                if (this.enable) {
-                    if (isBrowserEnv()) {
-                        var _console;
-                        console.info("%c ".concat(this.identifier, ": OriginalInfo"), "color:#3300CC");
-                        (_console = console).log.apply(_console, _to_consumable_array(args));
-                    } else {
-                        var _console1;
-                        console.info("%c ".concat(this.identifier, ": OriginalInfo"), "color:#3300CC");
-                        (_console1 = console).log.apply(_console1, _to_consumable_array(args));
-                    }
-                }
-            }
-        }
-    ]);
-    return Logger;
-}();
-new Logger();
-var composeKeyWithSeparator = function composeKeyWithSeparator() {
-    for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-        args[_key] = arguments[_key];
-    }
-    if (!args.length) {
-        return "";
-    }
-    return args.reduce(function(sum, cur) {
-        if (!cur) {
-            return sum;
-        }
-        if (!sum) {
-            return cur;
-        }
-        return "".concat(sum).concat(SEPARATOR).concat(cur);
-    }, "");
-};
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var simpleJoinRemoteEntry = function simpleJoinRemoteEntry(rPath, rName) {
-    if (!rPath) {
-        return rName;
-    }
-    var transformPath = function transformPath(str) {
-        if (str === ".") {
-            return "";
-        }
-        if (str.startsWith("./")) {
-            return str.replace("./", "");
-        }
-        if (str.startsWith("/")) {
-            var strWithoutSlash = str.slice(1);
-            if (strWithoutSlash.endsWith("/")) {
-                return strWithoutSlash.slice(0, -1);
             }
-            return strWithoutSlash;
-        }
-        return str;
-    };
-    var transformedPath = transformPath(rPath);
-    if (!transformedPath) {
-        return rName;
-    }
-    if (transformedPath.endsWith("/")) {
-        return "".concat(transformedPath).concat(rName);
-    }
-    return "".concat(transformedPath, "/").concat(rName);
-};
-// Priority: overrides > remotes
-// eslint-disable-next-line max-lines-per-function
-function generateSnapshotFromManifest(manifest) {
-    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    var _options_remotes = options.remotes, remotes = _options_remotes === void 0 ? {} : _options_remotes, _options_overrides = options.overrides, overrides = _options_overrides === void 0 ? {} : _options_overrides, version = options.version;
-    var remoteSnapshot;
-    var getPublicPath = function getPublicPath() {
-        if ("publicPath" in manifest.metaData) {
-            return manifest.metaData.publicPath;
-        } else {
-            return manifest.metaData.getPublicPath;
         }
+        return target;
     };
-    var overridesKeys = Object.keys(overrides);
-    var remotesInfo = {};
-    // If remotes are not provided, only the remotes in the manifest will be read
-    if (!Object.keys(remotes).length) {
-        var _manifest_remotes;
-        remotesInfo = ((_manifest_remotes = manifest.remotes) === null || _manifest_remotes === void 0 ? void 0 : _manifest_remotes.reduce(function(res, next) {
-            var matchedVersion;
-            var name = next.federationContainerName;
-            // overrides have higher priority
-            if (overridesKeys.includes(name)) {
-                matchedVersion = overrides[name];
-            } else {
-                if ("version" in next) {
-                    matchedVersion = next.version;
-                } else {
-                    matchedVersion = next.entry;
-                }
-            }
-            res[name] = {
-                matchedVersion: matchedVersion
-            };
-            return res;
-        }, {})) || {};
-    }
-    // If remotes (deploy scenario) are specified, they need to be traversed again
-    Object.keys(remotes).forEach(function(key) {
-        return remotesInfo[key] = {
-            // overrides will override dependencies
-            matchedVersion: overridesKeys.includes(key) ? overrides[key] : remotes[key]
-        };
-    });
-    var _manifest_metaData = manifest.metaData, _manifest_metaData_remoteEntry = _manifest_metaData.remoteEntry, remoteEntryPath = _manifest_metaData_remoteEntry.path, remoteEntryName = _manifest_metaData_remoteEntry.name, remoteEntryType = _manifest_metaData_remoteEntry.type, remoteTypes = _manifest_metaData.types, buildVersion = _manifest_metaData.buildInfo.buildVersion, globalName = _manifest_metaData.globalName;
-    var exposes = manifest.exposes;
-    var basicRemoteSnapshot = {
-        version: version ? version : "",
-        buildVersion: buildVersion,
-        globalName: globalName,
-        remoteEntry: simpleJoinRemoteEntry(remoteEntryPath, remoteEntryName),
-        remoteEntryType: remoteEntryType,
-        remoteTypes: simpleJoinRemoteEntry(remoteTypes.path, remoteTypes.name),
-        remotesInfo: remotesInfo,
-        shared: manifest === null || manifest === void 0 ? void 0 : manifest.shared.map(function(item) {
-            return {
-                assets: item.assets,
-                sharedName: item.name
-            };
-        }),
-        modules: exposes === null || exposes === void 0 ? void 0 : exposes.map(function(expose) {
-            return {
-                moduleName: expose.name,
-                modulePath: expose.path,
-                assets: expose.assets
-            };
-        })
-    };
-    if ("publicPath" in manifest.metaData) {
-        remoteSnapshot = _object_spread_props(_object_spread({}, basicRemoteSnapshot), {
-            publicPath: getPublicPath()
-        });
-    } else {
-        remoteSnapshot = _object_spread_props(_object_spread({}, basicRemoteSnapshot), {
-            getPublicPath: getPublicPath()
-        });
-    }
-    return remoteSnapshot;
+    return _extends$5.apply(this, arguments);
 }
-function isManifestProvider(moduleInfo) {
-    if ("remoteEntry" in moduleInfo && moduleInfo.remoteEntry.endsWith(MANIFEST_EXT)) {
-        return true;
-    } else {
-        return false;
-    }
-}
-
 async function loadEsmEntry({ entry, remoteEntryExports }) {
     return new Promise((resolve, reject)=>{
         try {
@@ -563,7 +156,7 @@ async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook
     return globalLoading[uniqueKey];
 }
 function getRemoteInfo(remote) {
-    return _extends({}, remote, {
+    return _extends$5({}, remote, {
         entry: 'entry' in remote ? remote.entry : '',
         type: remote.type || DEFAULT_REMOTE_TYPE,
         entryGlobalName: remote.entryGlobalName || remote.name,
@@ -571,6 +164,20 @@ function getRemoteInfo(remote) {
     });
 }
 
+function _extends$4() {
+    _extends$4 = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$4.apply(this, arguments);
+}
 let Module = class Module {
     async getEntry() {
         if (this.remoteEntryExports) {
@@ -590,7 +197,7 @@ let Module = class Module {
                 return;
             }
         });
-        assert(remoteEntryExports, `remoteEntryExports is undefined \n ${safeToString$1(this.remoteInfo)}`);
+        assert(remoteEntryExports, `remoteEntryExports is undefined \n ${safeToString(this.remoteInfo)}`);
         this.remoteEntryExports = remoteEntryExports;
         return this.remoteEntryExports;
     }
@@ -617,7 +224,7 @@ let Module = class Module {
             remoteEntryExports.init(shareScope, [], remoteEntryInitOptions);
             const federationInstance = Global.__FEDERATION__.__INSTANCES__.find((i)=>i.options.id === composeKeyWithSeparator(this.remoteInfo.name, this.remoteInfo.buildVersion));
             if (federationInstance) {
-                federationInstance.initOptions(_extends({}, remoteEntryInitOptions, {
+                federationInstance.initOptions(_extends$4({}, remoteEntryInitOptions, {
                     remotes: [],
                     name: this.remoteInfo.name
                 }));
@@ -833,17 +440,32 @@ class PluginSystem {
     }
 }
 
+function _extends$3() {
+    _extends$3 = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$3.apply(this, arguments);
+}
 function defaultPreloadArgs(preloadConfig) {
-    return _extends({
+    return _extends$3({
         resourceCategory: 'sync',
         share: true,
-        depsRemote: 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 && safeToString$1({
+        assert(remoteInfo, `Unable to preload ${args.nameOrAlias} as it is not included in ${!remoteInfo && safeToString({
             remoteInfo,
             remotes
         })}`);
@@ -929,6 +551,20 @@ function preloadAssets(remoteInfo, host, assets) {
     }
 }
 
+function _extends$2() {
+    _extends$2 = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$2.apply(this, arguments);
+}
 function assignRemoteInfo(remoteInfo, remoteSnapshot) {
     if (!('remoteEntry' in remoteSnapshot) || !remoteSnapshot.remoteEntry) {
         error(`The attribute remoteEntry of ${name} must not be undefined.`);
@@ -944,7 +580,7 @@ function assignRemoteInfo(remoteInfo, remoteSnapshot) {
 function snapshotPlugin() {
     return {
         name: 'snapshot-plugin',
-        async loadRemoteMatch (args) {
+        async afterResolve (args) {
             const { remote, pkgNameOrAlias, expose, origin, remoteInfo } = args;
             if (!isRemoteInfoWithEntry(remote) || !isPureRemoteEntry(remote)) {
                 const { remoteSnapshot, globalSnapshot } = await origin.snapshotHandler.loadRemoteSnapshotInfo(remote);
@@ -973,6 +609,9 @@ function snapshotPlugin() {
                 if (assets) {
                     preloadAssets(remoteInfo, origin, assets);
                 }
+                return _extends$2({}, args, {
+                    remoteSnapshot
+                });
             }
             return args;
         }
@@ -1096,6 +735,12 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
             for(let index = 0; index < assetsLength; index++){
                 const assetsInfo = moduleAssetsInfo[index];
                 const exposeFullPath = `${remoteInfo.name}/${assetsInfo.moduleName}`;
+                origin.hooks.lifecycle.handlePreloadModule.emit({
+                    id: assetsInfo.moduleName === '.' ? remoteInfo.name : exposeFullPath,
+                    name: remoteInfo.name,
+                    remoteSnapshot: moduleInfoSnapshot,
+                    preloadConfig
+                });
                 const preloaded = getPreloaded(exposeFullPath);
                 if (preloaded) {
                     continue;
@@ -1182,6 +827,20 @@ const generatePreloadAssetsPlugin = function() {
     };
 };
 
+function _extends$1() {
+    _extends$1 = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends$1.apply(this, arguments);
+}
 class SnapshotHandler {
     async loadSnapshot(moduleInfo) {
         const { options } = this.HostInstance;
@@ -1233,7 +892,7 @@ class SnapshotHandler {
             return;
         }).value) {
             if ('version' in moduleInfo || 'entry' in moduleInfo) {
-                hostSnapshot.remotesInfo = _extends({}, hostSnapshot == null ? void 0 : hostSnapshot.remotesInfo, {
+                hostSnapshot.remotesInfo = _extends$1({}, hostSnapshot == null ? void 0 : hostSnapshot.remotesInfo, {
                     [moduleInfo.name]: {
                         matchedVersion: 'version' in moduleInfo ? moduleInfo.version : moduleInfo.entry
                     }
@@ -1253,7 +912,7 @@ class SnapshotHandler {
             if (isManifestProvider(globalRemoteSnapshot)) {
                 const moduleSnapshot = await this.getManifestJson(globalRemoteSnapshot.remoteEntry, moduleInfo, {});
                 // eslint-disable-next-line @typescript-eslint/no-shadow
-                const globalSnapshotRes = setGlobalSnapshotInfoByModuleInfo(_extends({}, moduleInfo), moduleSnapshot);
+                const globalSnapshotRes = setGlobalSnapshotInfoByModuleInfo(_extends$1({}, moduleInfo), moduleSnapshot);
                 return {
                     remoteSnapshot: moduleSnapshot,
                     globalSnapshot: globalSnapshotRes
@@ -1371,7 +1030,10 @@ class SnapshotHandler {
                 return manifestJson;
             }
             try {
-                const res = await fetch(manifestUrl);
+                let res = await this.loaderHook.lifecycle.fetch.emit(manifestUrl, {});
+                if (!res || !(res instanceof Response)) {
+                    res = await fetch(manifestUrl, {});
+                }
                 manifestJson = await res.json();
                 assert(manifestJson.metaData && manifestJson.exposes && manifestJson.shared, `${manifestUrl} is not a federation manifest`);
                 this.manifestCache.set(manifestUrl, manifestJson);
@@ -1412,9 +1074,36 @@ class SnapshotHandler {
         });
         this.manifestLoading = Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
+        this.loaderHook = HostInstance.loaderHook;
     }
 }
 
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 class FederationHost {
     initOptions(userOptions) {
         this.registerPlugins(userOptions.plugins);
@@ -1547,7 +1236,7 @@ class FederationHost {
       `);
     }
     async _getRemoteModuleAndOptions(id) {
-        const loadRemoteArgs = await this.hooks.lifecycle.beforeLoadRemote.emit({
+        const loadRemoteArgs = await this.hooks.lifecycle.beforeRequest.emit({
             id,
             options: this.options,
             origin: this
@@ -1556,13 +1245,15 @@ class FederationHost {
         const remoteSplitInfo = matchRemoteWithNameAndExpose(this.options.remotes, idRes);
         assert(remoteSplitInfo, `
         Unable to locate ${idRes} in ${this.options.name}. Potential reasons for failure include:\n
-        1. ${idRes} was not included in the 'remotes' parameter of ${this.options.name}.\n
+        1. ${idRes} was not included in the 'remotes' parameter of ${this.options.name || 'the host'}.\n
         2. ${idRes} could not be found in the 'remotes' of ${this.options.name} with either 'name' or 'alias' attributes.
-        3. The 'beforeLoadRemote' hook was provided but did not return the correct 'remoteInfo' when attempting to load ${idRes}.
+        3. ${idRes} is not online, injected, or loaded.
+        4. ${idRes}  cannot be accessed on the expected.
+        5. The 'beforeRequest' hook was provided but did not return the correct 'remoteInfo' when attempting to load ${idRes}.
       `);
         const { remote: rawRemote } = remoteSplitInfo;
         const remoteInfo = getRemoteInfo(rawRemote);
-        const matchInfo = await this.hooks.lifecycle.loadRemoteMatch.emit(_extends({
+        const matchInfo = await this.hooks.lifecycle.afterResolve.emit(_extends({
             id: idRes
         }, remoteSplitInfo, {
             options: this.options,
@@ -1570,7 +1261,7 @@ class FederationHost {
             remoteInfo
         }));
         const { remote, expose } = matchInfo;
-        assert(remote && expose, `The 'beforeLoadRemote' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${idRes}.`);
+        assert(remote && expose, `The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${idRes}.`);
         let module = this.moduleCache.get(remote.name);
         const moduleOptions = {
             hostInfo: {
@@ -1609,7 +1300,7 @@ class FederationHost {
             const { module, moduleOptions, remoteMatchInfo } = await this._getRemoteModuleAndOptions(id);
             const { pkgNameOrAlias, remote, expose, id: idRes } = remoteMatchInfo;
             const moduleOrFactory = await module.get(expose, options);
-            await this.hooks.lifecycle.loadRemote.emit({
+            await this.hooks.lifecycle.onLoad.emit({
                 id: idRes,
                 pkgNameOrAlias,
                 expose,
@@ -1730,7 +1421,7 @@ class FederationHost {
                 }
                 // Set the remote entry to a complete path
                 if ('entry' in remote) {
-                    if (isBrowserEnv$1()) {
+                    if (isBrowserEnv()) {
                         remote.entry = new URL(remote.entry, window.location.origin).href;
                     }
                 }
@@ -1806,7 +1497,7 @@ class FederationHost {
             }
             if (target[sc][pkgName][version]) {
                 warn(// eslint-disable-next-line max-len
-                `The share \n ${safeToString$1({
+                `The share \n ${safeToString({
                     scope: sc,
                     pkgName,
                     version,
@@ -1833,9 +1524,10 @@ class FederationHost {
         this.hooks = new PluginSystem({
             beforeInit: new SyncWaterfallHook('beforeInit'),
             init: new SyncHook(),
-            beforeLoadRemote: new AsyncWaterfallHook('beforeLoadRemote'),
-            loadRemoteMatch: new AsyncWaterfallHook('loadRemoteMatch'),
-            loadRemote: new AsyncHook('loadRemote'),
+            beforeRequest: new AsyncWaterfallHook('beforeRequest'),
+            afterResolve: new AsyncWaterfallHook('afterResolve'),
+            onLoad: new AsyncHook('onLoad'),
+            handlePreloadModule: new SyncHook('handlePreloadModule'),
             errorLoadRemote: new AsyncHook('errorLoadRemote'),
             beforeLoadShare: new AsyncWaterfallHook('beforeLoadShare'),
             loadShare: new AsyncHook(),
@@ -1843,12 +1535,13 @@ class FederationHost {
             generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = '1.0.0-canary.4';
+        this.version = '1.0.1-canary.1';
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable
             getModuleInfo: new SyncHook(),
-            createScript: new SyncHook()
+            createScript: new SyncHook(),
+            fetch: new AsyncHook('fetch')
         });
         this.loadingShare = {};
         // TODO: Validate the details of the options
@@ -1862,7 +1555,7 @@ class FederationHost {
             ],
             remotes: [],
             shared: {},
-            inBrowser: isBrowserEnv$1()
+            inBrowser: isBrowserEnv()
         };
         this.name = userOptions.name;
         this.options = defaultOptions;
@@ -1914,4 +1607,4 @@ function preloadRemote(...args) {
 // Inject for debug
 setGlobalFederationConstructor(FederationHost);
 
-export { FederationHost, init, loadRemote, loadScript, loadShare, loadShareSync, preloadRemote };
+export { FederationHost, init, loadRemote, loadShare, loadShareSync, preloadRemote };