vite 3.0.0-beta.9 → 3.0.2

package/dist/node/chunks/{dep-235df460.js → dep-3f457808.js}

@@ -1,4 +1,4 @@
-import { A as getAugmentedNamespace, B as getDefaultExportFromCjs } from './dep-58325dc2.js';
+import { A as getAugmentedNamespace, B as getDefaultExportFromCjs } from './dep-1513d487.js';
 
 import { fileURLToPath as __cjs_fileURLToPath } from 'node:url';
 import { dirname as __cjs_dirname } from 'node:path';

package/dist/node/chunks/{dep-21ac9d2b.js → dep-f07a4e2f.js}

@@ -1,5 +1,5 @@
 import require$$0$1 from 'postcss';
-import { z as commonjsGlobal } from './dep-58325dc2.js';
+import { z as commonjsGlobal } from './dep-1513d487.js';
 import require$$0 from 'path';
 import require$$5 from 'crypto';
 import require$$0__default from 'fs';

package/dist/node/cli.js

@@ -1,6 +1,6 @@
 import { performance } from 'node:perf_hooks';
 import { EventEmitter } from 'events';
-import { y as picocolors, u as createLogger, e as resolveConfig } from './chunks/dep-58325dc2.js';
+import { y as picocolors, u as createLogger, e as resolveConfig } from './chunks/dep-1513d487.js';
 import { VERSION } from './constants.js';
 import 'node:fs';
 import 'node:path';
