@angular-devkit/build-angular 17.0.0-rc.1 → 17.0.0-rc.2

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "17.0.0-rc.1",
+  "version": "17.0.0-rc.2",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.2.1",
-    "@angular-devkit/architect": "0.1700.0-rc.1",
-    "@angular-devkit/build-webpack": "0.1700.0-rc.1",
-    "@angular-devkit/core": "17.0.0-rc.1",
+    "@angular-devkit/architect": "0.1700.0-rc.2",
+    "@angular-devkit/build-webpack": "0.1700.0-rc.2",
+    "@angular-devkit/core": "17.0.0-rc.2",
     "@babel/core": "7.23.2",
     "@babel/generator": "7.23.0",
     "@babel/helper-annotate-as-pure": "7.22.5",
@@ -20,7 +20,7 @@
     "@babel/preset-env": "7.23.2",
     "@babel/runtime": "7.23.2",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "17.0.0-rc.1",
+    "@ngtools/webpack": "17.0.0-rc.2",
     "@vitejs/plugin-basic-ssl": "1.0.1",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.16",
@@ -36,7 +36,7 @@
     "fast-glob": "3.3.1",
     "https-proxy-agent": "7.0.2",
     "http-proxy-middleware": "2.0.6",
-    "inquirer": "8.2.6",
+    "inquirer": "9.2.11",
     "jsonc-parser": "3.2.0",
     "karma-source-map-support": "1.4.0",
     "less": "4.2.0",
@@ -55,7 +55,7 @@
     "postcss-loader": "7.3.3",
     "resolve-url-loader": "5.0.0",
     "rxjs": "7.8.1",
-    "sass": "1.69.4",
+    "sass": "1.69.5",
     "sass-loader": "13.3.2",
     "semver": "7.5.4",
     "source-map-loader": "4.0.1",

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

@@ -49,7 +49,7 @@ async function executeBuild(options, context, rebuildState) {
         // Global Stylesheets
         if (options.globalStyles.length > 0) {
             for (const initial of [true, false]) {
-                const bundleOptions = (0, global_styles_1.createGlobalStylesBundleOptions)(options, target, initial, codeBundleCache?.loadResultCache);
+                const bundleOptions = (0, global_styles_1.createGlobalStylesBundleOptions)(options, target, initial);
                 if (bundleOptions) {
                     bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, !!options.watch, bundleOptions, () => initial));
                 }
@@ -76,7 +76,7 @@ async function executeBuild(options, context, rebuildState) {
             }
         }
     }
-    const bundlingResult = await bundler_context_1.BundlerContext.bundleAll(bundlerContexts);
+    const bundlingResult = await bundler_context_1.BundlerContext.bundleAll(bundlerContexts, rebuildState?.fileChanges.all);
     // Log all warnings and errors generated during bundling
     await (0, utils_1.logMessages)(context, bundlingResult);
     const executionResult = new bundler_execution_result_1.ExecutionResult(bundlerContexts, codeBundleCache);

package/src/builders/browser-esbuild/index.js

@@ -37,7 +37,15 @@ async function* buildEsbuildBrowser(userOptions, context, infrastructureSettings
             // Write output files
             await writeResultFiles(result.outputFiles, result.assetFiles, fullOutputPath);
         }
-        yield result;
+        // The builder system (architect) currently attempts to treat all results as JSON and
+        // attempts to validate the object with a JSON schema validator. This can lead to slow
+        // build completion (even after the actual build is fully complete) or crashes if the
+        // size and/or quantity of output files is large. Architect only requires a `success`
+        // property so that is all that will be passed here if the infrastructure settings have
+        // not been explicitly set to avoid writes. Writing is only disabled when used directly
+        // by the dev server which bypasses the architect behavior.
+        const builderResult = infrastructureSettings?.write === false ? result : { success: result.success };
+        yield builderResult;
     }
 }
 exports.buildEsbuildBrowser = buildEsbuildBrowser;

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

