build: upgrade Vite to v8.0.16

Update vite to version 8.

Author: alan-agius4

packages/angular/build/package.json

@@ -41,7 +41,7 @@
     "semver": "7.8.4",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.17",
-    "vite": "7.3.5",
+    "vite": "8.0.16",
     "watchpack": "2.5.2"
   },
   "optionalDependencies": {

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

@@ -9,7 +9,9 @@
 import type { ɵdestroyAngularServerApp as destroyAngularServerApp } from '@angular/ssr';
 import type { BuilderContext } from '@angular-devkit/architect';
 import { join } from 'node:path';
-import type { ViteDevServer } from 'vite';
+import type { ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { ComponentStyleRecord } from '../../../tools/vite/middlewares';
 import { BuildOutputFileType } from '../internal';
 import type { NormalizedDevServerOptions } from '../options';

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

@@ -10,7 +10,9 @@ import type { BuilderContext } from '@angular-devkit/architect';
 import type { Plugin } from 'esbuild';
 import assert from 'node:assert';
 import { join } from 'node:path';
-import type { Connect, ViteDevServer } from 'vite';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { ComponentStyleRecord } from '../../../tools/vite/middlewares';
 import { ServerSsrMode } from '../../../tools/vite/plugins';
 import { EsbuildLoaderOption, updateExternalMetadata } from '../../../tools/vite/utils';
@@ -58,7 +60,7 @@ export async function* serveWithVite(
     indexHtml?: (content: string) => Promise<string>;
   },
   extensions?: {
-    middleware?: Connect.NextHandleFunction[];
+    middleware?: Vite.Connect.NextHandleFunction[];
     buildPlugins?: Plugin[];
   },
 ): AsyncIterableIterator<DevServerBuilderOutput> {
@@ -191,9 +193,9 @@ export async function* serveWithVite(
   // The index HTML path will be updated from the build results if provided by the builder
   let htmlIndexPath = 'index.html';
 
-  const { createServer, normalizePath } = await import('vite');
+  const { createServer, normalizePath } = (await import('vite' as string)) as typeof Vite;
 
-  let server: ViteDevServer | undefined;
+  let server: Vite.ViteDevServer | undefined;
   let serverUrl: URL | undefined;
   let hadError = false;
   const generatedFiles = new Map<string, OutputFileRecord>();

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

@@ -8,7 +8,9 @@
 
 import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
-import type { Connect, InlineConfig, SSROptions, ServerOptions } from 'vite';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { ComponentStyleRecord } from '../../../tools/vite/middlewares';
 import {
   ServerSsrMode,
@@ -30,7 +32,7 @@ async function createServerConfig(
   ssrMode: ServerSsrMode,
   preTransformRequests: boolean,
   cacheDir: string,
-): Promise<ServerOptions> {
+): Promise<Vite.ServerOptions> {
   const proxy = await loadProxyConfiguration(
     serverOptions.workspaceRoot,
     serverOptions.proxyConfig,
@@ -47,7 +49,7 @@ async function createServerConfig(
       break;
   }
 
-  const server: ServerOptions = {
+  const server: Vite.ServerOptions = {
     preTransformRequests,
     warmup: {
       ssrFiles,
@@ -101,7 +103,7 @@ function createSsrConfig(
   prebundleLoaderExtensions: EsbuildLoaderOption | undefined,
   thirdPartySourcemaps: boolean,
   define: ApplicationBuilderInternalOptions['define'],
-): SSROptions {
+): Vite.SSROptions {
   return {
     // Note: `true` and `/.*/` have different sematics. When true, the `external` option is ignored.
     noExternal: /.*/,
@@ -139,11 +141,11 @@ export async function setupServer(
   templateUpdates: Map<string, string>,
   prebundleLoaderExtensions: EsbuildLoaderOption | undefined,
   define: ApplicationBuilderInternalOptions['define'],
-  extensionMiddleware?: Connect.NextHandleFunction[],
+  extensionMiddleware?: Vite.Connect.NextHandleFunction[],
   indexHtmlTransformer?: (content: string) => Promise<string>,
   thirdPartySourcemaps = false,
-): Promise<InlineConfig> {
-  const { normalizePath } = await import('vite');
+): Promise<Vite.InlineConfig> {
+  const { normalizePath } = (await import('vite' as string)) as typeof Vite;
 
   // Path will not exist on disk and only used to provide separate path for Vite requests
   const virtualProjectRoot = normalizePath(
@@ -161,13 +163,13 @@ export async function setupServer(
     externalMetadata.explicitBrowser.length === 0 && ssrMode === ServerSsrMode.NoSsr;
   const cacheDir = join(serverOptions.cacheOptions.path, serverOptions.buildTarget.project, 'vite');
 
-  const configuration: InlineConfig = {
+  const configuration: Vite.InlineConfig = {
     configFile: false,
     envFile: false,
     cacheDir,
     root: virtualProjectRoot,
     publicDir: false,
-    esbuild: false,
+    oxc: false,
     mode: 'development',
     // We use custom as we do not rely on Vite's htmlFallbackMiddleware and indexHtmlMiddleware.
     appType: 'custom',

packages/angular/build/src/builders/unit-test/runners/vitest/executor.ts

@@ -9,6 +9,9 @@
 import type { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
 import assert from 'node:assert';
 import path from 'node:path';
+import type * as Vite from 'vite' with {
+  'resolution-mode': 'import',
+};
 import type { Vitest } from 'vitest/node';
 import {
   DevServerExternalResultMetadata,
@@ -96,7 +99,7 @@ export class VitestExecutor implements TestExecutor {
 
   async *execute(buildResult: FullResult | IncrementalResult): AsyncIterable<BuilderOutput> {
     this.debugLog(DebugLogLevel.Info, `Executing test run (kind: ${buildResult.kind}).`);
-    this.normalizePath ??= (await import('vite')).normalizePath;
+    this.normalizePath ??= ((await import('vite' as string)) as typeof Vite).normalizePath;
 
     if (buildResult.kind === ResultKind.Full) {
       this.buildResultFiles.clear();

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

@@ -11,7 +11,9 @@ import { createHash } from 'node:crypto';
 import { readFileSync } from 'node:fs';
 import type { ServerResponse } from 'node:http';
 import { extname } from 'node:path';
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { ResultFile } from '../../../builders/application/results';
 import { AngularMemoryOutputFiles, AngularOutputAssets, pathnameWithoutBasePath } from '../utils';
 

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

@@ -7,7 +7,9 @@
  */
 
 import type { IncomingMessage, ServerResponse } from 'node:http';
-import type { Connect } from 'vite';
+import type { Connect } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { addLeadingSlash } from '../../../utils/url';
 
 /**

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

@@ -10,7 +10,9 @@ import assert from 'node:assert';
 import { randomUUID } from 'node:crypto';
 import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
 import { join } from 'node:path';
-import type { Connect } from 'vite';
+import type { Connect } from 'vite' with {
+  'resolution-mode': 'import',
+};
 
 type DevToolsJson = {
   workspace: {

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

@@ -6,7 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 import { pathnameWithoutBasePath } from '../utils';
 
 const ANGULAR_COMPONENT_PREFIX = '/@ng/component';

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

@@ -7,7 +7,9 @@
  */
 
 import type { ServerResponse } from 'node:http';
-import type { Connect, ViteDevServer } from 'vite';
+import type { Connect, ViteDevServer } from 'vite' with {
+  'resolution-mode': 'import',
+};
 
 /**
  * Creates a middleware for adding custom headers.