vite 5.0.11 → 5.1.0-beta.1

package/dist/node/cli.js

@@ -2,7 +2,7 @@ import path from 'node:path';
 import fs from 'node:fs';
 import { performance } from 'node:perf_hooks';
 import { EventEmitter } from 'events';
-import { x as colors, k as createLogger, r as resolveConfig } from './chunks/dep-V3BH7oO1.js';
+import { y as colors, q as createLogger, r as resolveConfig } from './chunks/dep-jUaJI_Cb.js';
 import { VERSION } from './constants.js';
 import 'node:fs/promises';
 import 'node:url';
@@ -29,7 +29,6 @@ import 'node:dns';
 import 'crypto';
 import 'module';
 import 'node:assert';
-import 'node:process';
 import 'node:v8';
 import 'node:buffer';
 import 'rollup';
@@ -759,7 +758,7 @@ cli
     filterDuplicateOptions(options);
     // output structure is preserved even after bundling so require()
     // is ok here
-    const { createServer } = await import('./chunks/dep-V3BH7oO1.js').then(function (n) { return n.A; });
+    const { createServer } = await import('./chunks/dep-jUaJI_Cb.js').then(function (n) { return n.C; });
     try {
         const server = await createServer({
             root,
@@ -839,7 +838,7 @@ cli
     .option('-w, --watch', `[boolean] rebuilds when modules have changed on disk`)
     .action(async (root, options) => {
     filterDuplicateOptions(options);
-    const { build } = await import('./chunks/dep-V3BH7oO1.js').then(function (n) { return n.C; });
+    const { build } = await import('./chunks/dep-jUaJI_Cb.js').then(function (n) { return n.D; });
     const buildOptions = cleanOptions(options);
     try {
         await build({
@@ -867,7 +866,7 @@ cli
     .option('--force', `[boolean] force the optimizer to ignore the cache and re-bundle`)
     .action(async (root, options) => {
     filterDuplicateOptions(options);
-    const { optimizeDeps } = await import('./chunks/dep-V3BH7oO1.js').then(function (n) { return n.B; });
+    const { optimizeDeps } = await import('./chunks/dep-jUaJI_Cb.js').then(function (n) { return n.B; });
     try {
         const config = await resolveConfig({
             root,
@@ -893,7 +892,7 @@ cli
     .option('--outDir <dir>', `[string] output directory (default: dist)`)
     .action(async (root, options) => {
     filterDuplicateOptions(options);
-    const { preview } = await import('./chunks/dep-V3BH7oO1.js').then(function (n) { return n.D; });
+    const { preview } = await import('./chunks/dep-jUaJI_Cb.js').then(function (n) { return n.E; });
     try {
         const server = await preview({
             root,

package/dist/node/constants.js

@@ -98,6 +98,8 @@ const KNOWN_ASSET_TYPES = [
     'aac',
     'opus',
     'mov',
+    'm4a',
+    'vtt',
     // fonts
     'woff2?',
     'eot',
@@ -123,5 +125,7 @@ const wildcardHosts = new Set([
 ]);
 const DEFAULT_DEV_PORT = 5173;
 const DEFAULT_PREVIEW_PORT = 4173;
+const DEFAULT_ASSETS_INLINE_LIMIT = 4096;
+const METADATA_FILENAME = '_metadata.json';
 
-export { CLIENT_DIR, CLIENT_ENTRY, CLIENT_PUBLIC_PATH, CSS_LANGS_RE, DEFAULT_ASSETS_RE, DEFAULT_CONFIG_FILES, DEFAULT_DEV_PORT, DEFAULT_EXTENSIONS, DEFAULT_MAIN_FIELDS, DEFAULT_PREVIEW_PORT, DEP_VERSION_RE, ENV_ENTRY, ENV_PUBLIC_PATH, ESBUILD_MODULES_TARGET, FS_PREFIX, JS_TYPES_RE, KNOWN_ASSET_TYPES, NULL_BYTE_PLACEHOLDER, OPTIMIZABLE_ENTRY_RE, SPECIAL_QUERY_RE, VALID_ID_PREFIX, VERSION, VITE_PACKAGE_DIR, loopbackHosts, wildcardHosts };
+export { CLIENT_DIR, CLIENT_ENTRY, CLIENT_PUBLIC_PATH, CSS_LANGS_RE, DEFAULT_ASSETS_INLINE_LIMIT, DEFAULT_ASSETS_RE, DEFAULT_CONFIG_FILES, DEFAULT_DEV_PORT, DEFAULT_EXTENSIONS, DEFAULT_MAIN_FIELDS, DEFAULT_PREVIEW_PORT, DEP_VERSION_RE, ENV_ENTRY, ENV_PUBLIC_PATH, ESBUILD_MODULES_TARGET, FS_PREFIX, JS_TYPES_RE, KNOWN_ASSET_TYPES, METADATA_FILENAME, NULL_BYTE_PLACEHOLDER, OPTIMIZABLE_ENTRY_RE, SPECIAL_QUERY_RE, VALID_ID_PREFIX, VERSION, VITE_PACKAGE_DIR, loopbackHosts, wildcardHosts };

package/dist/node/index.d.ts

@@ -713,6 +713,10 @@ interface PreviewServer {
      * The resolved vite config object
      */
     config: ResolvedConfig;
+    /**
+     * Stop the server.
+     */
+    close(): Promise<void>;
     /**
      * A connect app instance.
      * - Can be used to attach custom middlewares to the preview server.
@@ -1412,16 +1416,38 @@ declare namespace WebSocket {
   ): Duplex
 }
 
-type WebSocketCustomListener<T> = (data: T, client: WebSocketClient) => void;
-interface WebSocketServer {
+interface HmrOptions {
+    protocol?: string;
+    host?: string;
+    port?: number;
+    clientPort?: number;
+    path?: string;
+    timeout?: number;
+    overlay?: boolean;
+    server?: Server;
+}
+interface HmrContext {
+    file: string;
+    timestamp: number;
+    modules: Array<ModuleNode>;
+    read: () => string | Promise<string>;
+    server: ViteDevServer;
+}
+interface HMRBroadcasterClient {
     /**
-     * Listen on port and host
+     * Send event to the client
      */
-    listen(): void;
+    send(payload: HMRPayload): void;
     /**
-     * Get all connected clients.
+     * Send custom event
      */
-    clients: Set<WebSocketClient>;
+    send(event: string, payload?: CustomPayload['data']): void;
+}
+interface HMRChannel {
+    /**
+     * Unique channel name
+     */
+    name: string;
     /**
      * Broadcast events to all clients
      */
@@ -1430,6 +1456,46 @@ interface WebSocketServer {
      * Send custom event
      */
     send<T extends string>(event: T, payload?: InferCustomEventPayload<T>): void;
+    /**
+     * Handle custom event emitted by `import.meta.hot.send`
+     */
+    on<T extends string>(event: T, listener: (data: InferCustomEventPayload<T>, client: HMRBroadcasterClient, ...args: any[]) => void): void;
+    on(event: 'connection', listener: () => void): void;
+    /**
+     * Unregister event listener
+     */
+    off(event: string, listener: Function): void;
+    /**
+     * Start listening for messages
+     */
+    listen(): void;
+    /**
+     * Disconnect all clients, called when server is closed or restarted.
+     */
+    close(): void;
+}
+interface HMRBroadcaster extends Omit<HMRChannel, 'close' | 'name'> {
+    /**
+     * All registered channels. Always has websocket channel.
+     */
+    readonly channels: HMRChannel[];
+    /**
+     * Add a new third-party channel.
+     */
+    addChannel(connection: HMRChannel): HMRBroadcaster;
+    close(): Promise<unknown[]>;
+}
+
+type WebSocketCustomListener<T> = (data: T, client: WebSocketClient) => void;
+interface WebSocketServer extends HMRChannel {
+    /**
+     * Listen on port and host
+     */
+    listen(): void;
+    /**
+     * Get all connected clients.
+     */
+    clients: Set<WebSocketClient>;
     /**
      * Disconnect all clients and terminate the server.
      */
@@ -1463,24 +1529,6 @@ interface WebSocketClient {
     socket: WebSocket;
 }
 
-interface HmrOptions {
-    protocol?: string;
-    host?: string;
-    port?: number;
-    clientPort?: number;
-    path?: string;
-    timeout?: number;
-    overlay?: boolean;
-    server?: Server;
-}
-interface HmrContext {
-    file: string;
-    timestamp: number;
-    modules: Array<ModuleNode>;
-    read: () => string | Promise<string>;
-    server: ViteDevServer;
-}
-
 interface ServerOptions extends CommonServerOptions {
     /**
      * Configure HMR-specific options (port, host, path & protocol)
@@ -1608,8 +1656,16 @@ interface ViteDevServer {
     watcher: FSWatcher;
     /**
      * web socket server with `send(payload)` method
+     * @deprecated use `hot` instead
      */
     ws: WebSocketServer;
+    /**
+     * HMR broadcaster that can be used to send custom HMR messages to the client
+     *
+     * Always sends a message to at least a WebSocket client. Any third party can
+     * add a channel to the broadcaster to process messages
+     */
+    hot: HMRBroadcaster;
     /**
      * Rollup plugin container that can run plugin hooks on a given file
      */
@@ -2240,7 +2296,7 @@ interface BuildOptions {
      * base64 strings. Default limit is `4096` (4 KiB). Set to `0` to disable.
      * @default 4096
      */
-    assetsInlineLimit?: number;
+    assetsInlineLimit?: number | ((filePath: string, content: Buffer) => boolean | undefined);
     /**
      * Whether to code-split CSS. When enabled, CSS in async chunks will be
      * inlined as strings in the chunk and inserted via dynamically created
@@ -2466,9 +2522,6 @@ interface DepsOptimizer {
     isOptimizedDepUrl: (url: string) => boolean;
     getOptimizedDepId: (depInfo: OptimizedDepInfo) => string;
     delayDepsOptimizerUntil: (id: string, done: () => Promise<any>) => void;
-    registerWorkersSource: (id: string) => void;
-    resetRegisteredIds: () => void;
-    ensureFirstRun: () => void;
     close: () => Promise<void>;
     options: DepOptimizationOptions;
 }
@@ -2512,10 +2565,12 @@ interface DepOptimizationConfig {
      */
     extensions?: string[];
     /**
-     * Disables dependencies optimizations, true disables the optimizer during
-     * build and dev. Pass 'build' or 'dev' to only disable the optimizer in
-     * one of the modes. Deps optimization is enabled by default in dev only.
+     * Deps optimization during build was removed in Vite 5.1. This option is
+     * now redundant and will be removed in a future version. Switch to using
+     * `optimizeDeps.noDiscovery` and an empty or undefined `optimizeDeps.include`.
+     * true or 'dev' disables the optimizer, false or 'build' leaves it enabled.
      * @default 'build'
+     * @deprecated
      * @experimental
      */
     disabled?: boolean | 'build' | 'dev';
@@ -2613,7 +2668,7 @@ type SSRTarget = 'node' | 'webworker';
 type SsrDepOptimizationOptions = DepOptimizationConfig;
 interface SSROptions {
     noExternal?: string | RegExp | (string | RegExp)[] | true;
-    external?: string[];
+    external?: string[] | true;
     /**
      * Define the target for the ssr build. The browser field in package.json
      * is ignored for node but used if webworker is the target
@@ -2961,7 +3016,7 @@ interface Plugin<A = any> extends rollup.Plugin<A> {
      *   the descriptors.
      *
      * - The hook can also return an empty array and then perform custom updates
-     *   by sending a custom hmr payload via server.ws.send().
+     *   by sending a custom hmr payload via server.hot.send().
      *
      * - If the hook doesn't return a value, the hmr update will be performed as
      *   normal.

package/dist/node/index.js

@@ -1,6 +1,6 @@
 export { parseAst, parseAstAsync } from 'rollup/parseAst';
-import { i as isInNodeModules } from './chunks/dep-V3BH7oO1.js';
-export { b as build, e as buildErrorMessage, h as createFilter, k as createLogger, c as createServer, d as defineConfig, f as formatPostcssSourceMap, u as isFileServingAllowed, l as loadConfigFromFile, v as loadEnv, g as mergeAlias, m as mergeConfig, n as normalizePath, o as optimizeDeps, a as preprocessCSS, p as preview, r as resolveConfig, w as resolveEnvPrefix, q as searchForWorkspaceRoot, j as send, s as sortUserPlugins, t as transformWithEsbuild } from './chunks/dep-V3BH7oO1.js';
+import { i as isInNodeModules, a as arraify } from './chunks/dep-jUaJI_Cb.js';
+export { b as build, g as buildErrorMessage, j as createFilter, q as createLogger, c as createServer, d as defineConfig, f as formatPostcssSourceMap, v as isFileServingAllowed, l as loadConfigFromFile, w as loadEnv, h as mergeAlias, m as mergeConfig, n as normalizePath, o as optimizeDeps, e as preprocessCSS, p as preview, r as resolveConfig, x as resolveEnvPrefix, u as searchForWorkspaceRoot, k as send, s as sortUserPlugins, t as transformWithEsbuild } from './chunks/dep-jUaJI_Cb.js';
 export { VERSION as version } from './constants.js';
 export { version as esbuildVersion } from 'esbuild';
 export { VERSION as rollupVersion } from 'rollup';
@@ -32,7 +32,6 @@ import 'node:dns';
 import 'crypto';
 import 'module';
 import 'node:assert';
-import 'node:process';
 import 'node:v8';
 import 'node:buffer';
 import 'querystring';
@@ -115,7 +114,7 @@ function splitVendorChunkPlugin() {
         config(config) {
             let outputs = config?.build?.rollupOptions?.output;
             if (outputs) {
-                outputs = Array.isArray(outputs) ? outputs : [outputs];
+                outputs = arraify(outputs);
                 for (const output of outputs) {
                     const viteManualChunks = createSplitVendorChunk(output, config);
                     if (viteManualChunks) {

package/dist/node-cjs/publicUtils.cjs

@@ -3658,7 +3658,7 @@ function splitVendorChunkPlugin() {
         config(config) {
             let outputs = config?.build?.rollupOptions?.output;
             if (outputs) {
-                outputs = Array.isArray(outputs) ? outputs : [outputs];
+                outputs = arraify(outputs);
                 for (const output of outputs) {
                     const viteManualChunks = createSplitVendorChunk(output, config);
                     if (viteManualChunks) {
@@ -5298,7 +5298,7 @@ const debug = createDebugger('vite:send', {
     onlyWhenFocused: true,
 });
 const alias = {
-    js: 'application/javascript',
+    js: 'text/javascript',
     css: 'text/css',
     html: 'text/html',
     json: 'application/json',
@@ -5367,36 +5367,42 @@ function clearScreen() {
     readline.cursorTo(process.stdout, 0, 0);
     readline.clearScreenDown(process.stdout);
 }
-function createLogger(level = 'info', options = {}) {
-    if (options.customLogger) {
-        return options.customLogger;
-    }
-    const timeFormatter = new Intl.DateTimeFormat(undefined, {
+// Only initialize the timeFormatter when the timestamp option is used, and
+// reuse it across all loggers
+let timeFormatter;
+function getTimeFormatter() {
+    timeFormatter ??= new Intl.DateTimeFormat(undefined, {
         hour: 'numeric',
         minute: 'numeric',
         second: 'numeric',
     });
+    return timeFormatter;
+}
+function createLogger(level = 'info', options = {}) {
+    if (options.customLogger) {
+        return options.customLogger;
+    }
     const loggedErrors = new WeakSet();
     const { prefix = '[vite]', allowClearScreen = true } = options;
     const thresh = LogLevels[level];
     const canClearScreen = allowClearScreen && process.stdout.isTTY && !process.env.CI;
     const clear = canClearScreen ? clearScreen : () => { };
+    function format(type, msg, options = {}) {
+        if (options.timestamp) {
+            const tag = type === 'info'
+                ? colors.cyan(colors.bold(prefix))
+                : type === 'warn'
+                    ? colors.yellow(colors.bold(prefix))
+                    : colors.red(colors.bold(prefix));
+            return `${colors.dim(getTimeFormatter().format(new Date()))} ${tag} ${msg}`;
+        }
+        else {
+            return msg;
+        }
+    }
     function output(type, msg, options = {}) {
         if (thresh >= LogLevels[type]) {
             const method = type === 'info' ? 'log' : type;
-            const format = () => {
-                if (options.timestamp) {
-                    const tag = type === 'info'
-                        ? colors.cyan(colors.bold(prefix))
-                        : type === 'warn'
-                            ? colors.yellow(colors.bold(prefix))
-                            : colors.red(colors.bold(prefix));
-                    return `${colors.dim(timeFormatter.format(new Date()))} ${tag} ${msg}`;
-                }
-                else {
-                    return msg;
-                }
-            };
             if (options.error) {
                 loggedErrors.add(options.error);
             }
@@ -5404,7 +5410,7 @@ function createLogger(level = 'info', options = {}) {
                 if (type === lastType && msg === lastMsg) {
                     sameCount++;
                     clear();
-                    console[method](format(), colors.yellow(`(x${sameCount + 1})`));
+                    console[method](format(type, msg, options), colors.yellow(`(x${sameCount + 1})`));
                 }
                 else {
                     sameCount = 0;
@@ -5413,11 +5419,11 @@ function createLogger(level = 'info', options = {}) {
                     if (options.clear) {
                         clear();
                     }
-                    console[method](format());
+                    console[method](format(type, msg, options));
                 }
             }
             else {
-                console[method](format());
+                console[method](format(type, msg, options));
             }
         }
     }
@@ -6008,13 +6014,13 @@ function expand (config) {
 
 var expand_1 = expand;
 
-function getEnvFilesForMode(mode) {
+function getEnvFilesForMode(mode, envDir) {
     return [
         /** default file */ `.env`,
         /** local file */ `.env.local`,
         /** mode file */ `.env.${mode}`,
         /** mode local file */ `.env.${mode}.local`,
-    ];
+    ].map((file) => normalizePath(path$3.join(envDir, file)));
 }
 function loadEnv(mode, envDir, prefixes = 'VITE_') {
     if (mode === 'local') {
@@ -6023,9 +6029,8 @@ function loadEnv(mode, envDir, prefixes = 'VITE_') {
     }
     prefixes = arraify(prefixes);
     const env = {};
-    const envFiles = getEnvFilesForMode(mode);
-    const parsed = Object.fromEntries(envFiles.flatMap((file) => {
-        const filePath = path$3.join(envDir, file);
+    const envFiles = getEnvFilesForMode(mode, envDir);
+    const parsed = Object.fromEntries(envFiles.flatMap((filePath) => {
         if (!tryStatSync(filePath)?.isFile())
             return [];
         return Object.entries(parse_1(fs$1.readFileSync(filePath)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite",
-  "version": "5.0.11",
+  "version": "5.1.0-beta.1",
   "type": "module",
   "license": "MIT",
   "author": "Evan You",
@@ -62,7 +62,7 @@
   "//": "READ CONTRIBUTING.md to understand what to put under deps vs. devDeps!",
   "dependencies": {
     "esbuild": "^0.19.3",
-    "postcss": "^8.4.32",
+    "postcss": "^8.4.33",
     "rollup": "^4.2.0"
   },
   "optionalDependencies": {
@@ -71,18 +71,18 @@
   "devDependencies": {
     "@ampproject/remapping": "^2.2.1",
     "@babel/parser": "^7.23.6",
-    "@jridgewell/trace-mapping": "^0.3.20",
+    "@jridgewell/trace-mapping": "^0.3.21",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-dynamic-import-vars": "^2.1.2",
-    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@rollup/pluginutils": "^5.1.0",
     "@types/escape-html": "^1.0.4",
     "@types/pnpapi": "^0.0.5",
-    "acorn": "^8.11.2",
-    "acorn-walk": "^8.3.1",
+    "acorn": "^8.11.3",
+    "acorn-walk": "^8.3.2",
     "cac": "^6.7.14",
     "chokidar": "^3.5.3",
     "connect": "^3.7.0",
@@ -99,34 +99,33 @@
     "etag": "^1.8.1",
     "fast-glob": "^3.3.2",
     "http-proxy": "^1.18.1",
-    "json-stable-stringify": "^1.1.0",
     "launch-editor-middleware": "^2.6.1",
-    "lightningcss": "^1.22.1",
+    "lightningcss": "^1.23.0",
     "magic-string": "^0.30.5",
     "micromatch": "^4.0.5",
-    "mlly": "^1.4.2",
-    "mrmime": "^1.0.1",
+    "mlly": "^1.5.0",
+    "mrmime": "^2.0.0",
     "okie": "^1.0.1",
     "open": "^8.4.2",
     "parse5": "^7.1.2",
     "periscopic": "^4.0.2",
     "picocolors": "^1.0.0",
     "picomatch": "^2.3.1",
-    "postcss-import": "^15.1.0",
+    "postcss-import": "^16.0.0",
     "postcss-load-config": "^4.0.2",
     "postcss-modules": "^6.0.0",
     "resolve.exports": "^2.0.2",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-license": "^3.2.0",
-    "sirv": "^2.0.3",
+    "sirv": "^2.0.4",
     "source-map-support": "^0.5.21",
     "strip-ansi": "^7.1.0",
     "strip-literal": "^2.0.0",
-    "tsconfck": "^3.0.0",
+    "tsconfck": "^3.0.1",
     "tslib": "^2.6.2",
     "types": "link:./types",
     "ufo": "^1.3.2",
-    "ws": "^8.15.0"
+    "ws": "^8.16.0"
   },
   "peerDependencies": {
     "@types/node": "^18.0.0 || >=20.0.0",

package/types/hmrPayload.d.ts

@@ -20,10 +20,10 @@ export interface Update {
   path: string
   acceptedPath: string
   timestamp: number
-  /**
-   * @experimental internal
-   */
-  explicitImportRequired?: boolean | undefined
+  /** @internal */
+  explicitImportRequired?: boolean
+  /** @internal */
+  isWithinCircularImport?: boolean
 }
 
 export interface PrunePayload {

package/types/importGlob.d.ts

@@ -4,6 +4,8 @@ export interface ImportGlobOptions<
 > {
   /**
    * Import type for the import url.
+   *
+   * @deprecated Use `query` instead, e.g. `as: 'url'` -> `query: '?url', import: 'default'`
    */
   as?: AsType
   /**