@module-federation/bridge-react 0.0.0-next-20240830062908 → 0.0.0-next-20240830065016

package/dist/index.es.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import React__default, { createContext, Component, createElement, isValidElement, forwardRef, useRef, useEffect, useContext, useState } from "react";
+import { getInstance } from "@module-federation/runtime";
 import { L as LoggerInstance, p as pathJoin, f, a as atLeastReact18, R as RouterContext } from "./context-Bw2PEwa6.js";
 import * as ReactRouterDOM from "react-router-dom";
 import ReactDOM from "react-dom";
@@ -14,17 +15,17 @@ class ErrorBoundary extends Component {
     this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
     this.state = initialState;
   }
-  static getDerivedStateFromError(error) {
+  static getDerivedStateFromError(error2) {
     return {
       didCatch: true,
-      error
+      error: error2
     };
   }
   resetErrorBoundary() {
     const {
-      error
+      error: error2
     } = this.state;
-    if (error !== null) {
+    if (error2 !== null) {
       var _this$props$onReset, _this$props;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -36,9 +37,9 @@ class ErrorBoundary extends Component {
       this.setState(initialState);
     }
   }
-  componentDidCatch(error, info) {
+  componentDidCatch(error2, info) {
     var _this$props$onError, _this$props2;
-    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
+    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error2, info);
   }
   componentDidUpdate(prevProps, prevState) {
     const {
@@ -66,12 +67,12 @@ class ErrorBoundary extends Component {
     } = this.props;
     const {
       didCatch,
-      error
+      error: error2
     } = this.state;
     let childToRender = children;
     if (didCatch) {
       const props = {
-        error,
+        error: error2,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (typeof fallbackRender === "function") {
@@ -81,13 +82,13 @@ class ErrorBoundary extends Component {
       } else if (fallback === null || isValidElement(fallback)) {
         childToRender = fallback;
       } else {
-        throw error;
+        throw error2;
       }
     }
     return createElement(ErrorBoundaryContext.Provider, {
       value: {
         didCatch,
-        error,
+        error: error2,
         resetErrorBoundary: this.resetErrorBoundary
       }
     }, childToRender);
@@ -98,6 +99,953 @@ function hasArrayChanged() {
   let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
 }
+function getBuilderId() {
+  return typeof FEDERATION_BUILD_IDENTIFIER !== "undefined" ? FEDERATION_BUILD_IDENTIFIER : "";
+}
+function isDebugMode() {
+  return Boolean("");
+}
+const LOG_CATEGORY = "[ Federation Runtime ]";
+function assert(condition, msg) {
+  if (!condition) {
+    error(msg);
+  }
+}
+function error(msg) {
+  if (msg instanceof Error) {
+    msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    throw msg;
+  }
+  throw new Error(`${LOG_CATEGORY}: ${msg}`);
+}
+function warn(msg) {
+  if (msg instanceof Error) {
+    msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    console.warn(msg);
+  } else {
+    console.warn(`${LOG_CATEGORY}: ${msg}`);
+  }
+}
+function getFMId(remoteInfo) {
+  if ("version" in remoteInfo && remoteInfo.version) {
+    return `${remoteInfo.name}:${remoteInfo.version}`;
+  } else if ("entry" in remoteInfo && remoteInfo.entry) {
+    return `${remoteInfo.name}:${remoteInfo.entry}`;
+  } else {
+    return `${remoteInfo.name}`;
+  }
+}
+function isObject(val) {
+  return val && typeof val === "object";
+}
+const objectToString = Object.prototype.toString;
+function isPlainObject(val) {
+  return objectToString.call(val) === "[object Object]";
+}
+function _extends$1() {
+  _extends$1 = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+const nativeGlobal = (() => {
+  try {
+    return new Function("return this")();
+  } catch (e) {
+    return globalThis;
+  }
+})();
+const Global = nativeGlobal;
+function definePropertyGlobalVal(target, key, val) {
+  Object.defineProperty(target, key, {
+    value: val,
+    configurable: false,
+    writable: true
+  });
+}
+function includeOwnProperty(target, key) {
+  return Object.hasOwnProperty.call(target, key);
+}
+if (!includeOwnProperty(globalThis, "__GLOBAL_LOADING_REMOTE_ENTRY__")) {
+  definePropertyGlobalVal(globalThis, "__GLOBAL_LOADING_REMOTE_ENTRY__", {});
+}
+function setGlobalDefaultVal(target) {
+  var _target___FEDERATION__, _target___FEDERATION__1, _target___FEDERATION__2, _target___FEDERATION__3, _target___FEDERATION__4, _target___FEDERATION__5;
+  if (includeOwnProperty(target, "__VMOK__") && !includeOwnProperty(target, "__FEDERATION__")) {
+    definePropertyGlobalVal(target, "__FEDERATION__", target.__VMOK__);
+  }
+  if (!includeOwnProperty(target, "__FEDERATION__")) {
+    definePropertyGlobalVal(target, "__FEDERATION__", {
+      __GLOBAL_PLUGIN__: [],
+      __INSTANCES__: [],
+      moduleInfo: {},
+      __SHARE__: {},
+      __MANIFEST_LOADING__: {},
+      __PRELOADED_MAP__: /* @__PURE__ */ new Map()
+    });
+    definePropertyGlobalVal(target, "__VMOK__", target.__FEDERATION__);
+  }
+  var ___GLOBAL_PLUGIN__;
+  (___GLOBAL_PLUGIN__ = (_target___FEDERATION__ = target.__FEDERATION__).__GLOBAL_PLUGIN__) != null ? ___GLOBAL_PLUGIN__ : _target___FEDERATION__.__GLOBAL_PLUGIN__ = [];
+  var ___INSTANCES__;
+  (___INSTANCES__ = (_target___FEDERATION__1 = target.__FEDERATION__).__INSTANCES__) != null ? ___INSTANCES__ : _target___FEDERATION__1.__INSTANCES__ = [];
+  var _moduleInfo;
+  (_moduleInfo = (_target___FEDERATION__2 = target.__FEDERATION__).moduleInfo) != null ? _moduleInfo : _target___FEDERATION__2.moduleInfo = {};
+  var ___SHARE__;
+  (___SHARE__ = (_target___FEDERATION__3 = target.__FEDERATION__).__SHARE__) != null ? ___SHARE__ : _target___FEDERATION__3.__SHARE__ = {};
+  var ___MANIFEST_LOADING__;
+  (___MANIFEST_LOADING__ = (_target___FEDERATION__4 = target.__FEDERATION__).__MANIFEST_LOADING__) != null ? ___MANIFEST_LOADING__ : _target___FEDERATION__4.__MANIFEST_LOADING__ = {};
+  var ___PRELOADED_MAP__;
+  (___PRELOADED_MAP__ = (_target___FEDERATION__5 = target.__FEDERATION__).__PRELOADED_MAP__) != null ? ___PRELOADED_MAP__ : _target___FEDERATION__5.__PRELOADED_MAP__ = /* @__PURE__ */ new Map();
+}
+setGlobalDefaultVal(globalThis);
+setGlobalDefaultVal(nativeGlobal);
+function resetFederationGlobalInfo() {
+  globalThis.__FEDERATION__.__GLOBAL_PLUGIN__ = [];
+  globalThis.__FEDERATION__.__INSTANCES__ = [];
+  globalThis.__FEDERATION__.moduleInfo = {};
+  globalThis.__FEDERATION__.__SHARE__ = {};
+  globalThis.__FEDERATION__.__MANIFEST_LOADING__ = {};
+}
+function getGlobalFederationInstance(name, version) {
+  const buildId = getBuilderId();
+  return globalThis.__FEDERATION__.__INSTANCES__.find((GMInstance) => {
+    if (buildId && GMInstance.options.id === getBuilderId()) {
+      return true;
+    }
+    if (GMInstance.options.name === name && !GMInstance.options.version && !version) {
+      return true;
+    }
+    if (GMInstance.options.name === name && version && GMInstance.options.version === version) {
+      return true;
+    }
+    return false;
+  });
+}
+function setGlobalFederationInstance(FederationInstance) {
+  globalThis.__FEDERATION__.__INSTANCES__.push(FederationInstance);
+}
+function getGlobalFederationConstructor() {
+  return globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__;
+}
+function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
+  if (isDebug) {
+    globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
+    globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.5.1";
+  }
+}
+function getInfoWithoutType(target, key) {
+  if (typeof key === "string") {
+    const keyRes = target[key];
+    if (keyRes) {
+      return {
+        value: target[key],
+        key
+      };
+    } else {
+      const targetKeys = Object.keys(target);
+      for (const targetKey of targetKeys) {
+        const [targetTypeOrName, _] = targetKey.split(":");
+        const nKey = `${targetTypeOrName}:${key}`;
+        const typeWithKeyRes = target[nKey];
+        if (typeWithKeyRes) {
+          return {
+            value: typeWithKeyRes,
+            key: nKey
+          };
+        }
+      }
+      return {
+        value: void 0,
+        key
+      };
+    }
+  } else {
+    throw new Error("key must be string");
+  }
+}
+const getGlobalSnapshot = () => nativeGlobal.__FEDERATION__.moduleInfo;
+const getTargetSnapshotInfoByModuleInfo = (moduleInfo, snapshot) => {
+  const moduleKey = getFMId(moduleInfo);
+  const getModuleInfo = getInfoWithoutType(snapshot, moduleKey).value;
+  if (getModuleInfo && !getModuleInfo.version && "version" in moduleInfo && moduleInfo["version"]) {
+    getModuleInfo.version = moduleInfo["version"];
+  }
+  if (getModuleInfo) {
+    return getModuleInfo;
+  }
+  if ("version" in moduleInfo && moduleInfo["version"]) {
+    const { version } = moduleInfo, resModuleInfo = _object_without_properties_loose(moduleInfo, [
+      "version"
+    ]);
+    const moduleKeyWithoutVersion = getFMId(resModuleInfo);
+    const getModuleInfoWithoutVersion = getInfoWithoutType(nativeGlobal.__FEDERATION__.moduleInfo, moduleKeyWithoutVersion).value;
+    if ((getModuleInfoWithoutVersion == null ? void 0 : getModuleInfoWithoutVersion.version) === version) {
+      return getModuleInfoWithoutVersion;
+    }
+  }
+  return;
+};
+const getGlobalSnapshotInfoByModuleInfo = (moduleInfo) => getTargetSnapshotInfoByModuleInfo(moduleInfo, nativeGlobal.__FEDERATION__.moduleInfo);
+const setGlobalSnapshotInfoByModuleInfo = (remoteInfo, moduleDetailInfo) => {
+  const moduleKey = getFMId(remoteInfo);
+  nativeGlobal.__FEDERATION__.moduleInfo[moduleKey] = moduleDetailInfo;
+  return nativeGlobal.__FEDERATION__.moduleInfo;
+};
+const addGlobalSnapshot = (moduleInfos) => {
+  nativeGlobal.__FEDERATION__.moduleInfo = _extends$1({}, nativeGlobal.__FEDERATION__.moduleInfo, moduleInfos);
+  return () => {
+    const keys = Object.keys(moduleInfos);
+    for (const key of keys) {
+      delete nativeGlobal.__FEDERATION__.moduleInfo[key];
+    }
+  };
+};
+const getRemoteEntryExports = (name, globalName) => {
+  const remoteEntryKey = globalName || `__FEDERATION_${name}:custom__`;
+  const entryExports = globalThis[remoteEntryKey];
+  return {
+    remoteEntryKey,
+    entryExports
+  };
+};
+const registerGlobalPlugins = (plugins) => {
+  const { __GLOBAL_PLUGIN__ } = nativeGlobal.__FEDERATION__;
+  plugins.forEach((plugin) => {
+    if (__GLOBAL_PLUGIN__.findIndex((p) => p.name === plugin.name) === -1) {
+      __GLOBAL_PLUGIN__.push(plugin);
+    } else {
+      warn(`The plugin ${plugin.name} has been registered.`);
+    }
+  });
+};
+const getGlobalHostPlugins = () => nativeGlobal.__FEDERATION__.__GLOBAL_PLUGIN__;
+const getPreloaded = (id) => globalThis.__FEDERATION__.__PRELOADED_MAP__.get(id);
+const setPreloaded = (id) => globalThis.__FEDERATION__.__PRELOADED_MAP__.set(id, true);
+function registerPlugins(plugins, hookInstances) {
+  const globalPlugins = getGlobalHostPlugins();
+  if (globalPlugins.length > 0) {
+    globalPlugins.forEach((plugin) => {
+      if (plugins == null ? void 0 : plugins.find((item) => item.name !== plugin.name)) {
+        plugins.push(plugin);
+      }
+    });
+  }
+  if (plugins && plugins.length > 0) {
+    plugins.forEach((plugin) => {
+      hookInstances.forEach((hookInstance) => {
+        hookInstance.applyPlugin(plugin);
+      });
+    });
+  }
+  return plugins;
+}
+const DEFAULT_SCOPE = "default";
+class SyncHook {
+  on(fn) {
+    if (typeof fn === "function") {
+      this.listeners.add(fn);
+    }
+  }
+  once(fn) {
+    const self = this;
+    this.on(function wrapper(...args) {
+      self.remove(wrapper);
+      return fn.apply(null, args);
+    });
+  }
+  emit(...data) {
+    let result;
+    if (this.listeners.size > 0) {
+      this.listeners.forEach((fn) => {
+        result = fn(...data);
+      });
+    }
+    return result;
+  }
+  remove(fn) {
+    this.listeners.delete(fn);
+  }
+  removeAll() {
+    this.listeners.clear();
+  }
+  constructor(type) {
+    this.type = "";
+    this.listeners = /* @__PURE__ */ new Set();
+    if (type) {
+      this.type = type;
+    }
+  }
+}
+class AsyncHook extends SyncHook {
+  emit(...data) {
+    let result;
+    const ls = Array.from(this.listeners);
+    if (ls.length > 0) {
+      let i = 0;
+      const call = (prev) => {
+        if (prev === false) {
+          return false;
+        } else if (i < ls.length) {
+          return Promise.resolve(ls[i++].apply(null, data)).then(call);
+        } else {
+          return prev;
+        }
+      };
+      result = call();
+    }
+    return Promise.resolve(result);
+  }
+}
+function checkReturnData(originalData, returnedData) {
+  if (!isObject(returnedData)) {
+    return false;
+  }
+  if (originalData !== returnedData) {
+    for (const key in originalData) {
+      if (!(key in returnedData)) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+class SyncWaterfallHook extends SyncHook {
+  emit(data) {
+    if (!isObject(data)) {
+      error(`The data for the "${this.type}" hook should be an object.`);
+    }
+    for (const fn of this.listeners) {
+      try {
+        const tempData = fn(data);
+        if (checkReturnData(data, tempData)) {
+          data = tempData;
+        } else {
+          this.onerror(`A plugin returned an unacceptable value for the "${this.type}" type.`);
+          break;
+        }
+      } catch (e) {
+        warn(e);
+        this.onerror(e);
+      }
+    }
+    return data;
+  }
+  constructor(type) {
+    super();
+    this.onerror = error;
+    this.type = type;
+  }
+}
+class AsyncWaterfallHook extends SyncHook {
+  emit(data) {
+    if (!isObject(data)) {
+      error(`The response data for the "${this.type}" hook must be an object.`);
+    }
+    const ls = Array.from(this.listeners);
+    if (ls.length > 0) {
+      let i = 0;
+      const processError = (e) => {
+        warn(e);
+        this.onerror(e);
+        return data;
+      };
+      const call = (prevData) => {
+        if (checkReturnData(data, prevData)) {
+          data = prevData;
+          if (i < ls.length) {
+            try {
+              return Promise.resolve(ls[i++](data)).then(call, processError);
+            } catch (e) {
+              return processError(e);
+            }
+          }
+        } else {
+          this.onerror(`A plugin returned an incorrect value for the "${this.type}" type.`);
+        }
+        return data;
+      };
+      return Promise.resolve(call(data));
+    }
+    return Promise.resolve(data);
+  }
+  constructor(type) {
+    super();
+    this.onerror = error;
+    this.type = type;
+  }
+}
+class PluginSystem {
+  applyPlugin(plugin) {
+    assert(isPlainObject(plugin), "Plugin configuration is invalid.");
+    const pluginName = plugin.name;
+    assert(pluginName, "A name must be provided by the plugin.");
+    if (!this.registerPlugins[pluginName]) {
+      this.registerPlugins[pluginName] = plugin;
+      Object.keys(this.lifecycle).forEach((key) => {
+        const pluginLife = plugin[key];
+        if (pluginLife) {
+          this.lifecycle[key].on(pluginLife);
+        }
+      });
+    }
+  }
+  removePlugin(pluginName) {
+    assert(pluginName, "A name is required.");
+    const plugin = this.registerPlugins[pluginName];
+    assert(plugin, `The plugin "${pluginName}" is not registered.`);
+    Object.keys(plugin).forEach((key) => {
+      if (key !== "name") {
+        this.lifecycle[key].remove(plugin[key]);
+      }
+    });
+  }
+  // eslint-disable-next-line @typescript-eslint/no-shadow
+  inherit({ lifecycle, registerPlugins: registerPlugins2 }) {
+    Object.keys(lifecycle).forEach((hookName) => {
+      assert(!this.lifecycle[hookName], `The hook "${hookName}" has a conflict and cannot be inherited.`);
+      this.lifecycle[hookName] = lifecycle[hookName];
+    });
+    Object.keys(registerPlugins2).forEach((pluginName) => {
+      assert(!this.registerPlugins[pluginName], `The plugin "${pluginName}" has a conflict and cannot be inherited.`);
+      this.applyPlugin(registerPlugins2[pluginName]);
+    });
+  }
+  constructor(lifecycle) {
+    this.registerPlugins = {};
+    this.lifecycle = lifecycle;
+    this.lifecycleKeys = Object.keys(lifecycle);
+  }
+}
+const buildIdentifier = "[0-9A-Za-z-]+";
+const build = `(?:\\+(${buildIdentifier}(?:\\.${buildIdentifier})*))`;
+const numericIdentifier = "0|[1-9]\\d*";
+const numericIdentifierLoose = "[0-9]+";
+const nonNumericIdentifier = "\\d*[a-zA-Z-][a-zA-Z0-9-]*";
+const preReleaseIdentifierLoose = `(?:${numericIdentifierLoose}|${nonNumericIdentifier})`;
+const preReleaseLoose = `(?:-?(${preReleaseIdentifierLoose}(?:\\.${preReleaseIdentifierLoose})*))`;
+const preReleaseIdentifier = `(?:${numericIdentifier}|${nonNumericIdentifier})`;
+const preRelease = `(?:-(${preReleaseIdentifier}(?:\\.${preReleaseIdentifier})*))`;
+const xRangeIdentifier = `${numericIdentifier}|x|X|\\*`;
+const xRangePlain = `[v=\\s]*(${xRangeIdentifier})(?:\\.(${xRangeIdentifier})(?:\\.(${xRangeIdentifier})(?:${preRelease})?${build}?)?)?`;
+const hyphenRange = `^\\s*(${xRangePlain})\\s+-\\s+(${xRangePlain})\\s*$`;
+const mainVersionLoose = `(${numericIdentifierLoose})\\.(${numericIdentifierLoose})\\.(${numericIdentifierLoose})`;
+const loosePlain = `[v=\\s]*${mainVersionLoose}${preReleaseLoose}?${build}?`;
+const gtlt = "((?:<|>)?=?)";
+const comparatorTrim = `(\\s*)${gtlt}\\s*(${loosePlain}|${xRangePlain})`;
+const loneTilde = "(?:~>?)";
+const tildeTrim = `(\\s*)${loneTilde}\\s+`;
+const loneCaret = "(?:\\^)";
+const caretTrim = `(\\s*)${loneCaret}\\s+`;
+const star = "(<|>)?=?\\s*\\*";
+const caret = `^${loneCaret}${xRangePlain}$`;
+const mainVersion = `(${numericIdentifier})\\.(${numericIdentifier})\\.(${numericIdentifier})`;
+const fullPlain = `v?${mainVersion}${preRelease}?${build}?`;
+const tilde = `^${loneTilde}${xRangePlain}$`;
+const xRange = `^${gtlt}\\s*${xRangePlain}$`;
+const comparator = `^${gtlt}\\s*(${fullPlain})$|^$`;
+const gte0 = "^\\s*>=\\s*0.0.0\\s*$";
+function parseRegex(source) {
+  return new RegExp(source);
+}
+function isXVersion(version) {
+  return !version || version.toLowerCase() === "x" || version === "*";
+}
+function pipe(...fns) {
+  return (x) => fns.reduce((v, f2) => f2(v), x);
+}
+function extractComparator(comparatorString) {
+  return comparatorString.match(parseRegex(comparator));
+}
+function combineVersion(major, minor, patch, preRelease2) {
+  const mainVersion2 = `${major}.${minor}.${patch}`;
+  if (preRelease2) {
+    return `${mainVersion2}-${preRelease2}`;
+  }
+  return mainVersion2;
+}
+function parseHyphen(range) {
+  return range.replace(parseRegex(hyphenRange), (_range, from, fromMajor, fromMinor, fromPatch, _fromPreRelease, _fromBuild, to, toMajor, toMinor, toPatch, toPreRelease) => {
+    if (isXVersion(fromMajor)) {
+      from = "";
+    } else if (isXVersion(fromMinor)) {
+      from = `>=${fromMajor}.0.0`;
+    } else if (isXVersion(fromPatch)) {
+      from = `>=${fromMajor}.${fromMinor}.0`;
+    } else {
+      from = `>=${from}`;
+    }
+    if (isXVersion(toMajor)) {
+      to = "";
+    } else if (isXVersion(toMinor)) {
+      to = `<${Number(toMajor) + 1}.0.0-0`;
+    } else if (isXVersion(toPatch)) {
+      to = `<${toMajor}.${Number(toMinor) + 1}.0-0`;
+    } else if (toPreRelease) {
+      to = `<=${toMajor}.${toMinor}.${toPatch}-${toPreRelease}`;
+    } else {
+      to = `<=${to}`;
+    }
+    return `${from} ${to}`.trim();
+  });
+}
+function parseComparatorTrim(range) {
+  return range.replace(parseRegex(comparatorTrim), "$1$2$3");
+}
+function parseTildeTrim(range) {
+  return range.replace(parseRegex(tildeTrim), "$1~");
+}
+function parseCaretTrim(range) {
+  return range.replace(parseRegex(caretTrim), "$1^");
+}
+function parseCarets(range) {
+  return range.trim().split(/\s+/).map((rangeVersion) => rangeVersion.replace(parseRegex(caret), (_, major, minor, patch, preRelease2) => {
+    if (isXVersion(major)) {
+      return "";
+    } else if (isXVersion(minor)) {
+      return `>=${major}.0.0 <${Number(major) + 1}.0.0-0`;
+    } else if (isXVersion(patch)) {
+      if (major === "0") {
+        return `>=${major}.${minor}.0 <${major}.${Number(minor) + 1}.0-0`;
+      } else {
+        return `>=${major}.${minor}.0 <${Number(major) + 1}.0.0-0`;
+      }
+    } else if (preRelease2) {
+      if (major === "0") {
+        if (minor === "0") {
+          return `>=${major}.${minor}.${patch}-${preRelease2} <${major}.${minor}.${Number(patch) + 1}-0`;
+        } else {
+          return `>=${major}.${minor}.${patch}-${preRelease2} <${major}.${Number(minor) + 1}.0-0`;
+        }
+      } else {
+        return `>=${major}.${minor}.${patch}-${preRelease2} <${Number(major) + 1}.0.0-0`;
+      }
+    } else {
+      if (major === "0") {
+        if (minor === "0") {
+          return `>=${major}.${minor}.${patch} <${major}.${minor}.${Number(patch) + 1}-0`;
+        } else {
+          return `>=${major}.${minor}.${patch} <${major}.${Number(minor) + 1}.0-0`;
+        }
+      }
+      return `>=${major}.${minor}.${patch} <${Number(major) + 1}.0.0-0`;
+    }
+  })).join(" ");
+}
+function parseTildes(range) {
+  return range.trim().split(/\s+/).map((rangeVersion) => rangeVersion.replace(parseRegex(tilde), (_, major, minor, patch, preRelease2) => {
+    if (isXVersion(major)) {
+      return "";
+    } else if (isXVersion(minor)) {
+      return `>=${major}.0.0 <${Number(major) + 1}.0.0-0`;
+    } else if (isXVersion(patch)) {
+      return `>=${major}.${minor}.0 <${major}.${Number(minor) + 1}.0-0`;
+    } else if (preRelease2) {
+      return `>=${major}.${minor}.${patch}-${preRelease2} <${major}.${Number(minor) + 1}.0-0`;
+    }
+    return `>=${major}.${minor}.${patch} <${major}.${Number(minor) + 1}.0-0`;
+  })).join(" ");
+}
+function parseXRanges(range) {
+  return range.split(/\s+/).map((rangeVersion) => rangeVersion.trim().replace(parseRegex(xRange), (ret, gtlt2, major, minor, patch, preRelease2) => {
+    const isXMajor = isXVersion(major);
+    const isXMinor = isXMajor || isXVersion(minor);
+    const isXPatch = isXMinor || isXVersion(patch);
+    if (gtlt2 === "=" && isXPatch) {
+      gtlt2 = "";
+    }
+    preRelease2 = "";
+    if (isXMajor) {
+      if (gtlt2 === ">" || gtlt2 === "<") {
+        return "<0.0.0-0";
+      } else {
+        return "*";
+      }
+    } else if (gtlt2 && isXPatch) {
+      if (isXMinor) {
+        minor = 0;
+      }
+      patch = 0;
+      if (gtlt2 === ">") {
+        gtlt2 = ">=";
+        if (isXMinor) {
+          major = Number(major) + 1;
+          minor = 0;
+          patch = 0;
+        } else {
+          minor = Number(minor) + 1;
+          patch = 0;
+        }
+      } else if (gtlt2 === "<=") {
+        gtlt2 = "<";
+        if (isXMinor) {
+          major = Number(major) + 1;
+        } else {
+          minor = Number(minor) + 1;
+        }
+      }
+      if (gtlt2 === "<") {
+        preRelease2 = "-0";
+      }
+      return `${gtlt2 + major}.${minor}.${patch}${preRelease2}`;
+    } else if (isXMinor) {
+      return `>=${major}.0.0${preRelease2} <${Number(major) + 1}.0.0-0`;
+    } else if (isXPatch) {
+      return `>=${major}.${minor}.0${preRelease2} <${major}.${Number(minor) + 1}.0-0`;
+    }
+    return ret;
+  })).join(" ");
+}
+function parseStar(range) {
+  return range.trim().replace(parseRegex(star), "");
+}
+function parseGTE0(comparatorString) {
+  return comparatorString.trim().replace(parseRegex(gte0), "");
+}
+function compareAtom(rangeAtom, versionAtom) {
+  rangeAtom = Number(rangeAtom) || rangeAtom;
+  versionAtom = Number(versionAtom) || versionAtom;
+  if (rangeAtom > versionAtom) {
+    return 1;
+  }
+  if (rangeAtom === versionAtom) {
+    return 0;
+  }
+  return -1;
+}
+function comparePreRelease(rangeAtom, versionAtom) {
+  const { preRelease: rangePreRelease } = rangeAtom;
+  const { preRelease: versionPreRelease } = versionAtom;
+  if (rangePreRelease === void 0 && Boolean(versionPreRelease)) {
+    return 1;
+  }
+  if (Boolean(rangePreRelease) && versionPreRelease === void 0) {
+    return -1;
+  }
+  if (rangePreRelease === void 0 && versionPreRelease === void 0) {
+    return 0;
+  }
+  for (let i = 0, n = rangePreRelease.length; i <= n; i++) {
+    const rangeElement = rangePreRelease[i];
+    const versionElement = versionPreRelease[i];
+    if (rangeElement === versionElement) {
+      continue;
+    }
+    if (rangeElement === void 0 && versionElement === void 0) {
+      return 0;
+    }
+    if (!rangeElement) {
+      return 1;
+    }
+    if (!versionElement) {
+      return -1;
+    }
+    return compareAtom(rangeElement, versionElement);
+  }
+  return 0;
+}
+function compareVersion(rangeAtom, versionAtom) {
+  return compareAtom(rangeAtom.major, versionAtom.major) || compareAtom(rangeAtom.minor, versionAtom.minor) || compareAtom(rangeAtom.patch, versionAtom.patch) || comparePreRelease(rangeAtom, versionAtom);
+}
+function eq(rangeAtom, versionAtom) {
+  return rangeAtom.version === versionAtom.version;
+}
+function compare(rangeAtom, versionAtom) {
+  switch (rangeAtom.operator) {
+    case "":
+    case "=":
+      return eq(rangeAtom, versionAtom);
+    case ">":
+      return compareVersion(rangeAtom, versionAtom) < 0;
+    case ">=":
+      return eq(rangeAtom, versionAtom) || compareVersion(rangeAtom, versionAtom) < 0;
+    case "<":
+      return compareVersion(rangeAtom, versionAtom) > 0;
+    case "<=":
+      return eq(rangeAtom, versionAtom) || compareVersion(rangeAtom, versionAtom) > 0;
+    case void 0: {
+      return true;
+    }
+    default:
+      return false;
+  }
+}
+function parseComparatorString(range) {
+  return pipe(
+    // handle caret
+    // ^ --> * (any, kinda silly)
+    // ^2, ^2.x, ^2.x.x --> >=2.0.0 <3.0.0-0
+    // ^2.0, ^2.0.x --> >=2.0.0 <3.0.0-0
+    // ^1.2, ^1.2.x --> >=1.2.0 <2.0.0-0
+    // ^1.2.3 --> >=1.2.3 <2.0.0-0
+    // ^1.2.0 --> >=1.2.0 <2.0.0-0
+    parseCarets,
+    // handle tilde
+    // ~, ~> --> * (any, kinda silly)
+    // ~2, ~2.x, ~2.x.x, ~>2, ~>2.x ~>2.x.x --> >=2.0.0 <3.0.0-0
+    // ~2.0, ~2.0.x, ~>2.0, ~>2.0.x --> >=2.0.0 <2.1.0-0
+    // ~1.2, ~1.2.x, ~>1.2, ~>1.2.x --> >=1.2.0 <1.3.0-0
+    // ~1.2.3, ~>1.2.3 --> >=1.2.3 <1.3.0-0
+    // ~1.2.0, ~>1.2.0 --> >=1.2.0 <1.3.0-0
+    parseTildes,
+    parseXRanges,
+    parseStar
+  )(range);
+}
+function parseRange(range) {
+  return pipe(
+    // handle hyphenRange
+    // `1.2.3 - 1.2.4` => `>=1.2.3 <=1.2.4`
+    parseHyphen,
+    // handle trim comparator
+    // `> 1.2.3 < 1.2.5` => `>1.2.3 <1.2.5`
+    parseComparatorTrim,
+    // handle trim tilde
+    // `~ 1.2.3` => `~1.2.3`
+    parseTildeTrim,
+    // handle trim caret
+    // `^ 1.2.3` => `^1.2.3`
+    parseCaretTrim
+  )(range.trim()).split(/\s+/).join(" ");
+}
+function satisfy(version, range) {
+  if (!version) {
+    return false;
+  }
+  const parsedRange = parseRange(range);
+  const parsedComparator = parsedRange.split(" ").map((rangeVersion) => parseComparatorString(rangeVersion)).join(" ");
+  const comparators = parsedComparator.split(/\s+/).map((comparator2) => parseGTE0(comparator2));
+  const extractedVersion = extractComparator(version);
+  if (!extractedVersion) {
+    return false;
+  }
+  const [, versionOperator, , versionMajor, versionMinor, versionPatch, versionPreRelease] = extractedVersion;
+  const versionAtom = {
+    operator: versionOperator,
+    version: combineVersion(versionMajor, versionMinor, versionPatch, versionPreRelease),
+    major: versionMajor,
+    minor: versionMinor,
+    patch: versionPatch,
+    preRelease: versionPreRelease == null ? void 0 : versionPreRelease.split(".")
+  };
+  for (const comparator2 of comparators) {
+    const extractedComparator = extractComparator(comparator2);
+    if (!extractedComparator) {
+      return false;
+    }
+    const [, rangeOperator, , rangeMajor, rangeMinor, rangePatch, rangePreRelease] = extractedComparator;
+    const rangeAtom = {
+      operator: rangeOperator,
+      version: combineVersion(rangeMajor, rangeMinor, rangePatch, rangePreRelease),
+      major: rangeMajor,
+      minor: rangeMinor,
+      patch: rangePatch,
+      preRelease: rangePreRelease == null ? void 0 : rangePreRelease.split(".")
+    };
+    if (!compare(rangeAtom, versionAtom)) {
+      return false;
+    }
+  }
+  return true;
+}
+function versionLt(a, b) {
+  const transformInvalidVersion = (version) => {
+    const isNumberVersion = !Number.isNaN(Number(version));
+    if (isNumberVersion) {
+      const splitArr = version.split(".");
+      let validVersion = version;
+      for (let i = 0; i < 3 - splitArr.length; i++) {
+        validVersion += ".0";
+      }
+      return validVersion;
+    }
+    return version;
+  };
+  if (satisfy(transformInvalidVersion(a), `<=${transformInvalidVersion(b)}`)) {
+    return true;
+  } else {
+    return false;
+  }
+}
+const findVersion = (shareVersionMap, cb) => {
+  const callback = cb || function(prev, cur) {
+    return versionLt(prev, cur);
+  };
+  return Object.keys(shareVersionMap).reduce((prev, cur) => {
+    if (!prev) {
+      return cur;
+    }
+    if (callback(prev, cur)) {
+      return cur;
+    }
+    if (prev === "0") {
+      return cur;
+    }
+    return prev;
+  }, 0);
+};
+const isLoaded = (shared) => {
+  return Boolean(shared.loaded) || typeof shared.lib === "function";
+};
+function findSingletonVersionOrderByVersion(shareScopeMap, scope, pkgName) {
+  const versions = shareScopeMap[scope][pkgName];
+  const callback = function(prev, cur) {
+    return !isLoaded(versions[prev]) && versionLt(prev, cur);
+  };
+  return findVersion(shareScopeMap[scope][pkgName], callback);
+}
+function findSingletonVersionOrderByLoaded(shareScopeMap, scope, pkgName) {
+  const versions = shareScopeMap[scope][pkgName];
+  const callback = function(prev, cur) {
+    if (isLoaded(versions[cur])) {
+      if (isLoaded(versions[prev])) {
+        return Boolean(versionLt(prev, cur));
+      } else {
+        return true;
+      }
+    }
+    if (isLoaded(versions[prev])) {
+      return false;
+    }
+    return versionLt(prev, cur);
+  };
+  return findVersion(shareScopeMap[scope][pkgName], callback);
+}
+function getFindShareFunction(strategy) {
+  if (strategy === "loaded-first") {
+    return findSingletonVersionOrderByLoaded;
+  }
+  return findSingletonVersionOrderByVersion;
+}
+function getRegisteredShare(localShareScopeMap, pkgName, shareInfo, resolveShare) {
+  if (!localShareScopeMap) {
+    return;
+  }
+  const { shareConfig, scope = DEFAULT_SCOPE, strategy } = shareInfo;
+  const scopes = Array.isArray(scope) ? scope : [
+    scope
+  ];
+  for (const sc of scopes) {
+    if (shareConfig && localShareScopeMap[sc] && localShareScopeMap[sc][pkgName]) {
+      const { requiredVersion } = shareConfig;
+      const findShareFunction = getFindShareFunction(strategy);
+      const maxOrSingletonVersion = findShareFunction(localShareScopeMap, sc, pkgName);
+      const defaultResolver = () => {
+        if (shareConfig.singleton) {
+          if (typeof requiredVersion === "string" && !satisfy(maxOrSingletonVersion, requiredVersion)) {
+            const msg = `Version ${maxOrSingletonVersion} from ${maxOrSingletonVersion && localShareScopeMap[sc][pkgName][maxOrSingletonVersion].from} of shared singleton module ${pkgName} does not satisfy the requirement of ${shareInfo.from} which needs ${requiredVersion})`;
+            if (shareConfig.strictVersion) {
+              error(msg);
+            } else {
+              warn(msg);
+            }
+          }
+          return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+        } else {
+          if (requiredVersion === false || requiredVersion === "*") {
+            return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+          }
+          if (satisfy(maxOrSingletonVersion, requiredVersion)) {
+            return localShareScopeMap[sc][pkgName][maxOrSingletonVersion];
+          }
+          for (const [versionKey, versionValue] of Object.entries(localShareScopeMap[sc][pkgName])) {
+            if (satisfy(versionKey, requiredVersion)) {
+              return versionValue;
+            }
+          }
+        }
+      };
+      const params = {
+        shareScopeMap: localShareScopeMap,
+        scope: sc,
+        pkgName,
+        version: maxOrSingletonVersion,
+        GlobalFederation: Global.__FEDERATION__,
+        resolver: defaultResolver
+      };
+      const resolveShared = resolveShare.emit(params) || params;
+      return resolveShared.resolver();
+    }
+  }
+}
+function getGlobalShareScope() {
+  return Global.__FEDERATION__.__SHARE__;
+}
+var pluginHelper$1 = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  SyncHook,
+  AsyncHook,
+  SyncWaterfallHook,
+  AsyncWaterfallHook,
+  PluginSystem
+});
+const ShareUtils = {
+  getRegisteredShare,
+  getGlobalShareScope
+};
+const GlobalUtils = {
+  Global,
+  nativeGlobal,
+  resetFederationGlobalInfo,
+  getGlobalFederationInstance,
+  setGlobalFederationInstance,
+  getGlobalFederationConstructor,
+  setGlobalFederationConstructor,
+  getInfoWithoutType,
+  getGlobalSnapshot,
+  getTargetSnapshotInfoByModuleInfo,
+  getGlobalSnapshotInfoByModuleInfo,
+  setGlobalSnapshotInfoByModuleInfo,
+  addGlobalSnapshot,
+  getRemoteEntryExports,
+  registerGlobalPlugins,
+  getGlobalHostPlugins,
+  getPreloaded,
+  setPreloaded,
+  registerPlugins,
+  pluginHelper: pluginHelper$1
+};
+var helpers = {
+  global: GlobalUtils,
+  share: ShareUtils
+};
+const registerPlugin = helpers.global.registerPlugins;
+const pluginHelper = helpers.global.pluginHelper;
+const host = getInstance();
+const pluginSystem = new pluginHelper.PluginSystem({
+  beforeBridgeRender: new pluginHelper.AsyncWaterfallHook("beforeBridgeRender"),
+  afterBridgeRender: new pluginHelper.AsyncWaterfallHook("afterBridgeRender"),
+  beforeBridgeDestroy: new pluginHelper.AsyncWaterfallHook(
+    "beforeBridgeDestroy"
+  ),
+  afterBridgeDestroy: new pluginHelper.AsyncWaterfallHook("afterBridgeDestroy")
+});
+registerPlugin(
+  host.options.plugins,
+  [pluginSystem]
+);
 const RemoteAppWrapper = forwardRef(function(props, ref) {
   const RemoteApp2 = () => {
     LoggerInstance.log(`RemoteAppWrapper RemoteApp props >>>`, { props });
@@ -114,6 +1062,11 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
     const rootRef = ref && "current" in ref ? ref : useRef(null);
     const renderDom = useRef(null);
     const providerInfoRef = useRef(null);
+    useEffect(() => {
+      (async () => {
+        await pluginSystem.lifecycle.afterBridgeRender.emit({});
+      })();
+    }, []);
     useEffect(() => {
       const renderTimeout = setTimeout(() => {
         const providerReturn = providerInfo();
@@ -134,19 +1087,23 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
         providerReturn.render(renderProps);
       });
       return () => {
-        clearTimeout(renderTimeout);
-        setTimeout(() => {
-          var _a, _b;
-          if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
-            LoggerInstance.log(
-              `createRemoteComponent LazyComponent destroy >>>`,
-              { moduleName, basename, dom: renderDom.current }
-            );
-            (_b = providerInfoRef.current) == null ? void 0 : _b.destroy({
-              dom: renderDom.current
-            });
-          }
-        });
+        (async () => {
+          await pluginSystem.lifecycle.beforeBridgeDestroy.emit({});
+          clearTimeout(renderTimeout);
+          setTimeout(async () => {
+            var _a, _b;
+            if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
+              LoggerInstance.log(
+                `createRemoteComponent LazyComponent destroy >>>`,
+                { moduleName, basename, dom: renderDom.current }
+              );
+              (_b = providerInfoRef.current) == null ? void 0 : _b.destroy({
+                dom: renderDom.current
+              });
+              await pluginSystem.lifecycle.afterBridgeDestroy.emit({});
+            }
+          });
+        })();
       };
     }, []);
     return /* @__PURE__ */ React__default.createElement(
@@ -158,7 +1115,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
       }
     );
   };
-  RemoteApp2["__APP_VERSION__"] = "0.6.0";
+  RemoteApp2["__APP_VERSION__"] = "0.5.1";
   return /* @__PURE__ */ React__default.createElement(RemoteApp2, null);
 });
 function withRouterData(WrappedComponent) {
@@ -236,6 +1193,7 @@ function createLazyRemoteComponent(info) {
     });
     try {
       const m2 = await info.loader();
+      await pluginSystem.lifecycle.beforeBridgeRender.emit({});
       const moduleName = m2 && m2[Symbol.for("mf_module_id")];
       LoggerInstance.log(
         `createRemoteComponent LazyComponent loadRemote info >>>`,
@@ -270,8 +1228,8 @@ function createLazyRemoteComponent(info) {
           )}`
         );
       }
-    } catch (error) {
-      throw error;
+    } catch (error2) {
+      throw error2;
     }
   });
 }
@@ -324,6 +1282,7 @@ function createBridgeComponent(bridgeInfo) {
     };
     return {
       async render(info) {
+        var _a, _b;
         LoggerInstance.log(`createBridgeComponent render Info`, info);
         const {
           moduleName,
@@ -347,6 +1306,7 @@ function createBridgeComponent(bridgeInfo) {
             }
           ))
         );
+        (_a = bridgeInfo == null ? void 0 : bridgeInfo.beforeRender) == null ? void 0 : _a.call(bridgeInfo, info);
         if (atLeastReact18(React)) {
           if (bridgeInfo == null ? void 0 : bridgeInfo.render) {
             Promise.resolve(
@@ -361,8 +1321,11 @@ function createBridgeComponent(bridgeInfo) {
           const renderFn = (bridgeInfo == null ? void 0 : bridgeInfo.render) || ReactDOM.render;
           renderFn == null ? void 0 : renderFn(rootComponentWithErrorBoundary, info.dom);
         }
+        (_b = bridgeInfo == null ? void 0 : bridgeInfo.afterRender) == null ? void 0 : _b.call(bridgeInfo, info);
       },
       async destroy(info) {
+        var _a, _b;
+        (_a = bridgeInfo == null ? void 0 : bridgeInfo.beforeDestroy) == null ? void 0 : _a.call(bridgeInfo, info);
         LoggerInstance.log(`createBridgeComponent destroy Info`, {
           dom: info.dom
         });
@@ -373,6 +1336,7 @@ function createBridgeComponent(bridgeInfo) {
         } else {
           ReactDOM.unmountComponentAtNode(info.dom);
         }
+        (_b = bridgeInfo == null ? void 0 : bridgeInfo.afterDestroy) == null ? void 0 : _b.call(bridgeInfo, info);
       },
       rawComponent: bridgeInfo.rootComponent,
       __BRIDGE_FN__: (_args) => {