@angular-devkit/build-angular 14.2.3 → 15.0.0-next.1

package/package.json

@@ -1,39 +1,40 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "14.2.3",
+  "version": "15.0.0-next.1",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.2.0",
-    "@angular-devkit/architect": "0.1402.3",
-    "@angular-devkit/build-webpack": "0.1402.3",
-    "@angular-devkit/core": "14.2.3",
-    "@babel/core": "7.18.10",
-    "@babel/generator": "7.18.12",
+    "@angular-devkit/architect": "0.1500.0-next.1",
+    "@angular-devkit/build-webpack": "0.1500.0-next.1",
+    "@angular-devkit/core": "15.0.0-next.1",
+    "@babel/core": "7.19.0",
+    "@babel/generator": "7.19.0",
     "@babel/helper-annotate-as-pure": "7.18.6",
-    "@babel/plugin-proposal-async-generator-functions": "7.18.10",
+    "@babel/plugin-proposal-async-generator-functions": "7.19.0",
     "@babel/plugin-transform-async-to-generator": "7.18.6",
     "@babel/plugin-transform-runtime": "7.18.10",
-    "@babel/preset-env": "7.18.10",
-    "@babel/runtime": "7.18.9",
+    "@babel/preset-env": "7.19.0",
+    "@babel/runtime": "7.19.0",
     "@babel/template": "7.18.10",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "14.2.3",
+    "@ngtools/webpack": "15.0.0-next.1",
     "ansi-colors": "4.1.3",
+    "autoprefixer": "10.4.10",
     "babel-loader": "8.2.5",
     "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.9.1",
-    "cacache": "16.1.2",
+    "cacache": "16.1.3",
     "copy-webpack-plugin": "11.0.0",
     "critters": "0.0.16",
     "css-loader": "6.7.1",
-    "esbuild-wasm": "0.15.5",
+    "esbuild-wasm": "0.15.7",
     "glob": "8.0.3",
     "https-proxy-agent": "5.0.1",
     "inquirer": "8.2.4",
-    "jsonc-parser": "3.1.0",
+    "jsonc-parser": "3.2.0",
     "karma-source-map-support": "1.4.0",
     "less": "4.1.3",
     "less-loader": "11.0.0",
@@ -48,18 +49,17 @@
     "postcss": "8.4.16",
     "postcss-import": "15.0.0",
     "postcss-loader": "7.0.1",
-    "postcss-preset-env": "7.8.0",
     "regenerator-runtime": "0.13.9",
     "resolve-url-loader": "5.0.0",
     "rxjs": "6.6.7",
-    "sass": "1.54.4",
+    "sass": "1.54.9",
     "sass-loader": "13.0.2",
     "semver": "7.3.7",
     "source-map-loader": "4.0.0",
     "source-map-support": "0.5.21",
     "stylus": "0.59.0",
     "stylus-loader": "7.0.0",
-    "terser": "5.14.2",
+    "terser": "5.15.0",
     "text-table": "0.2.0",
     "tree-kill": "1.2.2",
     "tslib": "2.4.0",
