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

package/index.cjs.js

@@ -3,19 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var share = require('./share.cjs.js');
+var sdk = require('@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
@@ -80,75 +69,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 && share.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;
-            share.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 = share.getGlobalHostPlugins();
     // Incorporate global plugins
@@ -168,347 +88,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) : ""));
-                    }
+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];
                 }
             }
-        },
-        {
-            key: "logOriginalInfo",
-            value: function logOriginalInfo() {
-                for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-                    args[_key] = arguments[_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 {
@@ -528,7 +121,7 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
-    return loadScript(entry, {
+    return sdk.loadScript(entry, {
         attrs: {},
         createScriptHook
     }).then(()=>{
@@ -544,7 +137,7 @@ async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
 }
 async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook }) {
     const { entry, name, type, entryGlobalName } = remoteInfo;
-    const uniqueKey = composeKeyWithSeparator(name, entry);
+    const uniqueKey = sdk.composeKeyWithSeparator(name, entry);
     if (remoteEntryExports) {
         return remoteEntryExports;
     }
@@ -566,7 +159,7 @@ async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook
     return share.globalLoading[uniqueKey];
 }
 function getRemoteInfo(remote) {
-    return share._extends({}, remote, {
+    return _extends$5({}, remote, {
         entry: 'entry' in remote ? remote.entry : '',
         type: remote.type || share.DEFAULT_REMOTE_TYPE,
         entryGlobalName: remote.entryGlobalName || remote.name,
@@ -574,6 +167,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) {
@@ -618,9 +225,9 @@ let Module = class Module {
                 region: this.hostInfo.region
             };
             remoteEntryExports.init(shareScope, [], remoteEntryInitOptions);
-            const federationInstance = share.Global.__FEDERATION__.__INSTANCES__.find((i)=>i.options.id === composeKeyWithSeparator(this.remoteInfo.name, this.remoteInfo.buildVersion));
+            const federationInstance = share.Global.__FEDERATION__.__INSTANCES__.find((i)=>i.options.id === sdk.composeKeyWithSeparator(this.remoteInfo.name, this.remoteInfo.buildVersion));
             if (federationInstance) {
-                federationInstance.initOptions(share._extends({}, remoteEntryInitOptions, {
+                federationInstance.initOptions(_extends$4({}, remoteEntryInitOptions, {
                     remotes: [],
                     name: this.remoteInfo.name
                 }));
@@ -836,11 +443,26 @@ 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 share._extends({
+    return _extends$3({
         resourceCategory: 'sync',
         share: true,
-        depsRemote: true
+        depsRemote: true,
+        prefetchInterface: false
     }, preloadConfig);
 }
 function formatPreloadArgs(remotes, preloadArgs) {
@@ -916,7 +538,7 @@ function preloadAssets(remoteInfo, host, assets) {
         });
         document.head.appendChild(fragment);
         jsAssetsWithoutEntry.forEach((jsUrl)=>{
-            const { script: scriptEl } = createScript(jsUrl, ()=>{
+            const { script: scriptEl } = sdk.createScript(jsUrl, ()=>{
             // noop
             }, {}, (url)=>{
                 const res = host.loaderHook.lifecycle.createScript.emit({
@@ -932,12 +554,26 @@ 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) {
         share.error(`The attribute remoteEntry of ${name} must not be undefined.`);
     }
     const { remoteEntry } = remoteSnapshot;
-    const entryUrl = getResourceUrl(remoteSnapshot, remoteEntry);
+    const entryUrl = sdk.getResourceUrl(remoteSnapshot, remoteEntry);
     remoteInfo.type = remoteSnapshot.remoteEntryType;
     remoteInfo.entryGlobalName = remoteSnapshot.globalName;
     remoteInfo.entry = entryUrl;
@@ -947,7 +583,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 (!share.isRemoteInfoWithEntry(remote) || !share.isPureRemoteEntry(remote)) {
                 const { remoteSnapshot, globalSnapshot } = await origin.snapshotHandler.loadRemoteSnapshotInfo(remote);
@@ -976,6 +612,9 @@ function snapshotPlugin() {
                 if (assets) {
                     preloadAssets(remoteInfo, origin, assets);
                 }
+                return _extends$2({}, args, {
+                    remoteSnapshot
+                });
             }
             return args;
         }
@@ -1008,7 +647,7 @@ function traverseModuleInfo(globalSnapshot, remoteInfo, traverse, isRoot, memo =
     const id = share.getFMId(remoteInfo);
     const { value: snapshotValue } = share.getInfoWithoutType(globalSnapshot, id, getModuleInfoHook);
     const effectiveRemoteSnapshot = remoteSnapshot || snapshotValue;
-    if (effectiveRemoteSnapshot && !isManifestProvider(effectiveRemoteSnapshot)) {
+    if (effectiveRemoteSnapshot && !sdk.isManifestProvider(effectiveRemoteSnapshot)) {
         traverse(effectiveRemoteSnapshot, remoteInfo, isRoot);
         if (effectiveRemoteSnapshot.remotesInfo) {
             const remoteKeys = Object.keys(effectiveRemoteSnapshot.remotesInfo);
@@ -1061,7 +700,7 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
                 return;
             }
         }
-        const remoteEntryUrl = getResourceUrl(moduleInfoSnapshot, 'remoteEntry' in moduleInfoSnapshot ? moduleInfoSnapshot.remoteEntry : '');
+        const remoteEntryUrl = sdk.getResourceUrl(moduleInfoSnapshot, 'remoteEntry' in moduleInfoSnapshot ? moduleInfoSnapshot.remoteEntry : '');
         if (remoteEntryUrl) {
             entryAssets.push({
                 name: remoteInfo.name,
@@ -1088,7 +727,7 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
             }, []);
         }
         function handleAssets(assets) {
-            const assetsRes = assets.map((asset)=>getResourceUrl(moduleInfoSnapshot, asset));
+            const assetsRes = assets.map((asset)=>sdk.getResourceUrl(moduleInfoSnapshot, asset));
             if (preloadConfig.filter) {
                 return assetsRes.filter(preloadConfig.filter);
             }
@@ -1099,6 +738,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 = share.getPreloaded(exposeFullPath);
                 if (preloaded) {
                     continue;
@@ -1185,6 +830,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;
@@ -1236,7 +895,7 @@ class SnapshotHandler {
             return;
         }).value) {
             if ('version' in moduleInfo || 'entry' in moduleInfo) {
-                hostSnapshot.remotesInfo = share._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,10 +912,10 @@ class SnapshotHandler {
         });
         // global snapshot includes manifest or module info includes manifest
         if (globalRemoteSnapshot) {
-            if (isManifestProvider(globalRemoteSnapshot)) {
+            if (sdk.isManifestProvider(globalRemoteSnapshot)) {
                 const moduleSnapshot = await this.getManifestJson(globalRemoteSnapshot.remoteEntry, moduleInfo, {});
                 // eslint-disable-next-line @typescript-eslint/no-shadow
-                const globalSnapshotRes = share.setGlobalSnapshotInfoByModuleInfo(share._extends({}, moduleInfo), moduleSnapshot);
+                const globalSnapshotRes = share.setGlobalSnapshotInfoByModuleInfo(_extends$1({}, moduleInfo), moduleSnapshot);
                 return {
                     remoteSnapshot: moduleSnapshot,
                     globalSnapshot: globalSnapshotRes
@@ -1374,7 +1033,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();
                 share.assert(manifestJson.metaData && manifestJson.exposes && manifestJson.shared, `${manifestUrl} is not a federation manifest`);
                 this.manifestCache.set(manifestUrl, manifestJson);
@@ -1387,7 +1049,7 @@ class SnapshotHandler {
         };
         const asyncLoadProcess = async ()=>{
             const manifestJson = await getManifest();
-            const remoteSnapshot = generateSnapshotFromManifest(manifestJson, {
+            const remoteSnapshot = sdk.generateSnapshotFromManifest(manifestJson, {
                 version: manifestUrl
             });
             const { remoteSnapshot: remoteSnapshotRes } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
@@ -1415,9 +1077,36 @@ class SnapshotHandler {
         });
         this.manifestLoading = share.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);
@@ -1550,7 +1239,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
@@ -1559,13 +1248,15 @@ class FederationHost {
         const remoteSplitInfo = matchRemoteWithNameAndExpose(this.options.remotes, idRes);
         share.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(share._extends({
+        const matchInfo = await this.hooks.lifecycle.afterResolve.emit(_extends({
             id: idRes
         }, remoteSplitInfo, {
             options: this.options,
@@ -1573,7 +1264,7 @@ class FederationHost {
             remoteInfo
         }));
         const { remote, expose } = matchInfo;
-        share.assert(remote && expose, `The 'beforeLoadRemote' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${idRes}.`);
+        share.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: {
@@ -1612,7 +1303,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,
@@ -1712,7 +1403,7 @@ class FederationHost {
     }
     formatOptions(globalOptions, userOptions) {
         const formatShareOptions = share.formatShareConfigs(userOptions.shared || {}, userOptions.name);
-        const shared = share._extends({}, globalOptions.shared, formatShareOptions);
+        const shared = _extends({}, globalOptions.shared, formatShareOptions);
         const { userOptions: userOptionsRes, options: globalOptionsRes } = this.hooks.lifecycle.beforeInit.emit({
             origin: this,
             userOptions,
@@ -1773,7 +1464,7 @@ class FederationHost {
                 }
             });
         }
-        const optionsRes = share._extends({}, globalOptions, userOptions, {
+        const optionsRes = _extends({}, globalOptions, userOptions, {
             plugins,
             remotes,
             shared
@@ -1793,7 +1484,7 @@ class FederationHost {
     }
     setShared({ pkgName, shared, from, lib, loading, loaded, get }) {
         const target = share.getGlobalShareScope();
-        const { version, scope = 'default' } = shared, shareInfo = share._object_without_properties_loose(shared, [
+        const { version, scope = 'default' } = shared, shareInfo = _object_without_properties_loose(shared, [
             "version",
             "scope"
         ]);
@@ -1817,7 +1508,7 @@ class FederationHost {
                 })} has been registered`);
                 return;
             }
-            target[sc][pkgName][version] = share._extends({
+            target[sc][pkgName][version] = _extends({
                 version,
                 scope: [
                     'default'
@@ -1836,9 +1527,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(),
@@ -1846,12 +1538,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
@@ -1921,7 +1614,6 @@ exports.registerGlobalPlugins = share.registerGlobalPlugins;
 exports.FederationHost = FederationHost;
 exports.init = init;
 exports.loadRemote = loadRemote;
-exports.loadScript = loadScript;
 exports.loadShare = loadShare;
 exports.loadShareSync = loadShareSync;
 exports.preloadRemote = preloadRemote;