@angular-devkit/build-angular 18.0.0-next.1 → 18.0.0-next.3

package/src/tools/sass/rebasing-importer.js

@@ -69,16 +69,13 @@ class UrlRebasingImporter {
             if (value.length === 0 || value[0] === '~' || value[0] === '^') {
                 continue;
             }
-            // Skip if value is a Sass variable.
-            // Sass variable usage either starts with a `$` or contains a namespace and a `.$`
-            if (value[0] === '$' || /^\w+\.\$/.test(value)) {
-                continue;
-            }
             // Skip if root-relative, absolute or protocol relative url
             if (/^((?:\w+:)?\/\/|data:|chrome:|#|\/)/.test(value)) {
                 continue;
             }
-            const rebasedPath = (0, node_path_1.relative)(this.entryDirectory, (0, node_path_1.join)(stylesheetDirectory, value));
+            // Sass variable usage either starts with a `$` or contains a namespace and a `.$`
+            const valueNormalized = value[0] === '$' || /^\w+\.\$/.test(value) ? `#{${value}}` : value;
+            const rebasedPath = (0, node_path_1.relative)(this.entryDirectory, stylesheetDirectory) + '||file:' + valueNormalized;
             // Normalize path separators and escape characters
             // https://developer.mozilla.org/en-US/docs/Web/CSS/url#syntax
             const rebasedUrl = ensureRelative(rebasedPath.replace(/\\/g, '/').replace(/[()\s'"]/g, '\\$&'));

package/src/tools/sass/sass-service.d.ts

@@ -5,7 +5,30 @@
  * 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 { CompileResult, StringOptions } from 'sass';
+import { CompileResult, Deprecation, SourceSpan, StringOptions } from 'sass';
+export interface SerializableVersion {
+    major: number;
+    minor: number;
+    patch: number;
+}
+export interface SerializableDeprecation extends Omit<Deprecation, 'obsoleteIn' | 'deprecatedIn'> {
+    /** The version this deprecation first became active in. */
+    deprecatedIn: SerializableVersion | null;
+    /** The version this deprecation became obsolete in. */
+    obsoleteIn: SerializableVersion | null;
+}
+export type SerializableWarningMessage = ({
+    deprecation: true;
+    deprecationType: SerializableDeprecation;
+} | {
+    deprecation: false;
+}) & {
+    message: string;
+    span?: Omit<SourceSpan, 'url'> & {
+        url?: string;
+    };
+    stack?: string;
+};
 /**
  * A Sass renderer implementation that provides an interface that can be used by Webpack's
  * `sass-loader`. The implementation uses a Worker thread to perform the Sass rendering

package/src/tools/sass/worker.js

@@ -77,13 +77,15 @@ node_worker_threads_1.parentPort.on('message', (message) => {
             importer: relativeImporter,
             logger: hasLogger
                 ? {
-                    warn(message, { deprecation, span, stack }) {
+                    warn(message, warnOptions) {
                         warnings ??= [];
                         warnings.push({
+                            ...warnOptions,
                             message,
-                            deprecation,
-                            stack,
-                            span: span && convertSourceSpan(span),
+                            span: warnOptions.span && convertSourceSpan(warnOptions.span),
+                            ...convertDeprecation(warnOptions.deprecation, 
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            warnOptions.deprecationType),
                         });
                     },
                 }
@@ -162,3 +164,29 @@ function convertSourceSpan(span) {
         url: span.url ? (0, node_url_1.fileURLToPath)(span.url) : undefined,
     };
 }
+function convertDeprecation(deprecation, deprecationType) {
+    if (!deprecation || !deprecationType) {
+        return { deprecation: false };
+    }
+    const { obsoleteIn, deprecatedIn, ...rest } = deprecationType;
+    return {
+        deprecation: true,
+        deprecationType: {
+            ...rest,
+            obsoleteIn: obsoleteIn
+                ? {
+                    major: obsoleteIn.major,
+                    minor: obsoleteIn.minor,
+                    patch: obsoleteIn.patch,
+                }
+                : null,
+            deprecatedIn: deprecatedIn
+                ? {
+                    major: deprecatedIn.major,
+                    minor: deprecatedIn.minor,
+                    patch: deprecatedIn.patch,
+                }
+                : null,
+        },
+    };
+}

package/src/tools/webpack/plugins/any-component-style-budget-checker.d.ts

@@ -6,13 +6,13 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { Compiler } from 'webpack';
-import { Budget } from '../../../builders/browser/schema';
+import { BudgetEntry } from '../../../utils/bundle-calculator';
 /**
  * Check budget sizes for component styles by emitting a warning or error if a
  * budget is exceeded by a particular component's styles.
  */
 export declare class AnyComponentStyleBudgetChecker {
     private readonly budgets;
-    constructor(budgets: Budget[]);
+    constructor(budgets: BudgetEntry[]);
     apply(compiler: Compiler): void;
 }

package/src/tools/webpack/plugins/any-component-style-budget-checker.js

@@ -33,7 +33,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnyComponentStyleBudgetChecker = void 0;
 const path = __importStar(require("path"));
 const webpack_1 = require("webpack");
-const schema_1 = require("../../../builders/browser/schema");
 const bundle_calculator_1 = require("../../../utils/bundle-calculator");
 const webpack_diagnostics_1 = require("../../../utils/webpack-diagnostics");
 const PLUGIN_NAME = 'AnyComponentStyleBudgetChecker';
@@ -44,7 +43,7 @@ const PLUGIN_NAME = 'AnyComponentStyleBudgetChecker';
 class AnyComponentStyleBudgetChecker {
     budgets;
     constructor(budgets) {
-        this.budgets = budgets.filter((budget) => budget.type === schema_1.Type.AnyComponentStyle);
+        this.budgets = budgets.filter((budget) => budget.type === bundle_calculator_1.BudgetType.AnyComponentStyle);
     }
     apply(compiler) {
         compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
@@ -64,22 +63,20 @@ class AnyComponentStyleBudgetChecker {
                 const componentStyles = Object.keys(compilation.assets)
                     .filter((name) => cssExtensions.includes(path.extname(name)))
                     .map((name) => ({
+                    name,
                     size: compilation.assets[name].size(),
-                    label: name,
+                    componentStyle: true,
                 }));
-                const thresholds = this.budgets.flatMap((budget) => [...(0, bundle_calculator_1.calculateThresholds)(budget)]);
-                for (const { size, label } of componentStyles) {
-                    for (const { severity, message } of (0, bundle_calculator_1.checkThresholds)(thresholds[Symbol.iterator](), size, label)) {
-                        switch (severity) {
-                            case bundle_calculator_1.ThresholdSeverity.Warning:
-                                (0, webpack_diagnostics_1.addWarning)(compilation, message);
-                                break;
-                            case bundle_calculator_1.ThresholdSeverity.Error:
-                                (0, webpack_diagnostics_1.addError)(compilation, message);
-                                break;
-                            default:
-                                assertNever(severity);
-                        }
+                for (const { severity, message } of (0, bundle_calculator_1.checkBudgets)(this.budgets, { chunks: [], assets: componentStyles }, true)) {
+                    switch (severity) {
+                        case bundle_calculator_1.ThresholdSeverity.Warning:
+                            (0, webpack_diagnostics_1.addWarning)(compilation, message);
+                            break;
+                        case bundle_calculator_1.ThresholdSeverity.Error:
+                            (0, webpack_diagnostics_1.addError)(compilation, message);
+                            break;
+                        default:
+                            assertNever(severity);
                     }
                 }
             });

package/src/tools/webpack/plugins/index-html-webpack-plugin.js

@@ -51,7 +51,7 @@ class IndexHtmlWebpackPlugin extends index_html_generator_1.IndexHtmlGenerator {
                         });
                     }
                 }
-                const { content, warnings, errors } = await this.process({
+                const { csrContent: content, warnings, errors, } = await this.process({
                     files,
                     outputPath: (0, path_1.dirname)(this.options.outputPath),
                     baseHref: this.options.baseHref,

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

@@ -11,19 +11,6 @@ import { Configuration, StatsCompilation } from 'webpack';
 import { Schema as BrowserBuilderOptions } from '../../../builders/browser/schema';
 import { BudgetCalculatorResult } from '../../../utils/bundle-calculator';
 import { WebpackStatsOptions } from './helpers';
-export declare function formatSize(size: number): string;
-export type BundleStatsData = [
-    files: string,
-    names: string,
-    rawSize: number | string,
-    estimatedTransferSize: number | string
-];
-export interface BundleStats {
-    initial: boolean;
-    stats: BundleStatsData;
-}
-export declare function generateEsbuildBuildStatsTable([browserStats, serverStats]: [browserStats: BundleStats[], serverStats: BundleStats[]], colors: boolean, showTotalSize: boolean, showEstimatedTransferSize: boolean, budgetFailures?: BudgetCalculatorResult[], verbose?: boolean): string;
-export declare function generateBuildStatsTable(data: BundleStats[], colors: boolean, showTotalSize: boolean, showEstimatedTransferSize: boolean, budgetFailures?: BudgetCalculatorResult[]): string;
 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;

package/src/tools/webpack/utils/stats.js

@@ -33,26 +33,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.webpackStatsLogger = exports.generateBuildEventStats = exports.createWebpackLoggingCallback = exports.statsHasWarnings = exports.statsHasErrors = exports.statsErrorsToString = exports.statsWarningsToString = exports.generateBuildStatsTable = exports.generateEsbuildBuildStatsTable = exports.formatSize = void 0;
+exports.webpackStatsLogger = exports.generateBuildEventStats = exports.createWebpackLoggingCallback = exports.statsHasWarnings = exports.statsHasErrors = exports.statsErrorsToString = exports.statsWarningsToString = void 0;
 const node_assert_1 = __importDefault(require("node:assert"));
 const path = __importStar(require("node:path"));
-const node_util_1 = require("node:util");
 const utils_1 = require("../../../utils");
 const color_1 = require("../../../utils/color");
+const stats_table_1 = require("../../../utils/stats-table");
 const async_chunks_1 = require("./async-chunks");
 const helpers_1 = require("./helpers");
-function formatSize(size) {
-    if (size <= 0) {
-        return '0 bytes';
-    }
-    const abbreviations = ['bytes', 'kB', 'MB', 'GB'];
-    const index = Math.floor(Math.log(size) / Math.log(1024));
-    const roundedSize = size / Math.pow(1024, index);
-    // bytes don't have a fraction
-    const fractionDigits = index === 0 ? 0 : 2;
-    return `${roundedSize.toFixed(fractionDigits)} ${abbreviations[index]}`;
-}
-exports.formatSize = formatSize;
 function getBuildDuration(webpackStats) {
     (0, node_assert_1.default)(webpackStats.builtAt, 'buildAt cannot be undefined');
     (0, node_assert_1.default)(webpackStats.time, 'time cannot be undefined');
@@ -72,198 +60,6 @@ function generateBundleStats(info) {
         stats: [files, names, rawSize, estimatedTransferSize],
     };
 }
-function generateEsbuildBuildStatsTable([browserStats, serverStats], colors, showTotalSize, showEstimatedTransferSize, budgetFailures, verbose) {
-    const bundleInfo = generateBuildStatsData(browserStats, colors, showTotalSize, showEstimatedTransferSize, budgetFailures, verbose);
-    if (serverStats.length) {
-        const m = (x) => (colors ? color_1.colors.magenta(x) : x);
-        if (browserStats.length) {
-            bundleInfo.unshift([m('Browser bundles')]);
-            // Add seperators between browser and server logs
-            bundleInfo.push([], []);
-        }
-        bundleInfo.push([m('Server bundles')], ...generateBuildStatsData(serverStats, colors, false, false, undefined, verbose));
-    }
-    return generateTableText(bundleInfo, colors);
-}
-exports.generateEsbuildBuildStatsTable = generateEsbuildBuildStatsTable;
-function generateBuildStatsTable(data, colors, showTotalSize, showEstimatedTransferSize, budgetFailures) {
-    const bundleInfo = generateBuildStatsData(data, colors, showTotalSize, showEstimatedTransferSize, budgetFailures, true);
-    return generateTableText(bundleInfo, colors);
-}
-exports.generateBuildStatsTable = generateBuildStatsTable;
-function generateBuildStatsData(data, colors, showTotalSize, showEstimatedTransferSize, budgetFailures, verbose) {
-    if (data.length === 0) {
-        return [];
-    }
-    const g = (x) => (colors ? color_1.colors.green(x) : x);
-    const c = (x) => (colors ? color_1.colors.cyan(x) : x);
-    const r = (x) => (colors ? color_1.colors.redBright(x) : x);
-    const y = (x) => (colors ? color_1.colors.yellowBright(x) : x);
-    const bold = (x) => (colors ? color_1.colors.bold(x) : x);
-    const dim = (x) => (colors ? color_1.colors.dim(x) : x);
-    const getSizeColor = (name, file, defaultColor = c) => {
-        const severity = budgets.get(name) || (file && budgets.get(file));
-        switch (severity) {
-            case 'warning':
-                return y;
-            case 'error':
-                return r;
-            default:
-                return defaultColor;
-        }
-    };
-    const changedEntryChunksStats = [];
-    const changedLazyChunksStats = [];
-    let initialTotalRawSize = 0;
-    let changedLazyChunksCount = 0;
-    let initialTotalEstimatedTransferSize;
-    const maxLazyChunksWithoutBudgetFailures = 15;
-    const budgets = new Map();
-    if (budgetFailures) {
-        for (const { label, severity } of budgetFailures) {
-            // In some cases a file can have multiple budget failures.
-            // Favor error.
-            if (label && (!budgets.has(label) || budgets.get(label) === 'warning')) {
-                budgets.set(label, severity);
-            }
-        }
-    }
-    // Sort descending by raw size
-    data.sort((a, b) => {
-        if (a.stats[2] > b.stats[2]) {
-            return -1;
-        }
-        if (a.stats[2] < b.stats[2]) {
-            return 1;
-        }
-        return 0;
-    });
-    for (const { initial, stats } of data) {
-        const [files, names, rawSize, estimatedTransferSize] = stats;
-        if (!initial &&
-            !verbose &&
-            changedLazyChunksStats.length >= maxLazyChunksWithoutBudgetFailures &&
-            !budgets.has(names) &&
-            !budgets.has(files)) {
-            // Limit the number of lazy chunks displayed in the stats table when there is no budget failure and not in verbose mode.
-            changedLazyChunksCount++;
-            continue;
-        }
-        const getRawSizeColor = getSizeColor(names, files);
-        let data;
-        if (showEstimatedTransferSize) {
-            data = [
-                g(files),
-                dim(names),
-                getRawSizeColor(typeof rawSize === 'number' ? formatSize(rawSize) : rawSize),
-                c(typeof estimatedTransferSize === 'number'
-                    ? formatSize(estimatedTransferSize)
-                    : estimatedTransferSize),
-            ];
-        }
-        else {
-            data = [
-                g(files),
-                dim(names),
-                getRawSizeColor(typeof rawSize === 'number' ? formatSize(rawSize) : rawSize),
-                '',
-            ];
-        }
-        if (initial) {
-            changedEntryChunksStats.push(data);
-            if (typeof rawSize === 'number') {
-                initialTotalRawSize += rawSize;
-            }
-            if (showEstimatedTransferSize && typeof estimatedTransferSize === 'number') {
-                if (initialTotalEstimatedTransferSize === undefined) {
-                    initialTotalEstimatedTransferSize = 0;
-                }
-                initialTotalEstimatedTransferSize += estimatedTransferSize;
-            }
-        }
-        else {
-            changedLazyChunksStats.push(data);
-            changedLazyChunksCount++;
-        }
-    }
-    const bundleInfo = [];
-    const baseTitles = ['Names', 'Raw size'];
-    if (showEstimatedTransferSize) {
-        baseTitles.push('Estimated transfer size');
-    }
-    // Entry chunks
-    if (changedEntryChunksStats.length) {
-        bundleInfo.push(['Initial chunk files', ...baseTitles].map(bold), ...changedEntryChunksStats);
-        if (showTotalSize) {
-            const initialSizeTotalColor = getSizeColor('bundle initial', undefined, (x) => x);
-            const totalSizeElements = [
-                ' ',
-                'Initial total',
-                initialSizeTotalColor(formatSize(initialTotalRawSize)),
-            ];
-            if (showEstimatedTransferSize) {
-                totalSizeElements.push(typeof initialTotalEstimatedTransferSize === 'number'
-                    ? formatSize(initialTotalEstimatedTransferSize)
-                    : '-');
-            }
-            bundleInfo.push([], totalSizeElements.map(bold));
-        }
-    }
-    // Seperator
-    if (changedEntryChunksStats.length && changedLazyChunksStats.length) {
-        bundleInfo.push([]);
-    }
-    // Lazy chunks
-    if (changedLazyChunksStats.length) {
-        bundleInfo.push(['Lazy chunk files', ...baseTitles].map(bold), ...changedLazyChunksStats);
-        if (changedLazyChunksCount > changedLazyChunksStats.length) {
-            bundleInfo.push([
-                dim(`...and ${changedLazyChunksCount - changedLazyChunksStats.length} more lazy chunks files. ` +
-                    'Use "--verbose" to show all the files.'),
-            ]);
-        }
-    }
-    return bundleInfo;
-}
-function generateTableText(bundleInfo, colors) {
-    const skipText = (value) => value.includes('...and ');
-    const longest = [];
-    for (const item of bundleInfo) {
-        for (let i = 0; i < item.length; i++) {
-            if (item[i] === undefined) {
-                continue;
-            }
-            const currentItem = item[i].toString();
-            if (skipText(currentItem)) {
-                continue;
-            }
-            const currentLongest = (longest[i] ??= 0);
-            const currentItemLength = (0, node_util_1.stripVTControlCharacters)(currentItem).length;
-            if (currentLongest < currentItemLength) {
-                longest[i] = currentItemLength;
-            }
-        }
-    }
-    const seperator = colors ? color_1.colors.dim(' | ') : ' | ';
-    const outputTable = [];
-    for (const item of bundleInfo) {
-        for (let i = 0; i < longest.length; i++) {
-            if (item[i] === undefined) {
-                continue;
-            }
-            const currentItem = item[i].toString();
-            if (skipText(currentItem)) {
-                continue;
-            }
-            const currentItemLength = (0, node_util_1.stripVTControlCharacters)(currentItem).length;
-            const stringPad = ' '.repeat(longest[i] - currentItemLength);
-            // Values in columns at index 2 and 3 (Raw and Estimated sizes) are always right aligned.
-            item[i] = i >= 2 ? stringPad + currentItem : currentItem + stringPad;
-        }
-        outputTable.push(item.join(seperator));
-    }
-    return outputTable.join('\n');
-}
 // We use this cache because we can have multiple builders running in the same process,
 // where each builder has different output path.
 // Ideally, we should create the logging callback as a factory, but that would need a refactoring.
@@ -309,7 +105,7 @@ statsConfig, budgetFailures) {
     }
     unchangedChunkNumber = json.chunks.length - changedChunksStats.length;
     runsCache.add(json.outputPath || '');
-    const statsTable = generateBuildStatsTable(changedChunksStats, colors, unchangedChunkNumber === 0, hasEstimatedTransferSizes, budgetFailures);
+    const statsTable = (0, stats_table_1.generateBuildStatsTable)(changedChunksStats, colors, unchangedChunkNumber === 0, hasEstimatedTransferSizes, 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.

package/src/utils/action-executor.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { InlineOptions } from './bundle-inline-options';
-import { I18nOptions } from './i18n-options';
+import { I18nOptions } from './i18n-webpack';
 export declare class BundleActionExecutor {
     private workerOptions;
     private workerPool?;

package/src/utils/bundle-calculator.d.ts

@@ -5,7 +5,8 @@
  * 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 { Budget } from '../builders/browser/schema';
+import { Budget as BudgetEntry, Type as BudgetType } from '../builders/application/schema';
+export { BudgetEntry, BudgetType };
 export interface Threshold {
     limit: number;
     type: ThresholdType;
@@ -38,7 +39,6 @@ export interface BudgetStats {
     chunks?: BudgetChunk[];
     assets?: BudgetAsset[];
 }
-export declare function calculateThresholds(budget: Budget): IterableIterator<Threshold>;
-export declare function checkBudgets(budgets: Budget[], stats: BudgetStats, checkComponentStyles?: boolean): IterableIterator<BudgetCalculatorResult>;
-export declare function checkThresholds(thresholds: IterableIterator<Threshold>, size: number, label?: string): IterableIterator<BudgetCalculatorResult>;
-export {};
+export declare function calculateThresholds(budget: BudgetEntry): IterableIterator<Threshold>;
+export declare function checkBudgets(budgets: BudgetEntry[], stats: BudgetStats, checkComponentStyles?: boolean): IterableIterator<BudgetCalculatorResult>;
+export declare function checkThresholds(thresholds: Iterable<Threshold>, size: number, label?: string): IterableIterator<BudgetCalculatorResult>;

package/src/utils/bundle-calculator.js

@@ -7,9 +7,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkThresholds = exports.checkBudgets = exports.calculateThresholds = exports.ThresholdSeverity = void 0;
-const schema_1 = require("../builders/browser/schema");
-const stats_1 = require("../tools/webpack/utils/stats");
+exports.checkThresholds = exports.checkBudgets = exports.calculateThresholds = exports.ThresholdSeverity = exports.BudgetType = void 0;
+const schema_1 = require("../builders/application/schema");
+Object.defineProperty(exports, "BudgetType", { enumerable: true, get: function () { return schema_1.Type; } });
+const format_bytes_1 = require("./format-bytes");
 var ThresholdType;
 (function (ThresholdType) {
     ThresholdType["Max"] = "maximum";
@@ -273,11 +274,11 @@ function* checkThresholds(thresholds, size, label) {
                 if (size <= threshold.limit) {
                     continue;
                 }
-                const sizeDifference = (0, stats_1.formatSize)(size - threshold.limit);
+                const sizeDifference = (0, format_bytes_1.formatSize)(size - threshold.limit);
                 yield {
                     severity: threshold.severity,
                     label,
-                    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)}.`,
+                    message: `${label} exceeded maximum budget. Budget ${(0, format_bytes_1.formatSize)(threshold.limit)} was not met by ${sizeDifference} with a total of ${(0, format_bytes_1.formatSize)(size)}.`,
                 };
                 break;
             }
@@ -285,11 +286,11 @@ function* checkThresholds(thresholds, size, label) {
                 if (size >= threshold.limit) {
                     continue;
                 }
-                const sizeDifference = (0, stats_1.formatSize)(threshold.limit - size);
+                const sizeDifference = (0, format_bytes_1.formatSize)(threshold.limit - size);
                 yield {
                     severity: threshold.severity,
                     label,
-                    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)}.`,
+                    message: `${label} failed to meet minimum budget. Budget ${(0, format_bytes_1.formatSize)(threshold.limit)} was not met by ${sizeDifference} with a total of ${(0, format_bytes_1.formatSize)(size)}.`,
                 };
                 break;
             }

package/src/utils/format-bytes.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @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
+ */
+export declare function formatSize(size: number): string;

package/src/utils/format-bytes.js

@@ -0,0 +1,22 @@
+"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.formatSize = void 0;
+function formatSize(size) {
+    if (size <= 0) {
+        return '0 bytes';
+    }
+    const abbreviations = ['bytes', 'kB', 'MB', 'GB'];
+    const index = Math.floor(Math.log(size) / Math.log(1024));
+    const roundedSize = size / Math.pow(1024, index);
+    // bytes don't have a fraction
+    const fractionDigits = index === 0 ? 0 : 2;
+    return `${roundedSize.toFixed(fractionDigits)} ${abbreviations[index]}`;
+}
+exports.formatSize = formatSize;

package/src/utils/i18n-inlining.d.ts

@@ -7,5 +7,5 @@
  */
 import { BuilderContext } from '@angular-devkit/architect';
 import { EmittedFiles } from '@angular-devkit/build-webpack';
-import { I18nOptions } from './i18n-options';
+import { I18nOptions } from './i18n-webpack';
 export declare function i18nInlineEmittedFiles(context: BuilderContext, emittedFiles: EmittedFiles[], i18n: I18nOptions, baseOutputPath: string, outputPaths: string[], scriptsEntryPointName: string[], emittedPath: string, missingTranslation: 'error' | 'warning' | 'ignore' | undefined): Promise<boolean>;

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

@@ -5,10 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { BuilderContext } from '@angular-devkit/architect';
-import { Schema as BrowserBuilderSchema, I18NTranslation } from '../builders/browser/schema';
-import { Schema as ServerBuilderSchema } from '../builders/server/schema';
-import { TranslationLoader } from './load-translations';
+import type { TranslationLoader } from './load-translations';
 export interface LocaleDescription {
     files: {
         path: string;
@@ -30,11 +27,7 @@ export interface I18nOptions {
 export declare function createI18nOptions(projectMetadata: {
     i18n?: unknown;
 }, inline?: boolean | string[]): I18nOptions;
-export declare function configureI18nBuild<T extends BrowserBuilderSchema | ServerBuilderSchema>(context: BuilderContext, options: T): Promise<{
-    buildOptions: T;
-    i18n: I18nOptions;
-}>;
 export declare function loadTranslations(locale: string, desc: LocaleDescription, workspaceRoot: string, loader: TranslationLoader, logger: {
     warn: (message: string) => void;
     error: (message: string) => void;
-}, usedFormats?: Set<string>, duplicateTranslation?: I18NTranslation): void;
+}, usedFormats?: Set<string>, duplicateTranslation?: 'ignore' | 'error' | 'warning'): void;