@angular-devkit/build-angular 18.1.0-next.2 → 18.1.0-rc.0

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "18.1.0-next.2",
+  "version": "18.1.0-rc.0",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1801.0-next.2",
-    "@angular-devkit/build-webpack": "0.1801.0-next.2",
-    "@angular-devkit/core": "18.1.0-next.2",
-    "@angular/build": "18.1.0-next.2",
+    "@angular-devkit/architect": "0.1801.0-rc.0",
+    "@angular-devkit/build-webpack": "0.1801.0-rc.0",
+    "@angular-devkit/core": "18.1.0-rc.0",
+    "@angular/build": "18.1.0-rc.0",
     "@babel/core": "7.24.7",
     "@babel/generator": "7.24.7",
     "@babel/helper-annotate-as-pure": "7.24.7",
@@ -21,21 +21,21 @@
     "@babel/preset-env": "7.24.7",
     "@babel/runtime": "7.24.7",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "18.1.0-next.2",
+    "@ngtools/webpack": "18.1.0-rc.0",
     "@vitejs/plugin-basic-ssl": "1.1.0",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.19",
     "babel-loader": "9.1.3",
-    "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.21.5",
     "copy-webpack-plugin": "12.0.2",
-    "critters": "0.0.22",
+    "critters": "0.0.24",
     "css-loader": "7.1.2",
     "esbuild-wasm": "0.21.5",
     "fast-glob": "3.3.2",
     "http-proxy-middleware": "3.0.0",
     "https-proxy-agent": "7.0.4",
-    "jsonc-parser": "3.2.1",
+    "istanbul-lib-instrument": "6.0.2",
+    "jsonc-parser": "3.3.1",
     "karma-source-map-support": "1.4.0",
     "less": "4.2.0",
     "less-loader": "12.2.0",
@@ -48,12 +48,12 @@
     "ora": "5.4.1",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
-    "piscina": "4.5.1",
+    "piscina": "4.6.1",
     "postcss": "8.4.38",
     "postcss-loader": "8.1.1",
     "resolve-url-loader": "5.0.0",
     "rxjs": "7.8.1",
-    "sass": "1.77.5",
+    "sass": "1.77.6",
     "sass-loader": "14.2.1",
     "semver": "7.6.2",
     "source-map-loader": "5.0.0",
@@ -61,10 +61,10 @@
     "terser": "5.31.1",
     "tree-kill": "1.2.2",
     "tslib": "2.6.3",
-    "undici": "6.18.2",
-    "vite": "5.2.13",
+    "undici": "6.19.2",
+    "vite": "5.3.1",
     "watchpack": "2.4.1",
-    "webpack": "5.92.0",
+    "webpack": "5.92.1",
     "webpack-dev-middleware": "7.2.1",
     "webpack-dev-server": "5.0.4",
     "webpack-merge": "5.10.0",
@@ -130,7 +130,7 @@
     "devkit",
     "sdk"
   ],
-  "packageManager": "yarn@4.2.2",
+  "packageManager": "yarn@4.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/angular/angular-cli.git"

package/src/builders/dev-server/index.d.ts

@@ -8,7 +8,7 @@
 import { DevServerBuilderOutput } from '@angular/build';
 import { execute } from './builder';
 import { Schema as DevServerBuilderOptions } from './schema';
-export { DevServerBuilderOptions, DevServerBuilderOutput, execute as executeDevServerBuilder };
+export { type DevServerBuilderOptions, type DevServerBuilderOutput, execute as executeDevServerBuilder, };
 declare const _default: import("../../../../architect/src/internal").Builder<DevServerBuilderOptions & import("../../../../core/src").JsonObject>;
 export default _default;
 export { execute as executeDevServer };

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

