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

package/src/utils/index-file/inline-critical-css.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/utils/index-file/inline-fonts.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/utils/index.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/utils/load-translations.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/utils/normalize-cache.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeCacheOptions = void 0;
 const core_1 = require("@angular-devkit/core");
 const path_1 = require("path");
-const environment_options_1 = require("./environment-options");
 const package_version_1 = require("./package-version");
 function normalizeCacheOptions(metadata, worspaceRoot) {
     var _a;
@@ -20,9 +19,6 @@ function normalizeCacheOptions(metadata, worspaceRoot) {
     const { enabled = true, environment = 'local', path = '.angular/cache' } = cacheMetadata;
     const isCI = process.env['CI'] === '1' || ((_a = process.env['CI']) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';
     let cacheEnabled = enabled;
-    if (environment_options_1.cachingDisabled !== null) {
-        cacheEnabled = !environment_options_1.cachingDisabled;
-    }
     if (cacheEnabled) {
         switch (environment) {
             case 'ci':

package/src/utils/process-bundle.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -125,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

@@ -23,18 +23,13 @@ async function purgeStaleBuildCache(context) {
     if (!enabled || !(0, fs_1.existsSync)(basePath)) {
         return;
     }
-    // The below should be removed and replaced with just `rm` when support for Node.Js 12 is removed.
-    const { rm, rmdir } = fs_1.promises;
     const entriesToDelete = (await fs_1.promises.readdir(basePath, { withFileTypes: true }))
         .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 rm
-                ? rm(subPath, { force: true, recursive: true, maxRetries: 3 })
-                : rmdir(subPath, { 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/utils/read-tsconfig.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/utils/service-worker.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/utils/webpack-browser-config.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -80,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.
@@ -179,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));
     }
@@ -293,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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -114,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/index.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/webpack/configs/styles.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -94,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
@@ -151,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) => {
@@ -371,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/any-component-style-budget-checker.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/webpack/plugins/common-js-usage-warn-plugin.js

@@ -22,7 +22,7 @@ class CommonJsUsageWarnPlugin {
     apply(compiler) {
         compiler.hooks.compilation.tap('CommonJsUsageWarnPlugin', (compilation) => {
             compilation.hooks.finishModules.tap('CommonJsUsageWarnPlugin', (modules) => {
-                var _a, _b;
+                var _a;
                 const mainEntry = compilation.entries.get('main');
                 if (!mainEntry) {
                     return;
@@ -65,7 +65,7 @@ class CommonJsUsageWarnPlugin {
                         // And if the issuer request is not from 'webpack-dev-server', as 'webpack-dev-server'
                         // will require CommonJS libraries for live reloading such as 'sockjs-node'.
                         if (mainIssuer && mainModules.has(mainIssuer)) {
-                            const warning = `${(_b = issuer) === null || _b === void 0 ? void 0 : _b.userRequest} depends on '${rawRequest}'. ` +
+                            const warning = `${issuer === null || issuer === void 0 ? void 0 : issuer.userRequest} depends on '${rawRequest}'. ` +
                                 'CommonJS or AMD dependencies can cause optimization bailouts.\n' +
                                 'For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies';
                             // Avoid showing the same warning multiple times when in 'watch' mode.

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,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
@@ -53,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;
@@ -84,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/json-stats-plugin.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/webpack/plugins/karma/karma.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/src/webpack/plugins/named-chunks-plugin.js

@@ -24,6 +24,11 @@ class NamedChunksPlugin {
                 if (chunk.name) {
                     return;
                 }
+                if ([...chunk.files.values()].every((f) => f.endsWith('.css'))) {
+                    // If all chunk files are CSS files skip.
+                    // This happens when using `import('./styles.css')` in a lazy loaded module.
+                    return undefined;
+                }
                 const name = this.generateName(chunk);
                 if (name) {
                     chunk.name = name;

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

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -66,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);
@@ -74,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/scripts-webpack-plugin.js

@@ -8,7 +8,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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}`));