initial commit

📝 README Updated
2024-01-04 01:26:09 +01:00 · 2023-05-04 18:44:36 +05:30 · 2022-10-29 14:23:17 +05:30 · 2022-10-29 14:22:37 +05:30 · 2022-10-29 14:19:25 +05:30 · 2022-10-29 14:15:32 +05:30
33 changed files with 1092 additions and 5102 deletions
@@ -1,3 +0,0 @@
 {
  "recommendations": ["svelte.svelte-vscode"]
 }
@@ -1,4 +0,0 @@
 const appName = "EZPPLauncher";
 const appVersion = "2.0.0";
 module.exports = { appName, appVersion };
@@ -1,53 +0,0 @@
 const sqlite = require("better-sqlite3");
 const path = require("path");
 const fs = require("fs");
 const configFolder = path.join(
  process.platform == "win32"
    ? process.env["LOCALAPPDATA"]
    : process.env["HOME"],
  "EZPPLauncher",
 );
 if (!fs.existsSync(configFolder)) fs.mkdirSync(configFolder);
 const dbFile = path.join(configFolder, "ezpplauncher.db");
 const db = sqlite(dbFile);
 db.pragma("journal_mode = WAL");
 db.exec(
  "CREATE TABLE IF NOT EXISTS config (configKey VARCHAR PRIMARY KEY, configValue VARCHAR);",
 );
 const set = (key, value) => {
  db.prepare(
    `INSERT OR REPLACE INTO config (configKey, configValue) VALUES (?, ?)`,
  ).run(key, value);
 };
 const remove = (key) => {
  db.prepare(`DELETE FROM config WHERE configKey = ?`).run(key);
 };
 const get = (
  key,
 ) => {
  const result = db.prepare(
    "SELECT configKey key, configValue val FROM config WHERE key = ?",
  ).get(key);
  return result ? result.val ?? undefined : undefined;
 };
 const all = () => {
  const result = db.prepare(
    `SELECT configKey key, configValue val FROM config WHERE 1`,
  ).all();
  return result ?? undefined;
 };
 module.exports = {
  all,
  get,
  set,
  remove,
 };
@@ -1,11 +0,0 @@
 const cryptojs = require("crypto-js");
 const encrypt = (string, salt) => {
  return cryptojs.AES.encrypt(string, salt).toString();
 };
 const decrypt = (string, salt) => {
  return cryptojs.AES.decrypt(string, salt).toString(cryptojs.enc.Utf8);
 };
 module.exports = { encrypt, decrypt };
@@ -1,20 +0,0 @@
 const childProcess = require("child_process");
 const runFile = (folder, file, args, onExit) => {
    childProcess.execFile(file, args, {
        cwd: folder
    }, (_err, _stdout, _stdin) => {
        if (onExit) onExit();
    })
 }
 const runFileDetached = (folder, file, args) => {
    const subProcess = childProcess.spawn(file + (args ? " " + args : ''), {
        cwd: folder,
        detached: true,
        stdio: 'ignore'
    });
    subProcess.unref();
 }
 module.exports = { runFile, runFileDetached };
