@angular-devkit/build-angular 14.0.0-next.6 → 14.0.0-next.7

package/package.json

@@ -1,39 +1,38 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "14.0.0-next.6",
+  "version": "14.0.0-next.7",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.1.2",
-    "@angular-devkit/architect": "0.1400.0-next.6",
-    "@angular-devkit/build-webpack": "0.1400.0-next.6",
-    "@angular-devkit/core": "14.0.0-next.6",
-    "@babel/core": "7.17.7",
+    "@angular-devkit/architect": "0.1400.0-next.7",
+    "@angular-devkit/build-webpack": "0.1400.0-next.7",
+    "@angular-devkit/core": "14.0.0-next.7",
+    "@babel/core": "7.17.8",
     "@babel/generator": "7.17.7",
     "@babel/helper-annotate-as-pure": "7.16.7",
     "@babel/plugin-proposal-async-generator-functions": "7.16.8",
     "@babel/plugin-transform-async-to-generator": "7.16.8",
     "@babel/plugin-transform-runtime": "7.17.0",
     "@babel/preset-env": "7.16.11",
-    "@babel/runtime": "7.17.7",
+    "@babel/runtime": "7.17.8",
     "@babel/template": "7.16.7",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "14.0.0-next.6",
+    "@ngtools/webpack": "14.0.0-next.7",
     "ansi-colors": "4.1.1",
-    "babel-loader": "8.2.3",
+    "babel-loader": "8.2.4",
     "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.9.1",
-    "cacache": "16.0.1",
+    "cacache": "16.0.3",
     "copy-webpack-plugin": "10.2.4",
-    "core-js": "3.21.1",
     "critters": "0.0.16",
     "css-loader": "6.7.1",
-    "esbuild-wasm": "0.14.27",
+    "esbuild-wasm": "0.14.29",
     "glob": "7.2.0",
     "https-proxy-agent": "5.0.0",
-    "inquirer": "8.2.1",
+    "inquirer": "8.2.2",
     "jsonc-parser": "3.0.0",
     "karma-source-map-support": "1.4.0",
     "less": "4.1.2",
@@ -47,9 +46,9 @@
     "parse5-html-rewriting-stream": "6.0.1",
     "piscina": "3.2.0",
     "postcss": "8.4.12",
-    "postcss-import": "14.0.2",
+    "postcss-import": "14.1.0",
     "postcss-loader": "6.2.1",
-    "postcss-preset-env": "7.4.2",
+    "postcss-preset-env": "7.4.3",
     "regenerator-runtime": "0.13.9",
     "resolve-url-loader": "5.0.0",
     "rxjs": "6.6.7",
@@ -58,7 +57,7 @@
     "semver": "7.3.5",
     "source-map-loader": "3.0.1",
     "source-map-support": "0.5.21",
-    "stylus": "0.56.0",
+    "stylus": "0.57.0",
     "stylus-loader": "6.2.0",
     "terser": "5.12.1",
     "text-table": "0.2.0",
