@angular-devkit/build-angular 0.803.22 → 0.803.26

package/package.json

@@ -1,32 +1,32 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "0.803.22",
+  "version": "0.803.26",
   "description": "Angular Webpack Build Facade",
   "experimental": true,
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
-    "@angular-devkit/architect": "0.803.22",
-    "@angular-devkit/build-optimizer": "0.803.22",
-    "@angular-devkit/build-webpack": "0.803.22",
-    "@angular-devkit/core": "8.3.22",
-    "@babel/core": "7.7.5",
-    "@babel/preset-env": "7.7.6",
-    "@ngtools/webpack": "8.3.22",
+    "@angular-devkit/architect": "0.803.26",
+    "@angular-devkit/build-optimizer": "0.803.26",
+    "@angular-devkit/build-webpack": "0.803.26",
+    "@angular-devkit/core": "8.3.26",
+    "@babel/core": "7.8.7",
+    "@babel/preset-env": "7.8.7",
+    "@ngtools/webpack": "8.3.26",
     "ajv": "6.10.2",
     "autoprefixer": "9.6.1",
-    "browserslist": "4.8.3",
+    "browserslist": "4.10.0",
     "cacache": "12.0.2",
-    "caniuse-lite": "1.0.30001019",
+    "caniuse-lite": "1.0.30001035",
     "circular-dependency-plugin": "5.2.0",
     "clean-css": "4.2.1",
+    "coverage-istanbul-loader": "2.0.3",
     "copy-webpack-plugin": "5.1.1",
-    "core-js": "3.2.1",
+    "core-js": "3.6.4",
     "file-loader": "4.2.0",
     "find-cache-dir": "3.0.0",
     "glob": "7.1.4",
-    "istanbul-instrumenter-loader": "3.0.1",
     "jest-worker": "24.9.0",
     "karma-source-map-support": "1.4.0",
     "less": "3.9.0",
@@ -53,8 +53,8 @@
     "style-loader": "1.0.0",
     "stylus": "0.54.5",
     "stylus-loader": "3.0.2",
-    "tree-kill": "1.2.1",
-    "terser": "4.3.9",
+    "tree-kill": "1.2.2",
+    "terser": "4.6.3",
     "terser-webpack-plugin": "1.4.3",
     "webpack": "4.39.2",
     "webpack-dev-middleware": "3.7.2",

package/src/angular-cli-files/models/build-options.d.ts

@@ -8,7 +8,7 @@
 import { logging } from '@angular-devkit/core';
 import { ParsedConfiguration } from '@angular/compiler-cli';
 import { ScriptTarget } from 'typescript';
