@angular/build 20.0.0-next.1 → 20.0.0-next.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "20.0.0-next.1",
+  "version": "20.0.0-next.2",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,30 +23,31 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.2000.0-next.1",
+    "@angular-devkit/architect": "0.2000.0-next.2",
     "@babel/core": "7.26.10",
     "@babel/helper-annotate-as-pure": "7.25.9",
     "@babel/helper-split-export-declaration": "7.24.7",
     "@babel/plugin-syntax-import-attributes": "7.26.0",
-    "@inquirer/confirm": "5.1.7",
+    "@inquirer/confirm": "5.1.8",
     "@vitejs/plugin-basic-ssl": "2.0.0",
     "beasties": "0.2.0",
     "browserslist": "^4.23.0",
     "esbuild": "0.25.1",
     "https-proxy-agent": "7.0.6",
     "istanbul-lib-instrument": "6.0.3",
+    "jsonc-parser": "3.3.1",
     "listr2": "8.2.5",
     "magic-string": "0.30.17",
     "mrmime": "2.0.1",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
-    "piscina": "4.8.0",
-    "rollup": "4.35.0",
-    "sass": "1.85.1",
+    "piscina": "4.9.2",
+    "rollup": "4.36.0",
+    "sass": "1.86.0",
     "semver": "7.7.1",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.12",
-    "vite": "6.2.1",
+    "vite": "6.2.2",
     "watchpack": "2.4.2"
   },
   "optionalDependencies": {
@@ -58,7 +59,7 @@
     "@angular/localize": "^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.1",
+    "@angular/ssr": "^20.0.0-next.2",
     "karma": "^6.4.0",
     "less": "^4.2.0",
     "ng-packagr": "^20.0.0 || ^20.0.0-next.0",

package/src/builders/karma/application_builder.js

@@ -350,7 +350,8 @@ async function initializeApplication(options, context, karmaOptions, transforms
     // Write test files
     await writeTestFiles(buildOutput.files, buildOptions.outputPath);
     // We need to add this to the beginning *after* the testing framework has
-    // prepended its files.
+    // prepended its files. The output path is required for each since they are
+    // added later in the test process via a plugin.
     const polyfillsFile = {
         pattern: `${outputPath}/polyfills.js`,
         included: true,
@@ -365,28 +366,29 @@ async function initializeApplication(options, context, karmaOptions, transforms
         type: 'module',
         watched: false,
     };
+    karmaOptions.basePath = outputPath;
     karmaOptions.files ??= [];
     if (options.scripts?.length) {
         // This should be more granular to support named bundles.
         // However, it replicates the behavior of the Karma Webpack-based builder.
         karmaOptions.files.push({
-            pattern: `${outputPath}/scripts.js`,
+            pattern: `scripts.js`,
             watched: false,
             type: 'js',
         });
     }
     karmaOptions.files.push(
     // Serve global setup script.
-    { pattern: `${outputPath}/${mainName}.js`, type: 'module', watched: false }, 
+    { pattern: `${mainName}.js`, type: 'module', watched: false }, 
     // Serve all source maps.
-    { pattern: `${outputPath}/*.map`, included: false, watched: false }, 
+    { pattern: `*.map`, included: false, watched: false }, 
     // These are the test entrypoints.
-    { pattern: `${outputPath}/spec-*.js`, type: 'module', watched: false });
+    { pattern: `spec-*.js`, type: 'module', watched: false });
     if (hasChunkOrWorkerFiles(buildOutput.files)) {
         karmaOptions.files.push(
         // Allow loading of chunk-* files but don't include them all on load.
         {
-            pattern: `${outputPath}/{chunk,worker}-*.js`,
+            pattern: `{chunk,worker}-*.js`,
             type: 'module',
             included: false,
             watched: false,
@@ -394,7 +396,7 @@ async function initializeApplication(options, context, karmaOptions, transforms
     }
     if (options.styles?.length) {
         // Serve CSS outputs on page load, these are the global styles.
-        karmaOptions.files.push({ pattern: `${outputPath}/*.css`, type: 'css', watched: false });
+        karmaOptions.files.push({ pattern: `*.css`, type: 'css', watched: false });
     }
     const parsedKarmaConfig = await karma.config.parseConfig(options.karmaConfig && path.resolve(context.workspaceRoot, options.karmaConfig), transforms.karmaOptions ? transforms.karmaOptions(karmaOptions) : karmaOptions, { promiseConfig: true, throwErrors: true });
     // Remove the webpack plugin/framework:

package/src/tools/angular/angular-host.js

@@ -118,6 +118,9 @@ function createAngularCompilerHost(typescript, compilerOptions, hostOptions, pac
     };
     host.resourceNameToFileName = function (resourceName, containingFile) {
         const resolvedPath = node_path_1.default.join(node_path_1.default.dirname(containingFile), resourceName);
+        if (!this.fileExists(resolvedPath)) {
+            return null;
+        }
         // All resource names that have template file extensions are assumed to be templates
         // TODO: Update compiler to provide the resource type to avoid extension matching here.
         if (!hostOptions.externalStylesheets || hasTemplateExtension(resolvedPath)) {

package/src/tools/esbuild/application-code-bundle.js

@@ -430,6 +430,7 @@ function getEsBuildCommonOptions(options) {
             ...(optimizationOptions.scripts ? { 'ngDevMode': 'false' } : undefined),
             'ngJitMode': jit ? 'true' : 'false',
             'ngServerMode': 'false',
+            'ngHmrMode': options.templateUpdates ? 'true' : 'false',
         },
         loader: loaderExtensions,
         footer,

package/src/tools/esbuild/stylesheets/sass-language.js

@@ -71,7 +71,8 @@ exports.SassStylesheetLanguage = Object.freeze({
             if (options.containingUrl) {
                 resolveDir = (0, node_path_1.dirname)((0, node_url_1.fileURLToPath)(options.containingUrl));
             }
-            const result = await build.resolve(url, {
+            const path = url.startsWith('pkg:') ? url.slice(4) : url;
+            const result = await build.resolve(path, {
                 kind: 'import-rule',
                 resolveDir,
             });
@@ -81,8 +82,8 @@ exports.SassStylesheetLanguage = Object.freeze({
     },
 });
 function parsePackageName(url) {
-    const parts = url.split('/');
-    const hasScope = parts.length >= 2 && parts[0].startsWith('@');
+    const parts = (url.startsWith('pkg:') ? url.slice(4) : url).split('/');
+    const hasScope = parts.length >= 2 && parts[0][0] === '@';
     const [nameOrScope, nameOrFirstPath, ...pathPart] = parts;
     const packageName = hasScope ? `${nameOrScope}/${nameOrFirstPath}` : nameOrScope;
     return {

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