Merge pull request #1259 from mchangrh/bumpDependencies

bump dependencies

.eslintrc.js

@@ -24,6 +24,7 @@ module.exports = {
         // TODO: Remove warn rules when not needed anymore
         "no-self-assign": "off",
         "@typescript-eslint/no-empty-interface": "off",
+        "react/prop-types": [2, { ignore: ['children'] }]
     },
     settings: {
         react: {

package.json

@@ -8,30 +8,32 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@types/chrome": "^0.0.178",
+    "@types/chrome": "^0.0.180",
     "@types/firefox-webext-browser": "^94.0.1",
-    "@types/jest": "^27.4.0",
+    "@types/jest": "^27.4.1",
+    "@types/react": "^17.0.43",
+    "@types/react-dom": "^17.0.14",
+    "@types/selenium-webdriver": "^4.0.18",
     "@types/wicg-mediasession": "^1.1.3",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
-    "@types/selenium-webdriver": "^4.0.17",
-    "@typescript-eslint/eslint-plugin": "^5.10.2",
-    "@typescript-eslint/parser": "^5.10.2",
-    "chromedriver": "^97.0.4",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
+    "chromedriver": "^100.0.0",
     "concurrently": "^7.0.0",
     "copy-webpack-plugin": "^10.2.4",
-    "eslint": "^8.8.0",
-    "eslint-plugin-react": "^7.28.0",
-    "jest": "^27.5.0",
+    "eslint": "^8.12.0",
+    "eslint-plugin-react": "^7.29.4",
+    "fork-ts-checker-webpack-plugin": "^7.2.1",
+    "jest": "^27.5.1",
     "rimraf": "^3.0.2",
     "schema-utils": "^4.0.0",
     "selenium-webdriver": "^4.1.1",
-    "ts-jest": "^27.1.3",
-    "ts-loader": "^9.2.6",
-    "ts-node": "^10.4.0",
-    "typescript": "4.5",
-    "web-ext": "^6.6.0",
-    "webpack": "^5.68.0",
+    "speed-measure-webpack-plugin": "^1.5.0",
+    "ts-jest": "^27.1.4",
+    "ts-loader": "^9.2.8",
+    "ts-node": "^10.7.0",
+    "typescript": "4.6",
+    "web-ext": "^6.8.0",
+    "webpack": "^5.64.4",
     "webpack-cli": "^4.9.2",
     "webpack-merge": "^4.2.2"
   },
@@ -65,19 +67,24 @@
   "engines": {
     "node": ">=12.20.0"
   },
-  "funding": [{
+  "funding": [
+    {
       "type": "individual",
       "url": "hhttps://sponsor.ajay.app/donate"
-    }, {
+    },
+    {
       "type": "github",
       "url": "https://github.com/sponsors/ajayyy-org"
-    }, {
+    },
+    {
       "type": "patreon",
       "url": "https://www.patreon.com/ajayyy"
-    }, {
+    },
+    {
       "type": "individual",
       "url": "https://paypal.me/ajayyy"
-  }],
+    }
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ajayyy/SponsorBlock.git"

webpack/webpack.common.js

@@ -6,6 +6,7 @@ const CopyPlugin = require('copy-webpack-plugin');
 const BuildManifest = require('./webpack.manifest');
 const srcDir = '../src/';
 const fs = require("fs");
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 
 const edgeLanguages = [
     "de",
@@ -45,8 +46,12 @@ module.exports = env => ({
         rules: [
             {
                 test: /\.tsx?$/,
-                use: 'ts-loader',
-                exclude: /node_modules/
+                loader: 'ts-loader',
+                exclude: /node_modules/,
+                options: {
+                    // disable type checker for user in fork plugin
+                    transpileOnly: true
+                }
             }
         ]
     },
@@ -54,6 +59,8 @@ module.exports = env => ({
         extensions: ['.ts', '.tsx', '.js']
     },
     plugins: [
+        // fork TS checker
+        new ForkTsCheckerWebpackPlugin(),
         // exclude locale files in moment
         new CopyPlugin({
             patterns: [