@angular-architects/native-federation 20.1.6 → 20.3.0

package/README.md

@@ -36,6 +36,7 @@ We will at least provide a new version of this package per Angular major. If nec
 - Use version 19.x for Angular 19.x
 - Use version 20.0.x for Angular 20.0.x
 - Use version 20.1.x for Angular 20.1.x
+- Use version 21.x for Angular 21.x
 
 ## Demo Repo
 
@@ -172,12 +173,10 @@ A dynamic host reads the configuration data at runtime from a `.json` file.
 The host configuration (`projects/shell/federation.config.js`) looks like what you know from our Module Federation plugin:
 
 ```javascript
-const {
-  withNativeFederation,
-  shareAll,
-} = require('@angular-architects/native-federation/config');
+const { withNativeFederation, shareAll } = require('@angular-architects/native-federation/config');
 
 module.exports = withNativeFederation({
+  name: 'my-host',
   shared: {
     ...shareAll({
       singleton: true,
@@ -203,10 +202,7 @@ module.exports = withNativeFederation({
 Also, the remote configuration (`projects/mfe1/federation.config.js`) looks familiar:
 
 ```javascript
-const {
-  withNativeFederation,
-  shareAll,
-} = require('@angular-architects/native-federation/config');
+const { withNativeFederation, shareAll } = require('@angular-architects/native-federation/config');
 
 module.exports = withNativeFederation({
   name: 'mfe1',
@@ -305,8 +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),
   },
 
   {
@@ -379,6 +374,7 @@ module.exports = withNativeFederation({
   shared: {
     ...shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }),
     ...shareAngularLocales(['en', 'de', 'fr']),
+    //...shareAngularLocales(['en', 'de', 'fr'], {legacy: true}), // ng19 or older
   }
 });
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-architects/native-federation",
-  "version": "20.1.6",
+  "version": "20.3.0",
   "main": "src/index.js",
   "generators": "./collection.json",
   "builders": "./builders.json",
@@ -20,9 +20,9 @@
   },
   "dependencies": {
     "@babel/core": "^7.19.0",
-    "@softarc/native-federation": "3.3.5",
-    "@softarc/native-federation-runtime": "3.3.5",
-    "@chialab/esbuild-plugin-commonjs": "^0.18.0",
+    "@softarc/native-federation": "~3.5.1",
+    "@softarc/native-federation-runtime": "~3.5.1",
+    "@chialab/esbuild-plugin-commonjs": "^0.19.0",
     "esbuild": "^0.25.1",
     "mrmime": "^1.0.1",
     "signale": "^1.4.0",

package/src/builders/build/builder.js

@@ -43,245 +43,282 @@ function _buildApplication(options, context, pluginsOrExtensions) {
     }
     return (0, private_1.buildApplicationInternal)(options, context, extensions);
 }
