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

package/src/webpack/configs/worker.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 { Configuration } from 'webpack';
 import { WebpackConfigOptions } from '../../utils/build-options';
 export declare function getWorkerConfig(wco: WebpackConfigOptions): Configuration;

package/src/webpack/configs/worker.js

@@ -1,13 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWorkerConfig = 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.getWorkerConfig = void 0;
 const path_1 = require("path");
 const typescript_1 = require("./typescript");
 function getWorkerConfig(wco) {

package/src/webpack/es5-jit-polyfills.js

@@ -1,8 +1,9 @@
 /**
  * @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
  */
+
 import 'core-js/es/reflect';

package/src/webpack/es5-polyfills.js

@@ -1,11 +1,10 @@
 /**
  * @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
  */
-
 // ES2015 symbol capabilities
 import 'core-js/es/symbol';
 
@@ -114,4 +113,4 @@ import 'core-js/modules/es.json.to-string-tag';
 import 'regenerator-runtime/runtime';
 
 // Zone.js
-import 'zone.js/plugins/zone-legacy';
+import 'zone.js/plugins/zone-legacy';

package/src/webpack/jit-polyfills.js

@@ -1,8 +1,9 @@
 /**
  * @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
  */
+
 import 'core-js/proposals/reflect-metadata';

package/src/webpack/plugins/analytics.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
@@ -52,7 +52,7 @@ export declare class NgBuildAnalyticsPlugin {
     protected _checkTsNormalModule(module: NormalModule): void;
     protected _collectErrors(stats: Stats): void;
     protected _collectBundleStats(compilation: Compilation): void;
-    /************************************************************************************************
+    /** **********************************************************************************************
      * The next section is all the different Webpack hooks for this plugin.
      */
     /**

package/src/webpack/plugins/analytics.js

@@ -1,13 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NgBuildAnalyticsPlugin = exports.countOccurrences = 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.NgBuildAnalyticsPlugin = exports.countOccurrences = void 0;
 const core_1 = require("@angular-devkit/core");
 const webpack_1 = require("webpack");
 const webpackAllErrorMessageRe = /^([^(]+)\(\d+,\d\): (.*)$/gm;
@@ -88,7 +88,7 @@ class NgBuildAnalyticsPlugin {
         const startTime = +(stats.startTime || 0);
         const endTime = +(stats.endTime || 0);
         const metrics = [];
-        metrics[core_1.analytics.NgCliAnalyticsMetrics.BuildTime] = (endTime - startTime);
+        metrics[core_1.analytics.NgCliAnalyticsMetrics.BuildTime] = endTime - startTime;
         metrics[core_1.analytics.NgCliAnalyticsMetrics.NgOnInitCount] = this._stats.numberOfNgOnInit;
         metrics[core_1.analytics.NgCliAnalyticsMetrics.NgComponentCount] = this._stats.numberOfComponents;
         metrics[core_1.analytics.NgCliAnalyticsMetrics.InitialChunkSize] = this._stats.initialChunkSize;
@@ -144,7 +144,7 @@ class NgBuildAnalyticsPlugin {
             for (const errObject of stats.compilation.errors) {
                 if (errObject instanceof Error) {
                     const allErrors = errObject.message.match(webpackAllErrorMessageRe);
-                    for (const err of [...allErrors || []].slice(1)) {
+                    for (const err of [...(allErrors || [])].slice(1)) {
                         const message = (err.match(webpackTsErrorMessageRe) || [])[1];
                         if (message) {
                             // At this point this should be a TS1234.
@@ -190,7 +190,7 @@ class NgBuildAnalyticsPlugin {
             }
         }
     }
-    /************************************************************************************************
+    /** **********************************************************************************************
      * The next section is all the different Webpack hooks for this plugin.
      */
     /**
@@ -205,9 +205,9 @@ class NgBuildAnalyticsPlugin {
         // Only reports modules that are part of the user's project. We also don't do node_modules.
         // There is a chance that someone name a file path `hello_node_modules` or something and we
         // will ignore that file for the purpose of gathering, but we're willing to take the risk.
-        if (!module.resource
-            || !module.resource.startsWith(this._projectRoot)
-            || module.resource.indexOf('node_modules') >= 0) {
+        if (!module.resource ||
+            !module.resource.startsWith(this._projectRoot) ||
+            module.resource.indexOf('node_modules') >= 0) {
             return;
         }
         // Check that it's a source file from the project.

package/src/webpack/plugins/any-component-style-budget-checker.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/any-component-style-budget-checker.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
@@ -32,20 +32,14 @@ class AnyComponentStyleBudgetChecker {
                 if (!compilation.compiler.parentCompilation) {
                     return;
                 }
-                const cssExtensions = [
-                    '.css',
-                    '.scss',
-                    '.less',
-                    '.styl',
-                    '.sass',
-                ];
+                const cssExtensions = ['.css', '.scss', '.less', '.styl', '.sass'];
                 const componentStyles = Object.keys(compilation.assets)
                     .filter((name) => cssExtensions.includes(path.extname(name)))
                     .map((name) => ({
                     size: compilation.assets[name].size(),
                     label: name,
                 }));
-                const thresholds = this.budgets.flatMap(budget => [...bundle_calculator_1.calculateThresholds(budget)]);
+                const thresholds = this.budgets.flatMap((budget) => [...bundle_calculator_1.calculateThresholds(budget)]);
                 for (const { size, label } of componentStyles) {
                     for (const { severity, message } of bundle_calculator_1.checkThresholds(thresholds[Symbol.iterator](), size, label)) {
                         switch (severity) {

package/src/webpack/plugins/builder-watch-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/builder-watch-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.BuilderWatchPlugin = void 0;
 class TimeInfoMap extends Map {

package/src/webpack/plugins/common-js-usage-warn-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/common-js-usage-warn-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
@@ -11,8 +11,8 @@ exports.CommonJsUsageWarnPlugin = void 0;
 const path_1 = require("path");
 const webpack_diagnostics_1 = require("../../utils/webpack-diagnostics");
 // Webpack doesn't export these so the deep imports can potentially break.
-const CommonJsRequireDependency = require('webpack/lib/dependencies/CommonJsRequireDependency');
 const AMDDefineDependency = require('webpack/lib/dependencies/AMDDefineDependency');
+const CommonJsRequireDependency = require('webpack/lib/dependencies/CommonJsRequireDependency');
 class CommonJsUsageWarnPlugin {
     constructor(options = {}) {
         this.options = options;
@@ -20,8 +20,8 @@ class CommonJsUsageWarnPlugin {
         this.allowedDependencies = new Set(this.options.allowedDependencies);
     }
     apply(compiler) {
-        compiler.hooks.compilation.tap('CommonJsUsageWarnPlugin', compilation => {
-            compilation.hooks.finishModules.tap('CommonJsUsageWarnPlugin', modules => {
+        compiler.hooks.compilation.tap('CommonJsUsageWarnPlugin', (compilation) => {
+            compilation.hooks.finishModules.tap('CommonJsUsageWarnPlugin', (modules) => {
                 var _a, _b;
                 const mainEntry = compilation.entries.get('main');
                 if (!mainEntry) {
@@ -50,7 +50,8 @@ class CommonJsUsageWarnPlugin {
                         // Check if it's parent issuer is also a CommonJS dependency.
                         // In case it is skip as an warning will be show for the parent CommonJS dependency.
                         const parentDependencies = (_a = getIssuer(compilation, issuer)) === null || _a === void 0 ? void 0 : _a.dependencies;
-                        if (parentDependencies && this.hasCommonJsDependencies(compilation, parentDependencies, true)) {
+                        if (parentDependencies &&
+                            this.hasCommonJsDependencies(compilation, parentDependencies, true)) {
                             continue;
                         }
                         // Find the main issuer (entry-point).
@@ -63,7 +64,6 @@ class CommonJsUsageWarnPlugin {
                         // Only show warnings for modules from main entrypoint.
                         // And if the issuer request is not from 'webpack-dev-server', as 'webpack-dev-server'
                         // will require CommonJS libraries for live reloading such as 'sockjs-node'.
-                        // tslint:disable-next-line: no-any
                         if (mainIssuer && mainModules.has(mainIssuer)) {
                             const warning = `${(_b = issuer) === null || _b === void 0 ? void 0 : _b.userRequest} depends on '${rawRequest}'. ` +
                                 'CommonJS or AMD dependencies can cause optimization bailouts.\n' +
@@ -95,10 +95,10 @@ class CommonJsUsageWarnPlugin {
     }
     rawRequestToPackageName(rawRequest) {
         return rawRequest.startsWith('@')
-            // Scoped request ex: @angular/common/locale/en -> @angular/common
-            ? rawRequest.split('/', 2).join('/')
-            // Non-scoped request ex: lodash/isEmpty -> lodash
-            : rawRequest.split('/', 1)[0];
+            ? // Scoped request ex: @angular/common/locale/en -> @angular/common
+                rawRequest.split('/', 2).join('/')
+            : // Non-scoped request ex: lodash/isEmpty -> lodash
+                rawRequest.split('/', 1)[0];
     }
 }
 exports.CommonJsUsageWarnPlugin = CommonJsUsageWarnPlugin;

package/src/webpack/plugins/dedupe-module-resolve-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/dedupe-module-resolve-plugin.js

@@ -1,10 +1,17 @@
 "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.DedupeModuleResolvePlugin = void 0;
 const webpack_diagnostics_1 = require("../../utils/webpack-diagnostics");
-// tslint:disable-next-line: no-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function getResourceData(resolveData) {
-    const { descriptionFileData, relativePath, } = resolveData.createData.resourceResolveData;
+    const { descriptionFileData, relativePath } = resolveData.createData.resourceResolveData;
     return {
         packageName: descriptionFileData === null || descriptionFileData === void 0 ? void 0 : descriptionFileData.name,
         packageVersion: descriptionFileData === null || descriptionFileData === void 0 ? void 0 : descriptionFileData.version,

package/src/webpack/plugins/hmr/hmr-accept.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/hmr/hmr-accept.js

@@ -1,13 +1,12 @@
 "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
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:disable-next-line: no-implicit-dependencies
 const core_1 = require("@angular/core");
 const operators_1 = require("rxjs/operators");
 function default_1(mod) {
@@ -42,8 +41,7 @@ function default_1(mod) {
         const oldInputs = document.querySelectorAll('input:not([type="hidden"]), textarea');
         const oldOptions = document.querySelectorAll('option');
         // Create new application
-        appRef.components
-            .forEach(cp => {
+        appRef.components.forEach((cp) => {
             const element = cp.location.nativeElement;
             const parentNode = element.parentNode;
             parentNode.insertBefore(document.createElement(element.tagName), element);
@@ -56,7 +54,7 @@ function default_1(mod) {
         }
         // Restore all inputs and options
         const bodyElement = document.body;
-        if ((oldInputs.length + oldOptions.length) === 0 || !bodyElement) {
+        if (oldInputs.length + oldOptions.length === 0 || !bodyElement) {
             return;
         }
         // Use a `MutationObserver` to wait until the app-root element has been bootstrapped.
@@ -73,10 +71,9 @@ function default_1(mod) {
             }
             // Wait until the application isStable to restore the form values
             newAppRef.isStable
-                .pipe(operators_1.filter(isStable => !!isStable), operators_1.take(1))
+                .pipe(operators_1.filter((isStable) => !!isStable), operators_1.take(1))
                 .subscribe(() => restoreFormValues(oldInputs, oldOptions));
-        })
-            .observe(bodyElement, {
+        }).observe(bodyElement, {
             attributes: true,
             subtree: true,
             attributeFilter: ['ng-version'],
@@ -93,7 +90,7 @@ function getAppRoot() {
     return appRoot;
 }
 function getToken(appRoot, token) {
-    return typeof ng === 'object' && ng.getInjector(appRoot).get(token) || undefined;
+    return (typeof ng === 'object' && ng.getInjector(appRoot).get(token)) || undefined;
 }
 function getApplicationRef(appRoot) {
     const appRef = getToken(appRoot, core_1.ApplicationRef);

package/src/webpack/plugins/hmr/hmr-loader.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/hmr/hmr-loader.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
@@ -13,7 +13,7 @@ exports.HmrLoader = __filename;
 const hmrAcceptPath = path_1.join(__dirname, './hmr-accept.js').replace(/\\/g, '/');
 function default_1(content, 
 // Source map types are broken in the webpack type definitions
-// tslint:disable-next-line: no-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 map) {
     const source = `${content}
 

package/src/webpack/plugins/index-html-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 { Compilation, Compiler } from 'webpack';
 import { IndexHtmlGenerator, IndexHtmlGeneratorOptions, IndexHtmlGeneratorProcessOptions } from '../../utils/index-file/index-html-generator';
 export interface IndexHtmlWebpackPluginOptions extends IndexHtmlGeneratorOptions, Omit<IndexHtmlGeneratorProcessOptions, 'files' | 'noModuleFiles' | 'moduleFiles'> {

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

@@ -1,13 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndexHtmlWebpackPlugin = 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.IndexHtmlWebpackPlugin = void 0;
 const path_1 = require("path");
 const webpack_1 = require("webpack");
 const index_html_generator_1 = require("../../utils/index-file/index-html-generator");
@@ -25,7 +25,7 @@ class IndexHtmlWebpackPlugin extends index_html_generator_1.IndexHtmlGenerator {
         throw new Error('compilation is undefined.');
     }
     apply(compiler) {
-        compiler.hooks.thisCompilation.tap(PLUGIN_NAME, compilation => {
+        compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
             this._compilation = compilation;
             compilation.hooks.processAssets.tapPromise({
                 name: PLUGIN_NAME,
@@ -67,8 +67,8 @@ class IndexHtmlWebpackPlugin extends index_html_generator_1.IndexHtmlGenerator {
                     lang: this.options.lang,
                 });
                 assets[this.options.outputPath] = new webpack_1.sources.RawSource(content);
-                warnings.forEach(msg => webpack_diagnostics_1.addWarning(this.compilation, msg));
-                errors.forEach(msg => webpack_diagnostics_1.addError(this.compilation, msg));
+                warnings.forEach((msg) => webpack_diagnostics_1.addWarning(this.compilation, msg));
+                errors.forEach((msg) => webpack_diagnostics_1.addError(this.compilation, msg));
             }
             catch (error) {
                 webpack_diagnostics_1.addError(this.compilation, error.message);

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

@@ -1,12 +1,12 @@
 /**
  * @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
  */
 export { AnyComponentStyleBudgetChecker } from './any-component-style-budget-checker';
-export { OptimizeCssWebpackPlugin, OptimizeCssWebpackPluginOptions } from './optimize-css-webpack-plugin';
+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

@@ -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/plugins/karma/karma-context.html

@@ -5,40 +5,41 @@ Loaded within the iframe.
 Reloaded before every execution run.
 -->
 <html>
+  <head>
+    <title></title>
+    <base href="/" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+    />
+  </head>
 
-<head>
-  <title></title>
-  <base href="/">
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-</head>
-
-<body>
-  <!-- The scripts need to be in the body DOM element, as some test running frameworks need the body
+  <body>
+    <!-- The scripts need to be in the body DOM element, as some test running frameworks need the body
        to have already been created so they can insert their magic into it. For example, if loaded
        before body, Angular Scenario test framework fails to find the body and crashes and burns in
        an epic manner. -->
-  <script src="context.js"></script>
-  <script type="text/javascript">
-    // Configure our Karma and set up bindings
-    %CLIENT_CONFIG%
-      window.__karma__.setupContext(window);
+    <script src="context.js"></script>
+    <script type="text/javascript">
+      // Configure our Karma and set up bindings
+      %CLIENT_CONFIG%
+        window.__karma__.setupContext(window);
 
-    // All served files with the latest timestamps
-    %MAPPINGS%
-  </script>
-  <script src="_karma_webpack_/runtime.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/polyfills-es5.js" crossorigin="anonymous" nomodule></script>
-  <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous"></script>
-  <!-- Dynamically replaced with <script> tags -->
-  %SCRIPTS%
-  <script src="_karma_webpack_/styles.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/scripts.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/vendor.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/main.js" crossorigin="anonymous"></script>
-  <script type="text/javascript">
+      // All served files with the latest timestamps
+      %MAPPINGS%
+    </script>
+    <script src="_karma_webpack_/runtime.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/polyfills-es5.js" crossorigin="anonymous" nomodule></script>
+    <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous"></script>
+    <!-- Dynamically replaced with <script> tags -->
+    %SCRIPTS%
+    <script src="_karma_webpack_/styles.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/scripts.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/vendor.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/main.js" crossorigin="anonymous"></script>
+    <script type="text/javascript">
       window.__karma__.loaded();
-  </script>
-</body>
-
+    </script>
+  </body>
 </html>

package/src/webpack/plugins/karma/karma-debug.html

@@ -1,46 +1,47 @@
-<!doctype html>
+<!DOCTYPE html>
 <!--
 This file is almost the same as context.html - loads all source files,
 but its purpose is to be loaded in the main frame (not within an iframe),
 just for immediate execution, without reporting to Karma server.
 -->
 <html>
+  <head>
+    %X_UA_COMPATIBLE%
+    <title>Karma DEBUG RUNNER</title>
+    <base href="/" />
+    <link href="favicon.ico" rel="icon" type="image/x-icon" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+    />
+  </head>
 
-<head>
-%X_UA_COMPATIBLE%
-  <title>Karma DEBUG RUNNER</title>
-  <base href="/">
-  <link href="favicon.ico" rel="icon" type="image/x-icon" />
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-</head>
-
-<body>
-  <!-- The scripts need to be at the end of body, so that some test running frameworks
+  <body>
+    <!-- The scripts need to be at the end of body, so that some test running frameworks
    (Angular Scenario, for example) need the body to be loaded so that it can insert its magic
    into it. If it is before body, then it fails to find the body and crashes and burns in an epic
    manner. -->
-  <script src="context.js"></script>
-  <script src="debug.js"></script>
-  <script type="text/javascript">
-    // Configure our Karma
-    %CLIENT_CONFIG%
+    <script src="context.js"></script>
+    <script src="debug.js"></script>
+    <script type="text/javascript">
+      // Configure our Karma
+      %CLIENT_CONFIG%
 
-    // All served files with the latest timestamps
-    %MAPPINGS%
-  </script>
-  <script src="_karma_webpack_/runtime.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/polyfills-es5.js" crossorigin="anonymous" nomodule></script>
-  <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous"></script>
-  <!-- Dynamically replaced with <script> tags -->
-  %SCRIPTS%
-  <script src="_karma_webpack_/styles.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/scripts.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/vendor.js" crossorigin="anonymous"></script>
-  <script src="_karma_webpack_/main.js" crossorigin="anonymous"></script>
-  <script type="text/javascript">
+      // All served files with the latest timestamps
+      %MAPPINGS%
+    </script>
+    <script src="_karma_webpack_/runtime.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/polyfills-es5.js" crossorigin="anonymous" nomodule></script>
+    <script src="_karma_webpack_/polyfills.js" crossorigin="anonymous"></script>
+    <!-- Dynamically replaced with <script> tags -->
+    %SCRIPTS%
+    <script src="_karma_webpack_/styles.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/scripts.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/vendor.js" crossorigin="anonymous"></script>
+    <script src="_karma_webpack_/main.js" crossorigin="anonymous"></script>
+    <script type="text/javascript">
       window.__karma__.loaded();
-  </script>
-</body>
-
+    </script>
+  </body>
 </html>