feat(nextjs-mf): enable federation manifest (#2387)

Co-authored-by: Rodrigo Yokota <[email protected]>
Co-authored-by: ScriptedAlchemy <[email protected]>

.changeset/gorgeous-boats-grab.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/nextjs-mf': patch
+---
+
+enable manifest to be generated on client-side when setting publicPath

.changeset/wise-tools-float.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/nextjs-mf': patch
+---
+
+enable manifest for server

packages/nextjs-mf/src/plugins/NextFederationPlugin/apply-client-plugins.ts

@@ -33,8 +33,10 @@ export function applyClientPlugins(
 ): void {
   const { webpack } = compiler;
   const { remotes, name } = options;
-  //@ts-ignore
-  compiler.options.output.publicPath = 'auto';
+
+  if (compiler.options.output.publicPath === '/_next/') {
+    compiler.options.output.publicPath = 'auto';
+  }
   // Build will hang without this. Likely something in my plugin
   compiler.options.optimization.splitChunks = undefined;
 

packages/nextjs-mf/src/plugins/NextFederationPlugin/index.ts

@@ -6,7 +6,6 @@
 'use strict';
 
 import type {
-  ModuleFederationPluginOptions,
   NextFederationPluginExtraOptions,
   NextFederationPluginOptions,
 } from '@module-federation/utilities';
@@ -141,7 +140,7 @@ export class NextFederationPlugin {
   private getNormalFederationPluginOptions(
     compiler: Compiler,
     isServer: boolean,
-  ): ModuleFederationPluginOptions {
+  ): moduleFederationPlugin.ModuleFederationPluginOptions {
     const defaultShared = this._extraOptions.skipSharingNextInternals
       ? {}
       : retrieveDefaultShared(isServer);
@@ -178,6 +177,9 @@ export class NextFederationPlugin {
         ...defaultShared,
         ...this._options.shared,
       },
+      ...(isServer
+        ? { manifest: { filePath: '' } }
+        : { manifest: { filePath: '/static/chunks' } }),
       // nextjs project needs to add config.watchOptions = ['**/node_modules/**', '**/@mf-types/**'] to prevent loop types update
       dts: this._options.dts ?? false,
     };