feat(runtime): add mf_module_id to remote to add module debugging information (#2561)

Author: zhoushaw

.changeset/sharp-toys-smile.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/runtime': patch
+---
+
+feat: add mf_module_id to remote to add module debugging information

packages/runtime/src/module/index.ts

@@ -63,7 +63,7 @@ class Module {
   }
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-  async get(expose: string, options?: { loadFactory?: boolean }) {
+  async get(id: string, expose: string, options?: { loadFactory?: boolean }) {
     const { loadFactory = true } = options || { loadFactory: true };
 
     // Get remoteEntry.js
@@ -127,6 +127,12 @@ class Module {
     }
     const exposeContent = await moduleFactory();
 
+    // This parameter is used for bridge debugging
+    Object.defineProperty(exposeContent, Symbol.for('mf_module_id'), {
+      value: id,
+      enumerable: false,
+    });
+
     return exposeContent;
   }
 }

packages/runtime/src/remote/index.ts

@@ -156,7 +156,7 @@ export class RemoteHandler {
           id,
         });
       const { pkgNameOrAlias, remote, expose, id: idRes } = remoteMatchInfo;
-      const moduleOrFactory = (await module.get(expose, options)) as T;
+      const moduleOrFactory = (await module.get(idRes, expose, options)) as T;
 
       const moduleWrapper = await this.hooks.lifecycle.onLoad.emit({
         id: idRes,