@angular/build 20.0.0-next.4 → 20.0.0-next.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "20.0.0-next.4",
+  "version": "20.0.0-next.6",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,51 +23,56 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.2000.0-next.4",
+    "@angular-devkit/architect": "0.2000.0-next.6",
     "@babel/core": "7.26.10",
     "@babel/helper-annotate-as-pure": "7.25.9",
     "@babel/helper-split-export-declaration": "7.24.7",
-    "@inquirer/confirm": "5.1.8",
+    "@inquirer/confirm": "5.1.9",
     "@vitejs/plugin-basic-ssl": "2.0.0",
-    "beasties": "0.2.0",
+    "beasties": "0.3.2",
     "browserslist": "^4.23.0",
     "esbuild": "0.25.2",
     "https-proxy-agent": "7.0.6",
     "istanbul-lib-instrument": "6.0.3",
     "jsonc-parser": "3.3.1",
-    "listr2": "8.2.5",
+    "listr2": "8.3.2",
     "magic-string": "0.30.17",
     "mrmime": "2.0.1",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
     "piscina": "4.9.2",
-    "rollup": "4.39.0",
-    "sass": "1.86.1",
+    "rollup": "4.40.0",
+    "sass": "1.86.3",
     "semver": "7.7.1",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.12",
-    "vite": "6.2.4",
+    "vite": "6.2.6",
     "watchpack": "2.4.2"
   },
   "optionalDependencies": {
     "lmdb": "3.2.6"
   },
   "peerDependencies": {
+    "@angular/core": "^20.0.0 || ^20.0.0-next.0",
     "@angular/compiler": "^20.0.0 || ^20.0.0-next.0",
     "@angular/compiler-cli": "^20.0.0 || ^20.0.0-next.0",
     "@angular/localize": "^20.0.0 || ^20.0.0-next.0",
     "@angular/platform-browser": "^20.0.0 || ^20.0.0-next.0",
     "@angular/platform-server": "^20.0.0 || ^20.0.0-next.0",
     "@angular/service-worker": "^20.0.0 || ^20.0.0-next.0",
-    "@angular/ssr": "^20.0.0-next.4",
+    "@angular/ssr": "^20.0.0-next.6",
     "karma": "^6.4.0",
     "less": "^4.2.0",
     "ng-packagr": "^20.0.0 || ^20.0.0-next.0",
     "postcss": "^8.4.0",
     "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+    "tslib": "^2.3.0",
     "typescript": ">=5.8 <5.9"
   },
   "peerDependenciesMeta": {
+    "@angular/core": {
+      "optional": true
+    },
     "@angular/localize": {
       "optional": true
     },

package/src/builders/application/options.js

@@ -476,7 +476,11 @@ function normalizeExternals(value) {
     if (!value) {
         return undefined;
     }
-    return [...new Set(value.map((d) => (d.endsWith('/*') ? d.slice(0, -2) : d)))];
+    return [
+        ...new Set(value.map((d) => 
+        // remove "/*" wildcard in the end if provided string is not path-like
+        d.endsWith('/*') && !/^\.{0,2}\//.test(d) ? d.slice(0, -2) : d)),
+    ];
 }
 async function findFrameworkVersion(projectRoot) {
     // Create a custom require function for ESM compliance.

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

@@ -247,8 +247,9 @@ async function* serveWithVite(serverOptions, builderName, builderAction, context
             externalMetadata.explicitServer.length = 0;
             externalMetadata.implicitServer.length = 0;
             externalMetadata.implicitBrowser.length = 0;
-            externalMetadata.explicitBrowser.push(...explicit);
-            externalMetadata.explicitServer.push(...explicit, ...node_module_1.builtinModules);
+            const externalDeps = browserOptions.externalDependencies ?? [];
+            externalMetadata.explicitBrowser.push(...explicit, ...externalDeps);
+            externalMetadata.explicitServer.push(...explicit, ...externalDeps, ...node_module_1.builtinModules);
             externalMetadata.implicitServer.push(...implicitServerFiltered);
             externalMetadata.implicitBrowser.push(...implicitBrowserFiltered);
             // The below needs to be sorted as Vite uses these options are part of the hashing invalidation algorithm.
@@ -307,7 +308,10 @@ async function* serveWithVite(serverOptions, builderName, builderAction, context
                 });
             }
             // Setup server and start listening
-            const serverConfiguration = await setupServer(serverOptions, generatedFiles, assetFiles, browserOptions.preserveSymlinks, externalMetadata, ssrMode, prebundleTransformer, target, (0, internal_1.isZonelessApp)(polyfills), componentStyles, templateUpdates, browserOptions.loader, browserOptions.define, extensions?.middleware, transformers?.indexHtml, thirdPartySourcemaps);
+            const serverConfiguration = await setupServer(serverOptions, generatedFiles, assetFiles, browserOptions.preserveSymlinks, externalMetadata, ssrMode, prebundleTransformer, target, (0, internal_1.isZonelessApp)(polyfills), componentStyles, templateUpdates, browserOptions.loader, {
+                ...browserOptions.define,
+                'ngHmrMode': browserOptions.templateUpdates ? 'true' : 'false',
+            }, extensions?.middleware, transformers?.indexHtml, thirdPartySourcemaps);
             server = await createServer(serverConfiguration);
             await server.listen();
             // Setup builder context logging for browser clients

package/src/builders/karma/application_builder.js

@@ -323,6 +323,7 @@ async function initializeApplication(options, context, karmaOptions, transforms
         entryPoints,
         tsConfig: options.tsConfig,
         outputPath,
+        preserveSymlinks: options.preserveSymlinks,
         aot: options.aot,
         index: false,
         outputHashing: schema_1.OutputHashing.None,

package/src/builders/ng-packagr/builder.js

@@ -57,7 +57,7 @@ const purge_cache_1 = require("../../utils/purge-cache");
 async function* execute(options, context) {
     // Purge old build disk cache.
     await (0, purge_cache_1.purgeStaleBuildCache)(context);
-    const root = context.workspaceRoot;
+    const workspaceRoot = context.workspaceRoot;
     let packager;
     try {
         packager = (await Promise.resolve().then(() => __importStar(require('ng-packagr')))).ngPackagr();
@@ -72,15 +72,18 @@ async function* execute(options, context) {
         }
         throw error;
     }
-    packager.forProject((0, node_path_1.resolve)(root, options.project));
-    if (options.tsConfig) {
-        packager.withTsConfig((0, node_path_1.resolve)(root, options.tsConfig));
-    }
     const projectName = context.target?.project;
     if (!projectName) {
         throw new Error('The builder requires a target.');
     }
     const metadata = await context.getProjectMetadata(projectName);
+    const ngPackagrConfig = options.project
+        ? (0, node_path_1.join)(workspaceRoot, options.project)
+        : (0, node_path_1.join)(workspaceRoot, metadata.root ?? '', 'ng-package.json');
+    packager.forProject(ngPackagrConfig);
+    if (options.tsConfig) {
+        packager.withTsConfig((0, node_path_1.resolve)(workspaceRoot, options.tsConfig));
+    }
     const { enabled: cacheEnabled, path: cacheDirectory } = (0, normalize_cache_1.normalizeCacheOptions)(metadata, context.workspaceRoot);
     const ngPackagrOptions = {
         cacheEnabled,

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

@@ -9,7 +9,7 @@ export type Schema = {
     /**
      * The file path for the ng-packagr configuration file, relative to the current workspace.
      */
-    project: string;
+    project?: string;
     /**
      * The full path for the TypeScript configuration file, relative to the current workspace.
      */

package/src/builders/ng-packagr/schema.json

@@ -22,6 +22,5 @@
       "description": "Enable and define the file watching poll time period in milliseconds."
     }
   },
-  "additionalProperties": false,
-  "required": ["project"]
+  "additionalProperties": false
 }

package/src/tools/esbuild/angular/compiler-plugin.d.ts

@@ -14,6 +14,7 @@ export interface CompilerPluginOptions {
     sourcemap: boolean | 'external';
     tsconfig: string;
     jit?: boolean;
+    includeTestMetadata?: boolean;
     advancedOptimizations?: boolean;
     thirdPartySourcemaps?: boolean;
     fileReplacements?: Record<string, string>;

package/src/tools/esbuild/angular/compiler-plugin.js

@@ -233,7 +233,7 @@ function createCompilerPlugin(pluginOptions, compilationOrFactory, stylesheetBun
                 let referencedFiles;
                 let externalStylesheets;
                 try {
-                    const initializationResult = await compilation.initialize(pluginOptions.tsconfig, hostOptions, createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserveSymlinks, build.initialOptions.conditions, build.initialOptions.absWorkingDir));
+                    const initializationResult = await compilation.initialize(pluginOptions.tsconfig, hostOptions, createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserveSymlinks, build.initialOptions.conditions));
                     shouldTsIgnoreJs = !initializationResult.compilerOptions.allowJs;
                     // Isolated modules option ensures safe non-TypeScript transpilation.
                     // Typescript printing support for sourcemaps is not yet integrated.
@@ -474,7 +474,7 @@ async function bundleExternalStylesheet(stylesheetBundler, stylesheetFile, exter
         });
     }
 }
-function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserveSymlinks, customConditions, absWorkingDir) {
+function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserveSymlinks, customConditions) {
     return (compilerOptions) => {
         // target of 9 is ES2022 (using the number avoids an expensive import of typescript just for an enum)
         if (compilerOptions.target === undefined || compilerOptions.target < 9 /** ES2022 */) {
@@ -536,12 +536,14 @@ function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserve
         }
         // Synchronize custom resolve conditions.
         // Set if using the supported bundler resolution mode (bundler is the default in new projects)
-        if (compilerOptions.moduleResolution === 100 /* ModuleResolutionKind.Bundler */) {
+        if (compilerOptions.moduleResolution === 100 /* ModuleResolutionKind.Bundler */ ||
+            compilerOptions.module === 200 /** ModuleKind.Preserve */) {
             compilerOptions.customConditions = customConditions;
         }
         return {
             ...compilerOptions,
             noEmitOnError: false,
+            composite: false,
             inlineSources: !!pluginOptions.sourcemap,
             inlineSourceMap: !!pluginOptions.sourcemap,
             sourceMap: undefined,
@@ -550,6 +552,7 @@ function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserve
             preserveSymlinks,
             externalRuntimeStyles: pluginOptions.externalRuntimeStyles,
             _enableHmr: !!pluginOptions.templateUpdates,
+            supportTestBed: !!pluginOptions.includeTestMetadata,
         };
     };
 }

package/src/tools/esbuild/angular/component-stylesheets.js

@@ -58,6 +58,10 @@ class ComponentStylesheetBundler {
                 else {
                     buildOptions.entryPoints = [entry];
                 }
+                // Angular encapsulation does not support nesting
+                // See: https://github.com/angular/angular/issues/58996
+                buildOptions.supported ??= {};
+                buildOptions.supported['nesting'] = false;
                 return buildOptions;
             });
         });
