Upgrade packages and support cleaning directories

.gitignore

@@ -9,3 +9,4 @@ src/assets/css/main.css
 src/background.js
 yarn-error.log
 coverage
+key.pem

package.json

@@ -22,8 +22,8 @@
     "babel-preset-env": "^1.7.0",
     "babel-preset-stage-0": "^6.24.1",
     "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^5.0.4",
-    "cross-env": "^5.2.0",
+    "copy-webpack-plugin": "^6.0.0",
+    "cross-env": "^7.0.2",
     "crx": "^5.0.1",
     "css-loader": "^3.2.0",
     "glob": "^7.1.3",
@@ -40,14 +40,14 @@
   "devDependencies": {
     "@babel/preset-env": "^7.5.5",
     "@riotjs/cli": "^4.0.2",
-    "babel-jest": "24.9.0",
+    "babel-jest": "^26.0.1",
     "chai": "^4.2.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^24.9.0",
-    "jest-css-modules-transform": "^2.5.0",
-    "mocha": "^6.2.0",
-    "riot-jest-transformer": "^5.0.0",
-    "sinon": "^7.4.1",
+    "jest": "^26.0.1",
+    "jest-css-modules-transform": "^4.0.0",
+    "mocha": "^7.1.2",
+    "riot-jest-transformer": "^6.1.0",
+    "sinon": "^9.0.2",
     "sinon-chrome": "^3.0.1"
   },
   "resolutions": {

webpack.config.js

@@ -1,7 +1,8 @@
 const glob = require('glob');
+const path = require('path');
 const webpack = require('webpack');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
 const { registerPreprocessor } = require('@riotjs/compiler');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 
@@ -22,35 +23,43 @@ const baseUrl = () => {
 };
 const packageJSON = require('./package.json');
 
-const copyPlugin = new CopyWebpackPlugin([{
-  from: './src/background/images/',
-  to: 'img/',
-}, {
-  from: './src/popup/images/',
-  to: 'img/',
-}, {
-  from: './src/popup/index.html',
-  to: '../popup.html',
-}, {
-  from: './src/background/index.html',
-  to: '../background.html',
-}, {
-  from: './src/manifest.json',
-  transform: (content) => {
-    const manifestJSON = JSON.parse(content.toString());
-    return JSON.stringify(Object.assign({}, manifestJSON, { version: packageJSON.version }), null, ' ');
-  },
-  to: '../',
-}]);
+const copyPlugin = new CopyWebpackPlugin({
+  patterns: [
+    {
+      from: './src/background/images/',
+      to: 'img/',
+    }, {
+      from: './src/popup/images/',
+      to: 'img/',
+    }, {
+      from: './src/popup/index.html',
+      to: '../popup.html',
+    }, {
+      from: './src/background/index.html',
+      to: '../background.html',
+    }, {
+      from: './src/manifest.json',
+      transform: (content) => {
+        const manifestJSON = JSON.parse(content.toString());
+        return JSON.stringify(Object.assign({}, manifestJSON, { version: packageJSON.version }), null, ' ');
+      },
+      to: '../',
+    }
+  ]
+});
 const cleanPlugin = new CleanWebpackPlugin({
-  cleanOnceBeforeBuildPatterns: ['dist', 'production', 'staging', 'build', 'development'],
-  root: __dirname,
-  verbose: false,
+  dry: false,
+  verbose: true,
+  cleanOnceBeforeBuildPatterns: ['../../dist', '../../production', '../../staging', '../../build', '../../development'],
+  dangerouslyAllowCleanPatternsOutsideProject: true,
 });
 const defineUrlPlugin = new webpack.DefinePlugin({ BASE_URL: JSON.stringify(baseUrl()) });
-const uglifyPlugin = new UglifyJsPlugin({ 
-  uglifyOptions: {
-    comments: false, compress: { drop_console: ENV === 'production' }, minimize: true
+const terserPlugin = new TerserPlugin({ 
+  terserOptions: {
+    comments: false,
+    compress: { drop_console: ENV === 'production' },
+    minimize: true,
+    exclude: /\.spec\.js$/,
   },
 });
 
@@ -68,7 +77,7 @@ module.exports = [{
   },
   plugins: [cleanPlugin, copyPlugin, defineUrlPlugin],
   optimization: {
-    minimizer: [uglifyPlugin],
+    minimizer: [terserPlugin],
   },
   output: {
     filename: '[name].js',
@@ -115,7 +124,7 @@ module.exports = [{
   },
   plugins: [defineUrlPlugin],
   optimization: {
-    minimizer: [uglifyPlugin],
+    minimizer: [terserPlugin],
   },
   output: {
     filename: '[name].js',