@angular-devkit/build-angular 14.0.0-next.1 → 14.0.0-next.12

package/src/utils/normalize-file-replacements.js

@@ -6,27 +6,51 @@
  * 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
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeFileReplacements = exports.MissingFileReplacementException = void 0;
 const core_1 = require("@angular-devkit/core");
 const fs_1 = require("fs");
+const path = __importStar(require("path"));
 class MissingFileReplacementException extends core_1.BaseException {
     constructor(path) {
         super(`The ${path} path in file replacements does not exist.`);
     }
 }
 exports.MissingFileReplacementException = MissingFileReplacementException;
-function normalizeFileReplacements(fileReplacements, root) {
+function normalizeFileReplacements(fileReplacements, workspaceRoot) {
     if (fileReplacements.length === 0) {
         return [];
     }
-    const normalizedReplacement = fileReplacements.map((replacement) => normalizeFileReplacement(replacement, root));
+    const normalizedReplacement = fileReplacements.map((replacement) => normalizeFileReplacement(replacement, workspaceRoot));
     for (const { replace, with: replacementWith } of normalizedReplacement) {
-        if (!(0, fs_1.existsSync)((0, core_1.getSystemPath)(replacementWith))) {
-            throw new MissingFileReplacementException((0, core_1.getSystemPath)(replacementWith));
+        if (!(0, fs_1.existsSync)(replacementWith)) {
+            throw new MissingFileReplacementException(replacementWith);
         }
-        if (!(0, fs_1.existsSync)((0, core_1.getSystemPath)(replace))) {
-            throw new MissingFileReplacementException((0, core_1.getSystemPath)(replace));
+        if (!(0, fs_1.existsSync)(replace)) {
+            throw new MissingFileReplacementException(replace);
         }
     }
     return normalizedReplacement;
@@ -36,22 +60,18 @@ function normalizeFileReplacement(fileReplacement, root) {
     let replacePath;
     let withPath;
     if (fileReplacement.src && fileReplacement.replaceWith) {
-        replacePath = (0, core_1.normalize)(fileReplacement.src);
-        withPath = (0, core_1.normalize)(fileReplacement.replaceWith);
+        replacePath = fileReplacement.src;
+        withPath = fileReplacement.replaceWith;
     }
     else if (fileReplacement.replace && fileReplacement.with) {
-        replacePath = (0, core_1.normalize)(fileReplacement.replace);
-        withPath = (0, core_1.normalize)(fileReplacement.with);
+        replacePath = fileReplacement.replace;
+        withPath = fileReplacement.with;
     }
     else {
         throw new Error(`Invalid file replacement: ${JSON.stringify(fileReplacement)}`);
     }
-    // TODO: For 7.x should this only happen if not absolute?
-    if (root) {
-        replacePath = (0, core_1.join)(root, replacePath);
-    }
-    if (root) {
-        withPath = (0, core_1.join)(root, withPath);
-    }
-    return { replace: replacePath, with: withPath };
+    return {
+        replace: path.join(root, replacePath),
+        with: path.join(root, withPath),
+    };
 }

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.d.ts

@@ -5,5 +5,4 @@
  * 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
  */
-import { Path } from '@angular-devkit/core';
-export declare function augmentAppWithServiceWorker(appRoot: Path, outputPath: Path, baseHref: string, ngswConfigPath?: string): Promise<void>;
+export declare function augmentAppWithServiceWorker(appRoot: string, workspaceRoot: string, outputPath: string, baseHref: string, ngswConfigPath?: string): Promise<void>;

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];
@@ -27,7 +31,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.augmentAppWithServiceWorker = void 0;
-const core_1 = require("@angular-devkit/core");
 const crypto = __importStar(require("crypto"));
 const fs_1 = require("fs");
 const path = __importStar(require("path"));
@@ -72,12 +75,11 @@ class CliFilesystem {
         return items;
     }
 }
-async function augmentAppWithServiceWorker(appRoot, outputPath, baseHref, ngswConfigPath) {
-    const distPath = (0, core_1.getSystemPath)((0, core_1.normalize)(outputPath));
+async function augmentAppWithServiceWorker(appRoot, workspaceRoot, outputPath, baseHref, ngswConfigPath) {
     // Determine the configuration file path
     const configPath = ngswConfigPath
-        ? (0, core_1.getSystemPath)((0, core_1.normalize)(ngswConfigPath))
-        : path.join((0, core_1.getSystemPath)(appRoot), 'ngsw-config.json');
+        ? path.join(workspaceRoot, ngswConfigPath)
+        : path.join(appRoot, 'ngsw-config.json');
     // Read the configuration file
     let config;
     try {
@@ -87,7 +89,7 @@ async function augmentAppWithServiceWorker(appRoot, outputPath, baseHref, ngswCo
     catch (error) {
         if (error.code === 'ENOENT') {
             throw new Error('Error: Expected to find an ngsw-config.json configuration file' +
-                ` in the ${(0, core_1.getSystemPath)(appRoot)} folder. Either provide one or` +
+                ` in the ${appRoot} folder. Either provide one or` +
                 ' disable Service Worker in the angular.json configuration file.');
         }
         else {
@@ -99,20 +101,20 @@ async function augmentAppWithServiceWorker(appRoot, outputPath, baseHref, ngswCo
     // changed to a direct dynamic import.
     const GeneratorConstructor = (await (0, load_esm_1.loadEsmModule)('@angular/service-worker/config')).Generator;
     // Generate the manifest
-    const generator = new GeneratorConstructor(new CliFilesystem(distPath), baseHref);
+    const generator = new GeneratorConstructor(new CliFilesystem(outputPath), baseHref);
     const output = await generator.process(config);
     // Write the manifest
     const manifest = JSON.stringify(output, null, 2);
-    await fs_1.promises.writeFile(path.join(distPath, 'ngsw.json'), manifest);
+    await fs_1.promises.writeFile(path.join(outputPath, 'ngsw.json'), manifest);
     // Find the service worker package
     const workerPath = require.resolve('@angular/service-worker/ngsw-worker.js');
     // Write the worker code
-    await fs_1.promises.copyFile(workerPath, path.join(distPath, 'ngsw-worker.js'), fs_1.constants.COPYFILE_FICLONE);
+    await fs_1.promises.copyFile(workerPath, path.join(outputPath, 'ngsw-worker.js'), fs_1.constants.COPYFILE_FICLONE);
     // If present, write the safety worker code
     const safetyPath = path.join(path.dirname(workerPath), 'safety-worker.js');
     try {
-        await fs_1.promises.copyFile(safetyPath, path.join(distPath, 'worker-basic.min.js'), fs_1.constants.COPYFILE_FICLONE);
-        await fs_1.promises.copyFile(safetyPath, path.join(distPath, 'safety-worker.js'), fs_1.constants.COPYFILE_FICLONE);
+        await fs_1.promises.copyFile(safetyPath, path.join(outputPath, 'worker-basic.min.js'), fs_1.constants.COPYFILE_FICLONE);
+        await fs_1.promises.copyFile(safetyPath, path.join(outputPath, 'safety-worker.js'), fs_1.constants.COPYFILE_FICLONE);
     }
     catch (error) {
         if (error.code !== 'ENOENT') {

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];
@@ -27,7 +31,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getIndexInputFile = exports.getIndexOutputFile = exports.generateBrowserWebpackConfigFromContext = exports.generateI18nBrowserWebpackConfigFromContext = exports.generateWebpackConfig = void 0;
-const core_1 = require("@angular-devkit/core");
 const path = __importStar(require("path"));
 const typescript_1 = require("typescript");
 const webpack_1 = require("webpack");
@@ -108,19 +111,18 @@ async function generateI18nBrowserWebpackConfigFromContext(options, context, web
 }
 exports.generateI18nBrowserWebpackConfigFromContext = generateI18nBrowserWebpackConfigFromContext;
 async function generateBrowserWebpackConfigFromContext(options, context, webpackPartialGenerator, extraBuildOptions = {}) {
+    var _a;
     const projectName = context.target && context.target.project;
     if (!projectName) {
         throw new Error('The builder requires a target.');
     }
-    const workspaceRoot = (0, core_1.normalize)(context.workspaceRoot);
+    const workspaceRoot = context.workspaceRoot;
     const projectMetadata = await context.getProjectMetadata(projectName);
-    const projectRoot = (0, core_1.resolve)(workspaceRoot, (0, core_1.normalize)(projectMetadata.root || ''));
-    const projectSourceRoot = projectMetadata.sourceRoot;
-    const sourceRoot = projectSourceRoot
-        ? (0, core_1.resolve)(workspaceRoot, (0, core_1.normalize)(projectSourceRoot))
-        : undefined;
-    const normalizedOptions = (0, utils_1.normalizeBrowserSchema)(workspaceRoot, projectRoot, sourceRoot, options, projectMetadata);
-    const config = await generateWebpackConfig((0, core_1.getSystemPath)(workspaceRoot), (0, core_1.getSystemPath)(projectRoot), sourceRoot && (0, core_1.getSystemPath)(sourceRoot), projectName, normalizedOptions, webpackPartialGenerator, context.logger, extraBuildOptions);
+    const projectRoot = path.join(workspaceRoot, (_a = projectMetadata.root) !== null && _a !== void 0 ? _a : '');
+    const sourceRoot = projectMetadata.sourceRoot;
+    const projectSourceRoot = sourceRoot ? path.join(workspaceRoot, sourceRoot) : undefined;
+    const normalizedOptions = (0, utils_1.normalizeBrowserSchema)(workspaceRoot, projectRoot, projectSourceRoot, options, projectMetadata);
+    const config = await generateWebpackConfig(workspaceRoot, projectRoot, projectSourceRoot, projectName, normalizedOptions, webpackPartialGenerator, context.logger, extraBuildOptions);
     // If builder watch support is present in the context, add watch plugin
     // This is internal only and currently only used for testing
     const watcherFactory = context.watcherFactory;
@@ -132,8 +134,8 @@ async function generateBrowserWebpackConfigFromContext(options, context, webpack
     }
     return {
         config,
-        projectRoot: (0, core_1.getSystemPath)(projectRoot),
-        projectSourceRoot: sourceRoot && (0, core_1.getSystemPath)(sourceRoot),
+        projectRoot,
+        projectSourceRoot,
     };
 }
 exports.generateBrowserWebpackConfigFromContext = generateBrowserWebpackConfigFromContext;

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: [
                         {
@@ -322,6 +319,7 @@ async function getCommonConfig(wco) {
             asyncWebAssembly: true,
         },
         infrastructureLogging: {
+            debug: verbose,
             level: verbose ? 'verbose' : 'error',
         },
         stats: (0, helpers_1.getStatsOptions)(verbose),

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.d.ts

@@ -6,5 +6,11 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { Configuration } from 'webpack';
+import { StyleElement } from '../../builders/browser/schema';
 import { WebpackConfigOptions } from '../../utils/build-options';
+export declare function resolveGlobalStyles(styleEntrypoints: StyleElement[], root: string, preserveSymlinks: boolean): {
+    entryPoints: Record<string, string[]>;
+    noInjectNames: string[];
+    paths: string[];
+};
 export declare function getStylesConfig(wco: WebpackConfigOptions): Configuration;

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];
@@ -29,7 +33,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStylesConfig = void 0;
+exports.getStylesConfig = exports.resolveGlobalStyles = void 0;
 const fs = __importStar(require("fs"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const path = __importStar(require("path"));
@@ -71,6 +75,7 @@ function resolveGlobalStyles(styleEntrypoints, root, preserveSymlinks) {
     }
     return { entryPoints, noInjectNames, paths };
 }
+exports.resolveGlobalStyles = resolveGlobalStyles;
 // eslint-disable-next-line max-lines-per-function
 function getStylesConfig(wco) {
     var _a, _b, _c;
@@ -94,16 +99,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 +154,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 +374,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.
      *