fix(nextjs-mf): Refine Module Federation shares and correct request keys #3791
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Conflicts: # pnpm-lock.yaml
# Conflicts: # pnpm-lock.yaml
# Conflicts: # pnpm-lock.yaml
# Conflicts: # pnpm-lock.yaml
# Conflicts: # pnpm-lock.yaml
# Conflicts: # apps/website-new/docs/en/configure/advanced-sharing.mdx # package.json # packages/chrome-devtools/project.json # packages/enhanced/src/lib/sharing/ConsumeSharedModule.ts # packages/enhanced/src/lib/sharing/ConsumeSharedPlugin.ts # packages/enhanced/src/lib/sharing/ProvideSharedPlugin.ts # packages/enhanced/src/lib/sharing/SharePlugin.ts # packages/enhanced/src/schemas/sharing/ConsumeSharedPlugin.check.ts # packages/enhanced/src/schemas/sharing/ProvideSharedPlugin.check.ts # packages/enhanced/src/schemas/sharing/SharePlugin.check.ts # packages/enhanced/test/compiler-unit/sharing/ConsumeSharedPlugin.test.ts # packages/enhanced/test/compiler-unit/sharing/ProvideSharedPlugin.test.ts # packages/enhanced/test/configCases/sharing/prefix-share-filter/index.js # packages/enhanced/test/configCases/sharing/prefix-share-filter/webpack.config.js # packages/enhanced/test/configCases/sharing/share-multiple-versions-exclude/index.js # packages/enhanced/test/configCases/sharing/share-multiple-versions-include/index.js # packages/enhanced/test/configCases/sharing/share-multiple-versions-include/webpack.config.js # packages/enhanced/test/unit/sharing/ConsumeSharedPlugin.test.ts # packages/enhanced/test/unit/sharing/ProvideSharedPlugin.test.ts # packages/enhanced/test/unit/sharing/SharePlugin.test.ts # pnpm-lock.yaml
# Conflicts: # apps/3000-home/package.json # package.json # packages/sdk/src/node.ts # pnpm-lock.yaml
…em and refactor related logic
…odulesReconstructedLookup option
This commit addresses feedback on the previous module federation sharing
updates:
1. Corrects an issue where `$` was used at the end of `request` strings
in shared module configurations (e.g., `unfetch$`). This suffix is
not standard for Module Federation share keys and has been removed.
The `import` paths for these modules remain correct.
2. Reinstates prefix-based shares in `share-internals-client.ts` for
`next/dist/shared/` (with `include: /shared-runtime/`) and
`next/` (with `exclude: /dist/`). This aligns with the preference
for using broader shares where they suffice.
3. Refines explicit shares in `share-internals-client.ts`:
- Removed the explicit share for `next/dist/shared/lib/shared-runtime.js`
as it is now covered by the reinstated prefix share.
- Retained necessary explicit shares for React, Server Action client
modules, polyfills mapping to Next.js internals, and core Next.js
client utilities that map user-facing APIs (e.g., `next/link`) to
specific internal `next/dist/...` paths.
4. Reviewed explicit shares in `share-internals-server.ts` and confirmed
their necessity due to specific internal `import` paths (for vendored
React, Server Actions, aliased modules like `@vercel/og`, and core
server APIs like `next/headers`) and the absence of broad prefix
shares on the server side. No shares were removed from this file.
This approach ensures that module sharing is both comprehensive for
critical Next.js internals and cleaner by preferring prefix shares where
appropriate, while also correcting the format of request keys.
|
This commit applies several corrections to the module federation
sharing configurations in `share-internals-client.ts` and
`share-internals-server.ts` based on recent feedback:
1. **Removed Polyfill Sharing**:
- All shared configurations for polyfills (e.g., `unfetch`,
`isomorphic-unfetch`, `whatwg-fetch`, `object-assign`, `url`)
have been removed from `share-internals-client.ts`.
- Confirmed no such polyfill shares existed in
`share-internals-server.ts`.
2. **Restored Deterministic Key Generation**:
- Reverted the key generation logic for shared module configurations
in both `share-internals-client.ts` and `share-internals-server.ts`
to be deterministic (based on shareKey, layer, and index),
removing any `Math.random()` components.
3. **Verified `nodeModulesReconstructedLookup`**:
- Confirmed that React module configurations in `getReactGroupServer`
within `share-internals-server.ts` correctly maintain
`nodeModulesReconstructedLookup: false`, consistent with their
previous state in the analyzed file version.
These changes ensure a more precise and deterministic approach to
sharing Next.js internals for Module Federation.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This commit addresses feedback on the previous module federation sharing updates:
Corrects an issue where
$was used at the end ofrequeststrings in shared module configurations (e.g.,unfetch$). This suffix is not standard for Module Federation share keys and has been removed. Theimportpaths for these modules remain correct.Reinstates prefix-based shares in
share-internals-client.tsfornext/dist/shared/(withinclude: /shared-runtime/) andnext/(withexclude: /dist/). This aligns with the preference for using broader shares where they suffice.Refines explicit shares in
share-internals-client.ts:next/dist/shared/lib/shared-runtime.jsas it is now covered by the reinstated prefix share.next/link) to specific internalnext/dist/...paths.Reviewed explicit shares in
share-internals-server.tsand confirmed their necessity due to specific internalimportpaths (for vendored React, Server Actions, aliased modules like@vercel/og, and core server APIs likenext/headers) and the absence of broad prefix shares on the server side. No shares were removed from this file.This approach ensures that module sharing is both comprehensive for critical Next.js internals and cleaner by preferring prefix shares where appropriate, while also correcting the format of request keys.
Description
Related Issue
Types of changes
Checklist