feat: Unify Federation with ModernJS & Byte Infra team

packages/node/README.md

@@ -152,6 +152,33 @@ revalidate().then((shouldReload) => {
 });
 ```
 
+### Overrideing default http chunk fetch
+
+```js
+const chunkFetcher = globalThis.webpackChunkLoad || globalThis.fetch || fetchPolyfill;
+// then it will pass one argument to the function, the url to fetch
+
+chunkFetcher(url)
+  .then((res) => res.text())
+  .then((text) => {
+    // do something with the text
+  });
+```
+
+if you want to use your own custom fetch, or add fetch headers, either in the entrypoint of webpack or outside
+of webpack scope, like in express server- you can override the default chunk fetcher by setting the globalThis.webpackChunkLoad variable.
+
+```js
+globalThis.webpackChunkLoad = async (url) => {
+  const res = await fetch(url, {
+    headers: {
+      'x-custom-header': 'custom-header-value',
+    },
+  });
+  return res.text();
+};
+```
+
 ## 🔑 License
 
 - MIT @[ScriptedAlchemy](https://github.com/ScriptedAlchemy)

packages/node/src/plugins/CommonJsChunkLoadingPlugin.ts

@@ -1,8 +1,9 @@
-import type { Chunk, Compiler } from 'webpack';
+import type { Chunk, Compiler, Compilation, ChunkGraph } from 'webpack';
 import type { ModuleFederationPluginOptions } from '../types';
 import RuntimeGlobals from 'webpack/lib/RuntimeGlobals';
 import StartupChunkDependenciesPlugin from 'webpack/lib/runtime/StartupChunkDependenciesPlugin';
 import ChunkLoadingRuntimeModule from './LoadFileChunkLoadingRuntimeModule';
+import FederationModuleInfoRuntimeModule from './FederationModuleInfoRuntimeModule';
 
 interface CommonJsChunkLoadingOptions extends ModuleFederationPluginOptions {
   baseURI: Compiler['options']['output']['publicPath'];
@@ -34,7 +35,7 @@ class CommonJsChunkLoadingPlugin {
 
     compiler.hooks.thisCompilation.tap(
       'CommonJsChunkLoadingPlugin',
-      (compilation) => {
+      (compilation: Compilation) => {
         // Always enabled
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const isEnabledForChunk = (_: Chunk) => true;
@@ -44,67 +45,88 @@ class CommonJsChunkLoadingPlugin {
           if (onceForChunkSet.has(chunk)) return;
 
           onceForChunkSet.add(chunk);
-
-          if (!isEnabledForChunk(chunk)) return;
-
+          if (!isEnabledForChunk(chunk)) {
+            return;
+          }
           set.add(RuntimeGlobals.moduleFactoriesAddOnly);
           set.add(RuntimeGlobals.hasOwnProperty);
-
+          set.add(RuntimeGlobals.publicPath);
           compilation.addRuntimeModule(
             chunk,
             new ChunkLoadingRuntimeModule(set, this.options, {
               webpack: compiler.webpack,
             })
           );
         };
-
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.ensureChunkHandlers)
           .tap('CommonJsChunkLoadingPlugin', handler);
-
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.hmrDownloadUpdateHandlers)
           .tap('CommonJsChunkLoadingPlugin', handler);
-
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.hmrDownloadManifest)
           .tap('CommonJsChunkLoadingPlugin', handler);
-
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.baseURI)
           .tap('CommonJsChunkLoadingPlugin', handler);
-
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.externalInstallChunk)
           .tap('CommonJsChunkLoadingPlugin', handler);
-
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.onChunksLoaded)
           .tap('CommonJsChunkLoadingPlugin', handler);
-
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.ensureChunkHandlers)
-          .tap('CommonJsChunkLoadingPlugin', (chunk, set) => {
-            if (!isEnabledForChunk(chunk)) return;
-            set.add(RuntimeGlobals.getChunkScriptFilename);
-          });
-
+          .tap(
+            'CommonJsChunkLoadingPlugin',
+            (chunk: Chunk, set: Set<string>) => {
+              if (!isEnabledForChunk(chunk)) {
+                return;
+              }
+              set.add(RuntimeGlobals.getChunkScriptFilename);
+            }
+          );
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.hmrDownloadUpdateHandlers)
-          .tap('CommonJsChunkLoadingPlugin', (chunk, set) => {
-            if (!isEnabledForChunk(chunk)) return;
-            set.add(RuntimeGlobals.getChunkUpdateScriptFilename);
-            set.add(RuntimeGlobals.moduleCache);
-            set.add(RuntimeGlobals.hmrModuleData);
-            set.add(RuntimeGlobals.moduleFactoriesAddOnly);
-          });
-
+          .tap(
+            'CommonJsChunkLoadingPlugin',
+            (chunk: Chunk, set: Set<string>) => {
+              if (!isEnabledForChunk(chunk)) {
+                return;
+              }
+              set.add(RuntimeGlobals.getChunkUpdateScriptFilename);
+              set.add(RuntimeGlobals.moduleCache);
+              set.add(RuntimeGlobals.hmrModuleData);
+              set.add(RuntimeGlobals.moduleFactoriesAddOnly);
+            }
+          );
         compilation.hooks.runtimeRequirementInTree
           .for(RuntimeGlobals.hmrDownloadManifest)
-          .tap('CommonJsChunkLoadingPlugin', (chunk, set) => {
-            if (!isEnabledForChunk(chunk)) return;
-            set.add(RuntimeGlobals.getUpdateManifestFilename);
-          });
+          .tap(
+            'CommonJsChunkLoadingPlugin',
+            (chunk: Chunk, set: Set<string>) => {
+              if (!isEnabledForChunk(chunk)) {
+                return;
+              }
+              set.add(RuntimeGlobals.getUpdateManifestFilename);
+            }
+          );
+
+        compilation.hooks.additionalTreeRuntimeRequirements.tap(
+          'StartupChunkDependenciesPlugin',
+          (
+            chunk: Chunk,
+            set: Set<string>,
+            { chunkGraph }: { chunkGraph: ChunkGraph }
+          ) => {
+            compilation.addRuntimeModule(
+              chunk,
+              //@ts-ignore
+              new FederationModuleInfoRuntimeModule()
+            );
+          }
+        );
       }
     );
   }

packages/node/src/plugins/FederationModuleInfoRuntimeModule.ts

@@ -0,0 +1,25 @@
+'use strict';
+
+const { RuntimeGlobals } = require('webpack');
+const { RuntimeModule } = require('webpack');
+const { Template } = require('webpack');
+
+class FederationModuleInfoRuntimeModule extends RuntimeModule {
+  constructor() {
+    super('federation module info runtime', RuntimeModule.STAGE_BASIC + 1);
+  }
+
+  /**
+   * @returns {string} runtime code
+   */
+  // eslint-disable-next-line max-lines-per-function
+  generate() {
+    return Template.asString([
+      `${RuntimeGlobals.require}.federation = {`,
+      Template.indent([`cache: {},`, `remotes: {},`, `moduleInfo: {},`]),
+      `}`,
+    ]);
+  }
+}
+
+export default FederationModuleInfoRuntimeModule;

packages/node/src/plugins/StreamingTargetPlugin.ts

@@ -19,20 +19,16 @@ class StreamingTargetPlugin {
   }
 
   apply(compiler: Compiler) {
-    if (compiler.options.target) {
-      console.warn(
-        `target should be set to false while using NodeSoftwareStreamRuntime plugin, actual target: ${compiler.options.target}`
-      );
-      console.info('Setting target to false');
-      compiler.options.target = false;
-    }
-
     // When used with Next.js, context is needed to use Next.js webpack
     const { webpack } = compiler;
 
-    // This will enable CommonJsChunkFormatPlugin
     compiler.options.output.chunkFormat = 'commonjs';
-    // This will force async chunk loading
+    if (compiler.options.output.enabledLibraryTypes === undefined) {
+      compiler.options.output.enabledLibraryTypes = ['commonjs-module'];
+    } else {
+      compiler.options.output.enabledLibraryTypes.push('commonjs-module');
+    }
+
     compiler.options.output.chunkLoading = 'async-node';
 
     // Disable default config