update depndencies

- add engines targeting dev
- bump webpack
- update-oss-attribution CI
- appease eslint for webpack
- clean up packages
  - move @types to devDependencies
  - moved concurrently to devDependencies
  - remove unused babel

.github/workflows/ci.yml

@@ -47,7 +47,7 @@ jobs:
 
       # Create Beta artifacts (Builds with the name changed to beta)
       - name: Create Chrome Beta artifacts
-        run: npm run build:chrome -- --env.stream=beta
+        run: npm run build:chrome -- --env stream=beta
       - uses: actions/upload-artifact@v2
         with:
           name: ChromeExtensionBeta
@@ -57,7 +57,7 @@ jobs:
           args: zip -qq -r ./builds/ChromeExtensionBeta.zip ./dist
 
       - name: Create Firefox Beta artifacts
-        run: npm run build:firefox -- --env.stream=beta
+        run: npm run build:firefox -- --env stream=beta
       - uses: actions/upload-artifact@v2
         with:
           name: FirefoxExtensionBeta

.github/workflows/update-oss-attribution.yml

@@ -0,0 +1,32 @@
+name: update oss attributions
+on:
+  push:
+    branches:
+      - master
+    paths:
+      - 'package.json'
+      - 'package-lock.json'
+
+jobs:
+  update-oss:
+    runs-on: ubuntu-latest 
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+      - name: Install and generate attribution
+        run: |
+          npm i -g oss-attribution-generator
+          generate-attribution
+          mv ./oss-attribution/attribution.txt ./public/oss-attribution/attribution.txt
+
+      - name: Create pull request to update list
+        uses: peter-evans/create-pull-request@v3
+        with:
+          commit-message: Update OSS Attribution
+          author: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
+          branch: ci/oss_attribution
+          title: Update OSS Attribution
+          body: Automated OSS Attribution update

package.json

