fixup! fix(@angular/build): Add custom middleware for to present an Angular-tailored message

Author: alan-agius4

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

@@ -226,8 +226,6 @@ export async function setupServer(
         ssrMode,
         resetComponentUpdates: () => templateUpdates.clear(),
         projectRoot: serverOptions.projectRoot,
-        allowedHosts: serverOptions.allowedHosts,
-        devHost: serverOptions.host,
       }),
       createRemoveIdPrefixPlugin(externalMetadata.explicitBrowser),
       await createAngularSsrTransformPlugin(serverOptions.workspaceRoot),

packages/angular/build/src/tools/vite/middlewares/host-check-middleware.ts

@@ -9,7 +9,7 @@
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { Connect } from 'vite';
 
-export function createAngularHostCheckMiddleware(middlewares: Connect.Server): void {
+export function patchHostValidationMiddleware(middlewares: Connect.Server): void {
   const entry = middlewares.stack.find(
     ({ handle }) =>
       typeof handle === 'function' && handle.name.startsWith('hostValidationMiddleware'),

packages/angular/build/src/tools/vite/middlewares/index.ts

@@ -16,4 +16,4 @@ export {
 export { createAngularHeadersMiddleware } from './headers-middleware';
 export { createAngularComponentMiddleware } from './component-middleware';
 export { createChromeDevtoolsMiddleware } from './chrome-devtools-middleware';
-export { createAngularHostCheckMiddleware } from './host-check-middleware';
+export { patchHostValidationMiddleware } from './host-check-middleware';

packages/angular/build/src/tools/vite/plugins/setup-middlewares-plugin.ts

@@ -13,11 +13,11 @@ import {
   createAngularAssetsMiddleware,
   createAngularComponentMiddleware,
   createAngularHeadersMiddleware,
-  createAngularHostCheckMiddleware,
   createAngularIndexHtmlMiddleware,
   createAngularSsrExternalMiddleware,
   createAngularSsrInternalMiddleware,
   createChromeDevtoolsMiddleware,
+  patchHostValidationMiddleware,
 } from '../middlewares';
 import { AngularMemoryOutputFiles, AngularOutputAssets } from '../utils';
 
@@ -56,8 +56,6 @@ interface AngularSetupMiddlewaresPluginOptions {
   ssrMode: ServerSsrMode;
   resetComponentUpdates: () => void;
   projectRoot: string;
-  allowedHosts: true | string[];
-  devHost: string;
 }
 
 async function createEncapsulateStyle(): Promise<
@@ -112,7 +110,7 @@ export function createAngularSetupMiddlewaresPlugin(
       // before the built-in HTML middleware
       // eslint-disable-next-line @typescript-eslint/no-misused-promises
       return async () => {
-        createAngularHostCheckMiddleware(server.middlewares);
+        patchHostValidationMiddleware(server.middlewares);
 
         if (ssrMode === ServerSsrMode.ExternalSsrMiddleware) {
           server.middlewares.use(