@module-federation/modern-js 0.0.0-next-20241118091452 → 0.0.0-next-20241118092546

package/dist/cjs/runtime/createRemoteSSRComponent.js

@@ -139,54 +139,57 @@ function collectSSRAssets(options) {
   ];
 }
 function createRemoteSSRComponent(info) {
-  return (props) => {
-    const exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
-    const LazyComponent = /* @__PURE__ */ import_react.default.lazy(async () => {
-      try {
-        const m = await info.loader();
-        if (!m) {
-          throw new Error("load remote failed");
-        }
-        const moduleId = m && m[Symbol.for("mf_module_id")];
-        const assets = collectSSRAssets({
-          id: moduleId
-        });
-        const Com = m[exportName];
-        if (exportName in m && typeof Com === "function") {
-          return {
-            default: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-              children: [
-                assets,
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Com, {
-                  ...props
-                })
-              ]
-            })
-          };
-        } else {
-          throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
-        }
-      } catch (err) {
-        if (!info.fallback) {
-          throw err;
-        }
-        const FallbackFunctionComponent = info.fallback;
-        const FallbackNode = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FallbackFunctionComponent, {
-          error: err,
-          resetErrorBoundary: () => {
-            console.log('SSR mode not support "resetErrorBoundary" !');
-          }
-        });
+  const exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
+  const LazyComponent = /* @__PURE__ */ import_react.default.lazy(async () => {
+    try {
+      const m = await info.loader();
+      if (!m) {
+        throw new Error("load remote failed");
+      }
+      const moduleId = m && m[Symbol.for("mf_module_id")];
+      const assets = collectSSRAssets({
+        id: moduleId
+      });
+      const Com = m[exportName];
+      if (exportName in m && typeof Com === "function") {
         return {
-          default: () => FallbackNode
+          default: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+            children: [
+              assets,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Com, {
+                ...props
+              })
+            ]
+          })
         };
+      } else {
+        throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
       }
-    });
+    } catch (err) {
+      if (!info.fallback) {
+        throw err;
+      }
+      const FallbackFunctionComponent = info.fallback;
+      const FallbackNode = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FallbackFunctionComponent, {
+        error: err,
+        resetErrorBoundary: () => {
+          console.log('SSR mode not support "resetErrorBoundary" !');
+        }
+      });
+      return {
+        default: () => FallbackNode
+      };
+    }
+  });
+  return (props) => {
+    const { key, ...args } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_error_boundary.ErrorBoundary, {
       FallbackComponent: info.fallback,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Suspense, {
         fallback: info.loading,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, {
+          ...args
+        })
       })
     });
   };

package/dist/esm/runtime/createRemoteSSRComponent.js

@@ -1,6 +1,7 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
@@ -97,86 +98,89 @@ function collectSSRAssets(options) {
   return _to_consumable_array(scripts).concat(_to_consumable_array(links));
 }
 function createRemoteSSRComponent(info) {
-  return function(props) {
-    var exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
-    var LazyComponent = /* @__PURE__ */ React.lazy(/* @__PURE__ */ _async_to_generator(function() {
-      var m, moduleId, assets, Com, err, FallbackFunctionComponent, FallbackNode;
-      return _ts_generator(this, function(_state) {
-        switch (_state.label) {
-          case 0:
-            _state.trys.push([
-              0,
-              2,
-              ,
-              3
-            ]);
-            return [
-              4,
-              info.loader()
-            ];
-          case 1:
-            m = _state.sent();
-            if (!m) {
-              throw new Error("load remote failed");
-            }
-            moduleId = m && m[Symbol.for("mf_module_id")];
-            assets = collectSSRAssets({
-              id: moduleId
-            });
-            Com = m[exportName];
-            if (exportName in m && typeof Com === "function") {
-              return [
-                2,
-                {
-                  default: function() {
-                    return /* @__PURE__ */ _jsxs(_Fragment, {
-                      children: [
-                        assets,
-                        /* @__PURE__ */ _jsx(Com, _object_spread({}, props))
-                      ]
-                    });
-                  }
-                }
-              ];
-            } else {
-              throw Error("Make sure that ".concat(moduleId, " has the correct export when export is ").concat(String(exportName)));
-            }
-            return [
-              3,
-              3
-            ];
-          case 2:
-            err = _state.sent();
-            if (!info.fallback) {
-              throw err;
-            }
-            FallbackFunctionComponent = info.fallback;
-            FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
-              error: err,
-              resetErrorBoundary: function() {
-                console.log('SSR mode not support "resetErrorBoundary" !');
-              }
-            });
+  var exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
+  var LazyComponent = /* @__PURE__ */ React.lazy(/* @__PURE__ */ _async_to_generator(function() {
+    var m, moduleId, assets, Com, err, FallbackFunctionComponent, FallbackNode;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          _state.trys.push([
+            0,
+            2,
+            ,
+            3
+          ]);
+          return [
+            4,
+            info.loader()
+          ];
+        case 1:
+          m = _state.sent();
+          if (!m) {
+            throw new Error("load remote failed");
+          }
+          moduleId = m && m[Symbol.for("mf_module_id")];
+          assets = collectSSRAssets({
+            id: moduleId
+          });
+          Com = m[exportName];
+          if (exportName in m && typeof Com === "function") {
             return [
               2,
               {
-                default: function() {
-                  return FallbackNode;
+                default: function(props) {
+                  return /* @__PURE__ */ _jsxs(_Fragment, {
+                    children: [
+                      assets,
+                      /* @__PURE__ */ _jsx(Com, _object_spread({}, props))
+                    ]
+                  });
                 }
               }
             ];
-          case 3:
-            return [
-              2
-            ];
-        }
-      });
-    }));
+          } else {
+            throw Error("Make sure that ".concat(moduleId, " has the correct export when export is ").concat(String(exportName)));
+          }
+          return [
+            3,
+            3
+          ];
+        case 2:
+          err = _state.sent();
+          if (!info.fallback) {
+            throw err;
+          }
+          FallbackFunctionComponent = info.fallback;
+          FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
+            error: err,
+            resetErrorBoundary: function() {
+              console.log('SSR mode not support "resetErrorBoundary" !');
+            }
+          });
+          return [
+            2,
+            {
+              default: function() {
+                return FallbackNode;
+              }
+            }
+          ];
+        case 3:
+          return [
+            2
+          ];
+      }
+    });
+  }));
+  return function(props) {
+    var key = props.key, args = _object_without_properties(props, [
+      "key"
+    ]);
     return /* @__PURE__ */ _jsx(ErrorBoundary, {
       FallbackComponent: info.fallback,
       children: /* @__PURE__ */ _jsx(React.Suspense, {
         fallback: info.loading,
-        children: /* @__PURE__ */ _jsx(LazyComponent, {})
+        children: /* @__PURE__ */ _jsx(LazyComponent, _object_spread({}, args))
       })
     });
   };

