feat(nf): add build flag with options default and separate

before, all deps were build together to improve build performance.
now, you can set build to separate for selected shared deps. In this
case they will be built separate. This is necessary in rare cases, e. g. where a lib imports parts of it self using it's own package name. As native
federation uses externals such imports would not be bundled in when
built together with other deps. However, if we build it separately,
we can remove itself from the external list for this one build.

Author: manfredsteyer

libs/native-federation-core/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@softarc/native-federation",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "type": "commonjs",
   "license": "MIT",
   "dependencies": {
     "json5": "^2.2.0",
     "npmlog": "^6.0.2",
-    "@softarc/native-federation-runtime": "2.0.17"
+    "@softarc/native-federation-runtime": "2.0.18"
   }
 }

libs/native-federation-core/src/lib/config/federation-config.ts

@@ -9,6 +9,7 @@ export interface SharedConfig {
   includeSecondaries?: boolean;
   transient?: boolean;
   platform?: 'browser' | 'node';
+  build?: 'default' | 'separate';
   packageInfo?: {
     entryPoint: string;
     version: string;
@@ -31,6 +32,7 @@ export interface NormalizedSharedConfig {
   version?: string;
   includeSecondaries?: boolean;
   platform: 'browser' | 'node';
+  build: 'default' | 'separate';
   packageInfo?: {
     entryPoint: string;
     version: string;

libs/native-federation-core/src/lib/config/share-utils.ts

@@ -18,7 +18,6 @@ import {
 import { getConfigContext } from './configuration-context';
 import { logger } from '../utils/logger';
 import { resolveGlobSync } from '../utils/resolve-glob';
-import { ShareObject } from '@softarc/native-federation-runtime';
 
 let inferVersion = false;
 
@@ -210,7 +209,7 @@ function readConfiguredSecondaries(
       key != '.' &&
       key != './package.json' &&
       key.startsWith('./') &&
-      (exports[key]['default'] || typeof exports[key] === 'string')
+      (exports[key]['default'] || exports[key]['import'] || typeof exports[key] === 'string')
   );
 
   const result = {} as Record<string, SharedConfig>;
@@ -277,13 +276,22 @@ function getDefaultEntry(
   let entry = '';
   if (typeof exports[key] === 'string') {
     entry = exports[key] as unknown as string;
-  } else {
+  } 
+  
+  if (!entry) {
     entry = exports[key]?.['default'];
-
     if (typeof entry === 'object') {
       entry = entry['default'];
     }
   }
+
+  if (!entry) {
+    entry = exports[key]?.['import'];
+    if (typeof entry === 'object') {
+      entry = entry['import'];
+    }    
+  }
+
   return entry;
 }
 

libs/native-federation-core/src/lib/config/with-native-federation.ts

@@ -53,7 +53,8 @@ function normalizeShared(
           version: shared[cur].version,
           includeSecondaries: shared[cur].includeSecondaries,
           packageInfo: shared[cur].packageInfo,
-          platform: shared[cur].platform ?? getDefaultPlatform(cur)
+          platform: shared[cur].platform ?? getDefaultPlatform(cur),
+          build: shared[cur].build ?? 'default'
         },
       }),
       {}

libs/native-federation-core/src/lib/core/build-for-federation.ts

@@ -1,5 +1,5 @@
 import { NormalizedFederationConfig, NormalizedSharedConfig } from '../config/federation-config';
-import { FederationInfo } from '@softarc/native-federation-runtime';
+import { FederationInfo, SharedInfo } from '@softarc/native-federation-runtime';
 import { FederationOptions } from './federation-options';
 import { writeImportMap } from './write-import-map';
 import { writeFederationInfo } from './write-federation-info';
@@ -39,12 +39,24 @@ export async function buildForFederation(
     ? describeExposed(config, fedOptions)
     : artefactInfo.exposes;
 
-  const { sharedBrowser, sharedServer } = splitShared(config.shared);
+  const { 
+    sharedBrowser, 
+    sharedServer, 
+    separateBrowser, 
+    separateServer 
+  } = splitShared(config.shared);
 
   const sharedPackageInfoBrowser = await bundleShared(sharedBrowser, config, fedOptions, externals, 'browser');
   const sharedPackageInfoServer = await bundleShared(sharedServer, config, fedOptions, externals, 'node');
+  const separatePackageInfoBrowser = await bundleSeparate(separateBrowser, externals, config, fedOptions, 'browser');
+  const separatePackageInfoServer = await bundleSeparate(separateServer, externals, config, fedOptions, 'node');
 
-  const sharedPackageInfo = [...sharedPackageInfoBrowser, ...sharedPackageInfoServer];
+  const sharedPackageInfo = [
+    ...sharedPackageInfoBrowser, 
+    ...sharedPackageInfoServer,
+    ...separatePackageInfoBrowser,
+    ...separatePackageInfoServer
+  ];
 
   const sharedMappingInfo = !artefactInfo
     ? describeSharedMappings(config, fedOptions)
@@ -64,22 +76,61 @@ export async function buildForFederation(
   return federationInfo;
 }
 
-function splitShared(shared: Record<string, NormalizedSharedConfig>): {sharedServer: Record<string, NormalizedSharedConfig>, sharedBrowser: Record<string, NormalizedSharedConfig>} {
+type SplitSharedResult = {
+  sharedServer: Record<string, NormalizedSharedConfig>;
+  sharedBrowser: Record<string, NormalizedSharedConfig>;
+  separateBrowser: Record<string, NormalizedSharedConfig>;
+  separateServer: Record<string, NormalizedSharedConfig>;
+};
+
+function inferPackageFromSecondary(secondary: string): string {
+  const parts = secondary.split('/');
+  if (secondary.startsWith('@') && parts.length >= 2) {
+      return parts[0] + '/' + parts[1];
+  }
+  return parts[0];
+}
+
+async function bundleSeparate(separateBrowser: Record<string, NormalizedSharedConfig>, externals: string[], config: NormalizedFederationConfig, fedOptions: FederationOptions, platform: 'node' | 'browser') {
+  const result: SharedInfo[] = [];
+  for (const key in separateBrowser) {
+    const shared = separateBrowser[key];
+    const packageName = inferPackageFromSecondary(key);
+    const filteredExternals = externals.filter(e => !e.startsWith(packageName));
+    const record = { [key]: shared };
+    const buildResult = await bundleShared(record, config, fedOptions, filteredExternals, platform);
+    buildResult.forEach(item => result.push(item));
+  }
+  return result;
+}
+
+function splitShared(shared: Record<string, NormalizedSharedConfig>): SplitSharedResult {
   const sharedServer: Record<string, NormalizedSharedConfig> = {};
   const sharedBrowser: Record<string, NormalizedSharedConfig> = {};
+  const separateBrowser: Record<string, NormalizedSharedConfig> = {};
+  const separateServer: Record<string, NormalizedSharedConfig> = {};
 
   for (const key in shared) {
-    if (shared[key].platform === 'node') {
-      sharedServer[key] = shared[key];
+    const obj = shared[key];
+    if (obj.platform === 'node' && obj.build === 'default') {
+      sharedServer[key] = obj;
+    }
+    else if (obj.platform === 'node' && obj.build === 'separate') {
+      separateServer[key] = obj;
+    }
+    else if (obj.platform === 'browser' && obj.build === 'default') {
+      sharedBrowser[key] = obj;
     }
     else {
-      sharedBrowser[key] = shared[key];
+      separateBrowser[key] = obj;
     }
   }
 
   return {
     sharedBrowser, 
-    sharedServer
+    sharedServer,
+    separateBrowser,
+    separateServer,
   };
 
 }

libs/native-federation-esbuild/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softarc/native-federation-esbuild",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "type": "commonjs",
   "dependencies": {
     "@rollup/plugin-commonjs": "^22.0.2",

libs/native-federation-node/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@softarc/native-federation-node",
-  "version": "2.0.17"
+  "version": "2.0.18"
 }

libs/native-federation-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softarc/native-federation-runtime",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "dependencies": {
     "tslib": "^2.3.0"
   },

libs/native-federation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-architects/native-federation",
-  "version": "19.0.4",
+  "version": "19.0.5",
   "main": "src/index.js",
   "generators": "./collection.json",
   "builders": "./builders.json",
@@ -20,8 +20,8 @@
   },
   "dependencies": {
     "@babel/core": "^7.19.0",
-    "@softarc/native-federation": "2.0.17",
-    "@softarc/native-federation-runtime": "2.0.17",
+    "@softarc/native-federation": "2.0.18",
+    "@softarc/native-federation-runtime": "2.0.18",
     "@types/browser-sync": "^2.29.0",
     "@chialab/esbuild-plugin-commonjs": "^0.18.0",
     "browser-sync": "^3.0.2",