@angular-architects/native-federation-v4 20.3.1 → 20.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-architects/native-federation-v4",
-  "version": "20.3.1",
+  "version": "20.3.4",
   "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-RC1",
-    "@softarc/native-federation-runtime": "4.0.0-RC1",
+    "@softarc/native-federation": "4.0.0-RC5",
+    "@softarc/native-federation-runtime": "4.0.0-RC5",
     "@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":"AAOA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAGnB,MAAM,2BAA2B,CAAC;AAkCnC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAsCnD,wBAAuB,UAAU,CAC/B,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,cAAc,GACtB,aAAa,CAAC,aAAa,CAAC,CA8X9B;wBA6C2C,GAAG;AAA/C,wBAAgD"}
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../../src/builders/build/builder.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAGnB,MAAM,2BAA2B,CAAC;AAkCnC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAsCnD,wBAAuB,UAAU,CAC/B,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,cAAc,GACtB,aAAa,CAAC,aAAa,CAAC,CA+X9B;wBA6C2C,GAAG;AAA/C,wBAAgD"}

package/src/builders/build/builder.js

@@ -11,7 +11,7 @@ import { createAngularBuildAdapter, setMemResultHandler, } from '../../utils/ang
 import { existsSync, mkdirSync, rmSync } from 'fs';
 import { fstart } from '../../tools/fstart-as-data-url.js';
 import { EsBuildResult, MemResults, NgCliAssetResult } from '../../utils/mem-resuts.js';
-import { getI18nConfig, translateFederationArtefacts } from '../../utils/i18n.js';
+import { getI18nConfig, translateFederationArtifacts } from '../../utils/i18n.js';
 import { RebuildHubs } from '../../utils/rebuild-events.js';
 import { createSharedMappingsPlugin } from '../../utils/shared-mappings-plugin.js';
 import { updateScriptTags } from '../../utils/updateIndexHtml.js';
