@modern-js/plugin-garfish 2.68.19-alpha.4 → 2.68.20

package/dist/cjs/runtime/utils/apps.js

@@ -55,41 +55,6 @@ function pathJoin(...args) {
   }, "");
   return res || "/";
 }
-function deepEqualExcludeFunctions(prev, next, visited) {
-  if (prev === next)
-    return true;
-  if (!prev || !next)
-    return false;
-  if (typeof prev !== "object" || typeof next !== "object")
-    return false;
-  const visitedSet = visited !== null && visited !== void 0 ? visited : /* @__PURE__ */ new WeakSet();
-  if (visitedSet.has(prev) || visitedSet.has(next)) {
-    return true;
-  }
-  visitedSet.add(prev);
-  visitedSet.add(next);
-  const prevKeys = Object.keys(prev).filter((key) => typeof prev[key] !== "function");
-  const nextKeys = Object.keys(next).filter((key) => typeof next[key] !== "function");
-  if (prevKeys.length !== nextKeys.length)
-    return false;
-  for (const key of prevKeys) {
-    if (!nextKeys.includes(key))
-      return false;
-    const prevVal = prev[key];
-    const nextVal = next[key];
-    if (typeof prevVal === "function" || typeof nextVal === "function") {
-      continue;
-    }
-    if (typeof prevVal === "object" && typeof nextVal === "object") {
-      if (!deepEqualExcludeFunctions(prevVal, nextVal, visitedSet)) {
-        return false;
-      }
-    } else if (prevVal !== nextVal) {
-      return false;
-    }
-  }
-  return true;
-}
 function getAppInstance(options, appInfo, manifest) {
   const componentSetterRegistry = {
     current: null
@@ -98,16 +63,10 @@ function getAppInstance(options, appInfo, manifest) {
     var _context_router, _context_router1, _context_router2, _context_router3, _context_router4;
     const appRef = (0, import_react.useRef)(null);
     const locationHrefRef = (0, import_react.useRef)("");
-    const propsRef = (0, import_react.useRef)(props);
-    const previousPropsRef = (0, import_react.useRef)(props);
-    const propsUpdateCounterRef = (0, import_react.useRef)(0);
     const domId = (0, import_util.generateSubAppContainerKey)(appInfo);
-    const componentRef = (0, import_react.useRef)(null);
-    const [{ component: SubModuleComponent, isFromJupiter }, setSubModuleComponent] = (0, import_react.useState)({
-      component: null,
-      isFromJupiter: false
+    const [{ component: SubModuleComponent }, setSubModuleComponent] = (0, import_react.useState)({
+      component: null
     });
-    const [propsUpdateKey, setPropsUpdateKey] = (0, import_react.useState)(0);
     const context = (0, import_react.useContext)(import_runtime.RuntimeReactContext);
     var _props_useRouteMatch;
     const useRouteMatch = (_props_useRouteMatch = props.useRouteMatch) !== null && _props_useRouteMatch !== void 0 ? _props_useRouteMatch : context === null || context === void 0 ? void 0 : (_context_router = context.router) === null || _context_router === void 0 ? void 0 : _context_router.useRouteMatch;
@@ -119,8 +78,6 @@ function getAppInstance(options, appInfo, manifest) {
     const useHistory = (_props_useHistory = props.useHistory) !== null && _props_useHistory !== void 0 ? _props_useHistory : context === null || context === void 0 ? void 0 : (_context_router3 = context.router) === null || _context_router3 === void 0 ? void 0 : _context_router3.useHistory;
     var _props_useHistory1;
     const useHref = (_props_useHistory1 = props.useHistory) !== null && _props_useHistory1 !== void 0 ? _props_useHistory1 : context === null || context === void 0 ? void 0 : (_context_router4 = context.router) === null || _context_router4 === void 0 ? void 0 : _context_router4.useHref;
-    const lastPropsUpdateKeyRef = (0, import_react.useRef)(0);
-    const isRemountingRef = (0, import_react.useRef)(false);
     const match = useRouteMatch === null || useRouteMatch === void 0 ? void 0 : useRouteMatch();
     const matchs = useMatches === null || useMatches === void 0 ? void 0 : useMatches();
     if (!useLocation) {
@@ -176,64 +133,9 @@ or directly pass the "basename":
     }, [
       locationPathname
     ]);
-    (0, import_react.useEffect)(() => {
-      if (previousPropsRef.current === props) {
-        return;
-      }
-      const prevPropsForCompare = {
-        ...previousPropsRef.current
-      };
-      const currentPropsForCompare = {
-        ...props
-      };
-      const ignoredKeysForRemount = [
-        "style",
-        "location",
-        "match",
-        "history",
-        "staticContext",
-        "guideState",
-        "guideConfig"
-      ];
-      Object.keys(prevPropsForCompare).forEach((key) => {
-        if (typeof prevPropsForCompare[key] === "function") {
-          delete prevPropsForCompare[key];
-        }
-      });
-      Object.keys(currentPropsForCompare).forEach((key) => {
-        if (typeof currentPropsForCompare[key] === "function") {
-          delete currentPropsForCompare[key];
-        }
-      });
-      const prevPropsForDeepCompare = {};
-      const currentPropsForDeepCompare = {};
-      Object.keys(prevPropsForCompare).forEach((key) => {
-        if (!ignoredKeysForRemount.includes(key)) {
-          prevPropsForDeepCompare[key] = prevPropsForCompare[key];
-        }
-      });
-      Object.keys(currentPropsForCompare).forEach((key) => {
-        if (!ignoredKeysForRemount.includes(key)) {
-          currentPropsForDeepCompare[key] = currentPropsForCompare[key];
-        }
-      });
-      const propsEqual = deepEqualExcludeFunctions(prevPropsForDeepCompare, currentPropsForDeepCompare);
-      if (!propsEqual) {
-        previousPropsRef.current = props;
-        propsRef.current = props;
-        propsUpdateCounterRef.current += 1;
-        setPropsUpdateKey((prev) => prev + 1);
-      } else {
-        previousPropsRef.current = props;
-        propsRef.current = props;
-      }
-    }, [
-      props,
-      appInfo.name
-    ]);
     (0, import_react.useEffect)(() => {
       componentSetterRegistry.current = setSubModuleComponent;
-      const { setLoadingState: setLoadingState2, ...userProps } = propsRef.current;
+      const { setLoadingState, ...userProps } = props;
       const loadAppOptions = {
         cache: true,
         insulationVariable: [
@@ -250,16 +152,13 @@ or directly pass the "basename":
         customLoader: (provider) => {
           const { render, destroy, SubModuleComponent: SubModuleComponent2, jupiter_submodule_app_key } = provider;
           const SubComponent = SubModuleComponent2 || jupiter_submodule_app_key;
-          const isFromJupiter2 = !SubModuleComponent2 && !!jupiter_submodule_app_key;
           const componetRenderMode = manifest === null || manifest === void 0 ? void 0 : manifest.componentRender;
           return {
             mount: (...props2) => {
               if (componetRenderMode && SubComponent) {
                 if (componentSetterRegistry.current) {
-                  componentRef.current = SubComponent;
                   componentSetterRegistry.current({
-                    component: SubComponent,
-                    isFromJupiter: isFromJupiter2
+                    component: SubComponent
                   });
                 } else {
                   (0, import_util.logger)(`[Garfish] MicroApp for "${appInfo.name}" tried to mount, but no active component setter was found.`);
@@ -280,7 +179,7 @@ or directly pass the "basename":
           };
         }
       };
-      setLoadingState2({
+      setLoadingState({
         isLoading: true,
         error: null
       });
@@ -294,7 +193,7 @@ or directly pass the "basename":
             throw new Error(`MicroApp Garfish.loadApp "${appInfo.name}" result is null`);
           }
           appRef.current = appInstance;
-          setLoadingState2({
+          setLoadingState({
             isLoading: false
           });
           if (appInstance.mounted && appInstance.appInfo.cache) {
@@ -311,7 +210,7 @@ or directly pass the "basename":
             await (appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount());
           }
         } catch (error) {
-          setLoadingState2({
+          setLoadingState({
             isLoading: true,
             error
           });
@@ -333,80 +232,12 @@ or directly pass the "basename":
           }
         }
       };
-    }, [
-      basename,
-      domId,
-      appInfo.name
-    ]);
-    (0, import_react.useEffect)(() => {
-      var _appRef_current;
-      if ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.appInfo) {
-        const { setLoadingState: setLoadingState2, ...updatedProps } = props;
-        const updatedPropsWithKey = {
-          ...appInfo.props,
-          ...updatedProps,
-          _garfishPropsUpdateKey: propsUpdateKey
-        };
-        appRef.current.appInfo.props = updatedPropsWithKey;
-      }
-    }, [
-      propsUpdateKey,
-      props
-    ]);
-    (0, import_react.useEffect)(() => {
-      var _appRef_current;
-      const componetRenderMode = manifest === null || manifest === void 0 ? void 0 : manifest.componentRender;
-      if (propsUpdateKey === lastPropsUpdateKeyRef.current || isRemountingRef.current) {
-        return;
-      }
-      lastPropsUpdateKeyRef.current = propsUpdateKey;
-      if (componetRenderMode && ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.mounted)) {
-        const componentToUse = SubModuleComponent || componentRef.current;
-        if (componentToUse) {
-          const currentComponent = componentToUse;
-          const currentIsFromJupiter = isFromJupiter;
-          setSubModuleComponent({
-            component: null,
-            isFromJupiter: false
-          });
-          setTimeout(() => {
-            setSubModuleComponent({
-              component: currentComponent,
-              isFromJupiter: currentIsFromJupiter
-            });
-          }, 50);
-        } else {
-          var _appRef_current1;
-          if ((_appRef_current1 = appRef.current) === null || _appRef_current1 === void 0 ? void 0 : _appRef_current1.mounted) {
-            var _appRef_current2;
-            (_appRef_current2 = appRef.current) === null || _appRef_current2 === void 0 ? void 0 : _appRef_current2.hide();
-            setTimeout(() => {
-              var _appRef_current3;
-              (_appRef_current3 = appRef.current) === null || _appRef_current3 === void 0 ? void 0 : _appRef_current3.show();
-              setTimeout(() => {
-                isRemountingRef.current = false;
-              }, 100);
-            }, 10);
-          }
-        }
-      }
-    }, [
-      propsUpdateKey
-    ]);
-    const { setLoadingState, ...renderProps } = props;
-    const finalRenderProps = {
-      ...renderProps,
-      _garfishPropsUpdateKey: propsUpdateKey
-    };
-    const componentKey = isFromJupiter ? void 0 : `${appInfo.name}-${propsUpdateKey}`;
+    }, []);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         id: domId,
         children: SubModuleComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubModuleComponent, {
-          ...componentKey ? {
-            key: componentKey
-          } : {},
-          ...finalRenderProps
+          ...props
         })
       })
     });

package/dist/esm/runtime/utils/apps.js

@@ -4,7 +4,6 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
-import { _ as _type_of } from "@swc/helpers/_/_type_of";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { RuntimeReactContext } from "@meta/runtime";
@@ -32,62 +31,6 @@ function pathJoin() {
   }, "");
   return res || "/";
 }
