@angular-devkit/build-angular 13.0.0-rc.2 → 13.0.2

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "13.0.0-rc.2",
+  "version": "13.0.2",
   "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.1300.0-rc.2",
-    "@angular-devkit/build-webpack": "0.1300.0-rc.2",
-    "@angular-devkit/core": "13.0.0-rc.2",
+    "@angular-devkit/architect": "0.1300.2",
+    "@angular-devkit/build-webpack": "0.1300.2",
+    "@angular-devkit/core": "13.0.2",
     "@babel/core": "7.15.8",
     "@babel/generator": "7.15.8",
     "@babel/helper-annotate-as-pure": "7.15.4",
@@ -20,7 +20,7 @@
     "@babel/runtime": "7.15.4",
     "@babel/template": "7.15.4",
     "@discoveryjs/json-ext": "0.5.5",
-    "@ngtools/webpack": "13.0.0-rc.2",
+    "@ngtools/webpack": "13.0.2",
     "ansi-colors": "4.1.1",
     "babel-loader": "8.2.3",
     "babel-plugin-istanbul": "6.1.1",
@@ -32,7 +32,7 @@
     "core-js": "3.19.0",
     "critters": "0.0.14",
     "css-loader": "6.5.0",
-    "esbuild-wasm": "0.13.9",
+    "esbuild-wasm": "0.13.12",
     "glob": "7.2.0",
     "https-proxy-agent": "5.0.0",
     "inquirer": "8.2.0",
@@ -55,7 +55,7 @@
     "resolve-url-loader": "4.0.0",
     "rxjs": "6.6.7",
     "sass": "1.43.4",
-    "sass-loader": "12.2.0",
+    "sass-loader": "12.3.0",
     "semver": "7.3.5",
     "source-map-loader": "3.0.0",
     "source-map-support": "0.5.20",
@@ -67,19 +67,19 @@
     "tslib": "2.3.1",
     "webpack": "5.60.0",
     "webpack-dev-middleware": "5.2.1",
