@pulse-editor/react-api 0.1.1-beta.82 → 0.1.1-beta.83

package/dist/main.js

@@ -724,7 +724,9 @@ function generateSnapshotFromManifest(manifest) {
       return {
         assets: item.assets,
         sharedName: item.name,
-        version: item.version
+        version: item.version,
+        // @ts-ignore
+        usedExports: item.referenceExports || []
       };
     }),
     modules: exposes === null || exposes === void 0 ? void 0 : exposes.map(function (expose) {
@@ -1531,7 +1533,7 @@ var BUILD_001 = 'BUILD-001';
 var BUILD_002 = 'BUILD-002';
 var getDocsUrl = function getDocsUrl(errorCode) {
   var type = errorCode.split('-')[0].toLowerCase();
-  return "View the docs to see how to solve: https://module-federation.io/guide/troubleshooting/".concat(type, "/").concat(errorCode);
+  return "View the docs to see how to solve: https://module-federation.io/guide/troubleshooting/".concat(type, "#").concat(errorCode.toLowerCase());
 };
 var getShortErrorMsg = function getShortErrorMsg(errorCode, errorDescMap, args, originalErrorMsg) {
   var msg = ["".concat([errorDescMap[errorCode]], " #").concat(errorCode)];
@@ -1617,7 +1619,7 @@ function getRemoteEntryInfoFromSnapshot(snapshot) {
     type: 'global',
     globalName: ''
   };
-  if (isBrowserEnv() || isReactNativeEnv()) {
+  if (isBrowserEnv() || isReactNativeEnv() || !('ssrRemoteEntry' in snapshot)) {
     return 'remoteEntry' in snapshot ? {
       url: snapshot.remoteEntry,
       type: snapshot.remoteEntryType,
@@ -1710,7 +1712,7 @@ function setGlobalFederationConstructor(FederationConstructor) {
   var isDebug = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : isDebugMode();
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.21.6";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "2.0.1";
   }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types
@@ -2294,7 +2296,7 @@ function satisfy(version, range) {
   return false;
 }
 function formatShare(shareArgs, from, name, shareStrategy) {
-  var _shareArgs$version, _shareArgs$scope, _shareArgs$strategy;
+  var _shareArgs$shareConfi, _shareArgs$treeShakin, _shareArgs$version, _shareArgs$scope, _shareArgs$strategy, _shareArgs$treeShakin2, _shareArgs$treeShakin3;
   var get;
   if ('get' in shareArgs) {
     // eslint-disable-next-line prefer-destructuring
@@ -2310,6 +2312,9 @@ function formatShare(shareArgs, from, name, shareStrategy) {
       });
     };
   }
+  if ((_shareArgs$shareConfi = shareArgs.shareConfig) !== null && _shareArgs$shareConfi !== void 0 && _shareArgs$shareConfi.eager && (_shareArgs$treeShakin = shareArgs.treeShaking) !== null && _shareArgs$treeShakin !== void 0 && _shareArgs$treeShakin.mode) {
+    throw new Error('Can not set "eager:true" and "treeShaking" at the same time!');
+  }
   return _objectSpread2(_objectSpread2({
     deps: [],
     useIn: [],
@@ -2326,40 +2331,68 @@ function formatShare(shareArgs, from, name, shareStrategy) {
     loaded: shareArgs !== null && shareArgs !== void 0 && shareArgs.loaded || 'lib' in shareArgs ? true : undefined,
     version: (_shareArgs$version = shareArgs.version) !== null && _shareArgs$version !== void 0 ? _shareArgs$version : '0',
     scope: Array.isArray(shareArgs.scope) ? shareArgs.scope : [(_shareArgs$scope = shareArgs.scope) !== null && _shareArgs$scope !== void 0 ? _shareArgs$scope : 'default'],
-    strategy: ((_shareArgs$strategy = shareArgs.strategy) !== null && _shareArgs$strategy !== void 0 ? _shareArgs$strategy : shareStrategy) || 'version-first'
+    strategy: ((_shareArgs$strategy = shareArgs.strategy) !== null && _shareArgs$strategy !== void 0 ? _shareArgs$strategy : shareStrategy) || 'version-first',
+    treeShaking: shareArgs.treeShaking ? _objectSpread2(_objectSpread2({}, shareArgs.treeShaking), {}, {
+      mode: (_shareArgs$treeShakin2 = shareArgs.treeShaking.mode) !== null && _shareArgs$treeShakin2 !== void 0 ? _shareArgs$treeShakin2 : 'server-calc',
+      status: (_shareArgs$treeShakin3 = shareArgs.treeShaking.status) !== null && _shareArgs$treeShakin3 !== void 0 ? _shareArgs$treeShakin3 : 1 /* TreeShakingStatus.UNKNOWN */,
+      useIn: []
+    }) : undefined
   });
 }
-function formatShareConfigs(globalOptions, userOptions) {
-  var shareArgs = userOptions.shared || {};
-  var from = userOptions.name;
-  var shareInfos = Object.keys(shareArgs).reduce(function (res, pkgName) {
+function formatShareConfigs(prevOptions, newOptions) {
+  var shareArgs = newOptions.shared || {};
+  var from = newOptions.name;
+  var newShareInfos = Object.keys(shareArgs).reduce(function (res, pkgName) {
     var arrayShareArgs = arrayOptions(shareArgs[pkgName]);
     res[pkgName] = res[pkgName] || [];
     arrayShareArgs.forEach(function (shareConfig) {
-      res[pkgName].push(formatShare(shareConfig, from, pkgName, userOptions.shareStrategy));
+      res[pkgName].push(formatShare(shareConfig, from, pkgName, newOptions.shareStrategy));
     });
     return res;
   }, {});
-  var shared = _objectSpread2({}, globalOptions.shared);
-  Object.keys(shareInfos).forEach(function (shareKey) {
-    if (!shared[shareKey]) {
-      shared[shareKey] = shareInfos[shareKey];
+  var allShareInfos = _objectSpread2({}, prevOptions.shared);
+  Object.keys(newShareInfos).forEach(function (shareKey) {
+    if (!allShareInfos[shareKey]) {
+      allShareInfos[shareKey] = newShareInfos[shareKey];
     } else {
-      shareInfos[shareKey].forEach(function (newUserSharedOptions) {
-        var isSameVersion = shared[shareKey].find(function (sharedVal) {
+      newShareInfos[shareKey].forEach(function (newUserSharedOptions) {
+        var isSameVersion = allShareInfos[shareKey].find(function (sharedVal) {
           return sharedVal.version === newUserSharedOptions.version;
         });
         if (!isSameVersion) {
-          shared[shareKey].push(newUserSharedOptions);
+          allShareInfos[shareKey].push(newUserSharedOptions);
         }
       });
     }
   });
   return {
-    shared: shared,
-    shareInfos: shareInfos
+    allShareInfos: allShareInfos,
+    newShareInfos: newShareInfos
   };
 }
+function shouldUseTreeShaking(treeShaking, usedExports) {
+  if (!treeShaking) {
+    return false;
+  }
+  var status = treeShaking.status,
+    mode = treeShaking.mode;
+  if (status === 0 /* TreeShakingStatus.NO_USE */) {
+    return false;
+  }
+  if (status === 2 /* TreeShakingStatus.CALCULATED */) {
+    return true;
+  }
+  if (mode === 'runtime-infer') {
+    if (!usedExports) {
+      return true;
+    }
+    return isMatchUsedExports(treeShaking, usedExports);
+  }
+  return false;
+}
+/**
+ * compare version a and b, return true if a is less than b
+ */
 function versionLt(a, b) {
   var transformInvalidVersion = function transformInvalidVersion(version) {
     var isNumberVersion = !Number.isNaN(Number(version));
@@ -2403,19 +2436,80 @@ var isLoaded = function isLoaded(shared) {
 var isLoading = function isLoading(shared) {
   return Boolean(shared.loading);
 };
-function findSingletonVersionOrderByVersion(shareScopeMap, scope, pkgName) {
+var isMatchUsedExports = function isMatchUsedExports(treeShaking, usedExports) {
+  if (!treeShaking || !usedExports) {
+    return false;
+  }
+  var treeShakingUsedExports = treeShaking.usedExports;
+  if (!treeShakingUsedExports) {
+    return false;
+  }
+  if (usedExports.every(function (e) {
+    return treeShakingUsedExports.includes(e);
+  })) {
+    return true;
+  }
+  return false;
+};
+function findSingletonVersionOrderByVersion(shareScopeMap, scope, pkgName, treeShaking) {
   var versions = shareScopeMap[scope][pkgName];
+  var version = '';
+  var useTreesShaking = shouldUseTreeShaking(treeShaking);
+  // return false means use prev version
   var callback = function callback(prev, cur) {
+    if (useTreesShaking) {
+      if (!versions[prev].treeShaking) {
+        return true;
+      }
+      if (!versions[cur].treeShaking) {
+        return false;
+      }
+      return !isLoaded(versions[prev].treeShaking) && versionLt(prev, cur);
+    }
     return !isLoaded(versions[prev]) && versionLt(prev, cur);
   };
-  return findVersion(shareScopeMap[scope][pkgName], callback);
+  if (useTreesShaking) {
+    version = findVersion(shareScopeMap[scope][pkgName], callback);
+    if (version) {
+      return {
+        version: version,
+        useTreesShaking: useTreesShaking
+      };
+    }
+    useTreesShaking = false;
+  }
+  return {
+    version: findVersion(shareScopeMap[scope][pkgName], callback),
+    useTreesShaking: useTreesShaking
+  };
 }
-function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName) {
+var isLoadingOrLoaded = function isLoadingOrLoaded(shared) {
+  return isLoaded(shared) || isLoading(shared);
+};
+function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName, treeShaking) {
   var versions = shareScopeMap[scope][pkgName];
+  var version = '';
+  var useTreesShaking = shouldUseTreeShaking(treeShaking);
+  // return false means use prev version
   var callback = function callback(prev, cur) {
-    var isLoadingOrLoaded = function isLoadingOrLoaded(shared) {
-      return isLoaded(shared) || isLoading(shared);
-    };
+    if (useTreesShaking) {
+      if (!versions[prev].treeShaking) {
+        return true;
+      }
+      if (!versions[cur].treeShaking) {
+        return false;
+      }
+      if (isLoadingOrLoaded(versions[cur].treeShaking)) {
+        if (isLoadingOrLoaded(versions[prev].treeShaking)) {
+          return Boolean(versionLt(prev, cur));
+        } else {
+          return true;
+        }
+      }
+      if (isLoadingOrLoaded(versions[prev].treeShaking)) {
+        return false;
+      }
+    }
     if (isLoadingOrLoaded(versions[cur])) {
       if (isLoadingOrLoaded(versions[prev])) {
         return Boolean(versionLt(prev, cur));
@@ -2428,7 +2522,20 @@ function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName) {
     }
     return versionLt(prev, cur);
   };
-  return findVersion(shareScopeMap[scope][pkgName], callback);
+  if (useTreesShaking) {
+    version = findVersion(shareScopeMap[scope][pkgName], callback);
+    if (version) {
+      return {
+        version: version,
+        useTreesShaking: useTreesShaking
+      };
+    }
+    useTreesShaking = false;
+  }
+  return {
+    version: findVersion(shareScopeMap[scope][pkgName], callback),
+    useTreesShaking: useTreesShaking
+  };
 }
 function getFindShareFunction(strategy) {
   if (strategy === 'loaded-first') {
@@ -2443,7 +2550,8 @@ function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare
   var shareConfig = shareInfo.shareConfig,
     _shareInfo$scope = shareInfo.scope,
     scope = _shareInfo$scope === void 0 ? DEFAULT_SCOPE : _shareInfo$scope,
-    strategy = shareInfo.strategy;
+    strategy = shareInfo.strategy,
+    treeShaking = shareInfo.treeShaking;
   var scopes = Array.isArray(scope) ? scope : [scope];
   var _iterator3 = _createForOfIteratorHelper(scopes),
     _step3;
@@ -2453,35 +2561,67 @@ function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare
         if (shareConfig && localShareScopeMap[sc] && localShareScopeMap[sc][pkgName]) {
           var requiredVersion = shareConfig.requiredVersion;
           var findShareFunction = getFindShareFunction(strategy);
-          var maxOrSingletonVersion = findShareFunction(localShareScopeMap, sc, pkgName);
-          //@ts-ignore
+          var _findShareFunction = findShareFunction(localShareScopeMap, sc, pkgName, treeShaking),
+            maxOrSingletonVersion = _findShareFunction.version,
+            useTreesShaking = _findShareFunction.useTreesShaking;
           var defaultResolver = function defaultResolver() {
+            var shared = localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
             if (shareConfig.singleton) {
               if (typeof requiredVersion === 'string' && !satisfy(maxOrSingletonVersion, requiredVersion)) {
-                var msg = "Version ".concat(maxOrSingletonVersion, " from ").concat(maxOrSingletonVersion && localShareScopeMap[sc][pkgName][maxOrSingletonVersion].from, " of shared singleton module ").concat(pkgName, " does not satisfy the requirement of ").concat(shareInfo.from, " which needs ").concat(requiredVersion, ")");
+                var msg = "Version ".concat(maxOrSingletonVersion, " from ").concat(maxOrSingletonVersion && shared.from, " of shared singleton module ").concat(pkgName, " does not satisfy the requirement of ").concat(shareInfo.from, " which needs ").concat(requiredVersion, ")");
                 if (shareConfig.strictVersion) {
                   error(msg);
                 } else {
                   warn(msg);
                 }
               }
-              return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+              return {
+                shared: shared,
+                useTreesShaking: useTreesShaking
+              };
             } else {
               if (requiredVersion === false || requiredVersion === '*') {
-                return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+                return {
+                  shared: shared,
+                  useTreesShaking: useTreesShaking
+                };
               }
               if (satisfy(maxOrSingletonVersion, requiredVersion)) {
-                return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+                return {
+                  shared: shared,
+                  useTreesShaking: useTreesShaking
+                };
               }
-              for (var _i3 = 0, _Object$entries = Object.entries(localShareScopeMap[sc][pkgName]); _i3 < _Object$entries.length; _i3++) {
-                var _Object$entries$_i = _slicedToArray(_Object$entries[_i3], 2),
-                  versionKey = _Object$entries$_i[0],
-                  versionValue = _Object$entries$_i[1];
-                if (satisfy(versionKey, requiredVersion)) {
-                  return versionValue;
+              var _usedTreeShaking = shouldUseTreeShaking(treeShaking);
+              if (_usedTreeShaking) {
+                for (var _i3 = 0, _Object$entries = Object.entries(localShareScopeMap[sc][pkgName]); _i3 < _Object$entries.length; _i3++) {
+                  var _Object$entries$_i = _slicedToArray(_Object$entries[_i3], 2),
+                    versionKey = _Object$entries$_i[0],
+                    versionValue = _Object$entries$_i[1];
+                  if (!shouldUseTreeShaking(versionValue.treeShaking, treeShaking === null || treeShaking === void 0 ? void 0 : treeShaking.usedExports)) {
+                    continue;
+                  }
+                  if (satisfy(versionKey, requiredVersion)) {
+                    return {
+                      shared: versionValue,
+                      useTreesShaking: _usedTreeShaking
+                    };
+                  }
+                }
+              }
+              for (var _i4 = 0, _Object$entries2 = Object.entries(localShareScopeMap[sc][pkgName]); _i4 < _Object$entries2.length; _i4++) {
+                var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i4], 2),
+                  _versionKey = _Object$entries2$_i[0],
+                  _versionValue = _Object$entries2$_i[1];
+                if (satisfy(_versionKey, requiredVersion)) {
+                  return {
+                    shared: _versionValue,
+                    useTreesShaking: false
+                  };
                 }
               }
             }
+            return;
           };
           var params = {
             shareScopeMap: localShareScopeMap,
@@ -2489,6 +2629,7 @@ function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare
             pkgName: pkgName,
             version: maxOrSingletonVersion,
             GlobalFederation: Global.__FEDERATION__,
+            shareInfo: shareInfo,
             resolver: defaultResolver
           };
           var resolveShared = resolveShare.emit(params) || params;
@@ -2525,13 +2666,53 @@ function getTargetSharedOptions(options) {
       shareVersionMap[shared.version] = shared;
     });
     var callback = function callback(prev, cur) {
-      return !isLoaded(shareVersionMap[prev]) && versionLt(prev, cur);
+      return (
+        // TODO: consider multiple treeShaking shared scenes
+        !isLoaded(shareVersionMap[prev]) && versionLt(prev, cur)
+      );
     };
     var maxVersion = findVersion(shareVersionMap, callback);
     return shareVersionMap[maxVersion];
   };
   var resolver = (_extraOptions$resolve = extraOptions === null || extraOptions === void 0 ? void 0 : extraOptions.resolver) !== null && _extraOptions$resolve !== void 0 ? _extraOptions$resolve : defaultResolver;
-  return Object.assign({}, resolver(shareInfos[pkgName]), extraOptions === null || extraOptions === void 0 ? void 0 : extraOptions.customShareInfo);
+  var isPlainObject = function isPlainObject(val) {
+    return val !== null && _typeof(val) === 'object' && !Array.isArray(val);
+  };
+  var _merge = function merge() {
+    var out = {};
+    for (var _len2 = arguments.length, sources = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      sources[_key2] = arguments[_key2];
+    }
+    for (var _i5 = 0, _sources = sources; _i5 < _sources.length; _i5++) {
+      var src = _sources[_i5];
+      if (!src) continue;
+      for (var _i6 = 0, _Object$entries3 = Object.entries(src); _i6 < _Object$entries3.length; _i6++) {
+        var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i6], 2),
+          key = _Object$entries3$_i[0],
+          value = _Object$entries3$_i[1];
+        var prev = out[key];
+        if (isPlainObject(prev) && isPlainObject(value)) {
+          out[key] = _merge(prev, value);
+        } else if (value !== undefined) {
+          out[key] = value;
+        }
+      }
+    }
+    return out;
+  };
+  return _merge(resolver(shareInfos[pkgName]), extraOptions === null || extraOptions === void 0 ? void 0 : extraOptions.customShareInfo);
+}
+var addUseIn = function addUseIn(shared, from) {
+  if (!shared.useIn) {
+    shared.useIn = [];
+  }
+  addUniqueItem(shared.useIn, from);
+};
+function directShare(shared, useTreesShaking) {
+  if (useTreesShaking && shared.treeShaking) {
+    return shared.treeShaking;
+  }
+  return shared;
 }
 function getBuilderId() {
   //@ts-ignore
@@ -2648,13 +2829,13 @@ function loadEsmEntry(_x3) {
   return _loadEsmEntry.apply(this, arguments);
 }
 function _loadEsmEntry() {
-  _loadEsmEntry = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee21(_ref) {
+  _loadEsmEntry = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee23(_ref) {
     var entry, remoteEntryExports;
-    return _regenerator().w(function (_context21) {
-      while (1) switch (_context21.n) {
+    return _regenerator().w(function (_context23) {
+      while (1) switch (_context23.n) {
         case 0:
           entry = _ref.entry, remoteEntryExports = _ref.remoteEntryExports;
-          return _context21.a(2, new Promise(function (resolve, reject) {
+          return _context23.a(2, new Promise(function (resolve, reject) {
             try {
               if (!remoteEntryExports) {
                 if (typeof FEDERATION_ALLOW_NEW_FUNCTION !== 'undefined') {
@@ -2670,7 +2851,7 @@ function _loadEsmEntry() {
             }
           }));
       }
-    }, _callee21);
+    }, _callee23);
   }));
   return _loadEsmEntry.apply(this, arguments);
 }
@@ -2678,13 +2859,13 @@ function loadSystemJsEntry(_x4) {
   return _loadSystemJsEntry.apply(this, arguments);
 }
 function _loadSystemJsEntry() {
-  _loadSystemJsEntry = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee22(_ref2) {
+  _loadSystemJsEntry = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee24(_ref2) {
     var entry, remoteEntryExports;
-    return _regenerator().w(function (_context22) {
-      while (1) switch (_context22.n) {
+    return _regenerator().w(function (_context24) {
+      while (1) switch (_context24.n) {
         case 0:
           entry = _ref2.entry, remoteEntryExports = _ref2.remoteEntryExports;
-          return _context22.a(2, new Promise(function (resolve, reject) {
+          return _context24.a(2, new Promise(function (resolve, reject) {
             try {
               if (!remoteEntryExports) {
                 //@ts-ignore
@@ -2702,7 +2883,7 @@ function _loadSystemJsEntry() {
             }
           }));
       }
-    }, _callee22);
+    }, _callee24);
   }));
   return _loadSystemJsEntry.apply(this, arguments);
 }
@@ -2721,22 +2902,22 @@ function loadEntryScript(_x5) {
   return _loadEntryScript.apply(this, arguments);
 }
 function _loadEntryScript() {
-  _loadEntryScript = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee23(_ref3) {
+  _loadEntryScript = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee25(_ref3) {
     var name, globalName, entry, loaderHook, getEntryUrl, _getRemoteEntryExport2, remoteEntryExports, url;
-    return _regenerator().w(function (_context23) {
-      while (1) switch (_context23.n) {
+    return _regenerator().w(function (_context25) {
+      while (1) switch (_context25.n) {
         case 0:
           name = _ref3.name, globalName = _ref3.globalName, entry = _ref3.entry, loaderHook = _ref3.loaderHook, getEntryUrl = _ref3.getEntryUrl;
           _getRemoteEntryExport2 = getRemoteEntryExports(name, globalName), remoteEntryExports = _getRemoteEntryExport2.entryExports;
           if (!remoteEntryExports) {
-            _context23.n = 1;
+            _context25.n = 1;
             break;
           }
-          return _context23.a(2, remoteEntryExports);
+          return _context25.a(2, remoteEntryExports);
         case 1:
           // if getEntryUrl is passed, use the getEntryUrl to get the entry url
           url = getEntryUrl ? getEntryUrl(entry) : entry;
-          return _context23.a(2, loadScript(url, {
+          return _context25.a(2, loadScript(url, {
             attrs: {},
             createScriptHook: function createScriptHook(url, attrs) {
               var res = loaderHook.lifecycle.createScript.emit({
@@ -2762,7 +2943,7 @@ function _loadEntryScript() {
             throw e;
           }));
       }
-    }, _callee23);
+    }, _callee25);
   }));
   return _loadEntryScript.apply(this, arguments);
 }
@@ -2770,28 +2951,28 @@ function loadEntryDom(_x6) {
   return _loadEntryDom.apply(this, arguments);
 }
 function _loadEntryDom() {
-  _loadEntryDom = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee24(_ref4) {
+  _loadEntryDom = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee26(_ref4) {
     var remoteInfo, remoteEntryExports, loaderHook, getEntryUrl, entry, globalName, name, type, _t6;
-    return _regenerator().w(function (_context24) {
-      while (1) switch (_context24.n) {
+    return _regenerator().w(function (_context26) {
+      while (1) switch (_context26.n) {
         case 0:
           remoteInfo = _ref4.remoteInfo, remoteEntryExports = _ref4.remoteEntryExports, loaderHook = _ref4.loaderHook, getEntryUrl = _ref4.getEntryUrl;
           entry = remoteInfo.entry, globalName = remoteInfo.entryGlobalName, name = remoteInfo.name, type = remoteInfo.type;
           _t6 = type;
-          _context24.n = _t6 === 'esm' ? 1 : _t6 === 'module' ? 1 : _t6 === 'system' ? 2 : 3;
+          _context26.n = _t6 === 'esm' ? 1 : _t6 === 'module' ? 1 : _t6 === 'system' ? 2 : 3;
           break;
         case 1:
-          return _context24.a(2, loadEsmEntry({
+          return _context26.a(2, loadEsmEntry({
             entry: entry,
             remoteEntryExports: remoteEntryExports
           }));
         case 2:
-          return _context24.a(2, loadSystemJsEntry({
+          return _context26.a(2, loadSystemJsEntry({
             entry: entry,
             remoteEntryExports: remoteEntryExports
           }));
         case 3:
-          return _context24.a(2, loadEntryScript({
+          return _context26.a(2, loadEntryScript({
             entry: entry,
             globalName: globalName,
             name: name,
@@ -2799,9 +2980,9 @@ function _loadEntryDom() {
             getEntryUrl: getEntryUrl
           }));
         case 4:
-          return _context24.a(2);
+          return _context26.a(2);
       }
-    }, _callee24);
+    }, _callee26);
   }));
   return _loadEntryDom.apply(this, arguments);
 }
@@ -2809,21 +2990,21 @@ function loadEntryNode(_x7) {
   return _loadEntryNode.apply(this, arguments);
 }
 function _loadEntryNode() {
-  _loadEntryNode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee25(_ref5) {
+  _loadEntryNode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee27(_ref5) {
     var remoteInfo, loaderHook, entry, globalName, name, type, _getRemoteEntryExport3, remoteEntryExports;
-    return _regenerator().w(function (_context25) {
-      while (1) switch (_context25.n) {
+    return _regenerator().w(function (_context27) {
+      while (1) switch (_context27.n) {
         case 0:
           remoteInfo = _ref5.remoteInfo, loaderHook = _ref5.loaderHook;
           entry = remoteInfo.entry, globalName = remoteInfo.entryGlobalName, name = remoteInfo.name, type = remoteInfo.type;
           _getRemoteEntryExport3 = getRemoteEntryExports(name, globalName), remoteEntryExports = _getRemoteEntryExport3.entryExports;
           if (!remoteEntryExports) {
-            _context25.n = 1;
+            _context27.n = 1;
             break;
           }
-          return _context25.a(2, remoteEntryExports);
+          return _context27.a(2, remoteEntryExports);
         case 1:
-          return _context25.a(2, loadScriptNode(entry, {
+          return _context27.a(2, loadScriptNode(entry, {
             attrs: {
               name: name,
               globalName: globalName,
@@ -2849,7 +3030,7 @@ function _loadEntryNode() {
             throw e;
           }));
       }
-    }, _callee25);
+    }, _callee27);
   }));
   return _loadEntryNode.apply(this, arguments);
 }
@@ -2862,18 +3043,18 @@ function getRemoteEntry(_x8) {
   return _getRemoteEntry.apply(this, arguments);
 }
 function _getRemoteEntry() {
-  _getRemoteEntry = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee27(params) {
+  _getRemoteEntry = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee29(params) {
     var origin, remoteEntryExports, remoteInfo, getEntryUrl, _params$_inErrorHandl, _inErrorHandling, uniqueKey, loadEntryHook, loaderHook;
-    return _regenerator().w(function (_context27) {
-      while (1) switch (_context27.n) {
+    return _regenerator().w(function (_context29) {
+      while (1) switch (_context29.n) {
         case 0:
           origin = params.origin, remoteEntryExports = params.remoteEntryExports, remoteInfo = params.remoteInfo, getEntryUrl = params.getEntryUrl, _params$_inErrorHandl = params._inErrorHandling, _inErrorHandling = _params$_inErrorHandl === void 0 ? false : _params$_inErrorHandl;
           uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
           if (!remoteEntryExports) {
-            _context27.n = 1;
+            _context29.n = 1;
             break;
           }
-          return _context27.a(2, remoteEntryExports);
+          return _context29.a(2, remoteEntryExports);
         case 1:
           if (!globalLoading[uniqueKey]) {
             loadEntryHook = origin.remoteHandler.hooks.lifecycle.loadEntry;
@@ -2898,15 +3079,15 @@ function _getRemoteEntry() {
                 loaderHook: loaderHook
               });
             })["catch"](/*#__PURE__*/function () {
-              var _ref20 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee26(err) {
+              var _ref25 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee28(err) {
                 var uniqueKey, isScriptLoadError, wrappedGetRemoteEntry, RemoteEntryExports;
-                return _regenerator().w(function (_context26) {
-                  while (1) switch (_context26.n) {
+                return _regenerator().w(function (_context28) {
+                  while (1) switch (_context28.n) {
                     case 0:
                       uniqueKey = getRemoteEntryUniqueKey(remoteInfo);
                       isScriptLoadError = err instanceof Error && err.message.includes(RUNTIME_008);
                       if (!(isScriptLoadError && !_inErrorHandling)) {
-                        _context26.n = 2;
+                        _context28.n = 2;
                         break;
                       }
                       wrappedGetRemoteEntry = function wrappedGetRemoteEntry(params) {
@@ -2914,7 +3095,7 @@ function _getRemoteEntry() {
                           _inErrorHandling: true
                         }));
                       };
-                      _context26.n = 1;
+                      _context28.n = 1;
                       return origin.loaderHook.lifecycle.loadEntryError.emit({
                         getRemoteEntry: wrappedGetRemoteEntry,
                         origin: origin,
@@ -2924,27 +3105,27 @@ function _getRemoteEntry() {
                         uniqueKey: uniqueKey
                       });
                     case 1:
-                      RemoteEntryExports = _context26.v;
+                      RemoteEntryExports = _context28.v;
                       if (!RemoteEntryExports) {
-                        _context26.n = 2;
+                        _context28.n = 2;
                         break;
                       }
-                      return _context26.a(2, RemoteEntryExports);
+                      return _context28.a(2, RemoteEntryExports);
                     case 2:
                       throw err;
                     case 3:
-                      return _context26.a(2);
+                      return _context28.a(2);
                   }
-                }, _callee26);
+                }, _callee28);
               }));
-              return function (_x29) {
-                return _ref20.apply(this, arguments);
+              return function (_x31) {
+                return _ref25.apply(this, arguments);
               };
             }());
           }
-          return _context27.a(2, globalLoading[uniqueKey]);
+          return _context29.a(2, globalLoading[uniqueKey]);
       }
-    }, _callee27);
+    }, _callee29);
   }));
   return _getRemoteEntry.apply(this, arguments);
 }
@@ -3128,12 +3309,43 @@ function preloadAssets(remoteInfo, host, assets) {
     }
   }
 }
+function createRemoteEntryInitOptions(remoteInfo, hostShareScopeMap) {
+  var localShareScopeMap = hostShareScopeMap;
+  var shareScopeKeys = Array.isArray(remoteInfo.shareScope) ? remoteInfo.shareScope : [remoteInfo.shareScope];
+  if (!shareScopeKeys.length) {
+    shareScopeKeys.push('default');
+  }
+  shareScopeKeys.forEach(function (shareScopeKey) {
+    if (!localShareScopeMap[shareScopeKey]) {
+      localShareScopeMap[shareScopeKey] = {};
+    }
+  });
+  var remoteEntryInitOptions = {
+    version: remoteInfo.version || '',
+    shareScopeKeys: Array.isArray(remoteInfo.shareScope) ? shareScopeKeys : remoteInfo.shareScope || 'default'
+  };
+  // Help to find host instance
+  Object.defineProperty(remoteEntryInitOptions, 'shareScopeMap', {
+    value: localShareScopeMap,
+    // remoteEntryInitOptions will be traversed and assigned during container init, ,so this attribute is not allowed to be traversed
+    enumerable: false
+  });
+  // TODO: compate legacy init params, should use shareScopeMap if exist
+  var shareScope = localShareScopeMap[shareScopeKeys[0]];
+  var initScope = [];
+  return {
+    remoteEntryInitOptions: remoteEntryInitOptions,
+    shareScope: shareScope,
+    initScope: initScope
+  };
+}
 var Module = /*#__PURE__*/function () {
   function Module(_ref6) {
     var remoteInfo = _ref6.remoteInfo,
       host = _ref6.host;
     _classCallCheck(this, Module);
     this.inited = false;
+    this.initing = false;
     this.lib = undefined;
     this.remoteInfo = remoteInfo;
     this.host = host;
@@ -3172,113 +3384,145 @@ var Module = /*#__PURE__*/function () {
       return getEntry;
     }() // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
   }, {
-    key: "get",
+    key: "init",
     value: function () {
-      var _get = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(id, expose, options, remoteSnapshot) {
-        var _ref7, _ref7$loadFactory, loadFactory, remoteEntryExports, localShareScopeMap, shareScopeKeys, shareScope, initScope, remoteEntryInitOptions, initContainerOptions, moduleFactory, symbolName, wrapModuleFactory, exposeContent;
-        return _regenerator().w(function (_context2) {
-          while (1) switch (_context2.n) {
+      var _init = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(id, remoteSnapshot) {
+        var _this = this;
+        var remoteEntryExports;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.p = _context3.n) {
             case 0:
-              _ref7 = options || {
-                loadFactory: true
-              }, _ref7$loadFactory = _ref7.loadFactory, loadFactory = _ref7$loadFactory === void 0 ? true : _ref7$loadFactory; // Get remoteEntry.js
-              _context2.n = 1;
+              _context3.n = 1;
               return this.getEntry();
             case 1:
-              remoteEntryExports = _context2.v;
-              if (this.inited) {
-                _context2.n = 4;
+              remoteEntryExports = _context3.v;
+              if (!this.inited) {
+                _context3.n = 2;
                 break;
               }
-              localShareScopeMap = this.host.shareScopeMap;
-              shareScopeKeys = Array.isArray(this.remoteInfo.shareScope) ? this.remoteInfo.shareScope : [this.remoteInfo.shareScope];
-              if (!shareScopeKeys.length) {
-                shareScopeKeys.push('default');
-              }
-              shareScopeKeys.forEach(function (shareScopeKey) {
-                if (!localShareScopeMap[shareScopeKey]) {
-                  localShareScopeMap[shareScopeKey] = {};
-                }
-              });
-              // TODO: compate legacy init params, should use shareScopeMap if exist
-              shareScope = localShareScopeMap[shareScopeKeys[0]];
-              initScope = [];
-              remoteEntryInitOptions = {
-                version: this.remoteInfo.version || '',
-                shareScopeKeys: Array.isArray(this.remoteInfo.shareScope) ? shareScopeKeys : this.remoteInfo.shareScope || 'default'
-              }; // Help to find host instance
-              Object.defineProperty(remoteEntryInitOptions, 'shareScopeMap', {
-                value: localShareScopeMap,
-                // remoteEntryInitOptions will be traversed and assigned during container init, ,so this attribute is not allowed to be traversed
-                enumerable: false
-              });
-              _context2.n = 2;
-              return this.host.hooks.lifecycle.beforeInitContainer.emit({
-                shareScope: shareScope,
-                // @ts-ignore shareScopeMap will be set by Object.defineProperty
-                remoteEntryInitOptions: remoteEntryInitOptions,
-                initScope: initScope,
-                remoteInfo: this.remoteInfo,
-                origin: this.host
-              });
+              return _context3.a(2, remoteEntryExports);
             case 2:
-              initContainerOptions = _context2.v;
-              if (typeof (remoteEntryExports === null || remoteEntryExports === void 0 ? void 0 : remoteEntryExports.init) === 'undefined') {
-                error(getShortErrorMsg(RUNTIME_002, runtimeDescMap, {
-                  hostName: this.host.name,
-                  remoteName: this.remoteInfo.name,
-                  remoteEntryUrl: this.remoteInfo.entry,
-                  remoteEntryKey: this.remoteInfo.entryGlobalName
-                }));
+              if (!this.initPromise) {
+                _context3.n = 4;
+                break;
               }
-              _context2.n = 3;
-              return remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
+              _context3.n = 3;
+              return this.initPromise;
             case 3:
-              _context2.n = 4;
-              return this.host.hooks.lifecycle.initContainer.emit(_objectSpread2(_objectSpread2({}, initContainerOptions), {}, {
-                id: id,
-                remoteSnapshot: remoteSnapshot,
-                remoteEntryExports: remoteEntryExports
-              }));
+              return _context3.a(2, remoteEntryExports);
             case 4:
+              this.initing = true;
+              this.initPromise = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+                var _createRemoteEntryIni, remoteEntryInitOptions, shareScope, initScope, initContainerOptions;
+                return _regenerator().w(function (_context2) {
+                  while (1) switch (_context2.n) {
+                    case 0:
+                      _createRemoteEntryIni = createRemoteEntryInitOptions(_this.remoteInfo, _this.host.shareScopeMap), remoteEntryInitOptions = _createRemoteEntryIni.remoteEntryInitOptions, shareScope = _createRemoteEntryIni.shareScope, initScope = _createRemoteEntryIni.initScope;
+                      _context2.n = 1;
+                      return _this.host.hooks.lifecycle.beforeInitContainer.emit({
+                        shareScope: shareScope,
+                        // @ts-ignore shareScopeMap will be set by Object.defineProperty
+                        remoteEntryInitOptions: remoteEntryInitOptions,
+                        initScope: initScope,
+                        remoteInfo: _this.remoteInfo,
+                        origin: _this.host
+                      });
+                    case 1:
+                      initContainerOptions = _context2.v;
+                      if (typeof (remoteEntryExports === null || remoteEntryExports === void 0 ? void 0 : remoteEntryExports.init) === 'undefined') {
+                        error(getShortErrorMsg(RUNTIME_002, runtimeDescMap, {
+                          hostName: _this.host.name,
+                          remoteName: _this.remoteInfo.name,
+                          remoteEntryUrl: _this.remoteInfo.entry,
+                          remoteEntryKey: _this.remoteInfo.entryGlobalName
+                        }));
+                      }
+                      _context2.n = 2;
+                      return remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
+                    case 2:
+                      _context2.n = 3;
+                      return _this.host.hooks.lifecycle.initContainer.emit(_objectSpread2(_objectSpread2({}, initContainerOptions), {}, {
+                        id: id,
+                        remoteSnapshot: remoteSnapshot,
+                        remoteEntryExports: remoteEntryExports
+                      }));
+                    case 3:
+                      _this.inited = true;
+                    case 4:
+                      return _context2.a(2);
+                  }
+                }, _callee2);
+              }))();
+              _context3.p = 5;
+              _context3.n = 6;
+              return this.initPromise;
+            case 6:
+              _context3.p = 6;
+              this.initing = false;
+              this.initPromise = undefined;
+              return _context3.f(6);
+            case 7:
+              return _context3.a(2, remoteEntryExports);
+          }
+        }, _callee3, this, [[5,, 6, 7]]);
+      }));
+      function init(_x9, _x0) {
+        return _init.apply(this, arguments);
+      }
+      return init;
+    }() // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+  }, {
+    key: "get",
+    value: function () {
+      var _get = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(id, expose, options, remoteSnapshot) {
+        var _ref8, _ref8$loadFactory, loadFactory, remoteEntryExports, moduleFactory, symbolName, wrapModuleFactory, exposeContent;
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
+            case 0:
+              _ref8 = options || {
+                loadFactory: true
+              }, _ref8$loadFactory = _ref8.loadFactory, loadFactory = _ref8$loadFactory === void 0 ? true : _ref8$loadFactory;
+              _context4.n = 1;
+              return this.init(id, remoteSnapshot);
+            case 1:
+              remoteEntryExports = _context4.v;
               this.lib = remoteEntryExports;
-              this.inited = true;
-              _context2.n = 5;
+              _context4.n = 2;
               return this.host.loaderHook.lifecycle.getModuleFactory.emit({
                 remoteEntryExports: remoteEntryExports,
                 expose: expose,
                 moduleInfo: this.remoteInfo
               });
-            case 5:
-              moduleFactory = _context2.v;
+            case 2:
+              moduleFactory = _context4.v;
               if (moduleFactory) {
-                _context2.n = 7;
+                _context4.n = 4;
                 break;
               }
-              _context2.n = 6;
+              _context4.n = 3;
               return remoteEntryExports.get(expose);
-            case 6:
-              moduleFactory = _context2.v;
-            case 7:
+            case 3:
+              moduleFactory = _context4.v;
+            case 4:
               assert(moduleFactory, "".concat(getFMId(this.remoteInfo), " remote don't export ").concat(expose, "."));
               // keep symbol for module name always one format
               symbolName = processModuleAlias(this.remoteInfo.name, expose);
               wrapModuleFactory = this.wraperFactory(moduleFactory, symbolName);
               if (loadFactory) {
-                _context2.n = 8;
+                _context4.n = 5;
                 break;
               }
-              return _context2.a(2, wrapModuleFactory);
-            case 8:
-              _context2.n = 9;
+              return _context4.a(2, wrapModuleFactory);
+            case 5:
+              _context4.n = 6;
               return wrapModuleFactory();
-            case 9:
-              exposeContent = _context2.v;
-              return _context2.a(2, exposeContent);
+            case 6:
+              exposeContent = _context4.v;
+              return _context4.a(2, exposeContent);
           }
-        }, _callee2, this);
+        }, _callee4, this);
       }));
-      function get(_x9, _x0, _x1, _x10) {
+      function get(_x1, _x10, _x11, _x12) {
         return _get.apply(this, arguments);
       }
       return get;
@@ -3295,20 +3539,20 @@ var Module = /*#__PURE__*/function () {
         }
       }
       if (moduleFactory instanceof Promise) {
-        return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+        return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
           var res;
-          return _regenerator().w(function (_context3) {
-            while (1) switch (_context3.n) {
+          return _regenerator().w(function (_context5) {
+            while (1) switch (_context5.n) {
               case 0:
-                _context3.n = 1;
+                _context5.n = 1;
                 return moduleFactory();
               case 1:
-                res = _context3.v;
+                res = _context5.v;
                 // This parameter is used for bridge debugging
                 defineModuleId(res, id);
-                return _context3.a(2, res);
+                return _context5.a(2, res);
             }
-          }, _callee3);
+          }, _callee5);
         }));
       } else {
         return function () {
@@ -3345,8 +3589,8 @@ var SyncHook = /*#__PURE__*/function () {
       this.on(function wrapper() {
         self.remove(wrapper);
         // eslint-disable-next-line prefer-spread
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
+        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          args[_key3] = arguments[_key3];
         }
         return fn.apply(null, args);
       });
@@ -3354,8 +3598,8 @@ var SyncHook = /*#__PURE__*/function () {
   }, {
     key: "emit",
     value: function emit() {
-      for (var _len3 = arguments.length, data = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        data[_key3] = arguments[_key3];
+      for (var _len4 = arguments.length, data = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        data[_key4] = arguments[_key4];
       }
       var result;
       if (this.listeners.size > 0) {
@@ -3387,8 +3631,8 @@ var AsyncHook = /*#__PURE__*/function (_SyncHook) {
   return _createClass(AsyncHook, [{
     key: "emit",
     value: function emit() {
-      for (var _len4 = arguments.length, data = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        data[_key4] = arguments[_key4];
+      for (var _len5 = arguments.length, data = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        data[_key5] = arguments[_key5];
       }
       var result;
       var ls = Array.from(this.listeners);
@@ -3425,12 +3669,12 @@ function checkReturnData(originalData, returnedData) {
 }
 var SyncWaterfallHook = /*#__PURE__*/function (_SyncHook2) {
   function SyncWaterfallHook(type) {
-    var _this;
+    var _this2;
     _classCallCheck(this, SyncWaterfallHook);
-    _this = _callSuper(this, SyncWaterfallHook);
-    _this.onerror = error;
-    _this.type = type;
-    return _this;
+    _this2 = _callSuper(this, SyncWaterfallHook);
+    _this2.onerror = error;
+    _this2.type = type;
+    return _this2;
   }
   _inherits(SyncWaterfallHook, _SyncHook2);
   return _createClass(SyncWaterfallHook, [{
@@ -3468,18 +3712,18 @@ var SyncWaterfallHook = /*#__PURE__*/function (_SyncHook2) {
 }(SyncHook);
 var AsyncWaterfallHook = /*#__PURE__*/function (_SyncHook3) {
   function AsyncWaterfallHook(type) {
-    var _this2;
+    var _this3;
     _classCallCheck(this, AsyncWaterfallHook);
-    _this2 = _callSuper(this, AsyncWaterfallHook);
-    _this2.onerror = error;
-    _this2.type = type;
-    return _this2;
+    _this3 = _callSuper(this, AsyncWaterfallHook);
+    _this3.onerror = error;
+    _this3.type = type;
+    return _this3;
   }
   _inherits(AsyncWaterfallHook, _SyncHook3);
   return _createClass(AsyncWaterfallHook, [{
     key: "emit",
     value: function emit(data) {
-      var _this3 = this;
+      var _this4 = this;
       if (!isObject(data)) {
         error("The response data for the \"".concat(this.type, "\" hook must be an object."));
       }
@@ -3488,7 +3732,7 @@ var AsyncWaterfallHook = /*#__PURE__*/function (_SyncHook3) {
         var i = 0;
         var processError = function processError(e) {
           warn(e);
-          _this3.onerror(e);
+          _this4.onerror(e);
           return data;
         };
         var _call2 = function call(prevData) {
@@ -3502,7 +3746,7 @@ var AsyncWaterfallHook = /*#__PURE__*/function (_SyncHook3) {
               }
             }
           } else {
-            _this3.onerror("A plugin returned an incorrect value for the \"".concat(_this3.type, "\" type."));
+            _this4.onerror("A plugin returned an incorrect value for the \"".concat(_this4.type, "\" type."));
           }
           return data;
         };
@@ -3522,7 +3766,7 @@ var PluginSystem = /*#__PURE__*/function () {
   return _createClass(PluginSystem, [{
     key: "applyPlugin",
     value: function applyPlugin(plugin, instance) {
-      var _this4 = this;
+      var _this5 = this;
       assert(isPlainObject(plugin), 'Plugin configuration is invalid.');
       // The plugin's name is mandatory and must be unique
       var pluginName = plugin.name;
@@ -3534,7 +3778,7 @@ var PluginSystem = /*#__PURE__*/function () {
         Object.keys(this.lifecycle).forEach(function (key) {
           var pluginLife = plugin[key];
           if (pluginLife) {
-            _this4.lifecycle[key].on(pluginLife);
+            _this5.lifecycle[key].on(pluginLife);
           }
         });
       }
@@ -3542,13 +3786,13 @@ var PluginSystem = /*#__PURE__*/function () {
   }, {
     key: "removePlugin",
     value: function removePlugin(pluginName) {
-      var _this5 = this;
+      var _this6 = this;
       assert(pluginName, 'A name is required.');
       var plugin = this.registerPlugins[pluginName];
       assert(plugin, "The plugin \"".concat(pluginName, "\" is not registered."));
       Object.keys(plugin).forEach(function (key) {
         if (key !== 'name') {
-          _this5.lifecycle[key].remove(plugin[key]);
+          _this6.lifecycle[key].remove(plugin[key]);
         }
       });
     }
@@ -3573,23 +3817,23 @@ function snapshotPlugin() {
   return {
     name: 'snapshot-plugin',
     afterResolve: function afterResolve(args) {
-      return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+      return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6() {
         var remote, pkgNameOrAlias, expose, origin, remoteInfo, id, _yield$origin$snapsho, remoteSnapshot, globalSnapshot, preloadOptions, assets;
-        return _regenerator().w(function (_context4) {
-          while (1) switch (_context4.n) {
+        return _regenerator().w(function (_context6) {
+          while (1) switch (_context6.n) {
             case 0:
               remote = args.remote, pkgNameOrAlias = args.pkgNameOrAlias, expose = args.expose, origin = args.origin, remoteInfo = args.remoteInfo, id = args.id;
               if (!(!isRemoteInfoWithEntry(remote) || !isPureRemoteEntry(remote))) {
-                _context4.n = 3;
+                _context6.n = 3;
                 break;
               }
-              _context4.n = 1;
+              _context6.n = 1;
               return origin.snapshotHandler.loadRemoteSnapshotInfo({
                 moduleInfo: remote,
                 id: id
               });
             case 1:
-              _yield$origin$snapsho = _context4.v;
+              _yield$origin$snapsho = _context6.v;
               remoteSnapshot = _yield$origin$snapsho.remoteSnapshot;
               globalSnapshot = _yield$origin$snapsho.globalSnapshot;
               assignRemoteInfo(remoteInfo, remoteSnapshot);
@@ -3604,7 +3848,7 @@ function snapshotPlugin() {
                   depsRemote: false
                 }
               };
-              _context4.n = 2;
+              _context6.n = 2;
               return origin.remoteHandler.hooks.lifecycle.generatePreloadAssets.emit({
                 origin: origin,
                 preloadOptions: preloadOptions,
@@ -3614,17 +3858,17 @@ function snapshotPlugin() {
                 globalSnapshot: globalSnapshot
               });
             case 2:
-              assets = _context4.v;
+              assets = _context6.v;
               if (assets) {
                 preloadAssets(remoteInfo, origin, assets, false);
               }
-              return _context4.a(2, _objectSpread2(_objectSpread2({}, args), {}, {
+              return _context6.a(2, _objectSpread2(_objectSpread2({}, args), {}, {
                 remoteSnapshot: remoteSnapshot
               }));
             case 3:
-              return _context4.a(2, args);
+              return _context6.a(2, args);
           }
-        }, _callee4);
+        }, _callee6);
       }))();
     }
   };
@@ -3663,8 +3907,8 @@ function traverseModuleInfo(globalSnapshot, remoteInfo, traverse, isRoot) {
     traverse(effectiveRemoteSnapshot, remoteInfo, isRoot);
     if (effectiveRemoteSnapshot.remotesInfo) {
       var remoteKeys = Object.keys(effectiveRemoteSnapshot.remotesInfo);
-      for (var _i4 = 0, _remoteKeys = remoteKeys; _i4 < _remoteKeys.length; _i4++) {
-        var key = _remoteKeys[_i4];
+      for (var _i7 = 0, _remoteKeys = remoteKeys; _i7 < _remoteKeys.length; _i7++) {
+        var key = _remoteKeys[_i7];
         if (memo[key]) {
           continue;
         }
@@ -3784,7 +4028,8 @@ function _generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot,
   }, true, memo, remoteSnapshot);
   if (remoteSnapshot.shared && remoteSnapshot.shared.length > 0) {
     var collectSharedAssets = function collectSharedAssets(shareInfo, snapshotShared) {
-      var registeredShared = getRegisteredShare(origin.shareScopeMap, snapshotShared.sharedName, shareInfo, origin.sharedHandler.hooks.lifecycle.resolveShare);
+      var _ref0 = getRegisteredShare(origin.shareScopeMap, snapshotShared.sharedName, shareInfo, origin.sharedHandler.hooks.lifecycle.resolveShare) || {},
+        registeredShared = _ref0.shared;
       // If the global share does not exist, or the lib function does not exist, it means that the shared has not been loaded yet and can be preloaded.
       if (registeredShared && typeof registeredShared.lib === 'function') {
         snapshotShared.assets.js.sync.forEach(function (asset) {
@@ -3832,27 +4077,27 @@ var generatePreloadAssetsPlugin = function generatePreloadAssetsPlugin() {
   return {
     name: 'generate-preload-assets-plugin',
     generatePreloadAssets: function generatePreloadAssets(args) {
-      return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
+      return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
         var origin, preloadOptions, remoteInfo, remote, globalSnapshot, remoteSnapshot, assets;
-        return _regenerator().w(function (_context5) {
-          while (1) switch (_context5.n) {
+        return _regenerator().w(function (_context7) {
+          while (1) switch (_context7.n) {
             case 0:
               origin = args.origin, preloadOptions = args.preloadOptions, remoteInfo = args.remoteInfo, remote = args.remote, globalSnapshot = args.globalSnapshot, remoteSnapshot = args.remoteSnapshot;
               if (isBrowserEnv()) {
-                _context5.n = 1;
+                _context7.n = 1;
                 break;
               }
-              return _context5.a(2, {
+              return _context7.a(2, {
                 cssAssets: [],
                 jsAssetsWithoutEntry: [],
                 entryAssets: []
               });
             case 1:
               if (!(isRemoteInfoWithEntry(remote) && isPureRemoteEntry(remote))) {
-                _context5.n = 2;
+                _context7.n = 2;
                 break;
               }
-              return _context5.a(2, {
+              return _context7.a(2, {
                 cssAssets: [],
                 jsAssetsWithoutEntry: [],
                 entryAssets: [{
@@ -3870,9 +4115,9 @@ var generatePreloadAssetsPlugin = function generatePreloadAssetsPlugin() {
             case 2:
               assignRemoteInfo(remoteInfo, remoteSnapshot);
               assets = _generatePreloadAssets(origin, preloadOptions, remoteInfo, globalSnapshot, remoteSnapshot);
-              return _context5.a(2, assets);
+              return _context7.a(2, assets);
           }
-        }, _callee5);
+        }, _callee7);
       }))();
     }
   };
@@ -3922,14 +4167,14 @@ var SnapshotHandler = /*#__PURE__*/function () {
   return _createClass(SnapshotHandler, [{
     key: "loadRemoteSnapshotInfo",
     value: function () {
-      var _loadRemoteSnapshotInfo = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(_ref9) {
+      var _loadRemoteSnapshotInfo = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8(_ref1) {
         var moduleInfo, id, options, hostSnapshot, _hostSnapshot, _this$getGlobalRemote, hostGlobalSnapshot, remoteSnapshot, globalSnapshot, _yield$this$hooks$lif, globalRemoteSnapshot, globalSnapshotRes, mSnapshot, gSnapshot, remoteEntry, moduleSnapshot, _globalSnapshotRes, _yield$this$hooks$lif2, remoteSnapshotRes, _moduleSnapshot, _globalSnapshotRes2, _yield$this$hooks$lif3, _remoteSnapshotRes;
-        return _regenerator().w(function (_context6) {
-          while (1) switch (_context6.n) {
+        return _regenerator().w(function (_context8) {
+          while (1) switch (_context8.n) {
             case 0:
-              moduleInfo = _ref9.moduleInfo, id = _ref9.id, _ref9.expose;
+              moduleInfo = _ref1.moduleInfo, id = _ref1.id, _ref1.expose;
               options = this.HostInstance.options;
-              _context6.n = 1;
+              _context8.n = 1;
               return this.hooks.lifecycle.beforeLoadRemoteSnapshot.emit({
                 options: options,
                 moduleInfo: moduleInfo
@@ -3957,7 +4202,7 @@ var SnapshotHandler = /*#__PURE__*/function () {
                 }
               }
               _this$getGlobalRemote = this.getGlobalRemoteInfo(moduleInfo), hostGlobalSnapshot = _this$getGlobalRemote.hostGlobalSnapshot, remoteSnapshot = _this$getGlobalRemote.remoteSnapshot, globalSnapshot = _this$getGlobalRemote.globalSnapshot;
-              _context6.n = 2;
+              _context8.n = 2;
               return this.hooks.lifecycle.loadSnapshot.emit({
                 options: options,
                 moduleInfo: moduleInfo,
@@ -3966,22 +4211,22 @@ var SnapshotHandler = /*#__PURE__*/function () {
                 globalSnapshot: globalSnapshot
               });
             case 2:
-              _yield$this$hooks$lif = _context6.v;
+              _yield$this$hooks$lif = _context8.v;
               globalRemoteSnapshot = _yield$this$hooks$lif.remoteSnapshot;
               globalSnapshotRes = _yield$this$hooks$lif.globalSnapshot;
               if (!globalRemoteSnapshot) {
-                _context6.n = 7;
+                _context8.n = 7;
                 break;
               }
               if (!isManifestProvider(globalRemoteSnapshot)) {
-                _context6.n = 4;
+                _context8.n = 4;
                 break;
               }
               remoteEntry = isBrowserEnv() ? globalRemoteSnapshot.remoteEntry : globalRemoteSnapshot.ssrRemoteEntry || globalRemoteSnapshot.remoteEntry || '';
-              _context6.n = 3;
+              _context8.n = 3;
               return this.getManifestJson(remoteEntry, moduleInfo, {});
             case 3:
-              moduleSnapshot = _context6.v;
+              moduleSnapshot = _context8.v;
               // eslint-disable-next-line @typescript-eslint/no-shadow
               _globalSnapshotRes = setGlobalSnapshotInfoByModuleInfo(_objectSpread2(_objectSpread2({}, moduleInfo), {}, {
                 // The global remote may be overridden
@@ -3990,10 +4235,10 @@ var SnapshotHandler = /*#__PURE__*/function () {
               }), moduleSnapshot);
               mSnapshot = moduleSnapshot;
               gSnapshot = _globalSnapshotRes;
-              _context6.n = 6;
+              _context8.n = 6;
               break;
             case 4:
-              _context6.n = 5;
+              _context8.n = 5;
               return this.hooks.lifecycle.loadRemoteSnapshot.emit({
                 options: this.HostInstance.options,
                 moduleInfo: moduleInfo,
@@ -4001,25 +4246,25 @@ var SnapshotHandler = /*#__PURE__*/function () {
                 from: 'global'
               });
             case 5:
-              _yield$this$hooks$lif2 = _context6.v;
+              _yield$this$hooks$lif2 = _context8.v;
               remoteSnapshotRes = _yield$this$hooks$lif2.remoteSnapshot;
               mSnapshot = remoteSnapshotRes;
               gSnapshot = globalSnapshotRes;
             case 6:
-              _context6.n = 11;
+              _context8.n = 11;
               break;
             case 7:
               if (!isRemoteInfoWithEntry(moduleInfo)) {
-                _context6.n = 10;
+                _context8.n = 10;
                 break;
               }
-              _context6.n = 8;
+              _context8.n = 8;
               return this.getManifestJson(moduleInfo.entry, moduleInfo, {});
             case 8:
-              _moduleSnapshot = _context6.v;
+              _moduleSnapshot = _context8.v;
               // eslint-disable-next-line @typescript-eslint/no-shadow
               _globalSnapshotRes2 = setGlobalSnapshotInfoByModuleInfo(moduleInfo, _moduleSnapshot);
-              _context6.n = 9;
+              _context8.n = 9;
               return this.hooks.lifecycle.loadRemoteSnapshot.emit({
                 options: this.HostInstance.options,
                 moduleInfo: moduleInfo,
@@ -4027,11 +4272,11 @@ var SnapshotHandler = /*#__PURE__*/function () {
                 from: 'global'
               });
             case 9:
-              _yield$this$hooks$lif3 = _context6.v;
+              _yield$this$hooks$lif3 = _context8.v;
               _remoteSnapshotRes = _yield$this$hooks$lif3.remoteSnapshot;
               mSnapshot = _remoteSnapshotRes;
               gSnapshot = _globalSnapshotRes2;
-              _context6.n = 11;
+              _context8.n = 11;
               break;
             case 10:
               error(getShortErrorMsg(RUNTIME_007, runtimeDescMap, {
@@ -4040,7 +4285,7 @@ var SnapshotHandler = /*#__PURE__*/function () {
                 globalSnapshot: JSON.stringify(globalSnapshotRes)
               }));
             case 11:
-              _context6.n = 12;
+              _context8.n = 12;
               return this.hooks.lifecycle.afterLoadSnapshot.emit({
                 id: id,
                 host: this.HostInstance,
@@ -4049,14 +4294,14 @@ var SnapshotHandler = /*#__PURE__*/function () {
                 remoteSnapshot: mSnapshot
               });
             case 12:
-              return _context6.a(2, {
+              return _context8.a(2, {
                 remoteSnapshot: mSnapshot,
                 globalSnapshot: gSnapshot
               });
           }
-        }, _callee6, this);
+        }, _callee8, this);
       }));
-      function loadRemoteSnapshotInfo(_x11) {
+      function loadRemoteSnapshotInfo(_x13) {
         return _loadRemoteSnapshotInfo.apply(this, arguments);
       }
       return loadRemoteSnapshotInfo;
@@ -4069,93 +4314,93 @@ var SnapshotHandler = /*#__PURE__*/function () {
   }, {
     key: "getManifestJson",
     value: function () {
-      var _getManifestJson = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9(manifestUrl, moduleInfo, extraOptions) {
-        var _this6 = this;
+      var _getManifestJson = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1(manifestUrl, moduleInfo, extraOptions) {
+        var _this7 = this;
         var getManifest, asyncLoadProcess;
-        return _regenerator().w(function (_context9) {
-          while (1) switch (_context9.n) {
+        return _regenerator().w(function (_context1) {
+          while (1) switch (_context1.n) {
             case 0:
               getManifest = /*#__PURE__*/function () {
-                var _ref0 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
+                var _ref10 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9() {
                   var manifestJson, res, _t;
-                  return _regenerator().w(function (_context7) {
-                    while (1) switch (_context7.p = _context7.n) {
+                  return _regenerator().w(function (_context9) {
+                    while (1) switch (_context9.p = _context9.n) {
                       case 0:
-                        manifestJson = _this6.manifestCache.get(manifestUrl);
+                        manifestJson = _this7.manifestCache.get(manifestUrl);
                         if (!manifestJson) {
-                          _context7.n = 1;
+                          _context9.n = 1;
                           break;
                         }
-                        return _context7.a(2, manifestJson);
+                        return _context9.a(2, manifestJson);
                       case 1:
-                        _context7.p = 1;
-                        _context7.n = 2;
-                        return _this6.loaderHook.lifecycle.fetch.emit(manifestUrl, {});
+                        _context9.p = 1;
+                        _context9.n = 2;
+                        return _this7.loaderHook.lifecycle.fetch.emit(manifestUrl, {});
                       case 2:
-                        res = _context7.v;
+                        res = _context9.v;
                         if (!(!res || !(res instanceof Response))) {
-                          _context7.n = 4;
+                          _context9.n = 4;
                           break;
                         }
-                        _context7.n = 3;
+                        _context9.n = 3;
                         return fetch(manifestUrl, {});
                       case 3:
-                        res = _context7.v;
+                        res = _context9.v;
                       case 4:
-                        _context7.n = 5;
+                        _context9.n = 5;
                         return res.json();
                       case 5:
-                        manifestJson = _context7.v;
-                        _context7.n = 8;
+                        manifestJson = _context9.v;
+                        _context9.n = 8;
                         break;
                       case 6:
-                        _context7.p = 6;
-                        _t = _context7.v;
-                        _context7.n = 7;
-                        return _this6.HostInstance.remoteHandler.hooks.lifecycle.errorLoadRemote.emit({
+                        _context9.p = 6;
+                        _t = _context9.v;
+                        _context9.n = 7;
+                        return _this7.HostInstance.remoteHandler.hooks.lifecycle.errorLoadRemote.emit({
                           id: manifestUrl,
                           error: _t,
                           from: 'runtime',
                           lifecycle: 'afterResolve',
-                          origin: _this6.HostInstance
+                          origin: _this7.HostInstance
                         });
                       case 7:
-                        manifestJson = _context7.v;
+                        manifestJson = _context9.v;
                         if (!manifestJson) {
-                          delete _this6.manifestLoading[manifestUrl];
+                          delete _this7.manifestLoading[manifestUrl];
                           error(getShortErrorMsg(RUNTIME_003, runtimeDescMap, {
                             manifestUrl: manifestUrl,
                             moduleName: moduleInfo.name,
-                            hostName: _this6.HostInstance.options.name
+                            hostName: _this7.HostInstance.options.name
                           }, "".concat(_t)));
                         }
                       case 8:
                         assert(manifestJson.metaData && manifestJson.exposes && manifestJson.shared, "".concat(manifestUrl, " is not a federation manifest"));
-                        _this6.manifestCache.set(manifestUrl, manifestJson);
-                        return _context7.a(2, manifestJson);
+                        _this7.manifestCache.set(manifestUrl, manifestJson);
+                        return _context9.a(2, manifestJson);
                     }
-                  }, _callee7, null, [[1, 6]]);
+                  }, _callee9, null, [[1, 6]]);
                 }));
                 return function getManifest() {
-                  return _ref0.apply(this, arguments);
+                  return _ref10.apply(this, arguments);
                 };
               }();
               asyncLoadProcess = /*#__PURE__*/function () {
-                var _ref1 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8() {
-                  var manifestJson, remoteSnapshot, _yield$_this6$hooks$l, remoteSnapshotRes;
-                  return _regenerator().w(function (_context8) {
-                    while (1) switch (_context8.n) {
+                var _ref11 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0() {
+                  var manifestJson, remoteSnapshot, _yield$_this7$hooks$l, remoteSnapshotRes;
+                  return _regenerator().w(function (_context0) {
+                    while (1) switch (_context0.n) {
                       case 0:
-                        _context8.n = 1;
+                        _context0.n = 1;
                         return getManifest();
                       case 1:
-                        manifestJson = _context8.v;
+                        manifestJson = _context0.v;
                         remoteSnapshot = generateSnapshotFromManifest(manifestJson, {
                           version: manifestUrl
                         });
-                        _context8.n = 2;
-                        return _this6.hooks.lifecycle.loadRemoteSnapshot.emit({
-                          options: _this6.HostInstance.options,
+                        _context0.n = 2;
+                        return _this7.hooks.lifecycle.loadRemoteSnapshot.emit({
+                          options: _this7.HostInstance.options,
                           moduleInfo: moduleInfo,
                           manifestJson: manifestJson,
                           remoteSnapshot: remoteSnapshot,
@@ -4163,14 +4408,14 @@ var SnapshotHandler = /*#__PURE__*/function () {
                           from: 'manifest'
                         });
                       case 2:
-                        _yield$_this6$hooks$l = _context8.v;
-                        remoteSnapshotRes = _yield$_this6$hooks$l.remoteSnapshot;
-                        return _context8.a(2, remoteSnapshotRes);
+                        _yield$_this7$hooks$l = _context0.v;
+                        remoteSnapshotRes = _yield$_this7$hooks$l.remoteSnapshot;
+                        return _context0.a(2, remoteSnapshotRes);
                     }
-                  }, _callee8);
+                  }, _callee0);
                 }));
                 return function asyncLoadProcess() {
-                  return _ref1.apply(this, arguments);
+                  return _ref11.apply(this, arguments);
                 };
               }();
               if (!this.manifestLoading[manifestUrl]) {
@@ -4178,11 +4423,11 @@ var SnapshotHandler = /*#__PURE__*/function () {
                   return res;
                 });
               }
-              return _context9.a(2, this.manifestLoading[manifestUrl]);
+              return _context1.a(2, this.manifestLoading[manifestUrl]);
           }
-        }, _callee9, this);
+        }, _callee1, this);
       }));
-      function getManifestJson(_x12, _x13, _x14) {
+      function getManifestJson(_x14, _x15, _x16) {
         return _getManifestJson.apply(this, arguments);
       }
       return getManifestJson;
@@ -4193,6 +4438,7 @@ var SharedHandler = /*#__PURE__*/function () {
   function SharedHandler(host) {
     _classCallCheck(this, SharedHandler);
     this.hooks = new PluginSystem({
+      beforeRegisterShare: new SyncWaterfallHook('beforeRegisterShare'),
       afterResolve: new AsyncWaterfallHook('afterResolve'),
       beforeLoadShare: new AsyncWaterfallHook('beforeLoadShare'),
       // not used yet
@@ -4210,19 +4456,24 @@ var SharedHandler = /*#__PURE__*/function () {
   return _createClass(SharedHandler, [{
     key: "registerShared",
     value: function registerShared(globalOptions, userOptions) {
-      var _this7 = this;
+      var _this8 = this;
       var _formatShareConfigs = formatShareConfigs(globalOptions, userOptions),
-        shareInfos = _formatShareConfigs.shareInfos,
-        shared = _formatShareConfigs.shared;
-      var sharedKeys = Object.keys(shareInfos);
+        newShareInfos = _formatShareConfigs.newShareInfos,
+        allShareInfos = _formatShareConfigs.allShareInfos;
+      var sharedKeys = Object.keys(newShareInfos);
       sharedKeys.forEach(function (sharedKey) {
-        var sharedVals = shareInfos[sharedKey];
+        var sharedVals = newShareInfos[sharedKey];
         sharedVals.forEach(function (sharedVal) {
           sharedVal.scope.forEach(function (sc) {
-            var _this7$shareScopeMap$;
-            var registeredShared = (_this7$shareScopeMap$ = _this7.shareScopeMap[sc]) === null || _this7$shareScopeMap$ === void 0 ? void 0 : _this7$shareScopeMap$[sharedKey];
+            var _this8$shareScopeMap$;
+            _this8.hooks.lifecycle.beforeRegisterShare.emit({
+              origin: _this8.host,
+              pkgName: sharedKey,
+              shared: sharedVal
+            });
+            var registeredShared = (_this8$shareScopeMap$ = _this8.shareScopeMap[sc]) === null || _this8$shareScopeMap$ === void 0 ? void 0 : _this8$shareScopeMap$[sharedKey];
             if (!registeredShared) {
-              _this7.setShared({
+              _this8.setShared({
                 pkgName: sharedKey,
                 lib: sharedVal.lib,
                 get: sharedVal.get,
@@ -4235,18 +4486,18 @@ var SharedHandler = /*#__PURE__*/function () {
         });
       });
       return {
-        shareInfos: shareInfos,
-        shared: shared
+        newShareInfos: newShareInfos,
+        allShareInfos: allShareInfos
       };
     }
   }, {
     key: "loadShare",
     value: function () {
-      var _loadShare = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee11(pkgName, extraOptions) {
-        var _this8 = this;
-        var host, shareOptions, loadShareRes, shareOptionsRes, registeredShared, addUseIn, factory, asyncLoadProcess, loading, _asyncLoadProcess, _loading;
-        return _regenerator().w(function (_context11) {
-          while (1) switch (_context11.n) {
+      var _loadShare = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee13(pkgName, extraOptions) {
+        var _this9 = this;
+        var host, shareOptions, loadShareRes, shareOptionsRes, _ref13, registeredShared, useTreesShaking, targetShared, factory, asyncLoadProcess, loading, _useTreeShaking, _targetShared, _asyncLoadProcess, _loading;
+        return _regenerator().w(function (_context13) {
+          while (1) switch (_context13.n) {
             case 0:
               host = this.host; // This function performs the following steps:
               // 1. Checks if the currently loaded share already exists, if not, it throws an error
@@ -4258,30 +4509,30 @@ var SharedHandler = /*#__PURE__*/function () {
                 shareInfos: host.options.shared
               });
               if (!(shareOptions !== null && shareOptions !== void 0 && shareOptions.scope)) {
-                _context11.n = 1;
+                _context13.n = 1;
                 break;
               }
-              _context11.n = 1;
+              _context13.n = 1;
               return Promise.all(shareOptions.scope.map(/*#__PURE__*/function () {
-                var _ref10 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0(shareScope) {
-                  return _regenerator().w(function (_context0) {
-                    while (1) switch (_context0.n) {
+                var _ref12 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10(shareScope) {
+                  return _regenerator().w(function (_context10) {
+                    while (1) switch (_context10.n) {
                       case 0:
-                        _context0.n = 1;
-                        return Promise.all(_this8.initializeSharing(shareScope, {
+                        _context10.n = 1;
+                        return Promise.all(_this9.initializeSharing(shareScope, {
                           strategy: shareOptions.strategy
                         }));
                       case 1:
-                        return _context0.a(2);
+                        return _context10.a(2);
                     }
-                  }, _callee0);
+                  }, _callee10);
                 }));
-                return function (_x17) {
-                  return _ref10.apply(this, arguments);
+                return function (_x19) {
+                  return _ref12.apply(this, arguments);
                 };
               }()));
             case 1:
-              _context11.n = 2;
+              _context13.n = 2;
               return this.hooks.lifecycle.beforeLoadShare.emit({
                 pkgName: pkgName,
                 shareInfo: shareOptions,
@@ -4289,62 +4540,56 @@ var SharedHandler = /*#__PURE__*/function () {
                 origin: host
               });
             case 2:
-              loadShareRes = _context11.v;
+              loadShareRes = _context13.v;
               shareOptionsRes = loadShareRes.shareInfo; // Assert that shareInfoRes exists, if not, throw an error
               assert(shareOptionsRes, "Cannot find ".concat(pkgName, " Share in the ").concat(host.options.name, ". Please ensure that the ").concat(pkgName, " Share parameters have been injected"));
-              // Retrieve from cache
-              registeredShared = getRegisteredShare(this.shareScopeMap, pkgName, shareOptionsRes, this.hooks.lifecycle.resolveShare);
-              addUseIn = function addUseIn(shared) {
-                if (!shared.useIn) {
-                  shared.useIn = [];
-                }
-                addUniqueItem(shared.useIn, host.options.name);
-              };
-              if (!(registeredShared && registeredShared.lib)) {
-                _context11.n = 3;
+              _ref13 = getRegisteredShare(this.shareScopeMap, pkgName, shareOptionsRes, this.hooks.lifecycle.resolveShare) || {}, registeredShared = _ref13.shared, useTreesShaking = _ref13.useTreesShaking;
+              if (!registeredShared) {
+                _context13.n = 7;
+                break;
+              }
+              targetShared = directShare(registeredShared, useTreesShaking);
+              if (!targetShared.lib) {
+                _context13.n = 3;
                 break;
               }
-              addUseIn(registeredShared);
-              return _context11.a(2, registeredShared.lib);
+              addUseIn(targetShared, host.options.name);
+              return _context13.a(2, targetShared.lib);
             case 3:
-              if (!(registeredShared && registeredShared.loading && !registeredShared.loaded)) {
-                _context11.n = 5;
+              if (!(targetShared.loading && !targetShared.loaded)) {
+                _context13.n = 5;
                 break;
               }
-              _context11.n = 4;
-              return registeredShared.loading;
+              _context13.n = 4;
+              return targetShared.loading;
             case 4:
-              factory = _context11.v;
-              registeredShared.loaded = true;
-              if (!registeredShared.lib) {
-                registeredShared.lib = factory;
+              factory = _context13.v;
+              targetShared.loaded = true;
+              if (!targetShared.lib) {
+                targetShared.lib = factory;
               }
-              addUseIn(registeredShared);
-              return _context11.a(2, factory);
+              addUseIn(targetShared, host.options.name);
+              return _context13.a(2, factory);
             case 5:
-              if (!registeredShared) {
-                _context11.n = 6;
-                break;
-              }
               asyncLoadProcess = /*#__PURE__*/function () {
-                var _ref11 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1() {
+                var _ref14 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee11() {
                   var factory;
-                  return _regenerator().w(function (_context1) {
-                    while (1) switch (_context1.n) {
+                  return _regenerator().w(function (_context11) {
+                    while (1) switch (_context11.n) {
                       case 0:
-                        _context1.n = 1;
-                        return registeredShared.get();
+                        _context11.n = 1;
+                        return targetShared.get();
                       case 1:
-                        factory = _context1.v;
-                        addUseIn(registeredShared);
-                        registeredShared.loaded = true;
-                        registeredShared.lib = factory;
-                        return _context1.a(2, factory);
+                        factory = _context11.v;
+                        addUseIn(targetShared, host.options.name);
+                        targetShared.loaded = true;
+                        targetShared.lib = factory;
+                        return _context11.a(2, factory);
                     }
-                  }, _callee1);
+                  }, _callee11);
                 }));
                 return function asyncLoadProcess() {
-                  return _ref11.apply(this, arguments);
+                  return _ref14.apply(this, arguments);
                 };
               }();
               loading = asyncLoadProcess();
@@ -4354,41 +4599,48 @@ var SharedHandler = /*#__PURE__*/function () {
                 shared: registeredShared,
                 from: host.options.name,
                 lib: null,
-                loading: loading
+                loading: loading,
+                treeShaking: useTreesShaking ? targetShared : undefined
               });
-              return _context11.a(2, loading);
+              return _context13.a(2, loading);
             case 6:
+              _context13.n = 9;
+              break;
+            case 7:
               if (!(extraOptions !== null && extraOptions !== void 0 && extraOptions.customShareInfo)) {
-                _context11.n = 7;
+                _context13.n = 8;
                 break;
               }
-              return _context11.a(2, false);
-            case 7:
+              return _context13.a(2, false);
+            case 8:
+              _useTreeShaking = shouldUseTreeShaking(shareOptionsRes.treeShaking);
+              _targetShared = directShare(shareOptionsRes, _useTreeShaking);
               _asyncLoadProcess = /*#__PURE__*/function () {
-                var _ref12 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee10() {
-                  var factory, gShared;
-                  return _regenerator().w(function (_context10) {
-                    while (1) switch (_context10.n) {
+                var _ref15 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12() {
+                  var factory, _ref16, gShared, gUseTreeShaking, targetGShared;
+                  return _regenerator().w(function (_context12) {
+                    while (1) switch (_context12.n) {
                       case 0:
-                        _context10.n = 1;
-                        return shareOptionsRes.get();
+                        _context12.n = 1;
+                        return _targetShared.get();
                       case 1:
-                        factory = _context10.v;
-                        shareOptionsRes.lib = factory;
-                        shareOptionsRes.loaded = true;
-                        addUseIn(shareOptionsRes);
-                        gShared = getRegisteredShare(_this8.shareScopeMap, pkgName, shareOptionsRes, _this8.hooks.lifecycle.resolveShare);
+                        factory = _context12.v;
+                        _targetShared.lib = factory;
+                        _targetShared.loaded = true;
+                        addUseIn(_targetShared, host.options.name);
+                        _ref16 = getRegisteredShare(_this9.shareScopeMap, pkgName, shareOptionsRes, _this9.hooks.lifecycle.resolveShare) || {}, gShared = _ref16.shared, gUseTreeShaking = _ref16.useTreesShaking;
                         if (gShared) {
-                          gShared.lib = factory;
-                          gShared.loaded = true;
+                          targetGShared = directShare(gShared, gUseTreeShaking);
+                          targetGShared.lib = factory;
+                          targetGShared.loaded = true;
                           gShared.from = shareOptionsRes.from;
                         }
-                        return _context10.a(2, factory);
+                        return _context12.a(2, factory);
                     }
-                  }, _callee10);
+                  }, _callee12);
                 }));
                 return function _asyncLoadProcess() {
-                  return _ref12.apply(this, arguments);
+                  return _ref15.apply(this, arguments);
                 };
               }();
               _loading = _asyncLoadProcess();
@@ -4398,15 +4650,16 @@ var SharedHandler = /*#__PURE__*/function () {
                 shared: shareOptionsRes,
                 from: host.options.name,
                 lib: null,
-                loading: _loading
+                loading: _loading,
+                treeShaking: _useTreeShaking ? _targetShared : undefined
               });
-              return _context11.a(2, _loading);
-            case 8:
-              return _context11.a(2);
+              return _context13.a(2, _loading);
+            case 9:
+              return _context13.a(2);
           }
-        }, _callee11, this);
+        }, _callee13, this);
       }));
-      function loadShare(_x15, _x16) {
+      function loadShare(_x17, _x18) {
         return _loadShare.apply(this, arguments);
       }
       return loadShare;
@@ -4451,43 +4704,37 @@ var SharedHandler = /*#__PURE__*/function () {
           eager = shared.eager;
         scope[name] = scope[name] || {};
         var versions = scope[name];
-        var activeVersion = versions[version];
-        var activeVersionEager = Boolean(activeVersion && (activeVersion.eager || ((_activeVersion$shareC = activeVersion.shareConfig) === null || _activeVersion$shareC === void 0 ? void 0 : _activeVersion$shareC.eager)));
-        if (!activeVersion || activeVersion.strategy !== 'loaded-first' && !activeVersion.loaded && (Boolean(!eager) !== !activeVersionEager ? eager : hostName > activeVersion.from)) {
+        var activeVersion = versions[version] && directShare(versions[version]);
+        var activeVersionEager = Boolean(activeVersion && ('eager' in activeVersion && activeVersion.eager || 'shareConfig' in activeVersion && ((_activeVersion$shareC = activeVersion.shareConfig) === null || _activeVersion$shareC === void 0 ? void 0 : _activeVersion$shareC.eager)));
+        if (!activeVersion || activeVersion.strategy !== 'loaded-first' && !activeVersion.loaded && (Boolean(!eager) !== !activeVersionEager ? eager : hostName > versions[version].from)) {
           versions[version] = shared;
         }
       };
-      var initFn = function initFn(mod) {
-        return mod && mod.init && mod.init(shareScope[shareScopeName], initScope);
-      };
       var initRemoteModule = /*#__PURE__*/function () {
-        var _ref13 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee12(key) {
-          var _yield$host$remoteHan, module, remoteEntryExports, _t2;
-          return _regenerator().w(function (_context12) {
-            while (1) switch (_context12.p = _context12.n) {
+        var _ref17 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee14(key) {
+          var _yield$host$remoteHan, module, remoteEntryExports, _remoteEntryExports, _t2;
+          return _regenerator().w(function (_context14) {
+            while (1) switch (_context14.p = _context14.n) {
               case 0:
-                _context12.n = 1;
+                _context14.n = 1;
                 return host.remoteHandler.getRemoteModuleAndOptions({
                   id: key
                 });
               case 1:
-                _yield$host$remoteHan = _context12.v;
+                _yield$host$remoteHan = _context14.v;
                 module = _yield$host$remoteHan.module;
-                if (!module.getEntry) {
-                  _context12.n = 8;
-                  break;
-                }
-                _context12.p = 2;
-                _context12.n = 3;
+                remoteEntryExports = undefined;
+                _context14.p = 2;
+                _context14.n = 3;
                 return module.getEntry();
               case 3:
-                remoteEntryExports = _context12.v;
-                _context12.n = 6;
+                remoteEntryExports = _context14.v;
+                _context14.n = 6;
                 break;
               case 4:
-                _context12.p = 4;
-                _t2 = _context12.v;
-                _context12.n = 5;
+                _context14.p = 4;
+                _t2 = _context14.v;
+                _context14.n = 5;
                 return host.remoteHandler.hooks.lifecycle.errorLoadRemote.emit({
                   id: key,
                   error: _t2,
@@ -4496,23 +4743,25 @@ var SharedHandler = /*#__PURE__*/function () {
                   origin: host
                 });
               case 5:
-                remoteEntryExports = _context12.v;
+                remoteEntryExports = _context14.v;
               case 6:
-                if (module.inited) {
-                  _context12.n = 8;
+                _context14.p = 6;
+                if (!((_remoteEntryExports = remoteEntryExports) !== null && _remoteEntryExports !== void 0 && _remoteEntryExports.init)) {
+                  _context14.n = 7;
                   break;
                 }
-                _context12.n = 7;
-                return initFn(remoteEntryExports);
+                module.remoteEntryExports = remoteEntryExports;
+                _context14.n = 7;
+                return module.init();
               case 7:
-                module.inited = true;
+                return _context14.f(6);
               case 8:
-                return _context12.a(2);
+                return _context14.a(2);
             }
-          }, _callee12, null, [[2, 4]]);
+          }, _callee14, null, [[2, 4, 6, 8]]);
         }));
-        return function initRemoteModule(_x18) {
-          return _ref13.apply(this, arguments);
+        return function initRemoteModule(_x20) {
+          return _ref17.apply(this, arguments);
         };
       }();
       Object.keys(host.options.shared).forEach(function (shareName) {
@@ -4540,7 +4789,7 @@ var SharedHandler = /*#__PURE__*/function () {
   }, {
     key: "loadShareSync",
     value: function loadShareSync(pkgName, extraOptions) {
-      var _this9 = this;
+      var _this0 = this;
       var host = this.host;
       var shareOptions = getTargetSharedOptions({
         pkgName: pkgName,
@@ -4549,21 +4798,17 @@ var SharedHandler = /*#__PURE__*/function () {
       });
       if (shareOptions !== null && shareOptions !== void 0 && shareOptions.scope) {
         shareOptions.scope.forEach(function (shareScope) {
-          _this9.initializeSharing(shareScope, {
+          _this0.initializeSharing(shareScope, {
             strategy: shareOptions.strategy
           });
         });
       }
-      var registeredShared = getRegisteredShare(this.shareScopeMap, pkgName, shareOptions, this.hooks.lifecycle.resolveShare);
-      var addUseIn = function addUseIn(shared) {
-        if (!shared.useIn) {
-          shared.useIn = [];
-        }
-        addUniqueItem(shared.useIn, host.options.name);
-      };
+      var _ref18 = getRegisteredShare(this.shareScopeMap, pkgName, shareOptions, this.hooks.lifecycle.resolveShare) || {},
+        registeredShared = _ref18.shared;
+        _ref18.useTreesShaking;
       if (registeredShared) {
         if (typeof registeredShared.lib === 'function') {
-          addUseIn(registeredShared);
+          addUseIn(registeredShared, host.options.name);
           if (!registeredShared.loaded) {
             registeredShared.loaded = true;
             if (registeredShared.from === host.options.name) {
@@ -4575,7 +4820,7 @@ var SharedHandler = /*#__PURE__*/function () {
         if (typeof registeredShared.get === 'function') {
           var module = registeredShared.get();
           if (!(module instanceof Promise)) {
-            addUseIn(registeredShared);
+            addUseIn(registeredShared, host.options.name);
             this.setShared({
               pkgName: pkgName,
               loaded: true,
@@ -4633,48 +4878,49 @@ var SharedHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "setShared",
-    value: function setShared(_ref14) {
-      var _this0 = this;
-      var pkgName = _ref14.pkgName,
-        shared = _ref14.shared,
-        from = _ref14.from,
-        lib = _ref14.lib,
-        loading = _ref14.loading,
-        loaded = _ref14.loaded,
-        get = _ref14.get;
+    value: function setShared(_ref19) {
+      var _this1 = this;
+      var pkgName = _ref19.pkgName,
+        shared = _ref19.shared,
+        from = _ref19.from,
+        lib = _ref19.lib,
+        loading = _ref19.loading,
+        loaded = _ref19.loaded,
+        get = _ref19.get,
+        treeShaking = _ref19.treeShaking;
       var version = shared.version,
         _shared$scope = shared.scope,
         scope = _shared$scope === void 0 ? 'default' : _shared$scope,
         shareInfo = _objectWithoutProperties(shared, _excluded2);
       var scopes = Array.isArray(scope) ? scope : [scope];
+      var mergeAttrs = function mergeAttrs(shared) {
+        var merge = function merge(s, key, val) {
+          if (val && !s[key]) {
+            s[key] = val;
+          }
+        };
+        var targetShared = treeShaking ? shared.treeShaking : shared;
+        merge(targetShared, 'loaded', loaded);
+        merge(targetShared, 'loading', loading);
+        merge(targetShared, 'get', get);
+      };
       scopes.forEach(function (sc) {
-        if (!_this0.shareScopeMap[sc]) {
-          _this0.shareScopeMap[sc] = {};
+        if (!_this1.shareScopeMap[sc]) {
+          _this1.shareScopeMap[sc] = {};
         }
-        if (!_this0.shareScopeMap[sc][pkgName]) {
-          _this0.shareScopeMap[sc][pkgName] = {};
+        if (!_this1.shareScopeMap[sc][pkgName]) {
+          _this1.shareScopeMap[sc][pkgName] = {};
         }
-        if (!_this0.shareScopeMap[sc][pkgName][version]) {
-          _this0.shareScopeMap[sc][pkgName][version] = _objectSpread2(_objectSpread2({
+        if (!_this1.shareScopeMap[sc][pkgName][version]) {
+          _this1.shareScopeMap[sc][pkgName][version] = _objectSpread2(_objectSpread2({
             version: version,
             scope: [sc]
           }, shareInfo), {}, {
-            lib: lib,
-            loaded: loaded,
-            loading: loading
+            lib: lib
           });
-          if (get) {
-            _this0.shareScopeMap[sc][pkgName][version].get = get;
-          }
-          return;
-        }
-        var registeredShared = _this0.shareScopeMap[sc][pkgName][version];
-        if (loading && !registeredShared.loading) {
-          registeredShared.loading = loading;
-        }
-        if (loaded && !registeredShared.loaded) {
-          registeredShared.loaded = loaded;
         }
+        var registeredShared = _this1.shareScopeMap[sc][pkgName][version];
+        mergeAttrs(registeredShared);
         if (from && registeredShared.from !== from) {
           registeredShared.from = from;
         }
@@ -4705,6 +4951,7 @@ var RemoteHandler = /*#__PURE__*/function () {
       generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
       // not used yet
       afterPreloadRemote: new AsyncHook(),
+      // TODO: Move to loaderHook
       loadEntry: new AsyncHook()
     });
     this.host = host;
@@ -4713,10 +4960,10 @@ var RemoteHandler = /*#__PURE__*/function () {
   return _createClass(RemoteHandler, [{
     key: "formatAndRegisterRemote",
     value: function formatAndRegisterRemote(globalOptions, userOptions) {
-      var _this1 = this;
+      var _this10 = this;
       var userRemotes = userOptions.remotes || [];
       return userRemotes.reduce(function (res, remote) {
-        _this1.registerRemote(remote, res, {
+        _this10.registerRemote(remote, res, {
           force: false
         });
         return res;
@@ -4754,37 +5001,37 @@ var RemoteHandler = /*#__PURE__*/function () {
   }, {
     key: "loadRemote",
     value: function () {
-      var _loadRemote = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee13(id, options) {
-        var host, _ref15, _ref15$loadFactory, loadFactory, _yield$this$getRemote, module, moduleOptions, remoteMatchInfo, pkgNameOrAlias, remote, expose, idRes, remoteSnapshot, moduleOrFactory, moduleWrapper, _ref16, _ref16$from, from, failOver, _t3;
-        return _regenerator().w(function (_context13) {
-          while (1) switch (_context13.p = _context13.n) {
+      var _loadRemote = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee15(id, options) {
+        var host, _ref20, _ref20$loadFactory, loadFactory, _yield$this$getRemote, module, moduleOptions, remoteMatchInfo, pkgNameOrAlias, remote, expose, idRes, remoteSnapshot, moduleOrFactory, moduleWrapper, _ref21, _ref21$from, from, failOver, _t3;
+        return _regenerator().w(function (_context15) {
+          while (1) switch (_context15.p = _context15.n) {
             case 0:
               host = this.host;
-              _context13.p = 1;
-              _ref15 = options || {
+              _context15.p = 1;
+              _ref20 = options || {
                 loadFactory: true
-              }, _ref15$loadFactory = _ref15.loadFactory, loadFactory = _ref15$loadFactory === void 0 ? true : _ref15$loadFactory; // 1. Validate the parameters of the retrieved module. There are two module request methods: pkgName + expose and alias + expose.
+              }, _ref20$loadFactory = _ref20.loadFactory, loadFactory = _ref20$loadFactory === void 0 ? true : _ref20$loadFactory; // 1. Validate the parameters of the retrieved module. There are two module request methods: pkgName + expose and alias + expose.
               // 2. Request the snapshot information of the current host and globally store the obtained snapshot information. The retrieved module information is partially offline and partially online. The online module information will retrieve the modules used online.
               // 3. Retrieve the detailed information of the current module from global (remoteEntry address, expose resource address)
               // 4. After retrieving remoteEntry, call the init of the module, and then retrieve the exported content of the module through get
               // 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
-              _context13.n = 2;
+              _context15.n = 2;
               return this.getRemoteModuleAndOptions({
                 id: id
               });
             case 2:
-              _yield$this$getRemote = _context13.v;
+              _yield$this$getRemote = _context15.v;
               module = _yield$this$getRemote.module;
               moduleOptions = _yield$this$getRemote.moduleOptions;
               remoteMatchInfo = _yield$this$getRemote.remoteMatchInfo;
               pkgNameOrAlias = remoteMatchInfo.pkgNameOrAlias, remote = remoteMatchInfo.remote, expose = remoteMatchInfo.expose, idRes = remoteMatchInfo.id, remoteSnapshot = remoteMatchInfo.remoteSnapshot;
-              _context13.n = 3;
+              _context15.n = 3;
               return module.get(idRes, expose, options, remoteSnapshot);
             case 3:
-              moduleOrFactory = _context13.v;
-              _context13.n = 4;
+              moduleOrFactory = _context15.v;
+              _context15.n = 4;
               return this.hooks.lifecycle.onLoad.emit({
                 id: idRes,
                 pkgNameOrAlias: pkgNameOrAlias,
@@ -4797,22 +5044,22 @@ var RemoteHandler = /*#__PURE__*/function () {
                 origin: host
               });
             case 4:
-              moduleWrapper = _context13.v;
+              moduleWrapper = _context15.v;
               this.setIdToRemoteMap(id, remoteMatchInfo);
               if (!(typeof moduleWrapper === 'function')) {
-                _context13.n = 5;
+                _context15.n = 5;
                 break;
               }
-              return _context13.a(2, moduleWrapper);
+              return _context15.a(2, moduleWrapper);
             case 5:
-              return _context13.a(2, moduleOrFactory);
+              return _context15.a(2, moduleOrFactory);
             case 6:
-              _context13.p = 6;
-              _t3 = _context13.v;
-              _ref16 = options || {
+              _context15.p = 6;
+              _t3 = _context15.v;
+              _ref21 = options || {
                 from: 'runtime'
-              }, _ref16$from = _ref16.from, from = _ref16$from === void 0 ? 'runtime' : _ref16$from;
-              _context13.n = 7;
+              }, _ref21$from = _ref21.from, from = _ref21$from === void 0 ? 'runtime' : _ref21$from;
+              _context15.n = 7;
               return this.hooks.lifecycle.errorLoadRemote.emit({
                 id: id,
                 error: _t3,
@@ -4821,18 +5068,18 @@ var RemoteHandler = /*#__PURE__*/function () {
                 origin: host
               });
             case 7:
-              failOver = _context13.v;
+              failOver = _context15.v;
               if (failOver) {
-                _context13.n = 8;
+                _context15.n = 8;
                 break;
               }
               throw _t3;
             case 8:
-              return _context13.a(2, failOver);
+              return _context15.a(2, failOver);
           }
-        }, _callee13, this, [[1, 6]]);
+        }, _callee15, this, [[1, 6]]);
       }));
-      function loadRemote(_x19, _x20) {
+      function loadRemote(_x21, _x22) {
         return _loadRemote.apply(this, arguments);
       }
       return loadRemote;
@@ -4840,14 +5087,14 @@ var RemoteHandler = /*#__PURE__*/function () {
   }, {
     key: "preloadRemote",
     value: function () {
-      var _preloadRemote = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee15(preloadOptions) {
-        var _this10 = this;
+      var _preloadRemote = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee17(preloadOptions) {
+        var _this11 = this;
         var host, preloadOps;
-        return _regenerator().w(function (_context15) {
-          while (1) switch (_context15.n) {
+        return _regenerator().w(function (_context17) {
+          while (1) switch (_context17.n) {
             case 0:
               host = this.host;
-              _context15.n = 1;
+              _context17.n = 1;
               return this.hooks.lifecycle.beforePreloadRemote.emit({
                 preloadOps: preloadOptions,
                 options: host.options,
@@ -4855,25 +5102,25 @@ var RemoteHandler = /*#__PURE__*/function () {
               });
             case 1:
               preloadOps = formatPreloadArgs(host.options.remotes, preloadOptions);
-              _context15.n = 2;
+              _context17.n = 2;
               return Promise.all(preloadOps.map(/*#__PURE__*/function () {
-                var _ref17 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee14(ops) {
+                var _ref22 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee16(ops) {
                   var remote, remoteInfo, _yield$host$snapshotH, globalSnapshot, remoteSnapshot, assets;
-                  return _regenerator().w(function (_context14) {
-                    while (1) switch (_context14.n) {
+                  return _regenerator().w(function (_context16) {
+                    while (1) switch (_context16.n) {
                       case 0:
                         remote = ops.remote;
                         remoteInfo = getRemoteInfo(remote);
-                        _context14.n = 1;
+                        _context16.n = 1;
                         return host.snapshotHandler.loadRemoteSnapshotInfo({
                           moduleInfo: remote
                         });
                       case 1:
-                        _yield$host$snapshotH = _context14.v;
+                        _yield$host$snapshotH = _context16.v;
                         globalSnapshot = _yield$host$snapshotH.globalSnapshot;
                         remoteSnapshot = _yield$host$snapshotH.remoteSnapshot;
-                        _context14.n = 2;
-                        return _this10.hooks.lifecycle.generatePreloadAssets.emit({
+                        _context16.n = 2;
+                        return _this11.hooks.lifecycle.generatePreloadAssets.emit({
                           origin: host,
                           preloadOptions: ops,
                           remote: remote,
@@ -4882,29 +5129,29 @@ var RemoteHandler = /*#__PURE__*/function () {
                           remoteSnapshot: remoteSnapshot
                         });
                       case 2:
-                        assets = _context14.v;
+                        assets = _context16.v;
                         if (assets) {
-                          _context14.n = 3;
+                          _context16.n = 3;
                           break;
                         }
-                        return _context14.a(2);
+                        return _context16.a(2);
                       case 3:
                         preloadAssets(remoteInfo, host, assets);
                       case 4:
-                        return _context14.a(2);
+                        return _context16.a(2);
                     }
-                  }, _callee14);
+                  }, _callee16);
                 }));
-                return function (_x22) {
-                  return _ref17.apply(this, arguments);
+                return function (_x24) {
+                  return _ref22.apply(this, arguments);
                 };
               }()));
             case 2:
-              return _context15.a(2);
+              return _context17.a(2);
           }
-        }, _callee15, this);
+        }, _callee17, this);
       }));
-      function preloadRemote(_x21) {
+      function preloadRemote(_x23) {
         return _preloadRemote.apply(this, arguments);
       }
       return preloadRemote;
@@ -4912,10 +5159,10 @@ var RemoteHandler = /*#__PURE__*/function () {
   }, {
     key: "registerRemotes",
     value: function registerRemotes(remotes, options) {
-      var _this11 = this;
+      var _this12 = this;
       var host = this.host;
       remotes.forEach(function (remote) {
-        _this11.registerRemote(remote, host.options.remotes, {
+        _this12.registerRemote(remote, host.options.remotes, {
           force: options === null || options === void 0 ? void 0 : options.force
         });
       });
@@ -4923,28 +5170,28 @@ var RemoteHandler = /*#__PURE__*/function () {
   }, {
     key: "getRemoteModuleAndOptions",
     value: function () {
-      var _getRemoteModuleAndOptions = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee16(options) {
+      var _getRemoteModuleAndOptions = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee18(options) {
         var host, id, loadRemoteArgs, _loadRemoteArgs, idRes, remoteSplitInfo, rawRemote, remoteInfo, matchInfo, remote, expose, module, moduleOptions, _t4;
-        return _regenerator().w(function (_context16) {
-          while (1) switch (_context16.p = _context16.n) {
+        return _regenerator().w(function (_context18) {
+          while (1) switch (_context18.p = _context18.n) {
             case 0:
               host = this.host;
               id = options.id;
-              _context16.p = 1;
-              _context16.n = 2;
+              _context18.p = 1;
+              _context18.n = 2;
               return this.hooks.lifecycle.beforeRequest.emit({
                 id: id,
                 options: host.options,
                 origin: host
               });
             case 2:
-              loadRemoteArgs = _context16.v;
-              _context16.n = 5;
+              loadRemoteArgs = _context18.v;
+              _context18.n = 5;
               break;
             case 3:
-              _context16.p = 3;
-              _t4 = _context16.v;
-              _context16.n = 4;
+              _context18.p = 3;
+              _t4 = _context18.v;
+              _context18.n = 4;
               return this.hooks.lifecycle.errorLoadRemote.emit({
                 id: id,
                 options: host.options,
@@ -4954,9 +5201,9 @@ var RemoteHandler = /*#__PURE__*/function () {
                 lifecycle: 'beforeRequest'
               });
             case 4:
-              loadRemoteArgs = _context16.v;
+              loadRemoteArgs = _context18.v;
               if (loadRemoteArgs) {
-                _context16.n = 5;
+                _context18.n = 5;
                 break;
               }
               throw _t4;
@@ -4969,7 +5216,7 @@ var RemoteHandler = /*#__PURE__*/function () {
               }));
               rawRemote = remoteSplitInfo.remote;
               remoteInfo = getRemoteInfo(rawRemote);
-              _context16.n = 6;
+              _context18.n = 6;
               return host.sharedHandler.hooks.lifecycle.afterResolve.emit(_objectSpread2(_objectSpread2({
                 id: idRes
               }, remoteSplitInfo), {}, {
@@ -4978,7 +5225,7 @@ var RemoteHandler = /*#__PURE__*/function () {
                 remoteInfo: remoteInfo
               }));
             case 6:
-              matchInfo = _context16.v;
+              matchInfo = _context18.v;
               remote = matchInfo.remote, expose = matchInfo.expose;
               assert(remote && expose, "The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ".concat(idRes, "."));
               module = host.moduleCache.get(remote.name);
@@ -4990,15 +5237,15 @@ var RemoteHandler = /*#__PURE__*/function () {
                 module = new Module(moduleOptions);
                 host.moduleCache.set(remote.name, module);
               }
-              return _context16.a(2, {
+              return _context18.a(2, {
                 module: module,
                 moduleOptions: moduleOptions,
                 remoteMatchInfo: matchInfo
               });
           }
-        }, _callee16, this, [[1, 3]]);
+        }, _callee18, this, [[1, 3]]);
       }));
-      function getRemoteModuleAndOptions(_x23) {
+      function getRemoteModuleAndOptions(_x25) {
         return _getRemoteModuleAndOptions.apply(this, arguments);
       }
       return getRemoteModuleAndOptions;
@@ -5063,15 +5310,15 @@ var RemoteHandler = /*#__PURE__*/function () {
     key: "removeRemote",
     value: function removeRemote(remote) {
       try {
-        var _host = this.host;
+        var host = this.host;
         var name = remote.name;
-        var remoteIndex = _host.options.remotes.findIndex(function (item) {
+        var remoteIndex = host.options.remotes.findIndex(function (item) {
           return item.name === name;
         });
         if (remoteIndex !== -1) {
-          _host.options.remotes.splice(remoteIndex, 1);
+          host.options.remotes.splice(remoteIndex, 1);
         }
-        var loadedModule = _host.moduleCache.get(remote.name);
+        var loadedModule = host.moduleCache.get(remote.name);
         if (loadedModule) {
           var remoteInfo = loadedModule.remoteInfo;
           var key = remoteInfo.entryGlobalName;
@@ -5088,7 +5335,7 @@ var RemoteHandler = /*#__PURE__*/function () {
           if (globalLoading[remoteEntryUniqueKey]) {
             delete globalLoading[remoteEntryUniqueKey];
           }
-          _host.snapshotHandler.manifestCache["delete"](remoteInfo.entry);
+          host.snapshotHandler.manifestCache["delete"](remoteInfo.entry);
           // delete unloaded shared and instance
           var remoteInsId = remoteInfo.buildVersion ? composeKeyWithSeparator(remoteInfo.name, remoteInfo.buildVersion) : remoteInfo.name;
           var remoteInsIndex = CurrentGlobal.__FEDERATION__.__INSTANCES__.findIndex(function (ins) {
@@ -5134,18 +5381,18 @@ var RemoteHandler = /*#__PURE__*/function () {
               remoteIns.shareScopeMap = {};
               delete globalShareScopeMap[remoteInsId];
             }
-            needDeleteKeys.forEach(function (_ref18) {
+            needDeleteKeys.forEach(function (_ref23) {
               var _globalShareScopeMap$;
-              var _ref19 = _slicedToArray(_ref18, 4),
-                insId = _ref19[0],
-                shareScope = _ref19[1],
-                shareName = _ref19[2],
-                shareVersion = _ref19[3];
+              var _ref24 = _slicedToArray(_ref23, 4),
+                insId = _ref24[0],
+                shareScope = _ref24[1],
+                shareName = _ref24[2],
+                shareVersion = _ref24[3];
               (_globalShareScopeMap$ = globalShareScopeMap[insId]) === null || _globalShareScopeMap$ === void 0 || (_globalShareScopeMap$ = _globalShareScopeMap$[shareScope]) === null || _globalShareScopeMap$ === void 0 || (_globalShareScopeMap$ = _globalShareScopeMap$[shareName]) === null || _globalShareScopeMap$ === void 0 || delete _globalShareScopeMap$[shareVersion];
             });
             CurrentGlobal.__FEDERATION__.__INSTANCES__.splice(remoteInsIndex, 1);
           }
-          var _getGlobalRemoteInfo2 = _getGlobalRemoteInfo(remote, _host),
+          var _getGlobalRemoteInfo2 = _getGlobalRemoteInfo(remote, host),
             hostGlobalSnapshot = _getGlobalRemoteInfo2.hostGlobalSnapshot;
           if (hostGlobalSnapshot) {
             var remoteKey = hostGlobalSnapshot && 'remotesInfo' in hostGlobalSnapshot && hostGlobalSnapshot.remotesInfo && getInfoWithoutType(hostGlobalSnapshot.remotesInfo, remote.name).key;
@@ -5158,7 +5405,7 @@ var RemoteHandler = /*#__PURE__*/function () {
               }
             }
           }
-          _host.moduleCache["delete"](remote.name);
+          host.moduleCache["delete"](remote.name);
         }
       } catch (err) {
         logger.log('removeRemote fail: ', err);
@@ -5178,7 +5425,7 @@ var ModuleFederation = /*#__PURE__*/function () {
       // maybe will change, temporarily for internal use only
       initContainer: new AsyncWaterfallHook('initContainer')
     });
-    this.version = "0.21.6";
+    this.version = "2.0.1";
     this.moduleCache = new Map();
     this.loaderHook = new PluginSystem({
       // FIXME: may not be suitable , not open to the public yet
@@ -5226,15 +5473,15 @@ var ModuleFederation = /*#__PURE__*/function () {
   }, {
     key: "loadShare",
     value: function () {
-      var _loadShare2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee17(pkgName, extraOptions) {
-        return _regenerator().w(function (_context17) {
-          while (1) switch (_context17.n) {
+      var _loadShare2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee19(pkgName, extraOptions) {
+        return _regenerator().w(function (_context19) {
+          while (1) switch (_context19.n) {
             case 0:
-              return _context17.a(2, this.sharedHandler.loadShare(pkgName, extraOptions));
+              return _context19.a(2, this.sharedHandler.loadShare(pkgName, extraOptions));
           }
-        }, _callee17, this);
+        }, _callee19, this);
       }));
-      function loadShare(_x24, _x25) {
+      function loadShare(_x26, _x27) {
         return _loadShare2.apply(this, arguments);
       }
       return loadShare;
@@ -5274,15 +5521,15 @@ var ModuleFederation = /*#__PURE__*/function () {
   }, {
     key: "loadRemote",
     value: function () {
-      var _loadRemote2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee18(id, options) {
-        return _regenerator().w(function (_context18) {
-          while (1) switch (_context18.n) {
+      var _loadRemote2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee20(id, options) {
+        return _regenerator().w(function (_context20) {
+          while (1) switch (_context20.n) {
             case 0:
-              return _context18.a(2, this.remoteHandler.loadRemote(id, options));
+              return _context20.a(2, this.remoteHandler.loadRemote(id, options));
           }
-        }, _callee18, this);
+        }, _callee20, this);
       }));
-      function loadRemote(_x26, _x27) {
+      function loadRemote(_x28, _x29) {
         return _loadRemote2.apply(this, arguments);
       }
       return loadRemote;
@@ -5290,15 +5537,15 @@ var ModuleFederation = /*#__PURE__*/function () {
   }, {
     key: "preloadRemote",
     value: function () {
-      var _preloadRemote2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee19(preloadOptions) {
-        return _regenerator().w(function (_context19) {
-          while (1) switch (_context19.n) {
+      var _preloadRemote2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee21(preloadOptions) {
+        return _regenerator().w(function (_context21) {
+          while (1) switch (_context21.n) {
             case 0:
-              return _context19.a(2, this.remoteHandler.preloadRemote(preloadOptions));
+              return _context21.a(2, this.remoteHandler.preloadRemote(preloadOptions));
           }
-        }, _callee19, this);
+        }, _callee21, this);
       }));
-      function preloadRemote(_x28) {
+      function preloadRemote(_x30) {
         return _preloadRemote2.apply(this, arguments);
       }
       return preloadRemote;
@@ -5313,7 +5560,7 @@ var ModuleFederation = /*#__PURE__*/function () {
     key: "formatOptions",
     value: function formatOptions(globalOptions, userOptions) {
       var _formatShareConfigs2 = formatShareConfigs(globalOptions, userOptions),
-        shared = _formatShareConfigs2.shared;
+        shared = _formatShareConfigs2.allShareInfos;
       var _this$hooks$lifecycle = this.hooks.lifecycle.beforeInit.emit({
           origin: this,
           userOptions: userOptions,
@@ -5324,7 +5571,7 @@ var ModuleFederation = /*#__PURE__*/function () {
         globalOptionsRes = _this$hooks$lifecycle.options;
       var remotes = this.remoteHandler.formatAndRegisterRemote(globalOptionsRes, userOptionsRes);
       var _this$sharedHandler$r = this.sharedHandler.registerShared(globalOptionsRes, userOptionsRes),
-        handledShared = _this$sharedHandler$r.shared;
+        allShareInfos = _this$sharedHandler$r.allShareInfos;
       var plugins = _toConsumableArray(globalOptionsRes.plugins);
       if (userOptionsRes.plugins) {
         userOptionsRes.plugins.forEach(function (plugin) {
@@ -5336,7 +5583,7 @@ var ModuleFederation = /*#__PURE__*/function () {
       var optionsRes = _objectSpread2(_objectSpread2(_objectSpread2({}, globalOptions), userOptions), {}, {
         plugins: plugins,
         remotes: remotes,
-        shared: handledShared
+        shared: allShareInfos
       });
       this.hooks.lifecycle.init.emit({
         origin: this,
@@ -5456,20 +5703,32 @@ function useActionEffect(params, deps, isExtReady = true) {
             };
         }
         async function updateAction() {
-            if (!remoteOrigin) {
-                console.error("Remote origin is not set");
-                return;
-            }
             // Register or update action.
             // This will only pass signature info to the editor.
             // The actual handler is stored in this hook,
             // so the execution happens inside the extension app.
             const { appId, version, actionInfo } = await getActionInfo(params.actionName);
-            // Setup handler
-            const func = await loadAppActionFromMF(actionInfo.name, appId, remoteOrigin, version);
-            if (!func) {
-                console.error(`Failed to load action handler for ${actionInfo.name}`);
-                throw new Error(`Failed to load action handler for ${actionInfo.name}`);
+            let func;
+            if (remoteOrigin) {
+                // Production: load handler from Module Federation remote
+                const loadedFunc = await loadAppActionFromMF(actionInfo.name, appId, remoteOrigin, version);
+                if (!loadedFunc) {
+                    console.error(`Failed to load action handler for ${actionInfo.name}`);
+                    throw new Error(`Failed to load action handler for ${actionInfo.name}`);
+                }
+                func = loadedFunc;
+            }
+            else {
+                // Preview mode: no MF server, call the skill endpoint via fetch
+                const origin = window.location.origin;
+                func = async (args) => {
+                    const response = await fetch(`${origin}/skill/${actionInfo.name}`, {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify(args),
+                    });
+                    return response.json();
+                };
             }
             setActionHandler(() => func);
             await imc?.sendMessage(IMCMessageTypeEnum.EditorRegisterAction, {
@@ -5616,80 +5875,87 @@ function useTheme() {
 }
 
 function c(e, u, c, i) {
-  var a = this,
-    o = useRef(null),
+  var l = this,
+    a = useRef(null),
+    o = useRef(0),
     f = useRef(0),
-    l = useRef(0),
     v = useRef(null),
-    m = useRef([]),
-    d = useRef(),
-    g = useRef(),
-    p = useRef(e),
-    w = useRef(true);
-  p.current = e;
-  var s = "undefined" != typeof window,
-    x = !u && 0 !== u && s;
+    d = useRef([]),
+    m = useRef(),
+    s = useRef(),
+    g = useRef(e),
+    h = useRef(true),
+    x = useRef(),
+    E = useRef();
+  g.current = e;
+  var b = "undefined" != typeof window,
+    p = !u && 0 !== u && b;
   if ("function" != typeof e) throw new TypeError("Expected a function");
   u = +u || 0;
-  var h = !!(c = c || {}).leading,
-    y = !("trailing" in c) || !!c.trailing,
+  var y = !!(c = c || {}).leading,
+    w = !("trailing" in c) || !!c.trailing,
+    O = !!c.flushOnExit && w,
     F = "maxWait" in c,
-    A = "debounceOnServer" in c && !!c.debounceOnServer,
-    D = F ? Math.max(+c.maxWait || 0, u) : null;
-  useEffect(function () {
-    return w.current = true, function () {
-      w.current = false;
-    };
-  }, []);
-  var T = useMemo(function () {
-    var r = function r(_r) {
-        var n = m.current,
-          t = d.current;
-        return m.current = d.current = null, f.current = _r, l.current = l.current || _r, g.current = p.current.apply(t, n);
-      },
-      n = function n(r, _n) {
-        x && cancelAnimationFrame(v.current), v.current = x ? requestAnimationFrame(r) : setTimeout(r, _n);
-      },
-      t = function t(r) {
-        if (!w.current) return false;
-        var n = r - o.current;
-        return !o.current || n >= u || n < 0 || F && r - f.current >= D;
-      },
-      e = function e(n) {
-        return v.current = null, y && m.current ? r(n) : (m.current = d.current = null, g.current);
-      },
-      c = function r() {
-        var c = Date.now();
-        if (h && l.current === f.current && T(), t(c)) return e(c);
-        if (w.current) {
-          var i = u - (c - o.current),
-            a = F ? Math.min(i, D - (c - f.current)) : i;
-          n(r, a);
-        }
-      },
-      T = function T() {
-      },
-      W = function W() {
-        if (s || A) {
-          var e = Date.now(),
-            i = t(e);
-          if (m.current = [].slice.call(arguments), d.current = a, o.current = e, i) {
-            if (!v.current && w.current) return f.current = o.current, n(c, u), h ? r(o.current) : g.current;
-            if (F) return n(c, u), r(o.current);
+    L = "debounceOnServer" in c && !!c.debounceOnServer,
+    A = F ? Math.max(+c.maxWait || 0, u) : null,
+    D = useMemo(function () {
+      var r = function r(_r) {
+          var n = d.current,
+            t = m.current;
+          return d.current = m.current = null, o.current = _r, f.current = f.current || _r, s.current = g.current.apply(t, n);
+        },
+        n = function n(r, _n) {
+          p && cancelAnimationFrame(v.current), v.current = p ? requestAnimationFrame(r) : setTimeout(r, _n);
+        },
+        t = function t(r) {
+          if (!h.current) return false;
+          var n = r - a.current;
+          return !a.current || n >= u || n < 0 || F && r - o.current >= A;
+        },
+        e = function e(n) {
+          return v.current = null, w && d.current ? r(n) : (d.current = m.current = null, s.current);
+        },
+        c = function r() {
+          var c = Date.now();
+          if (y && f.current === o.current && D(), t(c)) return e(c);
+          if (h.current) {
+            var i = u - (c - a.current),
+              l = F ? Math.min(i, A - (c - o.current)) : i;
+            n(r, l);
           }
-          return v.current || n(c, u), g.current;
-        }
-      };
-    return W.cancel = function () {
-      var r = v.current;
-      r && (x ? cancelAnimationFrame(v.current) : clearTimeout(v.current)), f.current = 0, m.current = o.current = d.current = v.current = null;
-    }, W.isPending = function () {
-      return !!v.current;
-    }, W.flush = function () {
-      return v.current ? e(Date.now()) : g.current;
-    }, W;
-  }, [h, F, u, D, y, x, s, A, i]);
-  return T;
+        },
+        D = function D() {
+        },
+        S = function S() {
+          if (b || L) {
+            var e,
+              i = Date.now(),
+              f = t(i);
+            if (d.current = [].slice.call(arguments), m.current = l, a.current = i, O && !x.current && (x.current = function () {
+              var r;
+              "hidden" === (null == (r = global.document) ? void 0 : r.visibilityState) && E.current.flush();
+            }, null == (e = global.document) || null == e.addEventListener || e.addEventListener("visibilitychange", x.current)), f) {
+              if (!v.current && h.current) return o.current = a.current, n(c, u), y ? r(a.current) : s.current;
+              if (F) return n(c, u), r(a.current);
+            }
+            return v.current || n(c, u), s.current;
+          }
+        };
+      return S.cancel = function () {
+        var r = v.current;
+        r && (p ? cancelAnimationFrame(v.current) : clearTimeout(v.current)), o.current = 0, d.current = a.current = m.current = v.current = null;
+      }, S.isPending = function () {
+        return !!v.current;
+      }, S.flush = function () {
+        return v.current ? e(Date.now()) : s.current;
+      }, S;
+    }, [y, F, u, A, w, O, p, b, L, i]);
+  return E.current = D, useEffect(function () {
+    return h.current = true, function () {
+      var r;
+      O && E.current.flush(), x.current && (null == (r = global.document) || null == r.removeEventListener || r.removeEventListener("visibilitychange", x.current), x.current = null), h.current = false;
+    };
+  }, [O]), D;
 }
 
 /**