@angular-devkit/build-angular 12.1.0-next.3 → 12.1.0

package/src/babel/plugins/elide-angular-metadata.js

@@ -0,0 +1,68 @@
+"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.getKeywords = void 0;
+const core_1 = require("@babel/core");
+/**
+ * The name of the Angular class metadata function created by the Angular compiler.
+ */
+const SET_CLASS_METADATA_NAME = 'ɵsetClassMetadata';
+/**
+ * Provides one or more keywords that if found within the content of a source file indicate
+ * that this plugin should be used with a source file.
+ *
+ * @returns An a string iterable containing one or more keywords.
+ */
+function getKeywords() {
+    return [SET_CLASS_METADATA_NAME];
+}
+exports.getKeywords = getKeywords;
+/**
+ * A babel plugin factory function for eliding the Angular class metadata function (`ɵsetClassMetadata`).
+ *
+ * @returns A babel plugin object instance.
+ */
+function default_1() {
+    return {
+        visitor: {
+            CallExpression(path) {
+                var _a;
+                const callee = path.node.callee;
+                // The function being called must be the metadata function name
+                let calleeName;
+                if (core_1.types.isMemberExpression(callee) && core_1.types.isIdentifier(callee.property)) {
+                    calleeName = callee.property.name;
+                }
+                else if (core_1.types.isIdentifier(callee)) {
+                    calleeName = callee.name;
+                }
+                if (calleeName !== SET_CLASS_METADATA_NAME) {
+                    return;
+                }
+                // There must be four arguments that meet the following criteria:
+                // * First must be an identifier
+                // * Second must be an array literal
+                const callArguments = path.node.arguments;
+                if (callArguments.length !== 4 ||
+                    !core_1.types.isIdentifier(callArguments[0]) ||
+                    !core_1.types.isArrayExpression(callArguments[1])) {
+                    return;
+                }
+                // The metadata function is always emitted inside a function expression
+                if (!((_a = path.getFunctionParent()) === null || _a === void 0 ? void 0 : _a.isFunctionExpression())) {
+                    return;
+                }
+                // Replace the metadata function with `void 0` which is the equivalent return value
+                // of the metadata function.
+                path.replaceWith(path.scope.buildUndefinedNode());
+            },
+        },
+    };
+}
+exports.default = default_1;

package/src/babel/plugins/pure-toplevel-functions.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @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 { PluginObj } from '@babel/core';
+/**
+ * A babel plugin factory function for adding the PURE annotation to top-level new and call expressions.
+ *
+ * @returns A babel plugin object instance.
+ */
+export default function (): PluginObj;

package/src/babel/plugins/pure-toplevel-functions.js

@@ -0,0 +1,86 @@
+"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
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@babel/core");
+const helper_annotate_as_pure_1 = __importDefault(require("@babel/helper-annotate-as-pure"));
+const tslib = __importStar(require("tslib"));
+/**
+ * A cached set of TypeScript helper function names used by the helper name matcher utility function.
+ */
+const tslibHelpers = new Set(Object.keys(tslib).filter((h) => h.startsWith('__')));
+/**
+ * Determinates whether an identifier name matches one of the TypeScript helper function names.
+ *
+ * @param name The identifier name to check.
+ * @returns True, if the name matches a TypeScript helper name; otherwise, false.
+ */
+function isTslibHelperName(name) {
+    const nameParts = name.split('$');
+    const originalName = nameParts[0];
+    if (nameParts.length > 2 || (nameParts.length === 2 && isNaN(+nameParts[1]))) {
+        return false;
+    }
+    return tslibHelpers.has(originalName);
+}
+/**
+ * A babel plugin factory function for adding the PURE annotation to top-level new and call expressions.
+ *
+ * @returns A babel plugin object instance.
+ */
+function default_1() {
+    return {
+        visitor: {
+            CallExpression(path) {
+                // If the expression has a function parent, it is not top-level
+                if (path.getFunctionParent()) {
+                    return;
+                }
+                const callee = path.node.callee;
+                if (core_1.types.isFunctionExpression(callee) && path.node.arguments.length !== 0) {
+                    return;
+                }
+                // Do not annotate TypeScript helpers emitted by the TypeScript compiler.
+                // TypeScript helpers are intended to cause side effects.
+                if (core_1.types.isIdentifier(callee) && isTslibHelperName(callee.name)) {
+                    return;
+                }
+                helper_annotate_as_pure_1.default(path);
+            },
+            NewExpression(path) {
+                // If the expression has a function parent, it is not top-level
+                if (!path.getFunctionParent()) {
+                    helper_annotate_as_pure_1.default(path);
+                }
+            },
+        },
+    };
+}
+exports.default = default_1;

