Merge remote-tracking branch 'origin/main' into rslib/webpack-bundler-runtime

Author: ScriptedAlchemy

.changeset/config.json

@@ -19,7 +19,7 @@
       "@module-federation/bridge-vue3",
       "@module-federation/bridge-shared",
       "@module-federation/bridge-react-webpack-plugin",
-      "@module-federation/modern-js",
+      "@module-federation/modern-js-v3",
       "@module-federation/retry-plugin",
       "@module-federation/data-prefetch",
       "@module-federation/rsbuild-plugin",

.changeset/silly-beans-show.md

@@ -0,0 +1,16 @@
+---
+'shared-tree-shaking-with-server-provider': major
+'shared-tree-shaking-no-server-provider': major
+'shared-tree-shaking-with-server-host': major
+'shared-tree-shaking-no-server-host': major
+'remote5': major
+'remote6': major
+'create-module-federation': major
+'@module-federation/devtools': major
+'@module-federation/storybook-addon': major
+'@module-federation/rsbuild-plugin': major
+'@module-federation/modern-js-v3': major
+'@module-federation/rspack': major
+---
+
+feat: upgrade to modern js 3.0

.github/workflows/bundle-size-comment.yml

@@ -0,0 +1,60 @@
+name: Bundle Size Comment
+
+on:
+  workflow_run:
+    workflows: ['Bundle Size']
+    types: [completed]
+
+permissions:
+  pull-requests: write
+  actions: read
+
+jobs:
+  comment:
+    if: github.event.workflow_run.conclusion == 'success'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Download bundle size stats
+        uses: actions/download-artifact@v4
+        with:
+          name: bundle-size-stats
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Get PR number
+        id: pr
+        run: |
+          PR_NUMBER=$(gh pr list --repo "$GITHUB_REPOSITORY" --search "${{ github.event.workflow_run.head_sha }}" --state open --json number --jq '.[0].number')
+          if [ -z "$PR_NUMBER" ]; then
+            echo "Could not find PR for SHA ${{ github.event.workflow_run.head_sha }}"
+            exit 1
+          fi
+          echo "number=$PR_NUMBER" >> "$GITHUB_OUTPUT"
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Read stats
+        id: stats
+        run: |
+          {
+            echo 'body<<STATS_EOF'
+            echo '<!-- bundle-size-comment -->'
+            cat stats.txt
+            echo ''
+            echo 'STATS_EOF'
+          } >> "$GITHUB_OUTPUT"
+
+      - name: Find existing comment
+        uses: peter-evans/find-comment@v3
+        id: find
+        with:
+          issue-number: ${{ steps.pr.outputs.number }}
+          body-includes: '<!-- bundle-size-comment -->'
+
+      - name: Create or update comment
+        uses: peter-evans/create-or-update-comment@v4
+        with:
+          issue-number: ${{ steps.pr.outputs.number }}
+          comment-id: ${{ steps.find.outputs.comment-id }}
+          edit-mode: replace
+          body: ${{ steps.stats.outputs.body }}

.github/workflows/bundle-size.yml

@@ -0,0 +1,62 @@
+name: Bundle Size
+
+on:
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: read
+
+concurrency:
+  group: bundle-size-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
+jobs:
+  measure:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout PR
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: Install dependencies (PR)
+        run: pnpm install --frozen-lockfile
+
+      - name: Build packages (PR)
+        run: npx nx run-many --targets=build --projects=tag:type:pkg --parallel=4 --skip-nx-cache
+
+      - name: Measure bundle sizes (PR)
+        run: node scripts/bundle-size-report.mjs --output current.json
+
+      - name: Checkout base branch
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.pull_request.base.sha }}
+          path: base
+
+      - name: Install dependencies (base)
+        run: cd base && pnpm install --frozen-lockfile
+
+      - name: Build packages (base)
+        run: cd base && npx nx run-many --targets=build --projects=tag:type:pkg --parallel=4 --skip-nx-cache
+
+      - name: Measure bundle sizes (base)
+        run: node scripts/bundle-size-report.mjs --output base.json --packages-dir base/packages
+
+      - name: Compare bundle sizes
+        run: node scripts/bundle-size-report.mjs --compare base.json --current current.json --output stats.txt
+
+      - name: Upload bundle size stats
+        uses: actions/upload-artifact@v4
+        with:
+          name: bundle-size-stats
+          path: stats.txt
+          retention-days: 5

apps/modern-component-data-fetch/host/modern.config.ts

@@ -1,21 +1,16 @@
 import { appTools, defineConfig } from '@modern-js/app-tools';
-import { moduleFederationPlugin } from '@module-federation/modern-js';
+import { moduleFederationPlugin } from '@module-federation/modern-js-v3';
 
 // https://modernjs.dev/en/configure/app/usage
 export default defineConfig({
-  runtime: {
-    router: true,
-  },
   server: {
     ssr: {
       mode: 'stream',
     },
     port: 5001,
   },
   plugins: [
-    appTools({
-      bundler: 'rspack',
-    }),
+    appTools(),
     moduleFederationPlugin({
       fetchServerQuery: { extraQuery: true },
     }),

apps/modern-component-data-fetch/host/module-federation.config.ts

@@ -1,4 +1,4 @@
-import { createModuleFederationConfig } from '@module-federation/modern-js';
+import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
 export default createModuleFederationConfig({
   name: 'host',
   remotes: {

apps/modern-component-data-fetch/host/package.json

@@ -27,17 +27,17 @@
   ],
   "dependencies": {
     "@babel/runtime": "7.28.2",
-    "@modern-js/runtime": "2.68.0",
-    "@module-federation/modern-js": "workspace:*",
+    "@modern-js/runtime": "3.0.0",
+    "@module-federation/modern-js-v3": "workspace:*",
     "antd": "4.24.15",
     "react": "~18.3.1",
     "react-dom": "~18.3.1"
   },
   "devDependencies": {
     "@modern-js-app/eslint-config": "2.59.0",
-    "@modern-js/app-tools": "2.68.0",
+    "@modern-js/app-tools": "3.0.0",
     "@modern-js/eslint-config": "2.59.0",
-    "@modern-js/tsconfig": "2.68.0",
+    "@modern-js/tsconfig": "3.0.0",
     "@types/jest": "~29.5.0",
     "@types/node": "^20.19.5",
     "@types/react": "~18.2.0",

apps/modern-component-data-fetch/host/src/modern-app-env.d.ts

@@ -1,4 +1,4 @@
 /// <reference types='@modern-js/app-tools/types' />
 /// <reference types='@modern-js/runtime/types' />
 /// <reference types='@modern-js/runtime/types/router' />
-/// <reference types='@module-federation/modern-js/types' />
+/// <reference types='@module-federation/modern-js-v3/types' />

apps/modern-component-data-fetch/host/src/routes/basic/page.tsx

@@ -1,5 +1,5 @@
-import { getInstance } from '@module-federation/modern-js/runtime';
-import { ERROR_TYPE } from '@module-federation/modern-js/react';
+import { getInstance } from '@module-federation/modern-js-v3/runtime';
+import { ERROR_TYPE } from '@module-federation/modern-js-v3/react';
 
 const Basic = getInstance()!.createLazyComponent({
   loader: () => {

apps/modern-component-data-fetch/host/src/routes/client-downgrade/page.tsx

@@ -1,4 +1,4 @@
-import { getInstance } from '@module-federation/modern-js/runtime';
+import { getInstance } from '@module-federation/modern-js-v3/runtime';
 
 const ClientDowngrade = getInstance()!.createLazyComponent({
   loader: () => {