feat(enhanced): add support for virtual runtime entrypoints (#2860)

Author: Coly010

.changeset/warm-dryers-suffer.md

@@ -0,0 +1,6 @@
+---
+'@module-federation/enhanced': minor
+'@module-federation/sdk': minor
+---
+
+Add support for using Virtual Runtime Entrypoints instead of writing a temporary file to disk

apps/website-new/docs/en/configure/index.mdx

@@ -26,5 +26,7 @@ type ModuleFederationOptions = {
   dev?: boolean | PluginDevOptions;
   // control types
   dts?: boolean | PluginDtsOptions;
+  // Use a virtual runtime entrypoint instead of writing a temporary file to disk
+  virtualRuntimeEntry?: boolean;
 };
 ```

packages/enhanced/src/lib/container/runtime/FederationRuntimePlugin.ts

@@ -12,6 +12,7 @@ import fs from 'fs';
 import path from 'path';
 import { TEMP_DIR } from '../constant';
 import type { moduleFederationPlugin } from '@module-federation/sdk';
+import pBtoa from 'btoa';
 
 const { RuntimeGlobals, Template } = require(
   normalizeWebpackPath('webpack'),
@@ -86,7 +87,7 @@ class FederationRuntimePlugin {
               `const pluginsToAdd = [`,
               Template.indent(
                 runtimePluginNames.map(
-                  (item) => `${item} ? ${item}() : false,`,
+                  (item) => `${item} ? (${item}.default || ${item})() : false,`,
                 ),
               ),
               `].filter(Boolean);`,
@@ -131,11 +132,20 @@ class FederationRuntimePlugin {
       return '';
     }
 
-    this.entryFilePath = FederationRuntimePlugin.getFilePath(
-      this.options.name!,
-      this.options.runtimePlugins!,
-      this.bundlerRuntimePath,
-    );
+    if (!this.options?.virtualRuntimeEntry) {
+      this.entryFilePath = FederationRuntimePlugin.getFilePath(
+        this.options.name!,
+        this.options.runtimePlugins!,
+        this.bundlerRuntimePath,
+      );
+    } else {
+      this.entryFilePath = `data:text/javascript;charset=utf-8;base64,${pBtoa(
+        FederationRuntimePlugin.getTemplate(
+          this.options.runtimePlugins!,
+          this.bundlerRuntimePath,
+        ),
+      )}`;
+    }
     return this.entryFilePath;
   }
 
@@ -159,7 +169,9 @@ class FederationRuntimePlugin {
   }
 
   prependEntry(compiler: Compiler) {
-    this.ensureFile();
+    if (!this.options?.virtualRuntimeEntry) {
+      this.ensureFile();
+    }
     const entryFilePath = this.getFilePath();
 
     modifyEntry({

packages/sdk/src/types/plugins/ModuleFederationPlugin.ts

@@ -227,6 +227,7 @@ export interface ModuleFederationPluginOptions {
   dev?: boolean | PluginDevOptions;
   dts?: boolean | PluginDtsOptions;
   async?: boolean | AsyncBoundaryOptions;
+  virtualRuntimeEntry?: boolean;
 }
 /**
  * Modules that should be exposed by this container. Property names are used as public paths.