@@ -694,7 +694,7 @@ cli
     .action(async (root, options) => {
     // output structure is preserved even after bundling so require()
     // is ok here
-    const { createServer } = await import('./chunks/dep-58325dc2.js').then(function (n) { return n.E; });
+    const { createServer } = await import('./chunks/dep-1513d487.js').then(function (n) { return n.E; });
     try {
         const server = await createServer({
             root,
@@ -741,7 +741,7 @@ cli
     .option('--emptyOutDir', `[boolean] force empty outDir when it's outside of root`)
     .option('-w, --watch', `[boolean] rebuilds when modules have changed on disk`)
     .action(async (root, options) => {
-    const { build } = await import('./chunks/dep-58325dc2.js').then(function (n) { return n.D; });
+    const { build } = await import('./chunks/dep-1513d487.js').then(function (n) { return n.D; });
     const buildOptions = cleanOptions(options);
     try {
         await build({
@@ -765,7 +765,7 @@ cli
     .command('optimize [root]', 'pre-bundle dependencies')
     .option('--force', `[boolean] force the optimizer to ignore the cache and re-bundle`)
     .action(async (root, options) => {
-    const { optimizeDeps } = await import('./chunks/dep-58325dc2.js').then(function (n) { return n.C; });
+    const { optimizeDeps } = await import('./chunks/dep-1513d487.js').then(function (n) { return n.C; });
     try {
         const config = await resolveConfig({
             root,
@@ -788,7 +788,7 @@ cli
     .option('--https', `[boolean] use TLS + HTTP/2`)
     .option('--open [path]', `[boolean | string] open browser on startup`)
     .action(async (root, options) => {
-    const { preview } = await import('./chunks/dep-58325dc2.js').then(function (n) { return n.F; });
+    const { preview } = await import('./chunks/dep-1513d487.js').then(function (n) { return n.F; });
     try {
         const server = await preview({
             root,

package/dist/node/constants.js

@@ -1,7 +1,7 @@
 import path, { resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
-var version = "3.0.0-beta.9";
+var version = "3.0.2";
 
 const VERSION = version;
 const DEFAULT_MAIN_FIELDS = [

package/dist/node/index.d.ts

@@ -552,8 +552,8 @@ export declare interface DepOptimizationConfig {
     /**
      * 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 both
-     * @default false
+     * one of the modes. Deps optimization is enabled by default in dev only.
+     * @default 'build'
      * @experimental
      */
     disabled?: boolean | 'build' | 'dev';
@@ -1410,7 +1410,8 @@ export declare interface OptimizedDepInfo {
 }
 
 /**
- * Used by Vite CLI when running `vite optimize`
+ * Scan and optimize dependencies within a project.
+ * Used by Vite CLI when running `vite optimize`.
  */
 export declare function optimizeDeps(config: ResolvedConfig, force?: boolean | undefined, asCommand?: boolean): Promise<DepOptimizationMetadata>;
 
@@ -1598,10 +1599,16 @@ export declare interface PreviewServer {
      * native Node http server instance
      */
     httpServer: http.Server;
+    /**
+     * The resolved urls Vite prints on the
+     *
+     * @experimental
+     */
+    resolvedUrls: ResolvedServerUrls;
     /**
      * Print server urls
      */
-    printUrls: () => Promise<void>;
+    printUrls(): void;
 }
 
 export declare type PreviewServerHook = (server: {
@@ -1689,6 +1696,11 @@ export declare interface ResolvedServerOptions extends ServerOptions {
     middlewareMode: boolean;
 }
 
+export declare interface ResolvedServerUrls {
+    local: string[];
+    network: string[];
+}
+
 export declare interface ResolvedSSROptions extends SSROptions {
     target: SSRTarget;
     format: SSRFormat;
@@ -2436,6 +2448,13 @@ export declare interface ViteDevServer {
      * and hmr state.
      */
     moduleGraph: ModuleGraph;
+    /**
+     * The resolved urls Vite prints on the CLI. null in middleware mode or
+     * before `server.listen` is called.
+     *
+     * @experimental
+     */
+    resolvedUrls: ResolvedServerUrls | null;
     /**
      * Programmatically resolve, load and transform a URL and get the result
      * without going through the http request pipeline.
@@ -2474,7 +2493,7 @@ export declare interface ViteDevServer {
     /**
      * Print server urls
      */
-    printUrls(): Promise<void>;
+    printUrls(): void;
     /**
      * Restart the server.
      *

package/dist/node/index.js

@@ -1,4 +1,4 @@
-export { b as build, k as createFilter, u as createLogger, c as createServer, d as defineConfig, f as formatPostcssSourceMap, h as getDepOptimizationConfig, i as isDepsOptimizerEnabled, l as loadConfigFromFile, w as loadEnv, j as mergeAlias, m as mergeConfig, n as normalizePath, o as optimizeDeps, p as preview, g as resolveBaseUrl, e as resolveConfig, x as resolveEnvPrefix, a as resolvePackageData, r as resolvePackageEntry, v as searchForWorkspaceRoot, q as send, s as sortUserPlugins, t as transformWithEsbuild } from './chunks/dep-58325dc2.js';
+export { b as build, k as createFilter, u as createLogger, c as createServer, d as defineConfig, f as formatPostcssSourceMap, h as getDepOptimizationConfig, i as isDepsOptimizerEnabled, l as loadConfigFromFile, w as loadEnv, j as mergeAlias, m as mergeConfig, n as normalizePath, o as optimizeDeps, p as preview, g as resolveBaseUrl, e as resolveConfig, x as resolveEnvPrefix, a as resolvePackageData, r as resolvePackageEntry, v as searchForWorkspaceRoot, q as send, s as sortUserPlugins, t as transformWithEsbuild } from './chunks/dep-1513d487.js';
 export { VERSION as version } from './constants.js';
 export { version as esbuildVersion } from 'esbuild';
 export { VERSION as rollupVersion } from 'rollup';

package/dist/node-cjs/publicUtils.cjs

@@ -31,7 +31,7 @@ var require$$1__default$1 = /*#__PURE__*/_interopDefaultLegacy(require$$1$1);
 var readline__default = /*#__PURE__*/_interopDefaultLegacy(readline);
 var require$$2__default = /*#__PURE__*/_interopDefaultLegacy(require$$2);
 
-var version = "3.0.0-beta.9";
+var version = "3.0.2";
 
 const VERSION = version;
 const VITE_PACKAGE_DIR = path$3.resolve(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite",
-  "version": "3.0.0-beta.9",
+  "version": "3.0.2",
   "type": "module",
   "license": "MIT",
   "author": "Evan You",
@@ -32,7 +32,7 @@
     "types"
   ],
   "engines": {
-    "node": ">=14.18.0"
+    "node": "^14.18.0 || >=16.0.0"
   },
   "repository": {
     "type": "git",
@@ -68,8 +68,8 @@
   },
   "devDependencies": {
     "@ampproject/remapping": "^2.2.0",
-    "@babel/parser": "^7.18.6",
-    "@babel/types": "^7.18.7",
+    "@babel/parser": "^7.18.9",
+    "@babel/types": "^7.18.9",
     "@jridgewell/trace-mapping": "^0.3.14",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^22.0.1",
@@ -118,8 +118,8 @@
     "tsconfck": "^2.0.1",
     "tslib": "^2.4.0",
     "types": "link:./types",
-    "ufo": "^0.8.4",
-    "ws": "^8.8.0"
+    "ufo": "^0.8.5",
+    "ws": "^8.8.1"
   },
   "peerDependencies": {
     "less": "*",

package/src/client/client.ts

@@ -7,6 +7,7 @@ import '@vite/env'
 
 // injected by the hmr plugin when served
 declare const __BASE__: string
+declare const __SERVER_HOST__: string
 declare const __HMR_PROTOCOL__: string | null
 declare const __HMR_HOSTNAME__: string | null
 declare const __HMR_PORT__: number | null
@@ -20,6 +21,7 @@ console.debug('[vite] connecting...')
 const importMetaUrl = new URL(import.meta.url)
 
 // use server configuration, then fallback to inference
+const serverHost = __SERVER_HOST__
 const socketProtocol =
   __HMR_PROTOCOL__ || (location.protocol === 'https:' ? 'wss' : 'ws')
 const hmrPort = __HMR_PORT__
@@ -38,7 +40,19 @@ try {
     fallback = () => {
       // fallback to connecting directly to the hmr server
       // for servers which does not support proxying websocket
-      socket = setupWebSocket(socketProtocol, directSocketHost)
+      socket = setupWebSocket(socketProtocol, directSocketHost, () => {
+        const currentScriptHostURL = new URL(import.meta.url)
+        const currentScriptHost =
+          currentScriptHostURL.host +
+          currentScriptHostURL.pathname.replace(/@vite\/client$/, '')
+        console.error(
+          '[vite] failed to connect to websocket.\n' +
+            'your current setup:\n' +
+            `  (browser) ${currentScriptHost} <--[HTTP]--> ${serverHost} (server)\n` +
+            `  (browser) ${socketHost} <--[WebSocket (failing)]--> ${directSocketHost} (server)\n` +
+            'Check out your Vite / network configuration and https://vitejs.dev/config/server-options.html#server-hmr .'
+        )
+      })
       socket.addEventListener(
         'open',
         () => {
@@ -120,7 +134,11 @@ async function handleMessage(payload: HMRPayload) {
       sendMessageBuffer()
       // proxy(nginx, docker) hmr ws maybe caused timeout,
       // so send ping package let ws keep alive.
-      setInterval(() => socket.send('{"type":"ping"}'), __HMR_TIMEOUT__)
+      setInterval(() => {
+        if (socket.readyState === socket.OPEN) {
+          socket.send('{"type":"ping"}')
+        }
+      }, __HMR_TIMEOUT__)
       break
     case 'update':
       notifyListeners('vite:beforeUpdate', payload)
@@ -280,7 +298,8 @@ async function waitForSuccessfulPing(hostAndPath: string, ms = 1000) {
     try {
       // A fetch on a websocket URL will return a successful promise with status 400,
       // but will reject a networking error.
-      await fetch(`${location.protocol}//${hostAndPath}`)
+      // When running on middleware mode, it returns status 426, and an cors error happens if mode is not no-cors
+      await fetch(`${location.protocol}//${hostAndPath}`, { mode: 'no-cors' })
       break
     } catch (e) {
       // wait ms before attempting to ping again

package/src/client/overlay.ts

@@ -115,6 +115,9 @@ code {
 const fileRE = /(?:[a-zA-Z]:\\|\/).*?:\d+:\d+/g
 const codeframeRE = /^(?:>?\s+\d+\s+\|.*|\s+\|\s*\^.*)\r?\n/gm
 
+// Allow `ErrorOverlay` to extend `HTMLElement` even in environments where
+// `HTMLElement` was not originally defined.
+const { HTMLElement = class {} } = globalThis
 export class ErrorOverlay extends HTMLElement {
   root: ShadowRoot
 
@@ -184,6 +187,7 @@ export class ErrorOverlay extends HTMLElement {
 }
 
 export const overlayId = 'vite-error-overlay'
+const { customElements } = globalThis // Ensure `customElements` is defined before the next line.
 if (customElements && !customElements.get(overlayId)) {
   customElements.define(overlayId, ErrorOverlay)
 }