add update checking using gitea api

app.js

@@ -1,4 +1,4 @@
-const { app, BrowserWindow, ipcMain, dialog } = require('electron');
+const { app, BrowserWindow, ipcMain, dialog, Tray, Menu } = require('electron');
 const { setupTitlebar, attachTitlebarToWindow } = require('custom-electron-titlebar/main');
 const windowManager = require('./ui/windowManager');
 const osuUtil = require('./osuUtil');
@@ -9,6 +9,7 @@ const rpc = require('./discordPresence');
 const windowName = require('get-window-by-name');
 const terminalUtil = require('./terminalUtil');
 const osUtil = require('./osUtil');
+const appInfo = require('./appInfo');
 
 let tempOsuPath;
 let osuWindowInfo;
@@ -119,10 +120,37 @@ const run = () => {
 
 
     let mainWindow;
+    let tray = null
     app.whenReady().then(() => {
 
+        tray = new Tray('./assets/logo.png');
+        const trayMenuTemplate = [
+            {
+                label: `EZPPLauncher ${appInfo.appVersion}`,
+                enabled: false
+            },
+
+            {
+                label: "Show/Hide",
+                click: function () {
+                    if (mainWindow.isVisible()) mainWindow.hide();
+                    else mainWindow.show();
+                }
+            },
+
+            {
+                label: 'Exit',
+                click: function () {
+                    app.exit(0);
+                }
+            }
+        ]
+
+        let trayMenu = Menu.buildFromTemplate(trayMenuTemplate)
+        tray.setContextMenu(trayMenu)
+
         mainWindow = createWindow();
-        mainWindow.on('show', async () => {
+        mainWindow.once('show', async () => {
             await updateConfigVars(mainWindow);
             await tryLogin(mainWindow);
             await doUpdateCheck(mainWindow);
@@ -161,7 +189,7 @@ const run = () => {
                 const osuFolder = await config.get("osuPath");
                 if (!osuFolder || osuFolder == "") {
                     const foundFolder = await osuUtil.findOsuInstallation();
-                    console.log("osu! Installation located at: ",foundFolder);
+                    console.log("osu! Installation located at: ", foundFolder);
                 }
             }
         })
@@ -187,10 +215,10 @@ const run = () => {
             }
             rpc.updateState("Launching osu!...");
             isIngame = true;
-            mainWindow.hide();
+            if (mainWindow.isVisible()) mainWindow.hide();
             const result = await osuUtil.startOsuWithDevServer(tempOsuPath, "ez-pp.farm", async () => {
                 isIngame = false;
-                mainWindow.show();
+                if (!mainWindow.isVisible()) mainWindow.show();
                 await doUpdateCheck(mainWindow);
             });
             return result;
@@ -285,10 +313,13 @@ async function tryLogin(window) {
             window.webContents.send('account_update', {
                 type: "loggedin",
                 user: loginResponse.user
-            })
+            });
         } else {
+            await config.remove("username");
+            await config.remove("password");
             window.webContents.send('account_update', {
-                type: "login-failed"
+                type: "login-failed",
+                message: loginResponse.message
             })
         }
     } else {
@@ -296,6 +327,11 @@ async function tryLogin(window) {
             type: "not-loggedin"
         })
     }
+
+    const checkUpdate = await appInfo.hasUpdate();
+    if(checkUpdate){
+        window.webContents.send('launcher_update', checkUpdate);
+    }
 }
 
 async function doUpdateCheck(window) {

appInfo.js

@@ -1,4 +1,20 @@
-const appName = "EZPPLauncher"
-const appVersion = "1.1.2";
+const { default: axios } = require("axios");
+const { compareVersions } = require("compare-versions");
 
-module.exports = { appName, appVersion };
+const appName = "EZPPLauncher"
+const appVersion = "1.1.4";
+
+const hasUpdate = async () => {
+    const releaseInfo = await axios.get(`https://git.ez-pp.farm/api/v1/repos/EZPPFarm/${appName}/releases/latest`);
+    if (releaseInfo.status !== 200) return false;
+    const latestReleaseVersion = releaseInfo.data.tag_name;
+    const updateAvailable = compareVersions(latestReleaseVersion, appVersion);
+    if(updateAvailable > 0)
+        return {
+            version: latestReleaseVersion,
+            url: releaseInfo.data.html_url,
+        }
+    return undefined;
+}
+
+module.exports = { appName, appVersion, hasUpdate };

discordPresence.js

@@ -1,7 +1,5 @@
 const appInfo = require('./appInfo.js');
 const DiscordAutoRPC = require("discord-auto-rpc");
-const { app } = require('electron');
-const DiscordRPC = require("discord-rpc").default;
 const clientId = "1032772293220384808";
 let client = undefined;
 let lastState = "Idle in Launcher...";

ezppUtil.js

@@ -1,10 +1,18 @@
 const axios = require('axios').default;
 
 const loginCheckEndpoint = 'https://ez-pp.farm/login/check';
+let retries = 0;
 
 const performLogin = async (username, password) => {
     const result = await axios.post(loginCheckEndpoint, { username, password });
+    const code = result.data.code ?? 404;
+    if (code === 200 || code === 403) {
+        retries = 0;
         return result.data;
+    } else {
+        if (retries++ >= 5) return { code: 403, message: "Login failed." }
+        return await performLogin(username, password);
+    }
 }
 
 module.exports = { performLogin };

html/index_old.html

@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>EZPPLauncher</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/png" href="../assets/logo.png" />
-    <link href="../assets/mdb.min.css" rel="stylesheet" />
-    <style>
-        * {
-            user-select: none;
-            -webkit-user-select: none;
-        }
-    </style>
-</head>
-
-<body class="fixed-sn mdb-skin-custom" data-spy="scroll" data-target="#scrollspy" data-offset="15"
-    oncontextmenu="return false;">
-    <main>
-        <div class="noselect">
-            <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center text-lg-end d-flex align-items-center justify-content-center"
-                style="border-radius: 0.5em;">
-                <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3">
-                    <div class="container py-2 h-100">
-                        <div class="row d-flex justify-content-center align-items-center h-100">
-                            <div class="col col-xl-10">
-                                <div class="card" style="border-radius: 1rem;">
-                                    <div class="row g-0">
-                                        <div class="card-body p-4 p-lg-5 text-black">
-                                            <div class="d-flex align-items-center mb-2 pb-1 text-white">
-                                                <span class="h1 fw-bold mb-0">EZPPLauncher</span>
-                                            </div>
-                                            <h5 class="fw-lighter fs-5 mb-3 pb-3 text-white text-start"
-                                                style="letter-spacing: 1px;">
-                                                Launch osu! with connection to the EZPPFarm server
-                                            </h5>
-                                            <div class="pt-1 mb-4">
-                                                <button id="launch-btn" class="btn btn-primary btn-lg btn-block"
-                                                    type="button" style="background-color:#d6016f" disabled>Looking for
-                                                    updates...</button>
-                                            </div>
-                                            <button class="btn btn-dark btn-sm float-start" id="account-btn" disabled>
-                                                set account
-                                            </button>
-                                            <button class="btn btn-dark btn-sm float-end" id="folder-btn">
-                                                set osu! directory
-                                            </button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </main>
-</body>
-<script type="text/javascript" src="../assets/mdb.min.js"></script>
-
-</html>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ezpplauncher",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "main": "app.js",
   "license": "MIT",
   "author": "HorizonCode",
@@ -33,9 +33,9 @@
   "scripts": {
     "start": "electron .",
     "rebuild": "electron-rebuild -f -w get-window-by-name",
-    "pack-win": "electron-builder --win --arm64 --x64",
-    "pack-linux": "electron-builder --linux --arm64 --x64",
-    "pack-mac": "electron-builder --mac --arm64 --x64",
+    "pack-win": "electron-builder --win --x64",
+    "pack-linux": "electron-builder --linux --x64",
+    "pack-mac": "electron-builder --mac --x64",
     "dist": "electron-builder"
   },
   "devDependencies": {
@@ -46,6 +46,7 @@
   },
   "dependencies": {
     "axios": "^0.27.2",
+    "compare-versions": "^6.0.0-rc.1",
     "custom-electron-titlebar": "^4.1.1",
     "discord-auto-rpc": "^1.0.17",
     "discord-rpc": "^4.0.1",

preload/preload.js

@@ -1,4 +1,4 @@
-const { ipcRenderer } = require('electron');
+const { ipcRenderer, shell } = require('electron');
 const { Titlebar, Color } = require('custom-electron-titlebar');
 const appInfo = require('../appInfo');
 let titlebar;
@@ -150,8 +150,31 @@ window.addEventListener('DOMContentLoaded', () => {
         }
     })
 
+    ipcRenderer.on('launcher_update', async (event, data) => {
+        const res = await Swal.fire({
+            title: 'Update available!',
+            text: `Version ${data.version} has been released!`,
+            icon: 'info',
+            showCancelButton: true,
+            confirmButtonText: 'Download',
+            cancelButtonText: 'Remind me later',
+        });
+        if (res.isConfirmed) {
+            shell.openExternal(data.url);
+        }
+    })
+
     ipcRenderer.on('account_update', (event, data) => {
         switch (data.type) {
+            case "login-failed":
+                Swal.fire({
+                    title: 'Uh oh!',
+                    text: data.message,
+                    icon: 'error',
+                    confirmButtonText: 'Okay'
+                });
+                changePage("launch");
+                break;
             case "not-loggedin":
                 changePage("launch");
                 break;