Move find and replace into task queue, send progress updates via websockets

.eslintrc.js

@@ -0,0 +1,47 @@
+module.exports = {
+  root: true,
+  parser: '@babel/eslint-parser',
+  plugins: ['jsx-a11y', 'react', 'react-hooks'],
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:jsx-a11y/recommended',
+  ],
+
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    node: true,
+  },
+
+  parserOptions: {
+    ecmaVersion: 8,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+      generators: true,
+      experimentalObjectRestSpread: true,
+    },
+  },
+
+  settings: {
+    'import/ignore': ['node_modules', '\\.(json|css|jpg|png|gif|eot|svg|ttf|woff|woff2|mp4|webm)$'],
+    'import/extensions': ['.js'],
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.json'],
+      },
+    },
+  },
+
+  rules: {
+    'react/no-multi-comp': 1,
+    'jsx-a11y/label-has-for': [2, {
+      required: {
+        some: ['nesting', 'id'],
+      },
+    }]
+  }
+};

.github/workflows/node.js.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [18.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

.nvmrc

@@ -0,0 +1 @@
+18

Procfile

@@ -1 +1,3 @@
-web: npm start
+web: yarn start
+worker: yarn start:worker
+scheduler: yarn start:scheduler

package.json

@@ -11,92 +11,103 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "scripts": {
     "watch": "npm-run-all --parallel watch:*",
-    "watch:server": "nodemon --watch src ./src/index.js",
     "watch:client": "webpack --watch",
+    "watch:server": "nodemon --watch src ./src/index.js",
+    "watch:worker": "nodemon --watch src ./src/workers/index.js",
     "build": "webpack",
     "start": "node src/index.js",
+    "start:worker": "node src/workers/index.js",
     "test": "mocha \"./src/**/tests/*.js\"",
     "watch:test": "mocha --watch --recursive \"./src/**/tests/*.js\""
   },
   "engines": {
-    "node": "14.x"
+    "node": "18.x"
   },
   "dependencies": {
-    "@babel/runtime": "^7.7.4",
+    "@babel/runtime": "^7.22.6",
     "@sentry/node": "^6.11.0",
     "@sentry/tracing": "^6.11.0",
     "body-parser": "^1.19.0",
+    "bullmq": "^2.4.0",
     "connect-redis": "^3.4.2",
-    "debug": "^3.2.6",
+    "debug": "^4.3.3",
     "envify": "^4.1.0",
     "es6-promise": "^3.2.1",
     "express": "^4.17.1",
+    "express-async-handler": "^1.2.0",
     "express-session": "^1.17.0",
     "grant-express": "^4.6.4",
     "helmet": "^3.21.2",
     "history": "^4.10.1",
     "is-docker": "^2.0.0",
     "lodash": "^4.17.15",
+    "pixelarticons": "^1.7.0",
     "raven-js": "3.26.3",
     "react-markdown": "^2.5.0",
     "redis": "^2.8.0",
     "sass": "^1.38.0",
+    "serialize-javascript": "^6.0.0",
     "stringify": "^5.1.0",
-    "tumblr.js": "https://github.com/cubeghost/tumblr.js",
-    "winston": "^3.2.1"
+    "tumblr.js": "4.0.1",
+    "uuid": "^8.3.2",
+    "winston": "^3.2.1",
+    "ws": "^8.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.7.4",
-    "@babel/plugin-transform-runtime": "^7.7.4",
-    "@babel/preset-env": "^7.7.4",
-    "@babel/preset-react": "^7.7.4",
+    "@babel/core": "^7.22.8",
+    "@babel/eslint-parser": "^7.22.7",
+    "@babel/plugin-transform-runtime": "^7.22.7",
+    "@babel/preset-env": "^7.22.7",
+    "@babel/preset-react": "^7.22.5",
+    "@bull-board/express": "3.11.1",
+    "@react-spring/web": "9.6.x",
+    "@reduxjs/toolkit": "^1.9.5",
     "autoprefixer": "9.0.0",
-    "babel-eslint": "8.2.6",
-    "babel-loader": "^8.0.6",
+    "babel-eslint": "^10.1.0",
+    "babel-loader": "^8.x",
     "babel-plugin-transform-runtime": "^6.23.0",
-    "case-sensitive-paths-webpack-plugin": "2.1.2",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "chai": "^4.2.0",
-    "class-autobind": "^0.1.4",
-    "classnames": "^2.2.6",
     "clean-webpack-plugin": "^0.1.19",
-    "css-loader": "1.0.0",
+    "clsx": "^1.1.1",
+    "css-loader": "^6.10.0",
     "dotenv": "^2.0.0",
-    "eslint": "^5.16.0",
+    "esbuild-loader": "^4.0.3",
+    "eslint": "^8.44.0",
     "eslint-formatter-pretty": "1.3.0",
     "eslint-loader": "2.0.0",
-    "eslint-plugin-jsx-a11y": "6.1.1",
-    "eslint-plugin-react": "7.10.0",
-    "file-loader": "^1.1.11",
-    "find-cache-dir": "^2.1.0",
-    "friendly-errors-webpack-plugin": "1.7.0",
-    "html-webpack-plugin": "3.2.0",
-    "mini-css-extract-plugin": "0.4.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-webpack-plugin": "^4.0.1",
+    "html-webpack-plugin": "^5.6.0",
+    "mini-css-extract-plugin": "^2.8.0",
     "mocha": "^5.2.0",
     "nodemon": "^1.19.4",
     "npm-run-all": "^4.1.5",
-    "postcss-loader": "2.1.6",
+    "postcss-loader": "^8.1.0",
     "prelude-extension": "^0.1.0",
     "prelude-ls": "^1.1.2",
-    "raw-loader": "^0.5.1",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
-    "react-redux": "^5.1.2",
-    "react-router": "^4.3.1",
-    "react-router-dom": "^4.3.1",
-    "react-select": "^2.4.4",
-    "redux": "^3.7.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^7",
+    "react-router": "^5",
+    "react-router-dom": "^5",
+    "react-select": "^5.7.3",
+    "redux": "^4",
     "redux-thunk": "^2.3.0",
-    "sass-loader": "7.3.1",
-    "simple-progress-webpack-plugin": "1.1.2",
+    "sass-loader": "^14.1.1",
+    "simple-progress-webpack-plugin": "^2.0.0",
     "style-loader": "0.21.0",
-    "terser-webpack-plugin": "4",
     "tether": "^1.4.7",
-    "uglifyjs-webpack-plugin": "1.2.7",
-    "webpack": "4",
-    "webpack-cli": "3.1.0",
+    "webpack": "^5.90.3",
+    "webpack-cli": "^5.1.4",
     "whatwg-fetch": "^1.0.0"
   },
   "eslintConfig": {
     "extends": "./eslint.js"
+  },
+  "optionalDependencies": {
+    "bufferutil": "^4.0.5"
   }
-}
+}