-function deepEqualExcludeFunctions(prev, next, visited) {
-  if (prev === next)
-    return true;
-  if (!prev || !next)
-    return false;
-  if ((typeof prev === "undefined" ? "undefined" : _type_of(prev)) !== "object" || (typeof next === "undefined" ? "undefined" : _type_of(next)) !== "object")
-    return false;
-  var visitedSet = visited !== null && visited !== void 0 ? visited : /* @__PURE__ */ new WeakSet();
-  if (visitedSet.has(prev) || visitedSet.has(next)) {
-    return true;
-  }
-  visitedSet.add(prev);
-  visitedSet.add(next);
-  var prevKeys = Object.keys(prev).filter(function(key2) {
-    return typeof prev[key2] !== "function";
-  });
-  var nextKeys = Object.keys(next).filter(function(key2) {
-    return typeof next[key2] !== "function";
-  });
-  if (prevKeys.length !== nextKeys.length)
-    return false;
-  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-  try {
-    for (var _iterator = prevKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-      var key = _step.value;
-      if (!nextKeys.includes(key))
-        return false;
-      var prevVal = prev[key];
-      var nextVal = next[key];
-      if (typeof prevVal === "function" || typeof nextVal === "function") {
-        continue;
-      }
-      if ((typeof prevVal === "undefined" ? "undefined" : _type_of(prevVal)) === "object" && (typeof nextVal === "undefined" ? "undefined" : _type_of(nextVal)) === "object") {
-        if (!deepEqualExcludeFunctions(prevVal, nextVal, visitedSet)) {
-          return false;
-        }
-      } else if (prevVal !== nextVal) {
-        return false;
-      }
-    }
-  } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
-  } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return != null) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
-  }
-  return true;
-}
 function getAppInstance(options, appInfo, manifest) {
   var componentSetterRegistry = {
     current: null
@@ -96,16 +39,10 @@ function getAppInstance(options, appInfo, manifest) {
     var _context_router, _context_router1, _context_router2, _context_router3, _context_router4;
     var appRef = useRef(null);
     var locationHrefRef = useRef("");
-    var propsRef = useRef(props);
-    var previousPropsRef = useRef(props);
-    var propsUpdateCounterRef = useRef(0);
     var domId = generateSubAppContainerKey(appInfo);
-    var componentRef = useRef(null);
     var _useState = _sliced_to_array(useState({
-      component: null,
-      isFromJupiter: false
-    }), 2), _useState_ = _useState[0], SubModuleComponent = _useState_.component, isFromJupiter = _useState_.isFromJupiter, setSubModuleComponent = _useState[1];
-    var _useState1 = _sliced_to_array(useState(0), 2), propsUpdateKey = _useState1[0], setPropsUpdateKey = _useState1[1];
+      component: null
+    }), 2), _useState_ = _useState[0], SubModuleComponent = _useState_.component, setSubModuleComponent = _useState[1];
     var context = useContext(RuntimeReactContext);
     var _props_useRouteMatch;
     var useRouteMatch = (_props_useRouteMatch = props.useRouteMatch) !== null && _props_useRouteMatch !== void 0 ? _props_useRouteMatch : context === null || context === void 0 ? void 0 : (_context_router = context.router) === null || _context_router === void 0 ? void 0 : _context_router.useRouteMatch;
