Add auto updater

package.json

@@ -33,21 +33,22 @@
         "@electron-toolkit/utils": "^2.0.1",
         "chart.js": "^4.4.0",
         "color-extr-thief": "^2.3.4",
+        "electron-updater": "^6.1.4",
         "events": "^3.3.0",
         "express": "^4.18.2",
         "ffbinaries": "^1.1.5",
         "filenamify": "^6.0.0",
         "iconv-lite": "^0.6.3",
         "idb": "^7.1.1",
         "pinia": "^2.1.7",
+        "replace-special-characters": "^1.2.7",
         "spotify-web-api-js": "^1.5.2",
         "vite-plugin-vuetify": "^1.0.2",
         "vue-chartjs": "^5.2.0",
         "vue-router": "^4.2.5",
         "vuetify": "^3.3.23",
         "youtube-search-api": "^1.2.1",
-        "yt-dlp-wrap": "^2.3.12",
-        "replace-special-characters": "^1.2.7"
+        "yt-dlp-wrap": "^2.3.12"
     },
     "devDependencies": {
         "@electron-toolkit/tsconfig": "^1.0.1",

src/main/index.ts

@@ -3,6 +3,18 @@ import { join } from "path";
 import { electronApp, is, optimizer } from "@electron-toolkit/utils";
 import icon from "../../resources/app-icon/dark-500.png?asset";
 import { handleIpc } from "./ipcFunctions";
+import { autoUpdater } from "electron-updater";
+
+async function configUpdater() {
+    setInterval(
+        () => {
+            autoUpdater.checkForUpdatesAndNotify();
+        },
+        1000 * 60 * 60,
+    );
+    autoUpdater.checkForUpdatesAndNotify().then();
+    autoUpdater.on("error", (e) => console.error("[auto updater]", e));
+}
 
 function createWindow(): void {
     // Create the browser window.
@@ -36,10 +48,11 @@ function createWindow(): void {
 
     // HMR for renderer base on electron-vite cli.
     // Load the remote URL for development or the local html file for production.
-    mainWindow.loadURL(url);
+    mainWindow.loadURL(url).then();
     if (isDev) mainWindow.webContents.openDevTools();
 
     handleIpc(ipcMain, mainWindow);
+    configUpdater();
 }
 
 // This method will be called when Electron has finished