refactor(@angular/build): assign name to custom Vite middleware for better debugging

Naming the custom middleware improves the ability to identify middleware order during debugging.

Author: alan-agius4

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

@@ -20,7 +20,7 @@ export function createAngularAssetsMiddleware(
   outputFiles: AngularMemoryOutputFiles,
   usedComponentStyles: Map<string, string[]>,
 ): Connect.NextHandleFunction {
-  return function (req, res, next) {
+  return function angularAssetsMiddleware(req, res, next) {
     if (req.url === undefined || res.writableEnded) {
       return;
     }

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

@@ -20,7 +20,11 @@ import type { Connect, ViteDevServer } from 'vite';
  *          and passes control to the next middleware in the chain.
  */
 export function createAngularHeadersMiddleware(server: ViteDevServer): Connect.NextHandleFunction {
-  return function (_req: Connect.IncomingMessage, res: ServerResponse, next: Connect.NextFunction) {
+  return function angularHeadersMiddleware(
+    _req: Connect.IncomingMessage,
+    res: ServerResponse,
+    next: Connect.NextFunction,
+  ) {
     const headers = server.config.server.headers;
     if (!headers) {
       return next();

packages/angular/build/src/tools/vite/middlewares/html-fallback-middleware.ts

@@ -12,7 +12,7 @@ import { lookupMimeTypeFromRequest } from '../utils';
 
 export function angularHtmlFallbackMiddleware(
   req: Connect.IncomingMessage,
-  res: ServerResponse,
+  _res: ServerResponse,
   next: Connect.NextFunction,
 ): void {
   // Similar to how it is handled in vite

packages/angular/build/src/tools/vite/middlewares/index-html-middleware.ts

@@ -15,7 +15,7 @@ export function createAngularIndexHtmlMiddleware(
   outputFiles: AngularMemoryOutputFiles,
   indexHtmlTransformer: ((content: string) => Promise<string>) | undefined,
 ): Connect.NextHandleFunction {
-  return function (req, res, next) {
+  return function angularIndexHtmlMiddleware(req, res, next) {
     if (!req.url) {
       next();
 

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

@@ -16,7 +16,11 @@ export function createAngularSSRMiddleware(
 ): Connect.NextHandleFunction {
   let cachedAngularServerApp: ReturnType<typeof getOrCreateAngularServerApp> | undefined;
 
-  return function (req: Connect.IncomingMessage, res: ServerResponse, next: Connect.NextFunction) {
+  return function angularSSRMiddleware(
+    req: Connect.IncomingMessage,
+    res: ServerResponse,
+    next: Connect.NextFunction,
+  ) {
     if (req.url === undefined) {
       return next();
     }