@angular-architects/native-federation-v4 20.3.7 → 20.3.8

package/collection.json

@@ -22,6 +22,11 @@
       "factory": "./src/schematics/appbuilder/schematic",
       "schema": "./src/schematics/appbuilder/schema.json",
       "description": "Migrates for using the appbuilder"
+    },
+    "update-v4": {
+      "factory": "./src/schematics/update-v4/schematic",
+      "schema": "./src/schematics/update-v4/schema.json",
+      "description": "Migrates from native-federation v3 to v4"
     }
   }
 }

package/migration-collection.json

@@ -8,6 +8,12 @@
       "factory": "./src/schematics/update18/schematic",
       "schema": "./src/schematics/update18/schema.json",
       "description": "migrating to v18"
+    },
+    "update-v4": {
+      "version": "21.2.0-beta.0",
+      "factory": "./src/schematics/update-v4/schematic",
+      "schema": "./src/schematics/update-v4/schema.json",
+      "description": "migrating from native-federation v3 to v4"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-architects/native-federation-v4",
-  "version": "20.3.7",
+  "version": "20.3.8",
   "generators": "./collection.json",
   "builders": "./builders.json",
   "schematics": "./collection.json",
@@ -10,8 +10,8 @@
     "url": "http://www.angulararchitects.io"
   },
   "dependencies": {
-    "@softarc/native-federation": "4.0.0-RC8",
-    "@softarc/native-federation-runtime": "4.0.0-RC8",
+    "@softarc/native-federation": "4.0.0-RC9",
+    "@softarc/native-federation-runtime": "4.0.0-RC9",
     "@angular-devkit/architect": "^0.2003.1",
     "@angular-devkit/build-angular": "~20.3.1",
     "@angular-devkit/core": "~20.3.1",

package/src/builders/build/builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../../src/builders/build/builder.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAS1C,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAGnB,MAAM,2BAA2B,CAAC;AAgCnC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AA2CnD,wBAAuB,UAAU,CAC/B,gBAAgB,EAAE,eAAe,EACjC,OAAO,EAAE,cAAc,GACtB,aAAa,CAAC,aAAa,CAAC,CAkY9B;wBA6C2C,GAAG;AAA/C,wBAAgD"}
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../../src/builders/build/builder.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAS1C,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAGnB,MAAM,2BAA2B,CAAC;AA+BnC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AA2CnD,wBAAuB,UAAU,CAC/B,gBAAgB,EAAE,eAAe,EACjC,OAAO,EAAE,cAAc,GACtB,aAAa,CAAC,aAAa,CAAC,CA8X9B;wBA6C2C,GAAG;AAA/C,wBAAgD"}

package/src/builders/build/builder.js

@@ -6,13 +6,13 @@ import { buildApplication } from '@angular/build';
 import { buildApplicationInternal, serveWithVite, SourceFileCache } from '@angular/build/private';
 import { createBuilder, targetFromTargetString, } from '@angular-devkit/architect';
 import { normalizeOptions } from '@angular-devkit/build-angular/src/builders/dev-server/options.js';
-import { buildForFederation, rebuildForFederation, getExternals, loadFederationConfig, normalizeFederationOptions, setBuildAdapter, createFederationCache, } from '@softarc/native-federation';
+import { buildForFederation, rebuildForFederation, getExternals, normalizeFederationOptions, setBuildAdapter, createFederationCache, } from '@softarc/native-federation';
 import { logger, setLogLevel, RebuildQueue, AbortedError, getDefaultCachePath, } from '@softarc/native-federation/internal';
 import { createAngularBuildAdapter } from '../../utils/angular-esbuild-adapter.js';
 import { existsSync, mkdirSync, rmSync } from 'fs';
 import { fstart } from '../../tools/fstart-as-data-url.js';
 import { getI18nConfig, translateFederationArtifacts } from '../../utils/i18n.js';
-import { createSharedMappingsPlugin } from '../../utils/shared-mappings-plugin.js';
+// import { createSharedMappingsPlugin } from '../../utils/shared-mappings-plugin.js';
 import { updateScriptTags } from '../../utils/updateIndexHtml.js';
 import { federationBuildNotifier } from './federation-build-notifier.js';
 const originalWrite = process.stderr.write.bind(process.stderr);
@@ -70,7 +70,7 @@ export async function* runBuilder(nfBuilderOptions, context) {
     const runServer = typeof nfBuilderOptions.devServer !== 'undefined'
         ? !!nfBuilderOptions.devServer
         : target.target.includes('serve');
-    let options = (await context.validateOptions(runServer
+    let ngBuilderOptions = (await context.validateOptions(runServer
         ? {
             ...targetOptions,
             port: nfBuilderOptions.port || targetOptions['port'],
@@ -78,27 +78,27 @@ export async function* runBuilder(nfBuilderOptions, context) {
         : targetOptions, builder));
     let serverOptions = null;
     const watch = nfBuilderOptions.watch;
-    if (options['buildTarget']) {
-        serverOptions = await normalizeOptions(context, context.target.project, options);
-        target = targetFromTargetString(options['buildTarget']);
+    if (ngBuilderOptions['buildTarget']) {
+        serverOptions = await normalizeOptions(context, context.target.project, ngBuilderOptions);
+        target = targetFromTargetString(ngBuilderOptions['buildTarget']);
         targetOptions = (await context.getTargetOptions(target));
         builder = await context.getBuilderNameForTarget(target);
-        options = (await context.validateOptions(targetOptions, builder));
+        ngBuilderOptions = (await context.validateOptions(targetOptions, builder));
     }
-    options.watch = watch;
+    ngBuilderOptions.watch = watch;
     if (nfBuilderOptions.baseHref) {
-        options.baseHref = nfBuilderOptions.baseHref;
+        ngBuilderOptions.baseHref = nfBuilderOptions.baseHref;
     }
     if (nfBuilderOptions.outputPath) {
-        options.outputPath = nfBuilderOptions.outputPath;
+        ngBuilderOptions.outputPath = nfBuilderOptions.outputPath;
     }
-    const adapter = createAngularBuildAdapter(options, context);
+    const adapter = createAngularBuildAdapter(ngBuilderOptions, context);
     setBuildAdapter(adapter);
-    setLogLevel(options.verbose ? 'verbose' : 'info');
-    if (!options.outputPath) {
-        options.outputPath = `dist/${context.target.project}`;
+    setLogLevel(ngBuilderOptions.verbose ? 'verbose' : 'info');
+    if (!ngBuilderOptions.outputPath) {
+        ngBuilderOptions.outputPath = `dist/${context.target.project}`;
     }
-    const outputPath = options.outputPath;
+    const outputPath = ngBuilderOptions.outputPath;
     const outputOptions = {
         browser: 'browser',
         server: 'server',
@@ -107,37 +107,37 @@ export async function* runBuilder(nfBuilderOptions, context) {
         base: typeof outputPath === 'string' ? outputPath : outputPath.base,
     };
     const i18n = await getI18nConfig(context);
-    const localeFilter = getLocaleFilter(options, runServer);
+    const localeFilter = getLocaleFilter(ngBuilderOptions, runServer);
     const sourceLocaleSegment = typeof i18n?.sourceLocale === 'string'
         ? i18n.sourceLocale
         : i18n?.sourceLocale?.subPath || i18n?.sourceLocale?.code || '';
-    const browserOutputPath = path.join(outputOptions.base, outputOptions.browser, options.localize ? sourceLocaleSegment : '');
+    const browserOutputPath = path.join(outputOptions.base, outputOptions.browser, ngBuilderOptions.localize ? sourceLocaleSegment : '');
     const differentDevServerOutputPath = Array.isArray(localeFilter) && localeFilter.length === 1;
     const devServerOutputPath = !differentDevServerOutputPath
         ? browserOutputPath
         : path.join(outputOptions.base, outputOptions.browser, localeFilter[0]);
-    const entryPoint = nfBuilderOptions.entryPoint ?? path.join(path.dirname(options.tsConfig), 'src/main.ts');
+    const entryPoints = nfBuilderOptions.entryPoints && nfBuilderOptions.entryPoints.length > 0
+        ? nfBuilderOptions.entryPoints
+        : [path.join(path.dirname(ngBuilderOptions.tsConfig), 'src/main.ts')];
     const cachePath = getDefaultCachePath(context.workspaceRoot);
-    const nfOptions = normalizeFederationOptions({
+    const normalized = await normalizeFederationOptions({
+        projectName: nfBuilderOptions.projectName,
         workspaceRoot: context.workspaceRoot,
         outputPath: browserOutputPath,
-        federationConfig: inferConfigPath(options.tsConfig),
-        tsConfig: options.tsConfig,
-        verbose: options.verbose,
-        watch: options.watch,
+        federationConfig: inferConfigPath(ngBuilderOptions.tsConfig),
+        tsConfig: ngBuilderOptions.tsConfig,
+        verbose: ngBuilderOptions.verbose,
+        watch: ngBuilderOptions.watch,
         dev: !!nfBuilderOptions.dev,
-        chunks: !nfBuilderOptions.chunks ? false : nfBuilderOptions.chunks,
-        entryPoint,
+        entryPoints,
         buildNotifications: nfBuilderOptions.buildNotifications,
-        cacheExternalArtifacts: nfBuilderOptions.cacheExternalArtifacts,
+        cacheExternalArtifacts: nfBuilderOptions.cacheExternalArtifacts !== false,
     }, createFederationCache(cachePath, new SourceFileCache(cachePath)));
     const activateSsr = nfBuilderOptions.ssr && !nfBuilderOptions.dev;
     const start = process.hrtime();
-    const config = await loadFederationConfig(nfOptions);
     logger.measure(start, 'To load the federation config.');
-    const externals = getExternals(config);
+    const externals = getExternals(normalized.config);
     const plugins = [
-        createSharedMappingsPlugin(config.sharedMappings),
         {
             name: 'externals',
             setup(build) {
@@ -149,7 +149,7 @@ export async function* runBuilder(nfBuilderOptions, context) {
     ];
     // SSR build fails when externals are provided via the plugin
     if (activateSsr) {
-        options.externalDependencies = externals;
+        ngBuilderOptions.externalDependencies = externals;
     }
     const isLocalDevelopment = runServer && nfBuilderOptions.dev;
     // Initialize SSE reloader only for local development
@@ -159,12 +159,12 @@ export async function* runBuilder(nfBuilderOptions, context) {
     const middleware = [
         ...(isLocalDevelopment
             ? [
-                federationBuildNotifier.createEventMiddleware(req => removeBaseHref(req, options.baseHref)),
+                federationBuildNotifier.createEventMiddleware(req => removeBaseHref(req, ngBuilderOptions.baseHref)),
             ]
             : []),
         (req, res, next) => {
-            const url = removeBaseHref(req, options.baseHref);
-            const fileName = path.join(nfOptions.workspaceRoot, devServerOutputPath, url);
+            const url = removeBaseHref(req, ngBuilderOptions.baseHref);
+            const fileName = path.join(normalized.options.workspaceRoot, devServerOutputPath, url);
             const exists = fs.existsSync(fileName);
             if (url !== '/' && url !== '' && exists) {
                 const lookup = mrmime.lookup;
@@ -187,24 +187,22 @@ export async function* runBuilder(nfBuilderOptions, context) {
         },
     ];
     let first = true;
-    if (existsSync(nfOptions.outputPath)) {
-        rmSync(nfOptions.outputPath, { recursive: true });
+    if (existsSync(normalized.options.outputPath)) {
+        rmSync(normalized.options.outputPath, { recursive: true });
     }
-    if (!existsSync(nfOptions.outputPath)) {
-        mkdirSync(nfOptions.outputPath, { recursive: true });
+    if (!existsSync(normalized.options.outputPath)) {
+        mkdirSync(normalized.options.outputPath, { recursive: true });
     }
     let federationResult;
     try {
-        const start = process.hrtime();
-        federationResult = await buildForFederation(config, nfOptions, externals);
-        logger.measure(start, 'To build the artifacts.');
+        federationResult = await buildForFederation(normalized.config, normalized.options, externals);
     }
     catch (e) {
         logger.error(e?.message ?? 'Building the artifacts failed');
         process.exit(1);
     }
     if (activateSsr) {
-        writeFstartScript(nfOptions);
+        writeFstartScript(normalized.options);
     }
     const hasLocales = i18n?.locales && Object.keys(i18n.locales).length > 0;
     if (hasLocales && localeFilter) {
@@ -212,16 +210,16 @@ export async function* runBuilder(nfBuilderOptions, context) {
         translateFederationArtifacts(i18n, localeFilter, outputOptions.base, federationResult);
         logger.measure(start, 'To translate the artifacts.');
     }
-    options.deleteOutputPath = false;
+    ngBuilderOptions.deleteOutputPath = false;
     const appBuilderName = '@angular/build:application';
     const builderRun = runServer
-        ? serveWithVite(serverOptions, appBuilderName, createInternalAngularBuilder(nfOptions), context, nfBuilderOptions.skipHtmlTransform
+        ? serveWithVite(serverOptions, appBuilderName, createInternalAngularBuilder(normalized.options), context, nfBuilderOptions.skipHtmlTransform
             ? {}
             : { indexHtml: transformIndexHtml(nfBuilderOptions) }, {
             buildPlugins: plugins,
             middleware,
         })
-        : buildApplication(options, context, {
+        : buildApplication(ngBuilderOptions, context, {
             codePlugins: plugins,
             indexHtmlTransformer: transformIndexHtml(nfBuilderOptions),
         });
@@ -257,11 +255,10 @@ export async function* runBuilder(nfBuilderOptions, context) {
                         if (signal?.aborted) {
                             throw new AbortedError('[builder] Before federation build.');
                         }
-                        const start = process.hrtime();
                         // Todo: Invalidate all source files, Angular doesn't provide a way to give the invalidated files yet.
                         // ref: https://github.com/angular/angular-cli/pull/32527
-                        const keys = [...nfOptions.federationCache.bundlerCache.keys()].filter(k => !k.includes('node_modules'));
-                        federationResult = await rebuildForFederation(config, nfOptions, externals, keys, signal);
+                        const keys = [...normalized.options.federationCache.bundlerCache.keys()].filter(k => !k.includes('node_modules'));
+                        federationResult = await rebuildForFederation(normalized.config, normalized.options, externals, keys, signal);
                         if (signal?.aborted) {
                             throw new AbortedError('[builder] After federation build.');
                         }
@@ -275,7 +272,6 @@ export async function* runBuilder(nfBuilderOptions, context) {
                         if (isLocalDevelopment) {
                             federationBuildNotifier.broadcastBuildCompletion();
                         }
-                        logger.measure(start, 'To rebuild the federation artifacts.');
                         return { success: true };
                     }
                     catch (error) {
@@ -285,7 +281,7 @@ export async function* runBuilder(nfBuilderOptions, context) {
                             return { success: false, cancelled: true };
                         }
                         logger.error('Federation rebuild failed!');
-                        if (options.verbose)
+                        if (ngBuilderOptions.verbose)
                             console.error(error);
                         if (isLocalDevelopment) {
                             federationBuildNotifier.broadcastBuildError(error);

package/src/builders/build/schema.d.ts

@@ -6,18 +6,16 @@ export interface NfBuilderSchema extends JsonObject {
   target: string;
   dev: boolean;
   port: number;
-  open: boolean;
   rebuildDelay: number;
   buildNotifications?: BuildNotificationOptions;
-  shell: string;
   watch: boolean;
   skipHtmlTransform: boolean;
   esmsInitOptions: ESMSInitOptions;
   baseHref?: string;
   outputPath?: string;
+  projectName?: string;
   ssr: boolean;
   devServer?: boolean;
-  chunks?: { enable: boolean; dense: true };
-  entryPoint?: string;
+  entryPoints?: string[];
   cacheExternalArtifacts?: boolean;
-} // eslint-disable-line
+}

package/src/builders/build/schema.json

@@ -23,25 +23,14 @@
       "type": "number",
       "default": 0
     },
-    "entryPoint": {
-      "type": "string"
-    },
-    "open": {
-      "type": "boolean",
-      "default": true,
-      "description": "Open browser?",
-      "alias": "o"
+    "entryPoints": {
+      "type": "array"
     },
     "rebuildDelay": {
       "type": "number",
       "default": 2000,
       "description": "The delay for rebuilding federation artifacts. This allows to have more resources for refreshing your micro frontend in the browser."
     },
-    "shell": {
-      "type": "string",
-      "description": "Experimental",
-      "default": ""
-    },
     "skipHtmlTransform": {
       "type": "boolean",
       "default": false
@@ -49,6 +38,9 @@
     "baseHref": {
       "type": "string"
     },
+    "projectName": {
+      "type": "string"
+    },
     "outputPath": {
       "type": "string"
     },
@@ -70,22 +62,9 @@
     },
     "cacheExternalArtifacts": {
       "type": "boolean",
-      "description": "Will cache the shared externals so they can be re-used between builds"
-    },
-    "chunks": {
-      "type": "object",
-      "properties": {
-        "enable": {
-          "type": "boolean",
-          "default": true,
-          "description": "Enable chunking (code splitting)."
-        },
-        "dense": {
-          "type": "boolean",
-          "default": false,
-          "description": "Allows for a more compact remoteEntry.json."
-        }
-      }
+      "default": true,
+      "description": "Will cache the shared externals so they can be re-used between builds",
+      "alias": "cache"
     },
     "buildNotifications": {
       "type": "object",

package/src/config/angular-skip-list.d.ts

@@ -0,0 +1,3 @@
+import { type SkipList } from '@softarc/native-federation/config';
+export declare const NG_SKIP_LIST: SkipList;
+//# sourceMappingURL=angular-skip-list.d.ts.map

package/src/config/angular-skip-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-skip-list.d.ts","sourceRoot":"","sources":["../../../src/config/angular-skip-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAqB,MAAM,mCAAmC,CAAC;AAErF,eAAO,MAAM,YAAY,EAAE,QAW1B,CAAC"}

package/src/config/angular-skip-list.js

@@ -0,0 +1,13 @@
+import { DEFAULT_SKIP_LIST } from '@softarc/native-federation/config';
+export const NG_SKIP_LIST = [
+    ...DEFAULT_SKIP_LIST,
+    '@angular-architects/native-federation',
+    'zone.js',
+    '@angular/localize',
+    '@angular/localize/init',
+    '@angular/localize/tools',
+    '@angular/router/upgrade',
+    '@angular/common/upgrade',
+    /^@nx\/angular/,
+    pkg => pkg.startsWith('@angular/') && !!pkg.match(/\/testing(\/|$)/),
+];

package/src/config/share-utils.d.ts

@@ -0,0 +1,9 @@
+import type { ShareAllExternalsOptions, ShareExternalsOptions, SkipList, FederationConfig } from '@softarc/native-federation/domain';
+export declare function shareAll(config: ShareAllExternalsOptions, opts?: {
+    skipList?: SkipList;
+    projectPath?: string;
+    overrides?: ShareExternalsOptions;
+}): ShareExternalsOptions | null;
+export declare function share(configuredShareObjects: ShareExternalsOptions, projectPath?: string, skipList?: SkipList): ShareExternalsOptions;
+export declare function withNativeFederation(cfg: FederationConfig): import("@softarc/native-federation/internal").NormalizedFederationConfig;
+//# sourceMappingURL=share-utils.d.ts.map

package/src/config/share-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-utils.d.ts","sourceRoot":"","sources":["../../../src/config/share-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,QAAQ,EACR,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAS3C,wBAAgB,QAAQ,CACtB,MAAM,EAAE,wBAAwB,EAChC,IAAI,GAAE;IACJ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CAC9B,GACL,qBAAqB,GAAG,IAAI,CAG9B;AAED,wBAAgB,KAAK,CACnB,sBAAsB,EAAE,qBAAqB,EAC7C,WAAW,SAAK,EAChB,QAAQ,WAAe,GACtB,qBAAqB,CAEvB;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,gBAAgB,4EAWzD"}

package/src/config/share-utils.js

@@ -0,0 +1,32 @@
+import { share as coreShare, shareAll as coreShareAll, withNativeFederation as coreWithNativeFederation, } from '@softarc/native-federation/config';
+import { NG_SKIP_LIST } from './angular-skip-list.js';
+export function shareAll(config, opts = {}) {
+    if (!opts.skipList)
+        opts.skipList = NG_SKIP_LIST;
+    return coreShareAll(config, opts);
+}
+export function share(configuredShareObjects, projectPath = '', skipList = NG_SKIP_LIST) {
+    return coreShare(configuredShareObjects, projectPath, skipList);
+}
+export function withNativeFederation(cfg) {
+    if (!cfg.platform)
+        cfg.platform = getDefaultPlatform(Object.keys(cfg.shared ?? {}));
+    const normalized = coreWithNativeFederation(cfg);
+    // This is for being backwards compatible
+    if (!normalized.features.ignoreUnusedDeps) {
+        normalized.shared = removeNgLocales(normalized.shared);
+    }
+    return normalized;
+}
+function getDefaultPlatform(deps) {
+    const server = deps.find(e => ['@angular/platform-server', '@angular/ssr'].find(f => e.startsWith(f)));
+    return server ? 'node' : 'browser';
+}
+function removeNgLocales(shared) {
+    const keys = Object.keys(shared).filter(k => !k.startsWith('@angular/common/locales'));
+    const filtered = keys.reduce((acc, curr) => ({
+        ...acc,
+        [curr]: shared[curr],
+    }), {});
+    return filtered;
+}

package/src/config.d.ts

@@ -1,4 +1,4 @@
-export * from '@softarc/native-federation/config';
-export { DEFAULT_SKIP_LIST } from '@softarc/native-federation/config';
+export { share, shareAll, withNativeFederation } from './config/share-utils.js';
+export { NG_SKIP_LIST } from './config/angular-skip-list.js';
 export { shareAngularLocales } from './utils/angular-locales.js';
 //# sourceMappingURL=config.d.ts.map

package/src/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}

package/src/config.js

@@ -1,3 +1,3 @@
-export * from '@softarc/native-federation/config';
-export { DEFAULT_SKIP_LIST } from '@softarc/native-federation/config';
+export { share, shareAll, withNativeFederation } from './config/share-utils.js';
+export { NG_SKIP_LIST } from './config/angular-skip-list.js';
 export { shareAngularLocales } from './utils/angular-locales.js';

package/src/schematics/init/files/federation.config.js__tmpl__

@@ -1,6 +1,6 @@
-const { withNativeFederation, shareAll } = require('@angular-architects/native-federation/config');
+import { withNativeFederation, shareAll } from '@angular-architects/native-federation-v4/config';
 
-module.exports = withNativeFederation({
+export default withNativeFederation({
   name: '<%=project%>',
 
 <% if (type === 'remote') { %>
@@ -10,7 +10,18 @@ module.exports = withNativeFederation({
   },
 <% } %>
   shared: {
-    ...shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }),
+    ...shareAll({ 
+      singleton: true, strictVersion: true, requiredVersion: 'auto'
+    }, {
+      overrides: {
+        '@angular/core': {
+          singleton: true, strictVersion: true, requiredVersion: 'auto', build: 'package', chunks: true, includeSecondaries: {keepAll: true},
+        },
+        '@angular/common': {
+          singleton: true, strictVersion: true, requiredVersion: 'auto', build: 'package',chunks: true, includeSecondaries: {keepAll: true},
+        }
+      } 
+    }),
   },
 
   skip: [
@@ -25,9 +36,10 @@ module.exports = withNativeFederation({
   // https://shorturl.at/jmzH0
 
   features: {
-    // New feature for more performance and avoiding
-    // issues with node libs. Comment this out to
-    // get the traditional behavior:
-    ignoreUnusedDeps: true
+    // ignoreUnusedDeps is enabled by default now
+    // ignoreUnusedDeps: true,
+
+    // Opt-in: groups chunks in remoteEntry.json for smaller metadata file
+    denseChunking: true
   }
 });

package/src/schematics/init/schema.d.ts

@@ -1,6 +1,5 @@
 export interface NfSchematicSchema {
   project: string;
   port: string;
-  nxBuilders: boolean | undefined;
   type: 'host' | 'dynamic-host' | 'remote';
 }

package/src/schematics/init/schema.json

@@ -1,12 +1,12 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "$id": "mf",
+  "$id": "nf",
   "title": "",
   "type": "object",
   "properties": {
     "project": {
       "type": "string",
-      "description": "The project to add module federation",
+      "description": "The project to add native-federation federation",
       "$default": {
         "$source": "argv",
         "index": 0
@@ -25,10 +25,6 @@
       "enum": ["host", "dynamic-host", "remote"],
       "type": "string",
       "default": "remote"
-    },
-    "nxBuilders": {
-      "type": "boolean",
-      "description": "Use builders provided by Nx instead of ngx-build-plus? Defaults to true for Nx workspaces and false for CLI workspaces."
     }
   }
 }

package/src/schematics/init/schematic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/schematics/init/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,IAAI,EAET,KAAK,IAAI,EAEV,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA+BrD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CA0BlD;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAoG/D;AAUD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,QAiB3C;AA0WD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAUvD"}
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/schematics/init/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,IAAI,EAET,KAAK,IAAI,EAEV,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA+BrD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CA0BlD;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAwG/D;AAUD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,QAiB3C;AAkYD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAUvD"}