Updating dependencies in package and lock file.

* Updating all dependencies with minor version updates.

* Upgrading webpack dev server dependency to new major version.

* Updating webpack CSS loaders to newest major versions.

* Updating dependency jsdom (for tests) and removing dependency marked (unused).

* Updating react and related dependencies.

Author: krulis-martin

bin/dev.js

@@ -35,14 +35,16 @@ app.get('*', (req, res) => {
   });
 });
 
-var server = new WebpackDevServer(webpack(config), {
-  contentBase: path.join(__dirname, '..', 'public'),
+const server = new WebpackDevServer(webpack(config), {
+  static: {
+    directory: path.join(__dirname, '..', 'public'),
+  },
   hot: true,
-  quiet: false,
-  noInfo: false,
-  publicPath: '/',
   port: WEBPACK_DEV_SERVER_PORT,
-  stats: { colors: true },
+  devMiddleware: {
+    stats: { colors: true },
+    publicPath: '/',
+  },
 });
 
 server.listen(WEBPACK_DEV_SERVER_PORT, 'localhost', () => {

config/webpack.config-dev.js

@@ -47,7 +47,14 @@ module.exports = {
       },
       {
         test: /\.less$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader?modules', 'less-loader'],
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+            options: { modules: true },
+          },
+          'less-loader',
+        ],
       },
       {
         test: /.*\.(gif|png|jpe?g|svg)$/i,

config/webpack.config.js

@@ -57,7 +57,14 @@ module.exports = {
       },
       {
         test: /\.less$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader?modules', 'less-loader'],
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+            options: { modules: true },
+          },
+          'less-loader',
+        ],
       },
       {
         test: /.*\.(gif|png|jpe?g|svg)$/i,

package.json

@@ -47,7 +47,7 @@
     "codemirror": "^5.62.0",
     "cookie-parser": "^1.4.1",
     "cross-fetch": "^3.1.4",
-    "css-loader": "^5.2.6",
+    "css-loader": "^6.3.0",
     "deep-equal": "^2.0.5",
     "ejs": "^3.1.6",
     "exenv": "^1.2.1",
@@ -64,21 +64,20 @@
     "moment": "^2.29.1",
     "pretty-ms": "^7.0.1",
     "prop-types": "^15.5.8",
-    "react": "^16.13.0",
+    "react": "^17.0.2",
     "react-ace": "^9.4.1",
-    "react-bootstrap": "1.6.1",
+    "react-bootstrap": "1.6.4",
     "react-collapse": "^5.1.0",
     "react-copy-to-clipboard": "^5.0.3",
     "react-datetime": "^3.0.4",
-    "react-dom": "^16.8.6",
+    "react-dom": "^17.0.2",
     "react-dropzone": "^11.3.2",
     "react-height": "^3.0.0",
     "react-helmet": "^6.1.0",
     "react-immutable-proptypes": "^2.1.0",
-    "react-intl": "5.20.3",
+    "react-intl": "5.20.12",
     "react-motion": "^0.5.2",
     "react-redux": "^7.2.0",
-    "react-responsive": "^8.2.0",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-toggle": "4.1.2",
@@ -119,7 +118,7 @@
     "chai-spies": "^1.0.0",
     "colors": "^1.4.0",
     "core-js": "^3.15.2",
-    "css-loader": "^5.2.6",
+    "css-loader": "^6.3.0",
     "css-modules-require-hook": "^4.2.3",
     "dotenv": "^10.0.0",
     "eslint": "^7.29.0",
@@ -135,14 +134,13 @@
     "fetch-mock": "^9.11.0",
     "file-loader": "^6.2.0",
     "git-revision-webpack-plugin": "^5.0.0",
-    "image-webpack-loader": "^7.0.1",
+    "image-webpack-loader": "^8.0.1",
     "isomorphic-style-loader": "^5.1.0",
-    "jsdom": "^16.6.0",
+    "jsdom": "^17.0.0",
     "json-loader": "^0.5.4",
     "less": "^4.1.1",
     "less-loader": "^10.0.0",
-    "marked": "^2.1.2",
-    "mini-css-extract-plugin": "^1.6.0",
+    "mini-css-extract-plugin": "^2.3.0",
     "mocha": "^9.0.1",
     "mocha-lcov-reporter": "^1.3.0",
     "mock-local-storage": "^1.1.17",
@@ -152,12 +150,12 @@
     "request": "^2.88.0",
     "scroll-behavior": "^0.11.0",
     "strip-loader": "^0.1.2",
-    "style-loader": "^2.0.0",
+    "style-loader": "^3.3.0",
     "terser-webpack-plugin": "^5.1.3",
     "webpack": "^5.40.0",
     "webpack-cli": "^4.7.2",
     "webpack-dev-middleware": "^5.0.0",
-    "webpack-dev-server": "^3.11.2",
+    "webpack-dev-server": "^4.3.0",
     "webpack-isomorphic-tools": "^4.0.0"
   }
 }