@module-federation/webpack-bundler-runtime 1.0.0-canary.1 → 1.0.0-canary.3

package/index.cjs.js

@@ -296,18 +296,18 @@ function isPlainObject(val) {
 }
 function isStaticResourcesEqual(url1, url2) {
     var REG_EXP = /^(https?:)?\/\//i;
-    // Convert both url1 and url2 to relative paths
+    // Transform url1 and url2 into relative paths
     var relativeUrl1 = url1.replace(REG_EXP, "").replace(/\/$/, "");
     var relativeUrl2 = url2.replace(REG_EXP, "").replace(/\/$/, "");
-    // Determines whether relative paths are equal
+    // Check if the relative paths are identical
     return relativeUrl1 === relativeUrl2;
 }
 var _nativeGlobal___FEDERATION__, _nativeGlobal___FEDERATION__1, _nativeGlobal___FEDERATION__2, _nativeGlobal___FEDERATION__3, _nativeGlobal___FEDERATION__4, _nativeGlobal___FEDERATION__5, _nativeGlobal___FEDERATION__6;
 // export const nativeGlobal: typeof global = new Function('return this')();
 var nativeGlobal = new Function("return this")();
-// Avoid being windowed by some microfront end frameworks, but sandbox escapes due to reuse policies
-// The sandbox in the microfront does not copy the value of configurable
-// If no loading content exists on the global object, the loading object is defined
+// This section is to prevent encapsulation by certain microfrontend frameworks. Due to reuse policies, sandbox escapes.
+// The sandbox in the microfrontend does not replicate the value of 'configurable'.
+// If there is no loading content on the global object, this section defines the loading object.
 if (!Object.hasOwnProperty.call(globalThis, "__GLOBAL_LOADING_REMOTE_ENTRY__")) {
     Object.defineProperty(globalThis, "__GLOBAL_LOADING_REMOTE_ENTRY__", {
         value: {},
@@ -374,23 +374,15 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor) {
     if (isDebugMode$1()) {
         Global.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        Global.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "1.0.0-canary.1";
+        Global.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "1.0.0-canary.4";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types
 function getInfoWithoutType(target, key, getModuleInfoHook) {
-    var res;
-    if (target[key]) {
-        res = {
-            value: target[key],
-            key: key
-        };
-    } else {
-        res = {
-            value: undefined,
-            key: key
-        };
-    }
+    var res = {
+        value: target[key],
+        key: key
+    };
     if (getModuleInfoHook) {
         var hookRes = getModuleInfoHook(target, key);
         res = hookRes || res;
@@ -401,18 +393,17 @@ var getGlobalSnapshot = function() {
     return Global.__FEDERATION__.moduleInfo;
 };
 var getTargetSnapshotInfoByModuleInfo = function(moduleInfo, snapshot, getModuleInfoHook) {
-    // remote include in hostSnapshot
+    // Check if the remote is included in the hostSnapshot
     var moduleKey = getFMId(moduleInfo);
     var getModuleInfo = getInfoWithoutType(snapshot, moduleKey, getModuleInfoHook).value;
-    // remoteSnapshot may don't include version
+    // The remoteSnapshot might not include a version
     if (getModuleInfo && !getModuleInfo.version && "version" in moduleInfo && moduleInfo["version"]) {
         getModuleInfo.version = moduleInfo["version"];
     }
     if (getModuleInfo) {
         return getModuleInfo;
     }
-    // remote don't include in hostSnapshot
-    // deploy micro app snapshot
+    // If the remote is not included in the hostSnapshot, deploy a micro app snapshot
     if ("version" in moduleInfo && moduleInfo["version"]) {
         var version = moduleInfo.version, resModuleInfo = _object_without_properties_loose(moduleInfo, [
             "version"
@@ -441,7 +432,10 @@ var getRemoteEntryExports = function(name, globalName) {
         entryExports: entryExports
     };
 };
-// global hooks
+// This function is used to register global plugins.
+// It iterates over the provided plugins and checks if they are already registered.
+// If a plugin is not registered, it is added to the global plugins.
+// If a plugin is already registered, a warning message is logged.
 var registerGlobalPlugins = function(plugins) {
     var __GLOBAL_PLUGIN__ = Global.__FEDERATION__.__GLOBAL_PLUGIN__;
     plugins.forEach(function(plugin) {
@@ -913,8 +907,8 @@ function findSingletonVersionOrderByLoaded(scope, pkgName) {
     };
     return findVersion(scope, pkgName, callback);
 }
-// Information about sharing
-// TODO: Add strictVersion for consistency with mf.
+// Details about shared resources
+// TODO: Implement strictVersion for alignment with module federation.
 function getGlobalShare(pkgName, shareInfo) {
     var globalShares = Global.__FEDERATION__.__SHARE__;
     var shareConfig = shareInfo.shareConfig, _shareInfo_scope = shareInfo.scope, scope = _shareInfo_scope === void 0 ? DEFAULT_SCOPE : _shareInfo_scope, strategy = shareInfo.strategy;
@@ -932,7 +926,7 @@ function getGlobalShare(pkgName, shareInfo) {
                     var singletonVersion = strategy === "loaded-first" ? findSingletonVersionOrderByLoaded(sc, pkgName) : findSingletonVersionOrderByVersion(sc, pkgName);
                     // eslint-disable-next-line max-depth
                     if (typeof requiredVersion === "string" && !satisfy(singletonVersion, requiredVersion)) {
-                        warn("Unsatisfied version ".concat(singletonVersion, " from ").concat(singletonVersion && globalShares[sc][pkgName][singletonVersion].from, " of shared singleton module ").concat(pkgName, " (").concat(shareInfo.from, " required ").concat(requiredVersion, ")"));
+                        warn("Version ".concat(singletonVersion, " from ").concat(singletonVersion && globalShares[sc][pkgName][singletonVersion].from, " of shared singleton module ").concat(pkgName, " does not satisfy the requirement of ").concat(shareInfo.from, " which needs ").concat(requiredVersion, ")"));
                     }
                     return globalShares[sc][pkgName][singletonVersion];
                 } else {
@@ -1245,6 +1239,7 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
+// Function to get the URL of a resource
 function getResourceUrl(module, sourceUrl) {
     if ("getPublicPath" in module) {
         var publicPath = new Function(module.getPublicPath)();
@@ -1252,10 +1247,11 @@ function getResourceUrl(module, sourceUrl) {
     } else if ("publicPath" in module) {
         return "".concat(module.publicPath).concat(sourceUrl);
     } else {
-        console.warn("Cannot get resource URL. If in debug mode, please ignore.", module, sourceUrl);
+        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
 // id: alias(app1/utils) + expose(loadash/sort) = app1/utils/loadash/sort
@@ -1265,9 +1261,9 @@ function matchRemoteWithNameAndExpose(remotes, id) {
         for(var _iterator = remotes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var remote = _step.value;
             // match pkgName
-            var matchNameSuccess = id.startsWith(remote.name);
+            var isNameMatched = id.startsWith(remote.name);
             var expose = id.replace(remote.name, "");
-            if (matchNameSuccess) {
+            if (isNameMatched) {
                 if (expose.startsWith("/")) {
                     var pkgNameOrAlias = remote.name;
                     expose = ".".concat(expose);
@@ -1285,9 +1281,9 @@ function matchRemoteWithNameAndExpose(remotes, id) {
                 }
             }
             // match alias
-            var matchAliasSuccess = remote.alias && id.startsWith(remote.alias);
+            var isAliasMatched = remote.alias && id.startsWith(remote.alias);
             var exposeWithAlias = remote.alias && id.replace(remote.alias, "");
-            if (remote.alias && matchAliasSuccess) {
+            if (remote.alias && isAliasMatched) {
                 if (exposeWithAlias && exposeWithAlias.startsWith("/")) {
                     var pkgNameOrAlias1 = remote.alias;
                     exposeWithAlias = ".".concat(exposeWithAlias);
@@ -1321,17 +1317,18 @@ function matchRemoteWithNameAndExpose(remotes, id) {
     }
     return;
 }
+// Function to match a remote with its name or alias
 function matchRemote(remotes, nameOrAlias) {
     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
     try {
         for(var _iterator = remotes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var remote = _step.value;
-            var matchNameSuccess = nameOrAlias === remote.name;
-            if (matchNameSuccess) {
+            var isNameMatched = nameOrAlias === remote.name;
+            if (isNameMatched) {
                 return remote;
             }
-            var matchAliasSuccess = remote.alias && nameOrAlias === remote.alias;
-            if (matchAliasSuccess) {
+            var isAliasMatched = remote.alias && nameOrAlias === remote.alias;
+            if (isAliasMatched) {
                 return remote;
             }
         }
@@ -1352,7 +1349,7 @@ function matchRemote(remotes, nameOrAlias) {
     return;
 }
 function createScript(url, cb, attrs, createScriptHook) {
-    // get the existing script element by src
+    // Retrieve the existing script element by its src attribute
     var script = null;
     var needAttach = true;
     var scripts = document.getElementsByTagName("script");
@@ -1388,7 +1385,7 @@ function createScript(url, cb, attrs, createScriptHook) {
         });
     }
     var onScriptComplete = function(prev, event) {
-        // avoid memory leaks in IE.
+        // Prevent memory leaks in IE.
         if (script) {
             script.onerror = null;
             script.onload = null;
@@ -1420,7 +1417,7 @@ function loadScript(url, info) {
 }
 function registerPlugins(plugins, hookInstances) {
     var globalPlugins = getGlobalHostPlugins();
-    // Register global plugins
+    // Incorporate global plugins
     if (globalPlugins.length > 0) {
         globalPlugins.forEach(function(plugin) {
             if (plugins == null ? void 0 : plugins.find(function(item) {
@@ -1692,7 +1689,7 @@ var simpleJoinRemoteEntry = function simpleJoinRemoteEntry(rPath, rName) {
     }
     return "".concat(transformedPath, "/").concat(rName);
 };
-// 优先级：overrides > remotes
+// 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] : {};
@@ -1707,13 +1704,13 @@ function generateSnapshotFromManifest(manifest) {
     };
     var overridesKeys = Object.keys(overrides);
     var remotesInfo = {};
-    // If remotes are not passed, only the remotes in the manifest will be read
+    // 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 name1 = next.federationContainerName;
-            // overrides has hight priority
+            // overrides have higher priority
             if (overridesKeys.includes(name1)) {
                 matchedVersion = overrides[name1];
             } else {
@@ -1729,7 +1726,7 @@ function generateSnapshotFromManifest(manifest) {
             return res;
         }, {})) || {};
     }
-    // If remotes (deploy scenario) are specified, you need to traverse it again
+    // 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
@@ -1827,7 +1824,7 @@ function _loadEntryScript() {
                     createScriptHook: createScriptHook
                 }).then(function() {
                     var _getRemoteEntryExports = getRemoteEntryExports(name1, globalName), remoteEntryKey = _getRemoteEntryExports.remoteEntryKey, entryExports = _getRemoteEntryExports.entryExports;
-                    assert(entryExports, "\n      Cannot use the ".concat(name1, "'s '").concat(entry, "' URL with ").concat(remoteEntryKey, "'s globalName to get remoteEntry exports.\n      The following reasons may be causing the problem:\n\n      1. '").concat(entry, "' is not the correct URL, or the remoteEntry resource or name is incorrect.\n\n      2. Unable to use ").concat(remoteEntryKey, " to get remoteEntry exports in the window object.\n    "));
+                    assert(entryExports, "\n      Unable to use the ".concat(name1, "'s '").concat(entry, "' URL with ").concat(remoteEntryKey, "'s globalName to get remoteEntry exports.\n      Possible reasons could be:\n\n      1. '").concat(entry, "' is not the correct URL, or the remoteEntry resource or name is incorrect.\n\n      2. ").concat(remoteEntryKey, " cannot be used to get remoteEntry exports in the window object.\n    "));
                     return entryExports;
                 })
             ];
@@ -2115,14 +2112,14 @@ var AsyncHook = /*#__PURE__*/ function(SyncHook) {
     return AsyncHook;
 }(SyncHook);
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-function checkReturnData(originData, returnData) {
-    if (!isObject(returnData)) {
+function checkReturnData(originalData, returnedData) {
+    if (!isObject(returnedData)) {
         return false;
     }
-    if (originData !== returnData) {
+    if (originalData !== returnedData) {
         // eslint-disable-next-line no-restricted-syntax
-        for(var key in originData){
-            if (!(key in returnData)) {
+        for(var key in originalData){
+            if (!(key in returnedData)) {
                 return false;
             }
         }
@@ -2145,7 +2142,7 @@ var SyncWaterfallHook = /*#__PURE__*/ function(SyncHook) {
             key: "emit",
             value: function emit(data) {
                 if (!isObject(data)) {
-                    error('"'.concat(this.type, '" hook response data must be an object.'));
+                    error('The data for the "'.concat(this.type, '" hook should be an object.'));
                 }
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
@@ -2156,7 +2153,7 @@ var SyncWaterfallHook = /*#__PURE__*/ function(SyncHook) {
                             if (checkReturnData(data, tempData)) {
                                 data = tempData;
                             } else {
-                                this.onerror('The "'.concat(this.type, '" type has a plugin return value error.'));
+                                this.onerror('A plugin returned an unacceptable value for the "'.concat(this.type, '" type.'));
                                 break;
                             }
                         } catch (e) {
@@ -2201,7 +2198,7 @@ var AsyncWaterfallHook = /*#__PURE__*/ function(SyncHook) {
             value: function emit(data) {
                 var _this = this;
                 if (!isObject(data)) {
-                    error('"'.concat(this.type, '" hook response data must be an object.'));
+                    error('The response data for the "'.concat(this.type, '" hook must be an object.'));
                 }
                 var ls = Array.from(this.listeners);
                 if (ls.length > 0) {
@@ -2222,7 +2219,7 @@ var AsyncWaterfallHook = /*#__PURE__*/ function(SyncHook) {
                                 }
                             }
                         } else {
-                            _this.onerror('The "'.concat(_this.type, '" type has a plugin return value error.'));
+                            _this.onerror('A plugin returned an incorrect value for the "'.concat(_this.type, '" type.'));
                         }
                         return data;
                     };
@@ -2246,10 +2243,10 @@ var PluginSystem = /*#__PURE__*/ function() {
             key: "usePlugin",
             value: function usePlugin(plugin) {
                 var _this = this;
-                assert(isPlainObject(plugin), "Invalid plugin configuration.");
-                // The plugin name is required and must be unique
+                assert(isPlainObject(plugin), "Plugin configuration is invalid.");
+                // The plugin's name is mandatory and must be unique
                 var pluginName = plugin.name;
-                assert(pluginName, "Plugin must provide a name.");
+                assert(pluginName, "A name must be provided by the plugin.");
                 if (!this.registerPlugins[pluginName]) {
                     this.registerPlugins[pluginName] = plugin;
                     Object.keys(this.lifecycle).forEach(function(key) {
@@ -2265,9 +2262,9 @@ var PluginSystem = /*#__PURE__*/ function() {
             key: "removePlugin",
             value: function removePlugin(pluginName) {
                 var _this = this;
-                assert(pluginName, "Must provide a name.");
+                assert(pluginName, "A name is required.");
                 var plugin = this.registerPlugins[pluginName];
-                assert(plugin, 'plugin "'.concat(pluginName, '" is not registered.'));
+                assert(plugin, 'The plugin "'.concat(pluginName, '" is not registered.'));
                 Object.keys(plugin).forEach(function(key) {
                     if (key !== "name") {
                         _this.lifecycle[key].remove(plugin[key]);
@@ -2282,11 +2279,11 @@ var PluginSystem = /*#__PURE__*/ function() {
                 var lifecycle = param.lifecycle, registerPlugins = param.registerPlugins;
                 var _this = this;
                 Object.keys(lifecycle).forEach(function(hookName) {
-                    assert(!_this.lifecycle[hookName], '"'.concat(hookName, '" hook has conflict and cannot be inherited.'));
+                    assert(!_this.lifecycle[hookName], 'The hook "'.concat(hookName, '" has a conflict and cannot be inherited.'));
                     _this.lifecycle[hookName] = lifecycle[hookName];
                 });
                 Object.keys(registerPlugins).forEach(function(pluginName) {
-                    assert(!_this.registerPlugins[pluginName], '"'.concat(pluginName, '" plugin has conflict and cannot be inherited.'));
+                    assert(!_this.registerPlugins[pluginName], 'The plugin "'.concat(pluginName, '" has a conflict and cannot be inherited.'));
                     _this.usePlugin(registerPlugins[pluginName]);
                 });
             }
@@ -2302,13 +2299,12 @@ function defaultPreloadArgs(preloadConfig) {
     }, preloadConfig);
 }
 function formatPreloadArgs(remotes, preloadArgs) {
-    // let preloadOps: PreloadOptions;
     return preloadArgs.map(function(args) {
         var remoteInfo = matchRemote(remotes, args.nameOrAlias);
-        assert(remoteInfo, "can't preload ".concat(args.nameOrAlias, "，it is no't include in ").concat(!remoteInfo && safeToString$1({
+        assert(remoteInfo, "Unable to preload ".concat(args.nameOrAlias, " as it is not included in ").concat(!remoteInfo && safeToString$1({
             remoteInfo: remoteInfo,
             remotes: remotes
-        }), " "));
+        })));
         return {
             remote: remoteInfo,
             preloadConfig: defaultPreloadArgs(args)
@@ -2371,7 +2367,6 @@ function preloadAssets(remoteInfo, host, assets) {
             cssEl.setAttribute("rel", "preload");
             cssEl.setAttribute("href", cssUrl);
             cssEl.setAttribute("as", "style");
-            cssEl.setAttribute("crossorigin", "anonymous");
             fragment.appendChild(cssEl);
         });
         document.head.appendChild(fragment);
@@ -2393,7 +2388,7 @@ function preloadAssets(remoteInfo, host, assets) {
 }
 function assignRemoteInfo(remoteInfo, remoteSnapshot) {
     if (!("remoteEntry" in remoteSnapshot) || !remoteSnapshot.remoteEntry) {
-        error("The remoteEntry attribute of ".concat(name, " cannot be undefined."));
+        error("The attribute remoteEntry of ".concat(name, " must not be undefined."));
     }
     var remoteEntry = remoteSnapshot.remoteEntry;
     var entryUrl = getResourceUrl(remoteSnapshot, remoteEntry);
@@ -2424,7 +2419,7 @@ function snapshotPlugin() {
                         case 1:
                             _ref = _state.sent(), remoteSnapshot = _ref.remoteSnapshot, globalSnapshot = _ref.globalSnapshot;
                             assignRemoteInfo(remoteInfo, remoteSnapshot);
-                            // preload assets
+                            // preloading assets
                             preloadOptions = {
                                 remote: remote,
                                 preloadConfig: {
@@ -2486,16 +2481,16 @@ function splitId(id) {
         };
     }
 }
-// Traverse all nodes through moduleInfo and traverse the entire snapshot
+// Traverse all nodes in moduleInfo and traverse the entire snapshot
 function traverseModuleInfo(globalSnapshot, remoteInfo, traverse, isRoot) {
     var memo = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {}, remoteSnapshot = arguments.length > 5 ? arguments[5] : void 0, getModuleInfoHook = arguments.length > 6 ? arguments[6] : void 0;
     var id = getFMId(remoteInfo);
     var _getInfoWithoutType = getInfoWithoutType(globalSnapshot, id, getModuleInfoHook), snapshotValue = _getInfoWithoutType.value;
-    var effectRemoteSnapshot = remoteSnapshot || snapshotValue;
-    if (effectRemoteSnapshot && !isManifestProvider(effectRemoteSnapshot)) {
-        traverse(effectRemoteSnapshot, remoteInfo, isRoot);
-        if (effectRemoteSnapshot.remotesInfo) {
-            var remoteKeys = Object.keys(effectRemoteSnapshot.remotesInfo);
+    var effectiveRemoteSnapshot = remoteSnapshot || snapshotValue;
+    if (effectiveRemoteSnapshot && !isManifestProvider(effectiveRemoteSnapshot)) {
+        traverse(effectiveRemoteSnapshot, remoteInfo, isRoot);
+        if (effectiveRemoteSnapshot.remotesInfo) {
+            var remoteKeys = Object.keys(effectiveRemoteSnapshot.remotesInfo);
             var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
             try {
                 for(var _iterator = remoteKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
@@ -2505,7 +2500,7 @@ function traverseModuleInfo(globalSnapshot, remoteInfo, traverse, isRoot) {
                     }
                     memo[key] = true;
                     var subRemoteInfo = splitId(key);
-                    var remoteValue = effectRemoteSnapshot.remotesInfo[key];
+                    var remoteValue = effectiveRemoteSnapshot.remotesInfo[key];
                     traverseModuleInfo(globalSnapshot, {
                         name: subRemoteInfo.name,
                         version: remoteValue.matchedVersion
@@ -2540,7 +2535,7 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
     var depsRemote = rootPreloadConfig.depsRemote;
     var memo = {};
     traverseModuleInfo(globalSnapshot, remote, function(moduleInfoSnapshot, remoteInfo, isRoot) {
-        var handlerAssets = function handlerAssets(assets) {
+        var handleAssets = function handleAssets(assets) {
             var assetsRes = assets.map(function(asset) {
                 return getResourceUrl(moduleInfoSnapshot, asset);
             });
@@ -2601,7 +2596,6 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
             var assetsLength = moduleAssetsInfo.length;
             for(var index = 0; index < assetsLength; index++){
                 var assetsInfo = moduleAssetsInfo[index];
-                // for (const assetsInfo of moduleAssetsInfo) {
                 var exposeFullPath = "".concat(remoteInfo.name, "/").concat(assetsInfo.moduleName);
                 var preloaded = getPreloaded(exposeFullPath);
                 if (preloaded) {
@@ -2609,15 +2603,15 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
                 }
                 if (preloadConfig.resourceCategory === "all") {
                     var _cssAssets, _cssAssets1, _jsAssets, _jsAssets1;
-                    (_cssAssets = cssAssets).push.apply(_cssAssets, _to_consumable_array(handlerAssets(assetsInfo.assets.css.async)));
-                    (_cssAssets1 = cssAssets).push.apply(_cssAssets1, _to_consumable_array(handlerAssets(assetsInfo.assets.css.sync)));
-                    (_jsAssets = jsAssets).push.apply(_jsAssets, _to_consumable_array(handlerAssets(assetsInfo.assets.js.async)));
-                    (_jsAssets1 = jsAssets).push.apply(_jsAssets1, _to_consumable_array(handlerAssets(assetsInfo.assets.js.sync)));
+                    (_cssAssets = cssAssets).push.apply(_cssAssets, _to_consumable_array(handleAssets(assetsInfo.assets.css.async)));
+                    (_cssAssets1 = cssAssets).push.apply(_cssAssets1, _to_consumable_array(handleAssets(assetsInfo.assets.css.sync)));
+                    (_jsAssets = jsAssets).push.apply(_jsAssets, _to_consumable_array(handleAssets(assetsInfo.assets.js.async)));
+                    (_jsAssets1 = jsAssets).push.apply(_jsAssets1, _to_consumable_array(handleAssets(assetsInfo.assets.js.sync)));
                 // eslint-disable-next-line no-constant-condition
                 } else if (preloadConfig.resourceCategory = "sync") {
                     var _cssAssets2, _jsAssets2;
-                    (_cssAssets2 = cssAssets).push.apply(_cssAssets2, _to_consumable_array(handlerAssets(assetsInfo.assets.css.sync)));
-                    (_jsAssets2 = jsAssets).push.apply(_jsAssets2, _to_consumable_array(handlerAssets(assetsInfo.assets.js.sync)));
+                    (_cssAssets2 = cssAssets).push.apply(_cssAssets2, _to_consumable_array(handleAssets(assetsInfo.assets.css.sync)));
+                    (_jsAssets2 = jsAssets).push.apply(_jsAssets2, _to_consumable_array(handleAssets(assetsInfo.assets.js.sync)));
                 }
                 setPreloaded(exposeFullPath);
             }
@@ -2789,10 +2783,8 @@ var SnapshotHandler = /*#__PURE__*/ function() {
                                 ];
                             case 1:
                                 _state.sent();
-                                // In the dynamic loadRemote scenario, incomplete remotesInfo delivery may occur. In this case, the remotesInfo in the host needs to be completed in the snapshot at runtime.
-                                // Ensure the integrity of the snapshot, and at the same time help the chrome plug-in correctly identify all producer modules, ensuring that proxyable producer modules will not be missing
-                                // In the dynamic loadRemote scenario, incomplete remotesInfo delivery may occur. In this case, the remotesInfo in the host needs to be completed in the snapshot at runtime.
-                                // Ensure the integrity of the snapshot, and at the same time help the chrome plug-in correctly identify all producer modules, ensuring that proxyable producer modules will not be missing
+                                // In dynamic loadRemote scenarios, incomplete remotesInfo delivery may occur. In such cases, the remotesInfo in the host needs to be completed in the snapshot at runtime.
+                                // This ensures the snapshot's integrity and helps the chrome plugin correctly identify all producer modules, ensuring that proxyable producer modules will not be missing.
                                 if (hostSnapshot && "remotesInfo" in hostSnapshot && !getInfoWithoutType(hostSnapshot.remotesInfo, moduleInfo.name, function(target, key) {
                                     var res = _this.HostInstance.loaderHook.lifecycle.getModuleInfo.emit({
                                         target: target,
@@ -3024,7 +3016,7 @@ var SnapshotHandler = /*#__PURE__*/ function() {
                                             ];
                                         case 3:
                                             manifestJson = _state.sent();
-                                            assert(manifestJson.metaData && manifestJson.exposes && manifestJson.shared, "".concat(manifestUrl, " is not federation manifest"));
+                                            assert(manifestJson.metaData && manifestJson.exposes && manifestJson.shared, "".concat(manifestUrl, " is not a federation manifest"));
                                             _this.manifestCache.set(manifestUrl, manifestJson);
                                             return [
                                                 2,
@@ -3119,7 +3111,7 @@ var FederationHost = /*#__PURE__*/ function() {
             generatePreloadAssets: new AsyncHook("generatePreloadAssets"),
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = "1.0.0-canary.1";
+        this.version = "1.0.0-canary.4";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable
@@ -3127,8 +3119,8 @@ var FederationHost = /*#__PURE__*/ function() {
             createScript: new SyncHook()
         });
         this.loadingShare = {};
-        // TODO: check options detail type
-        // set options default value
+        // TODO: Validate the details of the options
+        // Initialize options with default values
         var defaultOptions = {
             id: getBuilderId(),
             name: userOptions.name,
@@ -3166,9 +3158,10 @@ var FederationHost = /*#__PURE__*/ function() {
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                // 1. Verify whether the currently loaded share already exists, and report an error if it does not exist
-                                // 2. Search globally to see if there is a matching share, and if so, use it directly
-                                // 3. If not, get it from the current share and store the obtained share globally.
+                                // This function performs the following steps:
+                                // 1. Checks if the currently loaded share already exists, if not, it throws an error
+                                // 2. Searches globally for a matching share, if found, it uses it directly
+                                // 3. If not found, it retrieves it from the current share and stores the obtained share globally.
                                 shareInfo = Object.assign({}, (_this_options_shared = _this.options.shared) == null ? void 0 : _this_options_shared[pkgName], customShareInfo);
                                 return [
                                     4,
@@ -3182,8 +3175,9 @@ var FederationHost = /*#__PURE__*/ function() {
                             case 1:
                                 loadShareRes = _state.sent();
                                 shareInfoRes = loadShareRes.shareInfo;
-                                assert(shareInfoRes, "cannot find ".concat(pkgName, " Share in the ").concat(_this.options.name, ". Perhaps you have not injected the ").concat(pkgName, " Share parameters"));
-                                // get from cache
+                                // Assert that shareInfoRes exists, if not, throw an error
+                                assert(shareInfoRes, "Cannot find ".concat(pkgName, " Share in the ").concat(_this.options.name, ". Please ensure that the ").concat(pkgName, " Share parameters have been injected"));
+                                // Retrieve from cache
                                 globalShare = getGlobalShare(pkgName, shareInfoRes);
                                 if (!(globalShare && globalShare.lib)) return [
                                     3,
@@ -3314,10 +3308,10 @@ var FederationHost = /*#__PURE__*/ function() {
             }
         },
         {
-            // There will be a lib function only if the shared set by eager or runtime init is set or the shared is successfully loaded.
-            // 1. If the loaded shared already exists globally, then reuse
-            // 2. If lib exists in local shared, use it directly
-            // 3. If the local get returns something other than Promise, then use it directly
+            // The lib function will only be available if the shared set by eager or runtime init is set or the shared is successfully loaded.
+            // 1. If the loaded shared already exists globally, then it will be reused
+            // 2. If lib exists in local shared, it will be used directly
+            // 3. If the local get returns something other than Promise, then it will be used directly
             key: "loadShareSync",
             value: function loadShareSync(pkgName) {
                 var _this_options_shared;
@@ -3342,7 +3336,7 @@ var FederationHost = /*#__PURE__*/ function() {
                 if (shareInfo.get) {
                     var module = shareInfo.get();
                     if (_instanceof(module, Promise)) {
-                        throw new Error("\n        The loadShareSync function failed to load ".concat(pkgName, ". Cannot find ").concat(pkgName, " in ").concat(this.options.name, ".\n        Failure reason: \n\n        1. Registered ").concat(pkgName, " share with the 'get' attribute, but did not use loadShare before.\n\n        2. Did not register ").concat(pkgName, " share with the 'lib' attribute.\n\n      "));
+                        throw new Error("\n        The loadShareSync function was unable to load ".concat(pkgName, ". The ").concat(pkgName, " could not be found in ").concat(this.options.name, ".\n        Possible reasons for failure: \n\n        1. The ").concat(pkgName, " share was registered with the 'get' attribute, but loadShare was not used beforehand.\n\n        2. The ").concat(pkgName, " share was not registered with the 'lib' attribute.\n\n      "));
                     }
                     shareInfo.lib = module;
                     this.setShared({
@@ -3354,7 +3348,7 @@ var FederationHost = /*#__PURE__*/ function() {
                     });
                     return shareInfo.lib;
                 }
-                throw new Error("\n        The loadShareSync function failed to load ".concat(pkgName, ". Cannot find ").concat(pkgName, " in ").concat(this.options.name, ".\n        Failure reason: \n\n        1. Registered ").concat(pkgName, " share with the 'get' attribute, but did not use loadShare before.\n\n        2. Did not register ").concat(pkgName, " share with the 'lib' attribute.\n\n      "));
+                throw new Error("\n        The loadShareSync function was unable to load ".concat(pkgName, ". The ").concat(pkgName, " could not be found in ").concat(this.options.name, ".\n        Possible reasons for failure: \n\n        1. The ").concat(pkgName, " share was registered with the 'get' attribute, but loadShare was not used beforehand.\n\n        2. The ").concat(pkgName, " share was not registered with the 'lib' attribute.\n\n      "));
             }
         },
         {
@@ -3378,7 +3372,7 @@ var FederationHost = /*#__PURE__*/ function() {
                                 loadRemoteArgs = _state.sent();
                                 idRes = loadRemoteArgs.id;
                                 remoteSplitInfo = matchRemoteWithNameAndExpose(_this.options.remotes, idRes);
-                                assert(remoteSplitInfo, "\n        Cannot find ".concat(idRes, " in ").concat(_this.options.name, ". Possible cause of failure:\n\n        1. ").concat(idRes, " was not injected into ").concat(_this.options.name, "'s 'remotes' parameter.\n\n        2. Cannot find ").concat(idRes, " in ").concat(_this.options.name, "'s 'remotes' with attribute 'name' or 'alias'.\n        3. The 'beforeLoadRemote' hook was provided but did not return the correct 'remoteInfo' when loading ").concat(idRes, ".\n      "));
+                                assert(remoteSplitInfo, "\n        Unable to locate ".concat(idRes, " in ").concat(_this.options.name, ". Potential reasons for failure include:\n\n        1. ").concat(idRes, " was not included in the 'remotes' parameter of ").concat(_this.options.name, ".\n\n        2. ").concat(idRes, " could not be found in the 'remotes' of ").concat(_this.options.name, " with either 'name' or 'alias' attributes.\n        3. The 'beforeLoadRemote' hook was provided but did not return the correct 'remoteInfo' when attempting to load ").concat(idRes, ".\n      "));
                                 rawRemote = remoteSplitInfo.remote;
                                 remoteInfo = getRemoteInfo(rawRemote);
                                 return [
@@ -3394,7 +3388,7 @@ var FederationHost = /*#__PURE__*/ function() {
                             case 2:
                                 matchInfo = _state.sent();
                                 remote = matchInfo.remote, expose = matchInfo.expose;
-                                assert(remote && expose, "The 'beforeLoadRemote' hook was provided but did not return the correct 'remote' and 'expose' when loading ".concat(idRes, "."));
+                                assert(remote && expose, "The 'beforeLoadRemote' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ".concat(idRes, "."));
                                 module = _this.moduleCache.get(remote.name);
                                 moduleOptions = {
                                     hostInfo: {
@@ -3571,9 +3565,9 @@ var FederationHost = /*#__PURE__*/ function() {
         },
         {
             /**
-   * The sharing init sequence function (only runs once per share scope).
-   * Has one argument, the name of the share scope.
-   * Creates a share scope if not existing
+   * This function initializes the sharing sequence (executed only once per share scope).
+   * It accepts one argument, the name of the share scope.
+   * If the share scope does not exist, it creates one.
    */ // eslint-disable-next-line @typescript-eslint/member-ordering
             key: "initializeSharing",
             value: function initializeSharing() {
@@ -3582,15 +3576,15 @@ var FederationHost = /*#__PURE__*/ function() {
                 var shareScopeLoading = Global.__FEDERATION__.__SHARE_SCOPE_LOADING__;
                 var shareScope = Global.__FEDERATION__.__SHARE__;
                 var hostName = this.options.name;
-                // only runs once
+                // Executes only once
                 if (shareScopeLoading[shareScopeName]) {
                     return shareScopeLoading[shareScopeName];
                 }
-                // creates a new share scope if needed
+                // Creates a new share scope if necessary
                 if (!shareScope[shareScopeName]) {
                     shareScope[shareScopeName] = {};
                 }
-                // runs all init snippets from all modules reachable
+                // Executes all initialization snippets from all accessible modules
                 var scope = shareScope[shareScopeName];
                 var register = function(name1, shared) {
                     var version = shared.version, eager = shared.eager;
@@ -3673,8 +3667,8 @@ var FederationHost = /*#__PURE__*/ function() {
                         return item.name === remote.name;
                     })) {
                         if (remote.alias) {
-                            // 校验 alias 是否等于 remote.name 和 remote.alias 的前缀，如果是则报错
-                            // 因为引用支持多级路径的引用时无法保证名称是否唯一，所以不支持 alias 为 remote.name 的前缀
+                            // Validate if alias equals the prefix of remote.name and remote.alias, if so, throw an error
+                            // As multi-level path references cannot guarantee unique names, alias being a prefix of remote.name is not supported
                             var findEqual = res.find(function(item) {
                                 var _item_alias;
                                 return remote.alias && (item.name.startsWith(remote.alias) || ((_item_alias = item.alias) == null ? void 0 : _item_alias.startsWith(remote.alias)));
@@ -3691,7 +3685,7 @@ var FederationHost = /*#__PURE__*/ function() {
                             remote.shareScope = DEFAULT_SCOPE;
                         }
                         if (!remote.type) {
-                            // FIXME: The build plugin need to support this field
+                            // FIXME: The build plugin needs to support this field
                             remote.type = DEFAULT_REMOTE_TYPE;
                         }
                         res.push(remote);
@@ -3979,7 +3973,7 @@ function consumes(options) {
             try {
                 var federationInstance = webpackRequire.federation.instance;
                 if (!federationInstance) {
-                    throw new Error("Can not find federation Instance!");
+                    throw new Error("Federation instance not found!");
                 }
                 var _moduleToHandlerMapping_id = moduleToHandlerMapping[id], shareKey = _moduleToHandlerMapping_id.shareKey, getter = _moduleToHandlerMapping_id.getter, shareInfo = _moduleToHandlerMapping_id.shareInfo;
                 var promise = federationInstance.loadShare(shareKey, shareInfo).then(function(factory) {
@@ -3991,7 +3985,7 @@ function consumes(options) {
                 if (promise.then) {
                     promises.push(installedModules[id] = promise.then(onFactory).catch(onError));
                 } else {
-                    // @ts-ignore keep prev logic
+                    // @ts-ignore maintain previous logic
                     onFactory(promise);
                 }
             } catch (e) {
@@ -4009,11 +4003,11 @@ function handleInitialConsumes(options) {
     var moduleId = options.moduleId, moduleToHandlerMapping = options.moduleToHandlerMapping, webpackRequire = options.webpackRequire;
     var federationInstance = webpackRequire.federation.instance;
     if (!federationInstance) {
-        throw new Error("Can not find federation Instance!");
+        throw new Error("Federation instance not found!");
     }
     var _moduleToHandlerMapping_moduleId = moduleToHandlerMapping[moduleId], shareKey = _moduleToHandlerMapping_moduleId.shareKey, shareInfo = _moduleToHandlerMapping_moduleId.shareInfo;
     if (!shareInfo.shareConfig.eager) {
-        throw new Error('shared: "'.concat(shareKey, '" can not be loaded synchronous while not set "eager:true" or enable async entry. '));
+        throw new Error('Shared: "'.concat(shareKey, '" cannot be loaded synchronously unless "eager:true" is set or async entry is enabled.'));
     }
     return federationInstance.loadShareSync(shareKey);
 }
@@ -4021,7 +4015,7 @@ function installInitialConsumes(options) {
     var moduleToHandlerMapping = options.moduleToHandlerMapping, webpackRequire = options.webpackRequire, installedModules = options.installedModules, initialConsumes = options.initialConsumes;
     initialConsumes.forEach(function(id) {
         webpackRequire.m[id] = function(module) {
-            // Handle case when module is used sync
+            // Handle scenario when module is used synchronously
             installedModules[id] = 0;
             delete webpackRequire.c[id];
             var factory = handleInitialConsumes({