-function runBuilder(nfOptions, context) {
-    return tslib_1.__asyncGenerator(this, arguments, function* runBuilder_1() {
-        var _a, e_1, _b, _c;
-        var _d, _e, _f;
-        let target = (0, architect_1.targetFromTargetString)(nfOptions.target);
-        let _options = (yield tslib_1.__await(context.getTargetOptions(target)));
-        let builder = yield tslib_1.__await(context.getBuilderNameForTarget(target));
-        if (builder === '@angular-devkit/build-angular:browser-esbuild') {
-            build_2.logger.info('.: NATIVE FEDERATION - UPDATE NEEDED :.');
-            build_2.logger.info('');
-            build_2.logger.info("Since version 17.1, Native Federation uses Angular's");
-            build_2.logger.info('Application-Builder and its Dev-Server.');
-            build_2.logger.info('');
-            build_2.logger.info('If you are sill on Angular 17.0.x, please update to');
-            build_2.logger.info('Angular 17.1.x or downgrade to Native Federation 17.0.x.');
-            build_2.logger.info('');
-            build_2.logger.info('For working with Native Federation 17.1.x (recommented), ');
-            build_2.logger.info('please update your project config, e.g. in angular.json');
-            build_2.logger.info('');
-            build_2.logger.info('This command performs the needed update for default configs:');
-            build_2.logger.info('');
-            build_2.logger.info('\tng g @angular-architects/native-federation:appbuilder');
-            build_2.logger.info('');
-            build_2.logger.info('You need to run it once per application to migrate');
-            build_2.logger.info('Please find more information here: https://shorturl.at/gADJW');
-            return yield tslib_1.__await(void 0);
-        }
-        let options = (yield tslib_1.__await(context.validateOptions(_options, builder)));
-        const outerOptions = options;
-        const normOuterOptions = nfOptions.dev
-            ? yield tslib_1.__await((0, options_1.normalizeOptions)(context, context.target.project, outerOptions))
-            : null;
-        const runServer = nfOptions.dev && nfOptions.devServer !== false;
-        const write = true;
-        const watch = nfOptions.watch;
-        if (runServer) {
-            target = (0, architect_1.targetFromTargetString)(outerOptions.buildTarget);
-            _options = (yield tslib_1.__await(context.getTargetOptions(target)));
-            builder = yield tslib_1.__await(context.getBuilderNameForTarget(target));
-            options = (yield tslib_1.__await(context.validateOptions(_options, builder)));
-        }
-        options.watch = watch;
-        if (nfOptions.baseHref) {
-            options.baseHref = nfOptions.baseHref;
-        }
-        if (nfOptions.outputPath) {
-            options.outputPath = nfOptions.outputPath;
-        }
-        const rebuildEvents = new rebuild_events_1.RebuildHubs();
-        const adapter = (0, angular_esbuild_adapter_1.createAngularBuildAdapter)(options, context, rebuildEvents);
-        (0, build_2.setBuildAdapter)(adapter);
-        (0, build_2.setLogLevel)(options.verbose ? 'verbose' : 'info');
-        if (!options.outputPath) {
-            options.outputPath = `dist/${context.target.project}`;
-        }
-        const outputPath = options.outputPath;
-        const outputOptions = Object.assign(Object.assign({ browser: 'browser', server: 'server', media: 'media' }, (typeof outputPath === 'string' ? undefined : outputPath)), { base: typeof outputPath === 'string' ? outputPath : outputPath.base });
-        const i18n = yield tslib_1.__await((0, i18n_1.getI18nConfig)(context));
-        const localeFilter = getLocaleFilter(options, runServer);
-        const sourceLocaleSegment = typeof (i18n === null || i18n === void 0 ? void 0 : i18n.sourceLocale) === 'string'
-            ? i18n.sourceLocale
-            : ((_d = i18n === null || i18n === void 0 ? void 0 : i18n.sourceLocale) === null || _d === void 0 ? void 0 : _d.subPath) || ((_e = i18n === null || i18n === void 0 ? void 0 : i18n.sourceLocale) === null || _e === void 0 ? void 0 : _e.code) || '';
-        const browserOutputPath = path.join(outputOptions.base, outputOptions.browser, options.localize ? sourceLocaleSegment : '');
-        const differentDevServerOutputPath = Array.isArray(localeFilter) && localeFilter.length === 1;
-        const devServerOutputPath = !differentDevServerOutputPath
-            ? browserOutputPath
-            : path.join(outputOptions.base, outputOptions.browser, options.localize[0]);
-        const entryPoint = path.join(path.dirname(options.tsConfig), 'src/main.ts');
-        const fedOptions = {
-            workspaceRoot: context.workspaceRoot,
-            outputPath: browserOutputPath,
-            federationConfig: infereConfigPath(options.tsConfig),
-            tsConfig: options.tsConfig,
-            verbose: options.verbose,
-            watch: false, // options.watch,
-            dev: !!nfOptions.dev,
-            entryPoint,
-            buildNotifications: nfOptions.buildNotifications,
-        };
-        const activateSsr = nfOptions.ssr && !nfOptions.dev;
-        const config = yield tslib_1.__await((0, build_2.loadFederationConfig)(fedOptions));
-        const externals = (0, build_2.getExternals)(config);
-        const plugins = [
-            (0, shared_mappings_plugin_1.createSharedMappingsPlugin)(config.sharedMappings),
-            {
-                name: 'externals',
-                setup(build) {
-                    if (!activateSsr && build.initialOptions.platform !== 'node') {
-                        build.initialOptions.external = externals.filter((e) => e !== 'tslib');
-                    }
-                },
-            },
-        ];
-        // SSR build fails when externals are provided via the plugin
-        if (activateSsr) {
-            options.externalDependencies = externals;
-        }
-        const isLocalDevelopment = runServer && nfOptions.dev;
-        // Initialize SSE reloader only for local development
-        if (isLocalDevelopment && ((_f = nfOptions.buildNotifications) === null || _f === void 0 ? void 0 : _f.enable)) {
-            federation_build_notifier_1.federationBuildNotifier.initialize(nfOptions.buildNotifications.endpoint);
+async function* runBuilder(nfOptions, context) {
+    let target = (0, architect_1.targetFromTargetString)(nfOptions.target);
+    let targetOptions = (await context.getTargetOptions(target));
+    let builder = await context.getBuilderNameForTarget(target);
+    if (builder === '@angular-devkit/build-angular:browser-esbuild') {
+        build_2.logger.info('.: NATIVE FEDERATION - UPDATE NEEDED :.');
+        build_2.logger.info('');
+        build_2.logger.info("Since version 17.1, Native Federation uses Angular's");
+        build_2.logger.info('Application-Builder and its Dev-Server.');
+        build_2.logger.info('');
+        build_2.logger.info('If you are sill on Angular 17.0.x, please update to');
+        build_2.logger.info('Angular 17.1.x or downgrade to Native Federation 17.0.x.');
+        build_2.logger.info('');
+        build_2.logger.info('For working with Native Federation 17.1.x (recommented), ');
+        build_2.logger.info('please update your project config, e.g. in angular.json');
+        build_2.logger.info('');
+        build_2.logger.info('This command performs the needed update for default configs:');
+        build_2.logger.info('');
+        build_2.logger.info('\tng g @angular-architects/native-federation:appbuilder');
+        build_2.logger.info('');
+        build_2.logger.info('You need to run it once per application to migrate');
+        build_2.logger.info('Please find more information here: https://shorturl.at/gADJW');
+        return;
+    }
+    /**
+     * Explicitly defined as devServer or if the target contains "serve"
+     */
+    const runServer = typeof nfOptions.devServer !== 'undefined'
+        ? !!nfOptions.devServer
+        : target.target.includes('serve');
+    let options = (await context.validateOptions(runServer
+        ? {
+            ...targetOptions,
+            port: nfOptions.port || targetOptions['port'],
         }
-        const middleware = [
-            ...(isLocalDevelopment
-                ? [
-                    federation_build_notifier_1.federationBuildNotifier.createEventMiddleware((req) => removeBaseHref(req, options.baseHref)),
-                ]
-                : []),
-            (req, res, next) => {
-                const url = removeBaseHref(req, options.baseHref);
-                const fileName = path.join(fedOptions.workspaceRoot, devServerOutputPath, url);
-                const exists = fs.existsSync(fileName);
-                if (url !== '/' && url !== '' && exists) {
-                    const lookup = mrmime.lookup;
-                    const mimeType = lookup(path.extname(fileName)) || 'text/javascript';
-                    const rawBody = fs.readFileSync(fileName, 'utf-8');
-                    // TODO: Evaluate need for debug infos
-                    // const body = addDebugInformation(url, rawBody);
-                    const body = rawBody;
-                    res.writeHead(200, {
-                        'Content-Type': mimeType,
-                        'Access-Control-Allow-Origin': '*',
-                        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',
-                        'Access-Control-Allow-Headers': 'Content-Type',
-                    });
-                    res.end(body);
-                }
-                else {
-                    next();
+        : targetOptions, builder));
+    let serverOptions = null;
+    const write = true;
+    const watch = nfOptions.watch;
+    if (options['buildTarget']) {
+        serverOptions = await (0, options_1.normalizeOptions)(context, context.target.project, options);
+        target = (0, architect_1.targetFromTargetString)(options['buildTarget']);
+        targetOptions = (await context.getTargetOptions(target));
+        builder = await context.getBuilderNameForTarget(target);
+        options = (await context.validateOptions(targetOptions, builder));
+    }
+    options.watch = watch;
+    if (nfOptions.baseHref) {
+        options.baseHref = nfOptions.baseHref;
+    }
+    if (nfOptions.outputPath) {
+        options.outputPath = nfOptions.outputPath;
+    }
+    const rebuildEvents = new rebuild_events_1.RebuildHubs();
+    const adapter = (0, angular_esbuild_adapter_1.createAngularBuildAdapter)(options, context, rebuildEvents);
+    (0, build_2.setBuildAdapter)(adapter);
+    (0, build_2.setLogLevel)(options.verbose ? 'verbose' : 'info');
+    if (!options.outputPath) {
+        options.outputPath = `dist/${context.target.project}`;
+    }
+    const outputPath = options.outputPath;
+    const outputOptions = {
+        browser: 'browser',
+        server: 'server',
+        media: 'media',
+        ...(typeof outputPath === 'string' ? undefined : outputPath),
+        base: typeof outputPath === 'string' ? outputPath : outputPath.base,
+    };
+    const i18n = await (0, i18n_1.getI18nConfig)(context);
+    const localeFilter = getLocaleFilter(options, 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 differentDevServerOutputPath = Array.isArray(localeFilter) && localeFilter.length === 1;
+    const devServerOutputPath = !differentDevServerOutputPath
+        ? browserOutputPath
+        : path.join(outputOptions.base, outputOptions.browser, options.localize[0]);
+    const entryPoint = path.join(path.dirname(options.tsConfig), 'src/main.ts');
+    const fedOptions = {
+        workspaceRoot: context.workspaceRoot,
+        outputPath: browserOutputPath,
+        federationConfig: inferConfigPath(options.tsConfig),
+        tsConfig: options.tsConfig,
+        verbose: options.verbose,
+        watch: false, // options.watch,
+        dev: !!nfOptions.dev,
+        entryPoint,
+        buildNotifications: nfOptions.buildNotifications,
+        cacheExternalArtifacts: nfOptions.cacheExternalArtifacts,
+    };
+    const activateSsr = nfOptions.ssr && !nfOptions.dev;
+    const start = process.hrtime();
+    const config = await (0, build_2.loadFederationConfig)(fedOptions);
+    build_2.logger.measure(start, 'To load the federation config.');
+    const externals = (0, build_2.getExternals)(config);
+    const plugins = [
+        (0, shared_mappings_plugin_1.createSharedMappingsPlugin)(config.sharedMappings),
+        {
+            name: 'externals',
+            setup(build) {
+                if (!activateSsr && build.initialOptions.platform !== 'node') {
+                    build.initialOptions.external = externals.filter((e) => e !== 'tslib');
                 }
             },
-        ];
-        const memResults = new mem_resuts_1.MemResults();
-        let first = true;
-        let lastResult;
-        if ((0, fs_1.existsSync)(fedOptions.outputPath)) {
-            (0, fs_1.rmSync)(fedOptions.outputPath, { recursive: true });
-        }
-        if (!(0, fs_1.existsSync)(fedOptions.outputPath)) {
-            (0, fs_1.mkdirSync)(fedOptions.outputPath, { recursive: true });
-        }
-        if (!write) {
-            (0, angular_esbuild_adapter_1.setMemResultHandler)((outFiles, outDir) => {
-                const fullOutDir = outDir
-                    ? path.join(fedOptions.workspaceRoot, outDir)
-                    : null;
-                memResults.add(outFiles.map((f) => new mem_resuts_1.EsBuildResult(f, fullOutDir)));
-            });
-        }
-        let federationResult;
-        try {
-            federationResult = yield tslib_1.__await((0, build_2.buildForFederation)(config, fedOptions, externals));
-        }
-        catch (e) {
-            process.exit(1);
-        }
-        if (activateSsr) {
-            writeFstartScript(fedOptions);
-        }
-        const hasLocales = (i18n === null || i18n === void 0 ? void 0 : i18n.locales) && Object.keys(i18n.locales).length > 0;
-        if (hasLocales && localeFilter) {
-            (0, i18n_1.translateFederationArtefacts)(i18n, localeFilter, outputOptions.base, federationResult);
-        }
-        options.deleteOutputPath = false;
-        const appBuilderName = '@angular/build:application';
-        const builderRun = runServer
-            ? (0, private_1.serveWithVite)(normOuterOptions, appBuilderName, _buildApplication, context, nfOptions.skipHtmlTransform
-                ? {}
-                : { indexHtml: transformIndexHtml(nfOptions) }, {
-                buildPlugins: plugins,
-                middleware,
-            })
-            : (0, build_1.buildApplication)(options, context, {
-                codePlugins: plugins,
-                indexHtmlTransformer: transformIndexHtml(nfOptions),
-            });
-        try {
-            try {
-                // builderRun.output.subscribe(async (output) => {
-                for (var _g = true, builderRun_1 = tslib_1.__asyncValues(builderRun), builderRun_1_1; builderRun_1_1 = yield tslib_1.__await(builderRun_1.next()), _a = builderRun_1_1.done, !_a; _g = true) {
-                    _c = builderRun_1_1.value;
-                    _g = false;
-                    const output = _c;
-                    lastResult = output;
-                    if (!write && output['outputFiles']) {
-                        memResults.add(output['outputFiles'].map((file) => new mem_resuts_1.EsBuildResult(file)));
+        },
+    ];
+    // SSR build fails when externals are provided via the plugin
+    if (activateSsr) {
+        options.externalDependencies = externals;
+    }
+    const isLocalDevelopment = runServer && nfOptions.dev;
+    // Initialize SSE reloader only for local development
+    if (isLocalDevelopment && nfOptions.buildNotifications?.enable) {
+        federation_build_notifier_1.federationBuildNotifier.initialize(nfOptions.buildNotifications.endpoint);
+    }
+    const middleware = [
+        ...(isLocalDevelopment
+            ? [
+                federation_build_notifier_1.federationBuildNotifier.createEventMiddleware((req) => removeBaseHref(req, options.baseHref)),
+            ]
+            : []),
+        (req, res, next) => {
+            const url = removeBaseHref(req, options.baseHref);
+            const fileName = path.join(fedOptions.workspaceRoot, devServerOutputPath, url);
+            const exists = fs.existsSync(fileName);
+            if (url !== '/' && url !== '' && exists) {
+                const lookup = mrmime.lookup;
+                const mimeType = lookup(path.extname(fileName)) || 'text/javascript';
+                const rawBody = fs.readFileSync(fileName, 'utf-8');
+                // TODO: Evaluate need for debug infos
+                // const body = addDebugInformation(url, rawBody);
+                const body = rawBody;
+                res.writeHead(200, {
+                    'Content-Type': mimeType,
+                    'Access-Control-Allow-Origin': '*',
+                    'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',
+                    'Access-Control-Allow-Headers': 'Content-Type',
+                });
+                res.end(body);
+            }
+            else {
+                next();
+            }
+        },
+    ];
+    const memResults = new mem_resuts_1.MemResults();
+    let first = true;
+    let lastResult;
+    if ((0, fs_1.existsSync)(fedOptions.outputPath)) {
+        (0, fs_1.rmSync)(fedOptions.outputPath, { recursive: true });
+    }
+    if (!(0, fs_1.existsSync)(fedOptions.outputPath)) {
+        (0, fs_1.mkdirSync)(fedOptions.outputPath, { recursive: true });
+    }
+    if (!write) {
+        (0, angular_esbuild_adapter_1.setMemResultHandler)((outFiles, outDir) => {
+            const fullOutDir = outDir
+                ? path.join(fedOptions.workspaceRoot, outDir)
+                : null;
+            memResults.add(outFiles.map((f) => new mem_resuts_1.EsBuildResult(f, fullOutDir)));
+        });
+    }
+    let federationResult;
+    try {
+        const start = process.hrtime();
+        federationResult = await (0, build_2.buildForFederation)(config, fedOptions, externals);
+        build_2.logger.measure(start, 'To build the artifacts.');
+    }
+    catch (e) {
+        build_2.logger.error(e?.message ?? 'Building the artifacts failed');
+        process.exit(1);
+    }
+    if (activateSsr) {
+        writeFstartScript(fedOptions);
+    }
+    const hasLocales = i18n?.locales && Object.keys(i18n.locales).length > 0;
+    if (hasLocales && localeFilter) {
+        const start = process.hrtime();
+        (0, i18n_1.translateFederationArtefacts)(i18n, localeFilter, outputOptions.base, federationResult);
+        build_2.logger.measure(start, 'To translate the artifacts.');
+    }
+    options.deleteOutputPath = false;
+    const appBuilderName = '@angular/build:application';
+    const builderRun = runServer
+        ? (0, private_1.serveWithVite)(serverOptions, appBuilderName, _buildApplication, context, nfOptions.skipHtmlTransform
+            ? {}
+            : { indexHtml: transformIndexHtml(nfOptions) }, {
+            buildPlugins: plugins,
+            middleware,
+        })
+        : (0, build_1.buildApplication)(options, context, {
+            codePlugins: plugins,
+            indexHtmlTransformer: transformIndexHtml(nfOptions),
+        });
+    const rebuildQueue = new build_2.RebuildQueue();
+    try {
+        for await (const output of builderRun) {
+            lastResult = output;
+            if (!write && output['outputFiles']) {
+                memResults.add(output['outputFiles'].map((file) => new mem_resuts_1.EsBuildResult(file)));
+            }
+            if (!write && output['assetFiles']) {
+                memResults.add(output['assetFiles'].map((file) => new mem_resuts_1.NgCliAssetResult(file)));
+            }
+            // if (write && !runServer && !nfOptions.skipHtmlTransform) {
+            //   updateIndexHtml(fedOptions, nfOptions);
+            // }
+            // if (!runServer) {
+            //   yield output;
+            // }
+            if (!first && (nfOptions.dev || watch)) {
+                rebuildQueue
+                    .enqueue(async (signal) => {
+                    if (signal?.aborted) {
+                        throw new build_2.AbortedError('Build canceled before starting');
+                    }
+                    await new Promise((resolve, reject) => {
+                        const timeout = setTimeout(resolve, Math.max(10, nfOptions.rebuildDelay));
+                        if (signal) {
+                            const abortHandler = () => {
+                                clearTimeout(timeout);
+                                reject(new build_2.AbortedError('[builder] During delay.'));
+                            };
+                            signal.addEventListener('abort', abortHandler, { once: true });
+                        }
+                    });
+                    if (signal?.aborted) {
+                        throw new build_2.AbortedError('[builder] Before federation build.');
                     }
-                    if (!write && output['assetFiles']) {
-                        memResults.add(output['assetFiles'].map((file) => new mem_resuts_1.NgCliAssetResult(file)));
+                    const start = process.hrtime();
+                    federationResult = await (0, build_2.buildForFederation)(config, fedOptions, externals, {
+                        skipMappingsAndExposed: false,
+                        skipShared: true,
+                        signal,
+                    });
+                    if (signal?.aborted) {
+                        throw new build_2.AbortedError('[builder] After federation build.');
                     }
-                    // if (write && !runServer && !nfOptions.skipHtmlTransform) {
-                    //   updateIndexHtml(fedOptions, nfOptions);
-                    // }
-                    // if (!runServer) {
-                    //   yield output;
-                    // }
-                    if (!first && (nfOptions.dev || watch)) {
-                        setTimeout(() => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                            try {
-                                federationResult = yield (0, build_2.buildForFederation)(config, fedOptions, externals, {
-                                    skipMappingsAndExposed: false,
-                                    skipShared: true,
-                                });
-                                if (hasLocales && localeFilter) {
-                                    (0, i18n_1.translateFederationArtefacts)(i18n, localeFilter, outputOptions.base, federationResult);
-                                }
-                                build_2.logger.info('Done!');
-                                // Notifies about build completion
-                                if (isLocalDevelopment) {
-                                    federation_build_notifier_1.federationBuildNotifier.broadcastBuildCompletion();
-                                }
-                            }
-                            catch (error) {
-                                build_2.logger.error('Federation rebuild failed!');
-                                // Notifies about build failure
-                                if (isLocalDevelopment) {
-                                    federation_build_notifier_1.federationBuildNotifier.broadcastBuildError(error);
-                                }
-                            }
-                        }), nfOptions.rebuildDelay);
+                    if (hasLocales && localeFilter) {
+                        (0, i18n_1.translateFederationArtefacts)(i18n, localeFilter, outputOptions.base, federationResult);
                     }
-                    first = false;
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (!_g && !_a && (_b = builderRun_1.return)) yield tslib_1.__await(_b.call(builderRun_1));
-                }
-                finally { if (e_1) throw e_1.error; }
+                    if (signal?.aborted) {
+                        throw new build_2.AbortedError('[builder] After federation translations.');
+                    }
+                    build_2.logger.info('Done!');
+                    if (isLocalDevelopment) {
+                        federation_build_notifier_1.federationBuildNotifier.broadcastBuildCompletion();
+                    }
+                    build_2.logger.measure(start, 'To rebuild the federation artifacts.');
+                })
+                    .catch((error) => {
+                    if (error instanceof build_2.AbortedError) {
+                        build_2.logger.verbose('Rebuild was canceled. Cancellation point: ' + error?.message);
+                        federation_build_notifier_1.federationBuildNotifier.broadcastBuildCancellation();
+                    }
+                    else {
+                        build_2.logger.error('Federation rebuild failed!');
+                        if (options.verbose)
+                            console.error(error);
+                        if (isLocalDevelopment) {
+                            federation_build_notifier_1.federationBuildNotifier.broadcastBuildError(error);
+                        }
+                    }
+                });
             }
+            first = false;
         }
-        finally {
-            if (isLocalDevelopment) {
-                federation_build_notifier_1.federationBuildNotifier.stopEventServer();
-            }
+    }
+    finally {
+        rebuildQueue.dispose();
+        if (isLocalDevelopment) {
+            federation_build_notifier_1.federationBuildNotifier.stopEventServer();
         }
-        yield yield tslib_1.__await(lastResult || { success: false });
-    });
+    }
+    yield lastResult || { success: false };
 }
 function removeBaseHref(req, baseHref) {
     let url = req.url;
@@ -307,7 +344,7 @@ function getLocaleFilter(options, runServer) {
     }
     return localize;
 }
-function infereConfigPath(tsConfig) {
+function inferConfigPath(tsConfig) {
     const relProjectPath = path.dirname(tsConfig);
     const relConfigPath = path.join(relProjectPath, 'federation.config.js');
     return relConfigPath;
@@ -324,7 +361,10 @@ function addDebugInformation(fileName, rawBody) {
     if (!shared) {
         return rawBody;
     }
-    const sharedForVite = shared.map((s) => (Object.assign(Object.assign({}, s), { packageName: `/@id/${s.packageName}` })));
+    const sharedForVite = shared.map((s) => ({
+        ...s,
+        packageName: `/@id/${s.packageName}`,
+    }));
     remoteEntry.shared = [...shared, ...sharedForVite];
     return JSON.stringify(remoteEntry, null, 2);
 }