@@ -4,39 +4,35 @@
   "description": "",
   "main": "background.js",
   "dependencies": {
-    "@types/react": "^16.9.22",
-    "@types/react-dom": "^16.9.5",
-    "@types/selenium-webdriver": "^4.0.15",
-    "babel": "^6.23.0",
-    "babel-core": "^6.26.3",
-    "babel-loader": "^8.0.6",
-    "babel-preset-env": "^1.7.0",
-    "concurrently": "^5.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@types/chrome": "0.0.91",
+    "@types/chrome": "^0.0.178",
-    "@types/firefox-webext-browser": "70.0.1",
+    "@types/firefox-webext-browser": "^94.0.1",
-    "@types/jest": "^24.0.23",
+    "@types/jest": "^27.4.0",
-    "@types/jquery": "^3.3.31",
+    "@types/react": "^17.0.39",
-    "@typescript-eslint/eslint-plugin": "^4.9.1",
+    "@types/react-dom": "^17.0.11",
-    "@typescript-eslint/parser": "^4.9.1",
+    "@types/selenium-webdriver": "^4.0.17",
-    "chromedriver": "^92.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.10.2",
-    "copy-webpack-plugin": "^6.4.1",
+    "@typescript-eslint/parser": "^5.10.2",
-    "eslint": "^7.15.0",
+    "chromedriver": "^97.0.4",
-    "eslint-plugin-react": "^7.21.5",
+    "concurrently": "^7.0.0",
-    "jest": "^27.0.6",
+    "copy-webpack-plugin": "^10.2.4",
-    "rimraf": "^3.0.0",
+    "eslint": "^8.8.0",
-    "selenium-webdriver": "^4.0.0-beta.4",
+    "eslint-plugin-react": "^7.28.0",
-    "ts-jest": "^27.0.3",
+    "jest": "^27.5.0",
-    "ts-loader": "^6.2.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.3",
+    "typescript": "4.5",
-    "web-ext": "^6.2.0",
+    "web-ext": "^6.6.0",
-    "webpack": "~4.46.0",
+    "webpack": "^5.68.0",
-    "webpack-cli": "~3.3.10",
+    "webpack-cli": "^4.9.2",
-    "webpack-merge": "~4.2.2"
+    "webpack-merge": "^4.2.2"
   },
   "scripts": {
     "web-run": "npm run web-run:chrome",
@@ -45,16 +41,16 @@
     "web-run:firefox-android": "cd dist && web-ext run -t firefox-android --firefox-apk org.mozilla.fenix",
     "web-run:chrome": "cd dist && web-ext run --start-url https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm -t chromium",
     "build": "npm run build:chrome",
-    "build:chrome": "webpack --env.browser=chrome --config webpack/webpack.prod.js",
+    "build:chrome": "webpack --env browser=chrome --config webpack/webpack.prod.js",
-    "build:firefox": "webpack --env.browser=firefox --config webpack/webpack.prod.js",
+    "build:firefox": "webpack --env browser=firefox --config webpack/webpack.prod.js",
-    "build:safari": "webpack --env.browser=safari --config webpack/webpack.prod.js",
+    "build:safari": "webpack --env browser=safari --config webpack/webpack.prod.js",
-    "build:edge": "webpack --env.browser=edge --config webpack/webpack.prod.js",
+    "build:edge": "webpack --env browser=edge --config webpack/webpack.prod.js",
     "build:dev": "npm run build:dev:chrome",
-    "build:dev:chrome": "webpack --env.browser=chrome --config webpack/webpack.dev.js",
+    "build:dev:chrome": "webpack --env browser=chrome --config webpack/webpack.dev.js",
-    "build:dev:firefox": "webpack --env.browser=firefox --config webpack/webpack.dev.js",
+    "build:dev:firefox": "webpack --env browser=firefox --config webpack/webpack.dev.js",
     "build:watch": "npm run build:watch:chrome",
-    "build:watch:chrome": "webpack --env.browser=chrome --config webpack/webpack.dev.js --watch",
+    "build:watch:chrome": "webpack --env browser=chrome --config webpack/webpack.dev.js --watch",
-    "build:watch:firefox": "webpack --env.browser=firefox --config webpack/webpack.dev.js --watch",
+    "build:watch:firefox": "webpack --env browser=firefox --config webpack/webpack.dev.js --watch",
     "ci:invidious": "ts-node ci/invidiousCI.ts",
     "dev": "npm run build:dev && concurrently \"npm run web-run\" \"npm run build:watch\"",
     "dev:firefox": "npm run build:dev:firefox && concurrently \"npm run web-run:firefox\" \"npm run build:watch:firefox\"",
@@ -65,6 +61,22 @@
     "lint": "eslint src",
     "lint:fix": "eslint src --fix"
   },
+  "engines": {
+    "node": ">=12.20.0"
+  },
+  "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

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const webpack = require("webpack");
 const path = require('path');
 const CopyPlugin = require('copy-webpack-plugin');
@@ -32,7 +34,6 @@ module.exports = env => ({
     },
     output: {
         path: path.join(__dirname, '../dist/js'),
-        filename: '[name].js'
     },
     optimization: {
         splitChunks: {

webpack/webpack.dev.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const merge = require('webpack-merge');
 const common = require('./webpack.common.js');
 

webpack/webpack.manifest.js

@@ -1,7 +1,8 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const webpack = require("webpack");
 const path = require('path');
-const CopyPlugin = require('copy-webpack-plugin');
+const { validate } = require('schema-utils');
-const validateOptions = require('schema-utils');
 
 const fs = require('fs');
 
@@ -30,12 +31,12 @@ const schema = {
 
 class BuildManifest {
     constructor (options = {}) {
-        validateOptions(schema, options, "Build Manifest Plugin");
+        validate(schema, options, "Build Manifest Plugin");
 
         this.options = options;
     }
 
-    apply(compiler) {
+    apply() {
         const distFolder = path.resolve(__dirname, "../dist/");
         const distManifestFile = path.resolve(distFolder, "manifest.json");
 

webpack/webpack.prod.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const merge = require('webpack-merge');
 const common = require('./webpack.common.js');