deps: updated more dependencies

arthurfiorette · Sep 4, 2021 · 658d2a9 · 658d2a9
1 parent cea225a
commit 658d2a9
Show file tree

Hide file tree

Showing 4 changed files with 484 additions and 580 deletions.
diff --git a/app/package.json b/app/package.json
@@ -38,6 +38,6 @@
     "@types/node": "^16.7.10",
     "@types/steam-totp": "^2.1.0",
     "nodemon": "^2.0.7",
-    "ts-node": "^9.1.1"
+    "ts-node": "^10.2.1"
   }
 }
diff --git a/web/package.json b/web/package.json
@@ -19,7 +19,7 @@
     "react": "^17.0.1",
     "react-bootstrap-icons": "^1.4.0",
     "react-dom": "^17.0.1",
-    "socket.io-client": "^3.1.3"
+    "socket.io-client": "^4.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.13.10",
@@ -29,24 +29,23 @@
     "@babel/preset-typescript": "^7.13.0",
     "@babel/runtime": "^7.13.10",
     "@types/express": "^4.17.11",
-    "@types/mini-css-extract-plugin": "^1.2.2",
+    "@types/mini-css-extract-plugin": "^2.2.0",
     "@types/node": "^16.7.10",
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.2",
-    "@types/socket.io-client": "^1.4.36",
-    "@types/webpack": "^4.41.26",
-    "@types/webpack-dev-server": "^3.11.2",
+    "@types/webpack": "^5.28.0",
+    "@types/webpack-dev-server": "^4.1.0",
     "babel-loader": "^8.2.2",
-    "clean-webpack-plugin": "^3.0.0",
+    "clean-webpack-plugin": "^4.0.0",
     "concurrently": "^6.2.1",
-    "css-loader": "^5.1.2",
+    "css-loader": "^6.2.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.3.1",
-    "mini-css-extract-plugin": "^1.3.9",
+    "mini-css-extract-plugin": "^2.2.2",
     "terser-webpack-plugin": "^5.2.3",
-    "ts-node": "^9.1.1",
-    "webpack": "^5.33.2",
+    "ts-node": "^10.2.1",
+    "webpack": "^5.52.0",
     "webpack-cli": "^4.5.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.1.0"
   }
 }
diff --git a/web/webpack.config.ts b/web/webpack.config.ts
@@ -6,10 +6,12 @@ import TerserPlugin from 'terser-webpack-plugin';
 import { Configuration } from 'webpack';
 import type DevServer from 'webpack-dev-server';
 
+type WebpackConfig = Configuration & { devServer: DevServer.Configuration };
+
 const production = process.env['NODE_ENV'] === 'production';
 const resolve = (...segment: string[]) => path.resolve(__dirname, ...segment);
 
-const config: Configuration = {
+const config: WebpackConfig = {
   mode: production ? 'production' : 'development',
   entry: resolve('src', 'index.tsx'),
 
@@ -20,12 +22,14 @@ const config: Configuration = {
   },
 
   devServer: {
-    historyApiFallback: true,
-    contentBase: resolve(__dirname, 'dist'),
-    compress: true,
+    port: 1227,
     hot: true,
-    port: 1227
-  } as DevServer.Configuration,
+    liveReload: true,
+    historyApiFallback: true,
+    devMiddleware: {
+      writeToDisk: true
+    }
+  },
 
   resolve: {
     extensions: ['.tsx', '.ts', '.js', '.jsx']