@@ -1,13 +0,0 @@
 function formatBytes(bytes, decimals = 2) {
    if (!+bytes) return '0 Bytes'
    const k = 1024
    const dm = decimals < 0 ? 0 : decimals
    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
    const i = Math.floor(Math.log(bytes) / Math.log(k))
    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))}${sizes[i]}`
 }
 module.exports = { formatBytes };
@@ -1,32 +0,0 @@
 const child_process = require("child_process");
 const options = { encoding: "ascii", windowsHide: true, timeout: 200 };
 const platforms = {
  win32: [
    "REG QUERY HKLM\\SOFTWARE\\Microsoft\\Cryptography /v MachineGuid",
    /MachineGuid\s+REG_SZ\s+(.*?)\s/,
  ],
  darwin: [
    "ioreg -rd1 -c IOPlatformExpertDevice",
    /"IOPlatformUUID" = "(.*?)"/,
  ],
  linux: [
    "cat /var/lib/dbus/machine-id /etc/machine-id 2> /dev/null || true",
    /^([\da-f]+)/,
  ],
 };
 const crypto = require("crypto");
 /**
 * Returns machine hardware id.
 * Returns `undefined` if cannot determine.
 * @return {string?}
 */
 function getHwId() {
  const getter = platforms[process.platform];
  if (!getter) return;
  const result = getter[1].exec(child_process.execSync(getter[0], options));
  if (!result) return;
  return crypto.createHash("md5").update(result[1]).digest("hex") ||
    undefined;
 }
 exports.getHwId = getHwId;
@@ -1,478 +0,0 @@
 const fs = require("fs");
 const path = require("path");
 const crypto = require("crypto");
 const EventEmitter = require("events");
 const { default: axios } = require("axios");
 const { runFile } = require("./executeUtil.js");
 const checkUpdateURL =
  "https://osu.ppy.sh/web/check-updates.php?action=check&stream=";
 const ignoredOsuEntities = [
  "osu!auth.dll",
 ];
 const osuEntities = [
  "avcodec-51.dll",
  "avformat-52.dll",
  "avutil-49.dll",
  "bass.dll",
  "bass_fx.dll",
  "collection.db",
  "d3dcompiler_47.dll",
  "libEGL.dll",
  "libGLESv2.dll",
  "Microsoft.Ink.dll",
  "OpenTK.dll",
  "osu!.cfg",
  "osu!.db",
  "osu!.exe",
  "osu!auth.dll",
  "osu!gameplay.dll",
  "osu!seasonal.dll",
  "osu!ui.dll",
  "presence.db",
  "pthreadGC2.dll",
  "scores.db",
 ];
 const patcherFiles = [
  {
    name: "patcher.exe",
    url_download: "https://ez-pp.farm/assets/patcher.exe",
    url_hash: "https://ez-pp.farm/assets/patcher.md5",
  },
  {
    name: "patch.hook.dll",
    url_download: "https://ez-pp.farm/assets/patch.hook.dll",
    url_hash: "https://ez-pp.farm/assets/patch.hook.md5",
  },
 ];
 const uiFiles = [
  {
    name: "ezpp!ui.dll",
    url_download: "https://ez-pp.farm/assets/ezpp!ui.dll",
    url_hash: "https://ez-pp.farm/assets/ezpp!ui.md5",
  },
 ];
 async function isValidOsuFolder(path) {
  const allFiles = await fs.promises.readdir(path);
  let matches = 0;
  for (const file of allFiles) {
    if (osuEntities.includes(file)) matches = matches + 1;
  }
  return (Math.round((matches / osuEntities.length) * 100) >= 60);
 }
 function getGlobalConfig(osuPath) {
  const configFileInfo = {
    name: "",
    path: "",
    get: async (key) => {
      if (!configFileInfo.path) {
        return "";
      }
      const fileStream = await fs.promises.readFile(
        configFileInfo.path,
        "utf-8",
      );
      const lines = fileStream.split(/\r?\n/);
      for (const line of lines) {
        if (line.includes(" = ")) {
          const argsPair = line.split(" = ", 2);
          const keyname = argsPair[0];
          const value = argsPair[1];
          if (keyname == key) {
            return value;
          }
        }
      }
    },
  };
  const globalOsuConfig = path.join(osuPath, "osu!.cfg");
  if (fs.existsSync(globalOsuConfig)) {
    configFileInfo.name = "osu!.cfg";
    configFileInfo.path = globalOsuConfig;
  }
  return configFileInfo;
 }
 function getUserConfig(osuPath) {
  const configFileInfo = {
    name: "",
    path: "",
    set: async (key, newValue) => {
      if (!configFileInfo.path) {
        return "";
      }
      const fileContents = [];
      const fileStream = await fs.promises.readFile(
        configFileInfo.path,
        "utf-8",
      );
      const lines = fileStream.split(/\r?\n/);
      for (const line of lines) {
        if (line.includes(" = ")) {
          const argsPair = line.split(" = ", 2);
          const keyname = argsPair[0];
          if (keyname == key) {
            fileContents.push(`${key} = ${newValue}`);
          } else {
            fileContents.push(line);
          }
        } else {
          fileContents.push(line);
        }
      }
      await fs.promises.writeFile(configFileInfo.path, fileContents.join("\n"));
      return true;
    },
    get: async (key) => {
      if (!configFileInfo.path) {
        return "";
      }
      const fileStream = await fs.promises.readFile(
        configFileInfo.path,
        "utf-8",
      );
      const lines = fileStream.split(/\r?\n/);
      for (const line of lines) {
        if (line.includes(" = ")) {
          const argsPair = line.split(" = ", 2);
          const keyname = argsPair[0];
          const value = argsPair[1];
          if (keyname == key) {
            return value;
          }
        }
      }
    },
  };
  const userOsuConfig = path.join(
    osuPath,
    `osu!.${process.env["USERNAME"]}.cfg`,
  );
  if (fs.existsSync(userOsuConfig)) {
    configFileInfo.name = `osu!.${process.env["USERNAME"]}.cfg`;
    configFileInfo.path = userOsuConfig;
  }
  return configFileInfo;
 }
 async function getUpdateFiles(releaseStream) {
  const releaseData = await fetch(checkUpdateURL + releaseStream);
  return releaseData.ok ? await releaseData.json() : undefined;
 }
 async function getFilesThatNeedUpdate(osuPath, releaseStreamFiles) {
  const updateFiles = [];
  for (const updatePatch of releaseStreamFiles) {
    const fileName = updatePatch.filename;
    const fileHash = updatePatch.file_hash;
    const fileOnDisk = path.join(osuPath, fileName);
    if (fs.existsSync(fileOnDisk)) {
      if (ignoredOsuEntities.includes(fileName)) continue;
      const fileHashOnDisk = crypto.createHash("md5").update(
        fs.readFileSync(fileOnDisk),
      ).digest("hex");
      if (
        fileHashOnDisk.trim().toLowerCase() != fileHash.trim().toLowerCase()
      ) {
        updateFiles.push(updatePatch);
      }
    } else updateFiles.push(updatePatch);
  }
  return updateFiles;
 }
 function downloadUpdateFiles(osuPath, updateFiles) {
  const eventEmitter = new EventEmitter();
  const startDownload = async () => {
    for (const updatePatch of updateFiles) {
      const fileName = updatePatch.filename;
      const fileSize = updatePatch.filesize;
      const fileURL = updatePatch.url_full;
      const axiosDownloadWithProgress = await axios.get(fileURL, {
        responseType: "stream",
        onDownloadProgress: (progressEvent) => {
          const { loaded, total } = progressEvent;
          eventEmitter.emit("data", {
            fileName,
            loaded,
            total,
            progress: Math.floor((loaded / total) * 100),
          });
        },
      });
      axiosDownloadWithProgress.data.on("end", () => {
        eventEmitter.emit("data", {
          fileName,
          loaded: fileSize,
          total: fileSize,
          progress: 100,
        });
      });
      try {
        if (fs.existsSync(path.join(osuPath, fileName))) {
          await fs.promises.rm(path.join(osuPath, fileName), {
            force: true,
          });
        }
        await fs.promises.writeFile(
          path.join(osuPath, fileName),
          axiosDownloadWithProgress.data,
        );
      } catch (err) {
        console.log(err);
        eventEmitter.emit("error", {
          fileName,
        });
      }
    }
    // wait until all files are downloaded
    return true;
  };
  return {
    eventEmitter,
    startDownload,
  };
 }
 function runOsuWithDevServer(osuPath, serverDomain, onExit) {
  const osuExecuteable = path.join(osuPath, "osu!.exe");
  runFile(osuPath, osuExecuteable, ["-devserver", serverDomain], onExit);
 }
 async function getPatcherUpdates(osuPath) {
  const filesToDownload = [];
  const patcherDir = path.join(osuPath, "EZPPLauncher");
  if (!fs.existsSync(patcherDir)) fs.mkdirSync(patcherDir);
  for (const patcherFile of patcherFiles) {
    if (fs.existsSync(path.join(patcherDir, patcherFile.name))) {
      const latestPatchFileHash = await (await fetch(patcherFile.url_hash))
        .text();
      const localPatchFileHash = crypto.createHash("md5").update(
        fs.readFileSync(path.join(patcherDir, patcherFile.name)),
      ).digest("hex");
      if (
        latestPatchFileHash.trim().toLowerCase() !=
          localPatchFileHash.trim().toLowerCase()
      ) filesToDownload.push(patcherFile);
    } else filesToDownload.push(patcherFile);
  }
  return filesToDownload;
 }
 function downloadPatcherUpdates(osuPath, patcherUpdates) {
  const eventEmitter = new EventEmitter();
  const startDownload = async () => {
    const patcherDir = path.join(osuPath, "EZPPLauncher");
    if (!fs.existsSync(patcherDir)) fs.mkdirSync(patcherDir);
    for (const patcherFile of patcherUpdates) {
      const fileName = patcherFile.name;
      const fileURL = patcherFile.url_download;
      const axiosDownloadWithProgress = await axios.get(fileURL, {
        responseType: "stream",
        onDownloadProgress: (progressEvent) => {
          const { loaded, total } = progressEvent;
          eventEmitter.emit("data", {
            fileName,
            loaded,
            total,
            progress: Math.floor((loaded / total) * 100),
          });
        },
      });
      try {
        if (fs.existsSync(path.join(osuPath, "EZPPLauncher", fileName))) {
          await fs.promises.rm(path.join(osuPath, "EZPPLauncher", fileName), {
            force: true,
          });
        }
        await fs.promises.writeFile(
          path.join(osuPath, "EZPPLauncher", fileName),
          axiosDownloadWithProgress.data,
        );
      } catch (err) {
        console.log(err);
        eventEmitter.emit("error", {
          fileName,
        });
      }
    }
  };
  return {
    eventEmitter,
    startDownload,
  };
 }
 async function getUIFiles(osuPath) {
  const filesToDownload = [];
  const ezppLauncherDir = path.join(osuPath, "EZPPLauncher");
  if (!fs.existsSync(ezppLauncherDir)) fs.mkdirSync(ezppLauncherDir);
  for (const uiFile of uiFiles) {
    if (fs.existsSync(path.join(ezppLauncherDir, uiFile.name))) {
      const latestPatchFileHash = await (await fetch(uiFile.url_hash)).text();
      const localPatchFileHash = crypto.createHash("md5").update(
        fs.readFileSync(path.join(ezppLauncherDir, uiFile.name)),
      ).digest("hex");
      if (
        latestPatchFileHash.trim().toLowerCase() !=
          localPatchFileHash.trim().toLowerCase()
      ) filesToDownload.push(uiFile);
    } else filesToDownload.push(uiFile);
  }
  return filesToDownload;
 }
 function downloadUIFiles(osuPath, uiFiles) {
  const eventEmitter = new EventEmitter();
  const startDownload = async () => {
    const ezpplauncherDir = path.join(osuPath, "EZPPLauncher");
    if (!fs.existsSync(ezpplauncherDir)) fs.mkdirSync(ezpplauncherDir);
    for (const uiFile of uiFiles) {
      const fileName = uiFile.name;
      const fileURL = uiFile.url_download;
      const axiosDownloadWithProgress = await axios.get(fileURL, {
        responseType: "stream",
        onDownloadProgress: (progressEvent) => {
          const { loaded, total } = progressEvent;
          eventEmitter.emit("data", {
            fileName,
            loaded,
            total,
            progress: Math.floor((loaded / total) * 100),
          });
        },
      });
      try {
        if (fs.existsSync(path.join(osuPath, "EZPPLauncher", fileName))) {
          await fs.promises.rm(path.join(osuPath, "EZPPLauncher", fileName), {
            force: true,
          });
        }
        await fs.promises.writeFile(
          path.join(osuPath, "EZPPLauncher", fileName),
          axiosDownloadWithProgress.data,
        );
      } catch (err) {
        console.log(err);
        eventEmitter.emit("error", {
          fileName,
        });
      }
    }
  };
  return {
    eventEmitter,
    startDownload,
  };
 }
 async function replaceUIFile(osuPath, revert) {
  if (!revert) {
    const ezppUIFile = path.join(osuPath, "EZPPLauncher", "ezpp!ui.dll");
    const oldOsuUIFile = path.join(osuPath, "osu!ui.dll");
    await fs.promises.rename(
      oldOsuUIFile,
      path.join(osuPath, "osu!ui.dll.bak"),
    );
    await fs.promises.rename(ezppUIFile, oldOsuUIFile);
  } else {
    const oldOsuUIFile = path.join(osuPath, "osu!ui.dll");
    const ezppUIFile = path.join(osuPath, "EZPPLauncher", "ezpp!ui.dll");
    await fs.promises.rename(oldOsuUIFile, ezppUIFile);
    await fs.promises.rename(
      path.join(osuPath, "osu!ui.dll.bak"),
      oldOsuUIFile,
    );
  }
 }
 async function findOsuInstallation() {
  const regedit = require("regedit-rs");
  const osuLocationFromDefaultIcon =
    "HKLM\\SOFTWARE\\Classes\\osu\\DefaultIcon";
  const osuKey = regedit.listSync(osuLocationFromDefaultIcon);
  if (osuKey[osuLocationFromDefaultIcon].exists) {
    const key = osuKey[osuLocationFromDefaultIcon].values[""];
    let value = key.value;
    value = value.substring(1, value.length - 3);
    return path.dirname(value.trim());
  }
  return undefined;
 }
 async function updateOsuConfigHashes(osuPath) {
  const osuCfg = path.join(osuPath, "osu!.cfg");
  const fileStream = await fs.promises.readFile(osuCfg, "utf-8");
  const lines = fileStream.split(/\r?\n/);
  const newLines = [];
  for (const line of lines) {
    if (line.includes(" = ")) {
      const argsPair = line.split(" = ", 2);
      const key = argsPair[0];
      const value = argsPair[1];
      if (key.startsWith("h_")) {
        const fileName = key.substring(2, key.length);
        const filePath = path.join(osuPath, fileName);
        if (!fs.existsSync(filePath)) continue;
        const binaryFileContents = await fs.promises.readFile(filePath);
        const existingFileMD5 = crypto.createHash("md5").update(
          binaryFileContents,
        ).digest("hex");
        if (value == existingFileMD5) newLines.push(line);
        else newLines.push(`${key} = ${existingFileMD5}`);
      } else if (line.startsWith("u_UpdaterAutoStart")) {
        newLines.push(`${key} = 0`);
      } else {
        newLines.push(line);
      }
    } else {
      newLines.push(line);
    }
  }
  await fs.promises.writeFile(osuCfg, newLines.join("\n"), "utf-8");
 }
 module.exports = {
  isValidOsuFolder,
  getUserConfig,
  getGlobalConfig,
  getUpdateFiles,
  getFilesThatNeedUpdate,
  downloadUpdateFiles,
  runOsuWithDevServer,
  getPatcherUpdates,
  downloadPatcherUpdates,
  downloadUIFiles,
  getUIFiles,
  replaceUIFile,
  findOsuInstallation,
  updateOsuConfigHashes,
 };
@@ -1,63 +0,0 @@
 const DiscordRPC = require("discord-auto-rpc");
 const { appName, appVersion } = require("./appInfo.js");
 const clientId = "1032772293220384808";
 let richPresence;
 let intervalId;
 let currentStatus = {
  details: "  ",
  state: "Idle in Launcher...",
  startTimestamp: new Date(),
  largeImageKey: "ezppfarm",
  largeImageText: `${appName} ${appVersion}`,
  smallImageKey: "  ",
  smallImageText: "  ",
  buttons: [
    {
      label: "Download the Launcher",
      url: "https://git.ez-pp.farm/EZPPFarm/EZPPLauncher/releases/latest",
    },
    {
      label: "Join EZPPFarm",
      url: "https://ez-pp.farm/discord",
    },
  ],
  instance: false,
 };
 module.exports = {
  connect: () => {
    if (!richPresence) {
      richPresence = new DiscordRPC.AutoClient({ transport: "ipc" });
      richPresence.endlessLogin({ clientId });
      richPresence.once("ready", () => {
        richPresence.setActivity(currentStatus);
        intervalId = setInterval(() => {
          richPresence.setActivity(currentStatus);
        }, 2500);
      });
    }
  },
  disconnect: async () => {
    if (richPresence) {
      clearInterval(intervalId);
      await richPresence.clearActivity();
      await richPresence.destroy();
      richPresence = null;
    }
  },
  updateStatus: ({ state, details }) => {
    currentStatus.state = state ?? "  ";
    currentStatus.details = details ?? "  ";
  },
  updateVersion: (osuVersion) => {
    currentStatus.smallImageKey = osuVersion ? "osu" : "  ";
    currentStatus.smallImageText = osuVersion ? `osu! ${osuVersion}` : "  ";
  },
  update: () => {
    if (richPresence) {
      richPresence.setActivity(currentStatus);
    }
  },
 };
@@ -1,25 +0,0 @@
 const semver = require("semver");
 const { appVersion } = require("./appInfo");
 const repoApiUrl =
  "https://git.ez-pp.farm/api/v1/repos/EZPPFarm/EZPPLauncher/releases?limit=1";
 const releasesUrl =
  "https://git.ez-pp.farm/EZPPFarm/EZPPLauncher/releases/latest";
 module.exports = {
  updateAvailable: async () => {
    try {
      const latestRelease = await fetch(repoApiUrl);
      const json = await latestRelease.json();
      if (json.length <= 0) return false;
      return {
        update: semver.lt(appVersion, json[0].tag_name),
        release: json[0],
      };
    } catch (err) {
      return { update: false };
    }
  },
  releasesUrl,
 };
@@ -1,630 +1,82 @@
 // Modules to control application life and create native browser window
-const { app, BrowserWindow, Menu, ipcMain, dialog, shell } = require(
+const { app, BrowserWindow } = require('electron');
-  "electron",
+const path = require('path');
-);
+const serve = require('electron-serve');
-const path = require("path");
+const loadURL = serve({ directory: 'public' });
 const serve = require("electron-serve");
 const loadURL = serve({ directory: "public" });
 const config = require("./electron/config");
 const { setupTitlebar, attachTitlebarToWindow } = require(
  "custom-electron-titlebar/main",
 );
 const {
  isValidOsuFolder,
  getUpdateFiles,
  getGlobalConfig,
  getFilesThatNeedUpdate,
  downloadUpdateFiles,
  getUserConfig,
  runOsuWithDevServer,
  getPatcherUpdates,
  downloadPatcherUpdates,
  getUIFiles,
  downloadUIFiles,
  replaceUIFile,
  findOsuInstallation,
  updateOsuConfigHashes,
 } = require("./electron/osuUtil");
 const { formatBytes } = require("./electron/formattingUtil");
 const windowName = require("get-window-by-name");
 const { existsSync } = require("fs");
 const { runFileDetached } = require("./electron/executeUtil");
 const richPresence = require("./electron/richPresence");
 const cryptUtil = require("./electron/cryptoUtil");
 const { getHwId } = require("./electron/hwidUtil");
 const { appName, appVersion } = require("./electron/appInfo");
 const { updateAvailable, releasesUrl } = require("./electron/updateCheck");
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
 let mainWindow;
 let osuCheckInterval;
 let userOsuPath;
 let osuLoaded = false;
 let patch = false;
 let lastOsuStatus = "";
 let lastStatusUpdate;
 let currentUser = undefined;
 function isDev() {
    return !app.isPackaged;
 }
 function startOsuStatus() {
  osuCheckInterval = setInterval(async () => {
    const osuWindowTitle = windowName.getWindowText("osu!.exe");
    if (osuWindowTitle.length < 0) {
      return;
    }
    const firstInstance = osuWindowTitle[0];
    if (firstInstance) {
      if (!osuLoaded) {
        osuLoaded = true;
        setTimeout(() => {
          if (patch) {
            const patcherExecuteable = path.join(
              userOsuPath,
              "EZPPLauncher",
              "patcher.exe",
            );
            if (existsSync(patcherExecuteable)) {
              runFileDetached(userOsuPath, patcherExecuteable);
            }
          }
        }, 3000);
      }
      const windowTitle = firstInstance.processTitle;
      lastOsuStatus = windowTitle;
      const currentStatusRequest = await fetch(
        "https://api.ez-pp.farm/get_player_status?name=" + currentUser.username,
      );
      const currentStatus = await currentStatusRequest.json();
      if (!("player_status" in currentStatus)) return;
      if (!("status" in currentStatus.player_status)) return;
      let details = "Idle...";
      let infoText = currentStatus.player_status.status.info_text.length > 0
        ? currentStatus.player_status.status.info_text
        : "  ";
      switch (currentStatus.player_status.status.action) {
        case 1:
          details = "AFK...";
          infoText = "  ";
          break;
        case 2:
          details = "Playing...";
          break;
        case 3:
          details = "Editing...";
          break;
        case 4:
          details = "Modding...";
          break;
        case 5:
          details = "Multiplayer: Selecting a Beatmap...";
          infoText = "  ";
          break;
        case 6:
          details = "Watching...";
          break;
        case 8:
          details = "Testing...";
          break;
        case 9:
          details = "Submitting...";
          break;
        case 11:
          details = "Multiplayer: Idle...";
          infoText = "  ";
          break;
        case 12:
          details = "Multiplayer: Playing...";
          break;
        case 13:
          details = "Browsing osu!direct...";
          infoText = "  ";
          break;
      }
      richPresence.updateStatus({
        details,
        state: infoText,
      });
      richPresence.update();
    }
  }, 2500);
 }
 function stopOsuStatus() {
  clearInterval(osuCheckInterval);
 }
 function registerIPCPipes() {
  ipcMain.handle("ezpplauncher:login", async (e, args) => {
    const hwid = getHwId();
    const timeout = new AbortController();
    const timeoutId = setTimeout(() => timeout.abort(), 8000);
    try {
      const fetchResult = await fetch("https://ez-pp.farm/login/check", {
        signal: timeout.signal,
        method: "POST",
        body: JSON.stringify({
          username: args.username,
          password: args.password,
        }),
        headers: {
          "Content-Type": "application/json",
        },
      });
      clearTimeout(timeoutId);
      if (fetchResult.ok) {
        const result = await fetchResult.json();
        if ("user" in result) {
          if (args.saveCredentials) {
            config.set("username", args.username);
            config.set("password", cryptUtil.encrypt(args.password, hwid));
          }
          currentUser = args;
          config.remove("guest");
        }
        return result;
      }
      return {
        code: 500,
        message: "Something went wrong while logging you in.",
      };
    } catch (err) {
      return {
        code: 500,
        message: "Something went wrong while logging you in.",
      };
    }
  });
  ipcMain.handle("ezpplauncher:autologin-active", async (e) => {
    const username = config.get("username");
    const password = config.get("password");
    const guest = config.get("guest");
    if (guest != undefined) return true;
    return username != undefined && password != undefined;
  });
  ipcMain.handle("ezpplauncher:autologin", async (e) => {
    const hwid = getHwId();
    const username = config.get("username");
    const guest = config.get("guest");
    if (guest) return { code: 200, message: "Login as guest", guest: true };
    if (username == undefined) {
      return { code: 200, message: "No autologin" };
    }
    const password = cryptUtil.decrypt(config.get("password"), hwid);
    if (username == undefined || password == undefined) {
      return { code: 200, message: "No autologin" };
    }
    const timeout = new AbortController();
    const timeoutId = setTimeout(() => timeout.abort(), 8000);
    try {
      const fetchResult = await fetch("https://ez-pp.farm/login/check", {
        signal: timeout.signal,
        method: "POST",
        body: JSON.stringify({
          username: username,
          password: password,
        }),
        headers: {
          "Content-Type": "application/json",
        },
      });
      clearTimeout(timeoutId);
      if (fetchResult.ok) {
        const result = await fetchResult.json();
        if ("user" in result) {
          currentUser = {
            username: username,
            password: password,
          };
        }
        return result;
      } else {
        config.remove("password");
      }
      return {
        code: 500,
        message: "Something went wrong while logging you in.",
      };
    } catch (err) {
      return {
        code: 500,
        message: "Something went wrong while logging you in.",
      };
    }
  });
  ipcMain.handle("ezpplauncher:guestlogin", (e) => {
    config.remove("username");
    config.remove("password");
    config.set("guest", "1");
    currentUser = undefined;
  });
  ipcMain.handle("ezpplauncher:logout", (e) => {
    config.remove("username");
    config.remove("password");
    config.remove("guest");
    currentUser = undefined;
    return true;
  });
  ipcMain.handle("ezpplauncher:settings", async (e) => {
    return config.all();
  });
  ipcMain.handle("ezpplauncher:setting-update", async (e, args) => {
    for (const key of Object.keys(args)) {
      const value = args[key];
      if (key == "presence") {
        if (!value) richPresence.disconnect();
        else richPresence.connect();
      }
      if (typeof value == "boolean") {
        config.set(key, value ? "true" : "false");
      } else {
        config.set(key, value);
      }
    }
  });
  ipcMain.handle("ezpplauncher:detect-folder", async (e) => {
    const detected = await findOsuInstallation();
    if (detected && await isValidOsuFolder(detected)) {
      mainWindow.webContents.send("ezpplauncher:alert", {
        type: "success",
        message: "osu! path successfully saved!",
      });
      config.set("osuPath", detected);
    }
    return config.all();
  });
  ipcMain.handle("ezpplauncher:set-folder", async (e) => {
    const folderResult = await dialog.showOpenDialog({
      title: "Select osu! installation directory",
      properties: ["openDirectory"],
    });
    if (!folderResult.canceled) {
      const folder = folderResult.filePaths[0];
      if (await isValidOsuFolder(folder)) {
        config.set("osuPath", folder);
        mainWindow.webContents.send("ezpplauncher:alert", {
          type: "success",
          message: "osu! path successfully saved!",
        });
      } else {
        mainWindow.webContents.send("ezpplauncher:alert", {
          type: "error",
          message: "invalid osu! path!",
        });
      }
    }
    return config.all();
  });
  ipcMain.handle("ezpplauncher:exitAndUpdate", async (e) => {
    await shell.openExternal(releasesUrl);
    app.exit();
  });
  ipcMain.handle("ezpplauncher:launch", async (e) => {
    const configPatch = config.get("patch");
    patch = configPatch != undefined ? configPatch == "true" : true;
    mainWindow.webContents.send("ezpplauncher:launchstatus", {
      status: "Checking osu! directory...",
    });
    await new Promise((res) => setTimeout(res, 1000));
    const osuPath = config.get("osuPath");
    userOsuPath = osuPath;
    if (osuPath == undefined) {
      mainWindow.webContents.send("ezpplauncher:launchabort");
      mainWindow.webContents.send("ezpplauncher:alert", {
        type: "error",
        message: "osu! path not set!",
      });
      return;
    }
    if (!(await isValidOsuFolder(osuPath))) {
      mainWindow.webContents.send("ezpplauncher:launchabort");
      mainWindow.webContents.send("ezpplauncher:alert", {
        type: "error",
        message: "invalid osu! path!",
      });
      return;
    }
    mainWindow.webContents.send("ezpplauncher:launchstatus", {
      status: "Checking for osu! updates...",
    });
    await new Promise((res) => setTimeout(res, 1000));
    const releaseStream = await getGlobalConfig(osuPath).get("_ReleaseStream");
    const latestFiles = await getUpdateFiles(releaseStream);
    const uiFiles = await getUIFiles(osuPath);
    const updateFiles = await getFilesThatNeedUpdate(osuPath, latestFiles);
    if (uiFiles.length > 0) {
      const uiDownloader = downloadUIFiles(osuPath, uiFiles);
      let errored = false;
      uiDownloader.eventEmitter.on("error", (data) => {
        const filename = data.fileName;
        errored = true;
        mainWindow.webContents.send("ezpplauncher:alert", {
          type: "error",
          message:
            `Failed to download/replace ${filename}!\nMaybe try to restart EZPPLauncher.`,
        });
      });
      uiDownloader.eventEmitter.on("data", (data) => {
        mainWindow.webContents.send("ezpplauncher:launchprogress", {
          progress: Math.ceil(data.progress),
        });
        mainWindow.webContents.send("ezpplauncher:launchstatus", {
          status: `Downloading ${data.fileName}(${formatBytes(data.loaded)}/${
            formatBytes(data.total)
          })...`,
        });
      });
      await uiDownloader.startDownload();
      mainWindow.webContents.send("ezpplauncher:launchprogress", {
        progress: -1,
      });
      if (errored) {
        mainWindow.webContents.send("ezpplauncher:launchabort");
        return;
      }
    }
    if (updateFiles.length > 0) {
      const updateDownloader = downloadUpdateFiles(osuPath, updateFiles);
      let errored = false;
      updateDownloader.eventEmitter.on("error", (data) => {
        const filename = data.fileName;
        errored = true;
        mainWindow.webContents.send("ezpplauncher:alert", {
          type: "error",
          message:
            `Failed to download/replace ${filename}!\nMaybe try to restart EZPPLauncher.`,
        });
      });
      updateDownloader.eventEmitter.on("data", (data) => {
        mainWindow.webContents.send("ezpplauncher:launchprogress", {
          progress: Math.ceil(data.progress),
        });
        mainWindow.webContents.send("ezpplauncher:launchstatus", {
          status: `Downloading ${data.fileName}(${formatBytes(data.loaded)}/${
            formatBytes(data.total)
          })...`,
        });
      });
      await updateDownloader.startDownload();
      mainWindow.webContents.send("ezpplauncher:launchprogress", {
        progress: -1,
      });
      if (errored) {
        mainWindow.webContents.send("ezpplauncher:launchabort");
        return;
      }
      mainWindow.webContents.send("ezpplauncher:launchstatus", {
        status: "osu! is now up to date!",
      });
      await new Promise((res) => setTimeout(res, 1000));
    } else {
      mainWindow.webContents.send("ezpplauncher:launchstatus", {
        status: "osu! is up to date!",
      });
      await new Promise((res) => setTimeout(res, 1000));
    }
    if (patch) {
      mainWindow.webContents.send("ezpplauncher:launchstatus", {
        status: "Looking for patcher updates...",
      });
      await new Promise((res) => setTimeout(res, 1000));
      const patchFiles = await getPatcherUpdates(osuPath);
      if (patchFiles.length > 0) {
        const patcherDownloader = downloadPatcherUpdates(osuPath, patchFiles);
        let errored = false;
        patcherDownloader.eventEmitter.on("error", (data) => {
          const filename = data.fileName;
          errored = true;
          mainWindow.webContents.send("ezpplauncher:alert", {
            type: "error",
            message:
              `Failed to download/replace ${filename}!\nMaybe try to restart EZPPLauncher.`,
          });
        });
        patcherDownloader.eventEmitter.on("data", (data) => {
          mainWindow.webContents.send("ezpplauncher:launchprogress", {
            progress: Math.ceil(data.progress),
          });
          mainWindow.webContents.send("ezpplauncher:launchstatus", {
            status: `Downloading ${data.fileName}(${formatBytes(data.loaded)}/${
              formatBytes(data.total)
            })...`,
          });
        });
        await patcherDownloader.startDownload();
        mainWindow.webContents.send("ezpplauncher:launchprogress", {
          progress: -1,
        });
        if (errored) {
          mainWindow.webContents.send("ezpplauncher:launchabort");
          return;
        }
        mainWindow.webContents.send("ezpplauncher:launchstatus", {
          status: "Patcher is now up to date!",
        });
      } else {
        mainWindow.webContents.send("ezpplauncher:launchstatus", {
          status: "Patcher is up to date!",
        });
      }
      await new Promise((res) => setTimeout(res, 1000));
    }
    mainWindow.webContents.send("ezpplauncher:launchstatus", {
      status: "Preparing launch...",
    });
    await updateOsuConfigHashes(osuPath);
    await replaceUIFile(osuPath, false);
    const userConfig = getUserConfig(osuPath);
    richPresence.updateVersion(await userConfig.get("LastVersion"));
    richPresence.update();
    await userConfig.set("ShowInterfaceDuringRelax", "1");
    if (currentUser) {
      await userConfig.set("CredentialEndpoint", "ez-pp.farm");
      await userConfig.set("SavePassword", "1");
      await userConfig.set("SaveUsername", "1");
      await userConfig.set("Username", currentUser.username);
      await userConfig.set("Password", currentUser.password);
    }
    mainWindow.webContents.send("ezpplauncher:launchstatus", {
      status: "Launching osu!...",
    });
    const onExitHook = () => {
      mainWindow.show();
      mainWindow.focus();
      stopOsuStatus();
      richPresence.updateVersion();
      richPresence.updateStatus({
        state: "Idle in Launcher...",
        details: undefined,
      });
      richPresence.update();
      mainWindow.webContents.send("ezpplauncher:launchstatus", {
        status: "Waiting for cleanup...",
      });
      setTimeout(async () => {
        await replaceUIFile(osuPath, true);
        mainWindow.webContents.send("ezpplauncher:launchabort");
        osuLoaded = false;
      }, 5000);
    };
    runOsuWithDevServer(osuPath, "ez-pp.farm", onExitHook);
    mainWindow.hide();
    startOsuStatus();
    /* mainWindow.webContents.send("ezpplauncher:launchprogress", {
      progress: 0,
    });
    mainWindow.webContents.send("ezpplauncher:launchprogress", {
      progress: 100,
    }); */
    return true;
  });
 }
 function createWindow() {
  setupTitlebar();
    // Create the browser window.
    mainWindow = new BrowserWindow({
-    width: 550,
+        width: 800,
-    height: 350,
+        height: 600,
    resizable: false,
    frame: false,
    titleBarStyle: "hidden",
    title: `${appName} ${appVersion}`,
        webPreferences: {
            nodeIntegration: true,
-      preload: path.join(__dirname, "preload.js"),
+            preload: path.join(__dirname, 'preload.js'),
            // enableRemoteModule: true,
            // contextIsolation: false
        },
-    icon: path.join(__dirname, "public/favicon.png"),
+        icon: path.join(__dirname, 'public/favicon.png'),
-    show: false,
+        show: false
    });
  const menu = Menu.buildFromTemplate([]);
  Menu.setApplicationMenu(menu);
    // disable electron toolbar
    /* if (!isDev()) */
   mainWindow.setMenu(null);
  attachTitlebarToWindow(mainWindow);
    // This block of code is intended for development purpose only.
    // Delete this entire block of code when you are ready to package the application.
    if (isDev()) {
-    mainWindow.loadURL("http://localhost:8080/");
+        mainWindow.loadURL('http://localhost:8080/');
    } else {
        loadURL(mainWindow);
    }
  registerIPCPipes();
  const presenceEnabled = config.get("presence");
  if (presenceEnabled == undefined) {
    richPresence.connect();
  } else {
    if (presenceEnabled == "true") {
      richPresence.connect();
    }
  }
    // Uncomment the following line of code when app is ready to be packaged.
    // loadURL(mainWindow);
    // Open the DevTools and also disable Electron Security Warning.
-  if (isDev()) {
+    // process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = true;
-    process.env["ELECTRON_DISABLE_SECURITY_WARNINGS"] = true;
+    // mainWindow.webContents.openDevTools();
    mainWindow.webContents.openDevTools({ mode: "detach" });
  }
    // Emitted when the window is closed.
-  mainWindow.on("closed", function () {
+    mainWindow.on('closed', function () {
        // Dereference the window object, usually you would store windows
        // in an array if your app supports multi windows, this is the time
        // when you should delete the corresponding element.
-    mainWindow = null;
+        mainWindow = null
    });
    // Emitted when the window is ready to be shown
    // This helps in showing the window gracefully.
-  mainWindow.once("ready-to-show", async () => {
+    mainWindow.once('ready-to-show', () => {
-    const updateInfo = await updateAvailable();
+        mainWindow.show()
    if (updateInfo.update) {
      mainWindow.webContents.send("ezpplauncher:update", updateInfo.release);
    }
    mainWindow.show();
    mainWindow.focus();
    });
 }
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
-app.on("ready", createWindow);
+app.on('ready', createWindow);
 // Quit when all windows are closed.
-app.on("window-all-closed", async function () {
+app.on('window-all-closed', function () {
    // On macOS it is common for applications and their menu bar
    // to stay active until the user quits explicitly with Cmd + Q
-  await richPresence.disconnect();
+    if (process.platform !== 'darwin') app.quit()
  if (process.platform !== "darwin") app.quit();
 });
-app.on("activate", function () {
+app.on('activate', function () {
    // On macOS it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
-  if (mainWindow === null) createWindow();
+    if (mainWindow === null) createWindow()
 });
 // In this file you can include the rest of your app's specific main process
 // code. You can also put them in separate files and require them here.
@@ -12,9 +12,7 @@
    "files": [
      "public/**/*",
      "main.js",
-      "preload.js",
+      "preload.js"
      "electron/*",
      "electron/**/*"
    ],
    "win": {
      "target": [
@@ -26,64 +24,38 @@
  },
  "scripts": {
    "build": "rollup -c --bundleConfigAsCjs",
    "rebuild": "electron-rebuild",
    "dev": "rollup -c -w --bundleConfigAsCjs",
    "start": "sirv public --no-clear",
    "electron": "wait-on http://localhost:8080 && electron .",
    "electron-dev": "concurrently \"yarn run dev\" \"yarn run electron\"",
-    "preelectron-pack": "electron-rebuild && yarn run build",
+    "preelectron-pack": "yarn run build",
-    "electron-pack": "electron-builder",
+    "electron-pack": "electron-builder"
    "postinstall": "electron-builder install-app-deps",
    "check": "svelte-check --tsconfig ./tsconfig.json"
  },
  "dependencies": {
-    "@types/better-sqlite3": "^7.6.8",
+    "electron-serve": "^1.1.0"
    "axios": "^1.6.5",
    "better-sqlite3": "^9.2.2",
    "crypto": "^1.0.1",
    "crypto-js": "^4.2.0",
    "custom-electron-titlebar": "^4.2.7",
    "discord-auto-rpc": "^1.0.17",
    "electron-serve": "^1.1.0",
    "get-window-by-name": "^2.0.0",
    "regedit-rs": "^1.0.2",
    "semver": "^7.5.4",
    "svelte-french-toast": "^1.2.0",
    "sweetalert2": "^11.10.3",
    "systeminformation": "^5.21.22"
  },
  "devDependencies": {
    "@electron/rebuild": "^3.5.0",
    "@rollup/plugin-commonjs": "^25.0.7",
    "@rollup/plugin-image": "^3.0.3",
    "@rollup/plugin-node-resolve": "^15.2.3",
    "@rollup/plugin-terser": "^0.4.4",
    "@rollup/plugin-typescript": "^11.1.5",
    "@sveltejs/vite-plugin-svelte": "^3.0.1",
    "@tsconfig/svelte": "^5.0.2",
    "autoprefixer": "^10.4.16",
    "concurrently": "^8.2.2",
-    "electron": "^28.1.2",
+    "electron": "^21.2.0",
-    "electron-builder": "^24.9.1",
+    "electron-builder": "^23.6.0",
    "flowbite": "^2.2.1",
    "flowbite-svelte": "^0.44.21",
    "flowbite-svelte-icons": "^0.4.5",
    "postcss": "^8.4.32",
    "postcss-load-config": "^5.0.2",
    "rollup": "^4.9.2",
    "rollup-plugin-css-only": "^4.5.2",
    "rollup-plugin-livereload": "^2.0.5",
    "rollup-plugin-postcss": "^4.0.2",
    "rollup-plugin-progress": "^1.1.2",
    "rollup-plugin-svelte": "^7.1.6",
    "rollup-plugin-unused": "^0.1.1",
    "sirv-cli": "^2.0.2",
    "svelte": "^4.2.8",
    "svelte-check": "^3.6.2",
    "svelte-preprocess": "^5.1.3",
    "tailwindcss": "^3.3.6",
    "tslib": "^2.6.2",
    "typescript": "^5.3.3",
    "wait-on": "^7.2.0"
  }
 }
@@ -1,117 +1 @@
-const { Titlebar, TitlebarColor } = require("custom-electron-titlebar");
+console.log('Hello from preload.js file!');
 const { ipcRenderer } = require("electron");
 const { appName, appVersion } = require("./electron/appInfo");
 window.addEventListener("DOMContentLoaded", () => {
  const titlebar = new Titlebar({
    backgroundColor: TitlebarColor.fromHex("#202020"),
    itemBackgroundColor: TitlebarColor.fromHex("#202020"),
    menu: null,
    enableMnemonics: false,
    maximizable: false,
  });
  titlebar.updateTitle(`${appName} ${appVersion}`);
 });
 window.addEventListener("login-attempt", async (e) => {
  const loginResult = await ipcRenderer.invoke("ezpplauncher:login", {
    username: e.detail.username,
    password: e.detail.password,
    saveCredentials: e.detail.saveCredentials,
  });
  window.dispatchEvent(
    new CustomEvent("login-result", { detail: loginResult }),
  );
 });
 window.addEventListener("autologin-active", async (e) => {
  const autologin = await ipcRenderer.invoke(
    "ezpplauncher:autologin-active",
  );
  window.dispatchEvent(
    new CustomEvent("autologin-result", { detail: autologin }),
  );
 });
 window.addEventListener("autologin-attempt", async () => {
  const loginResult = await ipcRenderer.invoke("ezpplauncher:autologin");
  window.dispatchEvent(
    new CustomEvent("login-result", { detail: loginResult }),
  );
 });
 window.addEventListener("logout", async () => {
  await ipcRenderer.invoke("ezpplauncher:logout");
 });
 window.addEventListener("guest-login", async () => {
  await ipcRenderer.invoke("ezpplauncher:guestlogin");
 });
 window.addEventListener("launch", async (e) => {
  await ipcRenderer.invoke("ezpplauncher:launch", e.detail);
 });
 window.addEventListener("settings-get", async () => {
  const settings = await ipcRenderer.invoke("ezpplauncher:settings");
  window.dispatchEvent(
    new CustomEvent("settings-result", { detail: settings }),
  );
 });
 window.addEventListener("setting-update", async (e) => {
  const detail = e.detail;
  await ipcRenderer.invoke("ezpplauncher:setting-update", detail);
 });
 window.addEventListener("folder-auto", async (e) => {
  const result = await ipcRenderer.invoke("ezpplauncher:detect-folder");
  window.dispatchEvent(
    new CustomEvent("settings-result", { detail: result }),
  );
 });
 window.addEventListener("folder-set", async (e) => {
  const result = await ipcRenderer.invoke("ezpplauncher:set-folder");
  window.dispatchEvent(
    new CustomEvent("settings-result", { detail: result }),
  );
 });
 window.addEventListener("settings-set", async (e) => {
  await ipcRenderer.invoke("ezpplauncher:settings-set", e.detail);
 });
 window.addEventListener("updateExit", async () => {
  await ipcRenderer.invoke("ezpplauncher:exitAndUpdate");
 });
 ipcRenderer.addListener("ezpplauncher:launchabort", (e, args) => {
  window.dispatchEvent(
    new CustomEvent("launch-abort"),
  );
 });
 ipcRenderer.addListener("ezpplauncher:alert", (e, args) => {
  window.dispatchEvent(
    new CustomEvent("alert", { detail: args }),
  );
 });
 ipcRenderer.addListener("ezpplauncher:launchstatus", (e, args) => {
  window.dispatchEvent(
    new CustomEvent("launchStatusUpdate", { detail: args }),
  );
 });
 ipcRenderer.addListener("ezpplauncher:launchprogress", (e, args) => {
  window.dispatchEvent(
    new CustomEvent("launchProgressUpdate", { detail: args }),
  );
 });
 ipcRenderer.addListener("ezpplauncher:update", (e, args) => {
  window.dispatchEvent(
    new CustomEvent("update", { detail: args }),
  );
 });
@@ -1,22 +1,20 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-theme="dark" class="dark">
 <head>
-    <meta charset="utf-8" />
+	<meta charset='utf-8'>
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
+	<meta name='viewport' content='width=device-width,initial-scale=1'>
 	<title>EZPPLauncher</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
+	<link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link
+	<link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-      href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+	<link rel='icon' type='image/png' href='/favicon.png'>
-      rel="stylesheet"
+	<link rel='stylesheet' href='/global.css'>
-    />
+	<link rel='stylesheet' href='/build/bundle.css'>
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="stylesheet" href="/global.css" />
    <link rel="stylesheet" href="/build/bundle.css" />
-    <script defer src="/build/bundle.js"></script>
+	<script defer src='/build/bundle.js'></script>
 </head>
-  <body class="select-none bg-gray-100 dark:bg-gray-900 overflow-hidden"></body>
+<body class="bg-gray-900">
 </body>
 </html>
@@ -1,14 +1,11 @@
-import svelte from "rollup-plugin-svelte";
+import svelte from 'rollup-plugin-svelte';
-import commonjs from "@rollup/plugin-commonjs";
+import commonjs from '@rollup/plugin-commonjs';
-import resolve from "@rollup/plugin-node-resolve";
+import resolve from '@rollup/plugin-node-resolve';
-import livereload from "rollup-plugin-livereload";
+import livereload from 'rollup-plugin-livereload';
-import terser from "@rollup/plugin-terser";
+import terser from '@rollup/plugin-terser';
-import css from "rollup-plugin-css-only";
+import css from 'rollup-plugin-css-only';
-import postcss from "rollup-plugin-postcss";
+import postcss from 'rollup-plugin-postcss';
-import image from "@rollup/plugin-image";
+import image from '@rollup/plugin-image';
 import sveltePreprocess from "svelte-preprocess";
 import typescript from "@rollup/plugin-typescript";
 import progress from "rollup-plugin-progress";
 const production = !process.env.ROLLUP_WATCH;
@@ -22,44 +19,37 @@ function serve() {
 	return {
 		writeBundle() {
 			if (server) return;
-      server = require("child_process").spawn("npm", [
+			server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
-        "run",
+				stdio: ['ignore', 'inherit', 'inherit'],
-        "start",
+				shell: true
        "--",
        "--dev",
      ], {
        stdio: ["ignore", "inherit", "inherit"],
        shell: true,
 			});
-      process.on("SIGTERM", toExit);
+			process.on('SIGTERM', toExit);
-      process.on("exit", toExit);
+			process.on('exit', toExit);
-    },
+		}
 	};
 }
 export default {
-  input: "src/main.ts",
+	input: 'src/main.js',
 	output: {
 		sourcemap: true,
-    format: "iife",
+		format: 'iife',
-    name: "app",
+		name: 'app',
-    file: "public/build/bundle.js",
+		file: 'public/build/bundle.js'
 	},
 	plugins: [
    !production && progress({ clearLine: true }),
 		svelte({
      preprocess: sveltePreprocess({ sourceMap: !production }),
 			compilerOptions: {
 				// enable run-time checks when not in production
-        dev: !production,
+				dev: !production
-      },
+			}
 		}),
 		// we'll extract any component CSS out into
 		// a separate file - better for performance
-    css({ output: "bundle.css" }),
+		css({ output: 'bundle.css' }),
-    postcss({ sourceMap: "inline" }),
+		postcss(),
 		// If you have external dependencies installed from
 		// npm, you'll most likely need these plugins. In
@@ -68,11 +58,7 @@ export default {
 		// https://github.com/rollup/plugins/tree/master/packages/commonjs
 		resolve({
 			browser: true,
-      dedupe: ["svelte"],
+			dedupe: ['svelte']
    }),
    typescript({
      sourceMap: !production,
      inlineSources: !production,
 		}),
 		commonjs(),
 		image(),
@@ -83,13 +69,14 @@ export default {
 		// Watch the `public` directory and refresh the
 		// browser on changes when not in production
-    !production && livereload("public"),
+		!production && livereload('public'),
 		// If we're building for production (npm run build
 		// instead of npm run dev), minify
 		production && terser(),
 	],
 	watch: {
-    clearScreen: false,
+		clearScreen: false
-  },
+	}
 };
@@ -0,0 +1,121 @@
 // @ts-check
 /** This script modifies the project to support TS code in .svelte files like:
  <script lang="ts">
  	export let name: string;
  </script>
  As well as validating the code for CI.
  */
 /**  To work on this script:
  rm -rf test-template template && git clone sveltejs/template test-template && node scripts/setupTypeScript.js test-template
 */
 const fs = require("fs")
 const path = require("path")
 const { argv } = require("process")
 const projectRoot = argv[2] || path.join(__dirname, "..")
 // Add deps to pkg.json
 const packageJSON = JSON.parse(fs.readFileSync(path.join(projectRoot, "package.json"), "utf8"))
 packageJSON.devDependencies = Object.assign(packageJSON.devDependencies, {
  "svelte-check": "^2.0.0",
  "svelte-preprocess": "^4.0.0",
  "@rollup/plugin-typescript": "^8.0.0",
  "typescript": "^4.0.0",
  "tslib": "^2.0.0",
  "@tsconfig/svelte": "^2.0.0"
 })
 // Add script for checking
 packageJSON.scripts = Object.assign(packageJSON.scripts, {
  "check": "svelte-check --tsconfig ./tsconfig.json"
 })
 // Write the package JSON
 fs.writeFileSync(path.join(projectRoot, "package.json"), JSON.stringify(packageJSON, null, "  "))
 // mv src/main.js to main.ts - note, we need to edit rollup.config.js for this too
 const beforeMainJSPath = path.join(projectRoot, "src", "main.js")
 const afterMainTSPath = path.join(projectRoot, "src", "main.ts")
 fs.renameSync(beforeMainJSPath, afterMainTSPath)
 // Switch the app.svelte file to use TS
 const appSveltePath = path.join(projectRoot, "src", "App.svelte")
 let appFile = fs.readFileSync(appSveltePath, "utf8")
 appFile = appFile.replace("<script>", '<script lang="ts">')
 appFile = appFile.replace("export let name;", 'export let name: string;')
 fs.writeFileSync(appSveltePath, appFile)
 // Edit rollup config
 const rollupConfigPath = path.join(projectRoot, "rollup.config.js")
 let rollupConfig = fs.readFileSync(rollupConfigPath, "utf8")
 // Edit imports
 rollupConfig = rollupConfig.replace(`'@rollup/plugin-terser';`, `'@rollup/plugin-terser';
 import sveltePreprocess from 'svelte-preprocess';
 import typescript from '@rollup/plugin-typescript';`)
 // Replace name of entry point
 rollupConfig = rollupConfig.replace(`'src/main.js'`, `'src/main.ts'`)
 // Add preprocessor
 rollupConfig = rollupConfig.replace(
  'compilerOptions:',
  'preprocess: sveltePreprocess({ sourceMap: !production }),\n\t\t\tcompilerOptions:'
 );
 // Add TypeScript
 rollupConfig = rollupConfig.replace(
  'commonjs(),',
  'commonjs(),\n\t\ttypescript({\n\t\t\tsourceMap: !production,\n\t\t\tinlineSources: !production\n\t\t}),'
 );
 fs.writeFileSync(rollupConfigPath, rollupConfig)
 // Add TSConfig
 const tsconfig = `{
  "extends": "@tsconfig/svelte/tsconfig.json",
  "include": ["src/**/*"],
  "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
 }`
 const tsconfigPath =  path.join(projectRoot, "tsconfig.json")
 fs.writeFileSync(tsconfigPath, tsconfig)
 // Add global.d.ts
 const dtsPath =  path.join(projectRoot, "src", "global.d.ts")
 fs.writeFileSync(dtsPath, `/// <reference types="svelte" />`)
 // Delete this script, but not during testing
 if (!argv[2]) {
  // Remove the script
  fs.unlinkSync(path.join(__filename))
  // Check for Mac's DS_store file, and if it's the only one left remove it
  const remainingFiles = fs.readdirSync(path.join(__dirname))
  if (remainingFiles.length === 1 && remainingFiles[0] === '.DS_store') {
    fs.unlinkSync(path.join(__dirname, '.DS_store'))
  }
  // Check if the scripts folder is empty
  if (fs.readdirSync(path.join(__dirname)).length === 0) {
    // Remove the scripts folder
    fs.rmdirSync(path.join(__dirname))
  }
 }
 // Adds the extension recommendation
 fs.mkdirSync(path.join(projectRoot, ".vscode"), { recursive: true })
 fs.writeFileSync(path.join(projectRoot, ".vscode", "extensions.json"), `{
  "recommendations": ["svelte.svelte-vscode"]
 }
 `)
 console.log("Converted to TypeScript.")
 if (fs.existsSync(path.join(projectRoot, "node_modules"))) {
  console.log("\nYou will need to re-run your dependency manager to get started.")
 }
