@angular-devkit/build-angular 12.2.2 → 12.2.6

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "12.2.2",
+  "version": "12.2.6",
   "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.2",
-    "@angular-devkit/build-optimizer": "0.1202.2",
-    "@angular-devkit/build-webpack": "0.1202.2",
-    "@angular-devkit/core": "12.2.2",
+    "@angular-devkit/architect": "0.1202.6",
+    "@angular-devkit/build-optimizer": "0.1202.6",
+    "@angular-devkit/build-webpack": "0.1202.6",
+    "@angular-devkit/core": "12.2.6",
     "@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.2",
+    "@ngtools/webpack": "12.2.6",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.2",
     "browserslist": "^4.9.1",
@@ -34,7 +34,7 @@
     "critters": "0.0.10",
     "css-loader": "6.2.0",
     "css-minimizer-webpack-plugin": "3.0.2",
-    "esbuild": "0.12.17",
+    "esbuild": "0.12.24",
     "find-cache-dir": "3.3.1",
     "glob": "7.1.7",
     "https-proxy-agent": "5.0.0",
@@ -44,7 +44,7 @@
     "less-loader": "10.0.1",
     "license-webpack-plugin": "2.3.20",
     "loader-utils": "2.0.0",
-    "mini-css-extract-plugin": "2.1.0",
+    "mini-css-extract-plugin": "2.2.1",
     "minimatch": "3.0.4",
     "open": "8.2.1",
     "ora": "5.4.1",

package/src/utils/color.js

@@ -29,7 +29,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.colors = exports.removeColor = void 0;
 const ansiColors = __importStar(require("ansi-colors"));
 const tty_1 = require("tty");
-const supportsColor = process.stdout instanceof tty_1.WriteStream && process.stdout.getColorDepth() > 1;
+function supportColor() {
+    if (process.env.FORCE_COLOR !== undefined) {
+        // 2 colors: FORCE_COLOR = 0 (Disables colors), depth 1
+        // 16 colors: FORCE_COLOR = 1, depth 4
+        // 256 colors: FORCE_COLOR = 2, depth 8
+        // 16,777,216 colors: FORCE_COLOR = 3, depth 16
+        // See: https://nodejs.org/dist/latest-v12.x/docs/api/tty.html#tty_writestream_getcolordepth_env
+        // and https://github.com/nodejs/node/blob/b9f36062d7b5c5039498e98d2f2c180dca2a7065/lib/internal/tty.js#L106;
+        switch (process.env.FORCE_COLOR) {
+            case '':
+            case 'true':
+            case '1':
+            case '2':
+            case '3':
+                return true;
+            default:
+                return false;
+        }
+    }
+    if (process.stdout instanceof tty_1.WriteStream) {
+        return process.stdout.getColorDepth() > 1;
+    }
+    return false;
+}
 function removeColor(text) {
     // This has been created because when colors.enabled is false unstyle doesn't work
     // see: https://github.com/doowb/ansi-colors/blob/a4794363369d7b4d1872d248fc43a12761640d8e/index.js#L38
@@ -40,4 +63,4 @@ exports.removeColor = removeColor;
 // Create function is not defined in the typings. See: https://github.com/doowb/ansi-colors/pull/44
 const colors = ansiColors.create();
 exports.colors = colors;
-colors.enabled = supportsColor;
+colors.enabled = supportColor();

package/src/webpack/configs/dev-server.js

@@ -98,7 +98,7 @@ function getDevServerConfig(wco) {
             },
             sockPath: path_1.posix.join(servePath, 'sockjs-node'),
             stats: false,
-            compress: stylesOptimization.minify || scriptsOptimization,
+            compress: false,
             watchOptions: helpers_1.getWatchOptions(poll),
             https: getSslConfig(root, wco.buildOptions),
             overlay: {

package/src/webpack/configs/styles.js

@@ -439,8 +439,23 @@ function transformSupportedBrowsersToTargets(supportedBrowsers) {
     // https://esbuild.github.io/api/#target
     const esBuildSupportedBrowsers = new Set(['safari', 'firefox', 'edge', 'chrome', 'ios']);
     for (const browser of supportedBrowsers) {
-        const [browserName, version] = browser.split(' ');
-        if (esBuildSupportedBrowsers.has(browserName)) {
+        let [browserName, version] = browser.split(' ');
+        // 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('-');
+        }
+        if (browserName === 'ie') {
+            transformed.push('edge12');
+        }
+        else if (esBuildSupportedBrowsers.has(browserName)) {
+            if (browserName === 'safari' && version === 'TP') {
+                // esbuild only supports numeric versions so `TP` is converted to a high number (999) since
+                // a Technology Preview (TP) of Safari is assumed to support all currently known features.
+                version = '999';
+            }
             transformed.push(browserName + version);
         }
     }