refactor(karma-webpack): upgrade plugin system (tapable)

BREAKING CHANGE: requires `webpack >= v4.0.0`

package.json

@@ -5,7 +5,7 @@
   "description": "Use webpack with karma",
   "license": "MIT",
   "engines": {
-    "node": ">= 4"
+    "node": ">=6.11.5"
   },
   "main": "lib",
   "files": [
@@ -33,7 +33,7 @@
     "loader-utils": "^1.0.0",
     "lodash": "^4.0.0",
     "source-map": "^0.5.6",
-    "webpack-dev-middleware": "^2.0.6"
+    "webpack-dev-middleware": "^3.0.1"
   },
   "devDependencies": {
     "babel-cli": "^6.0.0",
@@ -55,7 +55,7 @@
     "karma-spec-reporter": "^0.0.32",
     "mocha": "^4.0.0",
     "standard-version": "^4.0.0",
-    "webpack": "^4.0.0"
+    "webpack": "^4.1.1"
   },
   "bugs": "https://github.com/webpack-contrib/karma-webpack/issues",
   "repository": "https://github.com/webpack-contrib/karma-webpack.git",

src/karma-webpack.js

@@ -20,6 +20,14 @@ var escapeRegExp = function(str) {
   return str.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&')
 }
 
+function invalidate(middleware) {
+  if (middleware.context.watching) {
+    return middleware.context.watching.invalidate()
+  }
+
+  return middleware.invalidate()
+}
+
 function Plugin(
   /* config.webpack */ webpackOptions,
   /* config.webpackServer */ webpackServerOptions,
@@ -79,6 +87,7 @@ function Plugin(
   this.files = []
   this.basePath = basePath
   this.waiting = []
+  this.plugin = {name: 'KarmaWebpack'}
 
   var compiler
 
@@ -95,23 +104,56 @@ function Plugin(
   var applyPlugins = compiler.compilers || [compiler]
 
   applyPlugins.forEach(function(compiler) {
-    compiler.plugin('this-compilation', function(compilation, params) {
-      compilation.dependencyFactories.set(SingleEntryDependency, params.normalModuleFactory)
-    })
-    compiler.plugin('make', this.make.bind(this))
-  }, this);
+    if (compiler.hooks) {
+      compiler.hooks
+        .thisCompilation
+        .tap(this.plugin, (compilation, params) => {
+          compilation.dependencyFactories.set(SingleEntryDependency, params.normalModuleFactory)
+        })
+      compiler.hooks
+        .make
+        .tapAsync(this.plugin, this.make.bind(this))
+    } else {
+      compiler.plugin('this-compilation', function(compilation, params) {
+        compilation.dependencyFactories.set(SingleEntryDependency, params.normalModuleFactory)
+      })
+      compiler.plugin('make', this.make.bind(this))
+    }
+  }, this)
+
+  function handler(callback) {
+    isBlocked = true
+
+    if (typeof callback === 'function') {
+      callback(null)
+    }
+  }
 
-  ['invalid', 'watch-run', 'run'].forEach(function(name) {
-    compiler.plugin(name, function(_, callback) {
-      isBlocked = true
+  var hooks = ['invalid', 'watch-run', 'run']
 
-      if (typeof callback === 'function') {
-        callback()
+  if (compiler.hooks) {
+    hooks = [
+      {method: 'sync', name: 'invalid'},
+      {method: 'async', name: 'watchRun'},
+      {method: 'async', name: 'run'}
+    ]
+  }
+
+  hooks.forEach(function(hook) {
+    if (compiler.hooks) {
+      if (hook.method === 'sync') {
+        compiler.hooks[hook.name].tap(this.plugin, () => handler())
+      } else {
+        compiler.hooks[hook.name].tapAsync(this.plugin, (_, callback) => handler(callback))
       }
-    })
-  })
+    } else {
+      compiler.plugin(hook, function(_, callback) {
+        handler(callback)
+      })
+    }
+  }, this)
 
-  compiler.plugin('done', function(stats) {
+  function done(stats) {
     var applyStats = Array.isArray(stats.stats) ? stats.stats : [stats]
     var assets = []
     var noAssets = false
@@ -143,12 +185,21 @@ function Plugin(
       blocked[i]()
     }
     blocked = []
-  }.bind(this))
-  compiler.plugin('invalid', function() {
+  }
+
+  function invalid() {
     if (!this.waiting) {
       this.waiting = []
     }
-  }.bind(this))
+  }
+
+  if (compiler.hooks) {
+    compiler.hooks.done.tap(this.plugin, done.bind(this))
+    compiler.hooks.invalid.tap(this.plugin, invalid.bind(this))
+  } else {
+    compiler.plugin('done', done.bind(this))
+    compiler.plugin('invalid', invalid.bind(this))
+  }
 
   webpackMiddlewareOptions.publicPath = path.join(os.tmpdir(), '_karma_webpack_', '/')
   var middleware = this.middleware = new webpackDevMiddleware(compiler, webpackMiddlewareOptions)
@@ -201,7 +252,7 @@ Plugin.prototype.make = function(compilation, callback) {
         this.files = this.files.filter(function(f) {
           return file !== f
         })
-        this.middleware.invalidate()
+        invalidate(this.middleware)
       }
       callback(err)
     }.bind(this))
@@ -263,7 +314,7 @@ function createPreprocesor(/* config.basePath */ basePath, webpackPlugin) {
   return function(content, file, done) {
     if (webpackPlugin.addFile(file.originalPath)) {
       // recompile as we have an asset that we have not seen before
-      webpackPlugin.middleware.invalidate()
+      invalidate(webpackPlugin.middleware)
     }
 
     // read blocks until bundle is done