Frontend: Update deps in package.json and package-lock.json

Signed-off-by: Michael Mayer <michael@photoprism.app>

frontend/.babelrc

@@ -1,8 +1,5 @@
 {
   "compact": false,
   "presets": ["@babel/preset-env"],
-  "plugins": [
+  "plugins": []
-    "@babel/plugin-proposal-object-rest-spread",
-    "@babel/plugin-proposal-class-properties"
-  ]
 }

frontend/.eslintrc.js

@@ -6,15 +6,10 @@ module.exports = {
     node: true,
     mocha: true,
   },
-  extends: [
+  extends: ["eslint:recommended", "plugin:vue/recommended", "plugin:prettier/recommended"],
-    "eslint:recommended",
-    "plugin:vue/recommended",
-    "prettier",
-    "plugin:prettier-vue/recommended",
-  ],
 
   settings: {
-    "prettier-vue": {
+    "prettier/prettier": {
       // Settings for how to process Vue SFC Blocks
       SFCBlocks: {
         template: false,
@@ -62,11 +57,9 @@ module.exports = {
         multiline: "ignore",
       },
     ],
-    "prettier-vue/prettier": [
+    "prettier/prettier": [
-      "error",
+      "warn",
       {
-        // Override all options of `prettier` here
-        // @see https://prettier.io/docs/en/options.html
         printWidth: 100,
         singleQuote: false,
         semi: true,

frontend/karma.conf.js

@@ -62,10 +62,7 @@ module.exports = (config) => {
       },
     },
 
-    files: [
+    files: [{ pattern: "tests/unit/**/*_test.js", watched: false }],
-      "node_modules/regenerator-runtime/runtime/runtime.js",
-      { pattern: "tests/unit/**/*_test.js", watched: false },
-    ],
 
     // Preprocess through webpack
     preprocessors: {
@@ -161,8 +158,6 @@ module.exports = (config) => {
                   compact: false,
                   presets: ["@babel/preset-env"],
                   plugins: [
-                    "@babel/plugin-proposal-object-rest-spread",
-                    "@babel/plugin-proposal-class-properties",
                     "@babel/plugin-transform-runtime",
                     ["istanbul", { exclude: ["**/*_test.js"] }],
                   ],

frontend/package-lock.json

@@ -12,14 +12,12 @@
         "@babel/cli": "^7.23.4",
         "@babel/core": "^7.23.7",
         "@babel/eslint-parser": "^7.23.3",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
         "@babel/plugin-transform-runtime": "^7.23.7",
         "@babel/preset-env": "^7.23.8",
         "@babel/register": "^7.23.7",
         "@babel/runtime": "^7.23.8",
         "@lcdp/offline-plugin": "^5.1.1",
-        "@vvo/tzdb": "^6.124.0",
+        "@vvo/tzdb": "^6.125.0",
         "axios": "^1.6.5",
         "axios-mock-adapter": "^1.22.0",
         "babel-loader": "^9.1.3",
@@ -40,7 +38,7 @@
         "eslint-plugin-html": "^7.1.0",
         "eslint-plugin-import": "^2.29.1",
         "eslint-plugin-node": "^11.1.0",
-        "eslint-plugin-prettier-vue": "^5.0.0",
+        "eslint-plugin-prettier": "^5.1.3",
         "eslint-plugin-promise": "^6.1.1",
         "eslint-plugin-vue": "^9.20.1",
         "eslint-webpack-plugin": "^4.0.1",
@@ -601,41 +599,6 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/plugin-proposal-class-properties": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
-      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-object-rest-spread": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz",
-      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
-      "dependencies": {
-        "@babel/compat-data": "^7.20.5",
-        "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.20.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-private-property-in-object": {
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
@@ -3274,6 +3237,7 @@
       "version": "3.4.15",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.15.tgz",
       "integrity": "sha512-XcJQVOaxTKCnth1vCxEChteGuwG6wqnUHxAm1DO3gCz0+uXKaJNx8/digSz4dLALCy8n2lKq24jSUs8segoqIw==",
+      "optional": true,
       "dependencies": {
         "@babel/parser": "^7.23.6",
         "@vue/shared": "3.4.15",
@@ -3286,6 +3250,7 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "optional": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -3297,6 +3262,7 @@
       "version": "3.4.15",
       "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.15.tgz",
       "integrity": "sha512-wox0aasVV74zoXyblarOM3AZQz/Z+OunYcIHe1OsGclCHt8RsRm04DObjefaI82u6XDzv+qGWZ24tIsRAIi5MQ==",
+      "optional": true,
       "dependencies": {
         "@vue/compiler-core": "3.4.15",
         "@vue/shared": "3.4.15"
@@ -3306,6 +3272,7 @@
       "version": "3.4.15",
       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.15.tgz",
       "integrity": "sha512-LCn5M6QpkpFsh3GQvs2mJUOAlBQcCco8D60Bcqmf3O3w5a+KWS5GvYbrrJBkgvL1BDnTp+e8q0lXCLgHhKguBA==",
+      "optional": true,
       "dependencies": {
         "@babel/parser": "^7.23.6",
         "@vue/compiler-core": "3.4.15",
@@ -3322,6 +3289,7 @@
       "version": "3.4.15",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.15.tgz",
       "integrity": "sha512-1jdeQyiGznr8gjFDadVmOJqZiLNSsMa5ZgqavkPZ8O2wjHv0tVuAEsw5hTdUoUW4232vpBbL/wJhzVW/JwY1Uw==",
+      "optional": true,
       "dependencies": {
         "@vue/compiler-dom": "3.4.15",
         "@vue/shared": "3.4.15"
@@ -3398,12 +3366,13 @@
     "node_modules/@vue/shared": {
       "version": "3.4.15",
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.15.tgz",
-      "integrity": "sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g=="
+      "integrity": "sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g==",
+      "optional": true
     },
     "node_modules/@vvo/tzdb": {
-      "version": "6.124.0",
+      "version": "6.125.0",
-      "resolved": "https://registry.npmjs.org/@vvo/tzdb/-/tzdb-6.124.0.tgz",
+      "resolved": "https://registry.npmjs.org/@vvo/tzdb/-/tzdb-6.125.0.tgz",
-      "integrity": "sha512-1zKnDMwg/9I0MrwcVjziyrn1VlapdCwB2ujaJ545N3A4nmniQ3wFbd/BcKtvwiJaFwqBAKoMwq68syTynroeKQ=="
+      "integrity": "sha512-zxOP62q3CUYIIe6sL/IK6AhmhnPUuHPNx86qZTXuzQHo/QhQRTfXb331poUStTDdZgBoLc6BADUATbGGN/1d4A=="
     },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.6",
@@ -6498,19 +6467,33 @@
         "eslint": ">=5.16.0"
       }
     },
-    "node_modules/eslint-plugin-prettier-vue": {
+    "node_modules/eslint-plugin-prettier": {
-      "version": "5.0.0",
+      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier-vue/-/eslint-plugin-prettier-vue-5.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz",
-      "integrity": "sha512-VsWmk/fftpjHBM7QFci0jZDLsc6Fh7jhenDHJ7Mbd/V0EMolcbezJRhtidE//3Liy5vEaVeX+U3skCQduWlmGA==",
+      "integrity": "sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==",
       "dependencies": {
-        "@vue/compiler-sfc": "^3.3.4",
-        "picocolors": "^1.0.0",
-        "prettier": "^3.0.2",
         "prettier-linter-helpers": "^1.0.0",
-        "synckit": "^0.8.5"
+        "synckit": "^0.8.6"
       },
       "engines": {
-        "node": ">=16"
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": "*",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
       }
     },
     "node_modules/eslint-plugin-promise": {
@@ -9491,6 +9474,7 @@
       "version": "0.30.5",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
       "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "optional": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15"
       },

frontend/package.json

@@ -24,14 +24,12 @@
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.23.7",
     "@babel/eslint-parser": "^7.23.3",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-transform-runtime": "^7.23.7",
     "@babel/preset-env": "^7.23.8",
     "@babel/register": "^7.23.7",
     "@babel/runtime": "^7.23.8",
     "@lcdp/offline-plugin": "^5.1.1",
-    "@vvo/tzdb": "^6.124.0",
+    "@vvo/tzdb": "^6.125.0",
     "axios": "^1.6.5",
     "axios-mock-adapter": "^1.22.0",
     "babel-loader": "^9.1.3",
@@ -52,7 +50,7 @@
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier-vue": "^5.0.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-vue": "^9.20.1",
     "eslint-webpack-plugin": "^4.0.1",

frontend/webpack.config.js

@@ -130,10 +130,7 @@ const config = {
               sourceMap: isDev,
               compact: false,
               presets: ["@babel/preset-env"],
-              plugins: [
+              plugins: [],
-                "@babel/plugin-proposal-object-rest-spread",
-                "@babel/plugin-proposal-class-properties",
-              ],
             },
           },
         ],
@@ -253,12 +250,13 @@ if (isDev) {
 
   config.plugins.push(devToolPlugin);
 
-  const esLintPlugin = new ESLintPlugin({
+  import("eslint-formatter-pretty").then(() => {
-    formatter: require("eslint-formatter-pretty"),
+    const esLintPlugin = new ESLintPlugin({
-    extensions: ["js"],
+      formatter: "eslint-formatter-pretty",
+      extensions: ["js"],
+    });
+    config.plugins.push(esLintPlugin);
   });
-
-  config.plugins.push(esLintPlugin);
 }
 
 module.exports = config;