Step 2 - Add exposes and remoteEntry in import-map-config.json

Author: klerick

apps/mf1-application/tsconfig.app.json

@@ -4,7 +4,7 @@
     "outDir": "../../dist/out-tsc",
     "types": []
   },
-  "files": ["src/main.ts", "../../libs/nx-angular-mf/src/index.ts"],
+  "files": ["src/main.ts", "../../libs/nx-angular-mf/src/index.ts", "src/app/remote/second/index.ts"],
   "include": ["src/**/*.d.ts"],
   "exclude": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts"]
 }

libs/nx-angular-mf/src/builders/es-plugin/entry-point-for-extend-dependencies.ts

@@ -15,7 +15,7 @@ export function entryPointForExtendDependencies(config: ConfigMf): Plugin {
           acum[key] = value.entryPoint;
           return acum;
         },
-        { }
+        { ...config.exposes }
       );
 
       delete build.initialOptions.define.ngServerMode;

libs/nx-angular-mf/src/builders/helpers/prepare-config.ts

@@ -55,6 +55,15 @@ export async function prepareConfig(
     );
   }
 
+  if (
+    defaultOptions.exposes &&
+    Object.keys(defaultOptions.exposes).length > 0
+  ) {
+    for (const [key, value] of Object.entries(defaultOptions.exposes)) {
+      exposes[key] = join(workspaceRootPath, value);
+    }
+  }
+
   return {
     skipList: skipList,
     externalList: externalList,

libs/nx-angular-mf/src/builders/helpers/utils.ts

@@ -54,5 +54,12 @@ export function getDataForImportMap(
 
       return acum;
     }, {}),
+    exposes: Object.entries(mfeConfig.exposes).reduce((acum, [key, val]) => {
+      const resultName =
+        mfeConfig.outPutFileNames.find((i) => i.startsWith(key)) || key + '.js';
+      acum[key] = './' + resultName;
+      return acum;
+    }, {}),
+    remoteEntry: mfeConfig.remoteEntry,
   };
 }

libs/nx-angular-mf/src/builders/types.ts

@@ -28,4 +28,6 @@ export type MapPackage = Map<
 
 export type DataForImportMap = {
   imports: Record<string, string>;
+  exposes: Record<string, string>;
+  remoteEntry: Record<string, string>;
 };