@modern-js/plugin-garfish 2.68.19-alpha.0 → 2.68.19-alpha.1

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

@@ -99,6 +99,7 @@ function getAppInstance(options, appInfo, manifest) {
     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;
@@ -187,6 +188,7 @@ or directly pass the "basename":
         previousPropsRef.current = props;
         propsRef.current = props;
         propsUpdateCounterRef.current += 1;
+        setPropsUpdateKey((prev) => prev + 1);
         if ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.mounted) {
           window.dispatchEvent(new CustomEvent("garfishPropsUpdated", {
             detail: {
@@ -202,7 +204,7 @@ or directly pass the "basename":
     ]);
     (0, import_react.useEffect)(() => {
       componentSetterRegistry.current = setSubModuleComponent;
-      const { setLoadingState, ...userProps } = propsRef.current;
+      const { setLoadingState: setLoadingState2, ...userProps } = propsRef.current;
       const loadAppOptions = {
         cache: true,
         insulationVariable: [
@@ -246,7 +248,7 @@ or directly pass the "basename":
           };
         }
       };
-      setLoadingState({
+      setLoadingState2({
         isLoading: true,
         error: null
       });
@@ -260,7 +262,7 @@ or directly pass the "basename":
             throw new Error(`MicroApp Garfish.loadApp "${appInfo.name}" result is null`);
           }
           appRef.current = appInstance;
-          setLoadingState({
+          setLoadingState2({
             isLoading: false
           });
           if (appInstance.mounted && appInstance.appInfo.cache) {
@@ -277,7 +279,7 @@ or directly pass the "basename":
             await (appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount());
           }
         } catch (error) {
-          setLoadingState({
+          setLoadingState2({
             isLoading: true,
             error
           });
@@ -304,12 +306,33 @@ or directly pass the "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
+    ]);
+    const { setLoadingState, ...renderProps } = props;
+    const finalRenderProps = {
+      ...renderProps,
+      _garfishPropsUpdateKey: propsUpdateKey
+    };
+    const componentKey = `${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, {
-          ...propsRef.current
-        }, `${appInfo.name}-${propsUpdateCounterRef.current}`)
+          ...finalRenderProps
+        }, componentKey)
       })
     });
   }

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

@@ -97,6 +97,7 @@ function getAppInstance(options, appInfo, manifest) {
     var _useState = _sliced_to_array(useState({
       component: null
     }), 2), _useState_ = _useState[0], SubModuleComponent = _useState_.component, setSubModuleComponent = _useState[1];
+    var _useState1 = _sliced_to_array(useState(0), 2), propsUpdateKey = _useState1[0], setPropsUpdateKey = _useState1[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;
@@ -179,6 +180,9 @@ or directly pass the "basename":
         previousPropsRef.current = props;
         propsRef.current = props;
         propsUpdateCounterRef.current += 1;
+        setPropsUpdateKey(function(prev) {
+          return prev + 1;
+        });
         if ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.mounted) {
           window.dispatchEvent(new CustomEvent("garfishPropsUpdated", {
             detail: {
@@ -197,7 +201,7 @@ or directly pass the "basename":
         return _renderApp.apply(this, arguments);
       };
       componentSetterRegistry.current = setSubModuleComponent;
-      var _propsRef_current = propsRef.current, setLoadingState = _propsRef_current.setLoadingState, userProps = _object_without_properties(_propsRef_current, [
+      var _propsRef_current = propsRef.current, setLoadingState2 = _propsRef_current.setLoadingState, userProps = _object_without_properties(_propsRef_current, [
         "setLoadingState"
       ]);
       var loadAppOptions = _object_spread_props(_object_spread({
@@ -245,7 +249,7 @@ or directly pass the "basename":
           };
         }
       });
-      setLoadingState({
+      setLoadingState2({
         isLoading: true,
         error: null
       });
@@ -274,7 +278,7 @@ or directly pass the "basename":
                   throw new Error('MicroApp Garfish.loadApp "'.concat(appInfo.name, '" result is null'));
                 }
                 appRef.current = appInstance;
-                setLoadingState({
+                setLoadingState2({
                   isLoading: false
                 });
                 if (!(appInstance.mounted && appInstance.appInfo.cache))
@@ -315,7 +319,7 @@ or directly pass the "basename":
                 ];
               case 6:
                 error = _state.sent();
-                setLoadingState({
+                setLoadingState2({
                   isLoading: true,
                   error
                 });
@@ -353,10 +357,32 @@ or directly pass the "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
+    ]);
+    var setLoadingState = props.setLoadingState, renderProps = _object_without_properties(props, [
+      "setLoadingState"
+    ]);
+    var finalRenderProps = _object_spread_props(_object_spread({}, renderProps), {
+      _garfishPropsUpdateKey: propsUpdateKey
+    });
+    var componentKey = "".concat(appInfo.name, "-").concat(propsUpdateKey);
     return /* @__PURE__ */ _jsx(_Fragment, {
       children: /* @__PURE__ */ _jsx("div", {
         id: domId,
-        children: SubModuleComponent && /* @__PURE__ */ _jsx(SubModuleComponent, _object_spread({}, propsRef.current), "".concat(appInfo.name, "-").concat(propsUpdateCounterRef.current))
+        children: SubModuleComponent && /* @__PURE__ */ _jsx(SubModuleComponent, _object_spread({}, finalRenderProps), componentKey)
       })
     });
   }

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

@@ -65,6 +65,7 @@ function getAppInstance(options, appInfo, manifest) {
     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;
@@ -153,6 +154,7 @@ or directly pass the "basename":
         previousPropsRef.current = props;
         propsRef.current = props;
         propsUpdateCounterRef.current += 1;
+        setPropsUpdateKey((prev) => prev + 1);
         if ((_appRef_current = appRef.current) === null || _appRef_current === void 0 ? void 0 : _appRef_current.mounted) {
           window.dispatchEvent(new CustomEvent("garfishPropsUpdated", {
             detail: {
@@ -168,7 +170,7 @@ or directly pass the "basename":
     ]);
     useEffect(() => {
       componentSetterRegistry.current = setSubModuleComponent;
-      const { setLoadingState, ...userProps } = propsRef.current;
+      const { setLoadingState: setLoadingState2, ...userProps } = propsRef.current;
       const loadAppOptions = {
         cache: true,
         insulationVariable: [
@@ -212,7 +214,7 @@ or directly pass the "basename":
           };
         }
       };
-      setLoadingState({
+      setLoadingState2({
         isLoading: true,
         error: null
       });
@@ -226,7 +228,7 @@ or directly pass the "basename":
             throw new Error(`MicroApp Garfish.loadApp "${appInfo.name}" result is null`);
           }
           appRef.current = appInstance;
-          setLoadingState({
+          setLoadingState2({
             isLoading: false
           });
           if (appInstance.mounted && appInstance.appInfo.cache) {
@@ -243,7 +245,7 @@ or directly pass the "basename":
             await (appInstance === null || appInstance === void 0 ? void 0 : appInstance.mount());
           }
         } catch (error) {
-          setLoadingState({
+          setLoadingState2({
             isLoading: true,
             error
           });
@@ -270,12 +272,33 @@ or directly pass the "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
+    ]);
+    const { setLoadingState, ...renderProps } = props;
+    const finalRenderProps = {
+      ...renderProps,
+      _garfishPropsUpdateKey: propsUpdateKey
+    };
+    const componentKey = `${appInfo.name}-${propsUpdateKey}`;
     return /* @__PURE__ */ _jsx(_Fragment, {
       children: /* @__PURE__ */ _jsx("div", {
         id: domId,
         children: SubModuleComponent && /* @__PURE__ */ _jsx(SubModuleComponent, {
-          ...propsRef.current
-        }, `${appInfo.name}-${propsUpdateCounterRef.current}`)
+          ...finalRenderProps
+        }, componentKey)
       })
     });
   }

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.68.19-alpha.0",
+  "version": "2.68.19-alpha.1",
   "jsnext:source": "./src/cli/index.ts",
   "types": "./dist/types/cli/index.d.ts",
   "typesVersions": {
@@ -69,9 +69,9 @@
     "debug": "4.3.7",
     "garfish": "^1.8.1",
     "react-loadable": "^5.5.0",
+    "@modern-js/utils": "2.68.18",
     "@modern-js/runtime-utils": "2.68.18",
-    "@modern-js/plugin-v2": "2.68.18",
-    "@modern-js/utils": "2.68.18"
+    "@modern-js/plugin-v2": "2.68.18"
   },
   "peerDependencies": {
     "@modern-js/runtime": "^2.68.18",
@@ -97,9 +97,9 @@
     "@scripts/build": "2.66.0",
     "@modern-js/core": "2.68.18",
     "@modern-js/plugin-router-v5": "2.68.18",
-    "@modern-js/runtime": "2.68.18",
+    "@modern-js/types": "2.68.18",
     "@scripts/jest-config": "2.66.0",
-    "@modern-js/types": "2.68.18"
+    "@modern-js/runtime": "2.68.18"
   },
   "sideEffects": false,
   "publishConfig": {