Update nodejs version to latest 22.x

Author: rhysyngsun

.flowconfig

@@ -34,6 +34,8 @@
 .*/node_modules/react-popper/.*
 .*/node_modules/gensync/index.js.flow
 .*/node_modules/@webassemblyjs/ieee754/src/index.js
+.*/node_modules/@webassemblyjs/helper-numbers/src/index.js
+.*/node_modules/html-entities/dist/commonjs/index.js.flow
 .*.git/.*
 .*/staticfiles/.*
 

.github/workflows/ci.yml

@@ -109,7 +109,7 @@ jobs:
       - name: Set up NodeJS
         uses: actions/setup-node@v2-beta
         with:
-          node-version: "14.18.2"
+          node-version: "22.20.0"
 
       - name: Set up environment
         run: sudo apt-get install libelf1

Dockerfile-node

@@ -1,4 +1,4 @@
-FROM node:14.18.2-bullseye
+FROM node:22.20.0-bullseye
 
 LABEL maintainer "ODL DevOps <[email protected]>"
 

package.json

@@ -126,14 +126,14 @@
     "url-join": "^2.0.2",
     "url-loader": "^0.5.8",
     "warning": "^3.0.0",
-    "webpack": "^4.46.0",
+    "webpack": "^5.102.1",
     "webpack-bundle-tracker": "^0.4.3",
-    "webpack-cli": "^3.3.10",
-    "webpack-dev-middleware": "^1.9.0",
-    "webpack-hot-middleware": "^2.17.1"
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-middleware": "latest",
+    "webpack-hot-middleware": "latest"
   },
   "engines": {
-    "node": "14.18.2"
+    "node": "22.20.0"
   },
   "scripts": {
     "postinstall": "./webpack_if_prod.sh",

webpack.config.dev.js

@@ -29,8 +29,8 @@ const devConfig = Object.assign({}, config, {
     new BundleTracker({filename: './webpack-stats.json'})
   ],
   optimization: {
-    namedModules: true,
-    noEmitOnErrors: true
+    moduleIds: "named",
+    emitOnErrors: false
   },
   devtool: 'source-map'
 })

webpack.config.shared.js

@@ -33,26 +33,32 @@ module.exports = {
       hints: false
     }
   },
+  output: {
+    // see https://stackoverflow.com/a/69394785
+    hashFunction: "xxhash64"
+  },
   babelSharedLoader: {
     test: /\.jsx?$/,
     include: [
       path.resolve(__dirname, "static/js"),
       path.resolve(__dirname, "node_modules/@material-ui"),
     ],
-    loader: 'babel-loader',
-    query: {
-      "presets": [
-        ["env", { "modules": false }],
-        "latest",
-        "react",
-      ],
-      "plugins": [
-        "transform-flow-strip-types",
-        "react-hot-loader/babel",
-        "transform-object-rest-spread",
-        "transform-class-properties",
-        "syntax-dynamic-import",
-      ]
+    use: {
+      loader: 'babel-loader',
+      options: {
+        "presets": [
+          ["env", { "modules": false }],
+          "latest",
+          "react",
+        ],
+        "plugins": [
+          "transform-flow-strip-types",
+          "react-hot-loader/babel",
+          "transform-object-rest-spread",
+          "transform-class-properties",
+          "syntax-dynamic-import",
+        ]
+      }
     }
   },
 };