@angular-devkit/build-angular 13.0.4 → 13.1.0-next.3

package/package.json

@@ -1,85 +1,85 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "13.0.4",
+  "version": "13.1.0-next.3",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
-    "@ampproject/remapping": "1.0.1",
-    "@angular-devkit/architect": "0.1300.4",
-    "@angular-devkit/build-webpack": "0.1300.4",
-    "@angular-devkit/core": "13.0.4",
-    "@babel/core": "7.15.8",
-    "@babel/generator": "7.15.8",
-    "@babel/helper-annotate-as-pure": "7.15.4",
-    "@babel/plugin-proposal-async-generator-functions": "7.15.8",
-    "@babel/plugin-transform-async-to-generator": "7.14.5",
-    "@babel/plugin-transform-runtime": "7.15.8",
-    "@babel/preset-env": "7.15.8",
-    "@babel/runtime": "7.15.4",
-    "@babel/template": "7.15.4",
-    "@discoveryjs/json-ext": "0.5.5",
-    "@ngtools/webpack": "13.0.4",
+    "@ampproject/remapping": "1.0.2",
+    "@angular-devkit/architect": "0.1301.0-next.3",
+    "@angular-devkit/build-webpack": "0.1301.0-next.3",
+    "@angular-devkit/core": "13.1.0-next.3",
+    "@babel/core": "7.16.0",
+    "@babel/generator": "7.16.0",
+    "@babel/helper-annotate-as-pure": "7.16.0",
+    "@babel/plugin-proposal-async-generator-functions": "7.16.4",
+    "@babel/plugin-transform-async-to-generator": "7.16.0",
+    "@babel/plugin-transform-runtime": "7.16.4",
+    "@babel/preset-env": "7.16.4",
+    "@babel/runtime": "7.16.3",
+    "@babel/template": "7.16.0",
+    "@discoveryjs/json-ext": "0.5.6",
+    "@ngtools/webpack": "13.1.0-next.3",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.3",
     "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.9.1",
     "cacache": "15.3.0",
-    "caniuse-lite": "^1.0.30001032",
     "circular-dependency-plugin": "5.2.2",
-    "copy-webpack-plugin": "9.0.1",
-    "core-js": "3.19.0",
-    "critters": "0.0.14",
-    "css-loader": "6.5.0",
-    "esbuild-wasm": "0.13.12",
+    "copy-webpack-plugin": "10.0.0",
+    "core-js": "3.19.2",
+    "critters": "0.0.15",
+    "css-loader": "6.5.1",
+    "esbuild-wasm": "0.14.1",
     "glob": "7.2.0",
     "https-proxy-agent": "5.0.0",
     "inquirer": "8.2.0",
+    "jsonc-parser": "3.0.0",
     "karma-source-map-support": "1.4.0",
     "less": "4.1.2",
     "less-loader": "10.2.0",
     "license-webpack-plugin": "4.0.0",
-    "loader-utils": "3.0.0",
-    "mini-css-extract-plugin": "2.4.3",
+    "loader-utils": "3.2.0",
+    "mini-css-extract-plugin": "2.4.5",
     "minimatch": "3.0.4",
     "open": "8.4.0",
     "ora": "5.4.1",
     "parse5-html-rewriting-stream": "6.0.1",
     "piscina": "3.1.0",
-    "postcss": "8.3.11",
+    "postcss": "8.4.4",
     "postcss-import": "14.0.2",
-    "postcss-loader": "6.2.0",
+    "postcss-loader": "6.2.1",
     "postcss-preset-env": "6.7.0",
     "regenerator-runtime": "0.13.9",
     "resolve-url-loader": "4.0.0",
     "rxjs": "6.6.7",
-    "sass": "1.43.4",
+    "sass": "1.44.0",
     "sass-loader": "12.3.0",
     "semver": "7.3.5",
     "source-map-loader": "3.0.0",
-    "source-map-support": "0.5.20",
+    "source-map-support": "0.5.21",
     "stylus": "0.55.0",
     "stylus-loader": "6.2.0",
