@module-federation/modern-js 0.0.0-next-20240625070454 → 0.0.0-next-20240701075157

package/README.md

@@ -92,8 +92,6 @@ type CreateRemoteSSRComponentOptions = {
   loader: () => Promise<T>;
   loading: React.ReactNode;
   fallback: ErrorBoundaryPropsWithComponent['FallbackComponent'];
-  injectScript?: boolean;
-  injectLink?: boolean;
   export?: E;
 };
 
@@ -167,94 +165,3 @@ Set module loading status.
 A fault-tolerant component that is rendered when the component fails to **load** or **render**.
 
 Note: This component only renders this fault-tolerant component on the client side when **rendering** fails.
-
-#### injectLink
-
-- Type:`boolean`
-- Required: No
-- Default value: `true`
-
-Whether to inject the style of the corresponding component.
-
-#### injectScript
-
-- Type:`boolean`
-- Required: No
-- Default value: `true`
-
-Whether to inject the script of the corresponding component.
-
-### collectSSRAssets
-
-```ts
-declare function createRemoteSSRComponent(
-  props: CollectSSRAssetsOptions
-): React.ReactNode[];
-
-type CollectSSRAssetsOptions = {
-  id: string;
-  injectScript?: boolean;
-  injectLink?: boolean;
-};
-```
-
-This function collects producer-related scripts and styles rendered on the server side and returns the script/link tag.
-
-#### Example
-
-```tsx
-import React from 'react';
-import { collectSSRAssets } from '@modern-js/runtime/mf';
-import Comp from 'remote/Image';
-
-export default (): JSX.Element => (
-  <div>
-    {collectSSRAssets({ id: 'remote/Image' })}
-    <Comp />
-  </div>
-);
-```
-
-#### injectLink
-
-- Type:`boolean`
-- Required: No
-- Default value: `true`
-
-Whether to inject the style of the corresponding component.
-
-#### injectScript
-
-- Type:`boolean`
-- Required: No
-- Default value: `true`
-
-Whether to inject the script of the corresponding component.
-
-### SSRLiveReload
-
-:::info
-This component will not take effect in the production environment!
-:::
-
-```ts
-declare function SSRLiveReload(): React.JSX.Element | null;
-```
-
-When remote components are updated, page reloads occur automatically.
-
-#### Example
-
-```tsx
-import { Outlet } from '@modern-js/runtime/router';
-import { SSRLiveReload } from '@modern-js/runtime/mf';
-
-export default function Layout() {
-  return (
-    <div>
-      <SSRLiveReload />
-      <Outlet />
-    </div>
-  );
-}
-```

package/dist/cjs/cli/utils.js

@@ -41,6 +41,7 @@ var import_os = __toESM(require("os"));
 var import_node_bundle_require = require("@modern-js/node-bundle-require");
 var import_constant = require("../constant");
 const defaultPath = import_path.default.resolve(process.cwd(), "module-federation.config.ts");
