Placeholder

app2/package.json

@@ -7,19 +7,17 @@
     "build": "NODE_ENV=production rspack build"
   },
   "dependencies": {
-    "@module-federation/enhanced": "^0.1.7",
-    "@module-federation/runtime": "^0.1.7",
-    "@module-federation/sdk": "^0.1.7",
+    "@module-federation/enhanced": "^0.1.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@rspack/cli": "0.6.2",
-    "@rspack/core": "0.6.2",
-    "@rspack/plugin-react-refresh": "0.6.2",
+    "@rspack/cli": "0.6.5",
+    "@rspack/core": "0.6.5",
+    "@rspack/plugin-react-refresh": "0.6.5",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "prettier": "^3.2.5",
     "react-refresh": "^0.14.0"
   }
-}
+}

app2/rspack.config.js

@@ -1,11 +1,11 @@
 const rspack = require("@rspack/core");
 const refreshPlugin = require("@rspack/plugin-react-refresh");
 const isDev = process.env.NODE_ENV === "development";
+const { ModuleFederationPlugin, } = require("@module-federation/enhanced/rspack");
 
 const path = require("path");
 const deps = require("./package.json").dependencies;
-console.log({ deps });
-const { ModuleFederationPlugin } = require("@module-federation/enhanced/rspack");
+const HTTPS = process.env.HTTPS ?? null;
 
 const name = "app_02";
 const name1 = name + "1";
@@ -28,6 +28,9 @@ module.exports = {
   devServer: {
     port: 3001,
     hot: true,
+    client: {
+      webSocketURL:`ws${HTTPS ? 's' : ''}://localhost:3001/ws`,
+    },
     static: {
       directory: path.join(__dirname, "build"),
     },
@@ -42,10 +45,15 @@ module.exports = {
   output: {
     path: __dirname + "/dist",
     uniqueName: name1,
-    publicPath: "http://localhost:3001/",
+    // publicPath: "http://localhost:3001/",
+    publicPath: "auto",
     filename: "[name].js",
   },
   watch: true,
+  watchOptions: {
+    ignored: /node_modules/,
+    poll: 500,
+  },
   module: {
     rules: [
       {
@@ -103,19 +111,23 @@ module.exports = {
         "./Hello": "./src/Hello.tsx",
         "./pi": "./src/pi.ts",
       },
-      manifest: true,
-      // shared: {
-      //   ...deps,
-      //   "react-router-dom": {
-      //     singleton: true,
-      //   },
-      //   "react-dom": {
-      //     singleton: true,
-      //   },
-      //   react: {
-      //     singleton: true,
-      //   },
-      // },
+      manifest: {
+        fileName: "mf-manifest.json",
+      },
+      dts: false,
+      // runtimePlugins: [path.resolve(__dirname, "./src/myplugin.ts")],
+      shared: {
+        // ...deps,
+        // "react-router-dom": {
+        //   singleton: true,
+        // },
+        "react-dom": {
+          singleton: true,
+        },
+        react: {
+          singleton: true,
+        },
+      },
     }),
     isDev ? new refreshPlugin() : null,
   ].filter(Boolean),

app2/src/App.tsx

@@ -6,7 +6,7 @@ function App() {
     <div className="App">
       <div></div>
       <h1>App_02 :)</h1>
-      <Hello name="Frank!!!" />
+      <Hello name="app2" />
     </div>
   );
 }

app2/src/Hello.tsx

@@ -3,5 +3,5 @@ interface Props {
 }
 
 export const Hello = ({ name }: Props) => {
-  return <div>Hello, from app_02, {name}!</div>;
+  return <div>Hello, 1, {name}!</div>;
 };

app2/src/myplugin.ts

@@ -0,0 +1,23 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+
+const publicPathPlugin: () => FederationRuntimePlugin = function () {
+  return {
+    name: 'public-path-plugin',
+    beforeInit(args) {
+      console.log('publicPathPlugin args: ', args);
+      let newPublicPath;
+      const snapshotManifestLoading = Object.keys(args.origin.snapshotHandler.manifestLoading)[0];
+      if (snapshotManifestLoading) {
+        newPublicPath = new URL(snapshotManifestLoading).origin + '/';
+      } else {
+        newPublicPath = window.location.origin + '/';
+      }
+      console.log('newPublicPath, ', newPublicPath);
+
+      __webpack_require__.p = newPublicPath;
+
+      return args;
+    },
+  };
+};
+export default publicPathPlugin;

app2/src/pi.ts

@@ -1,3 +1,7 @@
 export default function pi() {
   return 3.141592653589793;
 }
+
+export const register = () => {
+  console.log("registering pi");
+};

runhost/.prettierrc

@@ -1,5 +1,5 @@
 {
 	"printWidth": 120,
-"tabWidth": 2,
-	  "useTabs": false,
-}
+	"tabWidth": 2,
+	"useTabs": false,
+}

runhost/package.json

@@ -7,19 +7,17 @@
     "build": "NODE_ENV=production rspack build"
   },
   "dependencies": {
-    "@module-federation/enhanced": "^0.1.7",
-    "@module-federation/runtime": "^0.1.7",
-    "@module-federation/sdk": "^0.1.7",
+    "@module-federation/enhanced": "^0.1.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@rspack/cli": "0.6.2",
-    "@rspack/core": "0.6.2",
-    "@rspack/plugin-react-refresh": "0.6.2",
+    "@rspack/cli": "0.6.5",
+    "@rspack/core": "0.6.5",
+    "@rspack/plugin-react-refresh": "0.6.5",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "prettier": "^3.2.5",
     "react-refresh": "^0.14.0"
   }
-}
+}