@@ -117,8 +54,6 @@ function getAppInstance(options, appInfo, manifest) {
     var useHistory = (_props_useHistory = props.useHistory) !== null && _props_useHistory !== void 0 ? _props_useHistory : context === null || context === void 0 ? void 0 : (_context_router3 = context.router) === null || _context_router3 === void 0 ? void 0 : _context_router3.useHistory;
     var _props_useHistory1;
     var useHref = (_props_useHistory1 = props.useHistory) !== null && _props_useHistory1 !== void 0 ? _props_useHistory1 : context === null || context === void 0 ? void 0 : (_context_router4 = context.router) === null || _context_router4 === void 0 ? void 0 : _context_router4.useHref;
-    var lastPropsUpdateKeyRef = useRef(0);
-    var isRemountingRef = useRef(false);
     var match = useRouteMatch === null || useRouteMatch === void 0 ? void 0 : useRouteMatch();
     var matchs = useMatches === null || useMatches === void 0 ? void 0 : useMatches();
     if (!useLocation) {
@@ -172,65 +107,12 @@ or directly pass the "basename":
     }, [
       locationPathname
     ]);
-    useEffect(function() {
-      if (previousPropsRef.current === props) {
-        return;
-      }
-      var prevPropsForCompare = _object_spread({}, previousPropsRef.current);
-      var currentPropsForCompare = _object_spread({}, props);
-      var ignoredKeysForRemount = [
-        "style",
-        "location",
-        "match",
-        "history",
-        "staticContext",
-        "guideState",
-        "guideConfig"
-      ];
-      Object.keys(prevPropsForCompare).forEach(function(key2) {
-        if (typeof prevPropsForCompare[key2] === "function") {
-          delete prevPropsForCompare[key2];
-        }
-      });
-      Object.keys(currentPropsForCompare).forEach(function(key2) {
-        if (typeof currentPropsForCompare[key2] === "function") {
-          delete currentPropsForCompare[key2];
-        }
-      });
-      var prevPropsForDeepCompare = {};
-      var currentPropsForDeepCompare = {};
-      Object.keys(prevPropsForCompare).forEach(function(key2) {
-        if (!ignoredKeysForRemount.includes(key2)) {
-          prevPropsForDeepCompare[key2] = prevPropsForCompare[key2];
-        }
-      });
-      Object.keys(currentPropsForCompare).forEach(function(key2) {
-        if (!ignoredKeysForRemount.includes(key2)) {
-          currentPropsForDeepCompare[key2] = currentPropsForCompare[key2];
-        }
-      });
-      var propsEqual = deepEqualExcludeFunctions(prevPropsForDeepCompare, currentPropsForDeepCompare);
-      if (!propsEqual) {
-        previousPropsRef.current = props;
-        propsRef.current = props;
-        propsUpdateCounterRef.current += 1;
-        setPropsUpdateKey(function(prev) {
-          return prev + 1;
-        });
-      } else {
-        previousPropsRef.current = props;
-        propsRef.current = props;
-      }
-    }, [
-      props,
-      appInfo.name
-    ]);
     useEffect(function() {
       var renderApp = function renderApp2() {
         return _renderApp.apply(this, arguments);
       };
       componentSetterRegistry.current = setSubModuleComponent;
-      var _propsRef_current = propsRef.current, setLoadingState2 = _propsRef_current.setLoadingState, userProps = _object_without_properties(_propsRef_current, [
+      var setLoadingState = props.setLoadingState, userProps = _object_without_properties(props, [
         "setLoadingState"
       ]);
       var loadAppOptions = _object_spread_props(_object_spread({
@@ -245,7 +127,6 @@ or directly pass the "basename":
         customLoader: function(provider) {
           var render = provider.render, destroy = provider.destroy, SubModuleComponent2 = provider.SubModuleComponent, jupiter_submodule_app_key = provider.jupiter_submodule_app_key;
           var SubComponent = SubModuleComponent2 || jupiter_submodule_app_key;
-          var isFromJupiter2 = !SubModuleComponent2 && !!jupiter_submodule_app_key;
           var componetRenderMode = manifest === null || manifest === void 0 ? void 0 : manifest.componentRender;
           return {
             mount: function() {
@@ -254,10 +135,8 @@ or directly pass the "basename":
               }
               if (componetRenderMode && SubComponent) {
                 if (componentSetterRegistry.current) {
-                  componentRef.current = SubComponent;
                   componentSetterRegistry.current({
-                    component: SubComponent,
-                    isFromJupiter: isFromJupiter2
+                    component: SubComponent
                   });
                 } else {
                   logger('[Garfish] MicroApp for "'.concat(appInfo.name, '" tried to mount, but no active component setter was found.'));
@@ -281,7 +160,7 @@ or directly pass the "basename":
           };
         }
       });
-      setLoadingState2({
+      setLoadingState({
         isLoading: true,
         error: null
       });
@@ -310,7 +189,7 @@ or directly pass the "basename":
                   throw new Error('MicroApp Garfish.loadApp "'.concat(appInfo.name, '" result is null'));
                 }
                 appRef.current = appInstance;
-                setLoadingState2({
+                setLoadingState({
                   isLoading: false
                 });
                 if (!(appInstance.mounted && appInstance.appInfo.cache))
@@ -351,7 +230,7 @@ or directly pass the "basename":
                 ];
               case 6:
                 error = _state.sent();
-                setLoadingState2({
+                setLoadingState({
                   isLoading: true,
                   error
                 });
@@ -384,79 +263,11 @@ or directly pass the "basename":
           }
         }
       };
-    }, [
-      basename,
-      domId,
-      appInfo.name
-    ]);
-    useEffect(function() {
-      var _appRef_current;
-      if ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.appInfo) {
-        var setLoadingState2 = props.setLoadingState, updatedProps = _object_without_properties(props, [
-          "setLoadingState"
-        ]);
-        var updatedPropsWithKey = _object_spread_props(_object_spread({}, appInfo.props, updatedProps), {
-          _garfishPropsUpdateKey: propsUpdateKey
-        });
-        appRef.current.appInfo.props = updatedPropsWithKey;
-      }
-    }, [
-      propsUpdateKey,
-      props
-    ]);
-    useEffect(function() {
-      var _appRef_current;
-      var componetRenderMode = manifest === null || manifest === void 0 ? void 0 : manifest.componentRender;
-      if (propsUpdateKey === lastPropsUpdateKeyRef.current || isRemountingRef.current) {
-        return;
-      }
-      lastPropsUpdateKeyRef.current = propsUpdateKey;
-      if (componetRenderMode && ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.mounted)) {
-        var componentToUse = SubModuleComponent || componentRef.current;
-        if (componentToUse) {
-          var currentComponent = componentToUse;
-          var currentIsFromJupiter = isFromJupiter;
-          setSubModuleComponent({
-            component: null,
-            isFromJupiter: false
-          });
-          setTimeout(function() {
-            setSubModuleComponent({
-              component: currentComponent,
-              isFromJupiter: currentIsFromJupiter
-            });
-          }, 50);
-        } else {
-          var _appRef_current1;
-          if ((_appRef_current1 = appRef.current) === null || _appRef_current1 === void 0 ? void 0 : _appRef_current1.mounted) {
-            var _appRef_current2;
-            (_appRef_current2 = appRef.current) === null || _appRef_current2 === void 0 ? void 0 : _appRef_current2.hide();
-            setTimeout(function() {
-              var _appRef_current3;
-              (_appRef_current3 = appRef.current) === null || _appRef_current3 === void 0 ? void 0 : _appRef_current3.show();
-              setTimeout(function() {
-                isRemountingRef.current = false;
-              }, 100);
-            }, 10);
-          }
-        }
-      }
-    }, [
-      propsUpdateKey
-    ]);
-    var setLoadingState = props.setLoadingState, renderProps = _object_without_properties(props, [
-      "setLoadingState"
-    ]);
-    var finalRenderProps = _object_spread_props(_object_spread({}, renderProps), {
-      _garfishPropsUpdateKey: propsUpdateKey
-    });
-    var componentKey = isFromJupiter ? void 0 : "".concat(appInfo.name, "-").concat(propsUpdateKey);
+    }, []);
     return /* @__PURE__ */ _jsx(_Fragment, {
       children: /* @__PURE__ */ _jsx("div", {
         id: domId,
-        children: SubModuleComponent && /* @__PURE__ */ _jsx(SubModuleComponent, _object_spread({}, componentKey ? {
-          key: componentKey
-        } : {}, finalRenderProps))
+        children: SubModuleComponent && /* @__PURE__ */ _jsx(SubModuleComponent, _object_spread({}, props))
       })
     });
   }

package/dist/esm-node/runtime/utils/apps.js

@@ -21,41 +21,6 @@ function pathJoin(...args) {
   }, "");
   return res || "/";
 }
