@angular-devkit/build-angular 15.0.0-next.4 → 15.0.0-next.6

package/src/sass/sass-service.js

@@ -8,9 +8,9 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SassWorkerImplementation = void 0;
-const path_1 = require("path");
-const url_1 = require("url");
-const worker_threads_1 = require("worker_threads");
+const node_path_1 = require("node:path");
+const node_url_1 = require("node:url");
+const node_worker_threads_1 = require("node:worker_threads");
 const environment_options_1 = require("../utils/environment-options");
 /**
  * The maximum number of Workers that will be created to execute render requests.
@@ -27,7 +27,7 @@ class SassWorkerImplementation {
         this.workers = [];
         this.availableWorkers = [];
         this.requests = new Map();
-        this.workerPath = (0, path_1.join)(__dirname, './worker.js');
+        this.workerPath = (0, node_path_1.join)(__dirname, './worker.js');
         this.idCounter = 1;
         this.nextWorkerIndex = 0;
     }
@@ -76,7 +76,7 @@ class SassWorkerImplementation {
                 if (error) {
                     const url = error === null || error === void 0 ? void 0 : error.span.url;
                     if (url) {
-                        error.span.url = (0, url_1.pathToFileURL)(url);
+                        error.span.url = (0, node_url_1.pathToFileURL)(url);
                     }
                     reject(error);
                     return;
@@ -96,7 +96,7 @@ class SassWorkerImplementation {
                 options: {
                     ...serializableOptions,
                     // URL is not serializable so to convert to string here and back to URL in the worker.
-                    url: url ? (0, url_1.fileURLToPath)(url) : undefined,
+                    url: url ? (0, node_url_1.fileURLToPath)(url) : undefined,
                 },
             });
         });
@@ -115,9 +115,9 @@ class SassWorkerImplementation {
         this.requests.clear();
     }
     createWorker() {
-        const { port1: mainImporterPort, port2: workerImporterPort } = new worker_threads_1.MessageChannel();
+        const { port1: mainImporterPort, port2: workerImporterPort } = new node_worker_threads_1.MessageChannel();
         const importerSignal = new Int32Array(new SharedArrayBuffer(4));
-        const worker = new worker_threads_1.Worker(this.workerPath, {
+        const worker = new node_worker_threads_1.Worker(this.workerPath, {
             workerData: { workerImporterPort, importerSignal },
             transferList: [workerImporterPort],
         });
@@ -132,7 +132,7 @@ class SassWorkerImplementation {
                 request.callback(undefined, {
                     ...response.result,
                     // URL is not serializable so in the worker we convert to string and here back to URL.
-                    loadedUrls: response.result.loadedUrls.map((p) => (0, url_1.pathToFileURL)(p)),
+                    loadedUrls: response.result.loadedUrls.map((p) => (0, node_url_1.pathToFileURL)(p)),
                 });
             }
             else {
@@ -147,8 +147,16 @@ class SassWorkerImplementation {
                 Atomics.notify(importerSignal, 0);
                 return;
             }
-            this.processImporters(request.importers, url, options)
+            this.processImporters(request.importers, url, {
+                ...options,
+                previousResolvedModules: request.previousResolvedModules,
+            })
                 .then((result) => {
+                var _a;
+                if (result) {
+                    (_a = request.previousResolvedModules) !== null && _a !== void 0 ? _a : (request.previousResolvedModules = new Set());
+                    request.previousResolvedModules.add((0, node_path_1.dirname)(result));
+                }
                 mainImporterPort.postMessage(result);
             })
                 .catch((error) => {
@@ -171,7 +179,7 @@ class SassWorkerImplementation {
             // File importer (Can be sync or aync).
             const result = await importer.findFileUrl(url, options);
             if (result) {
-                return (0, url_1.fileURLToPath)(result);
+                return (0, node_url_1.fileURLToPath)(result);
             }
         }
         return null;

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

@@ -10,3 +10,4 @@ export declare const shouldBeautify: boolean;
 export declare const allowMinify: boolean;
 export declare const maxWorkers: number;
 export declare const useLegacySass: boolean;
+export declare const debugPerformance: boolean;

package/src/utils/environment-options.js

@@ -7,7 +7,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLegacySass = exports.maxWorkers = exports.allowMinify = exports.shouldBeautify = exports.allowMangle = void 0;
+exports.debugPerformance = exports.useLegacySass = exports.maxWorkers = exports.allowMinify = exports.shouldBeautify = exports.allowMangle = void 0;
 const color_1 = require("./color");
 function isDisabled(variable) {
     return variable === '0' || variable.toLowerCase() === 'false';
@@ -77,3 +77,5 @@ exports.useLegacySass = (() => {
     console.warn(color_1.colors.yellow(`Warning: 'NG_BUILD_LEGACY_SASS' environment variable support will be removed in version 16.`));
     return isEnabled(legacySassVariable);
 })();
+const debugPerfVariable = process.env['NG_BUILD_DEBUG_PERF'];
+exports.debugPerformance = isPresent(debugPerfVariable) && isEnabled(debugPerfVariable);

package/src/webpack/configs/common.js

@@ -44,6 +44,7 @@ const load_esm_1 = require("../../utils/load-esm");
 const plugins_1 = require("../plugins");
 const devtools_ignore_plugin_1 = require("../plugins/devtools-ignore-plugin");
 const named_chunks_plugin_1 = require("../plugins/named-chunks-plugin");
+const occurrences_plugin_1 = require("../plugins/occurrences-plugin");
 const progress_plugin_1 = require("../plugins/progress-plugin");
 const transfer_size_plugin_1 = require("../plugins/transfer-size-plugin");
 const typescript_1 = require("../plugins/typescript");
@@ -52,7 +53,7 @@ const helpers_1 = require("../utils/helpers");
 const VENDORS_TEST = /[\\/]node_modules[\\/]/;
 // eslint-disable-next-line max-lines-per-function
 async function getCommonConfig(wco) {
-    var _a, _b;
+    var _a, _b, _c;
     const { root, projectRoot, buildOptions, tsConfig, projectName, sourceRoot, tsConfigPath } = wco;
     const { cache, codeCoverage, crossOrigin = 'none', platform = 'browser', aot = true, codeCoverageExclude = [], main, polyfills, sourceMap: { styles: stylesSourceMap, scripts: scriptsSourceMap, vendor: vendorSourceMap, hidden: hiddenSourceMap, }, optimization: { styles: stylesOptimization, scripts: scriptsOptimization }, commonChunk, vendorChunk, subresourceIntegrity, verbose, poll, webWorkerTsConfig, externalDependencies = [], allowedCommonJsDependencies, } = buildOptions;
     const isPlatformServer = buildOptions.platform === 'server';
@@ -68,13 +69,28 @@ async function getCommonConfig(wco) {
     if (buildOptions.progress) {
         extraPlugins.push(new progress_plugin_1.ProgressPlugin(platform));
     }
+    const localizePackageInitEntryPoint = '@angular/localize/init';
+    const hasLocalizeType = (_a = tsConfig.options.types) === null || _a === void 0 ? void 0 : _a.some((t) => t === '@angular/localize' || t === localizePackageInitEntryPoint);
+    if (hasLocalizeType) {
+        entryPoints['main'] = [localizePackageInitEntryPoint];
+    }
     if (buildOptions.main) {
         const mainPath = path.resolve(root, buildOptions.main);
-        entryPoints['main'] = [mainPath];
+        if (Array.isArray(entryPoints['main'])) {
+            entryPoints['main'].push(mainPath);
+        }
+        else {
+            entryPoints['main'] = [mainPath];
+        }
     }
     if (isPlatformServer) {
         // Fixes Critical dependency: the request of a dependency is an expression
         extraPlugins.push(new webpack_2.ContextReplacementPlugin(/@?hapi|express[\\/]/));
+        if (Array.isArray(entryPoints['main'])) {
+            // This import must come before any imports (direct or transitive) that rely on DOM built-ins being
+            // available, such as `@angular/elements`.
+            entryPoints['main'].unshift('@angular/platform-server/init');
+        }
     }
     if (polyfills === null || polyfills === void 0 ? void 0 : polyfills.length) {
         // `zone.js/testing` is a **special** polyfill because when not imported in the main it fails with the below errors:
@@ -253,9 +269,9 @@ async function getCommonConfig(wco) {
         output: {
             uniqueName: projectName,
             hashFunction: 'xxhash64',
-            clean: (_a = buildOptions.deleteOutputPath) !== null && _a !== void 0 ? _a : true,
+            clean: (_b = buildOptions.deleteOutputPath) !== null && _b !== void 0 ? _b : true,
             path: path.resolve(root, buildOptions.outputPath),
-            publicPath: (_b = buildOptions.deployUrl) !== null && _b !== void 0 ? _b : '',
+            publicPath: (_c = buildOptions.deployUrl) !== null && _c !== void 0 ? _c : '',
             filename: `[name]${hashFormat.chunk}.js`,
             chunkFilename: `[name]${hashFormat.chunk}.js`,
             libraryTarget: isPlatformServer ? 'commonjs' : undefined,
@@ -385,7 +401,15 @@ async function getCommonConfig(wco) {
                 },
             },
         },
-        plugins: [new named_chunks_plugin_1.NamedChunksPlugin(), new plugins_1.DedupeModuleResolvePlugin({ verbose }), ...extraPlugins],
+        plugins: [
+            new named_chunks_plugin_1.NamedChunksPlugin(),
+            new occurrences_plugin_1.OccurrencesPlugin({
+                aot,
+                scriptsOptimization,
+            }),
+            new plugins_1.DedupeModuleResolvePlugin({ verbose }),
+            ...extraPlugins,
+        ],
         node: false,
     };
 }

package/src/webpack/configs/index.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
  */
