@modern-js/server 1.4.4 → 1.4.7-canary.0

package/dist/js/node/server/dev-server.js

@@ -17,6 +17,8 @@ var _webpackDevMiddleware = _interopRequireDefault(require("webpack-dev-middlewa
 
 var _prodServer = require("@modern-js/prod-server");
 
+var _constants = require("../constants");
+
 var _mock = require("../dev-tools/mock");
 
 var _socketServer = _interopRequireDefault(require("../dev-tools/socket-server"));
@@ -37,27 +39,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const DEFAULT_DEV_OPTIONS = {
-  client: {
-    port: '8080',
-    overlay: false,
-    logging: 'none',
-    path: _utils.HMR_SOCK_PATH,
-    host: 'localhost'
-  },
-  https: false,
-  dev: {
-    writeToDisk: true
-  },
-  watch: true,
-  hot: true,
-  liveReload: true
-};
-
 class ModernDevServer extends _prodServer.ModernServer {
   constructor(options) {
-    super(options);
-    this.devProxyHandler = null;
+    super(options); // dev server should work in pwd
+
     this.mockHandler = null;
     this.dev = void 0;
     this.compiler = void 0;
@@ -68,27 +53,25 @@ class ModernDevServer extends _prodServer.ModernServer {
 
     this.compiler = options.compiler; // set dev server options, like webpack-dev-server
 
-    this.dev = typeof options.dev === 'boolean' ? DEFAULT_DEV_OPTIONS : _objectSpread(_objectSpread({}, DEFAULT_DEV_OPTIONS), options.dev);
+    this.dev = _objectSpread(_objectSpread({}, _constants.DEFAULT_DEV_OPTIONS), typeof options.dev === 'boolean' ? {} : options.dev);
     (0, _register.enableRegister)(this.pwd, this.conf);
   } // Complete the preparation of services
 
 
-  async init(runner) {
+  async onInit(runner) {
     var _conf$tools, _conf$tools$devServer;
 
     const {
       conf,
       pwd,
-      compiler
+      compiler,
+      dev
     } = this; // mock handler
 
     this.mockHandler = (0, _mock.createMockHandler)({
       pwd
     });
     this.addHandler((ctx, next) => {
-      ctx.res.setHeader('Access-Control-Allow-Origin', '*');
-      ctx.res.setHeader('Access-Control-Allow-Credentials', 'false');
-
       if (this.mockHandler) {
         this.mockHandler(ctx, next);
       } else {
@@ -96,10 +79,10 @@ class ModernDevServer extends _prodServer.ModernServer {
       }
     }); // dev proxy handler, each proxy has own handler
 
-    this.devProxyHandler = (0, _prodServer.createProxyHandler)((_conf$tools = conf.tools) === null || _conf$tools === void 0 ? void 0 : (_conf$tools$devServer = _conf$tools.devServer) === null || _conf$tools$devServer === void 0 ? void 0 : _conf$tools$devServer.proxy);
+    const proxyHandlers = (0, _prodServer.createProxyHandler)((_conf$tools = conf.tools) === null || _conf$tools === void 0 ? void 0 : (_conf$tools$devServer = _conf$tools.devServer) === null || _conf$tools$devServer === void 0 ? void 0 : _conf$tools$devServer.proxy);
 
-    if (this.devProxyHandler) {
-      this.devProxyHandler.forEach(handler => {
+    if (proxyHandlers) {
+      proxyHandlers.forEach(handler => {
         this.addHandler(handler);
       });
     } // do webpack build / plugin apply / socket server when pass compiler instance
@@ -107,7 +90,7 @@ class ModernDevServer extends _prodServer.ModernServer {
 
     if (compiler) {
       // init socket server
-      this.socketServer = new _socketServer.default(this.dev); // open file in edtor.
+      this.socketServer = new _socketServer.default(dev); // open file in edtor.
 
       this.addHandler((0, _launchEditor.createLaunchEditorHandler)()); // setup compiler in server, also add dev-middleware to handler static file in memory
 
@@ -115,32 +98,17 @@ class ModernDevServer extends _prodServer.ModernServer {
       this.addHandler(devMiddlewareHandler);
     }
 
-    await super.init(runner); // watch mock/ server/ api/ dir file change
+    await super.onInit(runner); // watch mock/ server/ api/ dir file change
 
-    if (this.dev.watch) {
+    if (dev.watch) {
       this.startWatcher();
     }
   }
 
-  ready(options = {}) {
-    // reset the routing management instance every times the service starts
-    this.router.reset(this.filterRoutes(options.routes || this.presetRoutes || []));
-    this.cleanSSRCache(); // reset static file
-
-    this.reader.updateFile();
-    this.runner.reset();
-  }
-
-  onListening(app) {
+  async onClose() {
     var _this$socketServer;
 
-    (_this$socketServer = this.socketServer) === null || _this$socketServer === void 0 ? void 0 : _this$socketServer.prepare(app);
-  }
-
-  async close() {
-    var _this$socketServer2;
-
-    super.close();
+    await super.onClose();
     await this.watcher.close();
     await new Promise(resolve => {
       if (this.devMiddleware) {
@@ -151,7 +119,28 @@ class ModernDevServer extends _prodServer.ModernServer {
         resolve();
       }
     });
-    (_this$socketServer2 = this.socketServer) === null || _this$socketServer2 === void 0 ? void 0 : _this$socketServer2.close();
+    (_this$socketServer = this.socketServer) === null || _this$socketServer === void 0 ? void 0 : _this$socketServer.close();
+  }
+
+  onRepack(options = {}) {
+    // reset the routing management instance every times the service starts
+    if (Array.isArray(options.routes)) {
+      this.router.reset(this.filterRoutes(options.routes));
+    } // clean ssr bundle cache
+
+
+    this.cleanSSRCache(); // reset static file
+
+    this.reader.updateFile(); // emit reset hook
+
+    this.runner.reset();
+    super.onRepack(options);
+  }
+
+  onListening(app) {
+    var _this$socketServer2;
+
+    (_this$socketServer2 = this.socketServer) === null || _this$socketServer2 === void 0 ? void 0 : _this$socketServer2.prepare(app);
   }
 
   async createHTTPServer(handler) {
@@ -172,7 +161,36 @@ class ModernDevServer extends _prodServer.ModernServer {
     }
   }
 
-  warmupSSRBundle() {// empty
+  warmupSSRBundle() {// not warmup ssr bundle on development
+  }
+
+  onServerChange({
+    filepath
+  }) {
+    const {
+      pwd
+    } = this;
+    const {
+      mock
+    } = _prodServer.AGGRED_DIR;
+
+    const mockPath = _path.default.normalize(_path.default.join(pwd, mock));
+
+    this.runner.reset();
+
+    if (filepath.startsWith(mockPath)) {
+      this.mockHandler = (0, _mock.createMockHandler)({
+        pwd
+      });
+    } else {
+      try {
+        super.onServerChange({
+          filepath
+        });
+      } catch (e) {
+        this.logger.error(e);
+      }
+    }
   } // set up plugin to each compiler
   // register hooks for each compilation, update socket stats if recompiled
   // start dev middleware
@@ -223,8 +241,8 @@ class ModernDevServer extends _prodServer.ModernServer {
         if (stats.toJson({
           all: false
         }).name === 'client') {
-          this.ready({
-            routes: this.readRouteSpec()
+          this.onRepack({
+            routes: this.getRoutes()
           });
         }
       });
@@ -275,9 +293,6 @@ class ModernDevServer extends _prodServer.ModernServer {
     } = _prodServer.AGGRED_DIR;
     const defaultWatched = [`${mock}/**/*`, `${_utils.SERVER_DIR}/**/*`, `${_utils.API_DIR}/**`, `${_utils.SHARED_DIR}/**/*`];
     const defaultWatchedPaths = defaultWatched.map(p => _path.default.normalize(_path.default.join(pwd, p)));
-
-    const mockPath = _path.default.normalize(_path.default.join(pwd, mock));
-
     const watcher = new _watcher.default();
     watcher.createDepTree(); // 监听文件变动，如果有变动则给 client，也就是 start 启动的插件发消息
 
@@ -288,19 +303,9 @@ class ModernDevServer extends _prodServer.ModernServer {
     }, filepath => {
       watcher.updateDepTree();
       watcher.cleanDepCache(filepath);
-      this.runner.reset();
-
-      if (filepath.startsWith(mockPath)) {
-        this.mockHandler = (0, _mock.createMockHandler)({
-          pwd
-        });
-      } else {
-        try {
-          this.prepareFrameHandler();
-        } catch (e) {
-          this.logger.error(e);
-        }
-      }
+      this.onServerChange({
+        filepath
+      });
     });
     this.watcher = watcher;
   }

package/dist/types/constants.d.ts

@@ -0,0 +1,2 @@
+import { DevServerOptions } from './types';
+export declare const DEFAULT_DEV_OPTIONS: DevServerOptions;

package/dist/types/server/dev-server-split.d.ts

@@ -1,16 +1,16 @@
 import type { APIServerStartInput } from '@modern-js/server-core';
 import { ServerRoute as ModernRouteInterface } from '@modern-js/types';
-import { ApiServerMode } from '@modern-js/prod-server';
+import { ApiServerMode, HookNames } from '@modern-js/prod-server';
 import { ModernDevServer } from './dev-server';
 export declare class ModernSSRDevServer extends ModernDevServer {
   protected prepareAPIHandler(_m: ApiServerMode, _: APIServerStartInput['config']): any;
-  protected prepareWebHandler(extension: {
-    middleware: any[];
-  }): Promise<import("@modern-js/server-core").Adapter>;
   protected filterRoutes(routes: ModernRouteInterface[]): ModernRouteInterface[];
+  protected preServerInit(): Promise<void>;
+  protected emitRouteHook(_: HookNames, _input: any): Promise<void>;
 }
 export declare class ModernAPIDevServer extends ModernDevServer {
-  protected prepareAPIHandler(mode: ApiServerMode, extension: APIServerStartInput['config']): Promise<import("@modern-js/server-core").Adapter>;
+  protected prepareWebHandler(_: APIServerStartInput['config']): any;
   protected filterRoutes(routes: ModernRouteInterface[]): ModernRouteInterface[];
   protected preServerInit(): Promise<void>;
+  protected emitRouteHook(_: HookNames, _input: any): Promise<void>;
 }

package/dist/types/server/dev-server.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="node" />
 import http, { Server, IncomingMessage, ServerResponse } from 'http';
-import { ServerHookRunner, ReadyOptions, ModernServer } from '@modern-js/prod-server';
+import { ServerHookRunner, ModernServer, BuildOptions } from '@modern-js/prod-server';
 import { ModernDevServerOptions } from '../types';
 export declare class ModernDevServer extends ModernServer {
-  private devProxyHandler;
   private mockHandler;
   private readonly dev;
   private readonly compiler?;
@@ -11,12 +10,17 @@ export declare class ModernDevServer extends ModernServer {
   private watcher;
   private devMiddleware;
   constructor(options: ModernDevServerOptions);
-  init(runner: ServerHookRunner): Promise<void>;
-  ready(options?: ReadyOptions): void;
+  onInit(runner: ServerHookRunner): Promise<void>;
+  onClose(): Promise<void>;
+  onRepack(options?: BuildOptions): void;
   onListening(app: Server): void;
-  close(): Promise<void>;
   createHTTPServer(handler: (req: IncomingMessage, res: ServerResponse, next?: () => void) => void): Promise<http.Server | import("https").Server>;
   protected warmupSSRBundle(): void;
+  protected onServerChange({
+    filepath
+  }: {
+    filepath: string;
+  }): void;
   private setupCompiler;
   private setupDevServerPlugin;
   private setupHooks;

package/package.json

@@ -11,9 +11,9 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.4.4",
+  "version": "1.4.7-canary.0",
   "jsnext:source": "./src/index.ts",
-  "types": "./dist/types/index.d.ts",
+  "types": "./src/index.ts",
   "main": "./dist/js/node/index.js",
   "module": "./dist/js/treeshaking/index.js",
   "jsnext:modern": "./dist/js/modern/index.js",
@@ -27,12 +27,21 @@
       "default": "./dist/js/treeshaking/index.js"
     }
   },
+  "scripts": {
+    "prepare": "pnpm build",
+    "prepublishOnly": "pnpm build --platform",
+    "new": "modern new",
+    "build": "modern build",
+    "dev": "modern build --watch",
+    "test": "jest"
+  },
   "dependencies": {
-    "@modern-js/prod-server": "^1.0.1",
+    "@modern-js/prod-server": "workspace:^1.0.2",
     "@babel/register": "^7.15.3",
-    "@modern-js/hmr-client": "^1.2.2",
-    "@modern-js/server-utils": "^1.2.1",
-    "@modern-js/utils": "^1.3.3",
+    "@modern-js/bff-utils": "workspace:^1.2.2",
+    "@modern-js/hmr-client": "workspace:^1.2.2",
+    "@modern-js/server-utils": "workspace:^1.2.1",
+    "@modern-js/utils": "workspace:^1.3.4",
     "chokidar": "^3.5.2",
     "devcert": "^1.1.3",
     "launch-editor": "^2.2.1",
@@ -43,19 +52,19 @@
     "ws": "^8.2.0"
   },
   "devDependencies": {
-    "@modern-js/server-core": "^1.2.2",
-    "@modern-js/core": "^1.4.4",
-    "@scripts/build": "0.0.0",
-    "@modern-js/types": "^1.3.4",
+    "@modern-js/server-core": "workspace:^1.2.2",
+    "@modern-js/core": "workspace:^1.4.6",
+    "@scripts/build": "workspace:*",
+    "@modern-js/types": "workspace:^1.3.4",
     "@types/jest": "^26",
     "@types/minimatch": "^3.0.5",
     "@types/node": "^14",
     "@types/webpack-dev-middleware": "^5.0.2",
     "@types/ws": "^7.4.7",
+    "jest": "^27",
     "typescript": "^4",
     "webpack": "^5.54.0",
-    "jest": "^27",
-    "@scripts/jest-config": "0.0.0",
+    "@scripts/jest-config": "workspace:*",
     "websocket": "^1"
   },
   "peerDependencies": {
@@ -69,13 +78,7 @@
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "scripts": {
-    "new": "modern new",
-    "build": "modern build",
-    "dev": "modern build --watch",
-    "test": "jest --passWithNoTests"
-  },
-  "readme": "\n<p align=\"center\">\n  <a href=\"https://modernjs.dev\" target=\"blank\"><img src=\"https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png\" width=\"300\" alt=\"Modern.js Logo\" /></a>\n</p>\n<p align=\"center\">\n现代 Web 工程体系\n  <br/>\n  <a href=\"https://modernjs.dev\" target=\"blank\">\n    modernjs.dev\n  </a>\n</p>\n<p align=\"center\">\n  The meta-framework suite designed from scratch for frontend-focused modern web development\n</p>\n\n# Introduction\n\n> The doc site ([modernjs.dev](https://modernjs.dev)) and articles are only available in Chinese for now, we are planning to add English versions soon.\n\n- [Modern.js: Hello, World!](https://zhuanlan.zhihu.com/p/426707646)\n\n## Getting Started\n\n- [Quick Start](https://modernjs.dev/docs/start)\n- [Guides](https://modernjs.dev/docs/guides)\n- [API References](https://modernjs.dev/docs/apis)\n\n## Contributing\n\n- [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md)\n"
-}
+    "access": "public",
+    "types": "./dist/types/index.d.ts"
+  }
+}

package/tests/dev.test.ts

@@ -1,19 +1,7 @@
 import http from 'http';
-import path from 'path';
-import { webpack } from 'webpack';
-import { fs, LAUNCH_EDITOR_ENDPOINT } from '@modern-js/utils';
+import { webpack, HotModuleReplacementPlugin } from 'webpack';
 import SocketServer from '../src/dev-tools/socket-server';
 import DevServerPlugin from '../src/dev-tools/dev-server-plugin';
-import Watcher, { getWatchedFiles } from '../src/dev-tools/watcher';
-import { StatsCache } from '../src/dev-tools/watcher/stats-cache';
-import { createMockHandler } from '../src/dev-tools/mock';
-import getMockData, { getMatched } from '../src/dev-tools/mock/getMockData';
-import { createLaunchEditorHandler } from '../src/dev-tools/launch-editor';
-import { genHttpsOptions } from '../src/dev-tools/https';
-
-const noop = () => {
-  // empty
-};
 
 function getRandomPort() {
   return Math.floor(Math.random() * (8000 - 1024)) + 1024;
@@ -80,8 +68,10 @@ describe('test dev tools', () => {
     app.close();
   });
 
-  test('should dev server plugin work correctly', () => {
-    const compiler = webpack({});
+  test('should dev server plugin work correctly with hot plugin', () => {
+    const compiler = webpack({
+      plugins: [new HotModuleReplacementPlugin()],
+    });
     new DevServerPlugin({
       client: {
         port: '8080',
@@ -109,247 +99,32 @@ describe('test dev tools', () => {
     expect(hotPluginHook.length).toBe(1);
   });
 
-  describe('test watcher', () => {
-    let watcher: any;
-    const baseDir = path.join(__dirname, 'fixtures');
-    const watchDir = path.join(baseDir, 'watch/**');
-    const filepath = path.join(baseDir, 'watch', 'index.ts');
-    const filepatha = path.join(baseDir, 'watch', 'a.ts');
-    const txt = path.join(baseDir, 'watch', 'stats.txt');
-
-    afterEach(() => {
-      if (watcher) {
-        watcher.close();
-      }
-      fs.writeFileSync(txt, '1');
-    });
-
-    it('should create watcher instance correctly', resolve => {
-      watcher = new Watcher();
-      expect(watcher.dependencyTree).toBeNull();
-      watcher.createDepTree();
-      expect(watcher.dependencyTree).not.toBeNull();
-
-      expect(watcher.watcher).toBeUndefined();
-      watcher.listen([watchDir], {}, () => {
-        // empty
-      });
-
-      expect(watcher.watcher).toBeDefined();
-      require(filepath);
-      expect(watcher.dependencyTree.getNode(filepath)).toBeUndefined();
-      watcher.updateDepTree();
-      expect(watcher.dependencyTree.getNode(filepath)).toBeDefined();
-      watcher.cleanDepCache(filepath);
-      expect(watcher.dependencyTree.getNode(filepath)).toBeDefined();
-
-      jest.resetModules();
-      watcher.updateDepTree();
-      expect(watcher.dependencyTree.getNode(filepath)).toBeUndefined();
-
-      setTimeout(() => {
-        const fl = getWatchedFiles(watcher.watcher);
-        expect(fl.includes(filepatha)).toBeTruthy();
-        expect(fl.includes(filepath)).toBeTruthy();
-        expect(fl.includes(txt)).toBeTruthy();
-        resolve();
-      }, 1000);
-    });
-
-    it('should stats cache instance work correctly', () => {
-      const statsCache = new StatsCache();
-
-      // should not exist false before add
-      expect(statsCache.has(txt)).toBeFalsy();
-
-      // should exist true after add
-      statsCache.add([txt]);
-      expect(statsCache.has(txt)).toBeTruthy();
-
-      // should diff correctly
-      fs.writeFileSync(txt, 'foo');
-      expect(statsCache.isDiff(txt)).toBeTruthy();
-
-      // should not diff if not refresh
-      fs.writeFileSync(txt, '1');
-      expect(statsCache.isDiff(txt)).toBeFalsy();
-
-      // should diff after refresh
-      fs.writeFileSync(txt, 'foo');
-      statsCache.refresh(txt);
-      fs.writeFileSync(txt, '1');
-      expect(statsCache.isDiff(txt)).toBeTruthy();
-
-      // should diff when content change
-      statsCache.refresh(txt);
-      fs.writeFileSync(txt, '2');
-      expect(statsCache.isDiff(txt)).toBeTruthy();
-
-      // should not exist after del
-      statsCache.del(txt);
-      expect(statsCache.has(txt)).toBeFalsy();
-    });
-  });
-
-  describe('should mock middleware work correctly', () => {
-    const pwd = path.join(__dirname, './fixtures/mock');
-
-    it('should return null if no config mock dir', () => {
-      expect(createMockHandler({ pwd: path.join(pwd, 'empty') })).toBeNull();
-    });
-
-    it('should return null if no api dir', () => {
-      expect(createMockHandler({ pwd: path.join(pwd, 'zero') })).toBeNull();
-    });
-
-    it('should return middleware if mock api exist', async () => {
-      const middleware = createMockHandler({ pwd: path.join(pwd, 'exist') });
-
-      expect(middleware).not.toBeNull();
-
-      let response: any;
-      const context: any = {
-        path: '/api/getInfo',
-        method: 'get',
-        res: {
-          setHeader: noop,
-          end: (data: any) => {
-            response = JSON.parse(data);
-          },
-        },
-      };
-      await middleware?.(context, noop);
-      expect(response).toEqual({
-        data: [1, 2, 3, 4],
-      });
-    });
-
-    it('should get api list correctly', () => {
-      const apiList = getMockData(path.join(pwd, 'exist/config/mock/index.ts'));
-      expect(apiList.length).toBe(3);
-
-      const pathList = apiList.map(api => api.path);
-      expect(pathList).toEqual([
-        '/api/getInfo',
-        '/api/getExample',
-        '/api/addInfo',
-      ]);
-
-      let response: any;
-      const context: any = {
-        res: {
-          setHeader: noop,
-          end: (data: any) => {
-            response = JSON.parse(data);
-          },
-        },
-      };
-
-      apiList[0].handler(context, noop as any);
-      expect(response).toEqual({
-        data: [1, 2, 3, 4],
-      });
-      apiList[1].handler(context, noop as any);
-      expect(response).toEqual({ id: 1 });
-    });
-
-    it('should match api correctly', () => {
-      const apiList = [
-        {
-          method: 'get',
-          path: '/api/getInfo',
-          handler: noop,
-        },
-        {
-          method: 'get',
-          path: '/api/getExample',
-          handler: noop,
-        },
-        {
-          method: 'get',
-          path: '/api/addInfo',
-          handler: noop,
-        },
-      ];
-      const matched = getMatched(
-        { path: '/api/getInfo', method: 'get' } as any,
-        apiList,
-      );
-      expect(matched).toBe(apiList[0]);
-
-      const missMethod = getMatched(
-        { path: '/api/getModern', method: 'post' } as any,
-        apiList,
-      );
-      expect(missMethod).toBeUndefined();
-    });
-  });
-
-  describe('should createLaunchEditorHandler work correctly', () => {
-    const middleware = createLaunchEditorHandler();
-
-    it('should return 200 if filename exist', () => {
-      let response: any;
-      const context: any = {
-        url: LAUNCH_EDITOR_ENDPOINT,
-        query: {
-          filename: 'test.ts',
-        },
-        res: {
-          end: (data: any) => {
-            response = data;
-          },
-        },
-      };
-      middleware(context, noop);
-      expect(context.status).toBe(200);
-      expect(response).toBeUndefined();
-    });
-
-    it('should return 500 if filename not exist', () => {
-      let response: any;
-      const context: any = {
-        url: LAUNCH_EDITOR_ENDPOINT,
-        query: {
-          filename: '',
-        },
-        res: {
-          end: (data: any) => {
-            response = data;
-          },
-        },
-      };
-      middleware(context, noop);
-      expect(context.status).toBe(500);
-      expect(typeof response === 'string').toBeTruthy();
-    });
-
-    it('should invoke next if not launch editor url', () => {
-      let response: any;
-      const context: any = {
-        url: '',
-        res: {
-          end: (data: any) => {
-            response = data;
-          },
-        },
-      };
-      middleware(context, noop);
-      expect(context.status).toBeUndefined();
-      expect(response).toBeUndefined();
-    });
-  });
-
-  test('should get http cert correctly', async () => {
-    // const options = await genHttpsOptions(true);
-    // expect(options.key).toBeDefined();
-    // expect(options.cert).toBeDefined();
+  test('should dev server plugin work correctly', () => {
+    const compiler = webpack({});
+    new DevServerPlugin({
+      client: {
+        port: '8080',
+        overlay: false,
+        logging: 'error',
+        path: '/',
+        host: '127.0.0.1',
+      },
+      dev: {
+        writeToDisk: false,
+      },
+      watch: true,
+      hot: true,
+      liveReload: true,
+    }).apply(compiler);
 
-    const useOpt = await genHttpsOptions({
-      key: 'foo',
-      cert: 'baz',
-    });
-    expect(useOpt.key).toBe('foo');
-    expect(useOpt.cert).toBe('baz');
+    // expect(compiler.options.entry)
+    const entryPluginHook = compiler.hooks.compilation.taps.filter(
+      tap => tap.name === 'EntryPlugin',
+    );
+    const hotPluginHook = compiler.hooks.compilation.taps.filter(
+      tap => tap.name === 'HotModuleReplacementPlugin',
+    );
+    expect(entryPluginHook.length).toBe(3);
+    expect(hotPluginHook.length).toBe(1);
   });
 });