Merge pull request #270

chore: bump npm dependencies

frontend/.eslintrc

@@ -1,17 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "extends": [
-    "eslint:recommended"
-  ],
-  "parserOptions": {
-    "ecmaVersion": 8,
-    "sourceType": "module",
-    "requireConfigFile": false
-  },
-  "rules": {
-    "semi": 2
-  }
-}

frontend/README.md

@@ -10,7 +10,7 @@ In the project directory, you can run:
 
 `npm run start` will launch a server process, which makes `live reloading` possible.
 
-If you change JS or SCSS files, the web page would auto refresh after the change. Now the server is working on port 9091 by default, but you can change it in `webpack/webpack.config.dev.js`
+If you change JS or SCSS files, the web page would auto refresh after the change. Now the server is working on port 9091 by default, but you can change it in `webpack/webpack.config.dev.cjs`
 
 ### `npm run watch`
 

frontend/eslint.config.mjs

@@ -0,0 +1,39 @@
+import { defineConfig } from "eslint/config";
+import globals from "globals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+import babelParser from "@babel/eslint-parser";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+
+export default defineConfig([{
+    extends: compat.extends("eslint:recommended"),
+
+    languageOptions: {
+        globals: {
+            ...globals.browser,
+            ...globals.node,
+        },
+
+        ecmaVersion: 8,
+        sourceType: "module",
+        parser: babelParser,
+
+        parserOptions: {
+            requireConfigFile: false,
+        },
+    },
+
+    rules: {
+        semi: 2,
+        "no-unused-vars": "warn",
+    },
+}]);

frontend/package-lock.json

@@ -33,6 +33,7 @@
         "css-loader": "^7.1.2",
         "eslint": "^9.30.0",
         "eslint-webpack-plugin": "^5.0.2",
+        "globals": "^16.2.0",
         "htmx.org": "^2.0.6",
         "hyperscript.org": "^0.9.14",
         "jquery": "^3.7.1",
@@ -48,7 +49,7 @@
         "stylelint": "^16.21.0",
         "stylelint-config-standard-scss": "^15.0.1",
         "stylelint-webpack-plugin": "^5.0.1",
-        "sweetalert2": "^11.22.1",
+        "sweetalert2": "^11.22.2",
         "tailwindcss": "^4.1.11",
         "terser-webpack-plugin": "^5.3.14",
         "tom-select": "^2.4.3",
@@ -737,6 +738,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/plugin-transform-classes/node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/@babel/plugin-transform-computed-properties": {
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
@@ -1531,6 +1541,15 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/traverse/node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/@babel/types": {
       "version": "7.27.7",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.7.tgz",
@@ -6407,12 +6426,15 @@
       }
     },
     "node_modules/globals": {
-      "version": "11.12.0",
+      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.2.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "integrity": "sha512-O+7l9tPdHCU320IigZZPj5zmRCFG9xHmx9cU8FqU2Rp+JN714seHV+2S9+JslCpY4gJwU2vOGox0wzgae/MCEg==",
       "license": "MIT",
       "engines": {
-        "node": ">=4"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/globjoin": {
@@ -10466,9 +10488,9 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA=="
     },
     "node_modules/sweetalert2": {
-      "version": "11.22.1",
+      "version": "11.22.2",
-      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.22.1.tgz",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.22.2.tgz",
-      "integrity": "sha512-3dGb50jlfcJ0OHZ5D4hJWK/cIYAfCnxK5QQVndOJqhyiCYJozINEfHG7wvRbkACj60hDnPWu+t9EFcbYWaSEuQ==",
+      "integrity": "sha512-GFQGzw8ZXF23PO79WMAYXLl4zYmLiaKqYJwcp5eBF07wiI5BYPbZtKi2pcvVmfUQK+FqL1risJAMxugcPbGIyg==",
       "license": "MIT",
       "funding": {
         "type": "individual",

frontend/package.json

@@ -3,9 +3,9 @@
   "version": "1.0.1",
   "description": "Webpack boilerplate for Django & Flask",
   "scripts": {
-    "build": "cross-env NODE_ENV=production webpack --config webpack/webpack.config.prod.js",
+    "build": "cross-env NODE_ENV=production webpack --config webpack/webpack.config.prod.cjs",
-    "start": "webpack serve --config webpack/webpack.config.dev.js",
+    "start": "webpack serve --config webpack/webpack.config.dev.cjs",
-    "watch": "webpack --watch --config webpack/webpack.config.watch.js"
+    "watch": "webpack --watch --config webpack/webpack.config.watch.cjs"
   },
   "repository": {
     "type": "git",
@@ -46,6 +46,7 @@
     "css-loader": "^7.1.2",
     "eslint": "^9.30.0",
     "eslint-webpack-plugin": "^5.0.2",
+    "globals": "^16.2.0",
     "htmx.org": "^2.0.6",
     "hyperscript.org": "^0.9.14",
     "jquery": "^3.7.1",
@@ -61,7 +62,7 @@
     "stylelint": "^16.21.0",
     "stylelint-config-standard-scss": "^15.0.1",
     "stylelint-webpack-plugin": "^5.0.1",
-    "sweetalert2": "^11.22.1",
+    "sweetalert2": "^11.22.2",
     "tailwindcss": "^4.1.11",
     "terser-webpack-plugin": "^5.3.14",
     "tom-select": "^2.4.3",

frontend/src/application/datepicker.js

@@ -33,7 +33,7 @@ window.DatePicker = function createDynamicDatePicker(element) {
             dp.selectDate(date, {updateTime: true});
             dp.setViewDate(date);
         }
-    }
+    };
 
     let isOnMobile = isMobile();
 
@@ -107,7 +107,7 @@ window.MonthYearPicker = function createDynamicDatePicker(element) {
             dp.selectDate(date, {updateTime: true});
             dp.setViewDate(date);
         }
-    }
+    };
 
     let isOnMobile = isMobile();
 
@@ -180,7 +180,7 @@ window.YearPicker = function createDynamicDatePicker(element) {
             dp.selectDate(date, {updateTime: true});
             dp.setViewDate(date);
         }
-    }
+    };
 
     let isOnMobile = isMobile();
 

frontend/webpack/webpack.common.cjs

@@ -1,8 +1,8 @@
 const glob = require("glob");
 const Path = require("path");
-const {CleanWebpackPlugin} = require("clean-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
-const WebpackAssetsManifest = require("webpack-assets-manifest");
+const WebpackAssetsManifest = require("webpack-assets-manifest").WebpackAssetsManifest;
 // eslint-disable-next-line no-unused-vars
 const webpack = require("webpack");
 

frontend/webpack/webpack.config.dev.cjs

@@ -5,7 +5,7 @@ const StylelintPlugin = require("stylelint-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const ESLintPlugin = require("eslint-webpack-plugin");
 
-const common = require("./webpack.common.js");
+const common = require("./webpack.common.cjs");
 
 module.exports = merge(common, {
   target: "web",

frontend/webpack/webpack.config.prod.cjs

@@ -2,7 +2,7 @@ const Webpack = require("webpack");
 const { merge } = require("webpack-merge");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const TerserPlugin = require("terser-webpack-plugin");
-const common = require("./webpack.common.js");
+const common = require("./webpack.common.cjs");
 
 module.exports = merge(common, {
   mode: "production",

frontend/webpack/webpack.config.watch.cjs

@@ -5,7 +5,7 @@ const StylelintPlugin = require("stylelint-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const ESLintPlugin = require("eslint-webpack-plugin");
 
-const common = require("./webpack.common.js");
+const common = require("./webpack.common.cjs");
 
 module.exports = merge(common, {
   target: "web",