-import { AssetPatternClass, Budget, ExtraEntryPoint, OptimizationClass, SourceMapClass } from '../../browser/schema';
+import { AssetPatternClass, Budget, CrossOrigin, ExtraEntryPoint, OptimizationClass, SourceMapClass } from '../../browser/schema';
 import { NormalizedFileReplacement } from '../../utils/normalize-file-replacements';
 export interface BuildOptions {
     optimization: OptimizationClass;
@@ -43,6 +43,7 @@ export interface BuildOptions {
     showCircularDependencies?: boolean;
     buildOptimizer?: boolean;
     namedChunks?: boolean;
+    crossOrigin?: CrossOrigin;
     subresourceIntegrity?: boolean;
     serviceWorker?: boolean;
     webWorkerTsConfig?: string;

package/src/angular-cli-files/models/es5-polyfills.js

@@ -91,7 +91,14 @@ import 'core-js/modules/es.parse-float';
 import 'core-js/es/number';
 import 'core-js/es/math';
 import 'core-js/es/date';
-import 'core-js/es/regexp';
+
+import 'core-js/modules/es.regexp.constructor';
+import 'core-js/modules/es.regexp.to-string';
+import 'core-js/modules/es.regexp.flags';
+import 'core-js/modules/es.string.match';
+import 'core-js/modules/es.string.replace';
+import 'core-js/modules/es.string.search';
+import 'core-js/modules/es.string.split';
 
 import 'core-js/modules/es.map';
 import 'core-js/modules/es.weak-map';

package/src/angular-cli-files/models/webpack-configs/browser.js

@@ -12,38 +12,46 @@ const utils_1 = require("./utils");
 const SubresourceIntegrityPlugin = require('webpack-subresource-integrity');
 function getBrowserConfig(wco) {
     const { buildOptions } = wco;
+    const { crossOrigin = 'none', subresourceIntegrity, evalSourceMap, extractLicenses, vendorChunk, commonChunk, styles, } = buildOptions;
     const extraPlugins = [];
     let isEval = false;
     const { styles: stylesOptimization, scripts: scriptsOptimization } = buildOptions.optimization;
     const { styles: stylesSourceMap, scripts: scriptsSourceMap, hidden: hiddenSourceMap, } = buildOptions.sourceMap;
     // See https://webpack.js.org/configuration/devtool/ for sourcemap types.
     if ((stylesSourceMap || scriptsSourceMap) &&
-        buildOptions.evalSourceMap &&
+        evalSourceMap &&
         !stylesOptimization &&
         !scriptsOptimization) {
         // Produce eval sourcemaps for development with serve, which are faster.
         isEval = true;
     }
-    if (buildOptions.subresourceIntegrity) {
+    if (subresourceIntegrity) {
         extraPlugins.push(new SubresourceIntegrityPlugin({
             hashFuncNames: ['sha384'],
         }));
     }
-    if (buildOptions.extractLicenses) {
+    if (extractLicenses) {
         extraPlugins.push(new license_webpack_plugin_1.LicenseWebpackPlugin({
             stats: {
                 warnings: false,
                 errors: false,
             },
             perChunkOutput: false,
-            outputFilename: `3rdpartylicenses.txt`,
+            outputFilename: '3rdpartylicenses.txt',
         }));
     }
     if (!isEval && (scriptsSourceMap || stylesSourceMap)) {
         extraPlugins.push(utils_1.getSourceMapDevTool(!!scriptsSourceMap, !!stylesSourceMap, wco.differentialLoadingMode ? true : hiddenSourceMap));
     }
-    const globalStylesBundleNames = utils_1.normalizeExtraEntryPoints(buildOptions.styles, 'styles')
+    const globalStylesBundleNames = utils_1.normalizeExtraEntryPoints(styles, 'styles')
         .map(style => style.bundleName);
+    let crossOriginLoading = false;
+    if (subresourceIntegrity && crossOrigin === 'none') {
+        crossOriginLoading = 'anonymous';
+    }
+    else if (crossOrigin !== 'none') {
+        crossOriginLoading = crossOrigin;
+    }
     return {
         devtool: isEval ? 'eval' : false,
         resolve: {
@@ -53,19 +61,19 @@ function getBrowserConfig(wco) {
             ],
         },
         output: {
-            crossOriginLoading: buildOptions.subresourceIntegrity ? 'anonymous' : false,
+            crossOriginLoading,
         },
         optimization: {
             runtimeChunk: 'single',
             splitChunks: {
                 maxAsyncRequests: Infinity,
                 cacheGroups: {
-                    default: !!buildOptions.commonChunk && {
+                    default: !!commonChunk && {
                         chunks: 'async',
                         minChunks: 2,
                         priority: 10,
                     },
-                    common: !!buildOptions.commonChunk && {
+                    common: !!commonChunk && {
                         name: 'common',
                         chunks: 'async',
                         minChunks: 2,
@@ -73,7 +81,7 @@ function getBrowserConfig(wco) {
                         priority: 5,
                     },
                     vendors: false,
-                    vendor: !!buildOptions.vendorChunk && {
+                    vendor: !!vendorChunk && {
                         name: 'vendor',
                         chunks: 'initial',
                         enforce: true,

package/src/angular-cli-files/models/webpack-configs/test.js

@@ -21,7 +21,6 @@ function getTestConfig(wco) {
     const { root, buildOptions, sourceRoot: include } = wco;
     const extraRules = [];
     const extraPlugins = [];
-    // if (buildOptions.codeCoverage && CliConfig.fromProject()) {
     if (buildOptions.codeCoverage) {
         const codeCoverageExclude = buildOptions.codeCoverageExclude;
         const exclude = [
@@ -37,8 +36,8 @@ function getTestConfig(wco) {
             });
         }
         extraRules.push({
-            test: /\.(js|ts)$/,
-            loader: 'istanbul-instrumenter-loader',
+            test: /\.(jsx?|tsx?)$/,
+            loader: require.resolve('coverage-istanbul-loader'),
             options: { esModules: true },
             enforce: 'post',
             exclude,

package/src/angular-cli-files/utilities/stats.js

@@ -66,11 +66,19 @@ function statsToString(json, statsConfig) {
     }
 }
 exports.statsToString = statsToString;
+// TODO(#16193): Don't emit this warning in the first place rather than just suppressing it.
+const ERRONEOUS_WARNINGS = [
+    /multiple assets emit different content.*3rdpartylicenses\.txt/i,
+];
 function statsWarningsToString(json, statsConfig) {
     const colors = statsConfig.colors;
     const rs = (x) => colors ? reset(x) : x;
     const y = (x) => colors ? bold(yellow(x)) : x;
-    return rs('\n' + json.warnings.map((warning) => y(`WARNING in ${warning}`)).join('\n\n'));
+    return rs('\n' + json.warnings
+        .map((warning) => `${warning}`)
+        .filter((warning) => !ERRONEOUS_WARNINGS.some((erroneous) => erroneous.test(warning)))
+        .map((warning) => y(`WARNING in ${warning}`))
+        .join('\n\n'));
 }
 exports.statsWarningsToString = statsWarningsToString;
 function statsErrorsToString(json, statsConfig) {

package/src/browser/index.js

@@ -284,6 +284,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         const runtimeOptions = {
                             ...processRuntimeAction,
                             runtimeData: processResults,
+                            supportedBrowsers: buildBrowserFeatures.supportedBrowsers,
                         };
                         processResults.push(await Promise.resolve().then(() => require('../utils/process-bundle')).then(m => m.process(runtimeOptions)));
                     }

package/src/tslint/index.js

@@ -22,7 +22,10 @@ async function _loadTslint() {
         throw new Error('Unable to find TSLint. Ensure TSLint is installed.');
     }
     const version = tslint.Linter.VERSION && tslint.Linter.VERSION.split('.');
-    if (!version || version.length < 2 || Number(version[0]) < 5 || Number(version[1]) < 5) {
+    if (!version || version.length < 2
+        || (Number(version[0]) === 5 && Number(version[1]) < 5) // 5.5+
+        || Number(version[0]) < 5 // 6.0+
+    ) {
         throw new Error('TSLint must be version 5.5 or higher.');
     }
     return tslint;

package/src/utils/build-browser-features.d.ts

@@ -10,8 +10,8 @@ export declare const fullDifferential: boolean;
 export declare class BuildBrowserFeatures {
     private projectRoot;
     private scriptTarget;
-    private readonly _supportedBrowsers;
     private readonly _es6TargetOrLater;
+    readonly supportedBrowsers: string[];
     constructor(projectRoot: string, scriptTarget: ts.ScriptTarget);
     /**
      * True, when one or more browsers requires ES5

package/src/utils/build-browser-features.js

@@ -18,7 +18,7 @@ class BuildBrowserFeatures {
     constructor(projectRoot, scriptTarget) {
         this.projectRoot = projectRoot;
         this.scriptTarget = scriptTarget;
-        this._supportedBrowsers = browserslist(undefined, { path: this.projectRoot });
+        this.supportedBrowsers = browserslist(undefined, { path: this.projectRoot });
         this._es6TargetOrLater = this.scriptTarget > ts.ScriptTarget.ES5;
     }
     /**
@@ -48,7 +48,7 @@ class BuildBrowserFeatures {
             'safari 10.1',
             'ios_saf 10.3',
         ];
-        return this._supportedBrowsers.some(browser => safariBrowsers.includes(browser));
+        return this.supportedBrowsers.some(browser => safariBrowsers.includes(browser));
     }
     /**
      * True, when a browser feature is supported partially or fully.
@@ -63,7 +63,7 @@ class BuildBrowserFeatures {
             'a',
         ];
         const data = caniuse_lite_1.feature(caniuse_lite_1.features[featureId]);
-        return !this._supportedBrowsers
+        return !this.supportedBrowsers
             .some(browser => {
             const [agentId, version] = browser.split(' ');
             const browserData = data.stats[agentId];

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

@@ -13,6 +13,7 @@ export interface ProcessBundleOptions {
     cacheKeys?: (string | undefined)[];
     integrityAlgorithm?: 'sha256' | 'sha384' | 'sha512';
     runtimeData?: ProcessBundleResult[];
+    supportedBrowsers?: string[] | Record<string, string>;
 }
 export interface ProcessBundleResult {
     name: string;

package/src/utils/process-bundle.js

@@ -53,6 +53,16 @@ async function process(options) {
     let downlevelCode;
     let downlevelMap;
     if (downlevel) {
+        const { supportedBrowsers: targets = [] } = options;
+        // todo: revisit this in version 10, when we update our defaults browserslist
+        // Without this workaround bundles will not be downlevelled because Babel doesn't know handle to 'op_mini all'
+        // See: https://github.com/babel/babel/issues/11155
+        if (Array.isArray(targets) && targets.includes('op_mini all')) {
+            targets.push('ie_mob 11');
+        }
+        else if ('op_mini' in targets) {
+            targets['ie_mob'] = '11';
+        }
         // Downlevel the bundle
         const transformResult = await core_1.transformAsync(sourceCode, {
             filename: options.filename,
@@ -63,6 +73,8 @@ async function process(options) {
                 [
                     require.resolve('@babel/preset-env'),
                     {
+                        // browserslist-compatible query or object of minimum environment versions to support
+                        targets,
                         // modules aren't needed since the bundles use webpack's custom module loading
                         modules: false,
                         // 'transform-typeof-symbol' generates slower code