@angular-devkit/build-angular 13.2.0-next.2 → 13.2.0-rc.0

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "13.2.0-next.2",
+  "version": "13.2.0-rc.0",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "1.0.2",
-    "@angular-devkit/architect": "0.1302.0-next.2",
-    "@angular-devkit/build-webpack": "0.1302.0-next.2",
-    "@angular-devkit/core": "13.2.0-next.2",
+    "@angular-devkit/architect": "0.1302.0-rc.0",
+    "@angular-devkit/build-webpack": "0.1302.0-rc.0",
+    "@angular-devkit/core": "13.2.0-rc.0",
     "@babel/core": "7.16.7",
     "@babel/generator": "7.16.8",
     "@babel/helper-annotate-as-pure": "7.16.7",
@@ -20,7 +20,7 @@
     "@babel/runtime": "7.16.7",
     "@babel/template": "7.16.7",
     "@discoveryjs/json-ext": "0.5.6",
-    "@ngtools/webpack": "13.2.0-next.2",
+    "@ngtools/webpack": "13.2.0-rc.0",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.3",
     "babel-plugin-istanbul": "6.1.1",
@@ -28,7 +28,7 @@
     "cacache": "15.3.0",
     "circular-dependency-plugin": "5.2.2",
     "copy-webpack-plugin": "10.2.0",
-    "core-js": "3.20.2",
+    "core-js": "3.20.3",
     "critters": "0.0.16",
     "css-loader": "6.5.1",
     "esbuild-wasm": "0.14.11",
@@ -41,7 +41,7 @@
     "less-loader": "10.2.0",
     "license-webpack-plugin": "4.0.0",
     "loader-utils": "3.2.0",
-    "mini-css-extract-plugin": "2.4.6",
+    "mini-css-extract-plugin": "2.5.2",
     "minimatch": "3.0.4",
     "open": "8.4.0",
     "ora": "5.4.1",
@@ -52,9 +52,9 @@
     "postcss-loader": "6.2.1",
     "postcss-preset-env": "7.2.3",
     "regenerator-runtime": "0.13.9",
-    "resolve-url-loader": "4.0.0",
+    "resolve-url-loader": "5.0.0",
     "rxjs": "6.6.7",
-    "sass": "1.47.0",
+    "sass": "1.49.0",
     "sass-loader": "12.4.0",
     "semver": "7.3.5",
     "source-map-loader": "3.0.1",
@@ -69,17 +69,17 @@
     "webpack-dev-middleware": "5.3.0",
     "webpack-dev-server": "4.7.3",
     "webpack-merge": "5.8.0",