@@ -75,6 +75,7 @@ function serveWebpackBrowser(options, builderName, context, transforms = {}) {
             rawBrowserOptions.outputHashing = schema_1.OutputHashing.None;
             logger.warn(`Warning: 'outputHashing' option is disabled when using the dev-server.`);
         }
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
         const browserOptions = (await context.validateOptions({
             ...rawBrowserOptions,
             watch: options.watch,

package/src/builders/karma/index.d.ts

@@ -22,6 +22,6 @@ export declare function execute(options: KarmaBuilderOptions, context: BuilderCo
     webpackConfiguration?: ExecutionTransformer<Configuration>;
     karmaOptions?: (options: KarmaConfigOptions) => KarmaConfigOptions;
 }): Observable<BuilderOutput>;
-export { KarmaBuilderOptions };
+export type { KarmaBuilderOptions };
 declare const _default: import("../../../../architect/src/internal").Builder<Record<string, string> & KarmaBuilderOptions & import("@angular-devkit/core").JsonObject>;
 export default _default;

package/src/builders/ng-packagr/index.d.ts

@@ -12,6 +12,6 @@ import { Schema as NgPackagrBuilderOptions } from './schema';
  * @experimental Direct usage of this function is considered experimental.
  */
 export declare function execute(options: NgPackagrBuilderOptions, context: BuilderContext): Observable<BuilderOutput>;
-export { NgPackagrBuilderOptions };
+export type { NgPackagrBuilderOptions };
 declare const _default: import("../../../../architect/src/internal").Builder<Record<string, string> & NgPackagrBuilderOptions & import("../../../../core/src").JsonObject>;
 export default _default;

package/src/builders/protractor/index.d.ts

@@ -8,7 +8,7 @@
 import { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
 import { json } from '@angular-devkit/core';
 import { Schema as ProtractorBuilderOptions } from './schema';
-export { ProtractorBuilderOptions };
+export type { ProtractorBuilderOptions };
 /**
  * @experimental Direct usage of this function is considered experimental.
  */

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

@@ -21,7 +21,7 @@ export type ServerBuilderOutput = BuilderOutput & {
         path: string;
     }[];
 };
-export { ServerBuilderOptions };
+export type { ServerBuilderOptions };
 /**
  * @experimental Direct usage of this function is considered experimental.
  */

package/src/index.d.ts

@@ -6,13 +6,14 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 export * from './transforms';
-export { AssetPattern, AssetPatternClass as AssetPatternObject, Budget, CrossOrigin, FileReplacement, OptimizationClass as OptimizationObject, OptimizationUnion, OutputHashing, Schema as BrowserBuilderOptions, SourceMapClass as SourceMapObject, SourceMapUnion, StylePreprocessorOptions, Type, } from './builders/browser/schema';
-export { buildWebpackBrowser as executeBrowserBuilder, BrowserBuilderOutput, } from './builders/browser';
-export { buildApplication, ApplicationBuilderOptions } from '@angular/build';
-export { executeDevServerBuilder, DevServerBuilderOptions, DevServerBuilderOutput, } from './builders/dev-server';
-export { execute as executeExtractI18nBuilder, ExtractI18nBuilderOptions, } from './builders/extract-i18n';
-export { execute as executeKarmaBuilder, KarmaBuilderOptions, KarmaConfigOptions, } from './builders/karma';
-export { execute as executeProtractorBuilder, ProtractorBuilderOptions, } from './builders/protractor';
-export { execute as executeServerBuilder, ServerBuilderOptions, ServerBuilderOutput, } from './builders/server';
-export { execute as executeSSRDevServerBuilder, SSRDevServerBuilderOptions, SSRDevServerBuilderOutput, } from './builders/ssr-dev-server';
-export { execute as executeNgPackagrBuilder, NgPackagrBuilderOptions } from './builders/ng-packagr';
+export { CrossOrigin, OutputHashing, Type } from './builders/browser/schema';
+export type { AssetPattern, AssetPatternClass as AssetPatternObject, Budget, FileReplacement, OptimizationClass as OptimizationObject, OptimizationUnion, Schema as BrowserBuilderOptions, SourceMapClass as SourceMapObject, SourceMapUnion, StylePreprocessorOptions, } from './builders/browser/schema';
+export { buildWebpackBrowser as executeBrowserBuilder, type BrowserBuilderOutput, } from './builders/browser';
+export { buildApplication, type ApplicationBuilderOptions } from '@angular/build';
+export { executeDevServerBuilder, type DevServerBuilderOptions, type DevServerBuilderOutput, } from './builders/dev-server';
+export { execute as executeExtractI18nBuilder, type ExtractI18nBuilderOptions, } from './builders/extract-i18n';
+export { execute as executeKarmaBuilder, type KarmaBuilderOptions, type KarmaConfigOptions, } from './builders/karma';
+export { execute as executeProtractorBuilder, type ProtractorBuilderOptions, } from './builders/protractor';
+export { execute as executeServerBuilder, type ServerBuilderOptions, type ServerBuilderOutput, } from './builders/server';
+export { execute as executeSSRDevServerBuilder, type SSRDevServerBuilderOptions, type SSRDevServerBuilderOutput, } from './builders/ssr-dev-server';
+export { execute as executeNgPackagrBuilder, type NgPackagrBuilderOptions, } from './builders/ng-packagr';

package/src/tools/babel/plugins/add-code-coverage.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @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.dev/license
+ */
+import { PluginObj } from '@babel/core';
+/**
+ * A babel plugin factory function for adding istanbul instrumentation.
+ *
+ * @returns A babel plugin object instance.
+ */
+export default function (): PluginObj;

package/src/tools/babel/plugins/add-code-coverage.js

@@ -0,0 +1,44 @@
+"use strict";
+/**
+ * @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.dev/license
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const core_1 = require("@babel/core");
+const istanbul_lib_instrument_1 = require("istanbul-lib-instrument");
+const node_assert_1 = __importDefault(require("node:assert"));
+/**
+ * A babel plugin factory function for adding istanbul instrumentation.
+ *
+ * @returns A babel plugin object instance.
+ */
+function default_1() {
+    const visitors = new WeakMap();
+    return {
+        visitor: {
+            Program: {
+                enter(path, state) {
+                    const visitor = (0, istanbul_lib_instrument_1.programVisitor)(core_1.types, state.filename, {
+                        // Babel returns a Converter object from the `convert-source-map` package
+                        inputSourceMap: state.file.inputMap?.toObject(),
+                    });
+                    visitors.set(path, visitor);
+                    visitor.enter(path);
+                },
+                exit(path) {
+                    const visitor = visitors.get(path);
+                    (0, node_assert_1.default)(visitor, 'Instrumentation visitor should always be present for program path.');
+                    visitor.exit(path);
+                    visitors.delete(path);
+                },
+            },
+        },
+    };
+}

package/src/tools/babel/plugins/types.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @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.dev/license
+ */
+
+declare module 'istanbul-lib-instrument' {
+  export interface Visitor {
+    enter(path: import('@babel/core').NodePath<types.Program>): void;
+    exit(path: import('@babel/core').NodePath<types.Program>): void;
+  }
+
+  export function programVisitor(
+    types: typeof import('@babel/core').types,
+    filePath?: string,
+    options?: { inputSourceMap?: object | null },
+  ): Visitor;
+}

package/src/tools/babel/presets/application.js

@@ -158,13 +158,7 @@ function default_1(api, options) {
         ]);
     }
     if (options.instrumentCode) {
-        plugins.push([
-            require('babel-plugin-istanbul').default,
-            {
-                inputSourceMap: options.instrumentCode.inputSourceMap ?? false,
-                cwd: options.instrumentCode.includedBasePath,
-            },
-        ]);
+        plugins.push(require('../plugins/add-code-coverage').default);
     }
     if (needRuntimeTransform) {
         // Babel equivalent to TypeScript's `importHelpers` option

package/src/tools/webpack/plugins/index.d.ts

@@ -6,11 +6,11 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 export { AnyComponentStyleBudgetChecker } from './any-component-style-budget-checker';
-export { ScriptsWebpackPlugin, ScriptsWebpackPluginOptions } from './scripts-webpack-plugin';
+export { ScriptsWebpackPlugin, type ScriptsWebpackPluginOptions } from './scripts-webpack-plugin';
 export { SuppressExtractedTextChunksWebpackPlugin } from './suppress-entry-chunks-webpack-plugin';
-export { RemoveHashPlugin, RemoveHashPluginOptions } from './remove-hash-plugin';
+export { RemoveHashPlugin, type RemoveHashPluginOptions } from './remove-hash-plugin';
 export { DedupeModuleResolvePlugin } from './dedupe-module-resolve-plugin';
 export { CommonJsUsageWarnPlugin } from './common-js-usage-warn-plugin';
 export { JsonStatsPlugin } from './json-stats-plugin';
 export { JavaScriptOptimizerPlugin } from './javascript-optimizer-plugin';
-export { default as PostcssCliResources, PostcssCliResourcesOptions, } from './postcss-cli-resources';
+export { default as PostcssCliResources, type PostcssCliResourcesOptions, } from './postcss-cli-resources';

package/src/tools/webpack/plugins/javascript-optimizer-worker.d.ts

@@ -5,6 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
+import { SourceMapInput } from '@ampproject/remapping';
 /**
  * The options to use when optimizing.
  */
@@ -70,7 +71,7 @@ interface OptimizeRequest {
          * The source map of the JavaScript asset, if available.
          * This map is merged with all intermediate source maps during optimization.
          */
-        map: object;
+        map: SourceMapInput;
     };
 }
 /**

package/src/utils/environment-options.js

@@ -8,6 +8,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useJSONBuildLogs = exports.useTypeChecking = exports.shouldWatchRoot = exports.debugPerformance = exports.useParallelTs = exports.maxWorkers = exports.allowMinify = exports.shouldBeautify = exports.allowMangle = void 0;
+const node_os_1 = require("node:os");
 function isDisabled(variable) {
     return variable === '0' || variable.toLowerCase() === 'false';
 }
@@ -66,7 +67,9 @@ exports.allowMinify = debugOptimize.minify;
  *
  */
 const maxWorkersVariable = process.env['NG_BUILD_MAX_WORKERS'];