@@ -126,6 +126,7 @@ export async function* runBuilder(nfOptions, context) {
         verbose: options.verbose,
         watch: false, // options.watch,
         dev: !!nfOptions.dev,
+        chunks: !nfOptions.chunks ? false : nfOptions.chunks,
         entryPoint,
         buildNotifications: nfOptions.buildNotifications,
         cacheExternalArtifacts: nfOptions.cacheExternalArtifacts,
@@ -217,7 +218,7 @@ export async function* runBuilder(nfOptions, context) {
     const hasLocales = i18n?.locales && Object.keys(i18n.locales).length > 0;
     if (hasLocales && localeFilter) {
         const start = process.hrtime();
-        translateFederationArtefacts(i18n, localeFilter, outputOptions.base, federationResult);
+        translateFederationArtifacts(i18n, localeFilter, outputOptions.base, federationResult);
         logger.measure(start, 'To translate the artifacts.');
     }
     options.deleteOutputPath = false;
@@ -276,7 +277,7 @@ export async function* runBuilder(nfOptions, context) {
                         throw new AbortedError('[builder] After federation build.');
                     }
                     if (hasLocales && localeFilter) {
-                        translateFederationArtefacts(i18n, localeFilter, outputOptions.base, federationResult);
+                        translateFederationArtifacts(i18n, localeFilter, outputOptions.base, federationResult);
                     }
                     if (signal?.aborted) {
                         throw new AbortedError('[builder] After federation translations.');

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

@@ -17,5 +17,6 @@ export interface NfBuilderSchema extends JsonObject {
   outputPath?: string;
   ssr: boolean;
   devServer?: boolean;
+  chunks?: { enable: boolean; dense: true };
   cacheExternalArtifacts?: boolean;
 } // eslint-disable-line

package/src/builders/build/schema.json

@@ -32,7 +32,7 @@
     "rebuildDelay": {
       "type": "number",
       "default": 2000,
-      "description": "The delay for rebuilding federation artefacts. This allows to have more resources for refreshing your micro frontend in the browser."
+      "description": "The delay for rebuilding federation artifacts. This allows to have more resources for refreshing your micro frontend in the browser."
     },
     "shell": {
       "type": "string",
@@ -65,6 +65,25 @@
       "type": "boolean",
       "description": "can be used to disable the dev server when dev=true"
     },
+    "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."
+        }
+      }
+    },
     "buildNotifications": {
       "type": "object",
       "properties": {

package/src/utils/angular-esbuild-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angular-esbuild-adapter.d.ts","sourceRoot":"","sources":["../../../src/utils/angular-esbuild-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAIpB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAWnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAQhE,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,qBAAqB,CAAC;AAMtE,MAAM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAEnE;AAED,wBAAgB,yBAAyB,CACvC,cAAc,EAAE,yBAAyB,EACzC,OAAO,EAAE,cAAc,EACvB,gBAAgB,GAAE,aAAiC,GAClD,cAAc,CAwFhB;AAgSD,wBAAgB,aAAa,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAErE"}
+{"version":3,"file":"angular-esbuild-adapter.d.ts","sourceRoot":"","sources":["../../../src/utils/angular-esbuild-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAIpB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAWnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAQhE,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,qBAAqB,CAAC;AAMtE,MAAM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAEnE;AAED,wBAAgB,yBAAyB,CACvC,cAAc,EAAE,yBAAyB,EACzC,OAAO,EAAE,cAAc,EACvB,gBAAgB,GAAE,aAAiC,GAClD,cAAc,CA2FhB;AAkSD,wBAAgB,aAAa,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAErE"}

package/src/utils/angular-esbuild-adapter.js

@@ -19,9 +19,9 @@ export function setMemResultHandler(handler) {
 }
 export function createAngularBuildAdapter(builderOptions, context, rebuildRequested = new RebuildHubs()) {
     return async (options) => {
-        const { entryPoints, tsConfigPath, external, outdir, mappedPaths, kind, watch, dev, hash, platform, optimizedMappings, signal, } = options;
+        const { entryPoints, tsConfigPath, external, outdir, mappedPaths, kind, watch, dev, hash, chunks, platform, optimizedMappings, signal, } = options;
         setNgServerMode();
-        const files = await runEsbuild(builderOptions, context, entryPoints, external, outdir, tsConfigPath, mappedPaths, watch, rebuildRequested, dev, kind, hash, undefined, undefined, undefined, platform, optimizedMappings, signal);
+        const files = await runEsbuild(builderOptions, context, entryPoints, external, outdir, tsConfigPath, mappedPaths, watch, rebuildRequested, dev, kind, chunks, hash, undefined, undefined, undefined, platform, optimizedMappings, signal);
         if (kind === 'shared-package') {
             const scriptFiles = files.filter(f => f.endsWith('.js') || f.endsWith('.mjs'));
             for (const file of scriptFiles) {
@@ -62,7 +62,7 @@ export function createAngularBuildAdapter(builderOptions, context, rebuildReques
         }
     }
 }
-async function runEsbuild(builderOptions, context, entryPoints, external, outdir, tsConfigPath, mappedPaths, watch, rebuildRequested = new RebuildHubs(), dev, kind, hash = false, plugins = null, absWorkingDir = undefined, logLevel = 'warning', platform, optimizedMappings, signal) {
+async function runEsbuild(builderOptions, context, entryPoints, external, outdir, tsConfigPath, mappedPaths, watch, rebuildRequested = new RebuildHubs(), dev, kind, chunks, hash = false, plugins = null, absWorkingDir = undefined, logLevel = 'warning', platform, optimizedMappings, signal) {
     if (signal?.aborted) {
         throw new AbortedError('[angular-esbuild-adapter] Before building');
     }
@@ -130,7 +130,7 @@ async function runEsbuild(builderOptions, context, entryPoints, external, outdir
             'async-await': false,
             'object-rest-spread': false,
         },
-        splitting: true, //kind === 'mapping-or-exposed',
+        splitting: chunks, //kind === 'mapping-or-exposed',
         platform: platform ?? 'browser',
         format: 'esm',
         target: target,

package/src/utils/i18n.d.ts

@@ -19,5 +19,5 @@ export type SourceLocaleObject = {
     subPath?: string;
 };
 export declare function getI18nConfig(context: BuilderContext): Promise<I18nConfig | undefined>;
-export declare function translateFederationArtefacts(i18n: I18nConfig, localize: boolean | string[], outputPath: string, federationResult: FederationInfo): Promise<void>;
+export declare function translateFederationArtifacts(i18n: I18nConfig, localize: boolean | string[], outputPath: string, federationResult: FederationInfo): Promise<void>;
 //# sourceMappingURL=i18n.d.ts.map

package/src/utils/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/utils/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,GAAG,kBAAkB,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,YAAY,CAAC,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAsB,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,CAO5F;AAED,wBAAsB,4BAA4B,CAChD,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,EAC5B,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,cAAc,iBAgDjC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/utils/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,GAAG,kBAAkB,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,YAAY,CAAC,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAsB,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,CAO5F;AAED,wBAAsB,4BAA4B,CAChD,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,EAC5B,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,cAAc,iBAiDjC"}

package/src/utils/i18n.js

@@ -7,7 +7,7 @@ export async function getI18nConfig(context) {
     const i18nConfig = workspaceConfig?.i18n;
     return i18nConfig;
 }
-export async function translateFederationArtefacts(i18n, localize, outputPath, federationResult) {
+export async function translateFederationArtifacts(i18n, localize, outputPath, federationResult) {
     const neededLocales = Array.isArray(localize) ? localize : Object.keys(i18n.locales);
     const locales = Object.keys(i18n.locales).filter(locale => neededLocales.includes(locale));
     if (locales.length === 0) {
@@ -25,13 +25,14 @@ export async function translateFederationArtefacts(i18n, localize, outputPath, f
     const federationFiles = [
         ...federationResult.shared.map(s => s.outFileName),
         ...federationResult.exposes.map(e => e.outFileName),
+        ...Object.values(federationResult.chunks ?? {}).flat(),
     ];
     // Here, we use a glob with an exhaustive list i/o `"*.js"`
     // to improve performance
     const sourcePattern = '{' + federationFiles.join(',') + '}';
     const sourceLocalePath = path.join(outputPath, 'browser', sourceLocale);
     const localizeTranslate = path.resolve('node_modules/.bin/localize-translate');
-    const cmd = `${localizeTranslate} -r ${sourceLocalePath} -s "${sourcePattern}" -t ${translationFiles} -o ${translationOutPath} --target-locales ${targetLocales} -l ${sourceLocale}`;
+    const cmd = `"${localizeTranslate}" -r "${sourceLocalePath}" -s "${sourcePattern}" -t ${translationFiles} -o "${translationOutPath}" --target-locales ${targetLocales} -l ${sourceLocale}`;
     ensureDistFolders(locales, outputPath);
     copyRemoteEntry(locales, outputPath, sourceLocalePath);
     logger.debug('Running: ' + cmd);