chore(deps): migrate webpack 4 to 5 (#732)

update babel to latest minor while at it

.flowconfig

@@ -1,6 +1,7 @@
 [ignore]
 <PROJECT_ROOT>/node_modules/@atlaskit/.*/*.js.flow
 <PROJECT_ROOT>/node_modules/redux-persist/.*/*.js.flow
+<PROJECT_ROOT>/node_modules/resolve/test/resolver/malformed_package_json/package.json
 <PROJECT_ROOT>/build/.*
 <PROJECT_ROOT>/dist/.*
 

package.json

@@ -12,7 +12,7 @@
     "build": "webpack --config ./webpack.main.js --mode production && webpack --config ./webpack.renderer.js --mode production",
     "dist": "npm run build && electron-builder",
     "postinstall": "patch-package && electron-builder install-app-deps",
-    "watch": "webpack --config ./webpack.renderer.js --mode development --watch --watch-poll"
+    "watch": "webpack --config ./webpack.renderer.js --mode development --watch --watch-options-poll=1000"
   },
   "engines": {
     "node": ">=14.0.0"
@@ -145,19 +145,19 @@
     "@atlaskit/spinner": "^9.0.13",
     "@atlaskit/theme": "^7.0.5",
     "@atlaskit/toggle": "^5.0.15",
-    "@babel/core": "7.9.0",
+    "@babel/core": "^7.17.8",
-    "@babel/plugin-proposal-class-properties": "7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-export-namespace-from": "7.8.3",
+    "@babel/plugin-proposal-export-namespace-from": "^7.16.7",
-    "@babel/plugin-transform-flow-strip-types": "7.9.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.16.7",
-    "@babel/preset-env": "7.9.0",
+    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-flow": "7.9.0",
+    "@babel/preset-flow": "^7.16.7",
-    "@babel/preset-react": "7.9.4",
+    "@babel/preset-react": "^7.16.7",
     "@jitsi/js-utils": "2.0.0",
-    "@svgr/webpack": "5.4.0",
+    "@svgr/webpack": "^6.2.1",
     "babel-eslint": "10.0.3",
-    "babel-loader": "8.1.0",
+    "babel-loader": "^8.2.3",
     "concurrently": "5.1.0",
-    "css-loader": "3.5.0",
+    "css-loader": "^6.7.1",
     "electron": "17.1.2",
     "electron-builder": "22.11.11",
     "electron-context-menu": "^2.5.0",
@@ -173,26 +173,27 @@
     "eslint-plugin-import": "2.20.2",
     "eslint-plugin-jsdoc": "22.1.0",
     "eslint-plugin-react": "7.19.0",
-    "file-loader": "6.0.0",
+    "file-loader": "^6.2.0",
     "flow-bin": "0.109.0",
     "history": "^4.10.1",
-    "html-webpack-plugin": "4.0.4",
+    "html-webpack-plugin": "^5.5.0",
     "i18next": "^19.9.2",
     "moment": "^2.29.1",
     "mousetrap": "^1.6.5",
     "patch-package": "6.2.2",
+    "process": "^0.11.10",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-i18next": "^11.8.12",
     "react-redux": "^5.1.2",
     "react-router-redux": "^5.0.0-alpha.9",
-    "redux": "^4.0.5",
+    "redux": "^4.1.2",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",
     "source-map-support": "^0.5.19",
-    "style-loader": "1.1.3",
+    "style-loader": "^3.3.1",
     "styled-components": "^3.4.10",
-    "webpack": "4.42.1",
+    "webpack": "^5.70.0",
-    "webpack-cli": "3.3.11"
+    "webpack-cli": "^4.9.2"
   }
 }

webpack.main.js

@@ -19,7 +19,10 @@ module.exports = {
     resolve: {
         modules: [
             path.resolve('./node_modules')
-        ]
+        ],
+        alias: {
+            process: 'process/browser'
+        }
     }
 };
 

webpack.renderer.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-
+const webpack = require('webpack');
 const ELECTRON_VERSION = require('./package.json').devDependencies.electron;
 
 module.exports = {
@@ -15,6 +15,9 @@ module.exports = {
     plugins: [
         new HtmlWebpackPlugin({
             template: './app/index.html'
+        }),
+        new webpack.ProvidePlugin({
+            process: 'process/browser'
         })
     ],
     output: {
@@ -81,7 +84,10 @@ module.exports = {
     resolve: {
         modules: [
             path.resolve('./node_modules')
-        ]
+        ],
+        alias: {
+            process: 'process/browser'
+        }
     }
 };