Skip to content

Conversation

ScriptedAlchemy
Copy link
Member

@ScriptedAlchemy ScriptedAlchemy commented Apr 29, 2025

This pull request introduces significant improvements to the Next.js App Router demo applications, enhances Module Federation integration, updates dependencies, and adds new CI/CD workflows and E2E test coverage. It also introduces a new React Module Federation host example and makes various configuration and workflow optimizations across the repository.

Next.js App Router and Module Federation Improvements:

  • Updated Next.js App Router demo applications (4000 and 4001) to prepare for better React Server Components (RSC) support and upgraded dependencies to React 19 and Next.js 15.3.3. Improved configuration, dependency management, and build scripts for these demos. [1] [2]
  • Added comprehensive E2E test coverage for Next.js App Router scenarios using Cypress, and introduced a dedicated CI/CD workflow (e2e-next-app-router.yml) to automate these tests. [1] [2] [3] [4]

Dependency and Demo Application Updates:

  • Updated existing Next.js demo applications (3000-home, 3001-shop, 3002-checkout) to use React 19 and Next.js 15.3.3. Improved build and development scripts across all Next.js applications. [1] [2] [3] [4]

CI/CD and Workflow Enhancements:

  • Added browser caching to the release workflow to speed up E2E tests and builds.
  • Refactored the E2E production workflow to run builds and E2E tests for all Next.js demo apps in parallel and improved port management.

New Example Application:

  • Introduced a new React Module Federation host example in apps/module-federation-react-example/host, including configuration files, a basic React app, and dynamic loading of remote components. [1] [2] [3] [4] [5] [6]

Configuration and Miscellaneous Updates:

  • Changed .cursorignore to include dist/ directories in version control.
  • Disabled syntax checking in the Modern.js demo app config for development flexibility.
  • Cleaned up obsolete files and rules, including removal of the .cursor/mcp.json and .cursorrules files. [1] [2]

Let me know if you want to dive deeper into any specific area or need help understanding how these changes affect your workflow!

Copy link

changeset-bot bot commented Apr 29, 2025

🦋 Changeset detected

Latest commit: 5a946c4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 36 packages
Name Type
@module-federation/nextjs-mf Patch
@module-federation/enhanced Patch
@module-federation/modern-js Patch
@module-federation/node Patch
@module-federation/rsbuild-plugin Patch
@module-federation/rspress-plugin Patch
@module-federation/storybook-addon Patch
@module-federation/modernjsapp Patch
remote5 Patch
website-new Patch
@module-federation/runtime Patch
@module-federation/rspack Patch
@module-federation/webpack-bundler-runtime Patch
@module-federation/sdk Patch
@module-federation/runtime-tools Patch
@module-federation/managers Patch
@module-federation/manifest Patch
@module-federation/dts-plugin Patch
@module-federation/third-party-dts-extractor Patch
@module-federation/devtools Patch
@module-federation/bridge-react Patch
@module-federation/bridge-vue3 Patch
@module-federation/bridge-shared Patch
@module-federation/bridge-react-webpack-plugin Patch
@module-federation/retry-plugin Patch
@module-federation/data-prefetch Patch
@module-federation/error-codes Patch
@module-federation/inject-external-runtime-core-plugin Patch
@module-federation/runtime-core Patch
create-module-federation Patch
@module-federation/cli Patch
@module-federation/metro Patch
@module-federation/metro-plugin-rnef Patch
@module-federation/metro-plugin-rnc-cli Patch
@module-federation/esbuild Patch
@module-federation/utilities Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

netlify bot commented Apr 29, 2025

Deploy Preview for module-federation-docs ready!

Name Link
🔨 Latest commit 5a946c4
🔍 Latest deploy log https://app.netlify.com/projects/module-federation-docs/deploys/68dca13d9232bf0008472d75
😎 Deploy Preview https://deploy-preview-3736--module-federation-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@ScriptedAlchemy ScriptedAlchemy changed the title feat(enhanced): prefix share exclusion feat(enhanced): Shared module include / exclude May 11, 2025
@ScriptedAlchemy ScriptedAlchemy changed the title feat(enhanced): Shared module include / exclude feat(enhanced): Shared module include / exclude / nodeModulesReconstructedLookup May 12, 2025
@ScriptedAlchemy ScriptedAlchemy marked this pull request as ready for review May 15, 2025 23:33
@ScriptedAlchemy ScriptedAlchemy force-pushed the share-filter branch 2 times, most recently from 94b858a to 4bd1354 Compare July 6, 2025 20:48
@ScriptedAlchemy ScriptedAlchemy changed the title feat(enhanced): Shared module include / exclude / nodeModulesReconstructedLookup feat(nextjs-mf): RSC Support Jul 24, 2025
@ScriptedAlchemy ScriptedAlchemy changed the base branch from main to pr9-implementation August 7, 2025 00:04
Copy link
Member Author

ScriptedAlchemy commented Aug 8, 2025

@@ -0,0 +1,303 @@
# Revised Incremental PR Plan for packages/enhanced Changes

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

delete this file

"type": "es6"
},
"sourceMaps": true,
"inputSourceMap": false,
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

revert

Suggested change
"inputSourceMap": false,
"inputSourceMap": true,

if (Array.isArray(rollupConfig.output)) {
rollupConfig.output = rollupConfig.output.map((c) => ({
...c,
sourcemap: true,
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

revert

Suggested change
sourcemap: true,

} else {
rollupConfig.output = {
...rollupConfig.output,
sourcemap: true,
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

revert this

ScriptedAlchemy and others added 30 commits September 27, 2025 13:09
- Map next/dist/compiled/react(*/)** to react(*/)**

- Map next/dist/compiled/react-dom(*/)** to react-dom(*/)**

- Add react/ and react-dom/ prefix shares to keep dev overlay on React 19

- Prevent React 18/19 mismatch causing useReducer null dispatcher crash in pages router dev overlay
- Disable DTS in modern.lib.config

- Include types: chrome, react, react-dom; add skipLibCheck
- Map next/dist/compiled react* to installed react*

- Add react*/ prefixes for overlay stability
Replace @nx/next executors with nx:run-commands in Next.js apps.
Add NEXT_PRIVATE_LOCAL_WEBPACK=true to all commands. Remove
@nx/next dependencies and withNx wrapper from configs.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>
Committed via Codex CLI on 2025-10-01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants