refactor(@angular/build): remove Webpack-specific options from Vite-only dev-server

The `dev-server` build within the `@angular/build` package no longer uses
Webpack. As a result, the Webpack related options have been removed from
the builder schema. These options were not previously used by the Vite-based
development server with the exception of `browserTarget` which was removed
due to it being deprecated on the `@angular-devkit/build-angular` version.

Author: clydin

goldens/public-api/angular/build/index.md

@@ -110,12 +110,7 @@ export enum BuildOutputFileType {
 
 // @public
 export interface DevServerBuilderOptions {
-    allowedHosts?: string[];
-    // @deprecated
-    browserTarget?: string;
-    buildTarget?: string;
-    disableHostCheck?: boolean;
-    forceEsbuild?: boolean;
+    buildTarget: string;
     headers?: {
         [key: string]: string;
     };
@@ -127,7 +122,6 @@ export interface DevServerBuilderOptions {
     port?: number;
     prebundle?: PrebundleUnion;
     proxyConfig?: string;
-    publicHost?: string;
     servePath?: string;
     ssl?: boolean;
     sslCert?: string;

packages/angular/build/src/builders/dev-server/builder.ts

@@ -86,8 +86,8 @@ async function initialize(
   const builderName = await context.getBuilderNameForTarget(normalizedOptions.buildTarget);
 
   if (
-    !normalizedOptions.disableHostCheck &&
     !/^127\.\d+\.\d+\.\d+/g.test(normalizedOptions.host) &&
+    normalizedOptions.host !== '::1' &&
     normalizedOptions.host !== 'localhost'
   ) {
     context.logger.warn(`
@@ -96,18 +96,10 @@ 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 "--disable-host-check" if that's the
-case.
+websocket connection issues.
     `);
   }
 
-  if (normalizedOptions.disableHostCheck) {
-    context.logger.warn(
-      '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.',
-    );
-  }
-
   normalizedOptions.port = await checkPort(normalizedOptions.port, normalizedOptions.host);
 
   return {

packages/angular/build/src/builders/dev-server/options.ts

@@ -35,7 +35,7 @@ export async function normalizeOptions(
   const cacheOptions = normalizeCacheOptions(projectMetadata, workspaceRoot);
 
   // Target specifier defaults to the current project's build target using a development configuration
-  const buildTargetSpecifier = options.buildTarget ?? options.browserTarget ?? `::development`;
+  const buildTargetSpecifier = options.buildTarget ?? `::development`;
   const buildTarget = targetFromTargetString(buildTargetSpecifier, projectName, 'build');
 
   // Initial options to keep
@@ -46,18 +46,14 @@ export async function normalizeOptions(
     open,
     verbose,
     watch,
-    allowedHosts,
-    disableHostCheck,
     liveReload,
     hmr,
     headers,
     proxyConfig,
     servePath,
-    publicHost,
     ssl,
     sslCert,
     sslKey,
-    forceEsbuild,
     prebundle,
   } = options;
 
@@ -76,15 +72,11 @@ export async function normalizeOptions(
     workspaceRoot,
     projectRoot,
     cacheOptions,
-    allowedHosts,
-    disableHostCheck,
     proxyConfig,
     servePath,
-    publicHost,
     ssl,
     sslCert,
     sslKey,
-    forceEsbuild,
     // Prebundling defaults to true but requires caching to function
     prebundle: cacheOptions.enabled && (prebundle ?? true),
   };

packages/angular/build/src/builders/dev-server/schema.json

@@ -4,12 +4,6 @@
   "description": "Dev Server target options for Build Facade.",
   "type": "object",
   "properties": {
-    "browserTarget": {
-      "type": "string",
-      "description": "A browser builder target to serve in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
-      "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$",
-      "x-deprecated": "Use 'buildTarget' instead."
-    },
     "buildTarget": {
       "type": "string",
       "description": "A build builder target to serve in the format of `project:target[:configuration]`. You can also pass in more than one configuration name as a comma-separated list. Example: `project:target:production,staging`.",
@@ -67,27 +61,10 @@
       "description": "Whether to reload the page on change, using live-reload.",
       "default": true
     },
-    "publicHost": {
-      "type": "string",
-      "description": "The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies. This option has no effect when using the 'application' or other esbuild-based builders."
-    },
-    "allowedHosts": {
-      "type": "array",
-      "description": "List of hosts that are allowed to access the dev server. This option has no effect when using the 'application' or other esbuild-based builders.",
-      "default": [],
-      "items": {
-        "type": "string"
-      }
-    },
     "servePath": {
       "type": "string",
       "description": "The pathname where the application will be served."
     },
-    "disableHostCheck": {
-      "type": "boolean",
-      "description": "Don't verify connected clients are part of allowed hosts. This option has no effect when using the 'application' or other esbuild-based builders.",
-      "default": false
-    },
     "hmr": {
       "type": "boolean",
       "description": "Enable hot module replacement.",
@@ -102,13 +79,8 @@
       "type": "number",
       "description": "Enable and define the file watching poll time period in milliseconds."
     },
-    "forceEsbuild": {
-      "type": "boolean",
-      "description": "Force the development server to use the 'browser-esbuild' builder when building. This is a developer preview option for the esbuild-based build system.",
-      "default": false
-    },
     "prebundle": {
-      "description": "Enable and control the Vite-based development server's prebundling capabilities. To enable prebundling, the Angular CLI cache must also be enabled. This option has no effect when using the 'browser' or other Webpack-based builders.",
+      "description": "Enable and control the Vite-based development server's prebundling capabilities. To enable prebundling, the Angular CLI cache must also be enabled.",
       "oneOf": [
         { "type": "boolean" },
         {
@@ -127,5 +99,5 @@
     }
   },
   "additionalProperties": false,
-  "anyOf": [{ "required": ["buildTarget"] }, { "required": ["browserTarget"] }]
+  "required": ["buildTarget"]
 }