vite 2.8.4 → 2.9.0-beta.0

package/dist/node/chunks/{dep-98e8af53.js → dep-5f1b3f27.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var build = require('./dep-971d9e33.js');
+var index = require('./dep-429629d5.js');
 var require$$1 = require('crypto');
 require('fs');
 require('path');
@@ -353,7 +353,7 @@ util$1.isNodejs =
 // is not available.
 util$1.globalScope = (function() {
   if(util$1.isNodejs) {
-    return build.commonjsGlobal;
+    return index.commonjsGlobal;
   }
 
   return typeof self === 'undefined' ? window : self;
@@ -19367,12 +19367,12 @@ pki.privateKeyInfoToPem = function(pki, maxline) {
 // this RFC in section 4.1.2.2 requires serial numbers to be positive
 // http://www.ietf.org/rfc/rfc5280.txt
 function toPositiveHex(hexString) {
-    let mostSiginficativeHexAsInt = parseInt(hexString[0], 16);
-    if (mostSiginficativeHexAsInt < 8) {
+    let mostSignificativeHexAsInt = parseInt(hexString[0], 16);
+    if (mostSignificativeHexAsInt < 8) {
         return hexString;
     }
-    mostSiginficativeHexAsInt -= 8;
-    return mostSiginficativeHexAsInt.toString() + hexString.substring(1);
+    mostSignificativeHexAsInt -= 8;
+    return mostSignificativeHexAsInt.toString() + hexString.substring(1);
 }
 function createCertificate() {
     const days = 30;

package/dist/node/cli.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var require$$0 = require('events');
-var build = require('./chunks/dep-971d9e33.js');
+var index = require('./chunks/dep-429629d5.js');
 var perf_hooks = require('perf_hooks');
 require('fs');
 require('path');
@@ -670,7 +670,7 @@ cli
     .option('-m, --mode <mode>', `[string] set env mode`);
 // dev
 cli
-    .command('[root]') // default command
+    .command('[root]', 'start dev server') // default command
     .alias('serve') // the command is called 'serve' in Vite's API
     .alias('dev') // alias to align with the script name
     .option('--host [host]', `[string] specify hostname`)
@@ -683,7 +683,7 @@ cli
     .action(async (root, options) => {
     // output structure is preserved even after bundling so require()
     // is ok here
-    const { createServer } = await Promise.resolve().then(function () { return require('./chunks/dep-971d9e33.js'); }).then(function (n) { return n.index$1; });
+    const { createServer } = await Promise.resolve().then(function () { return require('./chunks/dep-429629d5.js'); }).then(function (n) { return n.index$1; });
     try {
         const server = await createServer({
             root,
@@ -699,8 +699,8 @@ cli
         }
         await server.listen();
         const info = server.config.logger.info;
-        info(build.colors.cyan(`\n  vite v${require('vite/package.json').version}`) +
-            build.colors.green(` dev server running at:\n`), {
+        info(index.colors.cyan(`\n  vite v${require('vite/package.json').version}`) +
+            index.colors.green(` dev server running at:\n`), {
             clear: !server.config.logger.hasWarned
         });
         server.printUrls();
@@ -708,17 +708,17 @@ cli
         if (global.__vite_start_time) {
             // @ts-ignore
             const startupDuration = perf_hooks.performance.now() - global.__vite_start_time;
-            info(`\n  ${build.colors.cyan(`ready in ${Math.ceil(startupDuration)}ms.`)}\n`);
+            info(`\n  ${index.colors.cyan(`ready in ${Math.ceil(startupDuration)}ms.`)}\n`);
         }
     }
     catch (e) {
-        build.createLogger(options.logLevel).error(build.colors.red(`error when starting dev server:\n${e.stack}`), { error: e });
+        index.createLogger(options.logLevel).error(index.colors.red(`error when starting dev server:\n${e.stack}`), { error: e });
         process.exit(1);
     }
 });
 // build
 cli
-    .command('build [root]')
+    .command('build [root]', 'build for production')
     .option('--target <target>', `[string] transpile target (default: 'modules')`)
     .option('--outDir <dir>', `[string] output directory (default: dist)`)
     .option('--assetsDir <dir>', `[string] directory under outDir to place assets in (default: _assets)`)
@@ -732,10 +732,10 @@ 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: build$1 } = await Promise.resolve().then(function () { return require('./chunks/dep-971d9e33.js'); }).then(function (n) { return n.build$1; });
+    const { build } = await Promise.resolve().then(function () { return require('./chunks/dep-429629d5.js'); }).then(function (n) { return n.build$1; });
     const buildOptions = cleanOptions(options);
     try {
-        await build$1({
+        await build({
             root,
             base: options.base,
             mode: options.mode,
@@ -746,18 +746,18 @@ cli
         });
     }
     catch (e) {
-        build.createLogger(options.logLevel).error(build.colors.red(`error during build:\n${e.stack}`), { error: e });
+        index.createLogger(options.logLevel).error(index.colors.red(`error during build:\n${e.stack}`), { error: e });
         process.exit(1);
     }
 });
 // optimize
 cli
-    .command('optimize [root]')
+    .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 Promise.resolve().then(function () { return require('./chunks/dep-971d9e33.js'); }).then(function (n) { return n.index; });
+    const { optimizeDeps } = await Promise.resolve().then(function () { return require('./chunks/dep-429629d5.js'); }).then(function (n) { return n.index; });
     try {
-        const config = await build.resolveConfig({
+        const config = await index.resolveConfig({
             root,
             base: options.base,
             configFile: options.config,
@@ -766,19 +766,19 @@ cli
         await optimizeDeps(config, options.force, true);
     }
     catch (e) {
-        build.createLogger(options.logLevel).error(build.colors.red(`error when optimizing deps:\n${e.stack}`), { error: e });
+        index.createLogger(options.logLevel).error(index.colors.red(`error when optimizing deps:\n${e.stack}`), { error: e });
         process.exit(1);
     }
 });
 cli
-    .command('preview [root]')
+    .command('preview [root]', 'locally preview production build')
     .option('--host [host]', `[string] specify hostname`)
     .option('--port <port>', `[number] specify port`)
     .option('--strictPort', `[boolean] exit if specified port is already in use`)
     .option('--https', `[boolean] use TLS + HTTP/2`)
     .option('--open [path]', `[boolean | string] open browser on startup`)
     .action(async (root, options) => {
-    const { preview } = await Promise.resolve().then(function () { return require('./chunks/dep-971d9e33.js'); }).then(function (n) { return n.preview$1; });
+    const { preview } = await Promise.resolve().then(function () { return require('./chunks/dep-429629d5.js'); }).then(function (n) { return n.preview$1; });
     try {
         const server = await preview({
             root,
@@ -797,7 +797,7 @@ cli
         server.printUrls();
     }
     catch (e) {
-        build.createLogger(options.logLevel).error(build.colors.red(`error when starting preview server:\n${e.stack}`), { error: e });
+        index.createLogger(options.logLevel).error(index.colors.red(`error when starting preview server:\n${e.stack}`), { error: e });
         process.exit(1);
     }
 });

package/dist/node/index.d.ts

@@ -11,6 +11,7 @@ import { TransformOptions as EsbuildTransformOptions } from 'esbuild';
 import { EventEmitter } from 'events';
 import * as events from 'events';
 import type * as fs from 'fs';
+import type { GetManualChunk } from 'rollup';
 import * as http from 'http';
 import type { IncomingMessage } from 'http';
 import type { InputOptions } from 'rollup';
@@ -267,6 +268,11 @@ export declare interface BuildOptions {
     watch?: WatcherOptions | null;
 }
 
+export declare interface ChunkMetadata {
+    importedAssets: Set<string>;
+    importedCss: Set<string>;
+}
+
 export declare interface CommonServerOptions {
     /**
      * Specify server port. Note if the port is already being used, Vite will
@@ -506,11 +512,19 @@ export declare interface DepOptimizationMetadata {
      * optimized deps.
      */
     browserHash: string;
-    optimized: Record<string, {
-        file: string;
-        src: string;
-        needsInterop: boolean;
-    }>;
+    /**
+     * Metadata for each already optimized dependency
+     */
+    optimized: Record<string, OptimizedDepInfo>;
+    /**
+     * Metadata for each newly discovered dependency after processing
+     */
+    discovered: Record<string, OptimizedDepInfo>;
+    /**
+     * During optimization, ids can still be resolved to their final location
+     * but the bundles may not yet be saved to disk
+     */
+    processing: Promise<DepOptimizationResult | undefined>;
 }
 
 export declare interface DepOptimizationOptions {
@@ -552,6 +566,31 @@ export declare interface DepOptimizationOptions {
      * @deprecated use `esbuildOptions.keepNames`
      */
     keepNames?: boolean;
+    /**
+     * List of file extensions that can be optimized. A corresponding esbuild
+     * plugin must exist to handle the specific extension.
+     *
+     * By default, Vite can optimize `.mjs`, `.js`, and `.ts` files. This option
+     * allows specifying additional extensions.
+     *
+     * @experimental
+     */
+    extensions?: string[];
+}
+
+export declare interface DepOptimizationProcessing {
+    promise: Promise<DepOptimizationResult | undefined>;
+    resolve: (result?: DepOptimizationResult) => void;
+}
+
+export declare interface DepOptimizationResult {
+    /**
+     * After a re-optimization, the internal bundled chunks may change
+     * and a full page reload is required if that is the case
+     * If the files are stable, we can avoid the reload that is expensive
+     * for large applications
+     */
+    alteredFiles: boolean;
 }
 
 export declare interface ErrorPayload {
@@ -701,7 +740,7 @@ export declare interface HmrContext {
 export declare interface HmrOptions {
     protocol?: string;
     host?: string;
-    port?: number;
+    port?: number | false;
     clientPort?: number;
     path?: string;
     timeout?: number;
@@ -1130,8 +1169,24 @@ export declare class ModuleNode {
 
 export declare function normalizePath(id: string): string;
 
-export declare function optimizeDeps(config: ResolvedConfig, force?: boolean | undefined, asCommand?: boolean, newDeps?: Record<string, string>, // missing imports encountered after server has started
-ssr?: boolean): Promise<DepOptimizationMetadata | null>;
+export declare interface OptimizedDepInfo {
+    file: string;
+    src: string;
+    needsInterop?: boolean;
+    browserHash?: string;
+    fileHash?: string;
+    /**
+     * During optimization, ids can still be resolved to their final location
+     * but the bundles may not yet be saved to disk
+     */
+    processing: Promise<DepOptimizationResult | undefined>;
+}
+
+/**
+ * Used by Vite CLI when running `vite optimize`
+ */
+export declare function optimizeDeps(config: ResolvedConfig, force?: boolean | undefined, asCommand?: boolean, newDeps?: Record<string, OptimizedDepInfo>, // missing imports encountered after server has started
+ssr?: boolean): Promise<DepOptimizationMetadata>;
 
 /** Cache for package.json resolution and package.json contents */
 export declare type PackageCache = Map<string, PackageData>;
@@ -1666,6 +1721,18 @@ export declare interface ServerOptions extends CommonServerOptions {
 
 export declare function sortUserPlugins(plugins: (Plugin | Plugin[])[] | undefined): [Plugin[], Plugin[], Plugin[]];
 
+export declare function splitVendorChunk(options?: {
+    cache?: SplitVendorChunkCache;
+}): GetManualChunk;
+
+export declare class SplitVendorChunkCache {
+    cache: Map<string, boolean>;
+    constructor();
+    reset(): void;
+}
+
+export declare function splitVendorChunkPlugin(): Plugin;
+
 export declare interface SSROptions {
     external?: string[];
     noExternal?: string | RegExp | (string | RegExp)[] | true;
@@ -2089,7 +2156,9 @@ export declare interface ViteDevServer {
     /**
      * Load a given URL as an instantiated module for SSR.
      */
-    ssrLoadModule(url: string): Promise<Record<string, any>>;
+    ssrLoadModule(url: string, opts?: {
+        fixStacktrace?: boolean;
+    }): Promise<Record<string, any>>;
     /**
      * Fix ssr error stacktrace
      */
@@ -2117,9 +2186,7 @@ export declare interface ViteDevServer {
     /* Excluded from this release type: _globImporters */
     /* Excluded from this release type: _restartPromise */
     /* Excluded from this release type: _forceOptimizeOnRestart */
-    /* Excluded from this release type: _isRunningOptimizer */
     /* Excluded from this release type: _registerMissingImport */
-    /* Excluded from this release type: _pendingReload */
     /* Excluded from this release type: _pendingRequests */
 }
 

package/dist/node/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var build = require('./chunks/dep-971d9e33.js');
+var index = require('./chunks/dep-429629d5.js');
 require('fs');
 require('path');
 require('tty');
@@ -28,24 +28,129 @@ require('child_process');
 require('worker_threads');
 require('readline');
 
+// Use splitVendorChunkPlugin() to get the same manualChunks strategy as Vite 2.7
+// We don't recommend using this strategy as a general solution moving forward
+// splitVendorChunk is a simple index/vendor strategy that was used in Vite
+// until v2.8. It is exposed to let people continue to use it in case it was
+// working well for their setups.
+// The cache needs to be reset on buildStart for watch mode to work correctly
+// Don't use this manualChunks strategy for ssr, lib mode, and 'umd' or 'iife'
+class SplitVendorChunkCache {
+    constructor() {
+        this.cache = new Map();
+    }
+    reset() {
+        this.cache = new Map();
+    }
+}
+function splitVendorChunk(options = {}) {
+    var _a;
+    const cache = (_a = options.cache) !== null && _a !== void 0 ? _a : new SplitVendorChunkCache();
+    return (id, { getModuleInfo }) => {
+        if (id.includes('node_modules') &&
+            !index.isCSSRequest(id) &&
+            staticImportedByEntry(id, getModuleInfo, cache.cache)) {
+            return 'vendor';
+        }
+    };
+}
+function staticImportedByEntry(id, getModuleInfo, cache, importStack = []) {
+    if (cache.has(id)) {
+        return cache.get(id);
+    }
+    if (importStack.includes(id)) {
+        // circular deps!
+        cache.set(id, false);
+        return false;
+    }
+    const mod = getModuleInfo(id);
+    if (!mod) {
+        cache.set(id, false);
+        return false;
+    }
+    if (mod.isEntry) {
+        cache.set(id, true);
+        return true;
+    }
+    const someImporterIs = mod.importers.some((importer) => staticImportedByEntry(importer, getModuleInfo, cache, importStack.concat(id)));
+    cache.set(id, someImporterIs);
+    return someImporterIs;
+}
+function splitVendorChunkPlugin() {
+    const caches = [];
+    function createSplitVendorChunk(output, config) {
+        var _a;
+        const cache = new SplitVendorChunkCache();
+        caches.push(cache);
+        const build = (_a = config.build) !== null && _a !== void 0 ? _a : {};
+        const format = output === null || output === void 0 ? void 0 : output.format;
+        if (!build.ssr && !build.lib && format !== 'umd' && format !== 'iife') {
+            return splitVendorChunk({ cache });
+        }
+    }
+    return {
+        name: 'vite:split-vendor-chunk',
+        config(config) {
+            var _a, _b;
+            let outputs = (_b = (_a = config === null || config === void 0 ? void 0 : config.build) === null || _a === void 0 ? void 0 : _a.rollupOptions) === null || _b === void 0 ? void 0 : _b.output;
+            if (outputs) {
+                outputs = Array.isArray(outputs) ? outputs : [outputs];
+                for (const output of outputs) {
+                    const viteManualChunks = createSplitVendorChunk(output, config);
+                    if (viteManualChunks) {
+                        if (output.manualChunks) {
+                            if (typeof output.manualChunks === 'function') {
+                                const userManualChunks = output.manualChunks;
+                                output.manualChunks = (id, api) => {
+                                    var _a;
+                                    return (_a = userManualChunks(id, api)) !== null && _a !== void 0 ? _a : viteManualChunks(id, api);
+                                };
+                            }
+                            // else, leave the object form of manualChunks untouched, as
+                            // we can't safely replicate rollup handling.
+                        }
+                        else {
+                            output.manualChunks = viteManualChunks;
+                        }
+                    }
+                }
+            }
+            else {
+                return {
+                    build: {
+                        rollupOptions: {
+                            output: {
+                                manualChunks: createSplitVendorChunk({}, config)
+                            }
+                        }
+                    }
+                };
+            }
+        },
+        buildStart() {
+            caches.forEach((cache) => cache.reset());
+        }
+    };
+}
 
-
-exports.build = build.build;
-exports.createLogger = build.createLogger;
-exports.createServer = build.createServer;
-exports.defineConfig = build.defineConfig;
-exports.loadConfigFromFile = build.loadConfigFromFile;
-exports.loadEnv = build.loadEnv;
-exports.mergeConfig = build.mergeConfig;
-exports.normalizePath = build.normalizePath;
-exports.optimizeDeps = build.optimizeDeps;
-exports.preview = build.preview;
-exports.printHttpServerUrls = build.printHttpServerUrls;
-exports.resolveConfig = build.resolveConfig;
-exports.resolveEnvPrefix = build.resolveEnvPrefix;
-exports.resolvePackageData = build.resolvePackageData;
-exports.resolvePackageEntry = build.resolvePackageEntry;
-exports.searchForWorkspaceRoot = build.searchForWorkspaceRoot;
-exports.send = build.send;
-exports.sortUserPlugins = build.sortUserPlugins;
-exports.transformWithEsbuild = build.transformWithEsbuild;
+exports.build = index.build;
+exports.createLogger = index.createLogger;
+exports.createServer = index.createServer;
+exports.defineConfig = index.defineConfig;
+exports.loadConfigFromFile = index.loadConfigFromFile;
+exports.loadEnv = index.loadEnv;
+exports.mergeConfig = index.mergeConfig;
+exports.normalizePath = index.normalizePath;
+exports.optimizeDeps = index.optimizeDeps;
+exports.preview = index.preview;
+exports.printHttpServerUrls = index.printHttpServerUrls;
+exports.resolveConfig = index.resolveConfig;
+exports.resolveEnvPrefix = index.resolveEnvPrefix;
+exports.resolvePackageData = index.resolvePackageData;
+exports.resolvePackageEntry = index.resolvePackageEntry;
+exports.searchForWorkspaceRoot = index.searchForWorkspaceRoot;
+exports.send = index.send;
+exports.sortUserPlugins = index.sortUserPlugins;
+exports.transformWithEsbuild = index.transformWithEsbuild;
+exports.splitVendorChunk = splitVendorChunk;
+exports.splitVendorChunkPlugin = splitVendorChunkPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite",
-  "version": "2.8.4",
+  "version": "2.9.0-beta.0",
   "license": "MIT",
   "author": "Evan You",
   "description": "Native-ESM powered web dev build tool",
@@ -55,6 +55,7 @@
     "@ampproject/remapping": "^2.1.0",
     "@babel/parser": "^7.17.0",
     "@babel/types": "^7.17.0",
+    "@jridgewell/trace-mapping": "^0.3.2",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-dynamic-import-vars": "^1.4.2",
@@ -79,7 +80,6 @@
     "acorn": "^8.7.0",
     "cac": "6.7.9",
     "chokidar": "^3.5.3",
-    "compression": "^1.7.4",
     "connect": "^3.7.0",
     "connect-history-api-fallback": "^1.6.0",
     "convert-source-map": "^1.8.0",
@@ -104,16 +104,15 @@
     "periscopic": "^2.0.3",
     "picocolors": "^1.0.0",
     "postcss-import": "^14.0.2",
-    "postcss-load-config": "^3.1.1",
+    "postcss-load-config": "^3.1.3",
     "postcss-modules": "^4.3.0",
     "resolve.exports": "^1.1.0",
     "rollup-plugin-license": "^2.6.1",
     "sirv": "^2.0.2",
-    "source-map-js": "^1.0.2",
     "source-map-support": "^0.5.21",
     "strip-ansi": "^6.0.1",
     "terser": "^5.10.0",
-    "tsconfck": "1.1.2",
+    "tsconfck": "^1.2.0",
     "tslib": "^2.3.1",
     "types": "link:./types",
     "ws": "^8.5.0"

package/src/client/client.ts

@@ -15,7 +15,7 @@ import '@vite/env'
 declare const __BASE__: string
 declare const __HMR_PROTOCOL__: string
 declare const __HMR_HOSTNAME__: string
-declare const __HMR_PORT__: string
+declare const __HMR_PORT__: string | false
 declare const __HMR_TIMEOUT__: number
 declare const __HMR_ENABLE_OVERLAY__: boolean
 
@@ -24,7 +24,10 @@ console.log('[vite] connecting...')
 // use server configuration, then fallback to inference
 const socketProtocol =
   __HMR_PROTOCOL__ || (location.protocol === 'https:' ? 'wss' : 'ws')
-const socketHost = `${__HMR_HOSTNAME__ || location.hostname}:${__HMR_PORT__}`
+const socketHost = __HMR_PORT__
+  ? `${__HMR_HOSTNAME__ || location.hostname}:${__HMR_PORT__}`
+  : `${__HMR_HOSTNAME__ || location.hostname}`
+
 const socket = new WebSocket(`${socketProtocol}://${socketHost}`, 'vite-hmr')
 const base = __BASE__ || '/'
 
@@ -214,9 +217,14 @@ async function waitForSuccessfulPing(ms = 1000) {
   // eslint-disable-next-line no-constant-condition
   while (true) {
     try {
-      await fetch(`${base}__vite_ping`)
-      break
+      const pingResponse = await fetch(`${base}__vite_ping`)
+
+      // success - 2xx status code
+      if (pingResponse.ok) break
+      // failure - non-2xx status code
+      else throw new Error()
     } catch (e) {
+      // wait ms before attempting to ping again
       await new Promise((resolve) => setTimeout(resolve, ms))
     }
   }
@@ -254,7 +262,7 @@ export function updateStyle(id: string, content: string): void {
     if (!style) {
       style = new CSSStyleSheet()
       style.replaceSync(content)
-      // @ts-ignore
+      // @ts-expect-error: using experimental API
       document.adoptedStyleSheets = [...document.adoptedStyleSheets, style]
     } else {
       style.replaceSync(content)
@@ -281,7 +289,7 @@ export function removeStyle(id: string): void {
   const style = sheetsMap.get(id)
   if (style) {
     if (style instanceof CSSStyleSheet) {
-      // @ts-ignore
+      // @ts-expect-error: using experimental API
       document.adoptedStyleSheets = document.adoptedStyleSheets.filter(
         (s: CSSStyleSheet) => s !== style
       )

package/types/importMeta.d.ts

@@ -4,10 +4,14 @@
 
 /* eslint-disable @typescript-eslint/consistent-type-imports */
 
-// Duplicate import('../src/node/importGlob').AssertOptions
-// Avoid breaking the production client type because this file is referenced
-// in vite/client.d.ts and in production src/node/importGlob.ts doesn't exist
-interface AssertOptions {
+// Duplicate of import('../src/node/importGlob').GlobOptions in order to
+// avoid breaking the production client type. Because this file is referenced
+// in vite/client.d.ts and in production src/node/importGlob.ts doesn't exist.
+interface GlobOptions {
+  as?: string
+  /**
+   * @deprecated
+   */
   assert?: {
     type: string
   }
@@ -61,12 +65,12 @@ interface ImportMeta {
 
   glob<Module = { [key: string]: any }>(
     pattern: string,
-    options?: AssertOptions
+    options?: GlobOptions
   ): Record<string, () => Promise<Module>>
 
   globEager<Module = { [key: string]: any }>(
     pattern: string,
-    options?: AssertOptions
+    options?: GlobOptions
   ): Record<string, Module>
 }
 

package/types/shims.d.ts

@@ -93,11 +93,6 @@ declare module 'micromatch' {
   ): boolean
 }
 
-declare module 'compression' {
-  function compression(): any
-  export default compression
-}
-
 // LESS' types somewhat references this which doesn't make sense in Node,
 // so we have to shim it
 declare interface HTMLLinkElement {}