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

package/src/builders/browser/index.js

@@ -56,18 +56,18 @@ async function initialize(options, context, webpackConfigurationTransform) {
     const originalOutputPath = options.outputPath;
     // Assets are processed directly by the builder except when watching
     const adjustedOptions = options.watch ? options : { ...options, assets: [] };
-    const { config, projectRoot, projectSourceRoot, i18n, target } = await webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext(adjustedOptions, context, (wco) => [
-        configs_1.getCommonConfig(wco),
-        configs_1.getBrowserConfig(wco),
-        configs_1.getStylesConfig(wco),
-        configs_1.getStatsConfig(wco),
-        configs_1.getAnalyticsConfig(wco, context),
-        configs_1.getTypeScriptConfig(wco),
-        wco.buildOptions.webWorkerTsConfig ? configs_1.getWorkerConfig(wco) : {},
+    const { config, projectRoot, projectSourceRoot, i18n, target } = await (0, webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext)(adjustedOptions, context, (wco) => [
+        (0, configs_1.getCommonConfig)(wco),
+        (0, configs_1.getBrowserConfig)(wco),
+        (0, configs_1.getStylesConfig)(wco),
+        (0, configs_1.getStatsConfig)(wco),
+        (0, configs_1.getAnalyticsConfig)(wco, context),
+        (0, configs_1.getTypeScriptConfig)(wco),
+        wco.buildOptions.webWorkerTsConfig ? (0, configs_1.getWorkerConfig)(wco) : {},
     ]);
     // Validate asset option values if processed directly
     if (((_a = options.assets) === null || _a === void 0 ? void 0 : _a.length) && !((_b = adjustedOptions.assets) === null || _b === void 0 ? void 0 : _b.length)) {
-        utils_1.normalizeAssetPatterns(options.assets, core_1.normalize(context.workspaceRoot), core_1.normalize(projectRoot), projectSourceRoot === undefined ? undefined : core_1.normalize(projectSourceRoot)).forEach(({ output }) => {
+        (0, utils_1.normalizeAssetPatterns)(options.assets, (0, core_1.normalize)(context.workspaceRoot), (0, core_1.normalize)(projectRoot), projectSourceRoot === undefined ? undefined : (0, core_1.normalize)(projectSourceRoot)).forEach(({ output }) => {
             if (output.startsWith('..')) {
                 throw new Error('An asset cannot be written to a location outside of the output path.');
             }
@@ -78,7 +78,7 @@ async function initialize(options, context, 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, projectRoot, projectSourceRoot, i18n, target };
 }
@@ -88,7 +88,7 @@ async function initialize(options, context, webpackConfigurationTransform) {
 // eslint-disable-next-line max-lines-per-function
 function buildWebpackBrowser(options, context, transforms = {}) {
     var _a;
-    const root = core_1.normalize(context.workspaceRoot);
+    const root = (0, core_1.normalize)(context.workspaceRoot);
     const projectName = (_a = context.target) === null || _a === void 0 ? void 0 : _a.project;
     if (!projectName) {
         throw new Error('The builder requires a target.');
@@ -96,18 +96,18 @@ function buildWebpackBrowser(options, context, transforms = {}) {
     const baseOutputPath = path.resolve(context.workspaceRoot, options.outputPath);
     let outputPaths;
     // Check Angular version.
-    version_1.assertCompatibleAngularVersion(context.workspaceRoot);
-    return rxjs_1.from(context.getProjectMetadata(projectName)).pipe(operators_1.switchMap(async (projectMetadata) => {
+    (0, version_1.assertCompatibleAngularVersion)(context.workspaceRoot);
+    return (0, rxjs_1.from)(context.getProjectMetadata(projectName)).pipe((0, operators_1.switchMap)(async (projectMetadata) => {
         var _a;
-        const sysProjectRoot = core_1.getSystemPath(core_1.resolve(core_1.normalize(context.workspaceRoot), core_1.normalize((_a = projectMetadata.root) !== null && _a !== void 0 ? _a : '')));
+        const sysProjectRoot = (0, core_1.getSystemPath)((0, core_1.resolve)((0, core_1.normalize)(context.workspaceRoot), (0, core_1.normalize)((_a = projectMetadata.root) !== null && _a !== void 0 ? _a : '')));
         const buildBrowserFeatures = new utils_1.BuildBrowserFeatures(sysProjectRoot);
         checkInternetExplorerSupport(buildBrowserFeatures.supportedBrowsers, context.logger);
         return initialize(options, context, transforms.webpackConfiguration);
-    }), operators_1.switchMap(
+    }), (0, operators_1.switchMap)(
     // eslint-disable-next-line max-lines-per-function
     ({ config, projectRoot, projectSourceRoot, i18n, target }) => {
-        const normalizedOptimization = utils_1.normalizeOptimization(options.optimization);
-        return build_webpack_1.runWebpack(config, context, {
+        const normalizedOptimization = (0, utils_1.normalizeOptimization)(options.optimization);
+        return (0, build_webpack_1.runWebpack)(config, context, {
             webpackFactory: require('webpack'),
             logging: transforms.logging ||
                 ((stats, config) => {
@@ -115,7 +115,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         context.logger.info(stats.toString(config.stats));
                     }
                 }),
-        }).pipe(operators_1.concatMap(async (buildEvent) => {
+        }).pipe((0, operators_1.concatMap)(async (buildEvent) => {
             var _a, _b, _c, _d, _e;
             const spinner = new spinner_1.Spinner();
             spinner.enabled = options.progress !== false;
@@ -126,29 +126,29 @@ function buildWebpackBrowser(options, context, transforms = {}) {
             }
             // Fix incorrectly set `initial` value on chunks.
             const extraEntryPoints = [
-                ...helpers_1.normalizeExtraEntryPoints(options.styles || [], 'styles'),
-                ...helpers_1.normalizeExtraEntryPoints(options.scripts || [], 'scripts'),
+                ...(0, helpers_1.normalizeExtraEntryPoints)(options.styles || [], 'styles'),
+                ...(0, helpers_1.normalizeExtraEntryPoints)(options.scripts || [], 'scripts'),
             ];
             const webpackStats = {
                 ...webpackRawStats,
-                chunks: async_chunks_1.markAsyncChunksNonInitial(webpackRawStats, extraEntryPoints),
+                chunks: (0, async_chunks_1.markAsyncChunksNonInitial)(webpackRawStats, extraEntryPoints),
             };
             if (!success) {
                 // If using bundle downleveling then there is only one build
                 // If it fails show any diagnostic messages and bail
-                if (stats_1.statsHasWarnings(webpackStats)) {
-                    context.logger.warn(stats_1.statsWarningsToString(webpackStats, { colors: true }));
+                if ((0, stats_1.statsHasWarnings)(webpackStats)) {
+                    context.logger.warn((0, stats_1.statsWarningsToString)(webpackStats, { colors: true }));
                 }
-                if (stats_1.statsHasErrors(webpackStats)) {
-                    context.logger.error(stats_1.statsErrorsToString(webpackStats, { colors: true }));
+                if ((0, stats_1.statsHasErrors)(webpackStats)) {
+                    context.logger.error((0, stats_1.statsErrorsToString)(webpackStats, { colors: true }));
                 }
                 return { success };
             }
             else {
-                outputPaths = output_paths_1.ensureOutputPaths(baseOutputPath, i18n);
-                const scriptsEntryPointName = helpers_1.normalizeExtraEntryPoints(options.scripts || [], 'scripts').map((x) => x.bundleName);
+                outputPaths = (0, output_paths_1.ensureOutputPaths)(baseOutputPath, i18n);
+                const scriptsEntryPointName = (0, helpers_1.normalizeExtraEntryPoints)(options.scripts || [], 'scripts').map((x) => x.bundleName);
                 if (i18n.shouldInline) {
-                    const success = await i18n_inlining_1.i18nInlineEmittedFiles(context, emittedFiles, i18n, baseOutputPath, Array.from(outputPaths.values()), scriptsEntryPointName, webpackOutputPath, target <= typescript_1.ScriptTarget.ES5, options.i18nMissingTranslation);
+                    const success = await (0, i18n_inlining_1.i18nInlineEmittedFiles)(context, emittedFiles, i18n, baseOutputPath, Array.from(outputPaths.values()), scriptsEntryPointName, webpackOutputPath, target <= typescript_1.ScriptTarget.ES5, options.i18nMissingTranslation);
                     if (!success) {
                         return { success: false };
                     }
@@ -156,7 +156,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                 // Check for budget errors and display them to the user.
                 const budgets = options.budgets;
                 if (budgets === null || budgets === void 0 ? void 0 : budgets.length) {
-                    const budgetFailures = bundle_calculator_1.checkBudgets(budgets, webpackStats);
+                    const budgetFailures = (0, bundle_calculator_1.checkBudgets)(budgets, webpackStats);
                     for (const { severity, message } of budgetFailures) {
                         switch (severity) {
                             case bundle_calculator_1.ThresholdSeverity.Warning:
@@ -170,13 +170,13 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         }
                     }
                 }
-                const buildSuccess = success && !stats_1.statsHasErrors(webpackStats);
+                const buildSuccess = success && !(0, stats_1.statsHasErrors)(webpackStats);
                 if (buildSuccess) {
                     // Copy assets
                     if (!options.watch && ((_c = options.assets) === null || _c === void 0 ? void 0 : _c.length)) {
                         spinner.start('Copying assets...');
                         try {
-                            await copy_assets_1.copyAssets(utils_1.normalizeAssetPatterns(options.assets, root, core_1.normalize(projectRoot), projectSourceRoot === undefined ? undefined : core_1.normalize(projectSourceRoot)), Array.from(outputPaths.values()), context.workspaceRoot);
+                            await (0, copy_assets_1.copyAssets)((0, utils_1.normalizeAssetPatterns)(options.assets, root, (0, core_1.normalize)(projectRoot), projectSourceRoot === undefined ? undefined : (0, core_1.normalize)(projectSourceRoot)), Array.from(outputPaths.values()), context.workspaceRoot);
                             spinner.succeed('Copying assets complete.');
                         }
                         catch (err) {
@@ -186,12 +186,12 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                     }
                     if (options.index) {
                         spinner.start('Generating index html...');
-                        const entrypoints = package_chunk_sort_1.generateEntryPoints({
+                        const entrypoints = (0, package_chunk_sort_1.generateEntryPoints)({
                             scripts: (_d = options.scripts) !== null && _d !== void 0 ? _d : [],
                             styles: (_e = options.styles) !== null && _e !== void 0 ? _e : [],
                         });
                         const indexHtmlGenerator = new index_html_generator_1.IndexHtmlGenerator({
-                            indexPath: path.join(context.workspaceRoot, webpack_browser_config_1.getIndexInputFile(options.index)),
+                            indexPath: path.join(context.workspaceRoot, (0, webpack_browser_config_1.getIndexInputFile)(options.index)),
                             entrypoints,
                             deployUrl: options.deployUrl,
                             sri: options.subresourceIntegrity,
@@ -218,7 +218,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                                     });
                                     spinner.start();
                                 }
-                                const indexOutput = path.join(outputPath, webpack_browser_config_1.getIndexOutputFile(options.index));
+                                const indexOutput = path.join(outputPath, (0, webpack_browser_config_1.getIndexOutputFile)(options.index));
                                 await fs.promises.mkdir(path.dirname(indexOutput), { recursive: true });
                                 await fs.promises.writeFile(indexOutput, content);
                             }
@@ -239,7 +239,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         spinner.start('Generating service worker...');
                         for (const [locale, outputPath] of outputPaths.entries()) {
                             try {
-                                await service_worker_1.augmentAppWithServiceWorker(root, core_1.normalize(projectRoot), core_1.normalize(outputPath), getLocaleBaseHref(i18n, locale) || options.baseHref || '/', options.ngswConfigPath);
+                                await (0, service_worker_1.augmentAppWithServiceWorker)(root, (0, core_1.normalize)(projectRoot), (0, core_1.normalize)(outputPath), getLocaleBaseHref(i18n, locale) || options.baseHref || '/', options.ngswConfigPath);
                             }
                             catch (error) {
                                 spinner.fail('Service worker generation failed.');
@@ -249,10 +249,10 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                         spinner.succeed('Service worker generation complete.');
                     }
                 }
-                stats_1.webpackStatsLogger(context.logger, webpackStats, config);
+                (0, stats_1.webpackStatsLogger)(context.logger, webpackStats, config);
                 return { success: buildSuccess };
             }
-        }), operators_1.map((event) => ({
+        }), (0, operators_1.map)((event) => ({
             ...event,
             baseOutputPath,
             outputPath: baseOutputPath,
@@ -262,7 +262,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
     function getLocaleBaseHref(i18n, locale) {
         var _a, _b;
         if (i18n.locales[locale] && ((_a = i18n.locales[locale]) === null || _a === void 0 ? void 0 : _a.baseHref) !== '') {
-            return utils_1.urlJoin(options.baseHref || '', (_b = i18n.locales[locale].baseHref) !== null && _b !== void 0 ? _b : `/${locale}/`);
+            return (0, utils_1.urlJoin)(options.baseHref || '', (_b = i18n.locales[locale].baseHref) !== null && _b !== void 0 ? _b : `/${locale}/`);
         }
         return undefined;
     }
@@ -290,20 +290,10 @@ function mapEmittedFilesToFileInfo(files = []) {
     return filteredFiles;
 }
 function checkInternetExplorerSupport(supportedBrowsers, logger) {
-    const hasIE9 = supportedBrowsers.includes('ie 9');
-    const hasIE10 = supportedBrowsers.includes('ie 10');
-    const hasIE11 = supportedBrowsers.includes('ie 11');
-    if (hasIE9 || hasIE10) {
-        const browsers = (hasIE9 ? 'IE 9' + (hasIE10 ? ' & ' : '') : '') + (hasIE10 ? 'IE 10' : '');
-        logger.warn(`Warning: Support was requested for ${browsers} in the project's browserslist configuration. ` +
-            (hasIE9 && hasIE10 ? 'These browsers are' : 'This browser is') +
-            ' no longer officially supported with Angular v11 and higher.' +
-            '\nFor more information, see https://v10.angular.io/guide/deprecations#ie-9-10-and-mobile');
-    }
-    if (hasIE11) {
-        logger.warn(`Warning: Support was requested for IE 11 in the project's browserslist configuration. ` +
-            'IE 11 support is deprecated since Angular v12.' +
+    if (supportedBrowsers.some((b) => b === 'ie 9' || b === 'ie 10' || b === 'ie 11')) {
+        logger.warn(`Warning: Support was requested for Internet Explorer in the project's browserslist configuration. ` +
+            'Internet Explorer is no longer officially supported.' +
             '\nFor more information, see https://angular.io/guide/browser-support');
     }
 }
-exports.default = architect_1.createBuilder(buildWebpackBrowser);
+exports.default = (0, architect_1.createBuilder)(buildWebpackBrowser);

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

@@ -71,13 +71,13 @@ const devServerBuildOverriddenKeys = [
 function serveWebpackBrowser(options, context, transforms = {}) {
     // Check Angular version.
     const { logger, workspaceRoot } = context;
-    version_1.assertCompatibleAngularVersion(workspaceRoot);
-    const browserTarget = architect_1.targetFromTargetString(options.browserTarget);
+    (0, version_1.assertCompatibleAngularVersion)(workspaceRoot);
+    const browserTarget = (0, architect_1.targetFromTargetString)(options.browserTarget);
     async function setup() {
         var _a, _b;
         // Get the browser configuration from the target name.
         const rawBrowserOptions = (await context.getTargetOptions(browserTarget));
-        options.port = await check_port_1.checkPort((_a = options.port) !== null && _a !== void 0 ? _a : 4200, options.host || 'localhost');
+        options.port = await (0, check_port_1.checkPort)((_a = options.port) !== null && _a !== void 0 ? _a : 4200, options.host || 'localhost');
         // Override options we need to override, if defined.
         const overrides = Object.keys(options)
             .filter((key) => options[key] !== undefined && devServerBuildOverriddenKeys.includes(key))
@@ -129,7 +129,7 @@ function serveWebpackBrowser(options, context, transforms = {}) {
         rawBrowserOptions.allowedCommonJsDependencies.push('strip-ansi');
         const browserName = await context.getBuilderNameForTarget(browserTarget);
         const browserOptions = (await context.validateOptions({ ...rawBrowserOptions, ...overrides }, browserName));
-        const { styles, scripts } = utils_1.normalizeOptimization(browserOptions.optimization);
+        const { styles, scripts } = (0, utils_1.normalizeOptimization)(browserOptions.optimization);
         if (scripts || styles.minify) {
             logger.error(core_1.tags.stripIndents `
         ****************************************************************************************
@@ -140,15 +140,15 @@ function serveWebpackBrowser(options, context, transforms = {}) {
         ****************************************************************************************
       `);
         }
-        const { config, projectRoot, i18n } = await webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext(browserOptions, context, (wco) => [
-            configs_1.getDevServerConfig(wco),
-            configs_1.getCommonConfig(wco),
-            configs_1.getBrowserConfig(wco),
-            configs_1.getStylesConfig(wco),
-            configs_1.getStatsConfig(wco),
-            configs_1.getAnalyticsConfig(wco, context),
-            configs_1.getTypeScriptConfig(wco),
-            browserOptions.webWorkerTsConfig ? configs_1.getWorkerConfig(wco) : {},
+        const { config, projectRoot, i18n } = await (0, webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext)(browserOptions, context, (wco) => [
+            (0, configs_1.getDevServerConfig)(wco),
+            (0, configs_1.getCommonConfig)(wco),
+            (0, configs_1.getBrowserConfig)(wco),
+            (0, configs_1.getStylesConfig)(wco),
+            (0, configs_1.getStatsConfig)(wco),
+            (0, configs_1.getAnalyticsConfig)(wco, context),
+            (0, configs_1.getTypeScriptConfig)(wco),
+            browserOptions.webWorkerTsConfig ? (0, configs_1.getWorkerConfig)(wco) : {},
         ], devServerOptions);
         if (!config.devServer) {
             throw new Error('Webpack Dev Server configuration was not set.');
@@ -180,11 +180,11 @@ function serveWebpackBrowser(options, context, transforms = {}) {
             locale,
         };
     }
-    return rxjs_1.from(setup()).pipe(operators_1.switchMap(({ browserOptions, webpackConfig, locale }) => {
+    return (0, rxjs_1.from)(setup()).pipe((0, operators_1.switchMap)(({ browserOptions, webpackConfig, locale }) => {
         var _a, _b;
         if (browserOptions.index) {
             const { scripts = [], styles = [], baseHref } = browserOptions;
-            const entrypoints = package_chunk_sort_1.generateEntryPoints({
+            const entrypoints = (0, package_chunk_sort_1.generateEntryPoints)({
                 scripts,
                 styles,
                 // The below is needed as otherwise HMR for CSS will break.
@@ -194,23 +194,23 @@ function serveWebpackBrowser(options, context, transforms = {}) {
             });
             (_b = webpackConfig.plugins) !== null && _b !== void 0 ? _b : (webpackConfig.plugins = []);
             webpackConfig.plugins.push(new index_html_webpack_plugin_1.IndexHtmlWebpackPlugin({
-                indexPath: path.resolve(workspaceRoot, webpack_browser_config_1.getIndexInputFile(browserOptions.index)),
-                outputPath: webpack_browser_config_1.getIndexOutputFile(browserOptions.index),
+                indexPath: path.resolve(workspaceRoot, (0, webpack_browser_config_1.getIndexInputFile)(browserOptions.index)),
+                outputPath: (0, webpack_browser_config_1.getIndexOutputFile)(browserOptions.index),
                 baseHref,
                 entrypoints,
                 deployUrl: browserOptions.deployUrl,
                 sri: browserOptions.subresourceIntegrity,
                 postTransform: transforms.indexHtml,
-                optimization: utils_1.normalizeOptimization(browserOptions.optimization),
+                optimization: (0, utils_1.normalizeOptimization)(browserOptions.optimization),
                 crossOrigin: browserOptions.crossOrigin,
                 lang: locale,
             }));
         }
-        return build_webpack_1.runWebpackDevServer(webpackConfig, context, {
-            logging: transforms.logging || stats_1.createWebpackLoggingCallback(browserOptions, logger),
+        return (0, build_webpack_1.runWebpackDevServer)(webpackConfig, context, {
+            logging: transforms.logging || (0, stats_1.createWebpackLoggingCallback)(browserOptions, logger),
             webpackFactory: require('webpack'),
             webpackDevServerFactory: require('webpack-dev-server'),
-        }).pipe(operators_1.concatMap(async (buildEvent, index) => {
+        }).pipe((0, operators_1.concatMap)(async (buildEvent, index) => {
             var _a, _b;
             // Resolve serve address.
             const serverAddress = url.format({
@@ -277,7 +277,7 @@ async function setupLocalize(locale, i18n, browserOptions, webpackConfig) {
             {
                 loader: require.resolve('../../babel/webpack-loader'),
                 options: {
-                    cacheDirectory: cache_path_1.findCachePath('babel-dev-server-i18n'),
+                    cacheDirectory: (0, cache_path_1.findCachePath)('babel-dev-server-i18n'),
                     cacheIdentifier: JSON.stringify({
                         locale,
                         translationIntegrity: localeDescription === null || localeDescription === void 0 ? void 0 : localeDescription.files.map((file) => file.integrity),
@@ -297,4 +297,4 @@ async function setupLocalize(locale, i18n, browserOptions, webpackConfig) {
     }
     rules.push(i18nRule);
 }
-exports.default = architect_1.createBuilder(serveWebpackBrowser);
+exports.default = (0, architect_1.createBuilder)(serveWebpackBrowser);

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

@@ -36,6 +36,7 @@ const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
 const webpack_1 = __importDefault(require("webpack"));
 const i18n_options_1 = require("../../utils/i18n-options");
+const load_esm_1 = require("../../utils/load-esm");
 const version_1 = require("../../utils/version");
 const webpack_browser_config_1 = require("../../utils/webpack-browser-config");
 const configs_1 = require("../../webpack/configs");
@@ -61,31 +62,31 @@ function getI18nOutfile(format) {
             throw new Error(`Unsupported format "${format}"`);
     }
 }
-async function getSerializer(format, sourceLocale, basePath, useLegacyIds, diagnostics) {
+async function getSerializer(localizeToolsModule, format, sourceLocale, basePath, useLegacyIds, diagnostics) {
     switch (format) {
         case schema_2.Format.Xmb:
-            const { XmbTranslationSerializer } = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/xmb_translation_serializer')));
+            const { XmbTranslationSerializer } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/xmb_translation_serializer'))));
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return new XmbTranslationSerializer(basePath, useLegacyIds);
         case schema_2.Format.Xlf:
         case schema_2.Format.Xlif:
         case schema_2.Format.Xliff:
-            const { Xliff1TranslationSerializer } = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/xliff1_translation_serializer')));
+            const { Xliff1TranslationSerializer } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/xliff1_translation_serializer'))));
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return new Xliff1TranslationSerializer(sourceLocale, basePath, useLegacyIds, {});
         case schema_2.Format.Xlf2:
         case schema_2.Format.Xliff2:
-            const { Xliff2TranslationSerializer } = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/xliff2_translation_serializer')));
+            const { Xliff2TranslationSerializer } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/xliff2_translation_serializer'))));
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return new Xliff2TranslationSerializer(sourceLocale, basePath, useLegacyIds, {});
         case schema_2.Format.Json:
-            const { SimpleJsonTranslationSerializer } = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/json_translation_serializer')));
+            const { SimpleJsonTranslationSerializer } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/json_translation_serializer'))));
             return new SimpleJsonTranslationSerializer(sourceLocale);
         case schema_2.Format.LegacyMigrate:
-            const { LegacyMessageIdMigrationSerializer } = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/legacy_message_id_migration_serializer')));
+            const { LegacyMessageIdMigrationSerializer } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/legacy_message_id_migration_serializer'))));
             return new LegacyMessageIdMigrationSerializer(diagnostics);
         case schema_2.Format.Arb:
-            const { ArbTranslationSerializer } = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/arb_translation_serializer')));
+            const { ArbTranslationSerializer } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/translation_files/arb_translation_serializer'))));
             const fileSystem = {
                 relative(from, to) {
                     return path.relative(from, to);
@@ -122,8 +123,8 @@ class NoEmitPlugin {
 async function execute(options, context, transforms) {
     var _a;
     // Check Angular version.
-    version_1.assertCompatibleAngularVersion(context.workspaceRoot);
-    const browserTarget = architect_1.targetFromTargetString(options.browserTarget);
+    (0, version_1.assertCompatibleAngularVersion)(context.workspaceRoot);
+    const browserTarget = (0, architect_1.targetFromTargetString)(options.browserTarget);
     const browserOptions = await context.validateOptions(await context.getTargetOptions(browserTarget), await context.getBuilderNameForTarget(browserTarget));
     const format = normalizeFormatOption(options);
     // We need to determine the outFile name so that AngularCompiler can retrieve it.
@@ -137,7 +138,7 @@ async function execute(options, context, transforms) {
         throw new Error('The builder requires a target.');
     }
     const metadata = await context.getProjectMetadata(context.target);
-    const i18n = i18n_options_1.createI18nOptions(metadata);
+    const i18n = (0, i18n_options_1.createI18nOptions)(metadata);
     let useLegacyIds = true;
     const ivyMessages = [];
     const builderOptions = {
@@ -161,17 +162,17 @@ async function execute(options, context, transforms) {
         outputHashing: schema_1.OutputHashing.None,
         namedChunks: true,
     };
-    const { config, projectRoot } = await webpack_browser_config_1.generateBrowserWebpackConfigFromContext(builderOptions, context, (wco) => {
+    const { config, projectRoot } = await (0, webpack_browser_config_1.generateBrowserWebpackConfigFromContext)(builderOptions, context, (wco) => {
         var _a;
         // Default value for legacy message ids is currently true
         useLegacyIds = (_a = wco.tsConfig.options.enableI18nLegacyMessageIdFormat) !== null && _a !== void 0 ? _a : true;
         const partials = [
             { plugins: [new NoEmitPlugin()] },
-            configs_1.getCommonConfig(wco),
-            configs_1.getBrowserConfig(wco),
-            configs_1.getTypeScriptConfig(wco),
-            configs_1.getWorkerConfig(wco),
-            configs_1.getStatsConfig(wco),
+            (0, configs_1.getCommonConfig)(wco),
+            (0, configs_1.getBrowserConfig)(wco),
+            (0, configs_1.getTypeScriptConfig)(wco),
+            (0, configs_1.getWorkerConfig)(wco),
+            (0, configs_1.getStatsConfig)(wco),
         ];
         // Add Ivy application file extractor support
         partials.unshift({
@@ -210,8 +211,19 @@ async function execute(options, context, transforms) {
             outputPath: outFile,
         };
     }
-    const webpackResult = await build_webpack_1.runWebpack((await ((_a = transforms === null || transforms === void 0 ? void 0 : transforms.webpackConfiguration) === null || _a === void 0 ? void 0 : _a.call(transforms, config))) || config, context, {
-        logging: stats_1.createWebpackLoggingCallback(builderOptions, context.logger),
+    // 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 {
+        // 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.
+        localizeToolsModule = await (0, load_esm_1.loadEsmModule)('@angular/localize/tools');
+    }
+    catch { }
+    const webpackResult = await (0, build_webpack_1.runWebpack)((await ((_a = transforms === null || transforms === void 0 ? void 0 : transforms.webpackConfiguration) === null || _a === void 0 ? void 0 : _a.call(transforms, config))) || config, context, {
+        logging: (0, stats_1.createWebpackLoggingCallback)(builderOptions, context.logger),
         webpackFactory: webpack_1.default,
     }).toPromise();
     // Set the outputPath to the extraction output location for downstream consumers
@@ -221,7 +233,7 @@ async function execute(options, context, transforms) {
         return webpackResult;
     }
     const basePath = config.context || projectRoot;
-    const { checkDuplicateMessages } = await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/duplicates')));
+    const { checkDuplicateMessages } = localizeToolsModule !== null && localizeToolsModule !== void 0 ? localizeToolsModule : (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/duplicates'))));
     // The filesystem is used to create a relative path for each file
     // from the basePath.  This relative path is then used in the error message.
     const checkFileSystem = {
@@ -238,7 +250,7 @@ async function execute(options, context, transforms) {
         context.logger.warn(diagnostics.formatDiagnostics(''));
     }
     // Serialize all extracted messages
-    const serializer = await getSerializer(format, i18n.sourceLocale, basePath, useLegacyIds, diagnostics);
+    const serializer = await getSerializer(localizeToolsModule, format, i18n.sourceLocale, basePath, useLegacyIds, diagnostics);
     const content = serializer.serialize(ivyMessages);
     // Ensure directory exists
     const outputPath = path.dirname(outFile);
@@ -250,4 +262,4 @@ async function execute(options, context, transforms) {
     return webpackResult;
 }
 exports.execute = execute;
-exports.default = architect_1.createBuilder(execute);
+exports.default = (0, architect_1.createBuilder)(execute);

package/src/builders/extract-i18n/ivy-extract-loader.js

@@ -26,12 +26,41 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const extraction_1 = require("@angular/localize/src/tools/src/extract/extraction");
 const nodePath = __importStar(require("path"));
+const load_esm_1 = require("../../utils/load-esm");
 function localizeExtractLoader(content, map) {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    const loaderContext = this;
     const options = this.getOptions();
+    const callback = this.async();
+    extract(this, content, map, options).then(() => {
+        // Pass through the original content now that messages have been extracted
+        callback(undefined, content, map);
+    }, (error) => {
+        callback(error);
+    });
+}
+exports.default = localizeExtractLoader;
+async function extract(loaderContext, content, map, options) {
+    // Try to load the `@angular/localize` message extractor.
+    // 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 MessageExtractor;
+    try {
+        try {
+            // 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.
+            const localizeToolsModule = await (0, load_esm_1.loadEsmModule)('@angular/localize/tools');
+            MessageExtractor = localizeToolsModule.MessageExtractor;
+        }
+        catch {
+            MessageExtractor = (await Promise.resolve().then(() => __importStar(require('@angular/localize/src/tools/src/extract/extraction'))))
+                .MessageExtractor;
+        }
+    }
+    catch {
+        throw new Error(`Unable to load message extractor. Please ensure '@angular/localize' is installed.`);
+    }
     // Setup a Webpack-based logger instance
     const logger = {
         // level 2 is warnings
@@ -85,16 +114,13 @@ function localizeExtractLoader(content, map) {
         },
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const extractor = new extraction_1.MessageExtractor(filesystem, logger, {
+    const extractor = new MessageExtractor(filesystem, logger, {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        basePath: this.rootContext,
+        basePath: loaderContext.rootContext,
         useSourceMaps: !!map,
     });
     const messages = extractor.extractMessages(filename);
     if (messages.length > 0) {
         options === null || options === void 0 ? void 0 : options.messageHandler(messages);
     }
-    // Pass through the original content now that messages have been extracted
-    this.callback(undefined, content, map);
 }
-exports.default = localizeExtractLoader;

package/src/builders/karma/find-tests.js

@@ -56,15 +56,15 @@ function findMatchingTests(pattern, cwd, relativePathToMain) {
     }
     // special logic when pattern does not look like a glob
     if (!glob.hasMagic(pattern)) {
-        if (is_directory_1.isDirectory(path_1.join(cwd, pattern))) {
+        if ((0, is_directory_1.isDirectory)((0, path_1.join)(cwd, pattern))) {
             pattern = `${pattern}/**/*.spec.@(ts|tsx)`;
         }
         else {
             // see if matching spec file exists
-            const extension = path_1.extname(pattern);
-            const matchingSpec = `${path_1.basename(pattern, extension)}.spec${extension}`;
-            if (fs_1.existsSync(path_1.join(cwd, path_1.dirname(pattern), matchingSpec))) {
-                pattern = path_1.join(path_1.dirname(pattern), matchingSpec).replace(/\\/g, '/');
+            const extension = (0, path_1.extname)(pattern);
+            const matchingSpec = `${(0, path_1.basename)(pattern, extension)}.spec${extension}`;
+            if ((0, fs_1.existsSync)((0, path_1.join)(cwd, (0, path_1.dirname)(pattern), matchingSpec))) {
+                pattern = (0, path_1.join)((0, path_1.dirname)(pattern), matchingSpec).replace(/\\/g, '/');
             }
         }
     }

package/src/builders/karma/index.js

@@ -39,7 +39,7 @@ const single_test_transform_1 = require("../../webpack/plugins/single-test-trans
 const schema_1 = require("../browser/schema");
 const find_tests_1 = require("./find-tests");
 async function initialize(options, context, webpackConfigurationTransformer) {
-    const { config } = await webpack_browser_config_1.generateBrowserWebpackConfigFromContext(
+    const { config } = await (0, webpack_browser_config_1.generateBrowserWebpackConfigFromContext)(
     // only two properties are missing:
     // * `outputPath` which is fixed for tests
     // * `budgets` which might be incorrect due to extra dev libs
@@ -60,11 +60,11 @@ async function initialize(options, context, webpackConfigurationTransformer) {
         // https://github.com/webpack/webpack/blob/cde1b73e12eb8a77eb9ba42e7920c9ec5d29c2c9/lib/Compiler.js#L379-L388
         watch: true,
     }, context, (wco) => [
-        configs_1.getCommonConfig(wco),
-        configs_1.getStylesConfig(wco),
-        configs_1.getTypeScriptConfig(wco),
-        configs_1.getTestConfig(wco),
-        configs_1.getWorkerConfig(wco),
+        (0, configs_1.getCommonConfig)(wco),
+        (0, configs_1.getStylesConfig)(wco),
+        (0, configs_1.getTypeScriptConfig)(wco),
+        (0, configs_1.getTestConfig)(wco),
+        (0, configs_1.getWorkerConfig)(wco),
     ]);
     const karma = await Promise.resolve().then(() => __importStar(require('karma')));
     return [
@@ -77,12 +77,12 @@ async function initialize(options, context, webpackConfigurationTransformer) {
  */
 function execute(options, context, transforms = {}) {
     // Check Angular version.
-    version_1.assertCompatibleAngularVersion(context.workspaceRoot);
+    (0, version_1.assertCompatibleAngularVersion)(context.workspaceRoot);
     let singleRun;
     if (options.watch !== undefined) {
         singleRun = !options.watch;
     }
-    return rxjs_1.from(initialize(options, context, transforms.webpackConfiguration)).pipe(operators_1.switchMap(async ([karma, webpackConfig]) => {
+    return (0, rxjs_1.from)(initialize(options, context, transforms.webpackConfiguration)).pipe((0, operators_1.switchMap)(async ([karma, webpackConfig]) => {
         var _a;
         const karmaOptions = {
             singleRun,
@@ -102,8 +102,8 @@ function execute(options, context, transforms = {}) {
         }
         // prepend special webpack loader that will transform test.ts
         if (options.include && options.include.length > 0) {
-            const mainFilePath = core_1.getSystemPath(core_1.join(core_1.normalize(context.workspaceRoot), options.main));
-            const files = find_tests_1.findTests(options.include, path_1.dirname(mainFilePath), context.workspaceRoot);
+            const mainFilePath = (0, core_1.getSystemPath)((0, core_1.join)((0, core_1.normalize)(context.workspaceRoot), options.main));
+            const files = (0, find_tests_1.findTests)(options.include, (0, path_1.dirname)(mainFilePath), context.workspaceRoot);
             // early exit, no reason to start karma
             if (!files.length) {
                 throw new Error(`Specified patterns: "${options.include.join(', ')}" did not match any spec files.`);
@@ -133,9 +133,9 @@ function execute(options, context, transforms = {}) {
             webpackConfig,
             logger: context.logger,
         };
-        const config = await karma.config.parseConfig(path_1.resolve(context.workspaceRoot, options.karmaConfig), transforms.karmaOptions ? transforms.karmaOptions(karmaOptions) : karmaOptions, { promiseConfig: true, throwErrors: true });
+        const config = await karma.config.parseConfig((0, path_1.resolve)(context.workspaceRoot, options.karmaConfig), transforms.karmaOptions ? transforms.karmaOptions(karmaOptions) : karmaOptions, { promiseConfig: true, throwErrors: true });
         return [karma, config];
-    }), operators_1.switchMap(([karma, karmaConfig]) => new rxjs_1.Observable((subscriber) => {
+    }), (0, operators_1.switchMap)(([karma, karmaConfig]) => new rxjs_1.Observable((subscriber) => {
         var _a, _b, _c;
         var _d, _e;
         // Pass onto Karma to emit BuildEvents.
@@ -154,7 +154,7 @@ function execute(options, context, transforms = {}) {
         const karmaStart = karmaServer.start();
         // Cleanup, signal Karma to exit.
         return () => karmaStart.then(() => karmaServer.stop());
-    })), operators_1.defaultIfEmpty({ success: false }));
+    })), (0, operators_1.defaultIfEmpty)({ success: false }));
 }
 exports.execute = execute;
-exports.default = architect_1.createBuilder(execute);
+exports.default = (0, architect_1.createBuilder)(execute);