@@ -70,14 +70,14 @@
     "webpack-subresource-integrity": "5.1.0"
   },
   "optionalDependencies": {
-    "esbuild": "0.15.5"
+    "esbuild": "0.15.7"
   },
   "peerDependencies": {
-    "@angular/compiler-cli": "^14.0.0",
-    "@angular/localize": "^14.0.0",
-    "@angular/service-worker": "^14.0.0",
+    "@angular/compiler-cli": "^15.0.0-next",
+    "@angular/localize": "^15.0.0-next",
+    "@angular/service-worker": "^15.0.0-next",
     "karma": "^6.3.0",
-    "ng-packagr": "^14.0.0",
+    "ng-packagr": "^15.0.0-next",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",
     "typescript": ">=4.6.2 <4.9"

package/src/builders/browser-esbuild/compiler-plugin.js

@@ -134,7 +134,6 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
             // The tsconfig is loaded in setup instead of in start to allow the esbuild target build option to be modified.
             // esbuild build options can only be modified in setup prior to starting the build.
             const { options: compilerOptions, rootNames, errors: configurationDiagnostics, } = compilerCli.readConfiguration(pluginOptions.tsconfig, {
-                enableIvy: true,
                 noEmitOnError: false,
                 suppressOutputPathCheck: true,
                 outDir: undefined,
@@ -270,7 +269,7 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
                     };
                 }
                 const data = (_a = typescriptResult.content) !== null && _a !== void 0 ? _a : '';
-                const forceAsyncTransformation = /for\s+await\s*\(|async\s+function\s*\*/.test(data);
+                const forceAsyncTransformation = /async\s+function\s*\*/.test(data);
                 const useInputSourcemap = pluginOptions.sourcemap &&
                     (!!pluginOptions.thirdPartySourcemaps || !/[\\/]node_modules[\\/]/.test(args.path));
                 // If no additional transformations are needed, return the TypeScript output directly
@@ -310,8 +309,7 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
             build.onLoad({ filter: /\.[cm]?js$/ }, async (args) => {
                 var _a;
                 const data = await fs_1.promises.readFile(args.path, 'utf-8');
-                const forceAsyncTransformation = !/[\\/][_f]?esm2015[\\/]/.test(args.path) &&
-                    /for\s+await\s*\(|async\s+function\s*\*/.test(data);
+                const forceAsyncTransformation = !/[\\/][_f]?esm2015[\\/]/.test(args.path) && /async\s+function\s*\*/.test(data);
                 const shouldLink = await (0, webpack_loader_1.requiresLinking)(args.path, data);
                 const useInputSourcemap = pluginOptions.sourcemap &&
                     (!!pluginOptions.thirdPartySourcemaps || !/[\\/]node_modules[\\/]/.test(args.path));

package/src/builders/browser-esbuild/index.js

@@ -72,20 +72,20 @@ async function buildEsbuildBrowser(options, context) {
         context.logger.error(`The 'browser-esbuild' builder requires a target to be specified.`);
         return { success: false };
     }
-    const { projectRoot, workspaceRoot, mainEntryPoint, polyfillsEntryPoint, optimizationOptions, outputPath, sourcemapOptions, tsconfig, assets, outputNames, } = await (0, options_1.normalizeOptions)(context, projectName, options);
+    const { projectRoot, workspaceRoot, entryPoints, entryPointNameLookup, optimizationOptions, outputPath, sourcemapOptions, tsconfig, assets, outputNames, } = await (0, options_1.normalizeOptions)(context, projectName, options);
     // Clean output path if enabled
     if (options.deleteOutputPath) {
         (0, utils_1.deleteOutputDir)(workspaceRoot, options.outputPath);
     }
-    // Setup bundler entry points
-    const entryPoints = {
-        main: mainEntryPoint,
-    };
-    if (polyfillsEntryPoint) {
-        entryPoints['polyfills'] = polyfillsEntryPoint;
+    // Create output directory if needed
+    try {
+        await fs_1.promises.mkdir(outputPath, { recursive: true });
+    }
+    catch (e) {
+        (0, error_1.assertIsError)(e);
+        context.logger.error('Unable to create output directory: ' + e.message);
+        return { success: false };
     }
-    // Create reverse lookup used during index HTML generation
-    const entryPointNameLookup = new Map(Object.entries(entryPoints).map(([name, filePath]) => [path.relative(workspaceRoot, filePath), name]));
     const [codeResults, styleResults] = await Promise.all([
         // Execute esbuild to bundle the application code
         bundleCode(workspaceRoot, entryPoints, outputNames, options, optimizationOptions, sourcemapOptions, tsconfig),
@@ -126,15 +126,6 @@ async function buildEsbuildBrowser(options, context) {
     if (styleResults.errors.length) {
         return { success: false };
     }
-    // Create output directory if needed
-    try {
-        await fs_1.promises.mkdir(outputPath, { recursive: true });
-    }
-    catch (e) {
-        (0, error_1.assertIsError)(e);
-        context.logger.error('Unable to create output directory: ' + e.message);
-        return { success: false };
-    }
     // Generate index HTML file
     if (options.index) {
         const entrypoints = (0, package_chunk_sort_1.generateEntryPoints)({
@@ -216,15 +207,11 @@ async function bundleCode(workspaceRoot, entryPoints, outputNames, options, opti
         target: 'es2020',
         supported: {
             // Native async/await is not supported with Zone.js. Disabling support here will cause
-            // esbuild to downlevel async/await to a Zone.js supported form.
+            // esbuild to downlevel async/await and for await...of to a Zone.js supported form. However, esbuild
+            // does not currently support downleveling async generators. Instead babel is used within the JS/TS
+            // loader to perform the downlevel transformation.
+            // NOTE: If esbuild adds support in the future, the babel support for async generators can be disabled.
             'async-await': false,
-            // Zone.js also does not support async generators or async iterators. However, esbuild does
-            // not currently support downleveling either of them. Instead babel is used within the JS/TS
-            // loader to perform the downlevel transformation. They are both disabled here to allow
-            // esbuild to handle them in the future if support is ever added.
-            // NOTE: If esbuild adds support in the future, the babel support for these can be disabled.
-            'async-generator': false,
-            'for-await': false,
         },
         mainFields: ['es2020', 'browser', 'module', 'main'],
         conditions: ['es2020', 'es2015', 'module'],

package/src/builders/browser-esbuild/options.d.ts

@@ -19,8 +19,8 @@ import { Schema as BrowserBuilderOptions } from '../browser/schema';
  */
 export declare function normalizeOptions(context: BuilderContext, projectName: string, options: BrowserBuilderOptions): Promise<{
     workspaceRoot: string;
-    mainEntryPoint: string;
-    polyfillsEntryPoint: string | undefined;
+    entryPoints: Record<string, string>;
+    entryPointNameLookup: ReadonlyMap<string, string>;
     optimizationOptions: import("../../utils").NormalizedOptimizationOptions;
     outputPath: string;
     sourcemapOptions: import("../browser/schema").SourceMapClass;

package/src/builders/browser-esbuild/options.js

@@ -71,10 +71,19 @@ async function normalizeOptions(context, projectName, options) {
     if (options.resourcesOutputPath) {
         outputNames.media = path.join(options.resourcesOutputPath, outputNames.media);
     }
+    // Setup bundler entry points
+    const entryPoints = {
+        main: mainEntryPoint,
+    };
+    if (polyfillsEntryPoint) {
+        entryPoints['polyfills'] = polyfillsEntryPoint;
+    }
+    // Create reverse lookup used during index HTML generation
+    const entryPointNameLookup = new Map(Object.entries(entryPoints).map(([name, filePath]) => [path.relative(workspaceRoot, filePath), name]));
     return {
         workspaceRoot,
-        mainEntryPoint,
-        polyfillsEntryPoint,
+        entryPoints,
+        entryPointNameLookup,
         optimizationOptions,
         outputPath,
         sourcemapOptions,

package/src/builders/server/index.js

@@ -33,7 +33,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.execute = void 0;
 const architect_1 = require("@angular-devkit/architect");
 const build_webpack_1 = require("@angular-devkit/build-webpack");
-const core_1 = require("@angular-devkit/core");
 const path = __importStar(require("path"));
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
@@ -55,23 +54,6 @@ function execute(options, context, transforms = {}) {
     (0, version_1.assertCompatibleAngularVersion)(root);
     const baseOutputPath = path.resolve(root, options.outputPath);
     let outputPaths;
-    if (typeof options.bundleDependencies === 'string') {
-        options.bundleDependencies = options.bundleDependencies === 'all';
-        context.logger.warn(`Option 'bundleDependencies' string value is deprecated since version 9. Use a boolean value instead.`);
-    }
-    if (!options.bundleDependencies) {
-        // eslint-disable-next-line import/no-extraneous-dependencies
-        const { __processed_by_ivy_ngcc__, main = '' } = require('@angular/core/package.json');
-        if (!__processed_by_ivy_ngcc__ ||
-            !__processed_by_ivy_ngcc__.main ||
-            main.includes('__ivy_ngcc__')) {
-            context.logger.warn(core_1.tags.stripIndent `
-      Warning: Turning off 'bundleDependencies' with Ivy may result in undefined behaviour
-      unless 'node_modules' are transformed using the standalone Angular compatibility compiler (NGCC).
-      See: https://angular.io/guide/ivy#ivy-and-universal-app-shell
-    `);
-        }
-    }
     return (0, rxjs_1.from)(initialize(options, context, transforms.webpackConfiguration)).pipe((0, operators_1.concatMap)(({ config, i18n, target }) => {
         return (0, build_webpack_1.runWebpack)(config, context, {
             webpackFactory: require('webpack'),

package/src/builders/server/schema.d.ts

@@ -3,7 +3,7 @@ export interface Schema {
      * Which external dependencies to bundle into the bundle. By default, all of node_modules
      * will be bundled.
      */
-    bundleDependencies?: BundleDependenciesUnion;
+    bundleDependencies?: boolean;
     /**
      * Delete the output path before building.
      */
@@ -110,15 +110,6 @@ export interface Schema {
      */
     watch?: boolean;
 }
-/**
- * Which external dependencies to bundle into the bundle. By default, all of node_modules
- * will be bundled.
- */
-export declare type BundleDependenciesUnion = boolean | BundleDependenciesEnum;
-export declare enum BundleDependenciesEnum {
-    All = "all",
-    None = "none"
-}
 export interface FileReplacement {
     replace?: string;
     replaceWith?: string;

package/src/builders/server/schema.js

@@ -2,12 +2,7 @@
 // THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
 // CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OutputHashing = exports.InlineStyleLanguage = exports.I18NTranslation = exports.BundleDependenciesEnum = void 0;
-var BundleDependenciesEnum;
-(function (BundleDependenciesEnum) {
-    BundleDependenciesEnum["All"] = "all";
-    BundleDependenciesEnum["None"] = "none";
-})(BundleDependenciesEnum = exports.BundleDependenciesEnum || (exports.BundleDependenciesEnum = {}));
+exports.OutputHashing = exports.InlineStyleLanguage = exports.I18NTranslation = void 0;
 /**
  * How to handle duplicate translations for i18n.
  *

package/src/builders/server/schema.json

@@ -184,15 +184,7 @@
     "bundleDependencies": {
       "description": "Which external dependencies to bundle into the bundle. By default, all of node_modules will be bundled.",
       "default": true,
-      "oneOf": [
-        {
-          "type": "boolean"
-        },
-        {
-          "type": "string",
-          "enum": ["none", "all"]
-        }
-      ]
+      "type": "boolean"
     },
     "externalDependencies": {
       "description": "Exclude the listed external dependencies from being bundled into the bundle. Instead, the created bundle relies on these dependencies to be available during runtime.",

package/src/utils/load-translations.js

@@ -40,8 +40,10 @@ async function createTranslationLoader() {
         const content = fs.readFileSync(path, 'utf8');
         const unusedParsers = new Map();
         for (const [format, parser] of Object.entries(parsers)) {
-            const analysis = analyze(parser, path, content);
+            const analysis = parser.analyze(path, content);
             if (analysis.canParse) {
+                // Types don't overlap here so we need to use any.
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 const { locale, translations } = parser.parse(path, content, analysis.hint);
                 const integrity = 'sha256-' + (0, crypto_1.createHash)('sha256').update(content).digest('base64');
                 return { format, locale, translations, diagnostics, integrity };
@@ -57,17 +59,6 @@ async function createTranslationLoader() {
         throw new Error(`Unsupported translation file format in ${path}. The following parsers were tried:\n` +
             messages.join('\n'));
     };
-    // TODO: `parser.canParse()` is deprecated; remove this polyfill once we are sure all parsers provide the `parser.analyze()` method.
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    function analyze(parser, path, content) {
-        if (parser.analyze !== undefined) {
-            return parser.analyze(path, content);
-        }
-        else {
-            const hint = parser.canParse(path, content);
-            return { canParse: hint !== false, hint, diagnostics };
-        }
-    }
 }
 exports.createTranslationLoader = createTranslationLoader;
 async function importParsers() {

package/src/webpack/configs/styles.js

@@ -83,8 +83,6 @@ exports.resolveGlobalStyles = resolveGlobalStyles;
 // eslint-disable-next-line max-lines-per-function
 function getStylesConfig(wco) {
     var _a, _b, _c;
-    const postcssImports = require('postcss-import');
-    const postcssPresetEnv = require('postcss-preset-env');
     const { root, buildOptions } = wco;
     const extraPlugins = [];
     extraPlugins.push(new plugins_1.AnyComponentStyleBudgetChecker(buildOptions.budgets));
@@ -140,11 +138,8 @@ function getStylesConfig(wco) {
             extraPostcssPlugins.push(require(tailwindPackagePath)({ config: tailwindConfigPath }));
         }
     }
-    const postcssPresetEnvPlugin = postcssPresetEnv({
-        browsers: buildOptions.supportedBrowsers,
-        autoprefixer: true,
-        stage: 3,
-    });
+    const postcssImports = require('postcss-import');
+    const autoprefixer = require('autoprefixer');
     const postcssOptionsCreator = (inlineSourcemaps, extracted) => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const optionGenerator = (loader) => ({
@@ -180,7 +175,10 @@ function getStylesConfig(wco) {
                     extracted,
                 }),
                 ...extraPostcssPlugins,
-                postcssPresetEnvPlugin,
+                autoprefixer({
+                    ignoreUnknownVersions: true,
+                    overrideBrowserslist: buildOptions.supportedBrowsers,
+                }),
             ],
         });
         // postcss-loader fails when trying to determine configuration files for data URIs

package/src/webpack/plugins/typescript.js

@@ -10,20 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createIvyPlugin = void 0;
 const webpack_1 = require("@ngtools/webpack");
 const typescript_1 = require("typescript");
-function ensureIvy(wco) {
-    if (wco.tsConfig.options.enableIvy !== false) {
-        return;
-    }
-    wco.logger.warn('Project is attempting to disable the Ivy compiler. ' +
-        'Angular versions 12 and higher do not support the deprecated View Engine compiler for applications. ' +
-        'The Ivy compiler will be used to build this project. ' +
-        '\nFor additional information or if the build fails, please see https://angular.io/guide/ivy');
-    wco.tsConfig.options.enableIvy = true;
-}
 function createIvyPlugin(wco, aot, tsconfig) {
-    if (aot) {
-        ensureIvy(wco);
-    }
     const { buildOptions } = wco;
     const optimize = buildOptions.optimization.scripts;
     const compilerOptions = {