+const isDev = process.env.NODE_ENV === "development";
 const getMFConfig = async (userConfig) => {
   const { config, configPath } = userConfig;
   if (config) {
@@ -53,6 +54,9 @@ const getMFConfig = async (userConfig) => {
   if (mfConfig.remoteType === void 0) {
     mfConfig.remoteType = "script";
   }
+  if (!mfConfig.name) {
+    throw new Error(`${import_constant.PLUGIN_IDENTIFIER} mfConfig.name can not be empty!`);
+  }
   return mfConfig;
 };
 const injectRuntimePlugins = (runtimePlugin, runtimePlugins) => {
@@ -123,7 +127,6 @@ const patchDTSConfig = (mfConfig, isServer) => {
   }
 };
 const patchMFConfig = (mfConfig, isServer) => {
-  const isDev = process.env.NODE_ENV === "development";
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
@@ -175,10 +178,19 @@ function getTargetEnvConfig(mfConfig, isServer) {
   return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
   const { bundlerConfig, modernjsConfig, isServer, mfConfig } = options;
   const enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
   (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? true : delete _bundlerConfig_optimization.runtimeChunk;
+  if (bundlerConfig.output) {
+    var _bundlerConfig_output1, _bundlerConfig_output2;
+    if (!((_bundlerConfig_output1 = bundlerConfig.output) === null || _bundlerConfig_output1 === void 0 ? void 0 : _bundlerConfig_output1.chunkLoadingGlobal)) {
+      bundlerConfig.output.chunkLoadingGlobal = `chunk_${mfConfig.name}`;
+    }
+    if (!((_bundlerConfig_output2 = bundlerConfig.output) === null || _bundlerConfig_output2 === void 0 ? void 0 : _bundlerConfig_output2.uniqueName)) {
+      bundlerConfig.output.uniqueName = mfConfig.name;
+    }
+  }
   if (!isServer) {
     autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
   }
@@ -186,7 +198,7 @@ function patchWebpackConfig(options) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn(`${import_constant.PLUGIN_IDENTIFIER} splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
   }
-  if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
+  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
     var _modernjsConfig_dev, _modernjsConfig_server1;
     const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
@@ -201,7 +213,6 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
-  const isDev = process.env.NODE_ENV === "development";
   if (isDev && enableSSR && !isServer) {
     bundlerConfig.resolve.fallback = {
       ...bundlerConfig.resolve.fallback,
@@ -210,6 +221,12 @@ function patchWebpackConfig(options) {
       vm: false
     };
   }
+  if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
+    if (!bundlerConfig.optimization) {
+      bundlerConfig.optimization = {};
+    }
+    bundlerConfig.optimization.usedExports = false;
+  }
 }
 const localIpv4 = "127.0.0.1";
 const getIpv4Interfaces = () => {

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

@@ -124,7 +124,9 @@ const mfConfig = {
     });
     (0, import_vitest.expect)(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });
@@ -148,7 +150,9 @@ const mfConfig = {
     });
     (0, import_vitest.expect)(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });

package/dist/cjs/runtime/createRemoteSSRComponent.js

@@ -149,9 +149,7 @@ function createRemoteSSRComponent(info) {
         }
         const moduleId = m && m[Symbol.for("mf_module_id")];
         const assets = collectSSRAssets({
-          id: moduleId,
-          injectLink: info.injectLink,
-          injectScript: info.injectScript
+          id: moduleId
         });
         const Com = m[exportName];
         if (exportName in m && typeof Com === "function") {

package/dist/cjs/runtime/index.js

@@ -19,18 +19,13 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_exports = {};
 __export(runtime_exports, {
-  SSRLiveReload: () => import_SSRLiveReload.SSRLiveReload,
-  collectSSRAssets: () => import_createRemoteSSRComponent.collectSSRAssets,
   createRemoteSSRComponent: () => import_createRemoteSSRComponent.createRemoteSSRComponent
 });
 module.exports = __toCommonJS(runtime_exports);
 __reExport(runtime_exports, require("@module-federation/enhanced/runtime"), module.exports);
 var import_createRemoteSSRComponent = require("./createRemoteSSRComponent");
-var import_SSRLiveReload = require("./SSRLiveReload");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SSRLiveReload,
-  collectSSRAssets,
   createRemoteSSRComponent,
   ...require("@module-federation/enhanced/runtime")
 });

package/dist/cjs/ssr-runtime/plugin.js

@@ -31,6 +31,9 @@ __export(plugin_exports, {
   mfPluginSSR: () => mfPluginSSR
 });
 module.exports = __toCommonJS(plugin_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
+var import_SSRLiveReload = require("./SSRLiveReload");
 const mfPluginSSR = () => ({
   name: "@module-federation/modern-js",
   setup: () => {
@@ -52,6 +55,20 @@ const mfPluginSSR = () => ({
         return next({
           context
         });
+      },
+      hoc({ App, config }, next) {
+        const AppWrapper = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SSRLiveReload.SSRLiveReload, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
+              ...props
+            })
+          ]
+        });
+        return next({
+          App: (0, import_hoist_non_react_statics.default)(AppWrapper, App),
+          config
+        });
       }
     };
   }

package/dist/esm/cli/utils.js

@@ -9,6 +9,7 @@ import os from "os";
 import { bundle } from "@modern-js/node-bundle-require";
 import { LOCALHOST, PLUGIN_IDENTIFIER } from "../constant";
 var defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
+var isDev = process.env.NODE_ENV === "development";
 var getMFConfig = function() {
   var _ref = _async_to_generator(function(userConfig) {
     var config, configPath, mfConfigPath, preBundlePath, mfConfig;
@@ -44,6 +45,9 @@ var getMFConfig = function() {
           if (mfConfig.remoteType === void 0) {
             mfConfig.remoteType = "script";
           }
+          if (!mfConfig.name) {
+            throw new Error("".concat(PLUGIN_IDENTIFIER, " mfConfig.name can not be empty!"));
+          }
           return [
             2,
             mfConfig
@@ -136,7 +140,6 @@ var patchDTSConfig = function(mfConfig, isServer) {
   }
 };
 var patchMFConfig = function(mfConfig, isServer) {
-  var isDev = process.env.NODE_ENV === "development";
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
   patchDTSConfig(mfConfig, isServer);
   injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
@@ -181,10 +184,19 @@ function getTargetEnvConfig(mfConfig, isServer) {
   return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
   var bundlerConfig = options.bundlerConfig, modernjsConfig = options.modernjsConfig, isServer = options.isServer, mfConfig = options.mfConfig;
   var enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
   (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? true : delete _bundlerConfig_optimization.runtimeChunk;
+  if (bundlerConfig.output) {
+    var _bundlerConfig_output1, _bundlerConfig_output2;
+    if (!((_bundlerConfig_output1 = bundlerConfig.output) === null || _bundlerConfig_output1 === void 0 ? void 0 : _bundlerConfig_output1.chunkLoadingGlobal)) {
+      bundlerConfig.output.chunkLoadingGlobal = "chunk_".concat(mfConfig.name);
+    }
+    if (!((_bundlerConfig_output2 = bundlerConfig.output) === null || _bundlerConfig_output2 === void 0 ? void 0 : _bundlerConfig_output2.uniqueName)) {
+      bundlerConfig.output.uniqueName = mfConfig.name;
+    }
+  }
   if (!isServer) {
     autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
   }
@@ -192,7 +204,7 @@ function patchWebpackConfig(options) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn("".concat(PLUGIN_IDENTIFIER, ' splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"'));
   }
-  if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
+  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
     var _modernjsConfig_dev, _modernjsConfig_server1;
     var port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     var publicPath = "http://localhost:".concat(port, "/");
@@ -207,7 +219,6 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
-  var isDev = process.env.NODE_ENV === "development";
   if (isDev && enableSSR && !isServer) {
     bundlerConfig.resolve.fallback = _object_spread_props(_object_spread({}, bundlerConfig.resolve.fallback), {
       crypto: false,
@@ -215,6 +226,12 @@ function patchWebpackConfig(options) {
       vm: false
     });
   }
+  if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
+    if (!bundlerConfig.optimization) {
+      bundlerConfig.optimization = {};
+    }
+    bundlerConfig.optimization.usedExports = false;
+  }
 }
 var localIpv4 = "127.0.0.1";
 var getIpv4Interfaces = function() {

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

@@ -123,7 +123,9 @@ describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
         });
         expect(bundlerConfig).toStrictEqual({
           output: {
-            publicPath: "http://localhost:8080/"
+            chunkLoadingGlobal: "chunk_host",
+            publicPath: "auto",
+            uniqueName: "host"
           }
         });
         return [
@@ -153,7 +155,9 @@ describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
         });
         expect(bundlerConfig).toStrictEqual({
           output: {
-            publicPath: "http://localhost:8080/"
+            chunkLoadingGlobal: "chunk_host",
+            publicPath: "auto",
+            uniqueName: "host"
           }
         });
         return [

package/dist/esm/runtime/createRemoteSSRComponent.js

@@ -121,9 +121,7 @@ function createRemoteSSRComponent(info) {
             }
             moduleId = m && m[Symbol.for("mf_module_id")];
             assets = collectSSRAssets({
-              id: moduleId,
-              injectLink: info.injectLink,
-              injectScript: info.injectScript
+              id: moduleId
             });
             Com = m[exportName];
             if (exportName in m && typeof Com === "function") {

package/dist/esm/runtime/index.js

@@ -1,8 +1,5 @@
 export * from "@module-federation/enhanced/runtime";
-import { createRemoteSSRComponent, collectSSRAssets } from "./createRemoteSSRComponent";
-import { SSRLiveReload } from "./SSRLiveReload";
+import { createRemoteSSRComponent } from "./createRemoteSSRComponent";
 export {
-  SSRLiveReload,
-  collectSSRAssets,
   createRemoteSSRComponent
 };

package/dist/esm/ssr-runtime/plugin.js

@@ -1,5 +1,9 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import { SSRLiveReload } from "./SSRLiveReload";
 var mfPluginSSR = function() {
   return {
     name: "@module-federation/modern-js",
@@ -57,6 +61,21 @@ var mfPluginSSR = function() {
               }
             });
           })();
+        },
+        hoc: function hoc(param, next) {
+          var App = param.App, config = param.config;
+          var AppWrapper = function(props) {
+            return /* @__PURE__ */ _jsxs(_Fragment, {
+              children: [
+                /* @__PURE__ */ _jsx(SSRLiveReload, {}),
+                /* @__PURE__ */ _jsx(App, _object_spread({}, props))
+              ]
+            });
+          };
+          return next({
+            App: hoistNonReactStatics(AppWrapper, App),
+            config
+          });
         }
       };
     }

package/dist/esm-node/cli/utils.js

@@ -4,6 +4,7 @@ import os from "os";
 import { bundle } from "@modern-js/node-bundle-require";
 import { LOCALHOST, PLUGIN_IDENTIFIER } from "../constant";
 const defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
+const isDev = process.env.NODE_ENV === "development";
 const getMFConfig = async (userConfig) => {
   const { config, configPath } = userConfig;
   if (config) {
@@ -16,6 +17,9 @@ const getMFConfig = async (userConfig) => {
   if (mfConfig.remoteType === void 0) {
     mfConfig.remoteType = "script";
   }
+  if (!mfConfig.name) {
+    throw new Error(`${PLUGIN_IDENTIFIER} mfConfig.name can not be empty!`);
+  }
   return mfConfig;
 };
 const injectRuntimePlugins = (runtimePlugin, runtimePlugins) => {
@@ -86,7 +90,6 @@ const patchDTSConfig = (mfConfig, isServer) => {
   }
 };
 const patchMFConfig = (mfConfig, isServer) => {
-  const isDev = process.env.NODE_ENV === "development";
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
@@ -138,10 +141,19 @@ function getTargetEnvConfig(mfConfig, isServer) {
   return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
   const { bundlerConfig, modernjsConfig, isServer, mfConfig } = options;
   const enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
   (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? true : delete _bundlerConfig_optimization.runtimeChunk;
+  if (bundlerConfig.output) {
+    var _bundlerConfig_output1, _bundlerConfig_output2;
+    if (!((_bundlerConfig_output1 = bundlerConfig.output) === null || _bundlerConfig_output1 === void 0 ? void 0 : _bundlerConfig_output1.chunkLoadingGlobal)) {
+      bundlerConfig.output.chunkLoadingGlobal = `chunk_${mfConfig.name}`;
+    }
+    if (!((_bundlerConfig_output2 = bundlerConfig.output) === null || _bundlerConfig_output2 === void 0 ? void 0 : _bundlerConfig_output2.uniqueName)) {
+      bundlerConfig.output.uniqueName = mfConfig.name;
+    }
+  }
   if (!isServer) {
     autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
   }
@@ -149,7 +161,7 @@ function patchWebpackConfig(options) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn(`${PLUGIN_IDENTIFIER} splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
   }
-  if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
+  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
     var _modernjsConfig_dev, _modernjsConfig_server1;
     const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
@@ -164,7 +176,6 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
-  const isDev = process.env.NODE_ENV === "development";
   if (isDev && enableSSR && !isServer) {
     bundlerConfig.resolve.fallback = {
       ...bundlerConfig.resolve.fallback,
@@ -173,6 +184,12 @@ function patchWebpackConfig(options) {
       vm: false
     };
   }
+  if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
+    if (!bundlerConfig.optimization) {
+      bundlerConfig.optimization = {};
+    }
+    bundlerConfig.optimization.usedExports = false;
+  }
 }
 const localIpv4 = "127.0.0.1";
 const getIpv4Interfaces = () => {

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

@@ -101,7 +101,9 @@ describe("patchWebpackConfig", async () => {
     });
     expect(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });
@@ -125,7 +127,9 @@ describe("patchWebpackConfig", async () => {
     });
     expect(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });

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

@@ -115,9 +115,7 @@ function createRemoteSSRComponent(info) {
         }
         const moduleId = m && m[Symbol.for("mf_module_id")];
         const assets = collectSSRAssets({
-          id: moduleId,
-          injectLink: info.injectLink,
-          injectScript: info.injectScript
+          id: moduleId
         });
         const Com = m[exportName];
         if (exportName in m && typeof Com === "function") {

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

@@ -1,8 +1,5 @@
 export * from "@module-federation/enhanced/runtime";
-import { createRemoteSSRComponent, collectSSRAssets } from "./createRemoteSSRComponent";
-import { SSRLiveReload } from "./SSRLiveReload";
+import { createRemoteSSRComponent } from "./createRemoteSSRComponent";
 export {
-  SSRLiveReload,
-  collectSSRAssets,
   createRemoteSSRComponent
 };

package/dist/esm-node/ssr-runtime/plugin.js

@@ -1,3 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import { SSRLiveReload } from "./SSRLiveReload";
 const mfPluginSSR = () => ({
   name: "@module-federation/modern-js",
   setup: () => {
@@ -19,6 +22,20 @@ const mfPluginSSR = () => ({
         return next({
           context
         });
+      },
+      hoc({ App, config }, next) {
+        const AppWrapper = (props) => /* @__PURE__ */ _jsxs(_Fragment, {
+          children: [
+            /* @__PURE__ */ _jsx(SSRLiveReload, {}),
+            /* @__PURE__ */ _jsx(App, {
+              ...props
+            })
+          ]
+        });
+        return next({
+          App: hoistNonReactStatics(AppWrapper, App),
+          config
+        });
       }
     };
   }

package/dist/types/cli/utils.d.ts

@@ -5,39 +5,39 @@ export type ConfigType<T> = T extends 'webpack' ? webpack.Configuration : T exte
 export declare const getMFConfig: (userConfig: PluginOptions) => Promise<moduleFederationPlugin.ModuleFederationPluginOptions>;
 export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean) => {
     runtimePlugins: string[];
-    exposes?: moduleFederationPlugin.Exposes | undefined;
-    filename?: string | undefined;
-    library?: moduleFederationPlugin.LibraryOptions | undefined;
-    name?: string | undefined;
-    remoteType?: moduleFederationPlugin.ExternalsType | undefined;
-    remotes?: moduleFederationPlugin.Remotes | undefined;
-    runtime?: moduleFederationPlugin.EntryRuntime | undefined;
-    shareScope?: string | undefined;
-    shared?: moduleFederationPlugin.Shared | undefined;
-    getPublicPath?: string | undefined;
-    implementation?: string | undefined;
-    manifest?: boolean | moduleFederationPlugin.PluginManifestOptions | undefined;
-    dev?: boolean | moduleFederationPlugin.PluginDevOptions | undefined;
-    dts?: boolean | moduleFederationPlugin.PluginDtsOptions | undefined;
-    async?: boolean | moduleFederationPlugin.AsyncBoundaryOptions | undefined;
+    exposes?: moduleFederationPlugin.Exposes;
+    filename?: string;
+    library?: moduleFederationPlugin.LibraryOptions;
+    name?: string;
+    remoteType?: moduleFederationPlugin.ExternalsType;
+    remotes?: moduleFederationPlugin.Remotes;
+    runtime?: moduleFederationPlugin.EntryRuntime;
+    shareScope?: string;
+    shared?: moduleFederationPlugin.Shared;
+    getPublicPath?: string;
+    implementation?: string;
+    manifest?: boolean | moduleFederationPlugin.PluginManifestOptions;
+    dev?: boolean | moduleFederationPlugin.PluginDevOptions;
+    dts?: boolean | moduleFederationPlugin.PluginDtsOptions;
+    async?: boolean | moduleFederationPlugin.AsyncBoundaryOptions;
 };
 export declare function getTargetEnvConfig(mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean): {
     runtimePlugins: string[];
-    exposes?: moduleFederationPlugin.Exposes | undefined;
-    filename?: string | undefined;
-    library?: moduleFederationPlugin.LibraryOptions | undefined;
-    name?: string | undefined;
-    remoteType?: moduleFederationPlugin.ExternalsType | undefined;
-    remotes?: moduleFederationPlugin.Remotes | undefined;
-    runtime?: moduleFederationPlugin.EntryRuntime | undefined;
-    shareScope?: string | undefined;
-    shared?: moduleFederationPlugin.Shared | undefined;
-    getPublicPath?: string | undefined;
-    implementation?: string | undefined;
-    manifest?: boolean | moduleFederationPlugin.PluginManifestOptions | undefined;
-    dev?: boolean | moduleFederationPlugin.PluginDevOptions | undefined;
-    dts?: boolean | moduleFederationPlugin.PluginDtsOptions | undefined;
-    async?: boolean | moduleFederationPlugin.AsyncBoundaryOptions | undefined;
+    exposes?: moduleFederationPlugin.Exposes;
+    filename?: string;
+    library?: moduleFederationPlugin.LibraryOptions;
+    name?: string;
+    remoteType?: moduleFederationPlugin.ExternalsType;
+    remotes?: moduleFederationPlugin.Remotes;
+    runtime?: moduleFederationPlugin.EntryRuntime;
+    shareScope?: string;
+    shared?: moduleFederationPlugin.Shared;
+    getPublicPath?: string;
+    implementation?: string;
+    manifest?: boolean | moduleFederationPlugin.PluginManifestOptions;
+    dev?: boolean | moduleFederationPlugin.PluginDevOptions;
+    dts?: boolean | moduleFederationPlugin.PluginDtsOptions;
+    async?: boolean | moduleFederationPlugin.AsyncBoundaryOptions;
 };
 export declare function patchWebpackConfig<T>(options: {
     bundlerConfig: ConfigType<T>;

package/dist/types/runtime/createRemoteSSRComponent.d.ts

@@ -10,8 +10,6 @@ export declare function createRemoteSSRComponent<T, E extends keyof T>(info: {
     loader: () => Promise<T>;
     loading: React.ReactNode;
     fallback: ErrorBoundaryPropsWithComponent['FallbackComponent'];
-    injectScript?: boolean;
-    injectLink?: boolean;
     export?: E;
 }): (props: T[E] extends (...args: any) => any ? Parameters<T[E]>[0] extends undefined ? Record<string, never> : Parameters<T[E]>[0] : Record<string, never>) => React.JSX.Element;
 export {};

package/dist/types/runtime/index.d.ts

@@ -1,3 +1,2 @@
 export * from '@module-federation/enhanced/runtime';
-export { createRemoteSSRComponent, collectSSRAssets, } from './createRemoteSSRComponent';
-export { SSRLiveReload } from './SSRLiveReload';
+export { createRemoteSSRComponent } from './createRemoteSSRComponent';

package/dist/types/{runtime → ssr-runtime}/SSRLiveReload.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function SSRLiveReload(): import("react").JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20240625070454",
+  "version": "0.0.0-next-20240701075157",
   "files": [
     "dist/",
     "types.d.ts",
@@ -47,17 +47,19 @@
     "@modern-js/node-bundle-require": "^2.54.2",
     "node-fetch": "~3.3.0",
     "react-error-boundary": "4.0.13",
-    "@module-federation/sdk": "0.0.0-next-20240625070454",
-    "@module-federation/enhanced": "0.0.0-next-20240625070454",
-    "@module-federation/node": "0.0.0-next-20240625070454"
+    "hoist-non-react-statics": "3.3.2",
+    "@module-federation/sdk": "0.0.0-next-20240701075157",
+    "@module-federation/enhanced": "0.0.0-next-20240701075157",
+    "@module-federation/node": "0.0.0-next-20240701075157"
   },
   "devDependencies": {
+    "@types/hoist-non-react-statics": "3.3.2",
     "@modern-js/app-tools": "^2.54.2",
     "@modern-js/core": "^2.54.2",
     "@modern-js/runtime": "^2.54.2",
     "@modern-js/module-tools": "^2.54.2",
     "@modern-js/tsconfig": "^2.54.2",
-    "@module-federation/manifest": "0.0.0-next-20240625070454"
+    "@module-federation/manifest": "0.0.0-next-20240701075157"
   },
   "peerDependencies": {
     "react": ">=17",