Upgrade to electron 17, upgrade dependencies

frontend/ts/index.ts

@@ -1,4 +1,4 @@
-import {DidFailLoadEvent, ipcRenderer, PageFaviconUpdatedEvent, UpdateTargetUrlEvent,} from "electron";
+import {DidFailLoadEvent, ipcRenderer, PageFaviconUpdatedEvent, UpdateTargetUrlEvent} from "electron";
 import Service from "../../src/Service";
 import {IconProperties, IconSet, SpecialPages} from "../../src/Meta";
 import Config from "../../src/Config";

package.json

@@ -31,21 +31,22 @@
     "@babel/core": "^7.9.6",
     "@babel/preset-env": "^7.9.6",
     "@fortawesome/fontawesome-free": "^5.13.0",
-    "@types/node": "^14.17.18",
+    "@types/node": "^14.6.2",
-    "@typescript-eslint/eslint-plugin": "^4.3.0",
+    "@typescript-eslint/eslint-plugin": "^5.15.0",
-    "@typescript-eslint/parser": "^4.3.0",
+    "@typescript-eslint/parser": "^5.15.0",
     "babel-loader": "^8.1.0",
-    "concurrently": "^6.0.0",
+    "concurrently": "^7.0.0",
-    "copy-webpack-plugin": "^9.0.0",
+    "copy-webpack-plugin": "^10.2.4",
     "css-loader": "^6.3.0",
-    "electron": "^15.0.0",
+    "electron": "^17.1.2",
     "electron-builder": "^22.11.5",
-    "eslint": "^7.10.0",
+    "eslint": "^8.11.0",
-    "image-minimizer-webpack-plugin": "^2.2.0",
+    "image-minimizer-webpack-plugin": "^3.2.3",
+    "imagemin": "^8.0.1",
     "imagemin-gifsicle": "^7.0.0",
-    "imagemin-mozjpeg": "^9.0.0",
+    "imagemin-mozjpeg": "^10.0.0",
     "imagemin-pngquant": "^9.0.2",
-    "imagemin-svgo": "^9.0.0",
+    "imagemin-svgo": "^10.0.1",
     "mini-css-extract-plugin": "^2.1.0",
     "sass": "^1.32.12",
     "sass-loader": "^12.1.0",

src/windows/MainWindow.ts

@@ -1,5 +1,5 @@
 import path from "path";
-import {clipboard, ContextMenuParams, dialog, ipcMain, Menu, MenuItem, session, webContents,} from "electron";
+import {clipboard, ContextMenuParams, dialog, ipcMain, Menu, MenuItem, session, webContents} from "electron";
 import ServiceSettingsWindow from "./ServiceSettingsWindow";
 import SettingsWindow from "./SettingsWindow";
 import Application from "../Application";

webpack.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ImageMinimizerPlugin = require("image-minimizer-webpack-plugin");
-const { extendDefaultPlugins } = require("svgo");
+const {extendDefaultPlugins} = require("svgo");
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 const dev = process.env.NODE_ENV === 'development';
@@ -87,7 +87,9 @@ const config = {
             ]
         }),
         new ImageMinimizerPlugin({
-            minimizerOptions: {
+            minimizer: {
+                implementation: ImageMinimizerPlugin.imageminMinify,
+                options: {
                     // Lossless optimization with custom option
                     // Feel free to experiment with options for better result for you
                     plugins: [
@@ -110,7 +112,9 @@ const config = {
                                         },
                                     },
                                 ]),
-                            //TODO for imagemin-svgo ^10.0.0 when https://github.com/webpack-contrib/image-minimizer-webpack-plugin/issues/237 is fixed
+                            },
+                            // todo: still not fixed
+                            // {
                             //     plugins: {
                             //         name: 'preset-default',
                             //         params: {
@@ -120,15 +124,16 @@ const config = {
                             //                 },
                             //                 addAttributesToSVGElement: {
                             //                     params: {
-                            //                     attributes: [{ xmlns: "http://www.w3.org/2000/svg" }],
+                            //                         attributes: [{xmlns: "http://www.w3.org/2000/svg"}],
                             //                     },
                             //                 },
                             //             },
                             //         },
                             //     },
+                            // },
+                        ],
+                    ],
                 },
-                    ],
-                ],
             },
         }),
     ]