vite 6.0.0-alpha.16 → 6.0.0-alpha.17

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 { I as colors, A as createLogger, r as resolveConfig } from './chunks/dep-5iBxKK6m.js';
+import { I as colors, A as createLogger, r as resolveConfig } from './chunks/dep-DVlS5vGL.js';
 import { VERSION } from './constants.js';
 import 'node:fs/promises';
 import 'node:url';
@@ -766,7 +766,7 @@ cli
     filterDuplicateOptions(options);
     // output structure is preserved even after bundling so require()
     // is ok here
-    const { createServer } = await import('./chunks/dep-5iBxKK6m.js').then(function (n) { return n.M; });
+    const { createServer } = await import('./chunks/dep-DVlS5vGL.js').then(function (n) { return n.M; });
     try {
         const server = await createServer({
             root,
@@ -847,7 +847,7 @@ cli
     .option('--app', `[boolean] same as builder.entireApp`)
     .action(async (root, options) => {
     filterDuplicateOptions(options);
-    const { createBuilder, buildEnvironment } = await import('./chunks/dep-5iBxKK6m.js').then(function (n) { return n.N; });
+    const { createBuilder, buildEnvironment } = await import('./chunks/dep-DVlS5vGL.js').then(function (n) { return n.N; });
     const buildOptions = cleanGlobalCLIOptions(cleanBuilderCLIOptions(options));
     const config = {
         root,
@@ -888,7 +888,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-5iBxKK6m.js').then(function (n) { return n.L; });
+    const { optimizeDeps } = await import('./chunks/dep-DVlS5vGL.js').then(function (n) { return n.L; });
     try {
         const config = await resolveConfig({
             root,
@@ -914,7 +914,7 @@ cli
     .option('--outDir <dir>', `[string] output directory (default: dist)`)
     .action(async (root, options) => {
     filterDuplicateOptions(options);
-    const { preview } = await import('./chunks/dep-5iBxKK6m.js').then(function (n) { return n.O; });
+    const { preview } = await import('./chunks/dep-DVlS5vGL.js').then(function (n) { return n.O; });
     try {
         const server = await preview({
             root,

package/dist/node/index.d.ts

@@ -19,8 +19,8 @@ import { FetchResult, ModuleRunnerOptions, ModuleRunnerHMRConnection, ModuleRunn
 export { FetchFunction, FetchResult } from 'vite/module-runner';
 import { BuildOptions as esbuild_BuildOptions, TransformOptions as esbuild_TransformOptions, TransformResult as esbuild_TransformResult } from 'esbuild';
 export { TransformOptions as EsbuildTransformOptions, version as esbuildVersion } from 'esbuild';
-import { HMRPayload, CustomPayload } from '../../types/hmrPayload.js';
-export { ConnectedPayload, CustomPayload, ErrorPayload, FullReloadPayload, HMRPayload, PrunePayload, Update, UpdatePayload } from '../../types/hmrPayload.js';
+import { HotPayload, CustomPayload } from '../../types/hotPayload.js';
+export { ConnectedPayload, CustomPayload, ErrorPayload, FullReloadPayload, HotPayload, PrunePayload, Update, UpdatePayload } from '../../types/hotPayload.js';
 import { InferCustomEventPayload } from '../../types/customEvent.js';
 export { CustomEventMap, InferCustomEventPayload, InvalidatePayload } from '../../types/customEvent.js';
 import { SecureContextOptions } from 'node:tls';
@@ -896,7 +896,7 @@ interface DepOptimizationConfig {
      * When enabled, it will hold the first optimized deps results until all static
      * imports are crawled on cold start. This avoids the need for full-page reloads
      * when new dependencies are discovered and they trigger the generation of new
-     * common chunks. If all dependencies are found by the scanner plus the explicitely
+     * common chunks. If all dependencies are found by the scanner plus the explicitly
      * defined ones in `include`, it is better to disable this option to let the
      * browser process more requests in parallel.
      * @default true
@@ -1184,25 +1184,21 @@ interface HmrContext {
     read: () => string | Promise<string>;
     server: ViteDevServer;
 }
-interface HMRBroadcasterClient {
+interface HotChannelClient {
     /**
      * Send event to the client
      */
-    send(payload: HMRPayload): void;
+    send(payload: HotPayload): void;
     /**
      * Send custom event
      */
     send(event: string, payload?: CustomPayload['data']): void;
 }
-interface HMRChannel {
-    /**
-     * Unique channel name
-     */
-    name: string;
+interface HotChannel {
     /**
      * Broadcast events to all clients
      */
-    send(payload: HMRPayload): void;
+    send(payload: HotPayload): void;
     /**
      * Send custom event
      */
@@ -1210,7 +1206,7 @@ interface HMRChannel {
     /**
      * 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<T extends string>(event: T, listener: (data: InferCustomEventPayload<T>, client: HotChannelClient, ...args: any[]) => void): void;
     on(event: 'connection', listener: () => void): void;
     /**
      * Unregister event listener
@@ -1225,18 +1221,7 @@ interface HMRChannel {
      */
     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[]>;
-}
-interface ServerHMRChannel extends HMRChannel {
+interface ServerHotChannel extends HotChannel {
     api: {
         innerEmitter: EventEmitter;
         outsideEmitter: EventEmitter;
@@ -1253,7 +1238,7 @@ declare class RemoteEnvironmentTransport {
 }
 
 interface DevEnvironmentSetup {
-    hot?: false | HMRChannel;
+    hot: false | HotChannel;
     watcher?: FSWatcher;
     options?: EnvironmentOptions;
     runner?: FetchModuleOptions & {
@@ -1268,14 +1253,14 @@ declare class DevEnvironment extends BaseEnvironment {
     depsOptimizer?: DepsOptimizer;
     get pluginContainer(): EnvironmentPluginContainer;
     /**
-     * HMR channel for this environment. If not provided or disabled,
+     * Hot channel for this environment. If not provided or disabled,
      * it will be a noop channel that does nothing.
      *
      * @example
      * environment.hot.send({ type: 'full-reload' })
      */
-    hot: HMRChannel;
-    constructor(name: string, config: ResolvedConfig, setup?: DevEnvironmentSetup);
+    hot: HotChannel;
+    constructor(name: string, config: ResolvedConfig, setup: DevEnvironmentSetup);
     init(): Promise<void>;
     fetchModule(id: string, importer?: string): Promise<FetchResult>;
     transformRequest(url: string): Promise<TransformResult | null>;
@@ -2667,7 +2652,7 @@ declare namespace WebSocket {
 }
 
 type WebSocketCustomListener<T> = (data: T, client: WebSocketClient) => void;
-interface WebSocketServer extends HMRChannel {
+interface WebSocketServer extends HotChannel {
     /**
      * Listen on port and host
      */
@@ -2693,15 +2678,7 @@ interface WebSocketServer extends HMRChannel {
         (event: string, listener: Function): void;
     };
 }
-interface WebSocketClient {
-    /**
-     * Send event to the client
-     */
-    send(payload: HMRPayload): void;
-    /**
-     * Send custom event
-     */
-    send(event: string, payload?: CustomPayload['data']): void;
+interface WebSocketClient extends HotChannelClient {
     /**
      * The raw WebSocket instance
      * @advanced
@@ -2844,17 +2821,9 @@ 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
      * @deprecated use `environment.hot` instead
      */
-    hot: HMRBroadcaster;
+    ws: WebSocketServer;
     /**
      * Rollup plugin container that can run plugin hooks on a given file
      * @deprecated use `environment.pluginContainer` instead
@@ -3406,8 +3375,19 @@ interface Plugin<A = any> extends rollup.Plugin<A> {
     transformIndexHtml?: IndexHtmlTransform;
     /**
      * @deprecated
-     * Compat support, ctx.modules is a backward compatible ModuleNode array
-     * with the mixed client and ssr moduleGraph. Use hotUpdate instead
+     * Perform custom handling of HMR updates.
+     * The handler receives a context containing changed filename, timestamp, a
+     * list of modules affected by the file change, and the dev server instance.
+     *
+     * - The hook can return a filtered list of modules to narrow down the update.
+     *   e.g. for a Vue SFC, we can narrow down the part to update by comparing
+     *   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().
+     *
+     * - If the hook doesn't return a value, the hmr update will be performed as
+     *   normal.
      */
     handleHotUpdate?: ObjectHook<(this: void, ctx: HmrContext) => Array<ModuleNode> | void | Promise<Array<ModuleNode> | void>>;
 }
@@ -3434,7 +3414,7 @@ interface JsonOptions {
 }
 
 type SSRTarget = 'node' | 'webworker';
-type SsrDepOptimizationOptions = DepOptimizationConfig;
+type SsrDepOptimizationConfig = DepOptimizationConfig;
 /**
  * @deprecated use environments.ssr
  */
@@ -3470,7 +3450,7 @@ interface SSROptions {
      * @experimental
      * @deprecated
      */
-    optimizeDeps?: SsrDepOptimizationOptions;
+    optimizeDeps?: SsrDepOptimizationConfig;
     /**
      * @deprecated
      */
@@ -3495,7 +3475,7 @@ interface SSROptions {
 }
 interface ResolvedSSROptions extends SSROptions {
     target: SSRTarget;
-    optimizeDeps: SsrDepOptimizationOptions;
+    optimizeDeps: SsrDepOptimizationConfig;
 }
 
 interface ConfigEnv {
@@ -3560,7 +3540,7 @@ interface DevEnvironmentOptions {
     /**
      * Optimize deps config
      */
-    optimizeDeps?: DepOptimizationConfig;
+    optimizeDeps?: DepOptimizationOptions;
     /**
      * create the Dev Environment instance
      */
@@ -3898,7 +3878,7 @@ declare function loadConfigFromFile(configEnv: ConfigEnv, configFile?: string, c
 
 declare function buildErrorMessage(err: RollupError, args?: string[], includeStack?: boolean): string;
 
-declare function createNodeDevEnvironment(name: string, config: ResolvedConfig, options?: DevEnvironmentSetup): DevEnvironment;
+declare function createNodeDevEnvironment(name: string, config: ResolvedConfig, options: DevEnvironmentSetup): DevEnvironment;
 
 /**
  * @experimental
@@ -3927,14 +3907,14 @@ declare function createServerModuleRunner(environment: DevEnvironment, options?:
  * @experimental
  */
 declare class ServerHMRConnector implements ModuleRunnerHMRConnection {
-    private hmrChannel;
+    private hotChannel;
     private handlers;
     private hmrClient;
     private connected;
-    constructor(hmrChannel: ServerHMRChannel);
+    constructor(hotChannel: ServerHotChannel);
     isReady(): boolean;
     send(message: string): void;
-    onUpdate(handler: (payload: HMRPayload) => void): void;
+    onUpdate(handler: (payload: HotPayload) => void): void;
 }
 
 interface ModuleRunnerTransformOptions {
@@ -3984,7 +3964,7 @@ declare function mergeAlias(a?: AliasOptions, b?: AliasOptions): AliasOptions |
  * to implement object metadata. Used by plugins to implement cross hooks per
  * environment metadata
  */
-declare function createWeakData<Key extends WeakKey, Data>(initial: (key: Key) => Data): (key: Key) => Data;
+declare function createWeakData<Key extends object | symbol, Data>(initial: (key: Key) => Data): (key: Key) => Data;
 
 interface SendOptions {
     etag?: string;
@@ -4024,4 +4004,4 @@ interface ManifestChunk {
     dynamicImports?: string[];
 }
 
-export { type Alias, type AliasOptions, type AnymatchFn, type AnymatchPattern, type AppType, type AwaitWriteFinishOptions, type BindCLIShortcutsOptions, BuildEnvironment, type BuildEnvironmentOptions, type BuildOptions, type BuilderOptions, type CLIShortcut, type CSSModulesOptions, type CSSOptions, type CommonServerOptions, type ConfigEnv, Connect, type CorsOptions, type CorsOrigin, type DepOptimizationConfig, type DepOptimizationMetadata, type DepOptimizationOptions, DevEnvironment, type DevEnvironmentOptions, type DevEnvironmentSetup, type ESBuildOptions, type ESBuildTransformResult, type Environment, EnvironmentModuleGraph, EnvironmentModuleNode, type ExperimentalOptions, type ExportsData, FSWatcher, type FetchModuleOptions, type FileSystemServeOptions, type FilterPattern, type HMRBroadcaster, type HMRBroadcasterClient, type HMRChannel, type HTMLOptions, type HmrContext, type HmrOptions, type HookHandler, type HotUpdateContext, type HtmlTagDescriptor, HttpProxy, type IndexHtmlTransform, type IndexHtmlTransformContext, type IndexHtmlTransformHook, type IndexHtmlTransformResult, type InlineConfig, type InternalResolveOptions, type JsonOptions, type LegacyOptions, type LibraryFormats, type LibraryOptions, type LightningCSSOptions, type LogErrorOptions, type LogLevel, type LogOptions, type LogType, type Logger, type LoggerOptions, type Manifest, type ManifestChunk, type MapToFunction, type AnymatchMatcher as Matcher, ModuleGraph, ModuleNode, type ModulePreloadOptions, type ModuleRunnerTransformOptions, type OptimizedDepInfo, type Plugin, type PluginContainer, type PluginHookUtils, type PluginOption, type PreprocessCSSResult, type PreviewOptions, type PreviewServer, type PreviewServerHook, type ProxyOptions, RemoteEnvironmentTransport, type RenderBuiltAssetUrl, type ResolveFn, type ResolveModulePreloadDependenciesFn, type ResolveOptions, type ResolvedBuildEnvironmentOptions, type ResolvedBuildOptions, type ResolvedCSSOptions, type ResolvedConfig, type ResolvedDevEnvironmentOptions, type ResolvedModulePreloadOptions, type ResolvedPreviewOptions, type ResolvedSSROptions, type ResolvedServerOptions, type ResolvedServerUrls, type ResolvedUrl, type ResolvedWorkerOptions, type ResolverFunction, type ResolverObject, type RollupCommonJSOptions, type RollupDynamicImportVarsOptions, type SSROptions, type SSRTarget, type SendOptions, type ServerHMRChannel, ServerHMRConnector, type ServerHook, type ServerModuleRunnerOptions, type ServerOptions, SplitVendorChunkCache, type SsrDepOptimizationOptions, Terser, type TerserOptions, type TransformOptions, type TransformResult, type UserConfig, type UserConfigExport, type UserConfigFn, type UserConfigFnObject, type UserConfigFnPromise, type ViteBuilder, type ViteDevServer, type WatchOptions, WebSocket, WebSocketAlias, type WebSocketClient, type WebSocketCustomListener, WebSocketServer, build, buildErrorMessage, createBuilder, createFilter, createLogger, createNodeDevEnvironment, createServer, createServerModuleRunner, createWeakData, defineConfig, fetchModule, formatPostcssSourceMap, isCSSRequest, isFileLoadingAllowed, isFileServingAllowed, loadConfigFromFile, loadEnv, mergeAlias, mergeConfig, ssrTransform as moduleRunnerTransform, normalizePath, optimizeDeps, preprocessCSS, preview, resolveConfig, resolveEnvPrefix, rollupVersion, searchForWorkspaceRoot, send, sortUserPlugins, splitVendorChunk, splitVendorChunkPlugin, transformWithEsbuild, VERSION as version };
+export { type Alias, type AliasOptions, type AnymatchFn, type AnymatchPattern, type AppType, type AwaitWriteFinishOptions, type BindCLIShortcutsOptions, BuildEnvironment, type BuildEnvironmentOptions, type BuildOptions, type BuilderOptions, type CLIShortcut, type CSSModulesOptions, type CSSOptions, type CommonServerOptions, type ConfigEnv, Connect, type CorsOptions, type CorsOrigin, type DepOptimizationConfig, type DepOptimizationMetadata, type DepOptimizationOptions, DevEnvironment, type DevEnvironmentOptions, type DevEnvironmentSetup, type ESBuildOptions, type ESBuildTransformResult, type Environment, EnvironmentModuleGraph, EnvironmentModuleNode, type ExperimentalOptions, type ExportsData, FSWatcher, type FetchModuleOptions, type FileSystemServeOptions, type FilterPattern, type HTMLOptions, type HmrContext, type HmrOptions, type HookHandler, type HotChannel, type HotChannelClient, type HotUpdateContext, type HtmlTagDescriptor, HttpProxy, type IndexHtmlTransform, type IndexHtmlTransformContext, type IndexHtmlTransformHook, type IndexHtmlTransformResult, type InlineConfig, type InternalResolveOptions, type JsonOptions, type LegacyOptions, type LibraryFormats, type LibraryOptions, type LightningCSSOptions, type LogErrorOptions, type LogLevel, type LogOptions, type LogType, type Logger, type LoggerOptions, type Manifest, type ManifestChunk, type MapToFunction, type AnymatchMatcher as Matcher, ModuleGraph, ModuleNode, type ModulePreloadOptions, type ModuleRunnerTransformOptions, type OptimizedDepInfo, type Plugin, type PluginContainer, type PluginHookUtils, type PluginOption, type PreprocessCSSResult, type PreviewOptions, type PreviewServer, type PreviewServerHook, type ProxyOptions, RemoteEnvironmentTransport, type RenderBuiltAssetUrl, type ResolveFn, type ResolveModulePreloadDependenciesFn, type ResolveOptions, type ResolvedBuildEnvironmentOptions, type ResolvedBuildOptions, type ResolvedCSSOptions, type ResolvedConfig, type ResolvedDevEnvironmentOptions, type ResolvedModulePreloadOptions, type ResolvedPreviewOptions, type ResolvedSSROptions, type ResolvedServerOptions, type ResolvedServerUrls, type ResolvedUrl, type ResolvedWorkerOptions, type ResolverFunction, type ResolverObject, type RollupCommonJSOptions, type RollupDynamicImportVarsOptions, type SSROptions, type SSRTarget, type SendOptions, ServerHMRConnector, type ServerHook, type ServerHotChannel, type ServerModuleRunnerOptions, type ServerOptions, SplitVendorChunkCache, type SsrDepOptimizationConfig, Terser, type TerserOptions, type TransformOptions, type TransformResult, type UserConfig, type UserConfigExport, type UserConfigFn, type UserConfigFnObject, type UserConfigFnPromise, type ViteBuilder, type ViteDevServer, type WatchOptions, WebSocket, WebSocketAlias, type WebSocketClient, type WebSocketCustomListener, WebSocketServer, build, buildErrorMessage, createBuilder, createFilter, createLogger, createNodeDevEnvironment, createServer, createServerModuleRunner, createWeakData, defineConfig, fetchModule, formatPostcssSourceMap, isCSSRequest, isFileLoadingAllowed, isFileServingAllowed, loadConfigFromFile, loadEnv, mergeAlias, mergeConfig, ssrTransform as moduleRunnerTransform, normalizePath, optimizeDeps, preprocessCSS, preview, resolveConfig, resolveEnvPrefix, rollupVersion, searchForWorkspaceRoot, send, sortUserPlugins, splitVendorChunk, splitVendorChunkPlugin, transformWithEsbuild, VERSION as version };

package/dist/node/index.js

@@ -1,6 +1,6 @@
 export { parseAst, parseAstAsync } from 'rollup/parseAst';
-import { i as isInNodeModules, a as arraify } from './chunks/dep-5iBxKK6m.js';
-export { B as BuildEnvironment, D as DevEnvironment, S as ServerHMRConnector, b as build, h as buildErrorMessage, e as createBuilder, w as createFilter, A as createLogger, j as createNodeDevEnvironment, c as createServer, m as createServerModuleRunner, x as createWeakData, d as defineConfig, k as fetchModule, f as formatPostcssSourceMap, F as isFileLoadingAllowed, E as isFileServingAllowed, l as loadConfigFromFile, G as loadEnv, v as mergeAlias, u as mergeConfig, n as moduleRunnerTransform, q as normalizePath, o as optimizeDeps, g as preprocessCSS, p as preview, r as resolveConfig, H as resolveEnvPrefix, y as rollupVersion, C as searchForWorkspaceRoot, z as send, s as sortUserPlugins, t as transformWithEsbuild } from './chunks/dep-5iBxKK6m.js';
+import { i as isInNodeModules, a as arraify } from './chunks/dep-DVlS5vGL.js';
+export { B as BuildEnvironment, D as DevEnvironment, S as ServerHMRConnector, b as build, h as buildErrorMessage, e as createBuilder, w as createFilter, A as createLogger, j as createNodeDevEnvironment, c as createServer, m as createServerModuleRunner, x as createWeakData, d as defineConfig, k as fetchModule, f as formatPostcssSourceMap, F as isFileLoadingAllowed, E as isFileServingAllowed, l as loadConfigFromFile, G as loadEnv, v as mergeAlias, u as mergeConfig, n as moduleRunnerTransform, q as normalizePath, o as optimizeDeps, g as preprocessCSS, p as preview, r as resolveConfig, H as resolveEnvPrefix, y as rollupVersion, C as searchForWorkspaceRoot, z as send, s as sortUserPlugins, t as transformWithEsbuild } from './chunks/dep-DVlS5vGL.js';
 export { VERSION as version } from './constants.js';
 export { version as esbuildVersion } from 'esbuild';
 import 'node:fs';

package/dist/node/module-runner.d.ts

@@ -1,5 +1,5 @@
 import { ModuleNamespace, ViteHotContext } from '../../types/hot.js';
-import { Update, HMRPayload } from '../../types/hmrPayload.js';
+import { Update, HotPayload } from '../../types/hotPayload.js';
 import { InferCustomEventPayload } from '../../types/customEvent.js';
 
 interface SourceMapLike {
@@ -182,7 +182,7 @@ interface ModuleRunnerHMRConnection extends HMRConnection {
      * Configure how HMR is handled when this connection triggers an update.
      * This method expects that connection will start listening for HMR updates and call this callback when it's received.
      */
-    onUpdate(callback: (payload: HMRPayload) => void): void;
+    onUpdate(callback: (payload: HotPayload) => void): void;
 }
 interface ModuleRunnerImportMeta extends ImportMeta {
     url: string;

package/dist/node/module-runner.js

@@ -535,9 +535,9 @@ const ssrModuleExportsKey = "__vite_ssr_exports__", ssrImportKey = "__vite_ssr_i
 };
 function createHMRHandler(runner) {
   const queue = new Queue();
-  return (payload) => queue.enqueue(() => handleHMRPayload(runner, payload));
+  return (payload) => queue.enqueue(() => handleHotPayload(runner, payload));
 }
-async function handleHMRPayload(runner, payload) {
+async function handleHotPayload(runner, payload) {
   const hmrClient = runner.hmrClient;
   if (!(!hmrClient || runner.isDestroyed()))
     switch (payload.type) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite",
-  "version": "6.0.0-alpha.16",
+  "version": "6.0.0-alpha.17",
   "type": "module",
   "license": "MIT",
   "author": "Evan You",

package/types/customEvent.d.ts

@@ -3,7 +3,7 @@ import type {
   FullReloadPayload,
   PrunePayload,
   UpdatePayload,
-} from './hmrPayload'
+} from './hotPayload'
 
 export interface CustomEventMap {
   'vite:beforeUpdate': UpdatePayload

package/types/{hmrPayload.d.ts → hotPayload.d.ts}

@@ -1,4 +1,6 @@
-export type HMRPayload =
+/** @deprecated use HotPayload */
+export type HMRPayload = HotPayload
+export type HotPayload =
   | ConnectedPayload
   | UpdatePayload
   | FullReloadPayload