@@ -89,6 +93,10 @@ class ComponentStylesheetBundler {
                 else {
                     buildOptions.entryPoints = [`${namespace};${entry}`];
                 }
+                // Angular encapsulation does not support nesting
+                // See: https://github.com/angular/angular/issues/58996
+                buildOptions.supported ??= {};
+                buildOptions.supported['nesting'] = false;
                 buildOptions.plugins.push({
                     name: 'angular-component-styles',
                     setup(build) {

package/src/tools/esbuild/compiler-plugin-options.js

@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCompilerPluginOptions = createCompilerPluginOptions;
 function createCompilerPluginOptions(options, sourceFileCache, loadResultCache, templateUpdates) {
-    const { sourcemapOptions, tsconfig, fileReplacements, advancedOptimizations, jit, externalRuntimeStyles, instrumentForCoverage, } = options;
+    const { sourcemapOptions, tsconfig, fileReplacements, advancedOptimizations, jit, externalRuntimeStyles, instrumentForCoverage, optimizationOptions, } = options;
     const incremental = !!options.watch;
     return {
         sourcemap: !!sourcemapOptions.scripts && (sourcemapOptions.hidden ? 'external' : true),
@@ -24,5 +24,6 @@ function createCompilerPluginOptions(options, sourceFileCache, loadResultCache,
         externalRuntimeStyles,
         instrumentForCoverage,
         templateUpdates,
+        includeTestMetadata: !optimizationOptions.scripts,
     };
 }

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 = '20.0.0-next.4';
+const VERSION = '20.0.0-next.6';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&