@angular-devkit/build-angular 12.0.0-rc.0 → 12.0.0

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

@@ -1 +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 {};

package/src/webpack/plugins/karma/karma.js

@@ -1,4 +1,11 @@
 "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 });
 const path = require("path");
 const glob = require("glob");
@@ -18,13 +25,13 @@ function addKarmaFiles(files, newFiles, prepend = false) {
     const defaults = {
         included: true,
         served: true,
-        watched: true
+        watched: true,
     };
     const processedFiles = newFiles
         // Remove globs that do not match any files, otherwise Karma will show a warning for these.
-        .filter(file => glob.sync(file.pattern, { nodir: true }).length != 0)
+        .filter((file) => glob.sync(file.pattern, { nodir: true }).length != 0)
         // Fill in pattern properties with defaults.
-        .map(file => ({ ...defaults, ...file }));
+        .map((file) => ({ ...defaults, ...file }));
     // It's important to not replace the array, because
     // karma already has a reference to the existing array.
     if (prepend) {
@@ -53,7 +60,7 @@ const init = (config, emitter) => {
         const ksmsPath = path.dirname(require.resolve('karma-source-map-support'));
         addKarmaFiles(config.files, [
             { pattern: path.join(smsPath, 'browser-source-map-support.js'), watched: false },
-            { pattern: path.join(ksmsPath, 'client.js'), watched: false }
+            { pattern: path.join(ksmsPath, 'client.js'), watched: false },
         ], true);
     }
     config.reporters.unshift('@angular-devkit/build-angular--event-reporter');
@@ -101,11 +108,6 @@ const init = (config, emitter) => {
     config.beforeMiddleware.push('@angular-devkit/build-angular--blocker');
     config.middleware = config.middleware || [];
     config.middleware.push('@angular-devkit/build-angular--fallback');
-    // The webpack tier owns the watch behavior so we want to force it in the config.
-    // When not in watch mode, webpack-dev-middleware will call `compiler.watch` anyway.
-    // https://github.com/webpack/webpack-dev-middleware/blob/698c9ae5e9bb9a013985add6189ff21c1a1ec185/src/index.js#L65
-    // https://github.com/webpack/webpack/blob/cde1b73e12eb8a77eb9ba42e7920c9ec5d29c2c9/lib/Compiler.js#L379-L388
-    webpackConfig.watch = true;
     if (config.singleRun) {
         // There's no option to turn off file watching in webpack-dev-server, but
         // we can override the file watcher instead.
@@ -136,7 +138,7 @@ const init = (config, emitter) => {
             logger.error(stats_1.statsErrorsToString(statsJson, { colors: true }));
             // Notify potential listeners of the compile error.
             emitter.emit('compile_error', {
-                errors: (_a = statsJson.errors) === null || _a === void 0 ? void 0 : _a.map(e => e.message),
+                errors: (_a = statsJson.errors) === null || _a === void 0 ? void 0 : _a.map((e) => e.message),
             });
             // Finish Karma run early in case of compilation error.
             emitter.emit('run_complete', [], { exitCode: 1 });
@@ -294,5 +296,5 @@ module.exports = {
     'reporter:@angular-devkit/build-angular--sourcemap-reporter': ['type', sourceMapReporter],
     'reporter:@angular-devkit/build-angular--event-reporter': ['type', eventReporter],
     'middleware:@angular-devkit/build-angular--blocker': ['factory', requestBlocker],
-    'middleware:@angular-devkit/build-angular--fallback': ['factory', fallbackMiddleware]
+    'middleware:@angular-devkit/build-angular--fallback': ['factory', fallbackMiddleware],
 };

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

@@ -1,3 +1,10 @@
+/**
+ * @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;

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

@@ -1,13 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OptimizeCssWebpackPlugin = void 0;
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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");
@@ -17,14 +17,14 @@ function hook(compiler, action) {
         compilation.hooks.processAssets.tapPromise({
             name: PLUGIN_NAME,
             stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
-        }, assets => action(compilation, Object.keys(assets)));
+        }, (assets) => action(compilation, Object.keys(assets)));
     });
 }
 class OptimizeCssWebpackPlugin {
     constructor(options) {
         this._options = {
             sourceMap: false,
-            test: file => file.endsWith('.css'),
+            test: (file) => file.endsWith('.css'),
             ...options,
         };
     }
@@ -32,14 +32,14 @@ class OptimizeCssWebpackPlugin {
         hook(compiler, (compilation, assetsURI) => {
             const files = [...compilation.additionalChunkAssets, ...assetsURI];
             const actions = files
-                .filter(file => this._options.test(file))
+                .filter((file) => this._options.test(file))
                 .map(async (file) => {
                 const asset = compilation.assets[file];
                 if (!asset) {
                     return;
                 }
                 let content;
-                // tslint:disable-next-line: no-any
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 let map;
                 if (this._options.sourceMap && asset.sourceAndMap) {
                     const sourceAndMap = asset.sourceAndMap({});
@@ -56,12 +56,17 @@ class OptimizeCssWebpackPlugin {
                     return;
                 }
                 const cssNanoOptions = {
-                    preset: ['default', {
+                    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,
@@ -70,8 +75,9 @@ class OptimizeCssWebpackPlugin {
                 try {
                     const output = await new Promise((resolve, reject) => {
                         // @types/cssnano are not up to date with version 5.
-                        // tslint:disable-next-line: no-any
-                        cssNano(cssNanoOptions).process(content, postCssOptions)
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        cssNano(cssNanoOptions)
+                            .process(content, postCssOptions)
                             .then(resolve)
                             .catch((err) => reject(err));
                     });
@@ -92,6 +98,7 @@ class OptimizeCssWebpackPlugin {
                     return;
                 }
             });
+            // eslint-disable-next-line @typescript-eslint/no-empty-function
             return Promise.all(actions).then(() => { });
         });
     }

package/src/webpack/plugins/postcss-cli-resources.d.ts

@@ -1,3 +1,10 @@
+/**
+ * @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 { Plugin } from 'postcss';
 export interface PostcssCliResourcesOptions {
     baseHref?: string;

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

@@ -1,19 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.postcss = void 0;
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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.postcss = void 0;
 const loader_utils_1 = require("loader-utils");
 const path = require("path");
 const url = require("url");
 function wrapUrl(url) {
     let wrappedUrl;
-    const hasSingleQuotes = url.indexOf('\'') >= 0;
+    const hasSingleQuotes = url.indexOf("'") >= 0;
     if (hasSingleQuotes) {
         wrappedUrl = `"${url}"`;
     }
@@ -74,8 +74,10 @@ function default_1(options) {
                     reject(err);
                     return;
                 }
-                let outputPath = loader_utils_1.interpolateName({ resourcePath: result }, filename(result), { content, context: loader.context || loader.rootContext })
-                    .replace(/\\|\//g, '-');
+                let outputPath = loader_utils_1.interpolateName({ resourcePath: result }, filename(result), {
+                    content,
+                    context: loader.context || loader.rootContext,
+                }).replace(/\\|\//g, '-');
                 if (resourcesOutputPath) {
                     outputPath = path.posix.join(resourcesOutputPath, outputPath);
                 }
@@ -111,9 +113,9 @@ function default_1(options) {
             let modified = false;
             // We want to load it relative to the file that imports
             const inputFile = decl.source && decl.source.input.file;
-            const context = inputFile && path.dirname(inputFile) || loader.context;
-            // tslint:disable-next-line:no-conditional-assignment
-            while (match = urlRegex.exec(value)) {
+            const context = (inputFile && path.dirname(inputFile)) || loader.context;
+            // eslint-disable-next-line no-cond-assign
+            while ((match = urlRegex.exec(value))) {
                 const originalUrl = match[1] || match[2] || match[3];
                 let processedUrl;
                 try {

package/src/webpack/plugins/remove-hash-plugin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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

package/src/webpack/plugins/remove-hash-plugin.js

@@ -1,4 +1,11 @@
 "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.RemoveHashPlugin = void 0;
 class RemoveHashPlugin {
@@ -6,16 +13,14 @@ class RemoveHashPlugin {
         this.options = options;
     }
     apply(compiler) {
-        compiler.hooks.compilation.tap('remove-hash-plugin', compilation => {
+        compiler.hooks.compilation.tap('remove-hash-plugin', (compilation) => {
             const assetPath = (path, data) => {
                 var _a;
                 const chunkName = (_a = data.chunk) === null || _a === void 0 ? void 0 : _a.name;
                 const { chunkNames, hashFormat } = this.options;
                 if (chunkName && (chunkNames === null || chunkNames === void 0 ? void 0 : chunkNames.includes(chunkName))) {
                     // Replace hash formats with empty strings.
-                    return path
-                        .replace(hashFormat.chunk, '')
-                        .replace(hashFormat.extract, '');
+                    return path.replace(hashFormat.chunk, '').replace(hashFormat.extract, '');
                 }
                 return path;
             };

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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

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

@@ -1,7 +1,7 @@
 "use strict";
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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
@@ -21,7 +21,6 @@ class ScriptsWebpackPlugin {
     constructor(options) {
         this.options = options;
     }
-    // tslint:disable-next-line: no-any
     async shouldSkip(compilation, scripts) {
         if (this._lastBuildTime == undefined) {
             this._lastBuildTime = Date.now();
@@ -34,7 +33,7 @@ class ScriptsWebpackPlugin {
                         reject(error);
                         return;
                     }
-                    resolve((entry && typeof entry !== 'string') ? entry.safeTime : undefined);
+                    resolve(entry && typeof entry !== 'string' ? entry.safeTime : undefined);
                 });
             });
             if (!scriptTime || scriptTime > this._lastBuildTime) {
@@ -55,7 +54,7 @@ class ScriptsWebpackPlugin {
         chunk.addGroup(entrypoint);
         compilation.entrypoints.set(this.options.name, entrypoint);
         compilation.chunks.add(chunk);
-        // tslint:disable-next-line: no-any
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         compilation.assets[filename] = source;
         compilation.hooks.chunkAsset.call(chunk, filename);
     }
@@ -64,9 +63,9 @@ class ScriptsWebpackPlugin {
             return;
         }
         const scripts = this.options.scripts
-            .filter(script => !!script)
-            .map(script => path.resolve(this.options.basePath || '', script));
-        compiler.hooks.thisCompilation.tap('scripts-webpack-plugin', compilation => {
+            .filter((script) => !!script)
+            .map((script) => path.resolve(this.options.basePath || '', script));
+        compiler.hooks.thisCompilation.tap('scripts-webpack-plugin', (compilation) => {
             compilation.hooks.additionalAssets.tapPromise('scripts-webpack-plugin', async () => {
                 if (await this.shouldSkip(compilation, scripts)) {
                     if (this._cachedOutput) {
@@ -75,7 +74,7 @@ class ScriptsWebpackPlugin {
                     addDependencies(compilation, scripts);
                     return;
                 }
-                const sourceGetters = scripts.map(fullPath => {
+                const sourceGetters = scripts.map((fullPath) => {
                     return new Promise((resolve, reject) => {
                         compilation.inputFileSystem.readFile(fullPath, (err, data) => {
                             var _a;
@@ -102,12 +101,14 @@ class ScriptsWebpackPlugin {
                 });
                 const sources = await Promise.all(sourceGetters);
                 const concatSource = new webpack_1.sources.ConcatSource();
-                sources.forEach(source => {
+                sources.forEach((source) => {
                     concatSource.add(source);
                     concatSource.add('\n;');
                 });
                 const combinedSource = new webpack_1.sources.CachedSource(concatSource);
-                const filename = loader_utils_1.interpolateName({ resourcePath: 'scripts.js' }, this.options.filename, { content: combinedSource.source() });
+                const filename = loader_utils_1.interpolateName({ resourcePath: 'scripts.js' }, this.options.filename, {
+                    content: combinedSource.source(),
+                });
                 const output = { filename, source: combinedSource };
                 this._insertOutput(compilation, output);
                 this._cachedOutput = output;

package/src/webpack/plugins/single-test-transform.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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

package/src/webpack/plugins/single-test-transform.js

@@ -1,13 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleTestTransformLoader = void 0;
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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.SingleTestTransformLoader = void 0;
 const core_1 = require("@angular-devkit/core");
 const loader_utils_1 = require("loader-utils");
 const path_1 = require("path");
@@ -25,7 +25,7 @@ exports.SingleTestTransformLoader = __filename;
  * Then it adds import statements for each file in the files options
  * array to import them directly, and thus run the tests there.
  */
-// tslint:disable-next-line: no-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function loader(source) {
     const { files = [], logger = console } = loader_utils_1.getOptions(this);
     // signal the user that expected content is not present.
@@ -36,7 +36,7 @@ function loader(source) {
         return source;
     }
     const targettedImports = files
-        .map(path => `require('./${path.replace('.' + path_1.extname(path), '')}');`)
+        .map((path) => `require('./${path.replace('.' + path_1.extname(path), '')}');`)
         .join('\n');
     const mockedRequireContext = 'Object.assign(() => { }, { keys: () => [], resolve: () => undefined });\n';
     source = source.replace(/require\.context\(.*/, mockedRequireContext + targettedImports);

package/src/webpack/plugins/suppress-entry-chunks-webpack-plugin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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

package/src/webpack/plugins/suppress-entry-chunks-webpack-plugin.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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

package/src/webpack/utils/async-chunks.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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

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

@@ -1,4 +1,11 @@
 "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.markAsyncChunksNonInitial = void 0;
 /**
@@ -17,7 +24,8 @@ 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)}`);

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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

package/src/webpack/utils/helpers.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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
@@ -33,7 +33,7 @@ function getOutputHashFormat(option, length = 20) {
 }
 exports.getOutputHashFormat = getOutputHashFormat;
 function normalizeExtraEntryPoints(extraEntryPoints, defaultBundleName) {
-    return extraEntryPoints.map(entry => {
+    return extraEntryPoints.map((entry) => {
         if (typeof entry === 'string') {
             return { input: entry, inject: true, bundleName: defaultBundleName };
         }

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright Google Inc. All Rights Reserved.
+ * 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