@angular-architects/native-federation-v4 20.3.2 → 20.3.6

package/README.md

@@ -239,9 +239,9 @@ When bootstrapping the host (shell), Native Federation (`projects\shell\src\main
 import { initFederation } from '@angular-architects/native-federation';
 
 initFederation('/assets/federation.manifest.json')
-  .catch((err) => console.error(err))
-  .then((_) => import('./bootstrap'))
-  .catch((err) => console.error(err));
+  .catch(err => console.error(err))
+  .then(_ => import('./bootstrap'))
+  .catch(err => console.error(err));
 ```
 
 > This file is generated by the schematic described above.
@@ -270,9 +270,9 @@ When bootstrapping your remote (`projects\mfe1\src\main.ts`), Native Federation
 import { initFederation } from '@angular-architects/native-federation';
 
 initFederation()
-  .catch((err) => console.error(err))
-  .then((_) => import('./bootstrap'))
-  .catch((err) => console.error(err));
+  .catch(err => console.error(err))
+  .then(_ => import('./bootstrap'))
+  .catch(err => console.error(err));
 ```
 
 > Our `init` schematic shown above also generates this file.
@@ -301,7 +301,7 @@ export const APP_ROUTES: Routes = [
   // Add this route:
   {
     path: 'flights',
-    loadComponent: () => loadRemoteModule('mfe1', './Component').then((m) => m.AppComponent),
+    loadComponent: () => loadRemoteModule('mfe1', './Component').then(m => m.AppComponent),
   },
 
   {

package/migration-collection.json

@@ -10,4 +10,4 @@
       "description": "migrating to v18"
     }
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-architects/native-federation-v4",
-  "version": "20.3.2",
+  "version": "20.3.6",
   "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-RC3",
-    "@softarc/native-federation-runtime": "4.0.0-RC3",
+    "@softarc/native-federation": "4.0.0-RC6",
+    "@softarc/native-federation-runtime": "4.0.0-RC6",
     "@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

@@ -1,6 +1,7 @@
+import './setup-builder-env-variables.js';
 import { type BuilderContext, type BuilderOutput } from '@angular-devkit/architect';
 import { type NfBuilderSchema } from './schema.js';
-export declare function runBuilder(nfOptions: NfBuilderSchema, context: BuilderContext): AsyncIterable<BuilderOutput>;
+export declare function runBuilder(nfBuilderOptions: NfBuilderSchema, context: BuilderContext): AsyncIterable<BuilderOutput>;
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=builder.d.ts.map

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,CA+X9B;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;AAiCnC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAyCnD,wBAAuB,UAAU,CAC/B,gBAAgB,EAAE,eAAe,EACjC,OAAO,EAAE,cAAc,GACtB,aAAa,CAAC,aAAa,CAAC,CAuW9B;wBA6C2C,GAAG;AAA/C,wBAAgD"}

package/src/builders/build/builder.js

@@ -1,18 +1,19 @@
+import './setup-builder-env-variables.js';
 import * as fs from 'fs';
 import * as mrmime from 'mrmime';
 import * as path from 'path';
 import { buildApplication } from '@angular/build';
-import { buildApplicationInternal, serveWithVite } from '@angular/build/private';
+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, getExternals, loadFederationConfig, setBuildAdapter, } from '@softarc/native-federation';
-import { logger, setLogLevel, RebuildQueue, AbortedError, } from '@softarc/native-federation/internal';
-import { createAngularBuildAdapter, setMemResultHandler, } from '../../utils/angular-esbuild-adapter.js';
+import { buildForFederation, rebuildForFederation, getExternals, loadFederationConfig, normalizeFederationOptions, setBuildAdapter, createFederationCache,
+// type FederationCache,
+ } 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 { EsBuildResult, MemResults, NgCliAssetResult } from '../../utils/mem-resuts.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';
 import { federationBuildNotifier } from './federation-build-notifier.js';
@@ -27,7 +28,7 @@ process.stderr.write = function (chunk, encodingOrCallback, callback) {
     }
     return originalWrite(chunk, encodingOrCallback, callback);
 };
-function _buildApplication(options, context, pluginsOrExtensions) {
+const createInternalAngularBuilder = (_) => (options, context, pluginsOrExtensions) => {
     let extensions;
     if (pluginsOrExtensions && Array.isArray(pluginsOrExtensions)) {
         extensions = {
@@ -37,10 +38,11 @@ function _buildApplication(options, context, pluginsOrExtensions) {
     else {
         extensions = pluginsOrExtensions;
     }
+    // options.codeBundleCache = nfOptions.federationCache.bundlerCache;
     return buildApplicationInternal(options, context, extensions);
-}
-export async function* runBuilder(nfOptions, context) {
-    let target = targetFromTargetString(nfOptions.target);
+};
+export async function* runBuilder(nfBuilderOptions, context) {
+    let target = targetFromTargetString(nfBuilderOptions.target);
     let targetOptions = (await context.getTargetOptions(target));
     let builder = await context.getBuilderNameForTarget(target);
     if (builder === '@angular-devkit/build-angular:browser-esbuild') {
@@ -66,18 +68,17 @@ export async function* runBuilder(nfOptions, context) {
     /**
      * Explicitly defined as devServer or if the target contains "serve"
      */
-    const runServer = typeof nfOptions.devServer !== 'undefined'
-        ? !!nfOptions.devServer
+    const runServer = typeof nfBuilderOptions.devServer !== 'undefined'
+        ? !!nfBuilderOptions.devServer
         : target.target.includes('serve');
     let options = (await context.validateOptions(runServer
         ? {
             ...targetOptions,
-            port: nfOptions.port || targetOptions['port'],
+            port: nfBuilderOptions.port || targetOptions['port'],
         }
         : targetOptions, builder));
     let serverOptions = null;
-    const write = true;
-    const watch = nfOptions.watch;
+    const watch = nfBuilderOptions.watch;
     if (options['buildTarget']) {
         serverOptions = await normalizeOptions(context, context.target.project, options);
         target = targetFromTargetString(options['buildTarget']);
@@ -86,14 +87,13 @@ export async function* runBuilder(nfOptions, context) {
         options = (await context.validateOptions(targetOptions, builder));
     }
     options.watch = watch;
-    if (nfOptions.baseHref) {
-        options.baseHref = nfOptions.baseHref;
+    if (nfBuilderOptions.baseHref) {
+        options.baseHref = nfBuilderOptions.baseHref;
     }
-    if (nfOptions.outputPath) {
-        options.outputPath = nfOptions.outputPath;
+    if (nfBuilderOptions.outputPath) {
+        options.outputPath = nfBuilderOptions.outputPath;
     }
-    const rebuildEvents = new RebuildHubs();
-    const adapter = createAngularBuildAdapter(options, context, rebuildEvents);
+    const adapter = createAngularBuildAdapter(options, context);
     setBuildAdapter(adapter);
     setLogLevel(options.verbose ? 'verbose' : 'info');
     if (!options.outputPath) {
@@ -118,22 +118,23 @@ export async function* runBuilder(nfOptions, context) {
         ? browserOutputPath
         : path.join(outputOptions.base, outputOptions.browser, localeFilter[0]);
     const entryPoint = path.join(path.dirname(options.tsConfig), 'src/main.ts');
-    const fedOptions = {
+    const cachePath = getDefaultCachePath(context.workspaceRoot);
+    const nfOptions = normalizeFederationOptions({
         workspaceRoot: context.workspaceRoot,
         outputPath: browserOutputPath,
         federationConfig: inferConfigPath(options.tsConfig),
         tsConfig: options.tsConfig,
         verbose: options.verbose,
-        watch: false, // options.watch,
-        dev: !!nfOptions.dev,
-        chunks: !nfOptions.chunks ? false : nfOptions.chunks,
+        watch: options.watch,
+        dev: !!nfBuilderOptions.dev,
+        chunks: !nfBuilderOptions.chunks ? false : nfBuilderOptions.chunks,
         entryPoint,
-        buildNotifications: nfOptions.buildNotifications,
-        cacheExternalArtifacts: nfOptions.cacheExternalArtifacts,
-    };
-    const activateSsr = nfOptions.ssr && !nfOptions.dev;
+        buildNotifications: nfBuilderOptions.buildNotifications,
+        cacheExternalArtifacts: nfBuilderOptions.cacheExternalArtifacts,
+    }, createFederationCache(cachePath, new SourceFileCache(cachePath)));
+    const activateSsr = nfBuilderOptions.ssr && !nfBuilderOptions.dev;
     const start = process.hrtime();
-    const config = await loadFederationConfig(fedOptions);
+    const config = await loadFederationConfig(nfOptions);
     logger.measure(start, 'To load the federation config.');
     const externals = getExternals(config);
     const plugins = [
@@ -151,10 +152,10 @@ export async function* runBuilder(nfOptions, context) {
     if (activateSsr) {
         options.externalDependencies = externals;
     }
-    const isLocalDevelopment = runServer && nfOptions.dev;
+    const isLocalDevelopment = runServer && nfBuilderOptions.dev;
     // Initialize SSE reloader only for local development
-    if (isLocalDevelopment && nfOptions.buildNotifications?.enable) {
-        federationBuildNotifier.initialize(nfOptions.buildNotifications.endpoint);
+    if (isLocalDevelopment && nfBuilderOptions.buildNotifications?.enable) {
+        federationBuildNotifier.initialize(nfBuilderOptions.buildNotifications.endpoint);
     }
     const middleware = [
         ...(isLocalDevelopment
@@ -164,7 +165,7 @@ export async function* runBuilder(nfOptions, context) {
             : []),
         (req, res, next) => {
             const url = removeBaseHref(req, options.baseHref);
-            const fileName = path.join(fedOptions.workspaceRoot, devServerOutputPath, url);
+            const fileName = path.join(nfOptions.workspaceRoot, devServerOutputPath, url);
             const exists = fs.existsSync(fileName);
             if (url !== '/' && url !== '' && exists) {
                 const lookup = mrmime.lookup;
@@ -186,26 +187,18 @@ export async function* runBuilder(nfOptions, context) {
             }
         },
     ];
-    const memResults = new MemResults();
     let first = true;
     let lastResult;
-    if (existsSync(fedOptions.outputPath)) {
-        rmSync(fedOptions.outputPath, { recursive: true });
-    }
-    if (!existsSync(fedOptions.outputPath)) {
-        mkdirSync(fedOptions.outputPath, { recursive: true });
+    if (existsSync(nfOptions.outputPath)) {
+        rmSync(nfOptions.outputPath, { recursive: true });
     }
-    if (!write) {
-        // todo: Hardcoded disabled?
-        setMemResultHandler((outFiles, outDir) => {
-            const fullOutDir = outDir ? path.join(fedOptions.workspaceRoot, outDir) : undefined;
-            memResults.add(outFiles.map(f => new EsBuildResult(f, fullOutDir)));
-        });
+    if (!existsSync(nfOptions.outputPath)) {
+        mkdirSync(nfOptions.outputPath, { recursive: true });
     }
     let federationResult;
     try {
         const start = process.hrtime();
-        federationResult = await buildForFederation(config, fedOptions, externals);
+        federationResult = await buildForFederation(config, nfOptions, externals);
         logger.measure(start, 'To build the artifacts.');
     }
     catch (e) {
@@ -213,7 +206,7 @@ export async function* runBuilder(nfOptions, context) {
         process.exit(1);
     }
     if (activateSsr) {
-        writeFstartScript(fedOptions);
+        writeFstartScript(nfOptions);
     }
     const hasLocales = i18n?.locales && Object.keys(i18n.locales).length > 0;
     if (hasLocales && localeFilter) {
@@ -224,38 +217,28 @@ export async function* runBuilder(nfOptions, context) {
     options.deleteOutputPath = false;
     const appBuilderName = '@angular/build:application';
     const builderRun = runServer
-        ? serveWithVite(serverOptions, appBuilderName, _buildApplication, context, nfOptions.skipHtmlTransform ? {} : { indexHtml: transformIndexHtml(nfOptions) }, {
+        ? serveWithVite(serverOptions, appBuilderName, createInternalAngularBuilder(nfOptions), context, nfBuilderOptions.skipHtmlTransform
+            ? {}
+            : { indexHtml: transformIndexHtml(nfBuilderOptions) }, {
             buildPlugins: plugins,
             middleware,
         })
         : buildApplication(options, context, {
             codePlugins: plugins,
-            indexHtmlTransformer: transformIndexHtml(nfOptions),
+            indexHtmlTransformer: transformIndexHtml(nfBuilderOptions),
         });
     const rebuildQueue = new RebuildQueue();
     try {
         for await (const output of builderRun) {
             lastResult = output;
-            if (!write && output['outputFiles']) {
-                memResults.add(output['outputFiles'].map((file) => new EsBuildResult(file)));
-            }
-            if (!write && output['assetFiles']) {
-                memResults.add(output['assetFiles'].map((file) => new NgCliAssetResult(file)));
-            }
-            // if (write && !runServer && !nfOptions.skipHtmlTransform) {
-            //   updateIndexHtml(fedOptions, nfOptions);
-            // }
-            // if (!runServer) {
-            //   yield output;
-            // }
-            if (!first && (nfOptions.dev || watch)) {
+            if (!first && (nfBuilderOptions.dev || watch)) {
                 rebuildQueue
                     .enqueue(async (signal) => {
                     if (signal?.aborted) {
                         throw new AbortedError('Build canceled before starting');
                     }
                     await new Promise((resolve, reject) => {
-                        const timeout = setTimeout(resolve, Math.max(10, nfOptions.rebuildDelay));
+                        const timeout = setTimeout(resolve, Math.max(10, nfBuilderOptions.rebuildDelay));
                         if (signal) {
                             const abortHandler = () => {
                                 clearTimeout(timeout);
@@ -268,11 +251,10 @@ export async function* runBuilder(nfOptions, context) {
                         throw new AbortedError('[builder] Before federation build.');
                     }
                     const start = process.hrtime();
-                    federationResult = await buildForFederation(config, fedOptions, externals, {
-                        skipMappingsAndExposed: false,
-                        skipShared: true,
-                        signal,
-                    });
+                    // Invalidate all source files, Angular doesn't provide a way to give the invalidated files yet.
+                    const keys = new Set([...nfOptions.federationCache.bundlerCache.keys()].filter(k => !k.includes('node_modules')));
+                    nfOptions.federationCache.bundlerCache.invalidate(keys);
+                    federationResult = await rebuildForFederation(config, nfOptions, externals, [], signal);
                     if (signal?.aborted) {
                         throw new AbortedError('[builder] After federation build.');
                     }
@@ -308,6 +290,7 @@ export async function* runBuilder(nfOptions, context) {
     }
     finally {
         rebuildQueue.dispose();
+        await adapter.dispose();
         if (isLocalDevelopment) {
             federationBuildNotifier.stopEventServer();
         }
@@ -321,8 +304,8 @@ function removeBaseHref(req, baseHref) {
     }
     return url;
 }
-function writeFstartScript(fedOptions) {
-    const serverOutpath = path.join(fedOptions.outputPath, '../server');
+function writeFstartScript(nfOptions) {
+    const serverOutpath = path.join(nfOptions.outputPath, '../server');
     const fstartPath = path.join(serverOutpath, 'fstart.mjs');
     const buffer = Buffer.from(fstart, 'base64');
     fs.mkdirSync(serverOutpath, { recursive: true });

package/src/builders/build/setup-builder-env-variables.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=setup-builder-env-variables.d.ts.map

package/src/builders/build/setup-builder-env-variables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-builder-env-variables.d.ts","sourceRoot":"","sources":["../../../../src/builders/build/setup-builder-env-variables.ts"],"names":[],"mappings":""}

package/src/builders/build/setup-builder-env-variables.js

@@ -0,0 +1,7 @@
+/**
+ * Disables Angular's parallel caching and allows for
+ * a shared cache between the compilation steps which
+ * improves performance dramatically.
+ */
+process.env['NG_BUILD_PARALLEL_TS'] = '0';
+export {};

package/src/plugin/externals-skip-list.js

@@ -1,4 +1,4 @@
 export const externalsSkipList = new Set(['tslib']);
 export function filterExternals(deps) {
-    return deps.filter((d) => !externalsSkipList.has(d));
+    return deps.filter(d => !externalsSkipList.has(d));
 }

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

@@ -1,10 +1,6 @@
 import { type NFBuildAdapter } from '@softarc/native-federation';
-import * as esbuild from 'esbuild';
 import type { BuilderContext } from '@angular-devkit/architect';
 import type { ApplicationBuilderOptions } from '@angular/build';
-import { type RebuildEvents } from './rebuild-events.js';
-export type MemResultHandler = (outfiles: esbuild.OutputFile[], outdir?: string) => void;
-export declare function setMemResultHandler(handler: MemResultHandler): void;
-export declare function createAngularBuildAdapter(builderOptions: ApplicationBuilderOptions, context: BuilderContext, rebuildRequested?: RebuildEvents): NFBuildAdapter;
+export declare function createAngularBuildAdapter(builderOptions: ApplicationBuilderOptions, context: BuilderContext): NFBuildAdapter;
 export declare function loadEsmModule<T>(modulePath: string | URL): Promise<T>;
 //# sourceMappingURL=angular-esbuild-adapter.d.ts.map

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,CA2FhB;AAkSD,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,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAuBhE,wBAAgB,yBAAyB,CACvC,cAAc,EAAE,yBAAyB,EACzC,OAAO,EAAE,cAAc,GACtB,cAAc,CAwHhB;AAoQD,wBAAgB,aAAa,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAErE"}

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

@@ -8,64 +8,110 @@ import * as fs from 'fs';
 import * as path from 'path';
 import { createSharedMappingsPlugin } from './shared-mappings-plugin.js';
 import { transformAsync } from '@babel/core';
-import { RebuildHubs } from './rebuild-events.js';
 import JSON5 from 'json5';
 import { isDeepStrictEqual } from 'node:util';
 import { createAwaitableCompilerPlugin } from './create-awaitable-compiler-plugin.js';
-let _memResultHandler;
-// Todo: figure out if still necessary
-export function setMemResultHandler(handler) {
-    _memResultHandler = handler;
-}
-export function createAngularBuildAdapter(builderOptions, context, rebuildRequested = new RebuildHubs()) {
-    return async (options) => {
-        const { entryPoints, tsConfigPath, external, outdir, mappedPaths, kind, watch, dev, hash, chunks, platform, optimizedMappings, signal, } = options;
+export function createAngularBuildAdapter(builderOptions, context) {
+    const contextCache = new Map();
+    const dispose = async (name) => {
+        if (name) {
+            if (!contextCache.has(name))
+                throw new Error(`Could not dispose of non-existing build '${name}'`);
+            const entry = contextCache.get(name);
+            await entry.ctx.dispose();
+            await entry.pluginDisposed;
+            contextCache.delete(name);
+            return;
+        }
+        // Dispose all if no specific build provided
+        const disposals = [];
+        for (const [, entry] of contextCache) {
+            disposals.push((async () => {
+                await entry.ctx.dispose();
+                await entry.pluginDisposed;
+            })());
+        }
+        contextCache.clear();
+        await Promise.all(disposals);
+    };
+    const setup = async (options) => {
+        const { entryPoints, tsConfigPath, external, outdir, mappedPaths, bundleName, isNodeModules, dev, chunks, hash, platform, optimizedMappings, cache, } = options;
         setNgServerMode();
-        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) {
-                link(file, !!dev);
-            }
+        if (contextCache.has(bundleName)) {
+            return;
         }
-        return files.map(fileName => ({ fileName }));
+        const { ctx, pluginDisposed } = await createEsbuildContext(builderOptions, context, entryPoints, external, outdir, tsConfigPath, mappedPaths, cache.bundlerCache, dev, isNodeModules, hash, chunks, platform, optimizedMappings);
+        contextCache.set(bundleName, {
+            ctx,
+            pluginDisposed,
+            outdir,
+            isNodeModules,
+            dev: !!dev,
+            name: bundleName,
+            entryPoints,
+            workspaceRoot: context.workspaceRoot,
+        });
     };
-    async function link(outfile, dev) {
-        const code = fs.readFileSync(outfile, 'utf-8');
+    const build = async (name, opts = {}) => {
+        const cached = contextCache.get(name);
+        if (!cached) {
+            throw new Error(`No context found for build "${name}". Call setup() first.`);
+        }
+        if (opts?.signal?.aborted) {
+            throw new AbortedError('[build] Aborted before rebuild');
+        }
         try {
-            const linkerEsm = await loadEsmModule('@angular/compiler-cli/linker/babel');
-            const linker = linkerEsm.default;
-            const result = await transformAsync(code, {
-                filename: outfile,
-                compact: !dev,
-                configFile: false,
-                babelrc: false,
-                minified: !dev,
-                browserslistConfigFile: false,
-                plugins: [linker],
-            });
-            if (!result)
-                logger.warn(`File ${outfile} could not be linked.`);
-            if (!result?.code) {
-                logger.warn(`File ${outfile} seems to be empty.`);
-                return;
+            const result = await cached.ctx.rebuild();
+            const writtenFiles = writeResult(result, cached.outdir);
+            if (cached.isNodeModules) {
+                const scriptFiles = writtenFiles.filter(f => f.endsWith('.js') || f.endsWith('.mjs'));
+                for (const file of scriptFiles) {
+                    await link(file, cached.dev);
+                }
             }
-            fs.writeFileSync(outfile, result.code, 'utf-8');
+            return writtenFiles.map(fileName => ({ fileName }));
         }
-        catch (e) {
-            logger.error('error linking');
-            if (fs.existsSync(`${outfile}.error`)) {
-                fs.unlinkSync(`${outfile}.error`);
+        catch (error) {
+            if (opts?.signal?.aborted && error instanceof Error && error.message.includes('canceled')) {
+                throw new AbortedError('[build] ESBuild rebuild was canceled.');
             }
-            fs.renameSync(outfile, `${outfile}.error`);
-            throw e;
+            throw error;
         }
-    }
+    };
+    return { setup, build, dispose };
 }
-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');
+async function link(outfile, dev) {
+    const code = fs.readFileSync(outfile, 'utf-8');
+    try {
+        const linkerEsm = await loadEsmModule('@angular/compiler-cli/linker/babel');
+        const linker = linkerEsm.default;
+        const result = await transformAsync(code, {
+            filename: outfile,
+            compact: !dev,
+            configFile: false,
+            babelrc: false,
+            minified: !dev,
+            browserslistConfigFile: false,
+            plugins: [linker],
+        });
+        if (!result)
+            logger.warn(`File ${outfile} could not be linked.`);
+        if (!result?.code) {
+            logger.warn(`File ${outfile} seems to be empty.`);
+            return;
+        }
+        fs.writeFileSync(outfile, result.code, 'utf-8');
+    }
+    catch (e) {
+        logger.error('error linking');
+        if (fs.existsSync(`${outfile}.error`)) {
+            fs.unlinkSync(`${outfile}.error`);
+        }
+        fs.renameSync(outfile, `${outfile}.error`);
+        throw e;
     }
+}
+async function createEsbuildContext(builderOptions, context, entryPoints, external, outdir, tsConfigPath, mappedPaths, sourceFileCache, dev, isNodeModules, hash = false, chunks, platform, optimizedMappings) {
     const workspaceRoot = context.workspaceRoot;
     const projectMetadata = await context.getProjectMetadata(context.target.project);
     const projectRoot = path.join(workspaceRoot, projectMetadata['root'] ?? '');
@@ -107,7 +153,8 @@ async function runEsbuild(builderOptions, context, entryPoints, external, outdir
         jit: false,
         tailwindConfiguration,
         postcssConfiguration,
-    }, target, undefined);
+        incremental: !isNodeModules,
+    }, target, sourceFileCache);
     const commonjsPluginModule = await import('@chialab/esbuild-plugin-commonjs');
     const commonjsPlugin = commonjsPluginModule.default;
     pluginOptions.styleOptions.externalDependencies = [];
@@ -120,9 +167,8 @@ async function runEsbuild(builderOptions, context, entryPoints, external, outdir
         outdir,
         entryNames: hash ? '[name]-[hash]' : '[name]',
         write: false,
-        absWorkingDir,
         external,
-        logLevel,
+        logLevel: 'warning',
         bundle: true,
         sourcemap: sourcemapOptions.scripts,
         minify: !dev,
@@ -130,12 +176,12 @@ async function runEsbuild(builderOptions, context, entryPoints, external, outdir
             'async-await': false,
             'object-rest-spread': false,
         },
-        splitting: chunks, //kind === 'mapping-or-exposed',
+        splitting: chunks,
         platform: platform ?? 'browser',
         format: 'esm',
         target: target,
-        logLimit: kind === 'shared-package' ? 1 : 0,
-        plugins: plugins || [
+        logLimit: isNodeModules ? 1 : 0,
+        plugins: [
             compilerPlugin,
             ...(mappedPaths && mappedPaths.length > 0 ? [createSharedMappingsPlugin(mappedPaths)] : []),
             commonjsPlugin(),
@@ -148,38 +194,7 @@ async function runEsbuild(builderOptions, context, entryPoints, external, outdir
         resolveExtensions: ['.ts', '.tsx', '.mjs', '.js', '.cjs'],
     };
     const ctx = await esbuild.context(config);
-    try {
-        const abortHandler = async () => {
-            await ctx.cancel();
-            await ctx.dispose();
-            await pluginDisposed;
-        };
-        if (signal) {
-            signal.addEventListener('abort', abortHandler, { once: true });
-        }
-        const result = await ctx.rebuild();
-        const memOnly = dev && kind === 'mapping-or-exposed' && !!_memResultHandler;
-        const writtenFiles = writeResult(result, outdir, !!memOnly);
-        if (watch) {
-            // Also hardcoded disabled?
-            registerForRebuilds(kind ?? 'shared-package', rebuildRequested, ctx, outdir, !!memOnly);
-        }
-        else {
-            if (signal)
-                signal.removeEventListener('abort', abortHandler);
-            await ctx.dispose();
-            await pluginDisposed;
-        }
-        return writtenFiles;
-    }
-    catch (error) {
-        // ESBuild throws an error if the request is cancelled.
-        // if it is, it's changed to an 'AbortedError'
-        if (signal?.aborted && error instanceof Error && error.message.includes('canceled')) {
-            throw new AbortedError('[runEsbuild] ESBuild was canceled.');
-        }
-        throw error;
-    }
+    return { ctx, pluginDisposed };
 }
 async function getTailwindConfig(searchDirectories) {
     const tailwindConfigurationPath = findTailwindConfiguration(searchDirectories);
@@ -237,32 +252,16 @@ function doesFileExistAndJsonEqual(path, content) {
         return false;
     }
 }
-function writeResult(result, outdir, memOnly) {
+function writeResult(result, outdir) {
     const writtenFiles = [];
-    if (memOnly) {
-        _memResultHandler(result.outputFiles ?? [], outdir);
-    }
     for (const outFile of result.outputFiles ?? []) {
         const fileName = path.basename(outFile.path);
         const filePath = path.join(outdir, fileName);
-        if (!memOnly) {
-            fs.writeFileSync(filePath, outFile.text);
-        }
+        fs.writeFileSync(filePath, outFile.text);
         writtenFiles.push(filePath);
     }
-    if (!memOnly) {
-        // for (const asset of result.outputFiles)
-    }
     return writtenFiles;
 }
-function registerForRebuilds(kind, rebuildRequested, ctx, outdir, memOnly) {
-    if (kind !== 'shared-package') {
-        rebuildRequested.rebuild.register(async () => {
-            const result = await ctx.rebuild();
-            writeResult(result, outdir, memOnly);
-        });
-    }
-}
 export function loadEsmModule(modulePath) {
     return new Function('modulePath', `return import(modulePath);`)(modulePath);
 }

package/src/utils/create-compiler-options.d.ts

@@ -1,4 +1,5 @@
-export declare function createCompilerPluginOptions(options: any, target: string[], sourceFileCache?: any): {
+import { type SourceFileCache } from '@angular/build/private';
+export declare function createCompilerPluginOptions(options: any, target: string[], sourceFileCache?: SourceFileCache): {
     pluginOptions: any[0];
     styleOptions: any[1];
 };

package/src/utils/create-compiler-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-compiler-options.d.ts","sourceRoot":"","sources":["../../../src/utils/create-compiler-options.ts"],"names":[],"mappings":"AAGA,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,GAAG,EACZ,MAAM,EAAE,MAAM,EAAE,EAChB,eAAe,CAAC,EAAE,GAAG,GACpB;IACD,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACtB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACtB,CA0DA"}
+{"version":3,"file":"create-compiler-options.d.ts","sourceRoot":"","sources":["../../../src/utils/create-compiler-options.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,GAAG,EACZ,MAAM,EAAE,MAAM,EAAE,EAChB,eAAe,CAAC,EAAE,eAAe,GAChC;IACD,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACtB,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACtB,CAwDA"}

package/src/utils/create-compiler-options.js

@@ -5,8 +5,7 @@ export function createCompilerPluginOptions(options, target, sourceFileCache) {
     return {
         // JS/TS options
         pluginOptions: {
-            sourcemap: !!sourcemapOptions.scripts &&
-                (sourcemapOptions.hidden ? 'external' : true),
+            sourcemap: !!sourcemapOptions.scripts && (sourcemapOptions.hidden ? 'external' : true),
             thirdPartySourcemaps: sourcemapOptions.vendor,
             tsconfig,
             jit,

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

@@ -25,13 +25,14 @@ export async function translateFederationArtifacts(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);

package/src/utils/event-source.d.ts

@@ -1,10 +0,0 @@
-export type EventHandler = () => Promise<void>;
-export interface EventSource {
-    register(handler: EventHandler): void;
-}
-export declare class EventHub implements EventSource {
-    private handlers;
-    register(handler: EventHandler): void;
-    emit(): Promise<void>;
-}
-//# sourceMappingURL=event-source.d.ts.map

package/src/utils/event-source.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-source.d.ts","sourceRoot":"","sources":["../../../src/utils/event-source.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CACvC;AAED,qBAAa,QAAS,YAAW,WAAW;IAC1C,OAAO,CAAC,QAAQ,CAAsB;IAEtC,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAI/B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAI5B"}

package/src/utils/event-source.js

@@ -1,10 +0,0 @@
-export class EventHub {
-    handlers = [];
-    register(handler) {
-        this.handlers.push(handler);
-    }
-    async emit() {
-        const promises = this.handlers.map((h) => h());
-        await Promise.all(promises);
-    }
-}

package/src/utils/rebuild-events.d.ts

@@ -1,8 +0,0 @@
-import { EventHub, type EventSource } from './event-source.js';
-export interface RebuildEvents {
-    readonly rebuild: EventSource;
-}
-export declare class RebuildHubs implements RebuildEvents {
-    readonly rebuild: EventHub;
-}
-//# sourceMappingURL=rebuild-events.d.ts.map

package/src/utils/rebuild-events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rebuild-events.d.ts","sourceRoot":"","sources":["../../../src/utils/rebuild-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;CAC/B;AAED,qBAAa,WAAY,YAAW,aAAa;IAC/C,QAAQ,CAAC,OAAO,WAAkB;CACnC"}

package/src/utils/rebuild-events.js

@@ -1,4 +0,0 @@
-import { EventHub } from './event-source.js';
-export class RebuildHubs {
-    rebuild = new EventHub();
-}