Upgrading webpack and fixing dev config accordingly. Upgrading CI workflow to use Nodejs 22 and 24.

Author: krulis-martin

.github/workflows/ci.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-24.04
     strategy:
       matrix:
-        node-version: ['20']
+        node-version: ['22', '24']
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1

config/webpack.config-dev.js

@@ -25,14 +25,19 @@ const gitRevisionPlugin = new GitRevisionPlugin({
 });
 
 export default {
-  devtool: process.env.NODE_ENV === 'development' ? 'eval-source-map' : 'none',
+  // switch the source map generation when debugging
+  // note, we used 'eval-source-map' before, but since webpack 5.100, it breaks the build
+  // (causes 'SyntaxError: redeclaration of function normalize')
+  // devtool: 'inline-source-map',
+  devtool: false, // turn it off completely
+
   entry: path.join(__dirname, '..', 'src/client.js'),
   output: {
     filename: 'bundle.js',
     path: path.join(__dirname, '..', 'public'),
     publicPath: '/public/',
   },
-  mode: 'development',
+  mode: process.env.NODE_ENV,
   resolve: {
     alias: {
       moment: 'moment/moment.js',

eslint.config.mjs

@@ -41,7 +41,6 @@ export default [{
         globals: {
             ...globals.browser,
             ...globals.node,
-            ...globals.mocha,
             __DEVELOPMENT__: true,
             __CLIENT__: true,
             __SERVER__: true,
@@ -61,7 +60,7 @@ export default [{
         'import/ignore': ['node_modules', '.less$'],
 
         react: {
-            version: '18.3.1',
+            version: '19.2.0',
         },
     },
 

package.json

@@ -17,9 +17,6 @@
     "build": "npm run clean && npm run build:server && npm run build:client",
     "build:test": "npm run clean && npm run build:server && npm run build:client",
     "lint": "eslint src",
-    "test": "mocha --recursive --timeout 2000 --require ./test/setup.js --require mock-local-storage",
-    "test:mocha": "mocha --recursive --timeout 2000 --require @babel/register --require ./test/setup.js --require mock-local-storage",
-    "test:watch": "mocha --recursive --timeout 2000 --require @babel/register --require ./test/setup.js --require mock-local-storage --watch --reporter nyan",
     "dev": "babel-node bin/dev.js --max-old-space-size=4096",
     "start": "node bin/server.mjs",
     "deploy": "mkdir -p ./prod && mkdir -p ./prod/etc && cp -rf ./views ./prod && cp -rf ./bin ./prod && cp -n ./etc/env.json.example ./prod/etc/env.json && rm -rf ./prod/public && cp -rf ./public ./prod",
@@ -107,8 +104,6 @@
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-1": "^6.24.1",
     "babel-regenerator-runtime": "^6.5.0",
-    "chai": "^6.2.0",
-    "chai-spies": "^1.1.0",
     "colors": "^1.4.0",
     "core-js": "^3.46.0",
     "css-loader": "^7.1.2",
@@ -126,20 +121,14 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-standard": "^5.0.0",
     "esm": "^3.2.25",
-    "fetch-mock": "^12.5.6",
     "file-loader": "^6.2.0",
     "git-revision-webpack-plugin": "^5.0.0",
     "globals": "^16.4.0",
     "image-webpack-loader": "^8.1.0",
     "isomorphic-style-loader": "^5.4.0",
-    "jsdom": "^27.0.1",
-    "json-loader": "^0.5.7",
     "less": "^4.4.2",
     "less-loader": "^12.3.0",
     "mini-css-extract-plugin": "^2.9.4",
-    "mocha": "^11.7.4",
-    "mocha-lcov-reporter": "^1.3.0",
-    "mock-local-storage": "^1.1.24",
     "postcss-loader": "^8.2.0",
     "prettier": "^3.6.2",
     "react-intl-translations-manager": "^5.0.3",
@@ -148,7 +137,7 @@
     "strip-loader": "^0.1.2",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.14",
-    "webpack": "5.99.9",
+    "webpack": "5.102.1",
     "webpack-cli": "^6.0.1",
     "webpack-dev-middleware": "^7.4.5",
     "webpack-dev-server": "^5.2.2",