Update module to work with InvenioRDM v11

Changes required for an upgrade to InvenioRDM v11.

To do:

• Update the build project so that it works with Node 18 and NPM 9: many thanks to ULB Münster for the help here!
• Check if we need to chase any changes in Jinja templates
• Check if we need to chase any changes in JS
• Check if we need to chase any changes CSS
• Check if there were any workflow changes that could affect us (e.g. customized view functions like deposit guard, ...)

invenio_theme_tuw/build_project/build/webpack.config.js

 /*
  * This file is part of Invenio.
  * Copyright (C) 2017-2018 CERN.
- * Copyright (C) 2021      TU Wien.
+ * Copyright (C) 2022      Graz University of Technology.
+ * Copyright (C) 2021-2023 TU Wien.
  *
  * Invenio is free software; you can redistribute it and/or modify it
  * under the terms of the MIT License; see LICENSE file for more details.
@@ -17,6 +18,7 @@ const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
 const safePostCssParser = require("postcss-safe-parser");
 const TerserPlugin = require("terser-webpack-plugin");
 const webpack = require("webpack");
+const ESLintPlugin = require("eslint-webpack-plugin");
 
 // Load aliases from config and resolve their full path
 let aliases = {};
@@ -131,29 +133,20 @@ var webpackConfig = {
           },
         ],
       },
-      {
-        test: /\.(js|jsx)$/,
-        enforce: "pre",
-        exclude: /node_modules/,
-        use: [
-          {
-            options: {
-              emitWarning: true,
-              quiet: true,
-              formatter: require("eslint-friendly-formatter"),
-              eslintPath: require.resolve("eslint"),
-            },
-            loader: require.resolve("eslint-loader"),
-          },
-        ],
-      },
       {
         test: /\.(scss|css)$/,
         use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
       },
       {
         test: /\.(less)$/,
-        use: [MiniCssExtractPlugin.loader, "css-loader", "less-loader"],
+        use: [
+          MiniCssExtractPlugin.loader,
+          "css-loader",
+          {
+            loader: "less-loader",
+            options: { lessOptions: { math: "always" } },
+          },
+        ],
       },
       // Inline images smaller than 10k
       {
@@ -186,6 +179,12 @@ var webpackConfig = {
   devtool:
     process.env.NODE_ENV === "production" ? "source-map" : "inline-source-map",
   plugins: [
+    new ESLintPlugin({
+      emitWarning: true,
+      quiet: true,
+      formatter: require("eslint-friendly-formatter"),
+      eslintPath: require.resolve("eslint"),
+    }),
     // Pragmas
     new webpack.DefinePlugin({
       "process.env": process.env.NODE_ENV,
@@ -198,7 +197,10 @@ var webpackConfig = {
     }),
     // Removes the dist folder before each run.
     new CleanWebpackPlugin({
+      dry: false,
+      verbose: false,
       dangerouslyAllowCleanPatternsOutsideProject: true,
+      cleanStaleWebpackAssets: process.env.NODE_ENV === "production", // keep stale assets in dev because of OS issues
     }),
     // Automatically inject jquery
     new webpack.ProvidePlugin({
@@ -210,7 +212,7 @@ var webpackConfig = {
     // Write manifest file which Python will read.
     new BundleTracker({
       path: config.build.assetsPath,
-      filename: path.join(config.build.assetsPath, "manifest.json") ,
+      filename: path.join(config.build.assetsPath, "manifest.json"),
       publicPath: config.build.assetsURL,
     }),
   ],
@@ -218,8 +220,8 @@ var webpackConfig = {
 };
 
 if (process.env.npm_config_report) {
-  var BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
-    .BundleAnalyzerPlugin;
+  var BundleAnalyzerPlugin =
+    require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
   webpackConfig.plugins.push(new BundleAnalyzerPlugin());
 }