Upgrade to webpack 5

Without this, `yarn dev` worked but `yarn build` errored with

    ERROR in devtools.js from Terser
    Error: error:0308010C:digital envelope routines::unsupported

Author: robinst

package.json

@@ -23,23 +23,24 @@
     "@types/rsocket-core": "^0.0.6",
     "@types/rsocket-types": "^0.0.2",
     "@types/rsocket-websocket-client": "^0.0.3",
-    "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^6.2.1",
-    "css-loader": "^5.0.1",
+    "clean-webpack-plugin": "^4.0.0",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^6.9.1",
     "devtools-protocol": "^0.0.852555",
     "file-loader": "^6.2.0",
-    "html-loader": "^1.3.2",
-    "html-webpack-plugin": "4.5.1",
+    "html-loader": "^5.0.0",
+    "html-webpack-plugin": "^5.6.0",
     "node-sass": "^9.0.0",
-    "sass-loader": "^10.1.1",
-    "style-loader": "^2.0.0",
-    "ts-loader": "^8.0.14",
+    "sass-loader": "^14.0.0",
+    "style-loader": "^3.3.4",
+    "ts-loader": "^9.5.1",
     "typescript": "^4.1.3",
     "url-loader": "^4.1.1",
-    "webpack": "^4.42.1",
-    "webpack-cli": "^4.3.1"
+    "webpack": "^5.90.0",
+    "webpack-cli": "^5.1.4"
   },
   "dependencies": {
+    "buffer": "^6.0.3",
     "classnames": "^2.2.6",
     "flexsearch": "0.7.21",
     "mobx": "^6.1.6",

webpack.common.js

@@ -11,15 +11,11 @@ module.exports = {
     devtools: path.join(__dirname, "src/devtools.ts"),
     inspector: path.join(__dirname, "src/inspector.tsx"),
   },
-  output: {
-    path: path.join(__dirname, "dist"),
-    filename: "[name].js"
-  },
   module: {
     rules: [
       {
         test: /\.css$/,
-        loader: "style-loader!css-loader",
+        use: ["style-loader", "css-loader"],
         exclude: /node_modules/
       },
       {
@@ -38,8 +34,11 @@ module.exports = {
       // loads the icon to the dist directory
       {
         test: new RegExp('\.(' + fileExtensions.join('|') + ')$'),
-        loader: "file-loader?name=[name].[ext]",
-        exclude: /node_modules/
+        exclude: /node_modules/,
+        loader: "file-loader",
+        options: {
+          name: '[name].[ext]'
+        }
       },
       {
         exclude: /node_modules/,
@@ -58,13 +57,13 @@ module.exports = {
       patterns: [
         {
           from: "src/manifest.json",
-          transform: function (content, path) {
-            // generates the manifest file using the package.json informations
-            return Buffer.from(JSON.stringify({
+          transform: function (input, path) {
+            // generates the manifest file using the package.json information
+            return JSON.stringify({
               description: process.env.npm_package_description,
               version: process.env.npm_package_version,
-              ...JSON.parse(content.toString())
-            }));
+              ...JSON.parse(input.toString())
+            });
           }
         }
       ]