@@ -1,222 +1,82 @@
-<script lang="ts">
+<script>
  import {
    Navbar,
    NavBrand,
    NavLi,
    NavUl,
    NavHamburger,
    Avatar,
    Dropdown,
    DropdownItem,
    DropdownHeader,
-    DropdownDivider,
+    DropdownDivider
    Button,
    Indicator,
  } from "flowbite-svelte";
-  import {
+  import ezppLogo from '../public/favicon.png';
    ArrowLeftSolid,
    ArrowRightFromBracketSolid,
    ArrowRightToBracketSolid,
    HeartSolid,
    UserSettingsSolid,
  } from "flowbite-svelte-icons";
  import ezppLogo from "../public/favicon.png";
  import {
    currentPage,
    currentUser,
    launching,
    launchPercentage,
    launchStatus,
  } from "./storage/localStore";
  import { Page } from "./consts/pages";
  import Login from "./pages/Login.svelte";
  import Launch from "./pages/Launch.svelte";
  import toast, { Toaster } from "svelte-french-toast";
  import type { User } from "./types/user";
  import Settings from "./pages/Settings.svelte";
  import Swal from "sweetalert2";
-  let user: User | undefined = undefined;
+  let count = 0;
  let loggedIn = false;
  let updateInfo: Record<string, unknown>;
  currentUser.subscribe((newUser) => {
    loggedIn = newUser != undefined;
    user = newUser;
  });
  const logout = () => {
    window.dispatchEvent(new CustomEvent("logout"));
    currentUser.set(undefined);
    currentPage.set(Page.Login);
    toast.success("Successfully logged out!", {
      position: "bottom-center",
      className:
        "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
      duration: 2000,
    });
  };
  window.addEventListener("update", async (e) => {
    const update = (e as CustomEvent).detail;
    await Swal.fire({
      html: `EZPPLauncher ${update.tag_name} is now available!<br>Click the Button bellow to download the latest release!`,
      title: "It's your lucky day!",
      allowOutsideClick: false,
      allowEscapeKey: false,
      allowEnterKey: false,
      confirmButtonText: "Thanks!",
    });
    window.dispatchEvent(new CustomEvent("updateExit"));
  });
  window.addEventListener("launchStatusUpdate", (e) => {
    const status = (e as CustomEvent).detail.status;
    launchStatus.set(status);
  });
  window.addEventListener("launchProgressUpdate", (e) => {
    const progress = (e as CustomEvent).detail.progress;
    launchPercentage.set(progress);
  });
  window.addEventListener("launch-abort", () => {
    launchPercentage.set(-1);
    launchStatus.set("");
    launching.set(false);
  });
  window.addEventListener("alert", (e) => {
    console.log((e as CustomEvent).detail);
    const toastMessage = (e as CustomEvent).detail;
    switch (toastMessage.type) {
      case "success": {
        toast.success(toastMessage.message, {
          position: "bottom-center",
          className:
            "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
          duration: 2000,
        });
        break;
      }
      case "error": {
        toast.error(toastMessage.message, {
          position: "bottom-center",
          className:
            "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
          duration: 4000,
        });
        break;
      }
      default: {
        toast(toastMessage.message, {
          icon: "ℹ",
          position: "bottom-center",
          className:
            "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
          duration: 1500,
        });
      }
    }
  });
 </script>
 <Toaster></Toaster>
 {#if !updateInfo}
  <div class="p-2 flex flex-row justify-between items-center">
    <div class="flex flex-row items-center animate-fadeIn opacity-0">
      {#if $currentPage == Page.Settings}
        <Button
          class="dark:active:!bg-gray-900 !ring-0 w-10 h-10 mr-1 rounded-lg animate-sideIn opacity-0 active:scale-95 transition-transform duration-75"
          color="light"
          on:click={() => {
            currentPage.set(Page.Launch);
          }}
        >
          <ArrowLeftSolid class="outline-none border-none" size="sm" />
        </Button>
      {/if}
      <img src={ezppLogo} alt="EZPPFarm Logo" class="w-12 h-12 mr-2" />
      <span class="text-gray-700 dark:text-gray-100 text-xl font-extralight">
        EZPPLauncher
      </span>
    </div>
    {#if $currentPage == Page.Launch}
 <div
-        class="flex flex-row gap-2 w-fill cursor-pointer md:order-2 animate-lsideIn opacity-0"
+  class="p-2 bg-gray-950 flex flex-row justify-between items-center rounded-lg"
 >
  <div class="flex flex-row items-center">
    <img src={ezppLogo} class="w-12 h-12 mr-2" />
    <span class="text-gray-100 text-xl font-extralight">EZPPLauncher</span>
  </div>
  <div class="w-fill cursor-pointer flex md:order-2">
    <Avatar
-          class="rounded-lg border dark:border-gray-700 hover:ring-4 hover:ring-gray-200 dark:hover:ring-gray-800"
+      class="rounded-lg hover:ring hover:ring-4 hover:ring-gray-800"
-          src={loggedIn
+      src="https://a.ez-pp.farm/1001"
            ? "https://a.ez-pp.farm/" + user?.id
            : "https://a.ez-pp.farm/0"}
      id="avatar-menu"
    />
        <!-- TODO: if user has donator, display heart indicator-->
        {#if $currentUser && $currentUser.donor}
          <Indicator
            class="pointer-events-none"
            color="red"
            border
            size="xl"
            placement="top-right"
          >
            <span class="text-red-300 text-xs font-bold">
              <HeartSolid class="select-none pointer-events-none" size="xs" />
            </span>
          </Indicator>
        {/if}
  </div>
-      <Dropdown placement="bottom-start" triggeredBy="#avatar-menu">
+  <Dropdown placement="bottom" triggeredBy="#avatar-menu">
    <DropdownHeader>
-          <span class="block text-sm">{loggedIn ? user?.name : "Guest"}</span>
+      <span class="block text-sm">Quetzalcoatl</span>
-          <span
+      <span class="block truncate text-sm font-medium text-gray-200"
-            class="block truncate text-sm font-medium text-gray-500 dark:text-gray-200"
+        >me@horizonco.de</span
      >
            {loggedIn ? user?.email : "Please log in!"}
          </span>
    </DropdownHeader>
-        <DropdownItem
+    <DropdownItem class="border-0 !bg-gray-700 active:!bg-gray-800"
-          class="flex flex-row gap-2 border-0 dark:!bg-gray-700 dark:active:!bg-gray-900 dark:hover:!bg-gray-800 transition-colors"
+      >Profile</DropdownItem
          on:click={() => {
            if (!$launching) currentPage.set(Page.Settings);
          }}
    >
          <UserSettingsSolid class="select-none outline-none border-none" />
          Settings
        </DropdownItem>
    <DropdownDivider />
-        {#if loggedIn}
+    <DropdownItem class="border-0 !bg-gray-700 active:!bg-gray-800"
-          <DropdownItem
+      >Sign out</DropdownItem
            class="flex flex-row gap-2 border-0 dark:!bg-gray-700 dark:active:!bg-gray-900 dark:hover:!bg-gray-800 transition-colors"
            on:click={() => {
              if (!$launching) logout();
            }}
    >
            <ArrowRightFromBracketSolid
              class="select-none outline-none border-none"
            />
            Sign out
          </DropdownItem>
        {:else}
          <DropdownItem
            class="flex flex-row gap-2 border-0 dark:!bg-gray-700 dark:active:!bg-gray-900 dark:hover:!bg-gray-800 transition-colors"
            on:click={() => {
              if (!$launching) currentPage.set(Page.Login);
            }}
          >
            <ArrowRightToBracketSolid
              class="select-none outline-none border-none"
            />
            Login
          </DropdownItem>
        {/if}
  </Dropdown>
    {/if}
 </div>
-  {#if $currentPage == Page.Login}
+<main>
-    <Login />
+  <!-- <button class="btn" on:click={() => (count += 1)}>Count: {count}</button> -->
-  {:else if $currentPage == Page.Settings}
+</main>
-    <Settings />
+
-  {:else}
+<style>
-    <Launch />
+  main {
-  {/if}
+    text-align: center;
-{/if}
+    padding: 1em;
    max-width: 240px;
    margin: 0 auto;
  }
  h1 {
    font-size: 2rem;
    margin: 0;
    font-weight: 300;
    font-style: normal;
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 0 1px #000;
    text-align: center;
    padding: 0.5em 0;
    border-bottom: 1px solid #353535;
    margin-bottom: 1.5rem;
  }
  @media (min-width: 640px) {
    main {
      max-width: none;
    }
  }
 </style>
@@ -5,81 +5,4 @@
 * {
  font-family: "Prompt";
  -webkit-user-select: none !important;
  user-select: none !important;
 }
 html .cet-titlebar {
  background-color: #ececec !important;
  color: #202020 !important;
 }
 html .cet-titlebar .cet-control-icon svg {
  fill: #000;
 }
 .cet-titlebar .cet-icon {
  display: none;
 }
 .cet-container {
  overflow: hidden !important;
 }
 .indeterminate {
  background-image: repeating-linear-gradient(
    90deg,
    rgb(217 5 89) -1%,
    rgb(217 5 89) 10%,
    #d3d3d3 10%,
    #d3d3d3 90%
  );
  background-size: 200%;
  background-position-x: 15%;
  animation: progress-loading 5s ease-in-out infinite;
 }
@media (prefers-color-scheme: dark) {
  .indeterminate {
    background-image: repeating-linear-gradient(
      90deg,
      rgb(217 5 89) -1%,
      rgb(217 5 89) 10%,
      #535353 10%,
      #535353 90%
    );
  }
  html .cet-titlebar .cet-control-icon svg {
    fill: #fff;
  }
  html .cet-titlebar {
    background-color: #202020 !important;
    color: #ececec !important;
  }
  .swal2-container {
    background: #202020 !important;
  }
  .swal2-container .swal2-popup {
    background: #323232 !important;
    color: #fff !important;
  }
 }
 .animatedProgress div {
  transition: width 0.35s cubic-bezier(0.65, -0.02, 0.31, 1.01);
 }
 .noselect {
  -webkit-user-select: none !important;
  user-select: none !important;
 }
@keyframes progress-loading {
  50% {
    background-position-x: -115%;
  }
 }
@@ -1,5 +0,0 @@
 export enum Page {
  Login = 0,
  Launch = 1,
  Settings = 2,
 }
@@ -1 +0,0 @@
 /// <reference types="svelte" />
@@ -1,91 +0,0 @@
 <script lang="ts">
  import { cubicOut } from "svelte/easing";
  import { tweened } from "svelte/motion";
  import { twMerge, twJoin } from "tailwind-merge";
  import { clamp } from "../util/mathUtil";
  export let progress: number = 45;
  export let precision = 2;
  export let tweenDuration = 400;
  export let animate = false;
  export let size = "h-2.5";
  export let labelInside = false;
  export let labelOutside = "";
  export let easing = cubicOut;
  export let color = "primary";
  export let indeterminate = false;
  export let labelInsideClass =
    "text-primary-100 text-xs font-medium text-center p-0.5 leading-none rounded-full";
  export let divClass = "w-full bg-gray-200 rounded-full dark:bg-gray-700";
  const barColors: Record<string, string> = {
    primary: "bg-primary-600",
    blue: "bg-blue-600",
    gray: "bg-gray-600 dark:bg-gray-300",
    red: "bg-red-600 dark:bg-red-500",
    green: "bg-green-600 dark:bg-green-500",
    yellow: "bg-yellow-400",
    purple: "bg-purple-600 dark:bg-purple-500",
    indigo: "bg-indigo-600 dark:bg-indigo-500",
  };
  let _progress = tweened(0, {
    duration: tweenDuration,
    easing,
  });
  $: {
    progress = clamp(Number(progress), 0, 100);
    _progress.set(progress);
  }
 </script>
 {#if labelOutside}
  <div
    {...$$restProps}
    class={twMerge("flex justify-between mb-1", $$props.classLabelOutside)}
  >
    <span class="text-base font-medium text-blue-700 dark:text-white"
      >{labelOutside}</span
    >
    <span class="text-sm font-medium text-blue-700 dark:text-white"
      >{animate
        ? $_progress.toFixed(precision)
        : progress.toFixed(precision)}%</span
    >
  </div>
 {/if}
 <div class={twMerge(divClass, size, $$props.class)}>
  {#if labelInside}
    {#if !indeterminate}
      <div
        class={twJoin(labelInsideClass, barColors[color])}
        style="width: {animate ? $_progress : progress}%"
      >
        {animate ? $_progress.toFixed(precision) : progress.toFixed(precision)}%
      </div>
    {:else}
      <div
        class={twJoin(
          barColors[color],
          size,
          "indeterminate rounded-full animate-pulse"
        )}
      />
    {/if}
  {:else if !indeterminate}
    <div
      class={twJoin(barColors[color], size, "rounded-full")}
      style="width: {animate ? $_progress : progress}%"
    />
  {:else}
    <div
      class={twJoin(
        barColors[color],
        size,
        "indeterminate rounded-full animate-pulse"
      )}
    />
  {/if}
 </div>
@@ -1,5 +1,6 @@
 import "./app.pcss";
 import App from "./App.svelte";
 import '@fontsource/prompt';
 const app = new App({
  target: document.body,
@@ -1,55 +0,0 @@
 <script lang="ts">
  import { Button, Checkbox } from "flowbite-svelte";
  import Progressbar from "../lib/Progressbar.svelte";
  import {
    launching,
    patch,
    launchStatus,
    launchPercentage,
  } from "./../storage/localStore";
  let progressbarFix = true;
  setTimeout(() => {
    progressbarFix = false;
  }, 1000);
  const launch = () => {
    launching.set(true);
    const patching = $patch;
    window.dispatchEvent(new CustomEvent("launch", { detail: { patch: patching } }));;
  };
 </script>
 <main
  class="h-[265px] my-auto flex flex-col justify-center items-center p-5 animate-fadeIn"
 >
  <div
    class="container flex flex-col items-center justify-center gap-3 rounded-lg p-3"
  >
    <Button
      color="light"
      size="xl"
      class="dark:active:!bg-gray-900 {$launching
        ? ''
        : 'active:scale-95 '}transition-transform duration-75"
      disabled={$launching}
      on:click={launch}>Launch</Button
    >
    <div
      class="w-full flex flex-col justify-center items-center gap-2 mt-2 {$launching
        ? 'animate-fadeIn '
        : 'animate-fadeOut '}{progressbarFix ? '!opacity-0' : 'opacity-0'}"
    >
      <Progressbar
        animate={true}
        progress={$launchPercentage}
        indeterminate={$launchPercentage == -1}
        labelInside={true}
        size="h-3"
        class=""
        labelInsideClass="bg-primary-600 drop-shadow-xl text-gray-100 text-base font-medium text-center p-1 leading-none rounded-full !text-[0.7rem] !leading-[0.45]"
      />
      <p class="m-0 p-0 dark:text-gray-400 font-light">{$launchStatus}</p>
    </div>
  </div>
 </main>
@@ -1,220 +0,0 @@
 <script lang="ts">
  import { Input, Button, Spinner, Checkbox } from "flowbite-svelte";
  import type { User } from "../types/user";
  import type { Error } from "../types/error";
  import { currentPage, currentUser, startup } from "../storage/localStore";
  import toast from "svelte-french-toast";
  import { Page } from "../consts/pages";
  import { EyeSlashSolid, EyeSolid } from "flowbite-svelte-icons";
  let loading = false;
  let username = "";
  let password = "";
  let saveCredentials = false;
  let showPassword = false;
  const processLogin = async () => {
    loading = true;
    const loginPromise = new Promise<void>((res, rej) => {
      window.addEventListener(
        "login-result",
        (e) => {
          const customEvent = e as CustomEvent;
          const resultData = customEvent.detail;
          const wasSuccessful = "user" in resultData;
          if (!wasSuccessful) {
            /* const errorResult = resultData as Error;
            toast.error(errorResult.message, {
              position: "bottom-center",
              className:
                "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
              duration: 1500,
            }); */
            rej();
            loading = false;
            return;
          }
          const userResult = resultData.user as User;
          currentUser.set(userResult);
          currentPage.set(Page.Launch);
          res();
          toast.success(`Welcome back, ${userResult.name}!`, {
            position: "bottom-center",
            className:
              "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
            duration: 3000,
          });
        },
        { once: true }
      );
      window.dispatchEvent(
        new CustomEvent("login-attempt", {
          detail: { username, password, saveCredentials },
        })
      );
    });
    toast.promise(
      loginPromise,
      {
        loading: "Logging in...",
        success: "Successfully logged in!",
        error: "Failed to login.",
      },
      {
        position: "bottom-center",
        className:
          "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
        duration: 3000,
      }
    );
  };
  const tryAutoLogin = async () => {
    loading = true;
    const loginPromise = new Promise<void>((res, rej) => {
      window.addEventListener(
        "login-result",
        (e) => {
          const customEvent = e as CustomEvent;
          const resultData = customEvent.detail;
          const isGuest = "guest" in resultData;
          const wasSuccessful = "user" in resultData;
          console.log(resultData);
          if (isGuest) {
            currentPage.set(Page.Launch);
            res();
            toast.success(`Logged in as Guest`, {
              position: "bottom-center",
              className:
                "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
              duration: 3000,
            });
            return;
          }
          if (!wasSuccessful) {
            loading = false;
            rej();
            return;
          }
          const userResult = resultData.user as User;
          currentUser.set(userResult);
          currentPage.set(Page.Launch);
          res();
          toast.success(`Welcome back, ${userResult.name}!`, {
            position: "bottom-center",
            className:
              "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
            duration: 3000,
          });
          loading = false;
        },
        { once: true }
      );
      window.dispatchEvent(new CustomEvent("autologin-attempt"));
    });
    toast.promise(
      loginPromise,
      {
        loading: "Logging in...",
        success: "Successfully logged in!",
        error: "Failed to login.",
      },
      {
        position: "bottom-center",
        className:
          "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
        duration: 3000,
      }
    );
  };
  const proceedAsGuest = () => {
    window.dispatchEvent(new CustomEvent("guest-login"));
    currentPage.set(Page.Launch);
    toast.success(`Logged in as Guest`, {
      position: "bottom-center",
      className:
        "dark:!bg-gray-800 border-1 dark:!border-gray-700 dark:!text-gray-100",
      duration: 3000,
    });
  };
  const shouldAutologin = async () => {
    const shouldAutologin = await new Promise<boolean>((res) => {
      window.addEventListener("autologin-result", (e) => {
        const customEvent = e as CustomEvent;
        const resultData = customEvent.detail;
        res(resultData);
      });
      window.dispatchEvent(new CustomEvent("autologin-active"));
    });
    return shouldAutologin;
  };
  (async () => {
    if (!$startup) {
      startup.set(true);
      if (await shouldAutologin()) tryAutoLogin();
    }
  })();
 </script>
 <main
  class="h-[265px] my-auto flex flex-col justify-center items-center p-5 animate-fadeIn opacity-0"
 >
  <div
    class="container flex flex-col items-center justify-center gap-3 rounded-lg p-3"
  >
    <Input
      type="text"
      placeholder="Username"
      size="md"
      disabled={loading}
      bind:value={username}
    />
    <Input
      type={showPassword ? "text" : "password"}
      placeholder="Password"
      size="md"
      disabled={loading}
      bind:value={password}
    >
      <Button
        slot="right"
        color="none"
        class="!outline-none !ring-0 !p-0 !m-0 !bg-transparent !border-none"
        on:click={() => (showPassword = !showPassword)}
      >
        {#if showPassword}
          <EyeSolid class="outline-none border-none" />
        {:else}
          <EyeSlashSolid class="outline-none border-none" />
        {/if}
      </Button>
    </Input>
    <Checkbox bind:checked={saveCredentials} disabled={loading}
      >Save credentials</Checkbox
    >
    <div class="flex flex-col justify-center items-center gap-2 mt-1">
      <Button
        class="dark:active:!bg-gray-900  active:scale-95 transition-transform duration-75"
        color="light"
        disabled={loading}
        on:click={processLogin}
      >
        {#if loading}
          <Spinner size={"5"} color="white"></Spinner>
        {:else}
          Login
        {/if}
      </Button>
      <Button
        class="!bg-transparent font-light border-none dark:text-gray-700 hover:!bg-gray-700/15 ring-primary active:ring-2 focus:ring-2 active:scale-95 transition-transform duration-75"
        color="none"
        disabled={loading}
        on:click={proceedAsGuest}>Continue without login</Button
      >
    </div>
  </div>
 </main>
@@ -1,88 +0,0 @@
 <script lang="ts">
  import { Button, ButtonGroup, Input, Toggle } from "flowbite-svelte";
  import { FileSearchSolid, FolderSolid } from "flowbite-svelte-icons";
  import { patch, presence } from "./../storage/localStore";
  let folderPath: string = "";
  window.addEventListener("settings-result", (e) => {
    const settings: Record<string, string>[] = (e as CustomEvent).detail;
    const osuPath = settings.find((setting) => setting.key == "osuPath");
    const settingPatch = settings.find((setting) => setting.key == "patch");
    const settingPresence = settings.find(
      (setting) => setting.key == "presence"
    );
    patch.set(settingPatch ? settingPatch.val == "true" : true);
    presence.set(settingPresence ? settingPresence.val == "true" : true);
    folderPath = osuPath ? osuPath.val : "";
  });
  window.dispatchEvent(new CustomEvent("settings-get"));
  const setFolderPath = () => {
    window.dispatchEvent(new CustomEvent("folder-set"));
  };
  const detectFolderPath = () => {
    window.dispatchEvent(new CustomEvent("folder-auto"));
  };
  const togglePatching = () => {
    patch.set(!$patch);
    window.dispatchEvent(
      new CustomEvent("setting-update", { detail: { patch: $patch } })
    );
  };
  const togglePresence = () => {
    presence.set(!$presence);
    window.dispatchEvent(
      new CustomEvent("setting-update", { detail: { presence: $presence } })
    );
  };
 </script>
 <main
  class="h-[265px] flex flex-col justify-start p-3 animate-fadeIn opacity-0"
 >
  <div class="flex flex-col gap-2 p-3">
    <Toggle class="w-fit" bind:checked={$presence} on:click={togglePresence}
      >Discord Presence</Toggle
    >
    <Toggle class="w-fit" bind:checked={$patch} on:click={togglePatching}
      >Patching</Toggle
    >
  </div>
  <div
    class="container flex flex-col items-center justify-center gap-5 rounded-lg p-3"
  >
    <ButtonGroup class="w-full">
      <Input
        type="text"
        id="oip"
        placeholder="Path to your osu! installation"
        value={folderPath}
        readonly
      />
      <Button
        color="light"
        class="dark:active:!bg-gray-900"
        on:click={detectFolderPath}
      >
        <FileSearchSolid
          size="sm"
          class="dark:text-gray-300 text-gray-500 outline-none border-none select-none pointer-events-none"
        />
      </Button>
      <Button
        color="light"
        class="dark:active:!bg-gray-900 active:!rounded-lg"
        on:click={setFolderPath}
      >
        <FolderSolid
          size="sm"
          class="dark:text-gray-300 text-gray-500 outline-none border-none select-none pointer-events-none"
        />
      </Button>
    </ButtonGroup>
  </div>
 </main>
@@ -1,14 +0,0 @@
 import { type Writable, writable } from "svelte/store";
 import { Page } from "../consts/pages";
 import type { User } from "../types/user";
 export const startup = writable(false);
 export const updateAvailable = writable(false);
 export const launching = writable(false);
 export const launchStatus = writable("Waiting...");
 export const launchPercentage = writable(-1);
 export const osuPath: Writable<undefined | string> = writable(undefined);
 export const patch = writable(true);
 export const presence = writable(true);
 export const currentUser: Writable<undefined | User> = writable(undefined);
 export const currentPage = writable(Page.Login);
@@ -1,4 +0,0 @@
 export type Error = {
  code: number;
  message: string;
 };
@@ -1,5 +0,0 @@
 declare module "*.jpg";
 declare module "*.jpeg";
 declare module "*.png";
 declare module "*.svg";
 declare module "*.svelte";
@@ -1,6 +0,0 @@
 export type User = {
  id: number;
  donor: boolean;
  name: string;
  email: string;
 };
@@ -1,3 +0,0 @@
 export const clamp = (val: number, min: number, max: number) => {
  return Math.max(min, Math.min(val, max));
 };
@@ -1,73 +1,41 @@
 /** @type {import('tailwindcss').Config}*/
 const config = {
-  content: [
+  content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'],
-    "./src/**/*.{html,js,svelte,ts}",
+  darkMode: 'class',
    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
  ],
  darkMode: "media",
  theme: {
    extend: {
      keyframes: {
        slideIn: {
          "0%": { opacity: "0", transform: "translateX(-5px)" },
          "100%": { opacity: "1" },
        },
        lslideIn: {
          "0%": { opacity: "0", transform: "translateX(5px)" },
          "100%": { opacity: "1" },
        },
        fadeIn: {
          "0%": { opacity: "0", transform: "translateY(5px)" },
          "100%": { opacity: "1" },
        },
        fadeOut: {
          "100%": { opacity: "0", transform: "translateY(5px)" },
          "0%": { opacity: "1" },
        },
      },
      animation: {
        sideIn: "slideIn 1s ease forwards",
        lsideIn: "lslideIn 1s ease forwards",
        fadeIn: "fadeIn 1s ease forwards",
        fadeOut: "fadeOut 1s ease forwards",
      },
      transitionProperty: {
        "width": "width",
      },
      colors: {
        // flowbite-svelte
        primary: {
-          DEFAULT: "#FA1C74",
+          50: '#FFF5F2',
-          50: "#FED0E2",
+          100: '#FFF1EE',
-          100: "#FEBCD6",
+          200: '#FFE4DE',
-          200: "#FD94BD",
+          300: '#FFD5CC',
-          300: "#FC6CA5",
+          400: '#FFBCAD',
-          400: "#FB448C",
+          500: '#FE795D',
-          500: "#FA1C74",
+          600: '#EF562F',
-          600: "#D90559",
+          700: '#EB4F27',
-          700: "#A20442",
+          800: '#CC4522',
-          800: "#6B022C",
+          900: '#A5371B'
          900: "#340115",
          950: "#19010A",
        },
        gray: {
-          50: "#F9F9F9",
+          50: '#F9F9F9',
-          100: "#ECECEC",
+          100: '#ECECEC',
-          200: "#D3D3D3",
+          200: '#D3D3D3',
-          300: "#B9B9B9",
+          300: '#B9B9B9',
-          400: "#A0A0A0",
+          400: '#A0A0A0',
-          500: "#868686",
+          500: '#868686',
-          600: "#6D6D6D",
+          600: '#6D6D6D',
-          700: "#535353",
+          700: '#535353',
-          800: "#393939",
+          800: '#393939',
-          900: "#202020",
+          900: '#202020',
-          950: "#1A1A1A",
+          950: '#1A1A1A'
        },
      },
        },
      }
    }
  },
-  plugins: [require("flowbite/plugin")],
+  plugins: [require('flowbite/plugin')],
 };
 module.exports = config;
@@ -1,23 +0,0 @@
 {
  "extends": "./node_modules/@tsconfig/svelte/tsconfig.json",
  "include": [
    "src/**/*",
    "electron/richPresence.js",
    "electron/config.js",
    "electron/cryptoUtil.js",
    "electron/executeUtil.js",
    "electron/formattingUtil.js",
    "electron/hwidUtil.js",
    "electron/osuUtil.js"
  ],
  "exclude": ["node_modules/*", "__sapper__/*", "public/*"],
  "compilerOptions": {
    "typeRoots": [
      "node_modules/@types",
      "node_modules/@sveltejs",
      "node_modules/@sveltejs/types",
      "src/types"
    ]
  }
 }
Author	SHA1	Message	Date
HorizonCode	35804c2868	initial commit	2024-01-04 01:26:09 +01:00
Souleh Shaikh	1effd2264a	📝 README Updated	2023-05-04 18:44:36 +05:30
Souleh Shaikh	2fd41089ba	📝 README Updated	2022-10-29 14:23:17 +05:30
Souleh Shaikh	0758560580	📝 README Updated	2022-10-29 14:22:37 +05:30
Souleh Shaikh	0ef71ea5c8	📝 README Updated	2022-10-29 14:19:25 +05:30
Souleh Shaikh	e0b9278157	📝 README Updated	2022-10-29 14:15:32 +05:30
Souleh Shaikh	f2a74f1a19	📝 README Updated	2022-10-29 14:10:08 +05:30
Souleh Shaikh	76ef310989	📝 README Updated	2022-10-26 01:16:54 +05:30
Souleh Shaikh	5e7c0ad58d	📝 README Updated	2022-10-26 01:13:17 +05:30
Souleh Shaikh	49621a938e	📦 Package Information v1.2.0	2022-10-26 00:55:14 +05:30
Souleh Shaikh	eeaf344ac9	🚪 Entry Point Of Electron App	2022-10-26 00:53:55 +05:30
Souleh Shaikh	0fa76fc23d	📋 License Information Updated	2022-10-26 00:53:15 +05:30
Souleh Shaikh	81590d6b01	No need to commit lock file	2022-10-26 00:30:54 +05:30
Souleh Shaikh	dd2c747a25	:octocat: ⛔ List of untracked files to ignore	2022-10-26 00:28:43 +05:30
Souleh Shaikh	ff9b758eaa	📦 Package Information v1.1.0	2021-08-16 12:23:23 +05:30
Souleh Shaikh	d0b385101f	🚪 Entry Point Of Electron App	2021-08-16 12:23:20 +05:30
Souleh Shaikh	cbec209380	📝 README Updated	2021-08-16 12:23:18 +05:30
Souleh Shaikh	1ee77754d5	📂 Publicly Accessible base folder for a website	2021-08-16 12:22:01 +05:30
soulehshaikh99	f05fbb6942	📝 README Updated	2021-08-14 02:03:30 +05:30
soulehshaikh99	80d6dfe8c4	🤖 Autogenerated Yarn Lock File	2021-08-14 01:52:29 +05:30
soulehshaikh99	00b8e791b8	📦 Package Information v1.1.0	2021-08-14 01:52:26 +05:30
soulehshaikh99	45c94ccab1	📝 README Updated	2021-08-14 01:52:24 +05:30
soulehshaikh99	f0a13732b2	🤖 Autogenerated Yarn Lock File	2021-08-14 01:31:14 +05:30
soulehshaikh99	9345a7871f	📦 Package Information v1.1.0	2021-08-14 01:31:13 +05:30
soulehshaikh99	d08a603a48	📝 README Updated	2021-08-14 01:19:02 +05:30
soulehshaikh99	afdb0e5436	🤖 Autogenerated Yarn Lock File	2021-08-14 01:02:52 +05:30
soulehshaikh99	a1d35b08f1	⚡ Preload JS file (Optional)	2021-08-14 01:02:50 +05:30
soulehshaikh99	481a0780cf	📦 Package Information v1.1.0	2021-08-14 01:02:48 +05:30
soulehshaikh99	58ab1f3f9f	🚪 Entry Point Of Electron App	2021-08-14 01:02:47 +05:30
soulehshaikh99	66a6709707	📝 README Updated	2021-08-14 01:02:45 +05:30
soulehshaikh99	bdf783c662	⚡ Template script to setup TypeScript development environment	2021-08-14 01:02:38 +05:30
soulehshaikh99	c3635c281d	🤖 Autogenerated Yarn Lock File	2021-05-03 16:04:15 +05:30
soulehshaikh99	4615a43f2d	🔧 Rollup Project Configuration	2021-05-03 16:04:15 +05:30
soulehshaikh99	f94d8ca8ca	📦 Package Information v0.1.0	2021-05-03 16:04:15 +05:30
soulehshaikh99	11bde4339b	🚪 Entry Point Of Electron App	2021-05-03 16:04:14 +05:30
soulehshaikh99	1386db5bfe	📝 README Updated	2021-05-03 16:04:14 +05:30
soulehshaikh99	dc5db860ba	📋 License Information Updated	2021-05-03 16:04:14 +05:30
soulehshaikh99	c04db8e599	🗄️ Source Code Directory	2021-05-03 16:04:14 +05:30
soulehshaikh99	6820629787	⚡ Template script to setup TypeScript development environment	2021-05-03 16:04:14 +05:30
soulehshaikh99	975e624db1	📂 Publicly Accessible base folder for a website	2021-05-03 16:04:14 +05:30
soulehshaikh99	d529ee9186	Initial Commit	2021-05-03 16:02:32 +05:30
soulehshaikh99	7bca26c357	📂 Publicly Accessible base folder for a website	2021-05-03 15:50:31 +05:30
soulehshaikh99	f475a5eec5	📝 README Updated	2020-08-21 14:36:48 +05:30
soulehshaikh99	40acd049c1	🚪 Entry Point Of Electron App	2020-08-21 14:31:58 +05:30
soulehshaikh99	6b57d65655	🚪 Entry Point Of Electron App	2020-08-21 14:30:43 +05:30
soulehshaikh99	8f3edc85b4	🚪 Entry Point Of Electron App	2020-08-21 14:27:53 +05:30
soulehshaikh99	7409fb6b0b	📝 README Updated	2020-08-21 02:09:22 +05:30
soulehshaikh99	e867548c33	📝 README Updated	2020-08-21 02:07:44 +05:30
soulehshaikh99	61526720da	📦 Package Information v0.1.0	2020-08-21 01:46:36 +05:30
soulehshaikh99	c9237b77f1	📝 README Updated	2020-08-21 01:46:29 +05:30
soulehshaikh99	1ebac42cf0	📝 README Updated	2020-08-21 00:36:28 +05:30
soulehshaikh99	6cd12bfcf2	🗄️ Source Code Directory	2020-08-21 00:36:22 +05:30
soulehshaikh99	e1d986cb6b	⚡ Template script to setup TypeScript development environment	2020-08-20 23:41:20 +05:30
soulehshaikh99	76be3f8e2e	🤖 Autogenerated Yarn Lock File	2020-08-20 23:39:21 +05:30
soulehshaikh99	25e683b636	🔧 Rollup Project Configuration	2020-08-20 23:39:15 +05:30
soulehshaikh99	0c3d4799db	📦 Package Information v0.1.0	2020-08-20 23:39:09 +05:30
soulehshaikh99	c9185a6713	🚪 Entry Point Of Electron App	2020-08-20 23:39:03 +05:30
soulehshaikh99	b1e9d990a0	📝 README Updated	2020-08-20 23:38:58 +05:30
soulehshaikh99	ce0b392ef4	📋 License Information Updated	2020-08-20 23:38:52 +05:30
soulehshaikh99	565664710b	:octocat: ⛔ List of untracked files to ignore	2020-08-20 23:38:46 +05:30
soulehshaikh99	4ae93b5557	🗄️ Source Code Directory	2020-08-20 23:38:40 +05:30
soulehshaikh99	6603c347e7	⚡ Template script to set up a TypeScript development environment	2020-08-20 23:38:35 +05:30
soulehshaikh99	6c00743597	📂 Publicly Accessible base folder for a website	2020-08-20 23:38:29 +05:30
Souleh Shaikh	e928b95675	Update README.md	2019-07-29 21:18:50 +05:30
Souleh Shaikh	ce4e234531	Initial commit	2019-07-29 21:18:09 +05:30