-function deepEqualExcludeFunctions(prev, next, visited) {
-  if (prev === next)
-    return true;
-  if (!prev || !next)
-    return false;
-  if (typeof prev !== "object" || typeof next !== "object")
-    return false;
-  const visitedSet = visited !== null && visited !== void 0 ? visited : /* @__PURE__ */ new WeakSet();
-  if (visitedSet.has(prev) || visitedSet.has(next)) {
-    return true;
-  }
-  visitedSet.add(prev);
-  visitedSet.add(next);
-  const prevKeys = Object.keys(prev).filter((key) => typeof prev[key] !== "function");
-  const nextKeys = Object.keys(next).filter((key) => typeof next[key] !== "function");
-  if (prevKeys.length !== nextKeys.length)
-    return false;
-  for (const key of prevKeys) {
-    if (!nextKeys.includes(key))
-      return false;
-    const prevVal = prev[key];
-    const nextVal = next[key];
-    if (typeof prevVal === "function" || typeof nextVal === "function") {
-      continue;
-    }
-    if (typeof prevVal === "object" && typeof nextVal === "object") {
-      if (!deepEqualExcludeFunctions(prevVal, nextVal, visitedSet)) {
-        return false;
-      }
-    } else if (prevVal !== nextVal) {
-      return false;
-    }
-  }
-  return true;
-}
 function getAppInstance(options, appInfo, manifest) {
   const componentSetterRegistry = {
     current: null
@@ -64,16 +29,10 @@ function getAppInstance(options, appInfo, manifest) {
     var _context_router, _context_router1, _context_router2, _context_router3, _context_router4;
     const appRef = useRef(null);
     const locationHrefRef = useRef("");
-    const propsRef = useRef(props);
-    const previousPropsRef = useRef(props);
-    const propsUpdateCounterRef = useRef(0);
     const domId = generateSubAppContainerKey(appInfo);
-    const componentRef = useRef(null);
-    const [{ component: SubModuleComponent, isFromJupiter }, setSubModuleComponent] = useState({
-      component: null,
-      isFromJupiter: false
+    const [{ component: SubModuleComponent }, setSubModuleComponent] = useState({
+      component: null
     });
-    const [propsUpdateKey, setPropsUpdateKey] = useState(0);
     const context = useContext(RuntimeReactContext);
     var _props_useRouteMatch;
     const useRouteMatch = (_props_useRouteMatch = props.useRouteMatch) !== null && _props_useRouteMatch !== void 0 ? _props_useRouteMatch : context === null || context === void 0 ? void 0 : (_context_router = context.router) === null || _context_router === void 0 ? void 0 : _context_router.useRouteMatch;
@@ -85,8 +44,6 @@ function getAppInstance(options, appInfo, manifest) {
     const useHistory = (_props_useHistory = props.useHistory) !== null && _props_useHistory !== void 0 ? _props_useHistory : context === null || context === void 0 ? void 0 : (_context_router3 = context.router) === null || _context_router3 === void 0 ? void 0 : _context_router3.useHistory;
     var _props_useHistory1;
     const useHref = (_props_useHistory1 = props.useHistory) !== null && _props_useHistory1 !== void 0 ? _props_useHistory1 : context === null || context === void 0 ? void 0 : (_context_router4 = context.router) === null || _context_router4 === void 0 ? void 0 : _context_router4.useHref;
-    const lastPropsUpdateKeyRef = useRef(0);
-    const isRemountingRef = useRef(false);
     const match = useRouteMatch === null || useRouteMatch === void 0 ? void 0 : useRouteMatch();
     const matchs = useMatches === null || useMatches === void 0 ? void 0 : useMatches();
     if (!useLocation) {
@@ -142,64 +99,9 @@ or directly pass the "basename":
     }, [
       locationPathname
     ]);
-    useEffect(() => {
-      if (previousPropsRef.current === props) {
-        return;
-      }
-      const prevPropsForCompare = {
-        ...previousPropsRef.current
-      };
-      const currentPropsForCompare = {
-        ...props
-      };
-      const ignoredKeysForRemount = [
-        "style",
-        "location",
-        "match",
-        "history",
-        "staticContext",
-        "guideState",
-        "guideConfig"
-      ];
-      Object.keys(prevPropsForCompare).forEach((key) => {
-        if (typeof prevPropsForCompare[key] === "function") {
-          delete prevPropsForCompare[key];
-        }
-      });
-      Object.keys(currentPropsForCompare).forEach((key) => {
-        if (typeof currentPropsForCompare[key] === "function") {
-          delete currentPropsForCompare[key];
-        }
-      });
-      const prevPropsForDeepCompare = {};
-      const currentPropsForDeepCompare = {};
-      Object.keys(prevPropsForCompare).forEach((key) => {
-        if (!ignoredKeysForRemount.includes(key)) {
-          prevPropsForDeepCompare[key] = prevPropsForCompare[key];
-        }
-      });
-      Object.keys(currentPropsForCompare).forEach((key) => {
-        if (!ignoredKeysForRemount.includes(key)) {
-          currentPropsForDeepCompare[key] = currentPropsForCompare[key];
-        }
-      });
-      const propsEqual = deepEqualExcludeFunctions(prevPropsForDeepCompare, currentPropsForDeepCompare);
-      if (!propsEqual) {
-        previousPropsRef.current = props;
-        propsRef.current = props;
-        propsUpdateCounterRef.current += 1;
-        setPropsUpdateKey((prev) => prev + 1);
-      } else {
-        previousPropsRef.current = props;
-        propsRef.current = props;
-      }
-    }, [
-      props,
-      appInfo.name
-    ]);
     useEffect(() => {
       componentSetterRegistry.current = setSubModuleComponent;
-      const { setLoadingState: setLoadingState2, ...userProps } = propsRef.current;
+      const { setLoadingState, ...userProps } = props;
       const loadAppOptions = {
         cache: true,
         insulationVariable: [
@@ -216,16 +118,13 @@ or directly pass the "basename":
         customLoader: (provider) => {
           const { render, destroy, SubModuleComponent: SubModuleComponent2, jupiter_submodule_app_key } = provider;
           const SubComponent = SubModuleComponent2 || jupiter_submodule_app_key;
-          const isFromJupiter2 = !SubModuleComponent2 && !!jupiter_submodule_app_key;
           const componetRenderMode = manifest === null || manifest === void 0 ? void 0 : manifest.componentRender;
           return {
             mount: (...props2) => {
               if (componetRenderMode && SubComponent) {
                 if (componentSetterRegistry.current) {
-                  componentRef.current = SubComponent;
                   componentSetterRegistry.current({
-                    component: SubComponent,
-                    isFromJupiter: isFromJupiter2
+                    component: SubComponent
                   });
                 } else {
                   logger(`[Garfish] MicroApp for "${appInfo.name}" tried to mount, but no active component setter was found.`);
@@ -246,7 +145,7 @@ or directly pass the "basename":
           };
         }
       };
-      setLoadingState2({
+      setLoadingState({
         isLoading: true,
         error: null
       });
@@ -260,7 +159,7 @@ or directly pass the "basename":
             throw new Error(`MicroApp Garfish.loadApp "${appInfo.name}" result is null`);
           }
           appRef.current = appInstance;
-          setLoadingState2({
+          setLoadingState({
             isLoading: false
           });
           if (appInstance.mounted && appInstance.appInfo.cache) {
@@ -277,7 +176,7 @@ or directly pass the "basename":
             await (appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount());
           }
         } catch (error) {
-          setLoadingState2({
+          setLoadingState({
             isLoading: true,
             error
           });
@@ -299,80 +198,12 @@ or directly pass the "basename":
           }
         }
       };
-    }, [
-      basename,
-      domId,
-      appInfo.name
-    ]);
-    useEffect(() => {
-      var _appRef_current;
-      if ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.appInfo) {
-        const { setLoadingState: setLoadingState2, ...updatedProps } = props;
-        const updatedPropsWithKey = {
-          ...appInfo.props,
-          ...updatedProps,
-          _garfishPropsUpdateKey: propsUpdateKey
-        };
-        appRef.current.appInfo.props = updatedPropsWithKey;
-      }
-    }, [
-      propsUpdateKey,
-      props
-    ]);
-    useEffect(() => {
-      var _appRef_current;
-      const componetRenderMode = manifest === null || manifest === void 0 ? void 0 : manifest.componentRender;
-      if (propsUpdateKey === lastPropsUpdateKeyRef.current || isRemountingRef.current) {
-        return;
-      }
-      lastPropsUpdateKeyRef.current = propsUpdateKey;
-      if (componetRenderMode && ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.mounted)) {
-        const componentToUse = SubModuleComponent || componentRef.current;
-        if (componentToUse) {
-          const currentComponent = componentToUse;
-          const currentIsFromJupiter = isFromJupiter;
-          setSubModuleComponent({
-            component: null,
-            isFromJupiter: false
-          });
-          setTimeout(() => {
-            setSubModuleComponent({
-              component: currentComponent,
-              isFromJupiter: currentIsFromJupiter
-            });
-          }, 50);
-        } else {
-          var _appRef_current1;
-          if ((_appRef_current1 = appRef.current) === null || _appRef_current1 === void 0 ? void 0 : _appRef_current1.mounted) {
-            var _appRef_current2;
-            (_appRef_current2 = appRef.current) === null || _appRef_current2 === void 0 ? void 0 : _appRef_current2.hide();
-            setTimeout(() => {
-              var _appRef_current3;
-              (_appRef_current3 = appRef.current) === null || _appRef_current3 === void 0 ? void 0 : _appRef_current3.show();
-              setTimeout(() => {
-                isRemountingRef.current = false;
-              }, 100);
-            }, 10);
-          }
-        }
-      }
-    }, [
-      propsUpdateKey
-    ]);
-    const { setLoadingState, ...renderProps } = props;
-    const finalRenderProps = {
-      ...renderProps,
-      _garfishPropsUpdateKey: propsUpdateKey
-    };
-    const componentKey = isFromJupiter ? void 0 : `${appInfo.name}-${propsUpdateKey}`;
+    }, []);
     return /* @__PURE__ */ _jsx(_Fragment, {
       children: /* @__PURE__ */ _jsx("div", {
         id: domId,
         children: SubModuleComponent && /* @__PURE__ */ _jsx(SubModuleComponent, {
-          ...componentKey ? {
-            key: componentKey
-          } : {},
-          ...finalRenderProps
+          ...props
         })
       })
     });

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.68.19-alpha.4",
+  "version": "2.68.20",
   "jsnext:source": "./src/cli/index.ts",
   "types": "./dist/types/cli/index.d.ts",
   "typesVersions": {
@@ -69,12 +69,12 @@
     "debug": "4.3.7",
     "garfish": "^1.8.1",
     "react-loadable": "^5.5.0",
-    "@modern-js/plugin-v2": "2.68.18",
-    "@modern-js/runtime-utils": "2.68.18",
-    "@modern-js/utils": "2.68.18"
+    "@modern-js/plugin-v2": "2.68.20",
+    "@modern-js/runtime-utils": "2.68.20",
+    "@modern-js/utils": "2.68.20"
   },
   "peerDependencies": {
-    "@modern-js/runtime": "^2.68.18",
+    "@modern-js/runtime": "^2.68.20",
     "react": ">=17",
     "react-dom": ">=17"
   },
@@ -93,12 +93,12 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "6.27.0",
     "typescript": "^5",
+    "@modern-js/app-tools": "2.68.20",
+    "@modern-js/core": "2.68.20",
+    "@modern-js/plugin-router-v5": "2.68.20",
+    "@modern-js/runtime": "2.68.20",
+    "@modern-js/types": "2.68.20",
     "@scripts/build": "2.66.0",
-    "@modern-js/app-tools": "2.68.18",
-    "@modern-js/core": "2.68.18",
-    "@modern-js/types": "2.68.18",
-    "@modern-js/runtime": "2.68.18",
-    "@modern-js/plugin-router-v5": "2.68.18",
     "@scripts/jest-config": "2.66.0"
   },
   "sideEffects": false,