vite 2.9.8 → 2.9.11

package/dist/node/chunks/{dep-e72d45e1.js → dep-cfda01c8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var require$$0 = require('postcss');
-var index$1 = require('./dep-e1fc1d62.js');
+var index$1 = require('./dep-97cb3622.js');
 var path$2 = require('path');
 var require$$1 = require('crypto');
 var fs = require('fs');

package/dist/node/cli.js

@@ -1,28 +1,28 @@
 'use strict';
 
-var require$$0 = require('events');
-var index = require('./chunks/dep-e1fc1d62.js');
 var perf_hooks = require('perf_hooks');
+var require$$0 = require('events');
+var index = require('./chunks/dep-97cb3622.js');
 require('fs');
 require('path');
+require('url');
 require('tty');
+require('os');
+require('esbuild');
+require('assert');
+require('resolve');
 require('util');
+require('stream');
 require('net');
-require('url');
 require('http');
-require('stream');
-require('os');
-require('resolve');
+require('child_process');
 require('module');
-require('https');
-require('zlib');
 require('crypto');
-require('tls');
-require('assert');
 require('buffer');
 require('querystring');
-require('esbuild');
-require('child_process');
+require('zlib');
+require('https');
+require('tls');
 require('worker_threads');
 require('readline');
 
@@ -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-e1fc1d62.js'); }).then(function (n) { return n.index$1; });
+    const { createServer } = await Promise.resolve().then(function () { return require('./chunks/dep-97cb3622.js'); }).then(function (n) { return n.index$1; });
     try {
         const server = await createServer({
             root,
@@ -732,7 +732,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 Promise.resolve().then(function () { return require('./chunks/dep-e1fc1d62.js'); }).then(function (n) { return n.build$1; });
+    const { build } = await Promise.resolve().then(function () { return require('./chunks/dep-97cb3622.js'); }).then(function (n) { return n.build$1; });
     const buildOptions = cleanOptions(options);
     try {
         await build({
@@ -755,7 +755,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 Promise.resolve().then(function () { return require('./chunks/dep-e1fc1d62.js'); }).then(function (n) { return n.index; });
+    const { optimizeDeps } = await Promise.resolve().then(function () { return require('./chunks/dep-97cb3622.js'); }).then(function (n) { return n.index; });
     try {
         const config = await index.resolveConfig({
             root,
@@ -778,7 +778,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 Promise.resolve().then(function () { return require('./chunks/dep-e1fc1d62.js'); }).then(function (n) { return n.preview$1; });
+    const { preview } = await Promise.resolve().then(function () { return require('./chunks/dep-97cb3622.js'); }).then(function (n) { return n.preview$1; });
     try {
         const server = await preview({
             root,

package/dist/node/index.d.ts

@@ -1309,6 +1309,15 @@ export declare interface Plugin extends Plugin_2 {
      * are applied. Hook can be async functions and will be called in series.
      */
     configureServer?: ServerHook;
+    /**
+     * Configure the preview server. The hook receives the connect server and
+     * its underlying http server.
+     *
+     * The hooks are called before other middlewares are applied. A hook can
+     * return a post hook that will be called after other middlewares are
+     * applied. Hooks can be async functions and will be called in series.
+     */
+    configurePreviewServer?: PreviewServerHook;
     /**
      * Transform index.html.
      * The hook receives the following arguments:
@@ -1402,6 +1411,11 @@ export declare interface PreviewServer {
     printUrls: () => void;
 }
 
+export declare type PreviewServerHook = (server: {
+    middlewares: Connect.Server;
+    httpServer: http.Server;
+}) => (() => void) | void | Promise<(() => void) | void>;
+
 /**
  * @deprecated Use `server.printUrls()` instead
  */

package/dist/node/index.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./chunks/dep-e1fc1d62.js');
+var index = require('./chunks/dep-97cb3622.js');
 require('fs');
 require('path');
+require('url');
+require('perf_hooks');
 require('tty');
+require('os');
+require('esbuild');
+require('events');
+require('assert');
+require('resolve');
 require('util');
+require('stream');
 require('net');
-require('events');
-require('url');
 require('http');
-require('stream');
-require('os');
-require('resolve');
+require('child_process');
 require('module');
-require('perf_hooks');
-require('https');
-require('zlib');
 require('crypto');
-require('tls');
-require('assert');
 require('buffer');
 require('querystring');
-require('esbuild');
-require('child_process');
+require('zlib');
+require('https');
+require('tls');
 require('worker_threads');
 require('readline');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite",
-  "version": "2.9.8",
+  "version": "2.9.11",
   "license": "MIT",
   "author": "Evan You",
   "description": "Native-ESM powered web dev build tool",
@@ -112,6 +112,7 @@
     "source-map-js": "^1.0.2",
     "source-map-support": "^0.5.21",
     "strip-ansi": "^6.0.1",
+    "strip-literal": "^0.2.0",
     "terser": "^5.13.1",
     "tsconfck": "^1.2.2",
     "tslib": "^2.4.0",

package/src/client/client.ts

@@ -87,7 +87,18 @@ async function handleMessage(payload: HMRPayload) {
             const newPath = `${base}${searchUrl.slice(1)}${
               searchUrl.includes('?') ? '&' : '?'
             }t=${timestamp}`
-            el.href = new URL(newPath, el.href).href
+
+            // rather than swapping the href on the existing tag, we will
+            // create a new link tag. Once the new stylesheet has loaded we
+            // will remove the existing link tag. This removes a Flash Of
+            // Unstyled Content that can occur when swapping out the tag href
+            // directly, as the new stylesheet has not yet been loaded.
+            const newLinkTag = el.cloneNode() as HTMLLinkElement
+            newLinkTag.href = new URL(newPath, el.href).href
+            const removeOldEl = () => el.remove()
+            newLinkTag.addEventListener('load', removeOldEl)
+            newLinkTag.addEventListener('error', removeOldEl)
+            el.after(newLinkTag)
           }
           console.log(`[vite] css hot updated: ${searchUrl}`)
         }

package/types/shims.d.ts

@@ -28,7 +28,7 @@ declare module 'launch-editor-middleware' {
 }
 
 declare module 'postcss-load-config' {
-  import type { ProcessOptions, Plugin } from 'postcss'
+  import type { Plugin, ProcessOptions } from 'postcss'
   function load(
     inline: any,
     root: string

package/types/ws.d.ts

@@ -20,9 +20,9 @@ import type {
   Agent,
   ClientRequest,
   ClientRequestArgs,
+  Server as HTTPServer,
   IncomingMessage,
-  OutgoingHttpHeaders,
-  Server as HTTPServer
+  OutgoingHttpHeaders
 } from 'http'
 import type { Server as HTTPSServer } from 'https'
 import type { Duplex, DuplexOptions } from 'stream'