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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "20.0.0-next.0",
+  "version": "20.0.0-next.1",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,16 +23,16 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.2000.0-next.0",
-    "@babel/core": "7.26.9",
+    "@angular-devkit/architect": "0.2000.0-next.1",
+    "@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.6",
+    "@inquirer/confirm": "5.1.7",
     "@vitejs/plugin-basic-ssl": "2.0.0",
     "beasties": "0.2.0",
     "browserslist": "^4.23.0",
-    "esbuild": "0.25.0",
+    "esbuild": "0.25.1",
     "https-proxy-agent": "7.0.6",
     "istanbul-lib-instrument": "6.0.3",
     "listr2": "8.2.5",
@@ -41,12 +41,12 @@
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
     "piscina": "4.8.0",
-    "rollup": "4.34.9",
+    "rollup": "4.35.0",
     "sass": "1.85.1",
     "semver": "7.7.1",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.12",
-    "vite": "6.2.0",
+    "vite": "6.2.1",
     "watchpack": "2.4.2"
   },
   "optionalDependencies": {
@@ -58,13 +58,13 @@
     "@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.0",
+    "@angular/ssr": "^20.0.0-next.1",
     "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",
-    "typescript": ">=5.5 <5.9"
+    "typescript": ">=5.8 <5.9"
   },
   "peerDependenciesMeta": {
     "@angular/localize": {
@@ -99,6 +99,7 @@
     "type": "git",
     "url": "https://github.com/angular/angular-cli.git"
   },
+  "packageManager": "pnpm@9.15.6",
   "engines": {
     "node": "^20.11.1 || >=22.0.0",
     "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",

package/src/builders/application/execute-build.js

@@ -136,15 +136,43 @@ async function executeBuild(options, context, rebuildState) {
     }
     // Analyze external imports if external options are enabled
     if (options.externalPackages || bundlingResult.externalConfiguration) {
-        const { externalConfiguration, externalImports: { browser, server }, } = bundlingResult;
-        const implicitBrowser = browser ? [...browser] : [];
-        const implicitServer = server ? [...server] : [];
-        // TODO: Implement wildcard externalConfiguration filtering
-        executionResult.setExternalMetadata(externalConfiguration
-            ? implicitBrowser.filter((value) => !externalConfiguration.includes(value))
-            : implicitBrowser, externalConfiguration
-            ? implicitServer.filter((value) => !externalConfiguration.includes(value))
-            : implicitServer, externalConfiguration);
+        const { externalConfiguration = [], externalImports: { browser = [], server = [] }, } = bundlingResult;
+        // Similar to esbuild, --external:@foo/bar automatically implies --external:@foo/bar/*,
+        // which matches import paths like @foo/bar/baz.
+        // This means all paths within the @foo/bar package are also marked as external.
+        const exclusionsPrefixes = externalConfiguration.map((exclusion) => exclusion + '/');
+        const exclusions = new Set(externalConfiguration);
+        const explicitExternal = new Set();
+        const isExplicitExternal = (dep) => {
+            if (exclusions.has(dep)) {
+                return true;
+            }
+            for (const prefix of exclusionsPrefixes) {
+                if (dep.startsWith(prefix)) {
+                    return true;
+                }
+            }
+            return false;
+        };
+        const implicitBrowser = [];
+        for (const dep of browser) {
+            if (isExplicitExternal(dep)) {
+                explicitExternal.add(dep);
+            }
+            else {
+                implicitBrowser.push(dep);
+            }
+        }
+        const implicitServer = [];
+        for (const dep of server) {
+            if (isExplicitExternal(dep)) {
+                explicitExternal.add(dep);
+            }
+            else {
+                implicitServer.push(dep);
+            }
+        }
+        executionResult.setExternalMetadata(implicitBrowser, implicitServer, [...explicitExternal]);
     }
     const { metafile, initialFiles, outputFiles } = bundlingResult;
     executionResult.outputFiles.push(...outputFiles);

package/src/builders/application/options.d.ts

@@ -108,6 +108,9 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
     cacheOptions: import("../../utils/normalize-cache").NormalizedCachedOptions;
     crossOrigin: import("./schema").CrossOrigin | undefined;
     externalDependencies: string[] | undefined;
+    externalPackages: boolean | {
+        exclude: string[] | undefined;
+    } | undefined;
     extractLicenses: boolean | undefined;
     inlineStyleLanguage: string;
     jit: boolean;
@@ -115,9 +118,6 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
     polyfills: string[] | undefined;
     poll: number | undefined;
     progress: boolean;
-    externalPackages: boolean | {
-        exclude: string[];
-    } | undefined;
     preserveSymlinks: boolean;
     stylePreprocessorOptions: import("./schema").StylePreprocessorOptions | undefined;
     subresourceIntegrity: boolean | undefined;

package/src/builders/application/options.js

@@ -253,7 +253,13 @@ async function normalizeOptions(context, projectName, options, extensions) {
         baseHref,
         cacheOptions,
         crossOrigin,
-        externalDependencies,
+        externalDependencies: normalizeExternals(externalDependencies),
+        externalPackages: typeof externalPackages === 'object'
+            ? {
+                ...externalPackages,
+                exclude: normalizeExternals(externalPackages.exclude),
+            }
+            : externalPackages,
         extractLicenses,
         inlineStyleLanguage,
         jit: !aot,
@@ -261,7 +267,6 @@ async function normalizeOptions(context, projectName, options, extensions) {
         polyfills: polyfills === undefined || Array.isArray(polyfills) ? polyfills : [polyfills],
         poll,
         progress,
-        externalPackages,
         preserveSymlinks,
         stylePreprocessorOptions,
         subresourceIntegrity,
@@ -447,3 +452,21 @@ function getLocaleBaseHref(baseHref = '', i18n, locale) {
     const baseHrefSuffix = localeData.baseHref ?? localeData.subPath + '/';
     return baseHrefSuffix !== '' ? (0, url_1.urlJoin)(baseHref, baseHrefSuffix) : undefined;
 }
+/**
+ * Normalizes an array of external dependency paths by ensuring that
+ * wildcard patterns (`/*`) are removed from package names.
+ *
+ * This avoids the need to handle this normalization repeatedly in our plugins,
+ * as esbuild already treats `--external:@foo/bar` as implicitly including
+ * `--external:@foo/bar/*`. By standardizing the input, we ensure consistency
+ * and reduce redundant checks across our plugins.
+ *
+ * @param value - An optional array of dependency paths to normalize.
+ * @returns A new array with wildcard patterns removed from package names, or `undefined` if input is `undefined`.
+ */
+function normalizeExternals(value) {
+    if (!value) {
+        return undefined;
+    }
+    return [...new Set(value.map((d) => (d.endsWith('/*') ? d.slice(0, -2) : d)))];
+}

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

@@ -62,7 +62,9 @@ export type Schema = {
     deployUrl?: string;
     /**
      * Exclude the listed external dependencies from being bundled into the bundle. Instead, the
-     * created bundle relies on these dependencies to be available during runtime.
+     * created bundle relies on these dependencies to be available during runtime. Note:
+     * `@foo/bar` marks all paths within the `@foo/bar` package as external, including sub-paths
+     * like `@foo/bar/baz`.
      */
     externalDependencies?: string[];
     /**

package/src/builders/application/schema.json

@@ -196,7 +196,7 @@
       "additionalProperties": false
     },
     "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.",
+      "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. Note: `@foo/bar` marks all paths within the `@foo/bar` package as external, including sub-paths like `@foo/bar/baz`.",
       "type": "array",
       "items": {
         "type": "string"

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

@@ -33,10 +33,6 @@ async function* execute(options, context, extensions) {
         return;
     }
     const { builderName, normalizedOptions } = await initialize(options, projectName, context);
-    // Warn if the initial options provided by the user enable prebundling but caching is disabled
-    if (options.prebundle && !normalizedOptions.cacheOptions.enabled) {
-        context.logger.warn(`Prebundling has been configured but will not be used because caching has been disabled.`);
-    }
     yield* (0, vite_server_1.serveWithVite)(normalizedOptions, builderName, (options, context, plugins) => (0, internal_1.buildApplicationInternal)(options, context, { codePlugins: plugins }), context, { indexHtml: extensions?.indexHtmlTransformer }, extensions);
 }
 async function initialize(initialOptions, projectName, context) {

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

@@ -104,7 +104,9 @@ export type PrebundleUnion = boolean | PrebundleClass;
 export type PrebundleClass = {
     /**
      * List of package imports that should not be prebundled by the development server. The
-     * packages will be bundled into the application code itself.
+     * packages will be bundled into the application code itself. Note: specifying `@foo/bar`
+     * marks all paths within the `@foo/bar` package as excluded, including sub-paths like
+     * `@foo/bar/baz`.
      */
     exclude: string[];
 };

package/src/builders/dev-server/schema.json

@@ -115,7 +115,7 @@
           "type": "object",
           "properties": {
             "exclude": {
-              "description": "List of package imports that should not be prebundled by the development server. The packages will be bundled into the application code itself.",
+              "description": "List of package imports that should not be prebundled by the development server. The packages will be bundled into the application code itself. Note: specifying `@foo/bar` marks all paths within the `@foo/bar` package as excluded, including sub-paths like `@foo/bar/baz`.",
               "type": "array",
               "items": { "type": "string" }
             }

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

@@ -671,6 +671,7 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 templateUpdates,
                 ssrMode,
                 resetComponentUpdates: () => templateUpdates.clear(),
+                projectRoot: serverOptions.projectRoot,
             }),
             (0, plugins_1.createRemoveIdPrefixPlugin)(externalMetadata.explicitBrowser),
             await (0, plugins_1.createAngularSsrTransformPlugin)(serverOptions.workspaceRoot),

package/src/builders/extract-i18n/builder.js

@@ -102,7 +102,7 @@ async function execute(options, context, extensions) {
     };
     const diagnostics = checkDuplicateMessages(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    checkFileSystem, extractionResult.messages, 'warning', 
+    checkFileSystem, extractionResult.messages, normalizedOptions.i18nOptions.i18nDuplicateTranslation || 'warning', 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     extractionResult.basePath);
     if (diagnostics.messages.length > 0) {

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

@@ -14,7 +14,6 @@ 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"));
-const node_url_1 = require("node:url");
 /**
  * A babel plugin factory function for adding istanbul instrumentation.
  *
@@ -26,15 +25,9 @@ function default_1() {
         visitor: {
             Program: {
                 enter(path, state) {
-                    const inputSourceMap = // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                     state.file.inputMap?.toObject();
-                    // istanbul does not support URL as sources.
-                    if (inputSourceMap?.sources) {
-                        inputSourceMap.sources = inputSourceMap.sources.map((s) => s.startsWith('file://') ? (0, node_url_1.fileURLToPath)(s) : s);
-                    }
                     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,
+                        inputSourceMap: state.file.inputMap?.toObject(),
                     });
                     visitors.set(path, visitor);
                     visitor.enter(path);

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

@@ -47,7 +47,6 @@ exports.createCompilerPlugin = createCompilerPlugin;
 const node_assert_1 = __importDefault(require("node:assert"));
 const node_crypto_1 = require("node:crypto");
 const path = __importStar(require("node:path"));
-const node_url_1 = require("node:url");
 const environment_options_1 = require("../../../utils/environment-options");
 const compilation_1 = require("../../angular/compilation");
 const javascript_transformer_1 = require("../javascript-transformer");
@@ -543,10 +542,6 @@ function createCompilerOptionsTransformer(setupWarnings, pluginOptions, preserve
         return {
             ...compilerOptions,
             noEmitOnError: false,
-            // Using the path as a URL is necessary here; otherwise, esbuild will not generate source maps correctly.
-            // https://github.com/evanw/esbuild/issues/4070
-            // https://github.com/evanw/esbuild/issues/4075
-            outDir: absWorkingDir ? (0, node_url_1.pathToFileURL)(absWorkingDir + '/').href : undefined,
             inlineSources: !!pluginOptions.sourcemap,
             inlineSourceMap: !!pluginOptions.sourcemap,
             sourceMap: undefined,

package/src/tools/esbuild/bundler-context.js

@@ -276,15 +276,13 @@ class BundlerContext {
         // Collect all external package names
         const externalImports = new Set();
         for (const { imports } of Object.values(result.metafile.outputs)) {
-            for (const importData of imports) {
-                if (!importData.external ||
-                    utils_1.SERVER_GENERATED_EXTERNALS.has(importData.path) ||
-                    (importData.kind !== 'import-statement' &&
-                        importData.kind !== 'dynamic-import' &&
-                        importData.kind !== 'require-call')) {
+            for (const { external, kind, path } of imports) {
+                if (!external ||
+                    utils_1.SERVER_GENERATED_EXTERNALS.has(path) ||
+                    (kind !== 'import-statement' && kind !== 'dynamic-import' && kind !== 'require-call')) {
                     continue;
                 }
-                externalImports.add(importData.path);
+                externalImports.add(path);
             }
         }
         (0, node_assert_1.default)(this.#esbuildOptions, 'esbuild options cannot be undefined.');

package/src/tools/esbuild/bundler-execution-result.d.ts

@@ -74,7 +74,7 @@ export declare class ExecutionResult {
      * @param implicitServer External dependencies for the server bundles due to the external packages option.
      * @param explicit External dependencies due to explicit project configuration.
      */
-    setExternalMetadata(implicitBrowser: string[], implicitServer: string[], explicit: string[] | undefined): void;
+    setExternalMetadata(implicitBrowser: string[], implicitServer: string[], explicit: string[]): void;
     get output(): {
         success: boolean;
     };

package/src/tools/esbuild/bundler-execution-result.js

@@ -86,7 +86,7 @@ class ExecutionResult {
      * @param explicit External dependencies due to explicit project configuration.
      */
     setExternalMetadata(implicitBrowser, implicitServer, explicit) {
-        this.externalMetadata = { implicitBrowser, implicitServer, explicit: explicit ?? [] };
+        this.externalMetadata = { implicitBrowser, implicitServer, explicit };
     }
     get output() {
         return {

package/src/tools/esbuild/external-packages-plugin.js

@@ -18,7 +18,14 @@ const EXTERNAL_PACKAGE_RESOLUTION = Symbol('EXTERNAL_PACKAGE_RESOLUTION');
  * @returns An esbuild plugin.
  */
 function createExternalPackagesPlugin(options) {
-    const exclusions = options?.exclude?.length ? new Set(options.exclude) : undefined;
+    const exclusions = new Set(options?.exclude);
+    // Similar to esbuild, --external:@foo/bar automatically implies --external:@foo/bar/*,
+    // which matches import paths like @foo/bar/baz.
+    // This means all paths within the @foo/bar package are also marked as external.
+    const exclusionsPrefixes = options?.exclude?.map((exclusion) => exclusion + '/') ?? [];
+    const seenExclusions = new Set();
+    const seenExternals = new Set();
+    const seenNonExclusions = new Set();
     return {
         name: 'angular-external-packages',
         setup(build) {
@@ -29,7 +36,7 @@ function createExternalPackagesPlugin(options) {
                     .filter(([, value]) => value !== 'file')
                     .map(([key]) => key);
             // Safe to use native packages external option if no loader options or exclusions present
-            if (!exclusions && !loaderOptionKeys?.length) {
+            if (!exclusions.size && !loaderOptionKeys?.length) {
                 build.initialOptions.packages = 'external';
                 return;
             }
@@ -39,9 +46,21 @@ function createExternalPackagesPlugin(options) {
                 if (args.pluginData?.[EXTERNAL_PACKAGE_RESOLUTION]) {
                     return null;
                 }
-                if (exclusions?.has(args.path)) {
+                if (seenExternals.has(args.path)) {
+                    return { external: true };
+                }
+                if (exclusions.has(args.path) || seenExclusions.has(args.path)) {
                     return null;
                 }
+                if (!seenNonExclusions.has(args.path)) {
+                    for (const exclusion of exclusionsPrefixes) {
+                        if (args.path.startsWith(exclusion)) {
+                            seenExclusions.add(args.path);
+                            return null;
+                        }
+                    }
+                    seenNonExclusions.add(args.path);
+                }
                 const { importer, kind, resolveDir, namespace, pluginData = {} } = args;
                 pluginData[EXTERNAL_PACKAGE_RESOLUTION] = true;
                 const result = await build.resolve(args.path, {
@@ -51,20 +70,23 @@ function createExternalPackagesPlugin(options) {
                     pluginData,
                     resolveDir,
                 });
-                // Return result if unable to resolve or explicitly marked external (externalDependencies option)
-                if (!result.path || result.external) {
+                // Return result if unable to resolve
+                if (!result.path) {
                     return result;
                 }
+                // Return if explicitly marked external (externalDependencies option)
+                if (result.external) {
+                    seenExternals.add(args.path);
+                    return { external: true };
+                }
                 // Allow customized loaders to run against configured paths regardless of location
                 if (loaderFileExtensions.has((0, node_path_1.extname)(result.path))) {
                     return result;
                 }
                 // Mark paths from a node modules directory as external
                 if (/[\\/]node_modules[\\/]/.test(result.path)) {
-                    return {
-                        path: args.path,
-                        external: true,
-                    };
+                    seenExternals.add(args.path);
+                    return { external: true };
                 }
                 // Otherwise return original result
                 return result;

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

@@ -42,8 +42,6 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LessStylesheetLanguage = void 0;
 const promises_1 = require("node:fs/promises");
-const node_path_1 = require("node:path");
-const node_url_1 = require("node:url");
 /**
  * The lazy-loaded instance of the less stylesheet preprocessor.
  * It is only imported and initialized if a less stylesheet is used.
@@ -117,7 +115,7 @@ async function compileString(data, filename, options, resolver, unsafeInlineJava
         },
     };
     try {
-        const { imports, map, css } = await less.render(data, {
+        const { imports, css } = await less.render(data, {
             filename,
             paths: options.includePaths,
             plugins: [resolverPlugin],
@@ -125,15 +123,13 @@ async function compileString(data, filename, options, resolver, unsafeInlineJava
             javascriptEnabled: unsafeInlineJavaScript,
             sourceMap: options.sourcemap
                 ? {
-                    sourceMapFileInline: false,
+                    sourceMapFileInline: true,
                     outputSourceFiles: true,
                 }
                 : undefined,
         });
         return {
-            // There can be cases where `less` will return an undefined `map` even
-            // though the types do not specify this as a possibility.
-            contents: map ? `${css}\n${sourceMapToUrlComment(map)}` : css,
+            contents: css,
             loader: 'css',
             watchFiles: [filename, ...imports],
         };
@@ -186,13 +182,3 @@ function convertExceptionLocation(exception) {
         lineText: exception.extract && exception.extract[Math.trunc(exception.extract.length / 2)],
     };
 }
-function sourceMapToUrlComment(sourceMap) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const map = JSON.parse(sourceMap);
-    // Using file URLs instead of paths ensures that esbuild correctly resolves the source map.
-    // https://github.com/evanw/esbuild/issues/4070
-    // https://github.com/evanw/esbuild/issues/4075
-    map.sources = map.sources.map((source) => source && (0, node_path_1.isAbsolute)(source) ? (0, node_url_1.pathToFileURL)(source).href : source);
-    const urlSourceMap = Buffer.from(JSON.stringify(map), 'utf-8').toString('base64');
-    return `/*# sourceMappingURL=data:application/json;charset=utf-8;base64,${urlSourceMap} */`;
-}

package/src/tools/esbuild/stylesheets/stylesheet-plugin-factory.js

@@ -48,6 +48,7 @@ const node_assert_1 = __importDefault(require("node:assert"));
 const promises_1 = require("node:fs/promises");
 const node_path_1 = require("node:path");
 const tinyglobby_1 = require("tinyglobby");
+const error_1 = require("../../../utils/error");
 const load_result_cache_1 = require("../load-result-cache");
 /**
  * The lazy-loaded instance of the postcss stylesheet postprocessor.
@@ -313,6 +314,15 @@ async function compileString(data, filename, postcssProcessor, options) {
                 ],
             };
         }
-        throw error;
+        else {
+            (0, error_1.assertIsError)(error);
+            return {
+                errors: [
+                    {
+                        text: error.message,
+                    },
+                ],
+            };
+        }
     }
 }

package/src/tools/vite/middlewares/chrome-devtools-middleware.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @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 type { Connect } from 'vite';
+export declare function createChromeDevtoolsMiddleware(cacheDir: string, projectRoot: string): Connect.NextHandleFunction;

package/src/tools/vite/middlewares/chrome-devtools-middleware.js

@@ -0,0 +1,52 @@
+"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.createChromeDevtoolsMiddleware = createChromeDevtoolsMiddleware;
+const node_assert_1 = __importDefault(require("node:assert"));
+const node_crypto_1 = require("node:crypto");
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
+const CHROME_DEVTOOLS_ROUTE = '/.well-known/appspecific/com.chrome.devtools.json';
+function createChromeDevtoolsMiddleware(cacheDir, projectRoot) {
+    let devtoolsConfig;
+    const devtoolsConfigPath = (0, node_path_1.join)(cacheDir, 'com.chrome.devtools.json');
+    return function chromeDevtoolsMiddleware(req, res, next) {
+        if (req.url !== CHROME_DEVTOOLS_ROUTE) {
+            next();
+            return;
+        }
+        if (!devtoolsConfig) {
+            // We store the UUID and re-use it to ensure Chrome does not repeatedly ask for permissions when restarting the dev server.
+            try {
+                const devtoolsConfig = (0, node_fs_1.readFileSync)(devtoolsConfigPath, 'utf-8');
+                const devtoolsConfigJson = JSON.parse(devtoolsConfig);
+                node_assert_1.default.equal(projectRoot, devtoolsConfigJson?.workspace.root);
+            }
+            catch {
+                const devtoolsConfigJson = {
+                    workspace: {
+                        root: projectRoot,
+                        uuid: (0, node_crypto_1.randomUUID)(),
+                    },
+                };
+                devtoolsConfig = JSON.stringify(devtoolsConfigJson, undefined, 2);
+                try {
+                    (0, node_fs_1.mkdirSync)(cacheDir, { recursive: true });
+                    (0, node_fs_1.writeFileSync)(devtoolsConfigPath, devtoolsConfig);
+                }
+                catch { }
+            }
+        }
+        res.setHeader('Content-Type', 'application/json');
+        res.end(devtoolsConfig);
+    };
+}

package/src/tools/vite/middlewares/index.d.ts

@@ -11,3 +11,4 @@ export { createAngularIndexHtmlMiddleware } from './index-html-middleware';
 export { createAngularSsrExternalMiddleware, createAngularSsrInternalMiddleware, } from './ssr-middleware';
 export { createAngularHeadersMiddleware } from './headers-middleware';
 export { createAngularComponentMiddleware } from './component-middleware';
+export { createChromeDevtoolsMiddleware } from './chrome-devtools-middleware';

package/src/tools/vite/middlewares/index.js

@@ -7,7 +7,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAngularComponentMiddleware = exports.createAngularHeadersMiddleware = exports.createAngularSsrInternalMiddleware = exports.createAngularSsrExternalMiddleware = exports.createAngularIndexHtmlMiddleware = exports.angularHtmlFallbackMiddleware = exports.createAngularAssetsMiddleware = void 0;
+exports.createChromeDevtoolsMiddleware = exports.createAngularComponentMiddleware = exports.createAngularHeadersMiddleware = exports.createAngularSsrInternalMiddleware = exports.createAngularSsrExternalMiddleware = exports.createAngularIndexHtmlMiddleware = exports.angularHtmlFallbackMiddleware = exports.createAngularAssetsMiddleware = void 0;
 var assets_middleware_1 = require("./assets-middleware");
 Object.defineProperty(exports, "createAngularAssetsMiddleware", { enumerable: true, get: function () { return assets_middleware_1.createAngularAssetsMiddleware; } });
 var html_fallback_middleware_1 = require("./html-fallback-middleware");
@@ -21,3 +21,5 @@ var headers_middleware_1 = require("./headers-middleware");
 Object.defineProperty(exports, "createAngularHeadersMiddleware", { enumerable: true, get: function () { return headers_middleware_1.createAngularHeadersMiddleware; } });
 var component_middleware_1 = require("./component-middleware");
 Object.defineProperty(exports, "createAngularComponentMiddleware", { enumerable: true, get: function () { return component_middleware_1.createAngularComponentMiddleware; } });
+var chrome_devtools_middleware_1 = require("./chrome-devtools-middleware");
+Object.defineProperty(exports, "createChromeDevtoolsMiddleware", { enumerable: true, get: function () { return chrome_devtools_middleware_1.createChromeDevtoolsMiddleware; } });

package/src/tools/vite/plugins/id-prefix-plugin.js

@@ -23,7 +23,7 @@ function createRemoveIdPrefixPlugin(externals) {
             if (externals.length === 0) {
                 return;
             }
-            const escapedExternals = externals.map(escapeRegexSpecialChars);
+            const escapedExternals = externals.map((e) => escapeRegexSpecialChars(e) + '(?:/.+)?');
             const prefixedExternalRegex = new RegExp(`${resolvedConfig.base}${VITE_ID_PREFIX}(${escapedExternals.join('|')})`, 'g');
             // @ts-expect-error: Property 'push' does not exist on type 'readonly Plugin<any>[]'
             // Reasoning:

package/src/tools/vite/plugins/setup-middlewares-plugin.d.ts

@@ -39,6 +39,7 @@ interface AngularSetupMiddlewaresPluginOptions {
     templateUpdates: Map<string, string>;
     ssrMode: ServerSsrMode;
     resetComponentUpdates: () => void;
+    projectRoot: string;
 }
 export declare function createAngularSetupMiddlewaresPlugin(options: AngularSetupMiddlewaresPluginOptions): Plugin;
 export {};

package/src/tools/vite/plugins/setup-middlewares-plugin.js

@@ -51,6 +51,7 @@ function createAngularSetupMiddlewaresPlugin(options) {
             server.middlewares.use((0, middlewares_1.createAngularHeadersMiddleware)(server));
             server.middlewares.use((0, middlewares_1.createAngularComponentMiddleware)(server, templateUpdates));
             server.middlewares.use((0, middlewares_1.createAngularAssetsMiddleware)(server, assets, outputFiles, componentStyles, await createEncapsulateStyle()));
+            server.middlewares.use((0, middlewares_1.createChromeDevtoolsMiddleware)(server.config.cacheDir, options.projectRoot));
             extensionMiddleware?.forEach((middleware) => server.middlewares.use(middleware));
             // Returning a function, installs middleware after the main transform middleware but
             // before the built-in HTML middleware

package/src/utils/i18n-options.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 { DiagnosticHandlingStrategy } from '@angular/localize/tools';
 import type { TranslationLoader } from './load-translations';
 export interface LocaleDescription {
     files: {
@@ -24,6 +25,7 @@ export interface I18nOptions {
     flatOutput?: boolean;
     readonly shouldInline: boolean;
     hasDefinedSourceLocale?: boolean;
+    i18nDuplicateTranslation?: DiagnosticHandlingStrategy;
 }
 export declare function createI18nOptions(projectMetadata: {
     i18n?: unknown;

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