@angular-devkit/build-angular 0.803.24 → 0.803.25

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "0.803.24",
+  "version": "0.803.25",
   "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.24",
-    "@angular-devkit/build-optimizer": "0.803.24",
-    "@angular-devkit/build-webpack": "0.803.24",
-    "@angular-devkit/core": "8.3.24",
+    "@angular-devkit/architect": "0.803.25",
+    "@angular-devkit/build-optimizer": "0.803.25",
+    "@angular-devkit/build-webpack": "0.803.25",
+    "@angular-devkit/core": "8.3.25",
     "@babel/core": "7.8.3",
     "@babel/preset-env": "7.8.3",
-    "@ngtools/webpack": "8.3.24",
+    "@ngtools/webpack": "8.3.25",
     "ajv": "6.10.2",
     "autoprefixer": "9.6.1",
-    "browserslist": "4.8.3",
+    "browserslist": "4.8.6",
     "cacache": "12.0.2",
-    "caniuse-lite": "1.0.30001019",
+    "caniuse-lite": "1.0.30001024",
     "circular-dependency-plugin": "5.2.0",
     "clean-css": "4.2.1",
     "coverage-istanbul-loader": "2.0.3",

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/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/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/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

@@ -63,6 +63,8 @@ async function process(options) {
                 [
                     require.resolve('@babel/preset-env'),
                     {
+                        // browserslist-compatible query or object of minimum environment versions to support
+                        targets: options.supportedBrowsers,
                         // modules aren't needed since the bundles use webpack's custom module loading
                         modules: false,
                         // 'transform-typeof-symbol' generates slower code