package/dist/esm-node/runtime/createRemoteSSRComponent.js

@@ -105,54 +105,57 @@ function collectSSRAssets(options) {
   ];
 }
 function createRemoteSSRComponent(info) {
-  return (props) => {
-    const exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
-    const LazyComponent = /* @__PURE__ */ React.lazy(async () => {
-      try {
-        const m = await info.loader();
-        if (!m) {
-          throw new Error("load remote failed");
-        }
-        const moduleId = m && m[Symbol.for("mf_module_id")];
-        const assets = collectSSRAssets({
-          id: moduleId
-        });
-        const Com = m[exportName];
-        if (exportName in m && typeof Com === "function") {
-          return {
-            default: () => /* @__PURE__ */ _jsxs(_Fragment, {
-              children: [
-                assets,
-                /* @__PURE__ */ _jsx(Com, {
-                  ...props
-                })
-              ]
-            })
-          };
-        } else {
-          throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
-        }
-      } catch (err) {
-        if (!info.fallback) {
-          throw err;
-        }
-        const FallbackFunctionComponent = info.fallback;
-        const FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
-          error: err,
-          resetErrorBoundary: () => {
-            console.log('SSR mode not support "resetErrorBoundary" !');
-          }
-        });
+  const exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
+  const LazyComponent = /* @__PURE__ */ React.lazy(async () => {
+    try {
+      const m = await info.loader();
+      if (!m) {
+        throw new Error("load remote failed");
+      }
+      const moduleId = m && m[Symbol.for("mf_module_id")];
+      const assets = collectSSRAssets({
+        id: moduleId
+      });
+      const Com = m[exportName];
+      if (exportName in m && typeof Com === "function") {
         return {
-          default: () => FallbackNode
+          default: (props) => /* @__PURE__ */ _jsxs(_Fragment, {
+            children: [
+              assets,
+              /* @__PURE__ */ _jsx(Com, {
+                ...props
+              })
+            ]
+          })
         };
+      } else {
+        throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
       }
-    });
+    } catch (err) {
+      if (!info.fallback) {
+        throw err;
+      }
+      const FallbackFunctionComponent = info.fallback;
+      const FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
+        error: err,
+        resetErrorBoundary: () => {
+          console.log('SSR mode not support "resetErrorBoundary" !');
+        }
+      });
+      return {
+        default: () => FallbackNode
+      };
+    }
+  });
+  return (props) => {
+    const { key, ...args } = props;
     return /* @__PURE__ */ _jsx(ErrorBoundary, {
       FallbackComponent: info.fallback,
       children: /* @__PURE__ */ _jsx(React.Suspense, {
         fallback: info.loading,
-        children: /* @__PURE__ */ _jsx(LazyComponent, {})
+        children: /* @__PURE__ */ _jsx(LazyComponent, {
+          ...args
+        })
       })
     });
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20241118091452",
+  "version": "0.0.0-next-20241118092546",
   "files": [
     "dist/",
     "types.d.ts",
@@ -61,9 +61,9 @@
     "hoist-non-react-statics": "3.3.2",
     "node-fetch": "~3.3.0",
     "react-error-boundary": "4.0.13",
-    "@module-federation/enhanced": "0.0.0-next-20241118091452",
-    "@module-federation/node": "0.0.0-next-20241118091452",
-    "@module-federation/sdk": "0.0.0-next-20241118091452"
+    "@module-federation/enhanced": "0.0.0-next-20241118092546",
+    "@module-federation/node": "0.0.0-next-20241118092546",
+    "@module-federation/sdk": "0.0.0-next-20241118092546"
   },
   "devDependencies": {
     "@modern-js/app-tools": "2.60.6",
@@ -72,7 +72,7 @@
     "@modern-js/runtime": "2.60.6",
     "@modern-js/tsconfig": "2.60.6",
     "@types/hoist-non-react-statics": "3.3.5",
-    "@module-federation/manifest": "0.0.0-next-20241118091452"
+    "@module-federation/manifest": "0.0.0-next-20241118092546"
   },
   "peerDependencies": {
     "react": ">=17",