@angular-devkit/build-angular 12.0.0-rc.3 → 12.0.3

package/src/utils/index.js

@@ -27,4 +27,3 @@ __exportStar(require("./normalize-source-maps"), exports);
 __exportStar(require("./normalize-optimization"), exports);
 __exportStar(require("./normalize-builder-schema"), exports);
 __exportStar(require("./url"), exports);
-__exportStar(require("./workers"), exports);

package/src/utils/service-worker.js

@@ -40,7 +40,7 @@ class CliFilesystem {
         for await (const entry of await fs_1.promises.opendir(dir)) {
             if (entry.isFile()) {
                 // Uses posix paths since the service worker expects URLs
-                items.push('/' + path.posix.relative(this.base, path.posix.join(dir, entry.name)));
+                items.push('/' + path.relative(this.base, path.join(dir, entry.name)).replace(/\\/g, '/'));
             }
             else if (entry.isDirectory()) {
                 subdirectories.push(path.join(dir, entry.name));

package/src/webpack/configs/common.js

@@ -23,7 +23,6 @@ const webpack_diagnostics_1 = require("../../utils/webpack-diagnostics");
 const plugins_1 = require("../plugins");
 const helpers_1 = require("../utils/helpers");
 const stats_1 = require("../utils/stats");
-const TerserPlugin = require('terser-webpack-plugin');
 // eslint-disable-next-line max-lines-per-function
 function getCommonConfig(wco) {
     var _a;
@@ -34,7 +33,33 @@ function getCommonConfig(wco) {
     const entryPoints = {};
     // determine hashing format
     const hashFormat = helpers_1.getOutputHashFormat(buildOptions.outputHashing || 'none');
+    const buildBrowserFeatures = new utils_1.BuildBrowserFeatures(projectRoot);
     const targetInFileName = helpers_1.getEsVersionForFileName(tsConfig.options.target, buildOptions.differentialLoadingNeeded);
+    if (buildOptions.progress) {
+        const spinner = new spinner_1.Spinner();
+        spinner.start(`Generating ${platform} application bundles (phase: setup)...`);
+        let previousPercentage;
+        extraPlugins.push(new webpack_1.ProgressPlugin({
+            handler: (percentage, message) => {
+                if (previousPercentage === 1 && percentage !== 0) {
+                    // In some scenarios in Webpack 5 percentage goes from 1 back to 0.99.
+                    // Ex: 0.99 -> 1 -> 0.99 -> 1
+                    // This causes the "complete" message to be displayed multiple times.
+                    return;
+                }
+                switch (percentage) {
+                    case 1:
+                        spinner.succeed(`${platform.replace(/^\w/, (s) => s.toUpperCase())} application bundle generation complete.`);
+                        break;
+                    case 0:
+                    default:
+                        spinner.text = `Generating ${platform} application bundles (phase: ${message})...`;
+                        break;
+                }
+                previousPercentage = percentage;
+            },
+        }));
+    }
     if (buildOptions.main) {
         const mainPath = path.resolve(root, buildOptions.main);
         entryPoints['main'] = [mainPath];
@@ -42,7 +67,6 @@ function getCommonConfig(wco) {
     const differentialLoadingMode = buildOptions.differentialLoadingNeeded && !buildOptions.watch;
     if (platform !== 'server') {
         if (differentialLoadingMode || tsConfig.options.target === typescript_1.ScriptTarget.ES5) {
-            const buildBrowserFeatures = new utils_1.BuildBrowserFeatures(projectRoot);
             if (buildBrowserFeatures.isEs5SupportNeeded()) {
                 const polyfillsChunkName = 'polyfills-es5';
                 entryPoints[polyfillsChunkName] = [path.join(__dirname, '..', 'es5-polyfills.js')];
@@ -162,32 +186,6 @@ function getCommonConfig(wco) {
             patterns: copyWebpackPluginPatterns,
         }));
     }
-    if (buildOptions.progress) {
-        const spinner = new spinner_1.Spinner();
-        let previousPercentage;
-        extraPlugins.push(new webpack_1.ProgressPlugin({
-            handler: (percentage, message) => {
-                if (previousPercentage === 1 && percentage !== 0) {
-                    // In some scenarios in Webpack 5 percentage goes from 1 back to 0.99.
-                    // Ex: 0.99 -> 1 -> 0.99 -> 1
-                    // This causes the "complete" message to be displayed multiple times.
-                    return;
-                }
-                switch (percentage) {
-                    case 0:
-                        spinner.start(`Generating ${platform} application bundles...`);
-                        break;
-                    case 1:
-                        spinner.succeed(`${platform.replace(/^\w/, (s) => s.toUpperCase())} application bundle generation complete.`);
-                        break;
-                    default:
-                        spinner.text = `Generating ${platform} application bundles (phase: ${message})...`;
-                        break;
-                }
-                previousPercentage = percentage;
-            },
-        }));
-    }
     if (buildOptions.showCircularDependencies) {
         const CircularDependencyPlugin = require('circular-dependency-plugin');
         extraPlugins.push(new CircularDependencyPlugin({
@@ -200,7 +198,7 @@ function getCommonConfig(wco) {
                 compiler.hooks.done.tapPromise('angular-cli-stats', async (stats) => {
                     const { stringifyStream } = await Promise.resolve().then(() => require('@discoveryjs/json-ext'));
                     const data = stats.toJson('verbose');
-                    const statsOutputPath = path.join(root, buildOptions.outputPath, 'stats.json');
+                    const statsOutputPath = path.resolve(root, buildOptions.outputPath, 'stats.json');
                     try {
                         await fs_1.promises.mkdir(path.dirname(statsOutputPath), { recursive: true });
                         await new Promise((resolve, reject) => stringifyStream(data)
@@ -234,14 +232,8 @@ function getCommonConfig(wco) {
         ];
     }
     const extraMinimizers = [];
-    if (stylesOptimization.minify) {
-        extraMinimizers.push(new plugins_1.OptimizeCssWebpackPlugin({
-            sourceMap: stylesSourceMap,
-            // component styles retain their original file name
-            test: (file) => /\.(?:css|scss|sass|less|styl)$/.test(file),
-        }));
-    }
     if (scriptsOptimization) {
+        const TerserPlugin = require('terser-webpack-plugin');
         const { GLOBAL_DEFS_FOR_TERSER, GLOBAL_DEFS_FOR_TERSER_WITH_AOT, } = require('@angular/compiler-cli');
         const angularGlobalDefinitions = buildOptions.aot
             ? GLOBAL_DEFS_FOR_TERSER_WITH_AOT
@@ -285,9 +277,7 @@ function getCommonConfig(wco) {
         };
         const globalScriptsNames = globalScriptsByBundleName.map((s) => s.bundleName);
         extraMinimizers.push(new TerserPlugin({
-            sourceMap: scriptsSourceMap,
-            parallel: utils_1.maxWorkers,
-            cache: !environment_options_1.cachingDisabled && cache_path_1.findCachePath('terser-webpack'),
+            parallel: environment_options_1.maxWorkers,
             extractComments: false,
             exclude: globalScriptsNames,
             terserOptions,
@@ -295,9 +285,7 @@ function getCommonConfig(wco) {
         // Script bundles are fully optimized here in one step since they are never downleveled.
         // They are shared between ES2015 & ES5 outputs so must support ES5.
         new TerserPlugin({
-            sourceMap: scriptsSourceMap,
-            parallel: utils_1.maxWorkers,
-            cache: !environment_options_1.cachingDisabled && cache_path_1.findCachePath('terser-webpack'),
+            parallel: environment_options_1.maxWorkers,
             extractComments: false,
             include: globalScriptsNames,
             terserOptions: {
@@ -337,6 +325,7 @@ function getCommonConfig(wco) {
         context: root,
         entry: entryPoints,
         output: {
+            clean: buildOptions.deleteOutputPath,
             path: path.resolve(root, buildOptions.outputPath),
             publicPath: (_a = buildOptions.deployUrl) !== null && _a !== void 0 ? _a : '',
             filename: ({ chunk }) => {
@@ -374,6 +363,8 @@ function getCommonConfig(wco) {
                 },
                 {
                     test: /\.[cm]?js$|\.tsx?$/,
+                    // The below is needed due to a bug in `@babel/runtime`. See: https://github.com/babel/babel/issues/12824
+                    resolve: { fullySpecified: false },
                     exclude: [/[\/\\](?:core-js|\@babel|tslib|web-animations-js)[\/\\]/],
                     use: [
                         {
@@ -390,6 +381,10 @@ function getCommonConfig(wco) {
                 ...extraRules,
             ],
         },
+        experiments: {
+            syncWebAssembly: true,
+            asyncWebAssembly: true,
+        },
         cache: !!buildOptions.watch &&
             !environment_options_1.cachingDisabled && {
             type: 'memory',

package/src/webpack/configs/server.js

@@ -34,6 +34,14 @@ function getServerConfig(wco) {
         output: {
             libraryTarget: 'commonjs',
         },
+        module: {
+            parser: {
+                javascript: {
+                    worker: false,
+                    url: false,
+                },
+            },
+        },
         plugins: [
             // Fixes Critical dependency: the request of a dependency is an expression
             new webpack_1.ContextReplacementPlugin(/@?hapi(\\|\/)/),

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

@@ -13,16 +13,11 @@ export declare function getWebpackStatsConfig(verbose?: boolean): {
     timings: boolean;
     chunks: boolean;
     builtAt: boolean;
-    chunkModules: boolean;
-    children: boolean;
-    modules: boolean;
-    reasons: boolean;
     warnings: boolean;
     errors: boolean;
     assets: boolean;
-    version: boolean;
-    errorDetails: boolean;
-    moduleTrace: boolean;
+    ids: boolean;
+    entrypoints: boolean;
 };
 export declare function getStatsConfig(wco: WebpackConfigOptions): {
     stats: {
@@ -32,15 +27,10 @@ export declare function getStatsConfig(wco: WebpackConfigOptions): {
         timings: boolean;
         chunks: boolean;
         builtAt: boolean;
-        chunkModules: boolean;
-        children: boolean;
-        modules: boolean;
-        reasons: boolean;
         warnings: boolean;
         errors: boolean;
         assets: boolean;
-        version: boolean;
-        errorDetails: boolean;
-        moduleTrace: boolean;
+        ids: boolean;
+        entrypoints: boolean;
     };
 };

package/src/webpack/configs/stats.js

@@ -15,16 +15,12 @@ const webpackOutputOptions = {
     timings: true,
     chunks: true,
     builtAt: true,
-    chunkModules: false,
-    children: false,
-    modules: false,
-    reasons: false,
     warnings: true,
     errors: true,
     assets: true,
-    version: false,
-    errorDetails: false,
-    moduleTrace: false,
+    // Needed for markAsyncChunksNonInitial.
+    ids: true,
+    entrypoints: true,
 };
 const verboseWebpackOutputOptions = {
     // The verbose output will most likely be piped to a file, so colors just mess it up.
@@ -39,8 +35,8 @@ const verboseWebpackOutputOptions = {
     errorDetails: true,
     moduleTrace: true,
     logging: 'verbose',
+    modulesSpace: Infinity,
 };
-verboseWebpackOutputOptions['modulesSpace'] = Infinity;
 function getWebpackStatsConfig(verbose = false) {
     return verbose
         ? { ...webpackOutputOptions, ...verboseWebpackOutputOptions }

package/src/webpack/configs/styles.js

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStylesConfig = void 0;
 const fs = require("fs");
 const path = require("path");
+const sass_service_1 = require("../../sass/sass-service");
 const build_browser_features_1 = require("../../utils/build-browser-features");
+const environment_options_1 = require("../../utils/environment-options");
 const plugins_1 = require("../plugins");
 const helpers_1 = require("../utils/helpers");
 function resolveGlobalStyles(styleEntrypoints, root, preserveSymlinks) {
@@ -62,7 +64,7 @@ function getStylesConfig(wco) {
     // use includePaths from appConfig
     const includePaths = (_c = (_b = (_a = buildOptions.stylePreprocessorOptions) === null || _a === void 0 ? void 0 : _a.includePaths) === null || _b === void 0 ? void 0 : _b.map((p) => path.resolve(root, p))) !== null && _c !== void 0 ? _c : [];
     // Process global styles.
-    const { entryPoints, noInjectNames, paths: globalStylePaths } = resolveGlobalStyles(buildOptions.styles, root, !!buildOptions.preserveSymlinks);
+    const { entryPoints, noInjectNames, paths: globalStylePaths, } = resolveGlobalStyles(buildOptions.styles, root, !!buildOptions.preserveSymlinks);
     if (noInjectNames.length > 0) {
         // Add plugin to remove hashes from lazy styles.
         extraPlugins.push(new plugins_1.RemoveHashPlugin({ chunkNames: noInjectNames, hashFormat }));
@@ -78,7 +80,7 @@ function getStylesConfig(wco) {
             `To opt-out of the deprecated behaviour and start using 'sass' uninstall 'node-sass'.`);
     }
     catch {
-        sassImplementation = require('sass');
+        sassImplementation = new sass_service_1.SassWorkerImplementation();
     }
     const assetNameTemplate = helpers_1.assetNameTemplateFactory(hashFormat);
     const extraPostcssPlugins = [];
@@ -115,6 +117,11 @@ function getStylesConfig(wco) {
         }
     }
     const { supportedBrowsers } = new build_browser_features_1.BuildBrowserFeatures(wco.projectRoot);
+    const postcssPresetEnvPlugin = postcssPresetEnv({
+        browsers: supportedBrowsers,
+        autoprefixer: true,
+        stage: 3,
+    });
     const postcssOptionsCreator = (inlineSourcemaps, extracted) => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const optionGenerator = (loader) => ({
@@ -150,11 +157,7 @@ function getStylesConfig(wco) {
                     extracted,
                 }),
                 ...extraPostcssPlugins,
-                postcssPresetEnv({
-                    browsers: supportedBrowsers,
-                    autoprefixer: true,
-                    stage: 3,
-                }),
+                postcssPresetEnvPlugin,
             ],
         });
         // postcss-loader fails when trying to determine configuration files for data URIs
@@ -232,6 +235,8 @@ function getStylesConfig(wco) {
                         implementation: sassImplementation,
                         sourceMap: true,
                         sassOptions: {
+                            // Prevent use of `fibers` package as it no longer works in newer Node.js versions
+                            fiber: false,
                             // bootstrap-sass requires a minimum precision of 8
                             precision: 8,
                             includePaths,
@@ -340,11 +345,46 @@ function getStylesConfig(wco) {
             ],
         });
     }
+    const extraMinimizers = [];
+    if (buildOptions.optimization.styles.minify) {
+        const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+        const minimizerOptions = {
+            preset: [
+                'default',
+                {
+                    // Disable SVG optimizations, as this can cause optimizations which are not compatible in all browsers.
+                    svgo: false,
+                    // Disable `calc` optimizations, due to several issues. #16910, #16875, #17890
+                    calc: false,
+                    // Disable CSS rules sorted due to several issues #20693, https://github.com/ionic-team/ionic-framework/issues/23266 and https://github.com/cssnano/cssnano/issues/1054
+                    cssDeclarationSorter: false,
+                },
+            ],
+        };
+        const globalBundlesRegExp = new RegExp(`^(${Object.keys(entryPoints).join('|')})(\.[0-9a-f]{20})?.css$`);
+        extraMinimizers.push(new CssMinimizerPlugin({
+            // Component styles retain their original file name
+            test: /\.(?:css|scss|sass|less|styl)$/,
+            parallel: false,
+            exclude: globalBundlesRegExp,
+            minify: [CssMinimizerPlugin.cssnanoMinify],
+            minimizerOptions,
+        }), new CssMinimizerPlugin({
+            test: /\.css$/,
+            include: globalBundlesRegExp,
+            parallel: environment_options_1.maxWorkers,
+            minify: [CssMinimizerPlugin.cssnanoMinify],
+            minimizerOptions,
+        }));
+    }
     return {
         entry: entryPoints,
         module: {
             rules: [...fileLanguageRules, ...inlineLanguageRules],
         },
+        optimization: {
+            minimizer: extraMinimizers,
+        },
         plugins: extraPlugins,
     };
 }

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

@@ -40,7 +40,7 @@ class IndexHtmlWebpackPlugin extends index_html_generator_1.IndexHtmlGenerator {
             const moduleFiles = [];
             try {
                 for (const [entryName, entrypoint] of this.compilation.entrypoints) {
-                    const entryFiles = (_a = entrypoint === null || entrypoint === void 0 ? void 0 : entrypoint.getFiles()) === null || _a === void 0 ? void 0 : _a.map((f) => ({
+                    const entryFiles = (_a = entrypoint === null || entrypoint === void 0 ? void 0 : entrypoint.getFiles()) === null || _a === void 0 ? void 0 : _a.filter((f) => !f.endsWith('.hot-update.js')).map((f) => ({
                         name: entryName,
                         file: f,
                         extension: path_1.extname(f),

package/src/webpack/plugins/index.d.ts

@@ -6,7 +6,6 @@
  * found in the LICENSE file at https://angular.io/license
  */
 export { AnyComponentStyleBudgetChecker } from './any-component-style-budget-checker';
-export { OptimizeCssWebpackPlugin, OptimizeCssWebpackPluginOptions, } from './optimize-css-webpack-plugin';
 export { ScriptsWebpackPlugin, ScriptsWebpackPluginOptions } from './scripts-webpack-plugin';
 export { SuppressExtractedTextChunksWebpackPlugin } from './suppress-entry-chunks-webpack-plugin';
 export { RemoveHashPlugin, RemoveHashPluginOptions } from './remove-hash-plugin';

package/src/webpack/plugins/index.js

@@ -7,12 +7,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PostcssCliResources = exports.CommonJsUsageWarnPlugin = exports.DedupeModuleResolvePlugin = exports.RemoveHashPlugin = exports.SuppressExtractedTextChunksWebpackPlugin = exports.ScriptsWebpackPlugin = exports.OptimizeCssWebpackPlugin = exports.AnyComponentStyleBudgetChecker = void 0;
+exports.PostcssCliResources = exports.CommonJsUsageWarnPlugin = exports.DedupeModuleResolvePlugin = exports.RemoveHashPlugin = exports.SuppressExtractedTextChunksWebpackPlugin = exports.ScriptsWebpackPlugin = exports.AnyComponentStyleBudgetChecker = void 0;
 // Exports the webpack plugins we use internally.
 var any_component_style_budget_checker_1 = require("./any-component-style-budget-checker");
 Object.defineProperty(exports, "AnyComponentStyleBudgetChecker", { enumerable: true, get: function () { return any_component_style_budget_checker_1.AnyComponentStyleBudgetChecker; } });
-var optimize_css_webpack_plugin_1 = require("./optimize-css-webpack-plugin");
-Object.defineProperty(exports, "OptimizeCssWebpackPlugin", { enumerable: true, get: function () { return optimize_css_webpack_plugin_1.OptimizeCssWebpackPlugin; } });
 var scripts_webpack_plugin_1 = require("./scripts-webpack-plugin");
 Object.defineProperty(exports, "ScriptsWebpackPlugin", { enumerable: true, get: function () { return scripts_webpack_plugin_1.ScriptsWebpackPlugin; } });
 var suppress_entry_chunks_webpack_plugin_1 = require("./suppress-entry-chunks-webpack-plugin");

package/src/webpack/plugins/postcss-cli-resources.js

@@ -83,7 +83,7 @@ function default_1(options) {
                 }
                 loader.addDependency(result);
                 if (emitFile) {
-                    loader.emitFile(outputPath, content, undefined);
+                    loader.emitFile(outputPath, content, undefined, { sourceFilename: result });
                 }
                 let outputUrl = outputPath.replace(/\\/g, '/');
                 if (hash || search) {

package/src/webpack/utils/async-chunks.js

@@ -24,17 +24,13 @@ function markAsyncChunksNonInitial(webpackStats, extraEntryPoints) {
         .filter((entryPoint) => !entryPoint.inject)
         .flatMap((entryPoint) => entryPoints[entryPoint.bundleName].chunks);
     // Find chunks for each ID.
-    const asyncChunks = asyncChunkIds
-        .map((chunkId) => {
+    const asyncChunks = asyncChunkIds.map((chunkId) => {
         const chunk = chunks.find((chunk) => chunk.id === chunkId);
         if (!chunk) {
             throw new Error(`Failed to find chunk (${chunkId}) in set:\n${JSON.stringify(chunks)}`);
         }
         return chunk;
-    })
-        // All Webpack chunks are dependent on `runtime`, which is never an async
-        // entry point, simply ignore this one.
-        .filter((chunk) => { var _a; return !!((_a = chunk.names) === null || _a === void 0 ? void 0 : _a.includes('runtime')); });
+    });
     // A chunk is considered `initial` only if Webpack already belives it to be initial
     // and the application developer did not mark it async via an extra entry point.
     return chunks.map((chunk) => ({

package/src/webpack/utils/stats.js

@@ -12,6 +12,7 @@ const core_1 = require("@angular-devkit/core");
 const path = require("path");
 const textTable = require("text-table");
 const color_1 = require("../../utils/color");
+const stats_1 = require("../configs/stats");
 function formatSize(size) {
     if (size <= 0) {
         return '0 bytes';
@@ -259,13 +260,7 @@ function createWebpackLoggingCallback(verbose, logger) {
         if (verbose) {
             logger.info(stats.toString(config.stats));
         }
-        webpackStatsLogger(logger, stats.toJson({
-            errors: true,
-            warnings: true,
-            builtAt: true,
-            assets: true,
-            chunks: true,
-        }), config);
+        webpackStatsLogger(logger, stats.toJson(stats_1.getWebpackStatsConfig(false)), config);
     };
 }
 exports.createWebpackLoggingCallback = createWebpackLoggingCallback;

package/src/utils/workers.d.ts

@@ -1,22 +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
- */
-/**
- * Use CPU count -1 with limit to 7 for workers not to clog the system.
- * Some environments, like CircleCI which use Docker report a number of CPUs by the host and not the count of available.
- * This cause `Error: Call retries were exceeded` errors when trying to use them.
- *
- * See:
- *
- * https://github.com/nodejs/node/issues/28762
- *
- * https://github.com/webpack-contrib/terser-webpack-plugin/issues/143
- *
- * https://github.com/angular/angular-cli/issues/16860#issuecomment-588828079
- *
- */
-export declare const maxWorkers: number;

package/src/utils/workers.js

@@ -1,26 +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.maxWorkers = void 0;
-const os_1 = require("os");
-/**
- * Use CPU count -1 with limit to 7 for workers not to clog the system.
- * Some environments, like CircleCI which use Docker report a number of CPUs by the host and not the count of available.
- * This cause `Error: Call retries were exceeded` errors when trying to use them.
- *
- * See:
- *
- * https://github.com/nodejs/node/issues/28762
- *
- * https://github.com/webpack-contrib/terser-webpack-plugin/issues/143
- *
- * https://github.com/angular/angular-cli/issues/16860#issuecomment-588828079
- *
- */
-exports.maxWorkers = Math.max(Math.min(os_1.cpus().length, 8) - 1, 1);

package/src/webpack/plugins/optimize-css-webpack-plugin.d.ts

@@ -1,17 +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 { Compiler } from 'webpack';
-export interface OptimizeCssWebpackPluginOptions {
-    sourceMap: boolean;
-    test: (file: string) => boolean;
-}
-export declare class OptimizeCssWebpackPlugin {
-    private readonly _options;
-    constructor(options: Partial<OptimizeCssWebpackPluginOptions>);
-    apply(compiler: Compiler): void;
-}

package/src/webpack/plugins/optimize-css-webpack-plugin.js

@@ -1,106 +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.OptimizeCssWebpackPlugin = void 0;
-const cssNano = require("cssnano");
-const webpack_1 = require("webpack");
-const webpack_diagnostics_1 = require("../../utils/webpack-diagnostics");
-const PLUGIN_NAME = 'optimize-css-webpack-plugin';
-function hook(compiler, action) {
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
-        compilation.hooks.processAssets.tapPromise({
-            name: PLUGIN_NAME,
-            stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
-        }, (assets) => action(compilation, Object.keys(assets)));
-    });
-}
-class OptimizeCssWebpackPlugin {
-    constructor(options) {
-        this._options = {
-            sourceMap: false,
-            test: (file) => file.endsWith('.css'),
-            ...options,
-        };
-    }
-    apply(compiler) {
-        hook(compiler, (compilation, assetsURI) => {
-            const files = [...compilation.additionalChunkAssets, ...assetsURI];
-            const actions = files
-                .filter((file) => this._options.test(file))
-                .map(async (file) => {
-                const asset = compilation.assets[file];
-                if (!asset) {
-                    return;
-                }
-                let content;
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                let map;
-                if (this._options.sourceMap && asset.sourceAndMap) {
-                    const sourceAndMap = asset.sourceAndMap({});
-                    content = sourceAndMap.source;
-                    map = sourceAndMap.map;
-                }
-                else {
-                    content = asset.source();
-                }
-                if (typeof content !== 'string') {
-                    content = content.toString();
-                }
-                if (content.length === 0) {
-                    return;
-                }
-                const cssNanoOptions = {
-                    preset: [
-                        'default',
-                        {
-                            // Disable SVG optimizations, as this can cause optimizations which are not compatible in all browsers.
-                            svgo: false,
-                            // Disable `calc` optimizations, due to several issues. #16910, #16875, #17890
-                            calc: false,
-                            // Disable CSS rules sorted due to several issues #20693, https://github.com/ionic-team/ionic-framework/issues/23266 and https://github.com/cssnano/cssnano/issues/1054
-                            cssDeclarationSorter: false,
-                        },
-                    ],
-                };
-                const postCssOptions = {
-                    from: file,
-                    map: map && { annotation: false, prev: map },
-                };
-                try {
-                    const output = await new Promise((resolve, reject) => {
-                        // @types/cssnano are not up to date with version 5.
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        cssNano(cssNanoOptions)
-                            .process(content, postCssOptions)
-                            .then(resolve)
-                            .catch((err) => reject(err));
-                    });
-                    for (const { text } of output.warnings()) {
-                        webpack_diagnostics_1.addWarning(compilation, text);
-                    }
-                    let newSource;
-                    if (output.map) {
-                        newSource = new webpack_1.sources.SourceMapSource(output.css, file, output.map.toString(), content, map);
-                    }
-                    else {
-                        newSource = new webpack_1.sources.RawSource(output.css);
-                    }
-                    compilation.assets[file] = newSource;
-                }
-                catch (error) {
-                    webpack_diagnostics_1.addError(compilation, error.message);
-                    return;
-                }
-            });
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            return Promise.all(actions).then(() => { });
-        });
-    }
-}
-exports.OptimizeCssWebpackPlugin = OptimizeCssWebpackPlugin;