@@ -71,7 +70,7 @@
     "webpack-subresource-integrity": "5.1.0"
   },
   "optionalDependencies": {
-    "esbuild": "0.14.27"
+    "esbuild": "0.14.29"
   },
   "peerDependencies": {
     "@angular/compiler-cli": "^14.0.0 || ^14.0.0-next",
@@ -81,7 +80,7 @@
     "ng-packagr": "^14.0.0 || ^14.0.0-next",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",
-    "typescript": "^4.6.2"
+    "typescript": "~4.6.2"
   },
   "peerDependenciesMeta": {
     "@angular/localize": {

package/src/typings.d.ts

@@ -6,10 +6,6 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-declare module '@discoveryjs/json-ext' {
-  export function stringifyStream(value: unknown): import('stream').Readable;
-}
-
 declare module '@babel/helper-annotate-as-pure' {
   export default function annotateAsPure(
     pathOrNode: import('@babel/types').Node | { node: import('@babel/types').Node },

package/src/utils/check-port.js

@@ -31,7 +31,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkPort = void 0;
-const inquirer_1 = require("inquirer");
 const net = __importStar(require("net"));
 const tty_1 = require("./tty");
 function createInUseError(port) {
@@ -53,12 +52,13 @@ async function checkPort(port, host) {
                 reject(createInUseError(port));
                 return;
             }
-            (0, inquirer_1.prompt)({
+            Promise.resolve().then(() => __importStar(require('inquirer'))).then(({ prompt }) => prompt({
                 type: 'confirm',
                 name: 'useDifferent',
                 message: `Port ${port} is already in use.\nWould you like to use a different port?`,
                 default: true,
-            }).then((answers) => (answers.useDifferent ? resolve(0) : reject(createInUseError(port))), () => reject(createInUseError(port)));
+            }))
+                .then((answers) => (answers.useDifferent ? resolve(0) : reject(createInUseError(port))), () => reject(createInUseError(port)));
         })
             .once('listening', () => {
             server.close();

package/src/utils/process-bundle.js

@@ -129,7 +129,7 @@ async function inlineLocales(options) {
             // Same errors will contain the full content of the file as the error message
             // Which makes it hard to find the actual error message.
             const index = error.message.indexOf(')\n');
-            const msg = index !== -1 ? error.message.substr(0, index + 1) : error.message;
+            const msg = index !== -1 ? error.message.slice(0, index + 1) : error.message;
             throw new Error(`${msg}\nAn error occurred inlining file "${options.filename}"`);
         }
     }

package/src/utils/purge-cache.js

@@ -27,10 +27,9 @@ async function purgeStaleBuildCache(context) {
         .filter((d) => (0, path_1.join)(basePath, d.name) !== path && d.isDirectory())
         .map((d) => {
         const subPath = (0, path_1.join)(basePath, d.name);
-        try {
-            return fs_1.promises.rm(subPath, { force: true, recursive: true, maxRetries: 3 });
-        }
-        catch { }
+        return fs_1.promises
+            .rm(subPath, { force: true, recursive: true, maxRetries: 3 })
+            .catch(() => void 0);
     });
     await Promise.all(entriesToDelete);
 }

package/src/webpack/configs/analytics.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAnalyticsConfig = void 0;
 const analytics_1 = require("../plugins/analytics");
 function getAnalyticsConfig(wco, context) {
-    var _a;
     if (!context.analytics) {
         return {};
     }
@@ -22,9 +21,7 @@ function getAnalyticsConfig(wco, context) {
     }
     // The category is the builder name if it's an angular builder.
     return {
-        plugins: [
-            new analytics_1.NgBuildAnalyticsPlugin(wco.projectRoot, context.analytics, category, (_a = wco.buildOptions.aot) !== null && _a !== void 0 ? _a : false),
-        ],
+        plugins: [new analytics_1.NgBuildAnalyticsPlugin(wco.projectRoot, context.analytics, category)],
     };
 }
 exports.getAnalyticsConfig = getAnalyticsConfig;

package/src/webpack/configs/common.js

@@ -84,15 +84,6 @@ async function getCommonConfig(wco) {
                 entryPoints['polyfills'] = [projectPolyfills];
             }
         }
-        if (!buildOptions.aot) {
-            const jitPolyfills = require.resolve('core-js/proposals/reflect-metadata');
-            if (entryPoints['polyfills']) {
-                entryPoints['polyfills'].push(jitPolyfills);
-            }
-            else {
-                entryPoints['polyfills'] = [jitPolyfills];
-            }
-        }
     }
     if (allowedCommonJsDependencies) {
         // When this is not defined it means the builder doesn't support showing common js usages.
@@ -183,7 +174,9 @@ async function getCommonConfig(wco) {
             test: tsConfig.options.allowJs ? /\.[cm]?[tj]sx?$/ : /\.[cm]?tsx?$/,
             loader: webpack_1.AngularWebpackLoaderPath,
             // The below are known paths that are not part of the TypeScript compilation even when allowJs is enabled.
-            exclude: [/[/\\](?:css-loader|mini-css-extract-plugin|webpack-dev-server|webpack)[/\\]/],
+            exclude: [
+                /[\\/]node_modules[/\\](?:css-loader|mini-css-extract-plugin|webpack-dev-server|webpack)[/\\]/,
+            ],
         });
         extraPlugins.push((0, typescript_2.createIvyPlugin)(wco, aot, tsConfigPath));
     }
@@ -297,7 +290,7 @@ async function getCommonConfig(wco) {
                     // The below is needed due to a bug in `@babel/runtime`. See: https://github.com/babel/babel/issues/12824
                     resolve: { fullySpecified: false },
                     exclude: [
-                        /[/\\](?:core-js|@babel|tslib|web-animations-js|web-streams-polyfill|whatwg-url)[/\\]/,
+                        /[\\/]node_modules[/\\](?:core-js|@babel|tslib|web-animations-js|web-streams-polyfill|whatwg-url)[/\\]/,
                     ],
                     use: [
                         {

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

@@ -118,7 +118,7 @@ function buildServePath(options, logger) {
         servePath = defaultPath || '';
     }
     if (servePath.endsWith('/')) {
-        servePath = servePath.substr(0, servePath.length - 1);
+        servePath = servePath.slice(0, -1);
     }
     if (!servePath.startsWith('/')) {
         servePath = `/${servePath}`;

package/src/webpack/configs/styles.js

@@ -98,16 +98,14 @@ function getStylesConfig(wco) {
         wco.logger.warn('Stylus usage is deprecated and will be removed in a future major version. ' +
             'To opt-out of the deprecated behaviour, please migrate to another stylesheet language.');
     }
-    const sassImplementation = getSassImplementation();
-    if (sassImplementation instanceof sass_service_1.SassWorkerImplementation) {
-        extraPlugins.push({
-            apply(compiler) {
-                compiler.hooks.shutdown.tap('sass-worker', () => {
-                    sassImplementation === null || sassImplementation === void 0 ? void 0 : sassImplementation.close();
-                });
-            },
-        });
-    }
+    const sassImplementation = new sass_service_1.SassWorkerImplementation();
+    extraPlugins.push({
+        apply(compiler) {
+            compiler.hooks.shutdown.tap('sass-worker', () => {
+                sassImplementation.close();
+            });
+        },
+    });
     const assetNameTemplate = (0, helpers_1.assetNameTemplateFactory)(hashFormat);
     const extraPostcssPlugins = [];
     // Attempt to setup Tailwind CSS
@@ -155,7 +153,7 @@ function getStylesConfig(wco) {
                 : undefined,
             plugins: [
                 postcssImports({
-                    resolve: (url) => (url.startsWith('~') ? url.substr(1) : url),
+                    resolve: (url) => (url.startsWith('~') ? url.slice(1) : url),
                     load: (filename) => {
                         return new Promise((resolve, reject) => {
                             loader.fs.readFile(filename, (err, data) => {
@@ -375,12 +373,3 @@ function getStylesConfig(wco) {
     };
 }
 exports.getStylesConfig = getStylesConfig;
-function getSassImplementation() {
-    const { webcontainer } = process.versions;
-    // When `webcontainer` is a truthy it means that we are running in a StackBlitz webcontainer.
-    // `SassWorkerImplementation` uses `receiveMessageOnPort` Node.js `worker_thread` API to ensure sync behavior which is ~2x faster.
-    // However, it is non trivial to support this in a webcontainer and while slower we choose to use `dart-sass`
-    // which in Webpack uses the slower async path.
-    // We should periodically check with StackBlitz folks (Mark Whitfeld / Dominic Elm) to determine if this workaround is still needed.
-    return webcontainer ? require('sass') : new sass_service_1.SassWorkerImplementation();
-}

package/src/webpack/plugins/analytics.d.ts

@@ -40,10 +40,9 @@ export declare class NgBuildAnalyticsPlugin {
     protected _projectRoot: string;
     protected _analytics: analytics.Analytics;
     protected _category: string;
-    private aotEnabled;
     protected _built: boolean;
     protected _stats: AnalyticsBuildStats;
-    constructor(_projectRoot: string, _analytics: analytics.Analytics, _category: string, aotEnabled: boolean);
+    constructor(_projectRoot: string, _analytics: analytics.Analytics, _category: string);
     protected _reset(): void;
     protected _getMetrics(stats: Stats): (string | number)[];
     protected _getDimensions(): (string | number | boolean)[];

package/src/webpack/plugins/analytics.js

@@ -73,11 +73,10 @@ class AnalyticsBuildStats {
  * Analytics plugin that reports the analytics we want from the CLI.
  */
 class NgBuildAnalyticsPlugin {
-    constructor(_projectRoot, _analytics, _category, aotEnabled) {
+    constructor(_projectRoot, _analytics, _category) {
         this._projectRoot = _projectRoot;
         this._analytics = _analytics;
         this._category = _category;
-        this.aotEnabled = aotEnabled;
         this._built = false;
         this._stats = new AnalyticsBuildStats();
     }
@@ -108,7 +107,6 @@ class NgBuildAnalyticsPlugin {
             // Adding commas before and after so the regex are easier to define filters.
             dimensions[core_1.analytics.NgCliAnalyticsDimensions.BuildErrors] = `,${this._stats.errors.join()},`;
         }
-        dimensions[core_1.analytics.NgCliAnalyticsDimensions.AotEnabled] = this.aotEnabled;
         return dimensions;
     }
     _reportBuildMetrics(stats) {

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

@@ -52,9 +52,10 @@ class CssOptimizerPlugin {
                         const cachedOutput = await cacheItem.getPromise();
                         if (cachedOutput) {
                             await this.addWarnings(compilation, cachedOutput.warnings);
-                            compilation.updateAsset(name, cachedOutput.source, {
+                            compilation.updateAsset(name, cachedOutput.source, (assetInfo) => ({
+                                ...assetInfo,
                                 minimized: true,
-                            });
+                            }));
                             continue;
                         }
                     }
@@ -65,7 +66,10 @@ class CssOptimizerPlugin {
                     const optimizedAsset = map
                         ? new SourceMapSource(code, name, map)
                         : new OriginalSource(code, name);
-                    compilation.updateAsset(name, optimizedAsset, { minimized: true });
+                    compilation.updateAsset(name, optimizedAsset, (assetInfo) => ({
+                        ...assetInfo,
+                        minimized: true,
+                    }));
                     await (cacheItem === null || cacheItem === void 0 ? void 0 : cacheItem.storePromise({
                         source: optimizedAsset,
                         warnings,

package/src/webpack/plugins/esbuild-executor.d.ts

@@ -28,9 +28,9 @@ export declare class EsbuildExecutor implements Pick<typeof import('esbuild'), '
     /**
      * Determines whether the native variant of esbuild can be used on the current platform.
      *
-     * @returns True, if the native variant of esbuild is support; False, if the WASM variant is required.
+     * @returns A promise which resolves to `true`, if the native variant of esbuild is support or `false`, if the WASM variant is required.
      */
-    static hasNativeSupport(): boolean;
+    static hasNativeSupport(): Promise<boolean>;
     /**
      * Initializes the esbuild transform and format messages functions.
      *

package/src/webpack/plugins/esbuild-executor.js

@@ -31,8 +31,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EsbuildExecutor = void 0;
-const child_process_1 = require("child_process");
-const path = __importStar(require("path"));
 /**
  * Provides the ability to execute esbuild regardless of the current platform's support
  * for using the native variant of esbuild. The native variant will be preferred (assuming
@@ -57,22 +55,14 @@ class EsbuildExecutor {
     /**
      * Determines whether the native variant of esbuild can be used on the current platform.
      *
-     * @returns True, if the native variant of esbuild is support; False, if the WASM variant is required.
+     * @returns A promise which resolves to `true`, if the native variant of esbuild is support or `false`, if the WASM variant is required.
      */
-    static hasNativeSupport() {
+    static async hasNativeSupport() {
         // Try to use native variant to ensure it is functional for the platform.
-        // Spawning a separate esbuild check process is used to determine if the native
-        // variant is viable. If check fails, the WASM variant is initialized instead.
-        // Attempting to call one of the native esbuild functions is not a viable test
-        // currently since esbuild spawn errors are currently not propagated through the
-        // call stack for the esbuild function. If this limitation is removed in the future
-        // then the separate process spawn check can be removed in favor of a direct function
-        // call check.
         try {
-            const { status, error } = (0, child_process_1.spawnSync)(process.execPath, [
-                path.join(__dirname, '../../../esbuild-check.js'),
-            ]);
-            return status === 0 && error === undefined;
+            const { formatMessages } = await Promise.resolve().then(() => __importStar(require('esbuild')));
+            await formatMessages([], { kind: 'error' });
+            return true;
         }
         catch {
             return false;
@@ -88,7 +78,7 @@ class EsbuildExecutor {
             return;
         }
         // If the WASM variant was preferred at class construction or native is not supported, use WASM
-        if (this.alwaysUseWasm || !EsbuildExecutor.hasNativeSupport()) {
+        if (this.alwaysUseWasm || !(await EsbuildExecutor.hasNativeSupport())) {
             await this.useWasm();
             this.initialized = true;
             return;

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

@@ -61,9 +61,10 @@ class JavaScriptOptimizerPlugin {
                         cacheItem = cache.getItemCache(name, eTag);
                         const cachedOutput = await cacheItem.getPromise();
                         if (cachedOutput) {
-                            compilation.updateAsset(name, cachedOutput.source, {
+                            compilation.updateAsset(name, cachedOutput.source, (assetInfo) => ({
+                                ...assetInfo,
                                 minimized: true,
-                            });
+                            }));
                             continue;
                         }
                     }
@@ -110,7 +111,7 @@ class JavaScriptOptimizerPlugin {
                     // Perform a single native esbuild support check.
                     // This removes the need for each worker to perform the check which would
                     // otherwise require spawning a separate process per worker.
-                    alwaysUseWasm: !esbuild_executor_1.EsbuildExecutor.hasNativeSupport(),
+                    alwaysUseWasm: !(await esbuild_executor_1.EsbuildExecutor.hasNativeSupport()),
                 };
                 // Sort scripts so larger scripts start first - worker pool uses a FIFO queue
                 scriptsToOptimize.sort((a, b) => a.code.length - b.code.length);
@@ -137,7 +138,10 @@ class JavaScriptOptimizerPlugin {
                             const optimizedAsset = map
                                 ? new SourceMapSource(code, name, map)
                                 : new OriginalSource(code, name);
-                            compilation.updateAsset(name, optimizedAsset, { minimized: true });
+                            compilation.updateAsset(name, optimizedAsset, (assetInfo) => ({
+                                ...assetInfo,
+                                minimized: true,
+                            }));
                             return cacheItem === null || cacheItem === void 0 ? void 0 : cacheItem.storePromise({
                                 source: optimizedAsset,
                             });

package/src/webpack/plugins/postcss-cli-resources.js

@@ -70,7 +70,7 @@ function default_1(options) {
         // If starts with a caret, remove and return remainder
         // this supports bypassing asset processing
         if (inputUrl.startsWith('^')) {
-            return inputUrl.substr(1);
+            return inputUrl.slice(1);
         }
         const cacheKey = path.resolve(context, inputUrl);
         const cachedUrl = resourceCache.get(cacheKey);
@@ -78,7 +78,7 @@ function default_1(options) {
             return cachedUrl;
         }
         if (inputUrl.startsWith('~')) {
-            inputUrl = inputUrl.substr(1);
+            inputUrl = inputUrl.slice(1);
         }
         const { pathname, hash, search } = url.parse(inputUrl.replace(/\\/g, '/'));
         const resolver = (file, base) => new Promise((resolve, reject) => {

package/src/webpack/plugins/transfer-size-plugin.js

@@ -31,9 +31,10 @@ class TransferSizePlugin {
                     }
                     actions.push(brotliCompressAsync(scriptAsset.source.source())
                         .then((result) => {
-                        compilation.updateAsset(assetName, (s) => s, {
+                        compilation.updateAsset(assetName, (s) => s, (assetInfo) => ({
+                            ...assetInfo,
                             estimatedTransferSize: result.length,
-                        });
+                        }));
                     })
                         .catch((error) => {
                         compilation.warnings.push(new compilation.compiler.webpack.WebpackError(`Unable to calculate estimated transfer size for '${assetName}'. Reason: ${error.message}`));

package/esbuild-check.js

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-
-// If the platform does not support the native variant of esbuild, this will crash.
-// This script can then be spawned by the CLI to determine if native usage is supported.
-require('esbuild')
-  .formatMessages([], { kind: 'error ' })
-  .then(
-    () => {},
-    () => {},
-  );