feat: support rspack modern ssr

.changeset/nervous-otters-type.md

@@ -0,0 +1,7 @@
+---
+'@module-federation/dts-plugin': patch
+'@module-federation/enhanced': patch
+'@module-federation/modern-js': patch
+---
+
+feat: support rspack ssr

apps/modernjs-ssr/dynamic-nested-remote/modern.config.ts

@@ -5,6 +5,8 @@ import { moduleFederationPlugin } from '@module-federation/modern-js';
 export default defineConfig({
   dev: {
     port: 3054,
+    // FIXME: it should be removed , related issue: https://github.com/web-infra-dev/modern.js/issues/5999
+    host: '0.0.0.0',
   },
   runtime: {
     router: true,

apps/modernjs-ssr/dynamic-nested-remote/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modernjs-ssr-dynamic-nested-remote",
   "private": true,
-  "version": "0.1.13",
+  "version": "0.1.11",
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",
     "dev": "modern dev",
@@ -25,18 +25,18 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.56.1",
+    "@modern-js/runtime": "2.56.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@module-federation/modern-js": "workspace:*",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.56.1",
-    "@modern-js/eslint-config": "2.56.1",
-    "@modern-js/tsconfig": "2.56.1",
-    "@modern-js-app/eslint-config": "2.56.1",
+    "@modern-js/app-tools": "2.56.2",
+    "@modern-js/eslint-config": "2.56.2",
+    "@modern-js/tsconfig": "2.56.2",
+    "@modern-js-app/eslint-config": "2.56.2",
     "typescript": "~5.0.4",
     "@types/jest": "~29.5.0",
     "@types/node": "~16.11.7",

apps/modernjs-ssr/dynamic-remote-new-version/modern.config.ts

@@ -5,6 +5,8 @@ import { moduleFederationPlugin } from '@module-federation/modern-js';
 export default defineConfig({
   dev: {
     port: 3056,
+    // FIXME: it should be removed , related issue: https://github.com/web-infra-dev/modern.js/issues/5999
+    host: '0.0.0.0',
   },
   runtime: {
     router: true,

apps/modernjs-ssr/dynamic-remote-new-version/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modernjs-ssr-dynamic-remote-new-version",
   "private": true,
-  "version": "0.1.13",
+  "version": "0.1.11",
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",
     "dev": "modern dev",
@@ -25,18 +25,18 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.56.1",
+    "@modern-js/runtime": "2.56.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@module-federation/modern-js": "workspace:*",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.56.1",
-    "@modern-js/eslint-config": "2.56.1",
-    "@modern-js/tsconfig": "2.56.1",
-    "@modern-js-app/eslint-config": "2.56.1",
+    "@modern-js/app-tools": "2.56.2",
+    "@modern-js/eslint-config": "2.56.2",
+    "@modern-js/tsconfig": "2.56.2",
+    "@modern-js-app/eslint-config": "2.56.2",
     "typescript": "~5.0.4",
     "@types/jest": "~29.5.0",
     "@types/node": "~16.11.7",

apps/modernjs-ssr/dynamic-remote/modern.config.ts

@@ -5,6 +5,8 @@ import { moduleFederationPlugin } from '@module-federation/modern-js';
 export default defineConfig({
   dev: {
     port: 3053,
+    // FIXME: it should be removed , related issue: https://github.com/web-infra-dev/modern.js/issues/5999
+    host: '0.0.0.0',
   },
   runtime: {
     router: true,

apps/modernjs-ssr/dynamic-remote/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modernjs-ssr-dynamic-remote",
   "private": true,
-  "version": "0.1.13",
+  "version": "0.1.11",
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",
     "dev": "modern dev",
@@ -25,18 +25,18 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.56.1",
+    "@modern-js/runtime": "2.56.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@module-federation/modern-js": "workspace:*",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.56.1",
-    "@modern-js/eslint-config": "2.56.1",
-    "@modern-js/tsconfig": "2.56.1",
-    "@modern-js-app/eslint-config": "2.56.1",
+    "@modern-js/app-tools": "2.56.2",
+    "@modern-js/eslint-config": "2.56.2",
+    "@modern-js/tsconfig": "2.56.2",
+    "@modern-js-app/eslint-config": "2.56.2",
     "typescript": "~5.0.4",
     "@types/jest": "~29.5.0",
     "@types/node": "~16.11.7",

apps/modernjs-ssr/host/modern.config.ts

@@ -5,6 +5,8 @@ import { moduleFederationPlugin } from '@module-federation/modern-js';
 export default defineConfig({
   dev: {
     port: 3050,
+    // FIXME: it should be removed , related issue: https://github.com/web-infra-dev/modern.js/issues/5999
+    host: '0.0.0.0',
   },
   runtime: {
     router: true,

apps/modernjs-ssr/host/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modernjs-ssr-host",
   "private": true,
-  "version": "0.1.13",
+  "version": "0.1.11",
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",
     "dev": "modern dev",
@@ -25,18 +25,18 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.56.1",
+    "@modern-js/runtime": "2.56.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@module-federation/modern-js": "workspace:*",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.56.1",
-    "@modern-js/eslint-config": "2.56.1",
-    "@modern-js/tsconfig": "2.56.1",
-    "@modern-js-app/eslint-config": "2.56.1",
+    "@modern-js/app-tools": "2.56.2",
+    "@modern-js/eslint-config": "2.56.2",
+    "@modern-js/tsconfig": "2.56.2",
+    "@modern-js-app/eslint-config": "2.56.2",
     "typescript": "~5.0.4",
     "@types/jest": "~29.5.0",
     "@types/node": "~16.11.7",

apps/modernjs-ssr/nested-remote/modern.config.ts

@@ -5,16 +5,22 @@ import { moduleFederationPlugin } from '@module-federation/modern-js';
 export default defineConfig({
   dev: {
     port: 3052,
+    // FIXME: it should be removed , related issue: https://github.com/web-infra-dev/modern.js/issues/5999
+    host: '0.0.0.0',
   },
   runtime: {
     router: true,
   },
-
   server: {
     ssr: {
       mode: 'stream',
     },
     port: 3052,
   },
-  plugins: [appTools(), moduleFederationPlugin()],
+  plugins: [
+    appTools({
+      bundler: 'experimental-rspack',
+    }),
+    moduleFederationPlugin(),
+  ],
 });

apps/modernjs-ssr/nested-remote/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modernjs-ssr-nested-remote",
   "private": true,
-  "version": "0.1.13",
+  "version": "0.1.11",
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",
     "dev": "modern dev",
@@ -25,18 +25,18 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.56.1",
+    "@modern-js/runtime": "2.56.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@module-federation/modern-js": "workspace:*",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.56.1",
-    "@modern-js/eslint-config": "2.56.1",
-    "@modern-js/tsconfig": "2.56.1",
-    "@modern-js-app/eslint-config": "2.56.1",
+    "@modern-js/app-tools": "2.56.2",
+    "@modern-js/eslint-config": "2.56.2",
+    "@modern-js/tsconfig": "2.56.2",
+    "@modern-js-app/eslint-config": "2.56.2",
     "typescript": "~5.0.4",
     "@types/jest": "~29.5.0",
     "@types/node": "~16.11.7",

apps/modernjs-ssr/nested-remote/serverroutebootstrap.js

@@ -0,0 +1,17 @@
+export const routes = [
+  {
+    path: '/',
+    children: [
+      {
+        _component: '@_modern_js_src/routes/page',
+        index: true,
+        id: 'page',
+        type: 'nested',
+      },
+    ],
+    isRoot: true,
+    _component: '@_modern_js_src/routes/layout',
+    id: 'layout',
+    type: 'nested',
+  },
+];

apps/modernjs-ssr/nested-remote/src/routes/layout.tsx

@@ -1,6 +1,7 @@
 import { Outlet } from '@modern-js/runtime/router';
 
 export default function Layout() {
+  console.log('layout');
   return (
     <div>
       <Outlet />

apps/modernjs-ssr/nested-remote/test.js

@@ -0,0 +1,2 @@
+const serverRender = require('/Users/bytedance/outter/universe/apps/modernjs-ssr/nested-remote/dist/bundles/main.js');
+console.log(33, serverRender);

apps/modernjs-ssr/remote-new-version/modern.config.ts

@@ -5,6 +5,8 @@ import { moduleFederationPlugin } from '@module-federation/modern-js';
 export default defineConfig({
   dev: {
     port: 3055,
+    // FIXME: it should be removed , related issue: https://github.com/web-infra-dev/modern.js/issues/5999
+    host: '0.0.0.0',
   },
   runtime: {
     router: true,

apps/modernjs-ssr/remote-new-version/package.json

@@ -25,18 +25,18 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.56.1",
+    "@modern-js/runtime": "2.56.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@module-federation/modern-js": "workspace:*",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.56.1",
-    "@modern-js/eslint-config": "2.56.1",
-    "@modern-js/tsconfig": "2.56.1",
-    "@modern-js-app/eslint-config": "2.56.1",
+    "@modern-js/app-tools": "2.56.2",
+    "@modern-js/eslint-config": "2.56.2",
+    "@modern-js/tsconfig": "2.56.2",
+    "@modern-js-app/eslint-config": "2.56.2",
     "typescript": "~5.0.4",
     "@types/jest": "~29.5.0",
     "@types/node": "~16.11.7",

apps/modernjs-ssr/remote/modern.config.ts

@@ -5,12 +5,19 @@ import { moduleFederationPlugin } from '@module-federation/modern-js';
 export default defineConfig({
   dev: {
     port: 3051,
+    // FIXME: it should be removed , related issue: https://github.com/web-infra-dev/modern.js/issues/5999
+    host: '0.0.0.0',
   },
   runtime: {
     router: true,
   },
 
-  plugins: [appTools(), moduleFederationPlugin()],
+  plugins: [
+    appTools({
+      bundler: 'experimental-rspack',
+    }),
+    moduleFederationPlugin(),
+  ],
   server: {
     ssr: {
       mode: 'stream',

apps/modernjs-ssr/remote/package.json

@@ -25,18 +25,18 @@
     "dist/"
   ],
   "dependencies": {
-    "@modern-js/runtime": "2.56.1",
+    "@modern-js/runtime": "2.56.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "@module-federation/modern-js": "workspace:*",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.56.1",
-    "@modern-js/eslint-config": "2.56.1",
-    "@modern-js/tsconfig": "2.56.1",
-    "@modern-js-app/eslint-config": "2.56.1",
+    "@modern-js/app-tools": "2.56.2",
+    "@modern-js/eslint-config": "2.56.2",
+    "@modern-js/tsconfig": "2.56.2",
+    "@modern-js-app/eslint-config": "2.56.2",
     "typescript": "~5.0.4",
     "@types/jest": "~29.5.0",
     "@types/node": "~16.11.7",