-exports.maxWorkers = isPresent(maxWorkersVariable) ? +maxWorkersVariable : 4;
+exports.maxWorkers = isPresent(maxWorkersVariable)
+    ? +maxWorkersVariable
+    : Math.min(4, (0, node_os_1.availableParallelism)());
 const parallelTsVariable = process.env['NG_BUILD_PARALLEL_TS'];
 exports.useParallelTs = !isPresent(parallelTsVariable) || !isDisabled(parallelTsVariable);
 const debugPerfVariable = process.env['NG_BUILD_DEBUG_PERF'];

package/src/utils/normalize-cache.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeCacheOptions = normalizeCacheOptions;
 const node_path_1 = require("node:path");
 /** Version placeholder is replaced during the build process with actual package version */
-const VERSION = '18.1.0-next.2';
+const VERSION = '18.1.0-rc.0';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&

package/src/utils/process-bundle.js

@@ -145,7 +145,7 @@ async function inlineLocales(options) {
             }
         }
         const { diagnostics: localeDiagnostics, plugins } = await createI18nPlugins(locale, translations, isSourceLocale ? 'ignore' : options.missingTranslation || 'warning', true, localeDataContent);
-        const transformResult = await (0, core_1.transformFromAstSync)(ast, options.code, {
+        const transformResult = (0, core_1.transformFromAstSync)(ast, options.code, {
             filename: options.filename,
             // using false ensures that babel will NOT search and process sourcemap comments (large memory usage)
             // The types do not include the false option even though it is valid

package/src/utils/run-module-as-observable-fork.js

@@ -6,12 +6,15 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runModuleAsObservableFork = runModuleAsObservableFork;
 const child_process_1 = require("child_process");
 const path_1 = require("path");
 const rxjs_1 = require("rxjs");
-const treeKill = require('tree-kill');
+const tree_kill_1 = __importDefault(require("tree-kill"));
 function runModuleAsObservableFork(cwd, modulePath, exportName, 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 args) {
@@ -39,7 +42,7 @@ args) {
         // Cleanup.
         const killForkedProcess = () => {
             if (forkedProcess && forkedProcess.pid) {
-                treeKill(forkedProcess.pid, 'SIGTERM');
+                (0, tree_kill_1.default)(forkedProcess.pid, 'SIGTERM');
             }
         };
         // Handle child process exit.