-    "webpack-dev-server": "4.3.1",
+    "webpack-dev-server": "4.4.0",
     "webpack-merge": "5.8.0",
     "webpack-subresource-integrity": "5.0.0"
   },
   "optionalDependencies": {
-    "esbuild": "0.13.9"
+    "esbuild": "0.13.12"
   },
   "peerDependencies": {
-    "@angular/compiler-cli": "^13.0.0 || ^13.0.0-next",
-    "@angular/localize": "^13.0.0 || ^13.0.0-next",
-    "@angular/service-worker": "^13.0.0 || ^13.0.0-next",
+    "@angular/compiler-cli": "^13.0.0",
+    "@angular/localize": "^13.0.0",
+    "@angular/service-worker": "^13.0.0",
     "karma": "^6.3.0",
-    "ng-packagr": "^13.0.0 || ^13.0.0-next",
+    "ng-packagr": "^13.0.0",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0",
     "typescript": "~4.4.3"

package/src/babel/presets/application.d.ts

@@ -34,6 +34,7 @@ export interface ApplicationPresetOptions {
     forceAsyncTransformation?: boolean;
     instrumentCode?: {
         includedBasePath: string;
+        inputSourceMap: unknown;
     };
     optimize?: {
         looseEnums: boolean;

package/src/babel/presets/application.js

@@ -101,7 +101,7 @@ function createNgtscLogger(reporter) {
     };
 }
 function default_1(api, options) {
-    var _a;
+    var _a, _b;
     const presets = [];
     const plugins = [];
     let needRuntimeTransform = false;
@@ -160,7 +160,10 @@ function default_1(api, options) {
     if (options.instrumentCode) {
         plugins.push([
             require('babel-plugin-istanbul').default,
-            { inputSourceMap: false, cwd: options.instrumentCode.includedBasePath },
+            {
+                inputSourceMap: (_b = options.instrumentCode.inputSourceMap) !== null && _b !== void 0 ? _b : false,
+                cwd: options.instrumentCode.includedBasePath,
+            },
         ]);
     }
     if (needRuntimeTransform) {

package/src/babel/webpack-loader.js

@@ -51,7 +51,7 @@ exports.default = (0, babel_loader_1.custom)(() => {
         inputSourceMap: false,
     });
     return {
-        async customOptions(options, { source }) {
+        async customOptions(options, { source, map }) {
             var _a, _b;
             const { i18n, scriptTarget, aot, optimize, instrumentCode, ...rawOptions } = options;
             // Must process file if plugins are added
@@ -140,6 +140,7 @@ exports.default = (0, babel_loader_1.custom)(() => {
                 // `babel-plugin-istanbul` has it's own includes but we do the below so that we avoid running the the loader.
                 customOptions.instrumentCode = {
                     includedBasePath: instrumentCode.includedBasePath,
+                    inputSourceMap: map,
                 };
                 shouldProcess = true;
             }

package/src/builders/extract-i18n/index.js

@@ -132,6 +132,16 @@ async function execute(options, context, transforms) {
     if (!context.target || !context.target.project) {
         throw new Error('The builder requires a target.');
     }
+    try {
+        require.resolve('@angular/localize');
+    }
+    catch {
+        return {
+            success: false,
+            error: `i18n extraction requires the '@angular/localize' package.`,
+            outputPath: outFile,
+        };
+    }
     const metadata = await context.getProjectMetadata(context.target);
     const i18n = (0, i18n_options_1.createI18nOptions)(metadata);
     let useLegacyIds = true;
@@ -196,16 +206,6 @@ async function execute(options, context, transforms) {
         });
         return partials;
     });
-    try {
-        require.resolve('@angular/localize');
-    }
-    catch {
-        return {
-            success: false,
-            error: `Ivy extraction requires the '@angular/localize' package.`,
-            outputPath: outFile,
-        };
-    }
     // All the localize usages are setup to first try the ESM entry point then fallback to the deep imports.
     // This provides interim compatibility while the framework is transitioned to bundled ESM packages.
     const localizeToolsModule = await (0, load_esm_1.loadEsmModule)('@angular/localize/tools');

package/src/sass/sass-service.js

@@ -48,9 +48,9 @@ class SassWorkerImplementation {
      * @param callback The function to execute when the rendering is complete.
      */
     render(options, callback) {
-        // The `functions` and `importer` options are JavaScript functions that cannot be transferred.
+        // The `functions`, `logger` and `importer` options are JavaScript functions that cannot be transferred.
         // If any additional function options are added in the future, they must be excluded as well.
-        const { functions, importer, ...serializableOptions } = options;
+        const { functions, importer, logger, ...serializableOptions } = options;
         // The CLI's configuration does not use or expose the ability to defined custom Sass functions
         if (functions && Object.keys(functions).length > 0) {
             throw new Error('Sass custom functions are not supported.');

package/src/sass/worker.js

@@ -25,7 +25,6 @@ worker_threads_1.parentPort.on('message', ({ id, hasImporter, options }) => {
             options.importer = function (url, prev) {
                 var _a;
                 Atomics.store(importerSignal, 0, 0);
-                // `this.fromImport` was added in dart-sass in 1.33.0, `@types/sass` doesn't include it yet.
                 const { fromImport } = this;
                 workerImporterPort.postMessage({ id, url, prev, fromImport });
                 Atomics.wait(importerSignal, 0, 0);

package/src/utils/action-executor.js

@@ -40,13 +40,12 @@ class BundleActionExecutor {
         const executions = new Map();
         for (const action of actions) {
             const execution = executor(action);
-            executions.set(execution, execution.then((result) => {
-                executions.delete(execution);
-                return result;
-            }));
+            executions.set(execution, execution.then((result) => [execution, result]));
         }
         while (executions.size > 0) {
-            yield Promise.race(executions.values());
+            const [execution, result] = await Promise.race(executions.values());
+            executions.delete(execution);
+            yield result;
         }
     }
     stop() {

package/src/webpack/configs/common.js

@@ -300,6 +300,9 @@ async function getCommonConfig(wco) {
             /Failed to parse source map from/,
             // https://github.com/webpack-contrib/postcss-loader/blob/bd261875fdf9c596af4ffb3a1a73fe3c549befda/src/index.js#L153-L158
             /Add postcss as project dependency/,
+            // esbuild will issue a warning, while still hoists the @charset at the very top.
+            // This is caused by a bug in css-loader https://github.com/webpack-contrib/css-loader/issues/1212
+            /"@charset" must be the first rule in the file/,
         ],
         module: {
             // Show an error for missing exports instead of a warning.

package/src/webpack/configs/server.js

@@ -28,7 +28,8 @@ function getServerConfig(wco) {
     }
     return {
         resolve: {
-            mainFields: ['es2020', 'es2015', 'main', 'module'],
+            mainFields: ['es2015', 'main', 'module'],
+            conditionNames: ['es2015', '...'],
         },
         output: {
             libraryTarget: 'commonjs',

package/src/webpack/plugins/hmr/hmr-accept.js

@@ -140,7 +140,6 @@ function restoreFormValues(oldInputs, oldOptions) {
                 case 'date':
                 case 'datetime-local':
                 case 'email':
-                case 'file':
                 case 'hidden':
                 case 'month':
                 case 'number':
@@ -155,6 +154,10 @@ function restoreFormValues(oldInputs, oldOptions) {
                 case 'week':
                     newElement.value = oldElement.value;
                     break;
+                case 'file':
+                    // Ignored due: Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement':
+                    // This input element accepts a filename, which may only be programmatically set to the empty string.
+                    break;
                 default:
                     console.warn('[NG HMR] Unknown input type ' + oldElement.type + '.');
                     continue;