-export * from './analytics';
 export * from './common';
 export * from './dev-server';
 export * from './styles';

package/src/webpack/configs/index.js

@@ -21,7 +21,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./analytics"), exports);
 __exportStar(require("./common"), exports);
 __exportStar(require("./dev-server"), exports);
 __exportStar(require("./styles"), exports);

package/src/webpack/configs/styles.js

@@ -34,10 +34,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStylesConfig = void 0;
-const fs = __importStar(require("fs"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const path = __importStar(require("path"));
-const url_1 = require("url");
+const fs = __importStar(require("node:fs"));
+const path = __importStar(require("node:path"));
+const node_url_1 = require("node:url");
 const sass_service_1 = require("../../sass/sass-service");
 const sass_service_legacy_1 = require("../../sass/sass-service-legacy");
 const environment_options_1 = require("../../utils/environment-options");
@@ -48,7 +48,7 @@ const helpers_1 = require("../utils/helpers");
 // eslint-disable-next-line max-lines-per-function
 function getStylesConfig(wco) {
     var _a, _b, _c;
-    const { root, projectRoot, buildOptions } = wco;
+    const { root, buildOptions } = wco;
     const extraPlugins = [];
     extraPlugins.push(new plugins_1.AnyComponentStyleBudgetChecker(buildOptions.budgets));
     const cssSourceMap = buildOptions.sourceMap.styles;
@@ -101,10 +101,8 @@ function getStylesConfig(wco) {
             extraPostcssPlugins.push(require(tailwindPackagePath)({ config: tailwindConfigPath }));
         }
     }
-    const postcssImports = require('postcss-import');
     const autoprefixer = require('autoprefixer');
     const postcssOptionsCreator = (inlineSourcemaps, extracted) => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const optionGenerator = (loader) => ({
             map: inlineSourcemaps
                 ? {
@@ -113,20 +111,6 @@ function getStylesConfig(wco) {
                 }
                 : undefined,
             plugins: [
-                postcssImports({
-                    load: (filename) => {
-                        return new Promise((resolve, reject) => {
-                            loader.fs.readFile(filename, (err, data) => {
-                                if (err) {
-                                    reject(err);
-                                    return;
-                                }
-                                const content = data.toString();
-                                resolve(content);
-                            });
-                        });
-                    },
-                }),
                 (0, plugins_1.PostcssCliResources)({
                     baseHref: buildOptions.baseHref,
                     deployUrl: buildOptions.deployUrl,
@@ -165,6 +149,16 @@ function getStylesConfig(wco) {
     const postCss = require('postcss');
     const postCssLoaderPath = require.resolve('postcss-loader');
     const componentStyleLoaders = [
+        {
+            loader: require.resolve('css-loader'),
+            options: {
+                url: false,
+                sourceMap: componentsSourceMap,
+                importLoaders: 1,
+                exportType: 'string',
+                esModule: false,
+            },
+        },
         {
             loader: postCssLoaderPath,
             options: {
@@ -182,6 +176,7 @@ function getStylesConfig(wco) {
             options: {
                 url: false,
                 sourceMap: !!cssSourceMap,
+                importLoaders: 1,
             },
         },
         {
@@ -261,7 +256,6 @@ function getStylesConfig(wco) {
                             // Component styles are all styles except defined global styles
                             {
                                 use: componentStyleLoaders,
-                                type: 'asset/source',
                                 resourceQuery: /\?ngResource/,
                             },
                         ],
@@ -370,11 +364,41 @@ function getSassResolutionImporter(loaderContext, root, preserveSymlinks) {
         mainFiles: ['_index', 'index', '...'],
     });
     return {
-        findFileUrl: (url, { fromImport }) => {
+        findFileUrl: async (url, { fromImport, previousResolvedModules }) => {
+            if (url.charAt(0) === '.') {
+                // Let Sass handle relative imports.
+                return null;
+            }
             const resolve = fromImport ? resolveImport : resolveModule;
-            return resolve(root, url)
-                .then((file) => (0, url_1.pathToFileURL)(file))
-                .catch(() => null);
+            // Try to resolve from root of workspace
+            let result = await tryResolve(resolve, root, url);
+            // Try to resolve from previously resolved modules.
+            if (!result && previousResolvedModules) {
+                for (const path of previousResolvedModules) {
+                    result = await tryResolve(resolve, path, url);
+                    if (result) {
+                        break;
+                    }
+                }
+            }
+            return result ? (0, node_url_1.pathToFileURL)(result) : null;
         },
     };
 }
+async function tryResolve(resolve, root, url) {
+    try {
+        return await resolve(root, url);
+    }
+    catch {
+        // Try to resolve a partial file
+        // @use '@material/button/button' as mdc-button;
+        // `@material/button/button` -> `@material/button/_button`
+        const lastSlashIndex = url.lastIndexOf('/');
+        const underscoreIndex = lastSlashIndex + 1;
+        if (underscoreIndex > 0 && url.charAt(underscoreIndex) !== '_') {
+            const partialFileUrl = `${url.slice(0, underscoreIndex)}_${url.slice(underscoreIndex)}`;
+            return resolve(root, partialFileUrl).catch(() => undefined);
+        }
+    }
+    return undefined;
+}

package/src/webpack/plugins/occurrences-plugin.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @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 { Compiler } from 'webpack';
+export interface OccurrencesPluginOptions {
+    aot?: boolean;
+    scriptsOptimization?: boolean;
+}
+export declare class OccurrencesPlugin {
+    private options;
+    constructor(options: OccurrencesPluginOptions);
+    apply(compiler: Compiler): void;
+    private countOccurrences;
+}

package/src/webpack/plugins/occurrences-plugin.js

@@ -0,0 +1,79 @@
+"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.OccurrencesPlugin = void 0;
+const PLUGIN_NAME = 'angular-occurrences-plugin';
+class OccurrencesPlugin {
+    constructor(options) {
+        this.options = options;
+    }
+    apply(compiler) {
+        compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
+            compilation.hooks.processAssets.tapPromise({
+                name: PLUGIN_NAME,
+                stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ANALYSE,
+            }, async (compilationAssets) => {
+                for (const assetName of Object.keys(compilationAssets)) {
+                    if (!assetName.endsWith('.js')) {
+                        continue;
+                    }
+                    const scriptAsset = compilation.getAsset(assetName);
+                    if (!scriptAsset || scriptAsset.source.size() <= 0) {
+                        continue;
+                    }
+                    const src = scriptAsset.source.source().toString('utf-8');
+                    let ngComponentCount = 0;
+                    if (!this.options.aot) {
+                        // Count the number of `Component({` strings (case sensitive), which happens in __decorate().
+                        ngComponentCount += this.countOccurrences(src, 'Component({');
+                    }
+                    if (this.options.scriptsOptimization) {
+                        // for ascii_only true
+                        ngComponentCount += this.countOccurrences(src, '.\\u0275cmp', false);
+                    }
+                    else {
+                        // For Ivy we just count ɵcmp.src
+                        ngComponentCount += this.countOccurrences(src, '.ɵcmp', true);
+                    }
+                    compilation.updateAsset(assetName, (s) => s, (assetInfo) => ({
+                        ...assetInfo,
+                        ngComponentCount,
+                    }));
+                }
+            });
+        });
+    }
+    countOccurrences(source, match, wordBreak = false) {
+        let count = 0;
+        // We condition here so branch prediction happens out of the loop, not in it.
+        if (wordBreak) {
+            const re = /\w/;
+            for (let pos = source.lastIndexOf(match); pos >= 0; pos = source.lastIndexOf(match, pos)) {
+                if (!(re.test(source[pos - 1] || '') || re.test(source[pos + match.length] || ''))) {
+                    count++; // 1 match, AH! AH! AH! 2 matches, AH! AH! AH!
+                }
+                pos -= match.length;
+                if (pos < 0) {
+                    break;
+                }
+            }
+        }
+        else {
+            for (let pos = source.lastIndexOf(match); pos >= 0; pos = source.lastIndexOf(match, pos)) {
+                count++; // 1 match, AH! AH! AH! 2 matches, AH! AH! AH!
+                pos -= match.length;
+                if (pos < 0) {
+                    break;
+                }
+            }
+        }
+        return count;
+    }
+}
+exports.OccurrencesPlugin = OccurrencesPlugin;

package/src/webpack/utils/stats.d.ts

@@ -22,17 +22,22 @@ export interface BundleStats {
     initial: boolean;
     stats: BundleStatsData;
 }
-export declare function generateBundleStats(info: {
-    rawSize?: number;
-    estimatedTransferSize?: number;
-    files?: string[];
-    names?: string[];
-    initial?: boolean;
-    rendered?: boolean;
-}): BundleStats;
 export declare function statsWarningsToString(json: StatsCompilation, statsConfig: WebpackStatsOptions): string;
 export declare function statsErrorsToString(json: StatsCompilation, statsConfig: WebpackStatsOptions): string;
 export declare function statsHasErrors(json: StatsCompilation): boolean;
 export declare function statsHasWarnings(json: StatsCompilation): boolean;
 export declare function createWebpackLoggingCallback(options: BrowserBuilderOptions, logger: logging.LoggerApi): WebpackLoggingCallback;
+export interface BuildEventStats {
+    aot: boolean;
+    optimization: boolean;
+    allChunksCount: number;
+    lazyChunksCount: number;
+    initialChunksCount: number;
+    changedChunksCount?: number;
+    durationInMs: number;
+    cssSizeInBytes: number;
+    jsSizeInBytes: number;
+    ngComponentCount: number;
+}
+export declare function generateBuildEventStats(webpackStats: StatsCompilation, browserBuilderOptions: BrowserBuilderOptions): BuildEventStats;
 export declare function webpackStatsLogger(logger: logging.LoggerApi, json: StatsCompilation, config: Configuration, budgetFailures?: BudgetCalculatorResult[]): void;

package/src/webpack/utils/stats.js

@@ -33,10 +33,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.webpackStatsLogger = exports.createWebpackLoggingCallback = exports.statsHasWarnings = exports.statsHasErrors = exports.statsErrorsToString = exports.statsWarningsToString = exports.generateBundleStats = exports.formatSize = void 0;
+exports.webpackStatsLogger = exports.generateBuildEventStats = exports.createWebpackLoggingCallback = exports.statsHasWarnings = exports.statsHasErrors = exports.statsErrorsToString = exports.statsWarningsToString = exports.formatSize = void 0;
 const core_1 = require("@angular-devkit/core");
+const assert_1 = __importDefault(require("assert"));
 const path = __importStar(require("path"));
 const text_table_1 = __importDefault(require("text-table"));
+const utils_1 = require("../../utils");
 const color_1 = require("../../utils/color");
 const async_chunks_1 = require("./async-chunks");
 const helpers_1 = require("./helpers");
@@ -52,6 +54,11 @@ function formatSize(size) {
     return `${roundedSize.toFixed(fractionDigits)} ${abbreviations[index]}`;
 }
 exports.formatSize = formatSize;
+function getBuildDuration(webpackStats) {
+    (0, assert_1.default)(webpackStats.builtAt, 'buildAt cannot be undefined');
+    (0, assert_1.default)(webpackStats.time, 'time cannot be undefined');
+    return Date.now() - webpackStats.builtAt + webpackStats.time;
+}
 function generateBundleStats(info) {
     var _a, _b, _c;
     const rawSize = typeof info.rawSize === 'number' ? info.rawSize : '-';
@@ -64,7 +71,6 @@ function generateBundleStats(info) {
         stats: [files, names, rawSize, estimatedTransferSize],
     };
 }
-exports.generateBundleStats = generateBundleStats;
 function generateBuildStatsTable(data, colors, showTotalSize, showEstimatedTransferSize, budgetFailures) {
     const g = (x) => (colors ? color_1.colors.greenBright(x) : x);
     const c = (x) => (colors ? color_1.colors.cyanBright(x) : x);
@@ -238,10 +244,7 @@ statsConfig, budgetFailures) {
     // In some cases we do things outside of webpack context
     // Such us index generation, service worker augmentation etc...
     // This will correct the time and include these.
-    let time = 0;
-    if (json.builtAt !== undefined && json.time !== undefined) {
-        time = Date.now() - json.builtAt + json.time;
-    }
+    const time = getBuildDuration(json);
     if (unchangedChunkNumber > 0) {
         return ('\n' +
             rs(core_1.tags.stripIndents `
@@ -370,6 +373,54 @@ function createWebpackLoggingCallback(options, logger) {
     };
 }
 exports.createWebpackLoggingCallback = createWebpackLoggingCallback;
+function generateBuildEventStats(webpackStats, browserBuilderOptions) {
+    var _a, _b;
+    const { chunks = [], assets = [] } = webpackStats;
+    let jsSizeInBytes = 0;
+    let cssSizeInBytes = 0;
+    let initialChunksCount = 0;
+    let ngComponentCount = 0;
+    let changedChunksCount = 0;
+    const allChunksCount = chunks.length;
+    const isFirstRun = !runsCache.has(webpackStats.outputPath || '');
+    const chunkFiles = new Set();
+    for (const chunk of chunks) {
+        if (!isFirstRun && chunk.rendered) {
+            changedChunksCount++;
+        }
+        if (chunk.initial) {
+            initialChunksCount++;
+        }
+        for (const file of (_a = chunk.files) !== null && _a !== void 0 ? _a : []) {
+            chunkFiles.add(file);
+        }
+    }
+    for (const asset of assets) {
+        if (asset.name.endsWith('.map') || !chunkFiles.has(asset.name)) {
+            continue;
+        }
+        if (asset.name.endsWith('.js')) {
+            jsSizeInBytes += asset.size;
+            ngComponentCount += (_b = asset.info.ngComponentCount) !== null && _b !== void 0 ? _b : 0;
+        }
+        else if (asset.name.endsWith('.css')) {
+            cssSizeInBytes += asset.size;
+        }
+    }
+    return {
+        optimization: !!(0, utils_1.normalizeOptimization)(browserBuilderOptions.optimization).scripts,
+        aot: browserBuilderOptions.aot !== false,
+        allChunksCount,
+        lazyChunksCount: allChunksCount - initialChunksCount,
+        initialChunksCount,
+        changedChunksCount,
+        durationInMs: getBuildDuration(webpackStats),
+        cssSizeInBytes,
+        jsSizeInBytes,
+        ngComponentCount,
+    };
+}
+exports.generateBuildEventStats = generateBuildEventStats;
 function webpackStatsLogger(logger, json, config, budgetFailures) {
     logger.info(statsToString(json, config.stats, budgetFailures));
     if (typeof config.stats !== 'object') {

package/src/webpack/configs/analytics.d.ts

@@ -1,11 +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 { BuilderContext } from '@angular-devkit/architect';
-import { Configuration } from 'webpack';
-import { WebpackConfigOptions } from '../../utils/build-options';
-export declare function getAnalyticsConfig(wco: WebpackConfigOptions, context: BuilderContext): Configuration;

package/src/webpack/configs/analytics.js

@@ -1,27 +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.getAnalyticsConfig = void 0;
-const analytics_1 = require("../plugins/analytics");
-function getAnalyticsConfig(wco, context) {
-    if (!context.analytics) {
-        return {};
-    }
-    // If there's analytics, add our plugin. Otherwise no need to slow down the build.
-    let category = 'build';
-    if (context.builder) {
-        // We already vetted that this is a "safe" package, otherwise the analytics would be noop.
-        category = context.builder.builderName.split(':')[1] || context.builder.builderName || 'build';
-    }
-    // The category is the builder name if it's an angular builder.
-    return {
-        plugins: [new analytics_1.NgBuildAnalyticsPlugin(wco.projectRoot, context.analytics, category)],
-    };
-}
-exports.getAnalyticsConfig = getAnalyticsConfig;