-    "terser": "5.9.0",
+    "terser": "5.10.0",
     "text-table": "0.2.0",
     "tree-kill": "1.2.2",
     "tslib": "2.3.1",
-    "webpack": "5.64.1",
-    "webpack-dev-middleware": "5.2.1",
-    "webpack-dev-server": "4.4.0",
+    "webpack": "5.64.4",
+    "webpack-dev-middleware": "5.2.2",
+    "webpack-dev-server": "4.6.0",
     "webpack-merge": "5.8.0",
     "webpack-subresource-integrity": "5.0.0"
   },
   "optionalDependencies": {
-    "esbuild": "0.13.12"
+    "esbuild": "0.14.1"
   },
   "peerDependencies": {
-    "@angular/compiler-cli": "^13.0.0",
-    "@angular/localize": "^13.0.0",
-    "@angular/service-worker": "^13.0.0",
+    "@angular/compiler-cli": "^13.0.0 || ^13.1.0-next",
+    "@angular/localize": "^13.0.0 || ^13.1.0-next",
+    "@angular/service-worker": "^13.0.0 || ^13.1.0-next",
     "karma": "^6.3.0",
-    "ng-packagr": "^13.0.0",
+    "ng-packagr": "^13.0.0 || ^13.1.0-next",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0",
     "typescript": "~4.4.3"

package/src/babel/presets/application.d.ts

@@ -23,6 +23,7 @@ export interface ApplicationPresetOptions {
         locale: string;
         missingTranslationBehavior?: 'error' | 'warning' | 'ignore';
         translation?: unknown;
+        translationFiles?: string[];
         pluginCreators?: I18nPluginCreators;
     };
     angularLinker?: {

package/src/babel/webpack-loader.js

@@ -41,6 +41,7 @@ async function requiresLinking(path, source) {
     }
     return needsLinking(path, source);
 }
+// eslint-disable-next-line max-lines-per-function
 exports.default = (0, babel_loader_1.custom)(() => {
     const baseOptions = Object.freeze({
         babelrc: false,
@@ -118,6 +119,14 @@ exports.default = (0, babel_loader_1.custom)(() => {
                     ...i18n,
                     pluginCreators: i18nPluginCreators,
                 };
+                // Add translation files as dependencies of the file to support rebuilds
+                // Except for `@angular/core` which needs locale injection but has no translations
+                if (customOptions.i18n.translationFiles &&
+                    !/[\\/]@angular[\\/]core/.test(this.resourcePath)) {
+                    for (const file of customOptions.i18n.translationFiles) {
+                        this.addDependency(file);
+                    }
+                }
                 shouldProcess = true;
             }
             if (optimize) {

package/src/builders/browser/index.js

@@ -46,6 +46,7 @@ const output_paths_1 = require("../../utils/output-paths");
 const package_chunk_sort_1 = require("../../utils/package-chunk-sort");
 const service_worker_1 = require("../../utils/service-worker");
 const spinner_1 = require("../../utils/spinner");
+const supported_browsers_1 = require("../../utils/supported-browsers");
 const version_1 = require("../../utils/version");
 const webpack_browser_config_1 = require("../../utils/webpack-browser-config");
 const configs_1 = require("../../webpack/configs");
@@ -59,12 +60,8 @@ async function initialize(options, context, webpackConfigurationTransform) {
     const adjustedOptions = options.watch ? options : { ...options, assets: [] };
     const { config, projectRoot, projectSourceRoot, i18n, target } = await (0, webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext)(adjustedOptions, context, (wco) => [
         (0, configs_1.getCommonConfig)(wco),
-        (0, configs_1.getBrowserConfig)(wco),
         (0, configs_1.getStylesConfig)(wco),
-        (0, configs_1.getStatsConfig)(wco),
         (0, configs_1.getAnalyticsConfig)(wco, context),
-        (0, configs_1.getTypeScriptConfig)(wco),
-        wco.buildOptions.webWorkerTsConfig ? (0, configs_1.getWorkerConfig)(wco) : {},
     ]);
     // Validate asset option values if processed directly
     if (((_a = options.assets) === null || _a === void 0 ? void 0 : _a.length) && !((_b = adjustedOptions.assets) === null || _b === void 0 ? void 0 : _b.length)) {
@@ -101,8 +98,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
     return (0, rxjs_1.from)(context.getProjectMetadata(projectName)).pipe((0, operators_1.switchMap)(async (projectMetadata) => {
         var _a;
         const sysProjectRoot = (0, core_1.getSystemPath)((0, core_1.resolve)((0, core_1.normalize)(context.workspaceRoot), (0, core_1.normalize)((_a = projectMetadata.root) !== null && _a !== void 0 ? _a : '')));
-        const buildBrowserFeatures = new utils_1.BuildBrowserFeatures(sysProjectRoot);
-        checkInternetExplorerSupport(buildBrowserFeatures.supportedBrowsers, context.logger);
+        checkInternetExplorerSupport(sysProjectRoot, context.logger);
         return {
             ...(await initialize(options, context, transforms.webpackConfiguration)),
             cacheOptions: (0, normalize_cache_1.normalizeCacheOptions)(projectMetadata, context.workspaceRoot),
@@ -159,8 +155,9 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                 }
                 // Check for budget errors and display them to the user.
                 const budgets = options.budgets;
+                let budgetFailures;
                 if (budgets === null || budgets === void 0 ? void 0 : budgets.length) {
-                    const budgetFailures = (0, bundle_calculator_1.checkBudgets)(budgets, webpackStats);
+                    budgetFailures = [...(0, bundle_calculator_1.checkBudgets)(budgets, webpackStats)];
                     for (const { severity, message } of budgetFailures) {
                         switch (severity) {
                             case bundle_calculator_1.ThresholdSeverity.Warning:
@@ -254,7 +251,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         spinner.succeed('Service worker generation complete.');
                     }
                 }
-                (0, stats_1.webpackStatsLogger)(context.logger, webpackStats, config);
+                (0, stats_1.webpackStatsLogger)(context.logger, webpackStats, config, budgetFailures);
                 return { success: buildSuccess };
             }
         }), (0, operators_1.map)((event) => ({
@@ -294,7 +291,8 @@ function mapEmittedFilesToFileInfo(files = []) {
     }
     return filteredFiles;
 }
-function checkInternetExplorerSupport(supportedBrowsers, logger) {
+function checkInternetExplorerSupport(projectRoot, logger) {
+    const supportedBrowsers = (0, supported_browsers_1.getSupportedBrowsers)(projectRoot);
     if (supportedBrowsers.some((b) => b === 'ie 9' || b === 'ie 10' || b === 'ie 11')) {
         logger.warn(`Warning: Support was requested for Internet Explorer in the project's browserslist configuration. ` +
             'Internet Explorer is no longer officially supported.' +

package/src/builders/dev-server/index.js

@@ -37,10 +37,13 @@ const url = __importStar(require("url"));
 const utils_1 = require("../../utils");
 const check_port_1 = require("../../utils/check-port");
 const color_1 = require("../../utils/color");
+const i18n_options_1 = require("../../utils/i18n-options");
+const load_translations_1 = require("../../utils/load-translations");
 const normalize_cache_1 = require("../../utils/normalize-cache");
 const package_chunk_sort_1 = require("../../utils/package-chunk-sort");
 const version_1 = require("../../utils/version");
 const webpack_browser_config_1 = require("../../utils/webpack-browser-config");
+const webpack_diagnostics_1 = require("../../utils/webpack-diagnostics");
 const configs_1 = require("../../webpack/configs");
 const index_html_webpack_plugin_1 = require("../../webpack/plugins/index-html-webpack-plugin");
 const stats_1 = require("../../webpack/utils/stats");
@@ -124,12 +127,8 @@ function serveWebpackBrowser(options, context, transforms = {}) {
         const { config, projectRoot, i18n } = await (0, webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext)(browserOptions, context, (wco) => [
             (0, configs_1.getDevServerConfig)(wco),
             (0, configs_1.getCommonConfig)(wco),
-            (0, configs_1.getBrowserConfig)(wco),
             (0, configs_1.getStylesConfig)(wco),
-            (0, configs_1.getStatsConfig)(wco),
             (0, configs_1.getAnalyticsConfig)(wco, context),
-            (0, configs_1.getTypeScriptConfig)(wco),
-            browserOptions.webWorkerTsConfig ? (0, configs_1.getWorkerConfig)(wco) : {},
         ], options);
         if (!config.devServer) {
             throw new Error('Webpack Dev Server configuration was not set.');
@@ -149,7 +148,7 @@ function serveWebpackBrowser(options, context, transforms = {}) {
             if (i18n.inlineLocales.size > 1) {
                 throw new Error('The development server only supports localizing a single locale per build.');
             }
-            await setupLocalize(locale, i18n, browserOptions, webpackConfig, cacheOptions);
+            await setupLocalize(locale, i18n, browserOptions, webpackConfig, cacheOptions, context);
         }
         if (transforms.webpackConfiguration) {
             webpackConfig = await transforms.webpackConfiguration(webpackConfig);
@@ -224,7 +223,7 @@ function serveWebpackBrowser(options, context, transforms = {}) {
     }));
 }
 exports.serveWebpackBrowser = serveWebpackBrowser;
-async function setupLocalize(locale, i18n, browserOptions, webpackConfig, cacheOptions) {
+async function setupLocalize(locale, i18n, browserOptions, webpackConfig, cacheOptions, context) {
     var _a;
     const localeDescription = i18n.locales[locale];
     // Modify main entrypoint to include locale data
@@ -252,6 +251,7 @@ async function setupLocalize(locale, i18n, browserOptions, webpackConfig, cacheO
         locale,
         missingTranslationBehavior,
         translation: i18n.shouldInline ? translation : undefined,
+        translationFiles: localeDescription === null || localeDescription === void 0 ? void 0 : localeDescription.files.map((file) => path.resolve(context.workspaceRoot, file.path)),
     };
     const i18nRule = {
         test: /\.[cm]?[tj]sx?$/,
@@ -280,5 +280,30 @@ async function setupLocalize(locale, i18n, browserOptions, webpackConfig, cacheO
         webpackConfig.module.rules = rules;
     }
     rules.push(i18nRule);
+    // Add a plugin to reload translation files on rebuilds
+    const loader = await (0, load_translations_1.createTranslationLoader)();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    webpackConfig.plugins.push({
+        apply: (compiler) => {
+            compiler.hooks.thisCompilation.tap('build-angular', (compilation) => {
+                if (i18n.shouldInline && i18nLoaderOptions.translation === undefined) {
+                    // Reload translations
+                    (0, i18n_options_1.loadTranslations)(locale, localeDescription, context.workspaceRoot, loader, {
+                        warn(message) {
+                            (0, webpack_diagnostics_1.addWarning)(compilation, message);
+                        },
+                        error(message) {
+                            (0, webpack_diagnostics_1.addError)(compilation, message);
+                        },
+                    });
+                    i18nLoaderOptions.translation = localeDescription.translation;
+                }
+                compilation.hooks.finishModules.tap('build-angular', () => {
+                    // After loaders are finished, clear out the now unneeded translations
+                    i18nLoaderOptions.translation = undefined;
+                });
+            });
+        },
+    });
 }
 exports.default = (0, architect_1.createBuilder)(serveWebpackBrowser);

package/src/builders/extract-i18n/index.js

@@ -166,6 +166,7 @@ async function execute(options, context, transforms) {
         subresourceIntegrity: false,
         outputHashing: schema_1.OutputHashing.None,
         namedChunks: true,
+        allowedCommonJsDependencies: undefined,
     };
     const { config, projectRoot } = await (0, webpack_browser_config_1.generateBrowserWebpackConfigFromContext)(builderOptions, context, (wco) => {
         var _a;
@@ -174,10 +175,6 @@ async function execute(options, context, transforms) {
         const partials = [
             { plugins: [new NoEmitPlugin()] },
             (0, configs_1.getCommonConfig)(wco),
-            (0, configs_1.getBrowserConfig)(wco),
-            (0, configs_1.getTypeScriptConfig)(wco),
-            (0, configs_1.getWorkerConfig)(wco),
-            (0, configs_1.getStatsConfig)(wco),
         ];
         // Add Ivy application file extractor support
         partials.unshift({

package/src/builders/karma/index.d.ts

@@ -8,7 +8,7 @@
 import { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
 import { ConfigOptions } from 'karma';
 import { Observable } from 'rxjs';
-import * as webpack from 'webpack';
+import { Configuration } from 'webpack';
 import { ExecutionTransformer } from '../../transforms';
 import { Schema as KarmaBuilderOptions } from './schema';
 export declare type KarmaConfigOptions = ConfigOptions & {
@@ -19,7 +19,7 @@ export declare type KarmaConfigOptions = ConfigOptions & {
  * @experimental Direct usage of this function is considered experimental.
  */
 export declare function execute(options: KarmaBuilderOptions, context: BuilderContext, transforms?: {
-    webpackConfiguration?: ExecutionTransformer<webpack.Configuration>;
+    webpackConfiguration?: ExecutionTransformer<Configuration>;
     karmaOptions?: (options: KarmaConfigOptions) => KarmaConfigOptions;
 }): Observable<BuilderOutput>;
 export { KarmaBuilderOptions };

package/src/builders/karma/index.js

@@ -59,13 +59,7 @@ async function initialize(options, context, webpackConfigurationTransformer) {
         // https://github.com/webpack/webpack-dev-middleware/blob/698c9ae5e9bb9a013985add6189ff21c1a1ec185/src/index.js#L65
         // https://github.com/webpack/webpack/blob/cde1b73e12eb8a77eb9ba42e7920c9ec5d29c2c9/lib/Compiler.js#L379-L388
         watch: true,
-    }, context, (wco) => [
-        (0, configs_1.getCommonConfig)(wco),
-        (0, configs_1.getStylesConfig)(wco),
-        (0, configs_1.getTypeScriptConfig)(wco),
-        (0, configs_1.getTestConfig)(wco),
-        (0, configs_1.getWorkerConfig)(wco),
-    ]);
+    }, context, (wco) => [(0, configs_1.getCommonConfig)(wco), (0, configs_1.getStylesConfig)(wco)]);
     const karma = await Promise.resolve().then(() => __importStar(require('karma')));
     return [
         karma,

package/src/builders/server/index.js

@@ -109,13 +109,7 @@ async function initialize(options, context, webpackConfigurationTransform) {
         buildOptimizer: false,
         aot: true,
         platform: 'server',
-    }, context, (wco) => [
-        (0, configs_1.getCommonConfig)(wco),
-        (0, configs_1.getServerConfig)(wco),
-        (0, configs_1.getStylesConfig)(wco),
-        (0, configs_1.getStatsConfig)(wco),
-        (0, configs_1.getTypeScriptConfig)(wco),
-    ]);
+    }, context, (wco) => [(0, configs_1.getCommonConfig)(wco), (0, configs_1.getStylesConfig)(wco)]);
     let transformedConfig;
     if (webpackConfigurationTransform) {
         transformedConfig = await webpackConfigurationTransform(config);

package/src/utils/build-options.d.ts

@@ -59,10 +59,9 @@ export interface BuildOptions {
     inlineStyleLanguage?: InlineStyleLanguage;
     allowedCommonJsDependencies?: string[];
     cache: NormalizedCachedOptions;
-}
-export interface WebpackTestOptions extends BuildOptions {
     codeCoverage?: boolean;
     codeCoverageExclude?: string[];
+    supportedBrowsers: string[];
 }
 export interface WebpackDevServerOptions extends BuildOptions, Omit<DevServerSchema, 'optimization' | 'sourceMap' | 'browserTarget'> {
 }

package/src/utils/bundle-calculator.d.ts

@@ -20,13 +20,12 @@ export declare enum ThresholdSeverity {
     Warning = "warning",
     Error = "error"
 }
-export declare function calculateThresholds(budget: Budget): IterableIterator<Threshold>;
-export declare function checkBudgets(budgets: Budget[], webpackStats: StatsCompilation): IterableIterator<{
-    severity: ThresholdSeverity;
-    message: string;
-}>;
-export declare function checkThresholds(thresholds: IterableIterator<Threshold>, size: number, label?: string): IterableIterator<{
+export interface BudgetCalculatorResult {
     severity: ThresholdSeverity;
     message: string;
-}>;
+    label?: string;
+}
+export declare function calculateThresholds(budget: Budget): IterableIterator<Threshold>;
+export declare function checkBudgets(budgets: Budget[], webpackStats: StatsCompilation): IterableIterator<BudgetCalculatorResult>;
+export declare function checkThresholds(thresholds: IterableIterator<Threshold>, size: number, label?: string): IterableIterator<BudgetCalculatorResult>;
 export {};

package/src/utils/bundle-calculator.js

@@ -143,7 +143,7 @@ class BundleCalculator extends Calculator {
             .filter((chunk) => { var _a; return (_a = chunk === null || chunk === void 0 ? void 0 : chunk.names) === null || _a === void 0 ? void 0 : _a.includes(budgetName); })
             .map((chunk) => this.calculateChunkSize(chunk))
             .reduce((l, r) => l + r, 0);
-        return [{ size, label: `bundle ${this.budget.name}` }];
+        return [{ size, label: this.budget.name }];
     }
 }
 /**
@@ -262,6 +262,7 @@ function* checkThresholds(thresholds, size, label) {
                 const sizeDifference = (0, stats_1.formatSize)(size - threshold.limit);
                 yield {
                     severity: threshold.severity,
+                    label,
                     message: `${label} exceeded maximum budget. Budget ${(0, stats_1.formatSize)(threshold.limit)} was not met by ${sizeDifference} with a total of ${(0, stats_1.formatSize)(size)}.`,
                 };
                 break;
@@ -273,6 +274,7 @@ function* checkThresholds(thresholds, size, label) {
                 const sizeDifference = (0, stats_1.formatSize)(threshold.limit - size);
                 yield {
                     severity: threshold.severity,
+                    label,
                     message: `${label} failed to meet minimum budget. Budget ${(0, stats_1.formatSize)(threshold.limit)} was not met by ${sizeDifference} with a total of ${(0, stats_1.formatSize)(size)}.`,
                 };
                 break;

package/src/utils/i18n-inlining.js

@@ -32,7 +32,7 @@ const path = __importStar(require("path"));
 const action_executor_1 = require("./action-executor");
 const copy_assets_1 = require("./copy-assets");
 const spinner_1 = require("./spinner");
-function emittedFilesToInlineOptions(emittedFiles, scriptsEntryPointName, emittedPath, outputPath, es5, missingTranslation) {
+function emittedFilesToInlineOptions(emittedFiles, scriptsEntryPointName, emittedPath, outputPath, es5, missingTranslation, context) {
     const options = [];
     const originalFiles = [];
     for (const emittedFile of emittedFiles) {
@@ -51,16 +51,31 @@ function emittedFilesToInlineOptions(emittedFiles, scriptsEntryPointName, emitte
             setLocale: emittedFile.name === 'main' || emittedFile.name === 'vendor',
         };
         originalFiles.push(originalPath);
+        // Remove temporary original file as the content has now been read
+        try {
+            fs.unlinkSync(originalPath);
+        }
+        catch (e) {
+            context.logger.debug(`Unable to delete i18n temporary file [${originalPath}]: ${e.toString()}`);
+        }
         try {
             const originalMapPath = originalPath + '.map';
             action.map = fs.readFileSync(originalMapPath, 'utf8');
             originalFiles.push(originalMapPath);
+            // Remove temporary original map file as the content has now been read
+            try {
+                fs.unlinkSync(originalMapPath);
+            }
+            catch (e) {
+                context.logger.debug(`Unable to delete i18n temporary file [${originalMapPath}]: ${e.toString()}`);
+            }
         }
         catch (err) {
             if (err.code !== 'ENOENT') {
                 throw err;
             }
         }
+        context.logger.debug(`i18n file queued for processing: ${action.filename}`);
         options.push(action);
     }
     return { options, originalFiles };
@@ -71,8 +86,9 @@ async function i18nInlineEmittedFiles(context, emittedFiles, i18n, baseOutputPat
     const spinner = new spinner_1.Spinner();
     spinner.start('Generating localized bundles...');
     try {
-        const { options, originalFiles: processedFiles } = emittedFilesToInlineOptions(emittedFiles, scriptsEntryPointName, emittedPath, baseOutputPath, es5, missingTranslation);
+        const { options, originalFiles: processedFiles } = emittedFilesToInlineOptions(emittedFiles, scriptsEntryPointName, emittedPath, baseOutputPath, es5, missingTranslation, context);
         for await (const result of executor.inlineAll(options)) {
+            context.logger.debug(`i18n file processed: ${result.file}`);
             for (const diagnostic of result.diagnostics) {
                 spinner.stop();
                 if (diagnostic.type === 'error') {

package/src/utils/i18n-options.d.ts

@@ -9,19 +9,21 @@ import { BuilderContext } from '@angular-devkit/architect';
 import { json } from '@angular-devkit/core';
 import { Schema as BrowserBuilderSchema } from '../builders/browser/schema';
 import { Schema as ServerBuilderSchema } from '../builders/server/schema';
+import { TranslationLoader } from './load-translations';
+export interface LocaleDescription {
+    files: {
+        path: string;
+        integrity?: string;
+        format?: string;
+    }[];
+    translation?: Record<string, unknown>;
+    dataPath?: string;
+    baseHref?: string;
+}
 export interface I18nOptions {
     inlineLocales: Set<string>;
     sourceLocale: string;
-    locales: Record<string, {
-        files: {
-            path: string;
-            integrity?: string;
-            format?: string;
-        }[];
-        translation?: Record<string, unknown>;
-        dataPath?: string;
-        baseHref?: string;
-    }>;
+    locales: Record<string, LocaleDescription>;
     flatOutput?: boolean;
     readonly shouldInline: boolean;
     hasDefinedSourceLocale?: boolean;
@@ -31,3 +33,7 @@ export declare function configureI18nBuild<T extends BrowserBuilderSchema | Serv
     buildOptions: T;
     i18n: I18nOptions;
 }>;
+export declare function loadTranslations(locale: string, desc: LocaleDescription, workspaceRoot: string, loader: TranslationLoader, logger: {
+    warn: (message: string) => void;
+    error: (message: string) => void;
+}, usedFormats?: Set<string>): void;

package/src/utils/i18n-options.js

@@ -10,7 +10,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.configureI18nBuild = exports.createI18nOptions = void 0;
+exports.loadTranslations = exports.configureI18nBuild = exports.createI18nOptions = void 0;
 const core_1 = require("@angular-devkit/core");
 const fs_1 = __importDefault(require("fs"));
 const module_1 = __importDefault(require("module"));
@@ -161,39 +161,17 @@ async function configureI18nBuild(context, options) {
         if (!loader) {
             loader = await (0, load_translations_1.createTranslationLoader)();
         }
-        for (const file of desc.files) {
-            const loadResult = loader(path_1.default.join(context.workspaceRoot, file.path));
-            for (const diagnostics of loadResult.diagnostics.messages) {
-                if (diagnostics.type === 'error') {
-                    throw new Error(`Error parsing translation file '${file.path}': ${diagnostics.message}`);
-                }
-                else {
-                    context.logger.warn(`WARNING [${file.path}]: ${diagnostics.message}`);
-                }
-            }
-            if (loadResult.locale !== undefined && loadResult.locale !== locale) {
-                context.logger.warn(`WARNING [${file.path}]: File target locale ('${loadResult.locale}') does not match configured locale ('${locale}')`);
-            }
-            usedFormats.add(loadResult.format);
-            if (usedFormats.size > 1 && tsConfig.options.enableI18nLegacyMessageIdFormat !== false) {
-                // This limitation is only for legacy message id support (defaults to true as of 9.0)
-                throw new Error('Localization currently only supports using one type of translation file format for the entire application.');
-            }
-            file.format = loadResult.format;
-            file.integrity = loadResult.integrity;
-            if (desc.translation) {
-                // Merge translations
-                for (const [id, message] of Object.entries(loadResult.translations)) {
-                    if (desc.translation[id] !== undefined) {
-                        context.logger.warn(`WARNING [${file.path}]: Duplicate translations for message '${id}' when merging`);
-                    }
-                    desc.translation[id] = message;
-                }
-            }
-            else {
-                // First or only translation file
-                desc.translation = loadResult.translations;
-            }
+        loadTranslations(locale, desc, context.workspaceRoot, loader, {
+            warn(message) {
+                context.logger.warn(message);
+            },
+            error(message) {
+                throw new Error(message);
+            },
+        }, usedFormats);
+        if (usedFormats.size > 1 && tsConfig.options.enableI18nLegacyMessageIdFormat !== false) {
+            // This limitation is only for legacy message id support (defaults to true as of 9.0)
+            throw new Error('Localization currently only supports using one type of translation file format for the entire application.');
         }
     }
     // If inlining store the output in a temporary location to facilitate post-processing
@@ -225,3 +203,36 @@ function findLocaleDataPath(locale, resolver) {
         return null;
     }
 }
+function loadTranslations(locale, desc, workspaceRoot, loader, logger, usedFormats) {
+    for (const file of desc.files) {
+        const loadResult = loader(path_1.default.join(workspaceRoot, file.path));
+        for (const diagnostics of loadResult.diagnostics.messages) {
+            if (diagnostics.type === 'error') {
+                logger.error(`Error parsing translation file '${file.path}': ${diagnostics.message}`);
+            }
+            else {
+                logger.warn(`WARNING [${file.path}]: ${diagnostics.message}`);
+            }
+        }
+        if (loadResult.locale !== undefined && loadResult.locale !== locale) {
+            logger.warn(`WARNING [${file.path}]: File target locale ('${loadResult.locale}') does not match configured locale ('${locale}')`);
+        }
+        usedFormats === null || usedFormats === void 0 ? void 0 : usedFormats.add(loadResult.format);
+        file.format = loadResult.format;
+        file.integrity = loadResult.integrity;
+        if (desc.translation) {
+            // Merge translations
+            for (const [id, message] of Object.entries(loadResult.translations)) {
+                if (desc.translation[id] !== undefined) {
+                    logger.warn(`WARNING [${file.path}]: Duplicate translations for message '${id}' when merging`);
+                }
+                desc.translation[id] = message;
+            }
+        }
+        else {
+            // First or only translation file
+            desc.translation = loadResult.translations;
+        }
+    }
+}
+exports.loadTranslations = loadTranslations;

package/src/utils/index-file/augment-index-html.d.ts

@@ -27,4 +27,8 @@ export interface FileInfo {
     name: string;
     extension: string;
 }
-export declare function augmentIndexHtml(params: AugmentIndexHtmlOptions): Promise<string>;
+export declare function augmentIndexHtml(params: AugmentIndexHtmlOptions): Promise<{
+    content: string;
+    warnings: string[];
+    errors: string[];
+}>;