declare module 'webpack-hot-middleware' {
  import { NextHandleFunction } from 'connect';
  import webpack = require('webpack');

  export = WebpackHotMiddleware;

  declare function WebpackHotMiddleware(
    compiler: webpack.Compiler | webpack.MultiCompiler,
    options?: WebpackHotMiddleware.MiddlewareOptions,
  ): NextHandleFunction & WebpackHotMiddleware.EventStream;

  declare namespace WebpackHotMiddleware {
    interface ClientOptions {
      path?: string | undefined;
      reload?: boolean | undefined;
      name?: string | undefined;
      timeout?: number | undefined;
      overlay?: boolean | undefined;
      noInfo?: boolean | undefined;
      quiet?: boolean | undefined;
      dynamicPublicPath?: boolean | undefined;
      autoConnect?: boolean | undefined;
      ansiColors?:
        | {
            [key: string]: any;
          }
        | undefined;
      overlayStyles?:
        | {
            [key: string]: any;
          }
        | undefined;
      overlayWarnings?: boolean | undefined;
    }
    interface MiddlewareOptions {
      log?: false | Logger | undefined;
      path?: string | undefined;
      heartbeat?: number | undefined;
      statsOptions?: webpack.StatsOptions;
    }

    type Logger = (message?: any, ...optionalParams: any[]) => void;

    interface EventStream {
      publish(payload: any): void;
      close(): void;
    }
  }
}