@angular-devkit/build-angular 13.0.0-next.3 → 13.0.0-next.7

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

@@ -33,9 +33,9 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 async function initialize(options, root) {
     const packager = (await Promise.resolve().then(() => __importStar(require('ng-packagr')))).ngPackagr();
-    packager.forProject(path_1.resolve(root, options.project));
+    packager.forProject((0, path_1.resolve)(root, options.project));
     if (options.tsConfig) {
-        packager.withTsConfig(path_1.resolve(root, options.tsConfig));
+        packager.withTsConfig((0, path_1.resolve)(root, options.tsConfig));
     }
     return packager;
 }
@@ -43,7 +43,7 @@ async function initialize(options, root) {
  * @experimental Direct usage of this function is considered experimental.
  */
 function execute(options, context) {
-    return rxjs_1.from(initialize(options, context.workspaceRoot)).pipe(operators_1.switchMap((packager) => (options.watch ? packager.watch() : packager.build())), operators_1.mapTo({ success: true }), operators_1.catchError((err) => rxjs_1.of({ success: false, error: err.message })));
+    return (0, rxjs_1.from)(initialize(options, context.workspaceRoot)).pipe((0, operators_1.switchMap)((packager) => (options.watch ? packager.watch() : packager.build())), (0, operators_1.mapTo)({ success: true }), (0, operators_1.catchError)((err) => (0, rxjs_1.of)({ success: false, error: err.message })));
 }
 exports.execute = execute;
-exports.default = architect_1.createBuilder(execute);
+exports.default = (0, architect_1.createBuilder)(execute);

package/src/builders/protractor/index.js

@@ -45,8 +45,8 @@ function runProtractor(root, options) {
     // TODO: Protractor manages process.exit itself, so this target will allways quit the
     // process. To work around this we run it in a subprocess.
     // https://github.com/angular/protractor/issues/4160
-    return utils_1.runModuleAsObservableFork(root, 'protractor/built/launcher', 'init', [
-        path_1.resolve(root, options.protractorConfig),
+    return (0, utils_1.runModuleAsObservableFork)(root, 'protractor/built/launcher', 'init', [
+        (0, path_1.resolve)(root, options.protractorConfig),
         additionalProtractorConfig,
     ]).toPromise();
 }
@@ -97,7 +97,7 @@ async function execute(options, context) {
     let baseUrl = options.baseUrl;
     let server;
     if (options.devServerTarget) {
-        const target = architect_1.targetFromTargetString(options.devServerTarget);
+        const target = (0, architect_1.targetFromTargetString)(options.devServerTarget);
         const serverOptions = await context.getTargetOptions(target);
         const overrides = {
             watch: false,
@@ -160,4 +160,4 @@ async function execute(options, context) {
     }
 }
 exports.execute = execute;
-exports.default = architect_1.createBuilder(execute);
+exports.default = (0, architect_1.createBuilder)(execute);

package/src/builders/server/index.js

@@ -47,7 +47,7 @@ const stats_1 = require("../../webpack/utils/stats");
 function execute(options, context, transforms = {}) {
     const root = context.workspaceRoot;
     // Check Angular version.
-    version_1.assertCompatibleAngularVersion(root);
+    (0, version_1.assertCompatibleAngularVersion)(root);
     const baseOutputPath = path.resolve(root, options.outputPath);
     let outputPaths;
     if (typeof options.bundleDependencies === 'string') {
@@ -67,28 +67,28 @@ function execute(options, context, transforms = {}) {
     `);
         }
     }
-    return rxjs_1.from(initialize(options, context, transforms.webpackConfiguration)).pipe(operators_1.concatMap(({ config, i18n, target }) => {
-        return build_webpack_1.runWebpack(config, context, {
+    return (0, rxjs_1.from)(initialize(options, context, transforms.webpackConfiguration)).pipe((0, operators_1.concatMap)(({ config, i18n, target }) => {
+        return (0, build_webpack_1.runWebpack)(config, context, {
             webpackFactory: require('webpack'),
             logging: (stats, config) => {
                 if (options.verbose) {
                     context.logger.info(stats.toString(config.stats));
                 }
             },
-        }).pipe(operators_1.concatMap(async (output) => {
+        }).pipe((0, operators_1.concatMap)(async (output) => {
             const { emittedFiles = [], outputPath, webpackStats } = output;
             if (!webpackStats) {
                 throw new Error('Webpack stats build result is required.');
             }
             let success = output.success;
             if (success && i18n.shouldInline) {
-                outputPaths = output_paths_1.ensureOutputPaths(baseOutputPath, i18n);
-                success = await i18n_inlining_1.i18nInlineEmittedFiles(context, emittedFiles, i18n, baseOutputPath, Array.from(outputPaths.values()), [], outputPath, target <= typescript_1.ScriptTarget.ES5, options.i18nMissingTranslation);
+                outputPaths = (0, output_paths_1.ensureOutputPaths)(baseOutputPath, i18n);
+                success = await (0, i18n_inlining_1.i18nInlineEmittedFiles)(context, emittedFiles, i18n, baseOutputPath, Array.from(outputPaths.values()), [], outputPath, target <= typescript_1.ScriptTarget.ES5, options.i18nMissingTranslation);
             }
-            stats_1.webpackStatsLogger(context.logger, webpackStats, config);
+            (0, stats_1.webpackStatsLogger)(context.logger, webpackStats, config);
             return { ...output, success };
         }));
-    }), operators_1.map((output) => {
+    }), (0, operators_1.map)((output) => {
         if (!output.success) {
             return output;
         }
@@ -101,27 +101,27 @@ function execute(options, context, transforms = {}) {
     }));
 }
 exports.execute = execute;
-exports.default = architect_1.createBuilder(execute);
+exports.default = (0, architect_1.createBuilder)(execute);
 async function initialize(options, context, webpackConfigurationTransform) {
     const originalOutputPath = options.outputPath;
-    const { config, i18n, target } = await webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext({
+    const { config, i18n, target } = await (0, webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext)({
         ...options,
         buildOptimizer: false,
         aot: true,
         platform: 'server',
     }, context, (wco) => [
-        configs_1.getCommonConfig(wco),
-        configs_1.getServerConfig(wco),
-        configs_1.getStylesConfig(wco),
-        configs_1.getStatsConfig(wco),
-        configs_1.getTypeScriptConfig(wco),
+        (0, configs_1.getCommonConfig)(wco),
+        (0, configs_1.getServerConfig)(wco),
+        (0, configs_1.getStylesConfig)(wco),
+        (0, configs_1.getStatsConfig)(wco),
+        (0, configs_1.getTypeScriptConfig)(wco),
     ]);
     let transformedConfig;
     if (webpackConfigurationTransform) {
         transformedConfig = await webpackConfigurationTransform(config);
     }
     if (options.deleteOutputPath) {
-        utils_1.deleteOutputDir(context.workspaceRoot, originalOutputPath);
+        (0, utils_1.deleteOutputDir)(context.workspaceRoot, originalOutputPath);
     }
     return { config: transformedConfig || config, i18n, target };
 }

package/src/sass/worker.js

@@ -29,11 +29,11 @@ worker_threads_1.parentPort.on('message', ({ id, hasImporter, options }) => {
                 const { fromImport } = this;
                 workerImporterPort.postMessage({ id, url, prev, fromImport });
                 Atomics.wait(importerSignal, 0, 0);
-                return (_a = worker_threads_1.receiveMessageOnPort(workerImporterPort)) === null || _a === void 0 ? void 0 : _a.message;
+                return (_a = (0, worker_threads_1.receiveMessageOnPort)(workerImporterPort)) === null || _a === void 0 ? void 0 : _a.message;
             };
         }
         // The synchronous Sass render function can be up to two times faster than the async variant
-        const result = sass_1.renderSync(options);
+        const result = (0, sass_1.renderSync)(options);
         worker_threads_1.parentPort === null || worker_threads_1.parentPort === void 0 ? void 0 : worker_threads_1.parentPort.postMessage({ id, result });
     }
     catch (error) {

package/src/utils/build-browser-features.js

@@ -28,7 +28,7 @@ class BuildBrowserFeatures {
             'last 2 iOS major versions',
             'Firefox ESR',
         ];
-        this.supportedBrowsers = browserslist_1.default(undefined, { path: this.projectRoot });
+        this.supportedBrowsers = (0, browserslist_1.default)(undefined, { path: this.projectRoot });
     }
     /**
      * True, when a browser feature is supported partially or fully.
@@ -39,7 +39,7 @@ class BuildBrowserFeatures {
         // a: feature is partially supported
         // x: feature is prefixed
         const criteria = ['y', 'a'];
-        const data = caniuse_lite_1.feature(caniuse_lite_1.features[featureId]);
+        const data = (0, caniuse_lite_1.feature)(caniuse_lite_1.features[featureId]);
         return !this.supportedBrowsers.some((browser) => {
             const [agentId, version] = browser.split(' ');
             const browserData = data.stats[agentId];

package/src/utils/build-options.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { logging } from '@angular-devkit/core';
-import { ParsedConfiguration } from '@angular/compiler-cli';
+import type { ParsedConfiguration } from '@angular/compiler-cli';
 import { AssetPatternClass, Budget, CrossOrigin, ExtraEntryPoint, I18NMissingTranslation, IndexUnion, InlineStyleLanguage, Localize, SourceMapClass } from '../builders/browser/schema';
 import { Schema as DevServerSchema } from '../builders/dev-server/schema';
 import { NormalizedFileReplacement } from './normalize-file-replacements';

package/src/utils/bundle-calculator.js

@@ -259,10 +259,10 @@ function* checkThresholds(thresholds, size, label) {
                 if (size <= threshold.limit) {
                     continue;
                 }
-                const sizeDifference = stats_1.formatSize(size - threshold.limit);
+                const sizeDifference = (0, stats_1.formatSize)(size - threshold.limit);
                 yield {
                     severity: threshold.severity,
-                    message: `${label} exceeded maximum budget. Budget ${stats_1.formatSize(threshold.limit)} was not met by ${sizeDifference} with a total of ${stats_1.formatSize(size)}.`,
+                    message: `${label} exceeded maximum budget. Budget ${(0, stats_1.formatSize)(threshold.limit)} was not met by ${sizeDifference} with a total of ${(0, stats_1.formatSize)(size)}.`,
                 };
                 break;
             }
@@ -270,10 +270,10 @@ function* checkThresholds(thresholds, size, label) {
                 if (size >= threshold.limit) {
                     continue;
                 }
-                const sizeDifference = stats_1.formatSize(threshold.limit - size);
+                const sizeDifference = (0, stats_1.formatSize)(threshold.limit - size);
                 yield {
                     severity: threshold.severity,
-                    message: `${label} failed to meet minimum budget. Budget ${stats_1.formatSize(threshold.limit)} was not met by ${sizeDifference} with a total of ${stats_1.formatSize(size)}.`,
+                    message: `${label} failed to meet minimum budget. Budget ${(0, stats_1.formatSize)(threshold.limit)} was not met by ${sizeDifference} with a total of ${(0, stats_1.formatSize)(size)}.`,
                 };
                 break;
             }

package/src/utils/cache-path.js

@@ -17,8 +17,8 @@ const path_1 = require("path");
 const environment_options_1 = require("./environment-options");
 function findCachePath(name) {
     if (environment_options_1.cachingBasePath) {
-        return path_1.resolve(environment_options_1.cachingBasePath, name);
+        return (0, path_1.resolve)(environment_options_1.cachingBasePath, name);
     }
-    return find_cache_dir_1.default({ name }) || os_1.tmpdir();
+    return (0, find_cache_dir_1.default)({ name }) || (0, os_1.tmpdir)();
 }
 exports.findCachePath = findCachePath;

package/src/utils/check-port.js

@@ -49,7 +49,7 @@ async function checkPort(port, host) {
                 reject(createInUseError(port));
                 return;
             }
-            inquirer_1.prompt({
+            (0, inquirer_1.prompt)({
                 type: 'confirm',
                 name: 'useDifferent',
                 message: `Port ${port} is already in use.\nWould you like to use a different port?`,

package/src/utils/color.js

@@ -29,7 +29,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.colors = exports.removeColor = void 0;
 const ansiColors = __importStar(require("ansi-colors"));
 const tty_1 = require("tty");
-const supportsColor = process.stdout instanceof tty_1.WriteStream && process.stdout.getColorDepth() > 1;
+function supportColor() {
+    if (process.env.FORCE_COLOR !== undefined) {
+        // 2 colors: FORCE_COLOR = 0 (Disables colors), depth 1
+        // 16 colors: FORCE_COLOR = 1, depth 4
+        // 256 colors: FORCE_COLOR = 2, depth 8
+        // 16,777,216 colors: FORCE_COLOR = 3, depth 16
+        // See: https://nodejs.org/dist/latest-v12.x/docs/api/tty.html#tty_writestream_getcolordepth_env
+        // and https://github.com/nodejs/node/blob/b9f36062d7b5c5039498e98d2f2c180dca2a7065/lib/internal/tty.js#L106;
+        switch (process.env.FORCE_COLOR) {
+            case '':
+            case 'true':
+            case '1':
+            case '2':
+            case '3':
+                return true;
+            default:
+                return false;
+        }
+    }
+    if (process.stdout instanceof tty_1.WriteStream) {
+        return process.stdout.getColorDepth() > 1;
+    }
+    return false;
+}
 function removeColor(text) {
     // This has been created because when colors.enabled is false unstyle doesn't work
     // see: https://github.com/doowb/ansi-colors/blob/a4794363369d7b4d1872d248fc43a12761640d8e/index.js#L38
@@ -40,4 +63,4 @@ exports.removeColor = removeColor;
 // Create function is not defined in the typings. See: https://github.com/doowb/ansi-colors/pull/44
 const colors = ansiColors.create();
 exports.colors = colors;
-colors.enabled = supportsColor;
+colors.enabled = supportColor();

package/src/utils/copy-assets.js

@@ -34,7 +34,7 @@ const fs = __importStar(require("fs"));
 const glob_1 = __importDefault(require("glob"));
 const path = __importStar(require("path"));
 function globAsync(pattern, options) {
-    return new Promise((resolve, reject) => glob_1.default(pattern, options, (e, m) => (e ? reject(e) : resolve(m))));
+    return new Promise((resolve, reject) => (0, glob_1.default)(pattern, options, (e, m) => (e ? reject(e) : resolve(m))));
 }
 async function copyAssets(entries, basePaths, root, changed) {
     const defaultIgnore = ['.gitkeep', '**/.DS_Store', '**/Thumbs.db'];

package/src/utils/delete-output-dir.js

@@ -33,7 +33,7 @@ const path_1 = require("path");
  * Delete an output directory, but error out if it's the root of the project.
  */
 function deleteOutputDir(root, outputPath) {
-    const resolvedOutputPath = path_1.resolve(root, outputPath);
+    const resolvedOutputPath = (0, path_1.resolve)(root, outputPath);
     if (resolvedOutputPath === root) {
         throw new Error('Output path MUST not be project root directory!');
     }

package/src/utils/i18n-inlining.js

@@ -86,7 +86,7 @@ async function i18nInlineEmittedFiles(context, emittedFiles, i18n, baseOutputPat
             }
         }
         // Copy any non-processed files into the output locations
-        await copy_assets_1.copyAssets([
+        await (0, copy_assets_1.copyAssets)([
             {
                 glob: '**/*',
                 input: emittedPath,

package/src/utils/i18n-options.js

@@ -6,33 +6,22 @@
  * 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
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configureI18nBuild = exports.createI18nOptions = void 0;
 const core_1 = require("@angular-devkit/core");
-const fs = __importStar(require("fs"));
-const os = __importStar(require("os"));
-const path = __importStar(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const module_1 = __importDefault(require("module"));
+const os_1 = __importDefault(require("os"));
+const path_1 = __importDefault(require("path"));
 const read_tsconfig_1 = require("../utils/read-tsconfig");
 const load_translations_1 = require("./load-translations");
+/**
+ * The base module location used to search for locale specific data.
+ */
+const LOCALE_DATA_BASE_MODULE = '@angular/common/locales/global';
 function normalizeTranslationFileOption(option, locale, expectObjectInError) {
     if (typeof option === 'string') {
         return [option];
@@ -132,18 +121,17 @@ async function configureI18nBuild(context, options) {
         throw new Error('The builder requires a target.');
     }
     const buildOptions = { ...options };
-    const tsConfig = read_tsconfig_1.readTsconfig(buildOptions.tsConfig, context.workspaceRoot);
+    const tsConfig = await (0, read_tsconfig_1.readTsconfig)(buildOptions.tsConfig, context.workspaceRoot);
     const metadata = await context.getProjectMetadata(context.target);
     const i18n = createI18nOptions(metadata, buildOptions.localize);
     // No additional processing needed if no inlining requested and no source locale defined.
     if (!i18n.shouldInline && !i18n.hasDefinedSourceLocale) {
         return { buildOptions, i18n };
     }
-    const projectRoot = path.join(context.workspaceRoot, metadata.root || '');
-    const localeDataBasePath = findLocaleDataBasePath(projectRoot);
-    if (!localeDataBasePath) {
-        throw new Error(`Unable to find locale data within '@angular/common'. Please ensure '@angular/common' is installed.`);
-    }
+    const projectRoot = path_1.default.join(context.workspaceRoot, metadata.root || '');
+    // The trailing slash is required to signal that the path is a directory and not a file.
+    const projectRequire = module_1.default.createRequire(projectRoot + '/');
+    const localeResolver = (locale) => projectRequire.resolve(path_1.default.join(LOCALE_DATA_BASE_MODULE, locale));
     // Load locale data and translations (if present)
     let loader;
     const usedFormats = new Set();
@@ -151,11 +139,11 @@ async function configureI18nBuild(context, options) {
         if (!i18n.inlineLocales.has(locale) && locale !== i18n.sourceLocale) {
             continue;
         }
-        let localeDataPath = findLocaleDataPath(locale, localeDataBasePath);
+        let localeDataPath = findLocaleDataPath(locale, localeResolver);
         if (!localeDataPath) {
             const [first] = locale.split('-');
             if (first) {
-                localeDataPath = findLocaleDataPath(first.toLowerCase(), localeDataBasePath);
+                localeDataPath = findLocaleDataPath(first.toLowerCase(), localeResolver);
                 if (localeDataPath) {
                     context.logger.warn(`Locale data for '${locale}' cannot be found.  Using locale data for '${first}'.`);
                 }
@@ -171,10 +159,10 @@ async function configureI18nBuild(context, options) {
             continue;
         }
         if (!loader) {
-            loader = await load_translations_1.createTranslationLoader();
+            loader = await (0, load_translations_1.createTranslationLoader)();
         }
         for (const file of desc.files) {
-            const loadResult = loader(path.join(context.workspaceRoot, file.path));
+            const loadResult = loader(path_1.default.join(context.workspaceRoot, file.path));
             for (const diagnostics of loadResult.diagnostics.messages) {
                 if (diagnostics.type === 'error') {
                     throw new Error(`Error parsing translation file '${file.path}': ${diagnostics.message}`);
@@ -210,12 +198,12 @@ async function configureI18nBuild(context, options) {
     }
     // If inlining store the output in a temporary location to facilitate post-processing
     if (i18n.shouldInline) {
-        const tempPath = fs.mkdtempSync(path.join(fs.realpathSync(os.tmpdir()), 'angular-cli-i18n-'));
+        const tempPath = fs_1.default.mkdtempSync(path_1.default.join(fs_1.default.realpathSync(os_1.default.tmpdir()), 'angular-cli-i18n-'));
         buildOptions.outputPath = tempPath;
         // Remove temporary directory used for i18n processing
         process.on('exit', () => {
             try {
-                fs.rmdirSync(tempPath, { recursive: true, maxRetries: 3 });
+                fs_1.default.rmdirSync(tempPath, { recursive: true, maxRetries: 3 });
             }
             catch { }
         });
@@ -223,29 +211,17 @@ async function configureI18nBuild(context, options) {
     return { buildOptions, i18n };
 }
 exports.configureI18nBuild = configureI18nBuild;
-function findLocaleDataBasePath(projectRoot) {
+function findLocaleDataPath(locale, resolver) {
+    // Remove private use subtags
+    const scrubbedLocale = locale.replace(/-x(-[a-zA-Z0-9]{1,8})+$/, '');
     try {
-        const commonPath = path.dirname(require.resolve('@angular/common/package.json', { paths: [projectRoot] }));
-        const localesPath = path.join(commonPath, 'locales/global');
-        if (!fs.existsSync(localesPath)) {
-            return null;
-        }
-        return localesPath;
+        return resolver(scrubbedLocale);
     }
     catch {
-        return null;
-    }
-}
-function findLocaleDataPath(locale, basePath) {
-    // Remove private use subtags
-    const scrubbedLocale = locale.replace(/-x(-[a-zA-Z0-9]{1,8})+$/, '');
-    const localeDataPath = path.join(basePath, scrubbedLocale + '.js');
-    if (!fs.existsSync(localeDataPath)) {
         if (scrubbedLocale === 'en-US') {
             // fallback to known existing en-US locale data as of 9.0
-            return findLocaleDataPath('en-US-POSIX', basePath);
+            return findLocaleDataPath('en-US-POSIX', resolver);
         }
         return null;
     }
-    return localeDataPath;
 }

package/src/utils/index-file/augment-index-html.js

@@ -72,7 +72,7 @@ async function augmentIndexHtml(params) {
         }
         linkTags.push(`<link ${attrs.join(' ')}>`);
     }
-    const { rewriter, transformedContent } = await html_rewriting_stream_1.htmlRewritingStream(html);
+    const { rewriter, transformedContent } = await (0, html_rewriting_stream_1.htmlRewritingStream)(html);
     const baseTagExists = html.includes('<base');
     rewriter
         .on('startTag', (tag) => {
@@ -128,7 +128,7 @@ async function augmentIndexHtml(params) {
 exports.augmentIndexHtml = augmentIndexHtml;
 function generateSriAttributes(content) {
     const algo = 'sha384';
-    const hash = crypto_1.createHash(algo).update(content, 'utf8').digest('base64');
+    const hash = (0, crypto_1.createHash)(algo).update(content, 'utf8').digest('base64');
     return `integrity="${algo}-${hash}"`;
 }
 function updateAttribute(tag, name, value) {

package/src/utils/index-file/index-html-generator.js

@@ -47,7 +47,7 @@ class IndexHtmlGenerator {
         this.plugins = [augmentIndexHtmlPlugin(this), ...extraPlugins, postTransformPlugin(this)];
     }
     async process(options) {
-        let content = strip_bom_1.stripBom(await this.readIndex(this.options.indexPath));
+        let content = (0, strip_bom_1.stripBom)(await this.readIndex(this.options.indexPath));
         const warnings = [];
         const errors = [];
         for (const plugin of this.plugins) {
@@ -83,7 +83,7 @@ function augmentIndexHtmlPlugin(generator) {
     const { deployUrl, crossOrigin, sri = false, entrypoints } = generator.options;
     return async (html, options) => {
         const { lang, baseHref, outputPath = '', files } = options;
-        return augment_index_html_1.augmentIndexHtml({
+        return (0, augment_index_html_1.augmentIndexHtml)({
             html,
             baseHref,
             deployUrl,
@@ -91,7 +91,7 @@ function augmentIndexHtmlPlugin(generator) {
             sri,
             lang,
             entrypoints,
-            loadOutputFile: (filePath) => generator.readAsset(path_1.join(outputPath, filePath)),
+            loadOutputFile: (filePath) => generator.readAsset((0, path_1.join)(outputPath, filePath)),
             files,
         });
     };

package/src/utils/index-file/inline-fonts.js

@@ -40,7 +40,7 @@ const environment_options_1 = require("../environment-options");
 const html_rewriting_stream_1 = require("./html-rewriting-stream");
 const cacheFontsPath = environment_options_1.cachingDisabled
     ? undefined
-    : cache_path_1.findCachePath('angular-build-fonts');
+    : (0, cache_path_1.findCachePath)('angular-build-fonts');
 const packageVersion = require('../../../package.json').version;
 const SUPPORTED_PROVIDERS = {
     'fonts.googleapis.com': {
@@ -59,7 +59,7 @@ class InlineFontsProcessor {
         const hrefList = [];
         const existingPreconnect = new Set();
         // Collector link tags with href
-        const { rewriter: collectorStream } = await html_rewriting_stream_1.htmlRewritingStream(content);
+        const { rewriter: collectorStream } = await (0, html_rewriting_stream_1.htmlRewritingStream)(content);
         collectorStream.on('startTag', (tag) => {
             const { tagName, attrs } = tag;
             if (tagName !== 'link') {
@@ -115,7 +115,7 @@ class InlineFontsProcessor {
             return content;
         }
         // Replace link with style tag.
-        const { rewriter, transformedContent } = await html_rewriting_stream_1.htmlRewritingStream(content);
+        const { rewriter, transformedContent } = await (0, html_rewriting_stream_1.htmlRewritingStream)(content);
         rewriter.on('startTag', (tag) => {
             const { tagName, attrs } = tag;
             switch (tagName) {
@@ -156,7 +156,7 @@ class InlineFontsProcessor {
         let agent;
         const httpsProxy = (_a = process.env.HTTPS_PROXY) !== null && _a !== void 0 ? _a : process.env.https_proxy;
         if (httpsProxy) {
-            agent = https_proxy_agent_1.default(httpsProxy);
+            agent = (0, https_proxy_agent_1.default)(httpsProxy);
         }
         const data = await new Promise((resolve, reject) => {
             let rawResponse = '';

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

@@ -0,0 +1,22 @@
+/**
+ * @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
+ */
+/// <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
+ * will currently, unconditionally downlevel dynamic import into a require call.
+ * require calls cannot load ESM code and will result in a runtime error. To workaround
+ * this, a Function constructor is used to prevent TypeScript from changing the dynamic import.
+ * Once TypeScript provides support for keeping the dynamic import this workaround can
+ * be dropped.
+ *
+ * @param modulePath The path of the module to load.
+ * @returns A Promise that resolves to the dynamically imported module.
+ */
+export declare function loadEsmModule<T>(modulePath: string | URL): Promise<T>;

package/src/utils/load-esm.js

@@ -0,0 +1,37 @@
+"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.loadEsmModule = void 0;
+/**
+ * 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
+ * will currently, unconditionally downlevel dynamic import into a require call.
+ * require calls cannot load ESM code and will result in a runtime error. To workaround
+ * this, a Function constructor is used to prevent TypeScript from changing the dynamic import.
+ * Once TypeScript provides support for keeping the dynamic import this workaround can
+ * be dropped.
+ *
+ * @param modulePath The path of the module to load.
+ * @returns A Promise that resolves to the dynamically imported module.
+ */
+async function loadEsmModule(modulePath) {
+    try {
+        return (await new Function('modulePath', `return import(modulePath);`)(modulePath));
+    }
+    catch (e) {
+        // Temporary workaround to handle directory imports for current packages. ESM does not support
+        // directory imports.
+        // TODO_ESM: Remove once FW packages are fully ESM with defined `exports` package.json fields
+        if (e.code !== 'ERR_UNSUPPORTED_DIR_IMPORT') {
+            throw e;
+        }
+        return (await new Function('modulePath', `return import(modulePath);`)(modulePath + '/index.js'));
+    }
+}
+exports.loadEsmModule = loadEsmModule;

package/src/utils/load-translations.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTranslationLoader = void 0;
 const crypto_1 = require("crypto");
 const fs = __importStar(require("fs"));
+const load_esm_1 = require("./load-esm");
 async function createTranslationLoader() {
     const { parsers, diagnostics } = await importParsers();
     return (path) => {
@@ -38,7 +39,7 @@ async function createTranslationLoader() {
             const analysis = analyze(parser, path, content);
             if (analysis.canParse) {
                 const { locale, translations } = parser.parse(path, content, analysis.hint);
-                const integrity = 'sha256-' + crypto_1.createHash('sha256').update(content).digest('base64');
+                const integrity = 'sha256-' + (0, crypto_1.createHash)('sha256').update(content).digest('base64');
                 return { format, locale, translations, diagnostics, integrity };
             }
             else {
@@ -66,16 +67,28 @@ async function createTranslationLoader() {
 }
 exports.createTranslationLoader = createTranslationLoader;
 async function importParsers() {
+    // All the localize usages are setup to first try the ESM entry point then fallback to the deep imports.
+    // This provides interim compatibility while the framework is transitioned to bundled ESM packages.
+    // TODO_ESM: Remove all deep imports once `@angular/localize` is published with the `tools` entry point
+    let localizeToolsModule;
     try {
-        const localizeDiag = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/diagnostics')));
-        const diagnostics = new localizeDiag.Diagnostics();
+        // Load ESM `@angular/localize/tools` using the TypeScript dynamic import workaround.
+        // Once TypeScript provides support for keeping the dynamic import this workaround can be
+        // changed to a direct dynamic import.
+        // TODO_ESM: The type needs to be manually constructed until the tools entry point exists
+        localizeToolsModule = await (0, load_esm_1.loadEsmModule)('@angular/localize/tools');
+    }
+    catch { }
+    try {
+        const { Diagnostics } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/diagnostics'))));
+        const diagnostics = new Diagnostics();
         const parsers = {
-            arb: new (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/arb_translation_parser')))).ArbTranslationParser(),
-            json: new (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/simple_json_translation_parser')))).SimpleJsonTranslationParser(),
-            xlf: new (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/xliff1_translation_parser')))).Xliff1TranslationParser(),
-            xlf2: new (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/xliff2_translation_parser')))).Xliff2TranslationParser(),
+            arb: new (localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/arb_translation_parser'))))).ArbTranslationParser(),
+            json: new (localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/simple_json_translation_parser'))))).SimpleJsonTranslationParser(),
+            xlf: new (localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/xliff1_translation_parser'))))).Xliff1TranslationParser(),
+            xlf2: new (localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/xliff2_translation_parser'))))).Xliff2TranslationParser(),
             // The name ('xmb') needs to match the AOT compiler option
-            xmb: new (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/xtb_translation_parser')))).XtbTranslationParser(),
+            xmb: new (localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/translate/translation_files/translation_parsers/xtb_translation_parser'))))).XtbTranslationParser(),
         };
         return { parsers, diagnostics };
     }