@angular-devkit/build-angular 12.2.12 → 12.2.16

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "12.2.12",
+  "version": "12.2.16",
   "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.1202.12",
-    "@angular-devkit/build-optimizer": "0.1202.12",
-    "@angular-devkit/build-webpack": "0.1202.12",
-    "@angular-devkit/core": "12.2.12",
+    "@angular-devkit/architect": "0.1202.16",
+    "@angular-devkit/build-optimizer": "0.1202.16",
+    "@angular-devkit/build-webpack": "0.1202.16",
+    "@angular-devkit/core": "12.2.16",
     "@babel/core": "7.14.8",
     "@babel/generator": "7.14.8",
     "@babel/helper-annotate-as-pure": "7.14.5",
@@ -22,7 +22,7 @@
     "@babel/template": "7.14.5",
     "@discoveryjs/json-ext": "0.5.3",
     "@jsdevtools/coverage-istanbul-loader": "3.0.5",
-    "@ngtools/webpack": "12.2.12",
+    "@ngtools/webpack": "12.2.16",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.2",
     "browserslist": "^4.9.1",
@@ -72,7 +72,7 @@
     "tslib": "2.3.0",
     "webpack": "5.50.0",
     "webpack-dev-middleware": "5.0.0",
-    "webpack-dev-server": "3.11.2",
+    "webpack-dev-server": "3.11.3",
     "webpack-merge": "5.8.0",
     "webpack-subresource-integrity": "1.5.2"
   },

package/src/browser/index.js

@@ -286,6 +286,9 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                     const processActions = [];
                     let processRuntimeAction;
                     for (const action of actions) {
+                        if (options.verbose) {
+                            context.logger.info(`[${new Date().toISOString()}] Differential loading file queued: ${action.filename}`);
+                        }
                         // If SRI is enabled always process the runtime bundle
                         // Lazy route integrity values are stored in the runtime bundle
                         if (action.integrityAlgorithm && action.runtime) {
@@ -300,6 +303,14 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                     try {
                         spinner.start('Generating ES5 bundles for differential loading...');
                         for await (const result of differentialLoadingExecutor.processAll(processActions)) {
+                            if (options.verbose) {
+                                if (result.original) {
+                                    context.logger.info(`[${new Date().toISOString()}] Differential loading file processed: ${result.original.filename}`);
+                                }
+                                if (result.downlevel) {
+                                    context.logger.info(`[${new Date().toISOString()}] Differential loading file processed: ${result.downlevel.filename}`);
+                                }
+                            }
                             processResults.push(result);
                         }
                     }
@@ -315,12 +326,18 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         };
                         processResults.push(await Promise.resolve().then(() => __importStar(require('../utils/process-bundle'))).then((m) => m.process(runtimeOptions)));
                     }
+                    if (options.verbose) {
+                        context.logger.info(`[${new Date().toISOString()}] Differential loading processing complete.`);
+                    }
                     spinner.succeed('ES5 bundle generation complete.');
                     if (i18n.shouldInline) {
                         spinner.start('Generating localized bundles...');
                         const inlineActions = [];
                         for (const result of processResults) {
                             if (result.original) {
+                                if (options.verbose) {
+                                    context.logger.info(`[${new Date().toISOString()}] i18n localize file queued: ${result.original.filename}`);
+                                }
                                 inlineActions.push({
                                     filename: path.basename(result.original.filename),
                                     // Memory mode is always enabled for i18n
@@ -334,6 +351,9 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                                 });
                             }
                             if (result.downlevel) {
+                                if (options.verbose) {
+                                    context.logger.info(`[${new Date().toISOString()}] i18n localize file queued: ${result.downlevel.filename}`);
+                                }
                                 inlineActions.push({
                                     filename: path.basename(result.downlevel.filename),
                                     // Memory mode is always enabled for i18n
@@ -350,9 +370,11 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         let hasErrors = false;
                         const i18nExecutor = new action_executor_1.BundleActionExecutor({ i18n }, options.subresourceIntegrity ? 'sha384' : undefined);
                         try {
+                            let localizedCount = 0;
                             for await (const result of i18nExecutor.inlineAll(inlineActions)) {
+                                localizedCount++;
                                 if (options.verbose) {
-                                    context.logger.info(`Localized "${result.file}" [${result.count} translation(s)].`);
+                                    context.logger.info(`[${new Date().toISOString()}] (${localizedCount}/${inlineActions.length}) Localized "${result.file}" [${result.count} translation(s)].`);
                                 }
                                 for (const diagnostic of result.diagnostics) {
                                     spinner.stop();

package/src/webpack/configs/styles.js

@@ -444,10 +444,10 @@ function transformSupportedBrowsersToTargets(supportedBrowsers) {
         // browserslist uses the name `ios_saf` for iOS Safari whereas esbuild uses `ios`
         if (browserName === 'ios_saf') {
             browserName = 'ios';
-            // browserslist also uses ranges for iOS Safari versions but only the lowest is required
-            // to perform minimum supported feature checks. esbuild also expects a single version.
-            [version] = version.split('-');
         }
+        // browserslist uses ranges `15.2-15.3` versions but only the lowest is required
+        // to perform minimum supported feature checks. esbuild also expects a single version.
+        [version] = version.split('-');
         if (browserName === 'ie') {
             transformed.push('edge12');
         }