package/src/babel/presets/application.d.ts

@@ -15,6 +15,7 @@ export interface ApplicationPresetOptions {
     angularLinker?: {
         shouldLink: boolean;
         jitMode: boolean;
+        sourcemap: boolean;
     };
     forceES5?: boolean;
     forceAsyncTransformation?: boolean;

package/src/babel/presets/application.js

@@ -6,9 +6,28 @@
  * 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
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const fs = require("fs");
-const path = require("path");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
 function createI18nDiagnostics(reporter) {
     // Babel currently is synchronous so import cannot be used
     const diagnostics = new (require('@angular/localize/src/tools/src/diagnostics').Diagnostics)();
@@ -80,9 +99,10 @@ function default_1(api, options) {
     let needRuntimeTransform = false;
     if ((_a = options.angularLinker) === null || _a === void 0 ? void 0 : _a.shouldLink) {
         // Babel currently is synchronous so import cannot be used
-        const { createEs2015LinkerPlugin, } = require('@angular/compiler-cli/linker/babel');
+        const { createEs2015LinkerPlugin } = require('@angular/compiler-cli/linker/babel');
         plugins.push(createEs2015LinkerPlugin({
             linkerJitMode: options.angularLinker.jitMode,
+            sourceMapping: options.angularLinker.sourcemap,
             logger: createNgtscLogger(options.diagnosticReporter),
             fileSystem: {
                 resolve: path.resolve,

package/src/babel/webpack-loader.js

@@ -28,7 +28,8 @@ exports.default = babel_loader_1.custom(() => {
         inputSourceMap: false,
     });
     return {
-        async customOptions({ i18n, scriptTarget, aot, ...rawOptions }, { source }) {
+        async customOptions({ i18n, scriptTarget, aot, optimize, ...rawOptions }, { source }) {
+            var _a, _b;
             // Must process file if plugins are added
             let shouldProcess = Array.isArray(rawOptions.plugins) && rawOptions.plugins.length > 0;
             const customOptions = {
@@ -42,6 +43,7 @@ exports.default = babel_loader_1.custom(() => {
                 customOptions.angularLinker = {
                     shouldLink: true,
                     jitMode: aot !== true,
+                    sourcemap: false,
                 };
                 shouldProcess = true;
             }
@@ -65,6 +67,19 @@ exports.default = babel_loader_1.custom(() => {
                 customOptions.i18n = i18n;
                 shouldProcess = true;
             }
+            if (optimize) {
+                const angularPackage = /[\\\/]node_modules[\\\/]@angular[\\\/]/.test(this.resourcePath);
+                customOptions.optimize = {
+                    // Angular packages provide additional tested side effects guarantees and can use
+                    // otherwise unsafe optimizations.
+                    looseEnums: angularPackage,
+                    pureTopLevel: angularPackage,
+                    // JavaScript modules that are marked as side effect free are considered to have
+                    // no decorators that contain non-local effects.
+                    wrapDecorators: !!((_b = (_a = this._module) === null || _a === void 0 ? void 0 : _a.factoryMeta) === null || _b === void 0 ? void 0 : _b.sideEffectFree),
+                };
+                shouldProcess = true;
+            }
             // Add provided loader options to default base options
             const loaderOptions = {
                 ...baseOptions,
@@ -84,12 +99,35 @@ exports.default = babel_loader_1.custom(() => {
             return { custom: customOptions, loader: loaderOptions };
         },
         config(configuration, { customOptions }) {
+            var _a;
+            const plugins = (_a = configuration.options.plugins) !== null && _a !== void 0 ? _a : [];
+            if (customOptions.optimize) {
+                if (customOptions.optimize.pureTopLevel) {
+                    plugins.push(require('./plugins/pure-toplevel-functions').default);
+                }
+                plugins.push(require('./plugins/elide-angular-metadata').default, [
+                    require('./plugins/adjust-typescript-enums').default,
+                    { loose: customOptions.optimize.looseEnums },
+                ], [
+                    require('./plugins/adjust-static-class-members').default,
+                    { wrapDecorators: customOptions.optimize.wrapDecorators },
+                ]);
+            }
+            // Only enable linker template sourcemapping if linker is enabled and Webpack provides
+            // a sourcemap. This logic allows the linker sourcemap behavior to be controlled by the
+            // Webpack sourcemap configuration. For example, if a vendor file is being processed
+            // and vendor sourcemaps are disabled, the `inputSourceMap` property will be `undefined`
+            // which will effectively disable linker sourcemapping for vendor files.
+            if (customOptions.angularLinker && configuration.options.inputSourceMap) {
+                customOptions.angularLinker.sourcemap = true;
+            }
             return {
                 ...configuration.options,
                 // Workaround for https://github.com/babel/babel-loader/pull/896 is available
                 // Delete once the above PR is released
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 inputSourceMap: configuration.options.inputSourceMap || false,
+                plugins,
                 presets: [
                     ...(configuration.options.presets || []),
                     [

package/src/browser/index.d.ts

@@ -9,9 +9,8 @@ import { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
 import { WebpackLoggingCallback } from '@angular-devkit/build-webpack';
 import { json } from '@angular-devkit/core';
 import { Observable } from 'rxjs';
-import * as webpack from 'webpack';
+import webpack from 'webpack';
 import { ExecutionTransformer } from '../transforms';
-import { WebpackConfigOptions } from '../utils/build-options';
 import { IndexHtmlTransform } from '../utils/index-file/index-html-generator';
 import { Schema as BrowserBuilderSchema } from './schema';
 /**
@@ -25,8 +24,6 @@ export declare type BrowserBuilderOutput = json.JsonObject & BuilderOutput & {
      */
     outputPath: string;
 };
-export declare function getAnalyticsConfig(wco: WebpackConfigOptions, context: BuilderContext): webpack.Configuration;
-export declare function getCompilerConfig(wco: WebpackConfigOptions): webpack.Configuration;
 /**
  * @experimental Direct usage of this function is considered experimental.
  */

package/src/browser/index.js

@@ -6,13 +6,32 @@
  * 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
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildWebpackBrowser = exports.getCompilerConfig = exports.getAnalyticsConfig = void 0;
+exports.buildWebpackBrowser = void 0;
 const architect_1 = require("@angular-devkit/architect");
 const build_webpack_1 = require("@angular-devkit/build-webpack");
 const core_1 = require("@angular-devkit/core");
-const fs = require("fs");
-const path = require("path");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const typescript_1 = require("typescript");
@@ -33,49 +52,22 @@ const spinner_1 = require("../utils/spinner");
 const version_1 = require("../utils/version");
 const webpack_browser_config_1 = require("../utils/webpack-browser-config");
 const configs_1 = require("../webpack/configs");
-const analytics_1 = require("../webpack/plugins/analytics");
 const async_chunks_1 = require("../webpack/utils/async-chunks");
 const helpers_1 = require("../webpack/utils/helpers");
 const stats_1 = require("../webpack/utils/stats");
 const cacheDownlevelPath = environment_options_1.cachingDisabled ? undefined : cache_path_1.findCachePath('angular-build-dl');
-function getAnalyticsConfig(wco, context) {
-    if (context.analytics) {
-        // If there's analytics, add our plugin. Otherwise no need to slow down the build.
-        let category = 'build';
-        if (context.builder) {
-            // We already vetted that this is a "safe" package, otherwise the analytics would be noop.
-            category =
-                context.builder.builderName.split(':')[1] || context.builder.builderName || 'build';
-        }
-        // The category is the builder name if it's an angular builder.
-        return {
-            plugins: [
-                new analytics_1.NgBuildAnalyticsPlugin(wco.projectRoot, context.analytics, category, !!wco.tsConfig.options.enableIvy),
-            ],
-        };
-    }
-    return {};
-}
-exports.getAnalyticsConfig = getAnalyticsConfig;
-function getCompilerConfig(wco) {
-    if (wco.buildOptions.main || wco.buildOptions.polyfills) {
-        return configs_1.getTypeScriptConfig(wco);
-    }
-    return {};
-}
-exports.getCompilerConfig = getCompilerConfig;
 async function initialize(options, context, differentialLoadingNeeded, webpackConfigurationTransform) {
     var _a, _b;
     const originalOutputPath = options.outputPath;
     // Assets are processed directly by the builder except when watching
     const adjustedOptions = options.watch ? options : { ...options, assets: [] };
-    const { config, projectRoot, projectSourceRoot, i18n, } = await webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext(adjustedOptions, context, (wco) => [
+    const { config, projectRoot, projectSourceRoot, i18n } = await webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext(adjustedOptions, context, (wco) => [
         configs_1.getCommonConfig(wco),
         configs_1.getBrowserConfig(wco),
         configs_1.getStylesConfig(wco),
         configs_1.getStatsConfig(wco),
-        getAnalyticsConfig(wco, context),
-        getCompilerConfig(wco),
+        configs_1.getAnalyticsConfig(wco, context),
+        configs_1.getTypeScriptConfig(wco),
         wco.buildOptions.webWorkerTsConfig ? configs_1.getWorkerConfig(wco) : {},
     ], { differentialLoadingNeeded });
     // Validate asset option values if processed directly
@@ -310,7 +302,7 @@ function buildWebpackBrowser(options, context, transforms = {}) {
                                 runtimeData: processResults,
                                 supportedBrowsers: buildBrowserFeatures.supportedBrowsers,
                             };
-                            processResults.push(await Promise.resolve().then(() => require('../utils/process-bundle')).then((m) => m.process(runtimeOptions)));
+                            processResults.push(await Promise.resolve().then(() => __importStar(require('../utils/process-bundle'))).then((m) => m.process(runtimeOptions)));
                         }
                         spinner.succeed('ES5 bundle generation complete.');
                         if (i18n.shouldInline) {
@@ -544,12 +536,10 @@ function assertNever(input) {
     throw new Error(`Unexpected call to assertNever() with input: ${JSON.stringify(input, null /* replacer */, 4 /* tabSize */)}`);
 }
 function generateBundleInfoStats(bundle, chunk, chunkType) {
-    var _a;
     return stats_1.generateBundleStats({
         size: bundle.size,
         files: bundle.map ? [bundle.filename, bundle.map.filename] : [bundle.filename],
         names: chunk === null || chunk === void 0 ? void 0 : chunk.names,
-        entry: !!((_a = chunk === null || chunk === void 0 ? void 0 : chunk.names) === null || _a === void 0 ? void 0 : _a.includes('runtime')),
         initial: !!(chunk === null || chunk === void 0 ? void 0 : chunk.initial),
         rendered: true,
         chunkType,

package/src/browser/schema.d.ts

@@ -407,7 +407,7 @@ export interface SourceMapClass {
  */
 export interface StylePreprocessorOptions {
     /**
-     * Paths to include. Paths will be resolved to project root.
+     * Paths to include. Paths will be resolved to workspace root.
      */
     includePaths?: string[];
 }

package/src/browser/schema.json

@@ -51,7 +51,7 @@
       "type": "object",
       "properties": {
         "includePaths": {
-          "description": "Paths to include. Paths will be resolved to project root.",
+          "description": "Paths to include. Paths will be resolved to workspace root.",
           "type": "array",
           "items": {
             "type": "string"

package/src/dev-server/index.d.ts

@@ -9,7 +9,7 @@ import { BuilderContext } from '@angular-devkit/architect';
 import { DevServerBuildOutput, WebpackLoggingCallback } from '@angular-devkit/build-webpack';
 import { json } from '@angular-devkit/core';
 import { Observable } from 'rxjs';
-import * as webpack from 'webpack';
+import webpack from 'webpack';
 import { ExecutionTransformer } from '../transforms';
 import { IndexHtmlTransform } from '../utils/index-file/index-html-generator';
 import { Schema } from './schema';

package/src/dev-server/index.js

@@ -6,18 +6,39 @@
  * 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
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serveWebpackBrowser = void 0;
 const architect_1 = require("@angular-devkit/architect");
 const build_webpack_1 = require("@angular-devkit/build-webpack");
 const core_1 = require("@angular-devkit/core");
-const path = require("path");
+const path = __importStar(require("path"));
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
-const ts = require("typescript");
-const url = require("url");
-const webpackDevServer = require("webpack-dev-server");
-const browser_1 = require("../browser");
+const ts = __importStar(require("typescript"));
+const url = __importStar(require("url"));
+const webpack_dev_server_1 = __importDefault(require("webpack-dev-server"));
 const schema_1 = require("../browser/schema");
 const utils_1 = require("../utils");
 const cache_path_1 = require("../utils/cache-path");
@@ -84,19 +105,55 @@ function serveWebpackBrowser(options, context, transforms = {}) {
             overrides.outputHashing = schema_1.OutputHashing.None;
             logger.warn(`Warning: 'outputHashing' option is disabled when using the dev-server.`);
         }
+        if (options.hmr) {
+            logger.warn(core_1.tags.stripIndents `NOTICE: Hot Module Replacement (HMR) is enabled for the dev server.
+      See https://webpack.js.org/guides/hot-module-replacement for information on working with HMR for Webpack.`);
+        }
+        if (!options.disableHostCheck &&
+            options.host &&
+            !/^127\.\d+\.\d+\.\d+/g.test(options.host) &&
+            options.host !== 'localhost') {
+            logger.warn(core_1.tags.stripIndent `
+        Warning: This is a simple server for use in testing or debugging Angular applications
+        locally. It hasn't been reviewed for security issues.
+
+        Binding this server to an open connection can result in compromising your application or
+        computer. Using a different host than the one passed to the "--host" flag might result in
+        websocket connection issues. You might need to use "--disableHostCheck" if that's the
+        case.
+      `);
+        }
+        if (options.disableHostCheck) {
+            logger.warn(core_1.tags.oneLine `
+        Warning: Running a server with --disable-host-check is a security risk.
+        See https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
+        for more information.
+      `);
+        }
         // Webpack's live reload functionality adds the `strip-ansi` package which is commonJS
         (_b = rawBrowserOptions.allowedCommonJsDependencies) !== null && _b !== void 0 ? _b : (rawBrowserOptions.allowedCommonJsDependencies = []);
         rawBrowserOptions.allowedCommonJsDependencies.push('strip-ansi');
         const browserName = await context.getBuilderNameForTarget(browserTarget);
         const browserOptions = (await context.validateOptions({ ...rawBrowserOptions, ...overrides }, browserName));
+        const { styles, scripts } = utils_1.normalizeOptimization(browserOptions.optimization);
+        if (scripts || styles.minify) {
+            logger.error(core_1.tags.stripIndents `
+        ****************************************************************************************
+        This is a simple server for use in testing or debugging Angular applications locally.
+        It hasn't been reviewed for security issues.
+
+        DON'T USE IT FOR PRODUCTION!
+        ****************************************************************************************
+      `);
+        }
         const { config, projectRoot, i18n } = await webpack_browser_config_1.generateI18nBrowserWebpackConfigFromContext(browserOptions, context, (wco) => [
             configs_1.getDevServerConfig(wco),
             configs_1.getCommonConfig(wco),
             configs_1.getBrowserConfig(wco),
             configs_1.getStylesConfig(wco),
             configs_1.getStatsConfig(wco),
-            browser_1.getAnalyticsConfig(wco, context),
-            browser_1.getCompilerConfig(wco),
+            configs_1.getAnalyticsConfig(wco, context),
+            configs_1.getTypeScriptConfig(wco),
             browserOptions.webWorkerTsConfig ? configs_1.getWorkerConfig(wco) : {},
         ], devServerOptions);
         if (!config.devServer) {
@@ -106,7 +163,7 @@ function serveWebpackBrowser(options, context, transforms = {}) {
             // This is needed because we cannot use the inline option directly in the config
             // because of the SuppressExtractedTextChunksWebpackPlugin
             // Consider not using SuppressExtractedTextChunksWebpackPlugin when liveReload is enable.
-            webpackDevServer.addDevServerEntrypoints(config, {
+            webpack_dev_server_1.default.addDevServerEntrypoints(config, {
                 ...config.devServer,
                 inline: true,
             });
@@ -129,31 +186,6 @@ function serveWebpackBrowser(options, context, transforms = {}) {
                 }
             }
         }
-        if (options.hmr) {
-            logger.warn(core_1.tags.stripIndents `NOTICE: Hot Module Replacement (HMR) is enabled for the dev server.
-      See https://webpack.js.org/guides/hot-module-replacement for information on working with HMR for Webpack.`);
-        }
-        if (!options.disableHostCheck &&
-            options.host &&
-            !/^127\.\d+\.\d+\.\d+/g.test(options.host) &&
-            options.host !== 'localhost') {
-            logger.warn(core_1.tags.stripIndent `
-        Warning: This is a simple server for use in testing or debugging Angular applications
-        locally. It hasn't been reviewed for security issues.
-
-        Binding this server to an open connection can result in compromising your application or
-        computer. Using a different host than the one passed to the "--host" flag might result in
-        websocket connection issues. You might need to use "--disableHostCheck" if that's the
-        case.
-      `);
-        }
-        if (options.disableHostCheck) {
-            logger.warn(core_1.tags.oneLine `
-        Warning: Running a server with --disable-host-check is a security risk.
-        See https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
-        for more information.
-      `);
-        }
         let locale;
         if (i18n.shouldInline) {
             // Dev-server only supports one locale
@@ -186,7 +218,6 @@ function serveWebpackBrowser(options, context, transforms = {}) {
         };
     }
     return rxjs_1.from(setup()).pipe(operators_1.switchMap(({ browserOptions, webpackConfig, projectRoot, locale }) => {
-        const normalizedOptimization = utils_1.normalizeOptimization(browserOptions.optimization);
         if (browserOptions.index) {
             const { scripts = [], styles = [], baseHref, tsConfig } = browserOptions;
             const { options: compilerOptions } = read_tsconfig_1.readTsconfig(tsConfig, workspaceRoot);
@@ -207,24 +238,14 @@ function serveWebpackBrowser(options, context, transforms = {}) {
                 deployUrl: browserOptions.deployUrl,
                 sri: browserOptions.subresourceIntegrity,
                 postTransform: transforms.indexHtml,
-                optimization: normalizedOptimization,
+                optimization: utils_1.normalizeOptimization(browserOptions.optimization),
                 WOFFSupportNeeded: !buildBrowserFeatures.isFeatureSupported('woff2'),
                 crossOrigin: browserOptions.crossOrigin,
                 lang: locale,
             }));
         }
-        if (normalizedOptimization.scripts || normalizedOptimization.styles.minify) {
-            logger.error(core_1.tags.stripIndents `
-          ****************************************************************************************
-          This is a simple server for use in testing or debugging Angular applications locally.
-          It hasn't been reviewed for security issues.
-
-          DON'T USE IT FOR PRODUCTION!
-          ****************************************************************************************
-        `);
-        }
         return build_webpack_1.runWebpackDevServer(webpackConfig, context, {
-            logging: transforms.logging || stats_1.createWebpackLoggingCallback(!!options.verbose, logger),
+            logging: transforms.logging || stats_1.createWebpackLoggingCallback(browserOptions, logger),
             webpackFactory: require('webpack'),
             webpackDevServerFactory: require('webpack-dev-server'),
         }).pipe(operators_1.concatMap(async (buildEvent, index) => {
@@ -246,7 +267,7 @@ function serveWebpackBrowser(options, context, transforms = {}) {
             ` +
                     '\n');
                 if (options.open) {
-                    const open = await Promise.resolve().then(() => require('open'));
+                    const open = (await Promise.resolve().then(() => __importStar(require('open')))).default;
                     await open(serverAddress);
                 }
             }

package/src/dev-server/tests/execute-fetch.js

@@ -6,9 +6,12 @@
  * 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
  */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.executeOnceAndFetch = void 0;
-const node_fetch_1 = require("node-fetch"); // eslint-disable-line import/no-extraneous-dependencies
+const node_fetch_1 = __importDefault(require("node-fetch")); // eslint-disable-line import/no-extraneous-dependencies
 const operators_1 = require("rxjs/operators");
 const url_1 = require("url");
 async function executeOnceAndFetch(harness, url, options) {