@@ -148,11 +148,13 @@ async function* serveWithVite(serverOptions, builderName, context, plugins) {
         }
         // To avoid disconnecting the array objects from the option, these arrays need to be mutated
         // instead of replaced.
-        if (result.externalMetadata.explicit) {
-            externalMetadata.explicit.push(...result.externalMetadata.explicit);
-        }
-        if (result.externalMetadata.implicit) {
-            externalMetadata.implicit.push(...result.externalMetadata.implicit);
+        if (result.externalMetadata) {
+            if (result.externalMetadata.explicit) {
+                externalMetadata.explicit.push(...result.externalMetadata.explicit);
+            }
+            if (result.externalMetadata.implicit) {
+                externalMetadata.implicit.push(...result.externalMetadata.implicit);
+            }
         }
         if (server) {
             handleUpdate(generatedFiles, server, serverOptions, context.logger);
@@ -308,6 +310,9 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
             watch: {
                 ignored: ['**/*'],
             },
+            // This is needed when `externalDependencies` is used to prevent Vite load errors.
+            // NOTE: If Vite adds direct support for externals, this can be removed.
+            preTransformRequests: externalMetadata.explicit.length === 0,
         },
         ssr: {
             // Exclude any provided dependencies (currently build defined externals)
@@ -320,6 +325,12 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 // Ensures plugin hooks run before built-in Vite hooks
                 enforce: 'pre',
                 async resolveId(source, importer) {
+                    // Prevent vite from resolving an explicit external dependency (`externalDependencies` option)
+                    if (externalMetadata.explicit.includes(source)) {
+                        // This is still not ideal since Vite will still transform the import specifier to
+                        // `/@id/${source}` but is currently closer to a raw external than a resolved file path.
+                        return source;
+                    }
                     if (importer && source.startsWith('.')) {
                         // Remove query if present
                         const [importerFile] = importer.split('?', 1);
@@ -417,9 +428,11 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                                 return;
                             }
                             transformIndexHtmlAndAddHeaders(url, rawHtml, res, next, async (html) => {
+                                const protocol = serverOptions.ssl ? 'https' : 'http';
+                                const route = `${protocol}://${req.headers.host}${req.originalUrl}`;
                                 const { content } = await (0, render_page_1.renderPage)({
                                     document: html,
-                                    route: pathnameWithoutServePath(url, serverOptions),
+                                    route,
                                     serverContext: 'ssr',
                                     loadBundle: (path) => 
                                     // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -19,7 +19,6 @@ const environment_options_1 = require("../../utils/environment-options");
 const compiler_plugin_1 = require("./angular/compiler-plugin");
 const compiler_plugin_options_1 = require("./compiler-plugin-options");
 const i18n_locale_plugin_1 = require("./i18n-locale-plugin");
-const javascript_transfomer_plugin_1 = require("./javascript-transfomer-plugin");
 const rxjs_esm_resolution_plugin_1 = require("./rxjs-esm-resolution-plugin");
 const sourcemap_ignorelist_plugin_1 = require("./sourcemap-ignorelist-plugin");
 const utils_1 = require("./utils");
@@ -195,7 +194,7 @@ function createServerPolyfillBundleOptions(options, target, sourceFileCache) {
     if (!polyfillBundleOptions) {
         return;
     }
-    const { workspaceRoot, jit, sourcemapOptions, advancedOptimizations } = options;
+    const { workspaceRoot } = options;
     const buildOptions = {
         ...polyfillBundleOptions,
         platform: 'node',
@@ -232,13 +231,7 @@ function createServerPolyfillBundleOptions(options, target, sourceFileCache) {
             }),
         }));
     }
-    buildOptions.plugins.push((0, rxjs_esm_resolution_plugin_1.createRxjsEsmResolutionPlugin)(), (0, javascript_transfomer_plugin_1.createJavaScriptTransformerPlugin)({
-        jit,
-        sourcemap: !!sourcemapOptions.scripts,
-        babelFileCache: sourceFileCache?.babelFileCache,
-        advancedOptimizations,
-        maxWorkers: 1,
-    }));
+    buildOptions.plugins.push((0, rxjs_esm_resolution_plugin_1.createRxjsEsmResolutionPlugin)());
     return buildOptions;
 }
 exports.createServerPolyfillBundleOptions = createServerPolyfillBundleOptions;

package/src/tools/esbuild/bundler-context.d.ts

@@ -43,7 +43,7 @@ export declare class BundlerContext {
     private initialFilter?;
     readonly watchFiles: Set<string>;
     constructor(workspaceRoot: string, incremental: boolean, options: BuildOptions | BundlerOptionsFactory, initialFilter?: ((initial: Readonly<InitialFileRecord>) => boolean) | undefined);
-    static bundleAll(contexts: Iterable<BundlerContext>): Promise<BundleContextResult>;
+    static bundleAll(contexts: Iterable<BundlerContext>, changedFiles?: Iterable<string>): Promise<BundleContextResult>;
     /**
      * Executes the esbuild build function and normalizes the build result in the event of a
      * build failure that results in no output being generated.

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

@@ -53,8 +53,13 @@ class BundlerContext {
             };
         };
     }
-    static async bundleAll(contexts) {
-        const individualResults = await Promise.all([...contexts].map((context) => context.bundle()));
+    static async bundleAll(contexts, changedFiles) {
+        const individualResults = await Promise.all([...contexts].map((context) => {
+            if (changedFiles) {
+                context.invalidate(changedFiles);
+            }
+            return context.bundle();
+        }));
         // Return directly if only one result
         if (individualResults.length === 1) {
             return individualResults[0];

package/src/tools/esbuild/global-scripts.d.ts

@@ -5,13 +5,12 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import type { BuildOptions } from 'esbuild';
 import type { NormalizedApplicationBuildOptions } from '../../builders/application/options';
-import { LoadResultCache } from './load-result-cache';
+import { BundlerOptionsFactory } from './bundler-context';
 /**
  * Create an esbuild 'build' options object for all global scripts defined in the user provied
  * build options.
  * @param options The builder's user-provider normalized options.
  * @returns An esbuild BuildOptions object.
  */
-export declare function createGlobalScriptsBundleOptions(options: NormalizedApplicationBuildOptions, initial: boolean, loadCache?: LoadResultCache): BuildOptions | undefined;
+export declare function createGlobalScriptsBundleOptions(options: NormalizedApplicationBuildOptions, initial: boolean): BundlerOptionsFactory | undefined;

package/src/tools/esbuild/global-scripts.js

@@ -48,7 +48,7 @@ const virtual_module_plugin_1 = require("./virtual-module-plugin");
  * @param options The builder's user-provider normalized options.
  * @returns An esbuild BuildOptions object.
  */
-function createGlobalScriptsBundleOptions(options, initial, loadCache) {
+function createGlobalScriptsBundleOptions(options, initial) {
     const { globalScripts, optimizationOptions, outputNames, preserveSymlinks, sourcemapOptions, workspaceRoot, } = options;
     const namespace = 'angular:script/global';
     const entryPoints = {};
@@ -63,77 +63,80 @@ function createGlobalScriptsBundleOptions(options, initial, loadCache) {
     if (found === false) {
         return;
     }
-    return {
-        absWorkingDir: workspaceRoot,
-        bundle: false,
-        splitting: false,
-        entryPoints,
-        entryNames: initial ? outputNames.bundles : '[name]',
-        assetNames: outputNames.media,
-        mainFields: ['script', 'browser', 'main'],
-        conditions: ['script'],
-        resolveExtensions: ['.mjs', '.js'],
-        logLevel: options.verbose ? 'debug' : 'silent',
-        metafile: true,
-        minify: optimizationOptions.scripts,
-        outdir: workspaceRoot,
-        sourcemap: sourcemapOptions.scripts && (sourcemapOptions.hidden ? 'external' : true),
-        write: false,
-        platform: 'neutral',
-        preserveSymlinks,
-        plugins: [
-            (0, sourcemap_ignorelist_plugin_1.createSourcemapIgnorelistPlugin)(),
-            (0, virtual_module_plugin_1.createVirtualModulePlugin)({
-                namespace,
-                external: true,
-                // Add the `js` extension here so that esbuild generates an output file with the extension
-                transformPath: (path) => path.slice(namespace.length + 1) + '.js',
-                loadContent: (args, build) => (0, load_result_cache_1.createCachedLoad)(loadCache, async (args) => {
-                    const files = globalScripts.find(({ name }) => name === args.path.slice(0, -3))?.files;
-                    (0, node_assert_1.default)(files, `Invalid operation: global scripts name not found [${args.path}]`);
-                    // Global scripts are concatenated using magic-string instead of bundled via esbuild.
-                    const bundleContent = new magic_string_1.Bundle();
-                    const watchFiles = [];
-                    for (const filename of files) {
-                        let fileContent;
-                        try {
-                            // Attempt to read as a relative path from the workspace root
-                            const fullPath = node_path_1.default.join(workspaceRoot, filename);
-                            fileContent = await (0, promises_1.readFile)(fullPath, 'utf-8');
-                            watchFiles.push(fullPath);
-                        }
-                        catch (e) {
-                            (0, error_1.assertIsError)(e);
-                            if (e.code !== 'ENOENT') {
-                                throw e;
+    return (loadCache) => {
+        return {
+            absWorkingDir: workspaceRoot,
+            bundle: false,
+            splitting: false,
+            entryPoints,
+            entryNames: initial ? outputNames.bundles : '[name]',
+            assetNames: outputNames.media,
+            mainFields: ['script', 'browser', 'main'],
+            conditions: ['script'],
+            resolveExtensions: ['.mjs', '.js'],
+            logLevel: options.verbose ? 'debug' : 'silent',
+            metafile: true,
+            minify: optimizationOptions.scripts,
+            outdir: workspaceRoot,
+            sourcemap: sourcemapOptions.scripts && (sourcemapOptions.hidden ? 'external' : true),
+            write: false,
+            platform: 'neutral',
+            preserveSymlinks,
+            plugins: [
+                (0, sourcemap_ignorelist_plugin_1.createSourcemapIgnorelistPlugin)(),
+                (0, virtual_module_plugin_1.createVirtualModulePlugin)({
+                    namespace,
+                    external: true,
+                    // Add the `js` extension here so that esbuild generates an output file with the extension
+                    transformPath: (path) => path.slice(namespace.length + 1) + '.js',
+                    loadContent: (args, build) => (0, load_result_cache_1.createCachedLoad)(loadCache, async (args) => {
+                        const files = globalScripts.find(({ name }) => name === args.path.slice(0, -3))
+                            ?.files;
+                        (0, node_assert_1.default)(files, `Invalid operation: global scripts name not found [${args.path}]`);
+                        // Global scripts are concatenated using magic-string instead of bundled via esbuild.
+                        const bundleContent = new magic_string_1.Bundle();
+                        const watchFiles = [];
+                        for (const filename of files) {
+                            let fileContent;
+                            try {
+                                // Attempt to read as a relative path from the workspace root
+                                const fullPath = node_path_1.default.join(workspaceRoot, filename);
+                                fileContent = await (0, promises_1.readFile)(fullPath, 'utf-8');
+                                watchFiles.push(fullPath);
                             }
-                            // If not found, attempt to resolve as a module specifier
-                            const resolveResult = await build.resolve(filename, {
-                                kind: 'entry-point',
-                                resolveDir: workspaceRoot,
-                            });
-                            if (resolveResult.errors.length) {
-                                // Remove resolution failure notes about marking as external since it doesn't apply
-                                // to global scripts.
-                                resolveResult.errors.forEach((error) => (error.notes = []));
-                                return {
-                                    errors: resolveResult.errors,
-                                    warnings: resolveResult.warnings,
-                                };
+                            catch (e) {
+                                (0, error_1.assertIsError)(e);
+                                if (e.code !== 'ENOENT') {
+                                    throw e;
+                                }
+                                // If not found, attempt to resolve as a module specifier
+                                const resolveResult = await build.resolve(filename, {
+                                    kind: 'entry-point',
+                                    resolveDir: workspaceRoot,
+                                });
+                                if (resolveResult.errors.length) {
+                                    // Remove resolution failure notes about marking as external since it doesn't apply
+                                    // to global scripts.
+                                    resolveResult.errors.forEach((error) => (error.notes = []));
+                                    return {
+                                        errors: resolveResult.errors,
+                                        warnings: resolveResult.warnings,
+                                    };
+                                }
+                                watchFiles.push(resolveResult.path);
+                                fileContent = await (0, promises_1.readFile)(resolveResult.path, 'utf-8');
                             }
-                            watchFiles.push(resolveResult.path);
-                            fileContent = await (0, promises_1.readFile)(resolveResult.path, 'utf-8');
+                            bundleContent.addSource(new magic_string_1.default(fileContent, { filename }));
                         }
-                        bundleContent.addSource(new magic_string_1.default(fileContent, { filename }));
-                    }
-                    return {
-                        contents: bundleContent.toString(),
-                        loader: 'js',
-                        watchFiles,
-                    };
-                }).call(build, args),
-            }),
-        ],
+                        return {
+                            contents: bundleContent.toString(),
+                            loader: 'js',
+                            watchFiles,
+                        };
+                    }).call(build, args),
+                }),
+            ],
+        };
     };
 }
 exports.createGlobalScriptsBundleOptions = createGlobalScriptsBundleOptions;

package/src/tools/esbuild/global-styles.d.ts

@@ -5,7 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import type { BuildOptions } from 'esbuild';
 import { NormalizedApplicationBuildOptions } from '../../builders/application/options';
-import { LoadResultCache } from './load-result-cache';
-export declare function createGlobalStylesBundleOptions(options: NormalizedApplicationBuildOptions, target: string[], initial: boolean, cache?: LoadResultCache): BuildOptions | undefined;
+import { BundlerOptionsFactory } from './bundler-context';
+export declare function createGlobalStylesBundleOptions(options: NormalizedApplicationBuildOptions, target: string[], initial: boolean): BundlerOptionsFactory | undefined;

package/src/tools/esbuild/global-styles.js

@@ -14,7 +14,7 @@ exports.createGlobalStylesBundleOptions = void 0;
 const node_assert_1 = __importDefault(require("node:assert"));
 const bundle_options_1 = require("./stylesheets/bundle-options");
 const virtual_module_plugin_1 = require("./virtual-module-plugin");
-function createGlobalStylesBundleOptions(options, target, initial, cache) {
+function createGlobalStylesBundleOptions(options, target, initial) {
     const { workspaceRoot, optimizationOptions, sourcemapOptions, outputNames, globalStyles, preserveSymlinks, externalDependencies, stylePreprocessorOptions, tailwindConfiguration, } = options;
     const namespace = 'angular:styles/global';
     const entryPoints = {};
@@ -29,38 +29,40 @@ function createGlobalStylesBundleOptions(options, target, initial, cache) {
     if (found === false) {
         return;
     }
-    const buildOptions = (0, bundle_options_1.createStylesheetBundleOptions)({
-        workspaceRoot,
-        optimization: !!optimizationOptions.styles.minify,
-        sourcemap: !!sourcemapOptions.styles,
-        preserveSymlinks,
-        target,
-        externalDependencies,
-        outputNames: initial
-            ? outputNames
-            : {
-                ...outputNames,
-                bundles: '[name]',
+    return (loadCache) => {
+        const buildOptions = (0, bundle_options_1.createStylesheetBundleOptions)({
+            workspaceRoot,
+            optimization: !!optimizationOptions.styles.minify,
+            sourcemap: !!sourcemapOptions.styles,
+            preserveSymlinks,
+            target,
+            externalDependencies,
+            outputNames: initial
+                ? outputNames
+                : {
+                    ...outputNames,
+                    bundles: '[name]',
+                },
+            includePaths: stylePreprocessorOptions?.includePaths,
+            tailwindConfiguration,
+            publicPath: options.publicPath,
+        }, loadCache);
+        buildOptions.legalComments = options.extractLicenses ? 'none' : 'eof';
+        buildOptions.entryPoints = entryPoints;
+        buildOptions.plugins.unshift((0, virtual_module_plugin_1.createVirtualModulePlugin)({
+            namespace,
+            transformPath: (path) => path.split(';', 2)[1],
+            loadContent: (args) => {
+                const files = globalStyles.find(({ name }) => name === args.path)?.files;
+                (0, node_assert_1.default)(files, `global style name should always be found [${args.path}]`);
+                return {
+                    contents: files.map((file) => `@import '${file.replace(/\\/g, '/')}';`).join('\n'),
+                    loader: 'css',
+                    resolveDir: workspaceRoot,
+                };
             },
-        includePaths: stylePreprocessorOptions?.includePaths,
-        tailwindConfiguration,
-        publicPath: options.publicPath,
-    }, cache);
-    buildOptions.legalComments = options.extractLicenses ? 'none' : 'eof';
-    buildOptions.entryPoints = entryPoints;
-    buildOptions.plugins.unshift((0, virtual_module_plugin_1.createVirtualModulePlugin)({
-        namespace,
-        transformPath: (path) => path.split(';', 2)[1],
-        loadContent: (args) => {
-            const files = globalStyles.find(({ name }) => name === args.path)?.files;
-            (0, node_assert_1.default)(files, `global style name should always be found [${args.path}]`);
-            return {
-                contents: files.map((file) => `@import '${file.replace(/\\/g, '/')}';`).join('\n'),
-                loader: 'css',
-                resolveDir: workspaceRoot,
-            };
-        },
-    }));
-    return buildOptions;
+        }));
+        return buildOptions;
+    };
 }
 exports.createGlobalStylesBundleOptions = createGlobalStylesBundleOptions;

package/src/tools/esbuild/javascript-transformer-worker.js

@@ -50,9 +50,10 @@ async function transformWithBabel({ filename, data, ...options }) {
         // Strip sourcemaps if they should not be used
         return useInputSourcemap ? data : data.replace(/^\/\/# sourceMappingURL=[^\r\n]*/gm, '');
     }
-    // @angular/platform-server/init entry-point has side-effects.
+    // `@angular/platform-server/init` and `@angular/common/locales/global` entry-points are side effectful.
     const safeAngularPackage = /[\\/]node_modules[\\/]@angular[\\/]/.test(filename) &&
-        !/@angular[\\/]platform-server[\\/]f?esm2022[\\/]init/.test(filename);
+        !/@angular[\\/]platform-server[\\/]f?esm2022[\\/]init/.test(filename) &&
+        !/@angular[\\/]common[\\/]locales[\\/]global/.test(filename);
     // Lazy load the linker plugin only when linking is required
     if (shouldLink) {
         linkerPluginCreator ??= (await (0, load_esm_1.loadEsmModule)('@angular/compiler-cli/linker/babel')).createEs2015LinkerPlugin;

package/src/tools/esbuild/watcher.d.ts

@@ -9,6 +9,7 @@ export declare class ChangedFiles {
     readonly added: Set<string>;
     readonly modified: Set<string>;
     readonly removed: Set<string>;
+    get all(): string[];
     toDebugString(): string;
 }
 export interface BuildWatcher extends AsyncIterableIterator<ChangedFiles> {

package/src/tools/esbuild/watcher.js

@@ -13,6 +13,9 @@ class ChangedFiles {
     added = new Set();
     modified = new Set();
     removed = new Set();
+    get all() {
+        return [...this.added, ...this.modified, ...this.removed];
+    }
     toDebugString() {
         const content = {
             added: Array.from(this.added),

package/src/utils/check-port.js

@@ -32,6 +32,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkPort = void 0;
 const net = __importStar(require("net"));
+const load_esm_1 = require("./load-esm");
 const tty_1 = require("./tty");
 function createInUseError(port) {
     return new Error(`Port ${port} is already in use. Use '--port' to specify a different port.`);
@@ -52,7 +53,8 @@ async function checkPort(port, host) {
                 reject(createInUseError(port));
                 return;
             }
-            Promise.resolve().then(() => __importStar(require('inquirer'))).then(({ prompt }) => prompt({
+            (0, load_esm_1.loadEsmModule)('inquirer')
+                .then(({ default: { prompt } }) => prompt({
                 type: 'confirm',
                 name: 'useDifferent',
                 message: `Port ${port} is already in use.\nWould you like to use a different port?`,

package/src/utils/load-esm.d.ts

@@ -5,8 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-/// <reference types="node" />
-import { URL } from 'url';
 /**
  * This uses a dynamic import to load a module which may be ESM.
  * CommonJS code can load ESM code via a dynamic import. Unfortunately, TypeScript

package/src/tools/esbuild/javascript-transfomer-plugin.d.ts

@@ -1,19 +0,0 @@
-/**
- * @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.io/license
- */
-import type { Plugin } from 'esbuild';
-import { JavaScriptTransformerOptions } from './javascript-transformer';
-export interface JavaScriptTransformerPluginOptions extends JavaScriptTransformerOptions {
-    babelFileCache?: Map<string, Uint8Array>;
-    maxWorkers: number;
-}
-/**
- * Creates a plugin that Transformers JavaScript using Babel.
- *
- * @returns An esbuild plugin.
- */
-export declare function createJavaScriptTransformerPlugin(options: JavaScriptTransformerPluginOptions): Plugin;

package/src/tools/esbuild/javascript-transfomer-plugin.js

@@ -1,51 +0,0 @@
-"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.io/license
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createJavaScriptTransformerPlugin = void 0;
-const javascript_transformer_1 = require("./javascript-transformer");
-/**
- * Creates a plugin that Transformers JavaScript using Babel.
- *
- * @returns An esbuild plugin.
- */
-function createJavaScriptTransformerPlugin(options) {
-    return {
-        name: 'angular-javascript-transformer',
-        setup(build) {
-            let javascriptTransformer;
-            const { sourcemap, thirdPartySourcemaps, advancedOptimizations, jit, babelFileCache, maxWorkers, } = options;
-            build.onLoad({ filter: /\.[cm]?js$/ }, async (args) => {
-                // The filename is currently used as a cache key. Since the cache is memory only,
-                // the options cannot change and do not need to be represented in the key. If the
-                // cache is later stored to disk, then the options that affect transform output
-                // would need to be added to the key as well as a check for any change of content.
-                let contents = babelFileCache?.get(args.path);
-                if (contents === undefined) {
-                    // Initialize a worker pool for JavaScript transformations
-                    javascriptTransformer ??= new javascript_transformer_1.JavaScriptTransformer({
-                        sourcemap,
-                        thirdPartySourcemaps,
-                        advancedOptimizations,
-                        jit,
-                    }, maxWorkers);
-                    contents = await javascriptTransformer.transformFile(args.path, jit);
-                    babelFileCache?.set(args.path, contents);
-                }
-                return {
-                    contents,
-                    loader: 'js',
-                };
-            });
-            build.onDispose(() => {
-                void javascriptTransformer?.close();
-            });
-        },
-    };
-}
-exports.createJavaScriptTransformerPlugin = createJavaScriptTransformerPlugin;