@module-federation/modern-js 0.0.0-next-20240623084034 → 0.0.0-next-20240625025206

package/dist/esm/cli/index.js

@@ -5,7 +5,7 @@ import { fs } from "@modern-js/utils";
 import { ModuleFederationPlugin as WebpackModuleFederationPlugin, AsyncBoundaryPlugin } from "@module-federation/enhanced";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
 import { StreamingTargetPlugin, EntryChunkTrackerPlugin } from "@module-federation/node";
-import { getMFConfig, getTargetEnvConfig, patchWebpackConfig, lookupIpv4 } from "./utils";
+import { getMFConfig, getTargetEnvConfig, patchWebpackConfig, getIPV4 } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
 var SSR_PLUGIN_IDENTIFIER = "mfPluginSSR";
@@ -36,135 +36,130 @@ var moduleFederationPlugin = function() {
                   config: /* @__PURE__ */ _async_to_generator(function() {
                     var _modernjsConfig_dev, bundlerType, WebpackPluginConstructor, RspackPluginConstructor, MFBundlerPlugin, modifyBundlerConfig, ipv4;
                     return _ts_generator(this, function(_state2) {
-                      switch (_state2.label) {
-                        case 0:
-                          bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-                          WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
-                          RspackPluginConstructor = userConfig.rspackPluginImplementation || RspackModuleFederationPlugin;
-                          MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
-                          if (enableSSR) {
-                            process.env["MF_DISABLE_EMIT_STATS"] = "true";
-                            process.env["MF_SSR_PRJ"] = "true";
+                      bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+                      WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
+                      RspackPluginConstructor = userConfig.rspackPluginImplementation || RspackModuleFederationPlugin;
+                      MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
+                      if (enableSSR) {
+                        process.env["MF_DISABLE_EMIT_STATS"] = "true";
+                        process.env["MF_SSR_PRJ"] = "true";
+                      }
+                      modifyBundlerConfig = function(config, isServer) {
+                        var envConfig = getTargetEnvConfig(mfConfig, isServer);
+                        if (isServer) {
+                          var _config_plugins, _config_plugins1;
+                          nodePlugin = new MFBundlerPlugin(envConfig);
+                          (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
+                          (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new StreamingTargetPlugin(envConfig));
+                          if (isDev) {
+                            var _config_plugins2;
+                            (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new EntryChunkTrackerPlugin());
                           }
-                          modifyBundlerConfig = function(config, isServer) {
-                            var envConfig = getTargetEnvConfig(mfConfig, isServer);
-                            if (isServer) {
-                              var _config_plugins, _config_plugins1;
-                              nodePlugin = new MFBundlerPlugin(envConfig);
-                              (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
-                              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new StreamingTargetPlugin(envConfig));
-                              if (isDev) {
-                                var _config_plugins2;
-                                (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new EntryChunkTrackerPlugin());
+                        } else {
+                          var _config_output, _config_plugins3;
+                          outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
+                          browserPlugin = new MFBundlerPlugin(envConfig);
+                          (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
+                        }
+                        patchWebpackConfig({
+                          bundlerConfig: config,
+                          isServer,
+                          modernjsConfig,
+                          mfConfig: envConfig
+                        });
+                      };
+                      ipv4 = getIPV4();
+                      return [
+                        2,
+                        {
+                          tools: {
+                            rspack: function rspack(config) {
+                              if (enableSSR) {
+                                throw new Error("@module-federation/modern-js not support ssr for rspack bundler yet!");
                               }
-                            } else {
-                              var _config_output, _config_plugins3;
-                              outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
-                              browserPlugin = new MFBundlerPlugin(envConfig);
-                              (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
-                            }
-                            patchWebpackConfig({
-                              bundlerConfig: config,
-                              isServer,
-                              modernjsConfig,
-                              mfConfig: envConfig
-                            });
-                          };
-                          return [
-                            4,
-                            lookupIpv4()
-                          ];
-                        case 1:
-                          ipv4 = _state2.sent();
-                          return [
-                            2,
-                            {
-                              tools: {
-                                rspack: function rspack(config) {
-                                  modifyBundlerConfig(config, false);
-                                },
-                                webpack: function webpack(config, param2) {
-                                  var isServer = param2.isServer;
-                                  var _modernjsConfig_source;
-                                  modifyBundlerConfig(config, isServer);
-                                  var enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
-                                  if (!enableAsyncEntry && mfConfig.async !== false) {
-                                    var _config_plugins;
-                                    var asyncBoundaryPluginOptions = typeof mfConfig.async === "object" ? mfConfig.async : {
-                                      eager: function(module) {
-                                        return module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || "");
-                                      },
-                                      excludeChunk: function(chunk) {
-                                        return chunk.name === mfConfig.name;
-                                      }
-                                    };
-                                    (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(new AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
-                                  }
-                                  config.ignoreWarnings = config.ignoreWarnings || [];
-                                  config.ignoreWarnings.push(function(warning) {
-                                    if (warning.message.includes("external script")) {
-                                      return true;
-                                    }
-                                    return false;
-                                  });
-                                },
-                                devServer: {
-                                  headers: {
-                                    "Access-Control-Allow-Origin": "*",
-                                    "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
-                                    "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+                              modifyBundlerConfig(config, false);
+                            },
+                            webpack: function webpack(config, param2) {
+                              var isServer = param2.isServer;
+                              var _modernjsConfig_source;
+                              modifyBundlerConfig(config, isServer);
+                              var enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
+                              if (!enableAsyncEntry && mfConfig.async !== false) {
+                                var _config_plugins;
+                                var asyncBoundaryPluginOptions = typeof mfConfig.async === "object" ? mfConfig.async : {
+                                  eager: function(module) {
+                                    return module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || "");
                                   },
-                                  before: [
-                                    function(req, res, next) {
-                                      if (!enableSSR) {
-                                        next();
-                                        return;
-                                      }
-                                      try {
-                                        var _req_url, _req_url1, _req_url2;
-                                        var SERVER_PREFIX = "/".concat(MODERN_JS_SERVER_DIR);
-                                        if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.startsWith(SERVER_PREFIX)) || ((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes(".json")) && !((_req_url2 = req.url) === null || _req_url2 === void 0 ? void 0 : _req_url2.includes("hot-update"))) {
-                                          var filepath = path.join(process.cwd(), "dist".concat(req.url));
-                                          fs.statSync(filepath);
-                                          res.setHeader("Access-Control-Allow-Origin", "*");
-                                          res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
-                                          res.setHeader("Access-Control-Allow-Headers", "X-Requested-With, content-type, Authorization");
-                                          fs.createReadStream(filepath).pipe(res);
-                                        } else {
-                                          next();
-                                        }
-                                      } catch (err) {
-                                        if (process.env.FEDERATION_DEBUG) {
-                                          console.error(err);
-                                        }
-                                        next();
-                                      }
-                                    }
-                                  ]
-                                },
-                                bundlerChain: function bundlerChain(chain, param2) {
-                                  var isServer = param2.isServer;
-                                  if (isDev && !isServer) {
-                                    chain.externals({
-                                      "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
-                                    });
+                                  excludeChunk: function(chunk) {
+                                    return chunk.name === mfConfig.name;
                                   }
+                                };
+                                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(new AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
+                              }
+                              config.ignoreWarnings = config.ignoreWarnings || [];
+                              config.ignoreWarnings.push(function(warning) {
+                                if (warning.message.includes("external script")) {
+                                  return true;
                                 }
+                                return false;
+                              });
+                            },
+                            devServer: {
+                              headers: {
+                                "Access-Control-Allow-Origin": "*",
+                                "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+                                "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
                               },
-                              source: {
-                                alias: {
-                                  "@modern-js/runtime/mf": require.resolve("@module-federation/modern-js/runtime")
-                                },
-                                define: {
-                                  FEDERATION_IPV4: JSON.stringify(ipv4)
+                              before: [
+                                function(req, res, next) {
+                                  if (!enableSSR) {
+                                    next();
+                                    return;
+                                  }
+                                  try {
+                                    var _req_url, _req_url1, _req_url2;
+                                    var SERVER_PREFIX = "/".concat(MODERN_JS_SERVER_DIR);
+                                    if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.startsWith(SERVER_PREFIX)) || ((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes(".json")) && !((_req_url2 = req.url) === null || _req_url2 === void 0 ? void 0 : _req_url2.includes("hot-update"))) {
+                                      var filepath = path.join(process.cwd(), "dist".concat(req.url));
+                                      fs.statSync(filepath);
+                                      res.setHeader("Access-Control-Allow-Origin", "*");
+                                      res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
+                                      res.setHeader("Access-Control-Allow-Headers", "X-Requested-With, content-type, Authorization");
+                                      fs.createReadStream(filepath).pipe(res);
+                                    } else {
+                                      next();
+                                    }
+                                  } catch (err) {
+                                    if (process.env.FEDERATION_DEBUG) {
+                                      console.error(err);
+                                    }
+                                    next();
+                                  }
                                 }
-                              },
-                              dev: {
-                                assetPrefix: (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.assetPrefix) ? modernjsConfig.dev.assetPrefix : true
+                              ]
+                            },
+                            bundlerChain: function bundlerChain(chain, param2) {
+                              var isServer = param2.isServer;
+                              if (isDev && !isServer) {
+                                chain.externals({
+                                  "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+                                });
                               }
                             }
-                          ];
-                      }
+                          },
+                          source: {
+                            alias: {
+                              "@modern-js/runtime/mf": require.resolve("@module-federation/modern-js/runtime")
+                            },
+                            define: {
+                              FEDERATION_IPV4: JSON.stringify(ipv4)
+                            }
+                          },
+                          dev: {
+                            assetPrefix: (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.assetPrefix) ? modernjsConfig.dev.assetPrefix : true
+                          }
+                        }
+                      ];
                     });
                   }),
                   modifyEntryImports: function modifyEntryImports(param2) {

package/dist/esm/cli/utils.js

@@ -5,8 +5,8 @@ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { encodeName } from "@module-federation/sdk";
 import path from "path";
+import os from "os";
 import { bundle } from "@modern-js/node-bundle-require";
-import dns from "dns";
 import { LOCALHOST } from "../constant";
 var defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
 var getMFConfig = function() {
@@ -64,47 +64,39 @@ var replaceRemoteUrl = function() {
   var _ref = _async_to_generator(function(mfConfig) {
     var ipv4, handleRemoteObject;
     return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          if (!mfConfig.remotes) {
-            return [
-              2
-            ];
+      if (!mfConfig.remotes) {
+        return [
+          2
+        ];
+      }
+      ipv4 = getIPV4();
+      handleRemoteObject = function(remoteObject) {
+        Object.keys(remoteObject).forEach(function(remoteKey) {
+          var remote = remoteObject[remoteKey];
+          if (Array.isArray(remote)) {
+            return;
           }
-          return [
-            4,
-            lookupIpv4()
-          ];
-        case 1:
-          ipv4 = _state.sent();
-          handleRemoteObject = function(remoteObject) {
-            Object.keys(remoteObject).forEach(function(remoteKey) {
-              var remote = remoteObject[remoteKey];
-              if (Array.isArray(remote)) {
-                return;
-              }
-              if (typeof remote === "string" && remote.includes(LOCALHOST)) {
-                remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
-              }
-              if (typeof remote === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
-                remote.external = remote.external.replace(LOCALHOST, ipv4);
-              }
-            });
-          };
-          if (Array.isArray(mfConfig.remotes)) {
-            mfConfig.remotes.forEach(function(remoteObject) {
-              if (typeof remoteObject === "string") {
-                return;
-              }
-              handleRemoteObject(remoteObject);
-            });
-          } else if (typeof mfConfig.remotes !== "string") {
-            handleRemoteObject(mfConfig.remotes);
+          if (typeof remote === "string" && remote.includes(LOCALHOST)) {
+            remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
           }
-          return [
-            2
-          ];
+          if (typeof remote === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
+            remote.external = remote.external.replace(LOCALHOST, ipv4);
+          }
+        });
+      };
+      if (Array.isArray(mfConfig.remotes)) {
+        mfConfig.remotes.forEach(function(remoteObject) {
+          if (typeof remoteObject === "string") {
+            return;
+          }
+          handleRemoteObject(remoteObject);
+        });
+      } else if (typeof mfConfig.remotes !== "string") {
+        handleRemoteObject(mfConfig.remotes);
       }
+      return [
+        2
+      ];
     });
   });
   return function replaceRemoteUrl2(mfConfig) {
@@ -114,6 +106,33 @@ var replaceRemoteUrl = function() {
 var patchMFConfig = function(mfConfig, isServer) {
   var isDev = process.env.NODE_ENV === "development";
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
+  var ModernJSRuntime = "@modern-js/runtime/mf";
+  if (mfConfig.dts !== false) {
+    var _mfConfig_dts, _mfConfig_dts1;
+    if (typeof mfConfig.dts === "boolean" || mfConfig.dts === void 0) {
+      mfConfig.dts = {
+        consumeTypes: {
+          runtimePkgs: [
+            ModernJSRuntime
+          ]
+        }
+      };
+    } else if (((_mfConfig_dts = mfConfig.dts) === null || _mfConfig_dts === void 0 ? void 0 : _mfConfig_dts.consumeTypes) || ((_mfConfig_dts1 = mfConfig.dts) === null || _mfConfig_dts1 === void 0 ? void 0 : _mfConfig_dts1.consumeTypes) === void 0) {
+      var _mfConfig_dts2;
+      if (typeof mfConfig.dts.consumeTypes === "boolean" || ((_mfConfig_dts2 = mfConfig.dts) === null || _mfConfig_dts2 === void 0 ? void 0 : _mfConfig_dts2.consumeTypes) === void 0) {
+        mfConfig.dts.consumeTypes = {
+          runtimePkgs: [
+            ModernJSRuntime
+          ]
+        };
+      } else {
+        mfConfig.dts.consumeTypes.runtimePkgs = mfConfig.dts.consumeTypes.runtimePkgs || [];
+        if (!mfConfig.dts.consumeTypes.runtimePkgs.includes(ModernJSRuntime)) {
+          mfConfig.dts.consumeTypes.runtimePkgs.push(ModernJSRuntime);
+        }
+      }
+    }
+  }
   injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
   if (isDev) {
     injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
@@ -191,47 +210,31 @@ function patchWebpackConfig(options) {
     });
   }
 }
-var lookupIpv4 = function() {
-  var _ref = _async_to_generator(function() {
-    var res, err;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          _state.trys.push([
-            0,
-            2,
-            ,
-            3
-          ]);
-          return [
-            4,
-            dns.promises.lookup(LOCALHOST, {
-              family: 4
-            })
-          ];
-        case 1:
-          res = _state.sent();
-          return [
-            2,
-            res.address
-          ];
-        case 2:
-          err = _state.sent();
-          return [
-            2,
-            "127.0.0.1"
-          ];
-        case 3:
-          return [
-            2
-          ];
-      }
+var localIpv4 = "127.0.0.1";
+var getIpv4Interfaces = function() {
+  try {
+    var interfaces = os.networkInterfaces();
+    var ipv4Interfaces = [];
+    Object.values(interfaces).forEach(function(detail) {
+      detail === null || detail === void 0 ? void 0 : detail.forEach(function(detail2) {
+        var familyV4Value = typeof detail2.family === "string" ? "IPv4" : 4;
+        if (detail2.family === familyV4Value && detail2.address !== localIpv4) {
+          ipv4Interfaces.push(detail2);
+        }
+      });
     });
-  });
-  return function lookupIpv42() {
-    return _ref.apply(this, arguments);
+    return ipv4Interfaces;
+  } catch (_err) {
+    return [];
+  }
+};
+var getIPV4 = function() {
+  var ipv4Interfaces = getIpv4Interfaces();
+  var ipv4Interface = ipv4Interfaces[0] || {
+    address: localIpv4
   };
-}();
+  return ipv4Interface.address;
+};
 var SPLIT_CHUNK_MAP = {
   REACT: "lib-react",
   ROUTER: "lib-router",
@@ -291,9 +294,9 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
   }
 }
 export {
+  getIPV4,
   getMFConfig,
   getTargetEnvConfig,
-  lookupIpv4,
   patchMFConfig,
   patchWebpackConfig
 };

package/dist/esm/cli/utils.spec.js

@@ -80,6 +80,13 @@ describe("getTargetEnvConfig", /* @__PURE__ */ _async_to_generator(function() {
               eager: true,
               singleton: true
             }
+          },
+          dts: {
+            consumeTypes: {
+              runtimePkgs: [
+                "@modern-js/runtime/mf"
+              ]
+            }
           }
         });
         return [

package/dist/esm/runtime/{LiveReload.js → SSRLiveReload.js}

@@ -10,7 +10,7 @@ function _templateObject() {
   return data;
 }
 import { jsx as _jsx } from "react/jsx-runtime";
-function LiveReload() {
+function SSRLiveReload() {
   if (process.env.NODE_ENV !== "development") {
     return null;
   }
@@ -22,5 +22,5 @@ function LiveReload() {
   });
 }
 export {
-  LiveReload
+  SSRLiveReload
 };

package/dist/esm/runtime/{MFReactComponent.js → createRemoteSSRComponent.js}

@@ -1,9 +1,11 @@
+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 _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";
 import React from "react";
-import { loadRemote, getInstance } from "@module-federation/enhanced/runtime";
+import { getInstance } from "@module-federation/enhanced/runtime";
 import { ErrorBoundary } from "react-error-boundary";
 function getLoadedRemoteInfos(instance, id) {
   var _ref = instance.remoteHandler.idToRemoteMap[id] || {}, name = _ref.name, expose = _ref.expose;
@@ -54,7 +56,7 @@ function getTargetModuleInfo(id) {
     remoteEntry
   };
 }
-function collectAssets(options) {
+function collectSSRAssets(options) {
   var _ref = typeof options === "string" ? {
     id: options
   } : options, id = _ref.id, _ref_injectLink = _ref.injectLink, injectLink = _ref_injectLink === void 0 ? true : _ref_injectLink, _ref_injectScript = _ref.injectScript, injectScript = _ref_injectScript === void 0 ? true : _ref_injectScript;
@@ -94,52 +96,94 @@ function collectAssets(options) {
   }
   return _to_consumable_array(scripts).concat(_to_consumable_array(links));
 }
-function MFReactComponent(props) {
-  var _props_loading = props.loading, loading = _props_loading === void 0 ? "loading..." : _props_loading, id = props.id, _props_remoteProps = props.remoteProps, remoteProps = _props_remoteProps === void 0 ? {} : _props_remoteProps, fallback = props.fallback;
-  var Component = /* @__PURE__ */ React.lazy(function() {
-    return loadRemote(id).then(function(mod) {
-      var assets = collectAssets(props);
-      if (!mod) {
-        throw new Error("load remote failed");
-      }
-      var Com = typeof mod === "object" ? "default" in mod ? mod.default : mod : mod;
-      return {
-        default: function() {
-          return /* @__PURE__ */ _jsxs(_Fragment, {
-            children: [
-              assets,
-              /* @__PURE__ */ _jsx(Com, _object_spread({}, remoteProps))
-            ]
-          });
-        }
-      };
-    }).catch(function(err) {
-      if (!fallback) {
-        throw err;
-      }
-      var FallbackFunctionComponent = fallback;
-      var FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
-        error: err,
-        resetErrorBoundary: function() {
-          console.log('SSR mode not support "resetErrorBoundary" !');
+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,
+              injectLink: info.injectLink,
+              injectScript: info.injectScript
+            });
+            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" !');
+              }
+            });
+            return [
+              2,
+              {
+                default: function() {
+                  return FallbackNode;
+                }
+              }
+            ];
+          case 3:
+            return [
+              2
+            ];
         }
       });
-      return {
-        default: function() {
-          return FallbackNode;
-        }
-      };
+    }));
+    return /* @__PURE__ */ _jsx(ErrorBoundary, {
+      FallbackComponent: info.fallback,
+      children: /* @__PURE__ */ _jsx(React.Suspense, {
+        fallback: info.loading,
+        children: /* @__PURE__ */ _jsx(LazyComponent, {})
+      })
     });
-  });
-  return /* @__PURE__ */ _jsx(ErrorBoundary, {
-    FallbackComponent: fallback,
-    children: /* @__PURE__ */ _jsx(React.Suspense, {
-      fallback: loading,
-      children: /* @__PURE__ */ _jsx(Component, {})
-    })
-  });
+  };
 }
 export {
-  MFReactComponent,
-  collectAssets
+  collectSSRAssets,
+  createRemoteSSRComponent
 };