@angular-devkit/build-angular 19.0.0-next.9 → 19.0.0-rc.0

package/builders.json

@@ -43,9 +43,14 @@
       "description": "Run unit tests with Web Test Runner."
     },
     "protractor": {
+      "implementation": "./src/builders/protractor-error",
+      "schema": "./src/builders/protractor/schema.json",
+      "description": "Throw an error that Protractor is end-of-life and no longer supported."
+    },
+    "private-protractor": {
       "implementation": "./src/builders/protractor",
       "schema": "./src/builders/protractor/schema.json",
-      "description": "Run protractor over a dev server."
+      "description": "PRIVATE API - Do not use."
     },
     "server": {
       "implementation": "./src/builders/server",

package/package.json

@@ -1,39 +1,37 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "19.0.0-next.9",
+  "version": "19.0.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.1900.0-next.9",
-    "@angular-devkit/build-webpack": "0.1900.0-next.9",
-    "@angular-devkit/core": "19.0.0-next.9",
-    "@angular/build": "19.0.0-next.9",
-    "@babel/core": "7.25.2",
-    "@babel/generator": "7.25.6",
-    "@babel/helper-annotate-as-pure": "7.24.7",
+    "@angular-devkit/architect": "0.1900.0-rc.0",
+    "@angular-devkit/build-webpack": "0.1900.0-rc.0",
+    "@angular-devkit/core": "19.0.0-rc.0",
+    "@angular/build": "19.0.0-rc.0",
+    "@babel/core": "7.26.0",
+    "@babel/generator": "7.26.0",
+    "@babel/helper-annotate-as-pure": "7.25.9",
     "@babel/helper-split-export-declaration": "7.24.7",
-    "@babel/plugin-transform-async-generator-functions": "7.25.4",
-    "@babel/plugin-transform-async-to-generator": "7.24.7",
-    "@babel/plugin-transform-runtime": "7.25.4",
-    "@babel/preset-env": "7.25.4",
-    "@babel/runtime": "7.25.6",
-    "@discoveryjs/json-ext": "0.6.1",
-    "@ngtools/webpack": "19.0.0-next.9",
+    "@babel/plugin-transform-async-generator-functions": "7.25.9",
+    "@babel/plugin-transform-async-to-generator": "7.25.9",
+    "@babel/plugin-transform-runtime": "7.25.9",
+    "@babel/preset-env": "7.26.0",
+    "@babel/runtime": "7.26.0",
+    "@discoveryjs/json-ext": "0.6.3",
+    "@ngtools/webpack": "19.0.0-rc.0",
     "@vitejs/plugin-basic-ssl": "1.1.0",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.20",
     "babel-loader": "9.2.1",
     "browserslist": "^4.21.5",
     "copy-webpack-plugin": "12.0.2",
-    "critters": "0.0.24",
     "css-loader": "7.1.2",
     "esbuild-wasm": "0.24.0",
     "fast-glob": "3.3.2",
-    "http-proxy-middleware": "3.0.2",
-    "https-proxy-agent": "7.0.5",
+    "http-proxy-middleware": "3.0.3",
     "istanbul-lib-instrument": "6.0.3",
     "jsonc-parser": "3.3.1",
     "karma-source-map-support": "1.4.0",
@@ -41,28 +39,23 @@
     "less-loader": "12.2.0",
     "license-webpack-plugin": "4.0.2",
     "loader-utils": "3.3.1",
-    "magic-string": "0.30.11",
     "mini-css-extract-plugin": "2.9.1",
-    "mrmime": "2.0.0",
     "open": "10.1.0",
     "ora": "5.4.1",
-    "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
     "piscina": "4.7.0",
     "postcss": "8.4.47",
     "postcss-loader": "8.1.1",
     "resolve-url-loader": "5.0.0",
     "rxjs": "7.8.1",
-    "sass": "1.79.4",
+    "sass": "1.80.5",
     "sass-loader": "16.0.2",
     "semver": "7.6.3",
     "source-map-loader": "5.0.0",
     "source-map-support": "0.5.21",
-    "terser": "5.34.1",
+    "terser": "5.36.0",
     "tree-kill": "1.2.2",
-    "tslib": "2.7.0",
-    "vite": "5.4.8",
-    "watchpack": "2.4.2",
+    "tslib": "2.8.0",
     "webpack": "5.95.0",
     "webpack-dev-middleware": "7.4.2",
     "webpack-dev-server": "5.1.0",
@@ -77,7 +70,7 @@
     "@angular/localize": "^19.0.0-next.0",
     "@angular/platform-server": "^19.0.0-next.0",
     "@angular/service-worker": "^19.0.0-next.0",
-    "@angular/ssr": "^19.0.0-next.9",
+    "@angular/ssr": "^19.0.0-rc.0",
     "@web/test-runner": "^0.19.0",
     "browser-sync": "^3.0.2",
     "jest": "^29.5.0",

package/src/builders/extract-i18n/application-extraction.js

@@ -31,9 +31,11 @@ async function extractMessages(options, builderName, context, extractorConstruct
     buildOptions.budgets = undefined;
     buildOptions.index = false;
     buildOptions.serviceWorker = false;
+    buildOptions.server = undefined;
     buildOptions.ssr = false;
-    buildOptions.appShell = false;
-    buildOptions.prerender = false;
+    buildOptions.appShell = undefined;
+    buildOptions.prerender = undefined;
+    buildOptions.outputMode = undefined;
     const builderResult = await first((0, private_1.buildApplicationInternal)(buildOptions, context));
     let success = false;
     if (!builderResult || builderResult.kind === private_1.ResultKind.Failure) {

package/src/builders/karma/application_builder.js

@@ -97,7 +97,9 @@ function injectKarmaReporter(context, buildOptions, karmaConfig, subscriber) {
 }
 function execute(options, context, karmaOptions, transforms = {}) {
     return (0, rxjs_1.from)(initializeApplication(options, context, karmaOptions, transforms)).pipe((0, rxjs_1.switchMap)(([karma, karmaConfig, buildOptions]) => new rxjs_1.Observable((subscriber) => {
-        if (options.watch) {
+        // If `--watch` is explicitly enabled or if we are keeping the Karma
+        // process running, we should hook Karma into the build.
+        if (options.watch ?? !karmaConfig.singleRun) {
             injectKarmaReporter(context, buildOptions, karmaConfig, subscriber);
         }
         // Complete the observable once the Karma server returns.
@@ -136,11 +138,7 @@ function normalizePolyfills(polyfills) {
 async function collectEntrypoints(options, context, projectSourceRoot) {
     // Glob for files to test.
     const testFiles = await (0, find_tests_1.findTests)(options.include ?? [], options.exclude ?? [], context.workspaceRoot, projectSourceRoot);
-    const entryPoints = new Set([
-        ...testFiles,
-        '@angular-devkit/build-angular/src/builders/karma/init_test_bed.js',
-    ]);
-    return entryPoints;
+    return new Set(testFiles);
 }
 async function initializeApplication(options, context, karmaOptions, transforms = {}) {
     if (transforms.webpackConfiguration) {
@@ -153,6 +151,14 @@ async function initializeApplication(options, context, karmaOptions, transforms
         collectEntrypoints(options, context, projectSourceRoot),
         fs.rm(outputPath, { recursive: true, force: true }),
     ]);
+    let mainName = 'init_test_bed';
+    if (options.main) {
+        entryPoints.add(options.main);
+        mainName = path.basename(options.main, path.extname(options.main));
+    }
+    else {
+        entryPoints.add('@angular-devkit/build-angular/src/builders/karma/init_test_bed.js');
+    }
     const instrumentForCoverage = options.codeCoverage
         ? createInstrumentationFilter(projectSourceRoot, getInstrumentationExcludedPaths(context.workspaceRoot, options.codeCoverageExclude ?? []))
         : undefined;
@@ -188,8 +194,15 @@ async function initializeApplication(options, context, karmaOptions, transforms
     karmaOptions.files.push(
     // Serve polyfills first.
     { pattern: `${outputPath}/polyfills.js`, type: 'module' }, 
-    // Allow loading of chunk-* files but don't include them all on load.
-    { pattern: `${outputPath}/{chunk,worker}-*.js`, type: 'module', included: false });
+    // Serve global setup script.
+    { pattern: `${outputPath}/${mainName}.js`, type: 'module' }, 
+    // Serve all source maps.
+    { pattern: `${outputPath}/*.map`, included: 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`, type: 'module', included: false });
+    }
     karmaOptions.files.push(
     // Serve remaining JS on page load, these are the test entrypoints.
     { pattern: `${outputPath}/*.js`, type: 'module' });
@@ -221,6 +234,11 @@ async function initializeApplication(options, context, karmaOptions, transforms
     }
     return [karma, parsedKarmaConfig, buildOptions];
 }
+function hasChunkOrWorkerFiles(files) {
+    return Object.keys(files).some((filename) => {
+        return /(?:^|\/)(?:worker|chunk)[^/]+\.js$/.test(filename);
+    });
+}
 async function writeTestFiles(files, testDir) {
     const directoryExists = new Set();
     // Writes the test related output files to disk and ensures the containing directories are present

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

@@ -0,0 +1,10 @@
+/**
+ * @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 { Schema as ProtractorBuilderOptions } from '../protractor/schema';
+declare const _default: import("../../../../architect/src/internal").Builder<ProtractorBuilderOptions & import("../../../../core/src").JsonObject>;
+export default _default;

package/src/builders/protractor-error/index.js

@@ -0,0 +1,14 @@
+"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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const architect_1 = require("@angular-devkit/architect");
+exports.default = (0, architect_1.createBuilder)((_options, context) => {
+    context.logger.error('Protractor has reached end-of-life and is no longer supported. For additional information and alternatives, please see https://blog.angular.dev/protractor-deprecation-update-august-2023-2beac7402ce0.');
+    return { success: false };
+});

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

@@ -20,14 +20,6 @@ const load_esm_1 = require("../../../utils/load-esm");
  * Cached instance of the compiler-cli linker's needsLinking function.
  */
 let needsLinking;
-/**
- * List of browsers which are affected by a WebKit bug where class field
- * initializers might have incorrect variable scopes.
- *
- * See: https://github.com/angular/angular-cli/issues/24355#issuecomment-1333477033
- * See: https://github.com/WebKit/WebKit/commit/e8788a34b3d5f5b4edd7ff6450b80936bff396f2
- */
-let safariClassFieldScopeBugBrowsers;
 function createI18nDiagnostics(reporter) {
     const diagnostics = new (class {
         messages = [];
@@ -109,29 +101,12 @@ function default_1(api, options) {
     // However, this doesn't effect libraries and hence we use preset-env to downlevel ES features
     // based on the supported browsers in browserslist.
     if (options.supportedBrowsers) {
-        const includePlugins = [];
-        if (safariClassFieldScopeBugBrowsers === undefined) {
-            const browserslist = require('browserslist');
-            safariClassFieldScopeBugBrowsers = new Set(browserslist([
-                // Safari <15 is technically not supported via https://angular.dev/reference/versions#browser-support
-                // but we apply the workaround if forcibly selected.
-                'Safari <=15',
-                'iOS <=15',
-            ]));
-        }
-        // If a Safari browser affected by the class field scope bug is selected, we
-        // downlevel class properties by ensuring the class properties Babel plugin
-        // is always included- regardless of the preset-env targets.
-        if (options.supportedBrowsers.some((b) => safariClassFieldScopeBugBrowsers.has(b))) {
-            includePlugins.push('@babel/plugin-proposal-class-properties', '@babel/plugin-proposal-private-methods');
-        }
         presets.push([
             require('@babel/preset-env').default,
             {
                 bugfixes: true,
                 modules: false,
                 targets: options.supportedBrowsers,
-                include: includePlugins,
                 exclude: ['transform-typeof-symbol'],
             },
         ]);

package/src/tools/webpack/configs/common.js

@@ -231,7 +231,10 @@ async function getCommonConfig(wco) {
     const extraMinimizers = [];
     if (scriptsOptimization) {
         extraMinimizers.push(new plugins_1.JavaScriptOptimizerPlugin({
-            define: buildOptions.aot ? GLOBAL_DEFS_FOR_TERSER_WITH_AOT : GLOBAL_DEFS_FOR_TERSER,
+            define: {
+                ...(buildOptions.aot ? GLOBAL_DEFS_FOR_TERSER_WITH_AOT : GLOBAL_DEFS_FOR_TERSER),
+                'ngServerMode': isPlatformServer,
+            },
             sourcemap: scriptsSourceMap,
             supportedBrowsers: buildOptions.supportedBrowsers,
             keepIdentifierNames: !environment_options_1.allowMangle || isPlatformServer,

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 = '19.0.0-next.9';
+const VERSION = '19.0.0-rc.0';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&

package/src/utils/process-bundle.js

@@ -273,11 +273,6 @@ function unwrapTemplateLiteral(path, utils) {
     const [expressions] = utils.unwrapExpressionsFromTemplateLiteral(path.get('quasi'));
     return [messageParts, expressions];
 }
-function unwrapLocalizeCall(path, utils) {
-    const [messageParts] = utils.unwrapMessagePartsFromLocalizeCall(path);
-    const [expressions] = utils.unwrapSubstitutionsFromLocalizeCall(path);
-    return [messageParts, expressions];
-}
 async function loadLocaleData(path, optimize) {
     // The path is validated during option processing before the build starts
     const content = await fs.readFile(path, 'utf8');

package/src/utils/tailwind.js

@@ -22,7 +22,7 @@ async function findTailwindConfigurationFile(workspaceRoot, projectRoot) {
         files: new Set(entries),
     })));
     // A configuration file can exist in the project or workspace root
-    for await (const { root, files } of dirEntries) {
+    for (const { root, files } of await Promise.all(dirEntries)) {
         for (const potentialConfig of tailwindConfigFiles) {
             if (files.has(potentialConfig)) {
                 return (0, node_path_1.join)(root, potentialConfig);