-    "webpack-subresource-integrity": "5.0.0"
+    "webpack-subresource-integrity": "5.1.0"
   },
   "optionalDependencies": {
     "esbuild": "0.14.11"
   },
   "peerDependencies": {
-    "@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",
+    "@angular/compiler-cli": "^13.0.0 || ^13.2.0-next",
+    "@angular/localize": "^13.0.0 || ^13.2.0-next",
+    "@angular/service-worker": "^13.0.0 || ^13.2.0-next",
     "karma": "^6.3.0",
-    "ng-packagr": "^13.0.0 || ^13.1.0-next",
+    "ng-packagr": "^13.0.0 || ^13.2.0-next",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",
     "typescript": ">=4.4.3 <4.6"

package/src/utils/i18n-options.js

@@ -216,6 +216,7 @@ function deleteTempDirectory(tempPath) {
     catch { }
 }
 function loadTranslations(locale, desc, workspaceRoot, loader, logger, usedFormats, duplicateTranslation) {
+    let translations = undefined;
     for (const file of desc.files) {
         const loadResult = loader(path_1.default.join(workspaceRoot, file.path));
         for (const diagnostics of loadResult.diagnostics.messages) {
@@ -232,10 +233,10 @@ function loadTranslations(locale, desc, workspaceRoot, loader, logger, usedForma
         usedFormats === null || usedFormats === void 0 ? void 0 : usedFormats.add(loadResult.format);
         file.format = loadResult.format;
         file.integrity = loadResult.integrity;
-        if (desc.translation) {
+        if (translations) {
             // Merge translations
             for (const [id, message] of Object.entries(loadResult.translations)) {
-                if (desc.translation[id] !== undefined) {
+                if (translations[id] !== undefined) {
                     const duplicateTranslationMessage = `[${file.path}]: Duplicate translations for message '${id}' when merging.`;
                     switch (duplicateTranslation) {
                         case schema_1.I18NTranslation.Ignore:
@@ -249,13 +250,14 @@ function loadTranslations(locale, desc, workspaceRoot, loader, logger, usedForma
                             break;
                     }
                 }
-                desc.translation[id] = message;
+                translations[id] = message;
             }
         }
         else {
             // First or only translation file
-            desc.translation = loadResult.translations;
+            translations = loadResult.translations;
         }
     }
+    desc.translation = translations;
 }
 exports.loadTranslations = loadTranslations;

package/src/webpack/configs/common.js

@@ -272,14 +272,14 @@ async function getCommonConfig(wco) {
         module: {
             // Show an error for missing exports instead of a warning.
             strictExportPresence: true,
-            parser: webWorkerTsConfig === undefined
-                ? {
-                    javascript: {
-                        worker: false,
-                        url: false,
-                    },
-                }
-                : undefined,
+            parser: {
+                javascript: {
+                    // Disable auto URL asset module creation. This doesn't effect `new Worker(new URL(...))`
+                    // https://webpack.js.org/guides/asset-modules/#url-assets
+                    url: false,
+                    worker: !!webWorkerTsConfig,
+                },
+            },
             rules: [
                 {
                     test: /\.?(svg|html)$/,

package/src/webpack/configs/styles.js

@@ -25,9 +25,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStylesConfig = void 0;
 const fs = __importStar(require("fs"));
+const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const path = __importStar(require("path"));
 const sass_service_1 = require("../../sass/sass-service");
 const plugins_1 = require("../plugins");
@@ -70,7 +74,6 @@ function resolveGlobalStyles(styleEntrypoints, root, preserveSymlinks) {
 // eslint-disable-next-line max-lines-per-function
 function getStylesConfig(wco) {
     var _a, _b, _c;
-    const MiniCssExtractPlugin = require('mini-css-extract-plugin');
     const postcssImports = require('postcss-import');
     const postcssPresetEnv = require('postcss-preset-env');
     const { root, buildOptions } = wco;
@@ -188,7 +191,7 @@ function getStylesConfig(wco) {
         // for component css.
         !buildOptions.sourceMap.hidden);
     // extract global css from js files into own css file.
-    extraPlugins.push(new MiniCssExtractPlugin({ filename: `[name]${hashFormat.extract}.css` }));
+    extraPlugins.push(new mini_css_extract_plugin_1.default({ filename: `[name]${hashFormat.extract}.css` }));
     if (!buildOptions.hmr) {
         // don't remove `.js` files for `.css` when we are using HMR these contain HMR accept codes.
         // suppress empty .js files in css only entry points.
@@ -207,7 +210,7 @@ function getStylesConfig(wco) {
     ];
     const globalStyleLoaders = [
         {
-            loader: MiniCssExtractPlugin.loader,
+            loader: mini_css_extract_plugin_1.default.loader,
         },
         {
             loader: require.resolve('css-loader'),

package/src/webpack/plugins/any-component-style-budget-checker.js

@@ -47,6 +47,10 @@ class AnyComponentStyleBudgetChecker {
                 name: PLUGIN_NAME,
                 stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_ANALYSE,
             }, () => {
+                // No budgets.
+                if (this.budgets.length === 0) {
+                    return;
+                }
                 // In AOT compilations component styles get processed in child compilations.
                 if (!compilation.compiler.parentCompilation) {
                     return;

package/src/webpack/plugins/javascript-optimizer-plugin.js

@@ -91,11 +91,11 @@ class JavaScriptOptimizerPlugin {
                     if (this.options.target <= typescript_1.ScriptTarget.ES5) {
                         target = 5;
                     }
-                    else if (this.options.target < typescript_1.ScriptTarget.ESNext) {
-                        target = Number(typescript_1.ScriptTarget[this.options.target].slice(2));
+                    else if (this.options.target === typescript_1.ScriptTarget.ESNext) {
+                        target = 'next';
                     }
                     else {
-                        target = 2020;
+                        target = Number(typescript_1.ScriptTarget[this.options.target].slice(2));
                     }
                 }
                 // Setup the options used by all worker tasks

package/src/webpack/plugins/javascript-optimizer-worker.d.ts

@@ -41,7 +41,7 @@ export interface OptimizeRequestOptions {
     /**
      * Specifies the target ECMAScript version for the output code.
      */
-    target: 5 | 2015 | 2016 | 2017 | 2018 | 2019 | 2020;
+    target: 5 | 2015 | 2016 | 2017 | 2018 | 2019 | 2020 | 'next';
     /**
      * Controls whether esbuild should only use the WASM-variant instead of trying to
      * use the native variant. Some platforms may not support the native-variant and

package/src/webpack/plugins/javascript-optimizer-worker.js

@@ -26,7 +26,9 @@ async function default_1({ asset, options }) {
     // esbuild is used as a first pass
     const esbuildResult = await optimizeWithEsbuild(asset.code, asset.name, options);
     // terser is used as a second pass
-    const terserResult = await optimizeWithTerser(asset.name, esbuildResult.code, options.sourcemap, options.target, options.advanced);
+    const terserResult = await optimizeWithTerser(asset.name, esbuildResult.code, options.sourcemap, 
+    // Terser only supports up to ES2020.
+    options.target === 'next' ? 2020 : options.target, options.advanced);
     // Merge intermediate sourcemaps with input sourcemap if enabled
     let fullSourcemap;
     if (options.sourcemap) {