feat: migrating to electron-vite

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.env.example

@@ -0,0 +1,5 @@
+MAIN_VITE_STEAMGRIDDB_API_KEY=YOUR_API_KEY
+MAIN_VITE_ONLINEFIX_USERNAME=YOUR_USERNAME
+MAIN_VITE_ONLINEFIX_PASSWORD=YOUR_PASSWORD
+MAIN_VITE_SENTRY_DSN=YOUR_SENTRY_DSN
+RENDERER_VITE_SENTRY_DSN=YOUR_SENTRY_DSN

.eslintignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+out
+.gitignore

.eslintrc.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "@electron-toolkit/eslint-config-ts/recommended",
+    "@electron-toolkit/eslint-config-prettier",
+  ],
+};

.gitignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+out
+.DS_Store
+*.log*
+.env

.npmrc

@@ -0,0 +1,3 @@
+electron_mirror=https://npmmirror.com/mirrors/electron/
+electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/
+shamefully-hoist=true

.prettierignore

@@ -0,0 +1,6 @@
+out
+dist
+pnpm-lock.yaml
+LICENSE.md
+tsconfig.json
+tsconfig.*.json

.prettierrc.yaml

@@ -0,0 +1,4 @@
+singleQuote: false
+semi: true
+tabWidth: 2
+trailingComma: es5

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["dbaeumer.vscode-eslint"]
+}

.vscode/launch.json

@@ -0,0 +1,39 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Debug Main Process",
+      "type": "node",
+      "request": "launch",
+      "cwd": "${workspaceRoot}",
+      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron-vite",
+      "windows": {
+        "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron-vite.cmd"
+      },
+      "runtimeArgs": ["--sourcemap"],
+      "env": {
+        "REMOTE_DEBUGGING_PORT": "9222"
+      }
+    },
+    {
+      "name": "Debug Renderer Process",
+      "port": 9222,
+      "request": "attach",
+      "type": "chrome",
+      "webRoot": "${workspaceFolder}/src/renderer",
+      "timeout": 60000,
+      "presentation": {
+        "hidden": true
+      }
+    }
+  ],
+  "compounds": [
+    {
+      "name": "Debug All",
+      "configurations": ["Debug Main Process", "Debug Renderer Process"],
+      "presentation": {
+        "order": 1
+      }
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "i18n-ally.localesPaths": ["src/locales"],
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true
+}

README.md

@@ -0,0 +1,92 @@
+# Hydra
+
+<a href="https://discord.gg/hydralauncher" target="_blank">![Discord](https://img.shields.io/discord/1220692017311645737?style=flat&logo=discord&label=Hydra&labelColor=%231c1c1c)</a>
+![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/hydralauncher/hydra/build.yml)
+![GitHub package.json version](https://img.shields.io/github/package-json/v/hydralauncher/hydra)
+
+Hydra is a game launcher with its own embedded bittorrent client and a self-managed repack scraper.
+The launcher is written in TypeScript (Electron) and Python, which handles the torrenting system by using [libtorrent](https://www.libtorrent.org/).
+
+![Hydra Catalogue](./docs/screenshot.png)
+
+## Installation
+
+### Install Node.js
+
+Ensure you have Node.js installed on your machine. If not, download and install it from [nodejs.org](https://nodejs.org/).
+
+### Install Yarn
+
+Yarn is a package manager for Node.js. If you haven't installed Yarn yet, you can do so by following the instructions on [yarnpkg.com](https://classic.yarnpkg.com/lang/en/docs/install/).
+
+### Clone the Repository
+
+```bash
+git clone https://github.com/hydralauncher/hydra.git
+```
+
+### Install Node Dependencies
+
+Navigate to the project directory and install the Node dependencies using Yarn:
+
+```bash
+cd hydra
+yarn
+```
+
+### Install Python 3.9
+
+Ensure you have Python installed on your machine. You can download and install it from [python.org](https://www.python.org/downloads/release/python-3919/).
+
+### Install Python Dependencies
+
+Install the required Python dependencies using pip:
+
+```bash
+pip install -r requirements.txt
+```
+
+## Environment variables
+
+You'll need an SteamGridDB API Key in order to fetch the game icons on installation.
+If you want to have onlinefix as a repacker you'll need to add your credentials to the .env
+
+Once you have it, you can paste the `.env.example` file and put it on `STEAMGRIDDB_API_KEY`, `ONLINEFIX_USERNAME`, `ONLINEFIX_PASSWORD`.
+
+## Running
+
+Once you've got all things set up, you can run the following command to start both the Electron process and the bittorrent client:
+
+```bash
+yarn start
+```
+
+## Build
+
+### Build the bittorrent client
+
+Build the bittorrent client by using this command:
+
+```bash
+python torrent-client/setup.py build
+```
+
+### Build the Electron application
+
+Build the Electron application by using this command:
+
+```bash
+yarn make
+```
+
+## Contributors
+
+<a href="https://github.com/hydralauncher/hydra/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=hydralauncher/hydra" />
+</a>
+
+Made with [contrib.rocks](https://contrib.rocks).
+
+## License
+
+Hydra is licensed under the [MIT License](LICENSE).

build/entitlements.mac.plist

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+  </dict>
+</plist>

electron-builder.yml

@@ -0,0 +1,45 @@
+appId: site.hydralauncher.hydra
+productName: Hydra
+directories:
+  buildResources: build
+files:
+  - "!**/.vscode/*"
+  - "!src/*"
+  - "!electron.vite.config.{js,ts,mjs,cjs}"
+  - "!{.eslintignore,.eslintrc.cjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}"
+  - "!{.env,.env.*,.npmrc,pnpm-lock.yaml}"
+  - "!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}"
+asarUnpack:
+  - resources/**
+win:
+  executableName: Hydra
+nsis:
+  artifactName: ${name}-${version}-setup.${ext}
+  shortcutName: ${productName}
+  uninstallDisplayName: ${productName}
+  createDesktopShortcut: always
+mac:
+  entitlementsInherit: build/entitlements.mac.plist
+  extendInfo:
+    - NSCameraUsageDescription: Application requests access to the device's camera.
+    - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
+    - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
+    - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
+  notarize: false
+dmg:
+  artifactName: ${name}-${version}.${ext}
+linux:
+  target:
+    - AppImage
+    - snap
+    - deb
+  maintainer: electronjs.org
+  category: Utility
+appImage:
+  artifactName: ${name}-${version}.${ext}
+npmRebuild: false
+publish:
+  provider: generic
+  url: https://example.com/auto-updates
+electronDownload:
+  mirror: https://npmmirror.com/mirrors/electron/

electron.vite.config.ts

@@ -0,0 +1,43 @@
+import { resolve } from "path";
+import {
+  defineConfig,
+  loadEnv,
+  swcPlugin,
+  externalizeDepsPlugin,
+} from "electron-vite";
+import react from "@vitejs/plugin-react";
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+import svgr from "vite-plugin-svgr";
+
+export default defineConfig(({ command, mode }) => {
+  loadEnv(mode);
+
+  return {
+    main: {
+      build: {
+        rollupOptions: {
+          external: ["better-sqlite3"],
+        },
+      },
+      resolve: {
+        alias: {
+          "@main": resolve("src/main"),
+          "@locales": resolve("src/locales"),
+        },
+      },
+      plugins: [externalizeDepsPlugin(), swcPlugin()],
+    },
+    preload: {
+      plugins: [externalizeDepsPlugin()],
+    },
+    renderer: {
+      resolve: {
+        alias: {
+          "@renderer": resolve("src/renderer/src"),
+          "@locales": resolve("src/locales"),
+        },
+      },
+      plugins: [svgr(), react(), vanillaExtractPlugin()],
+    },
+  };
+});

package.json

@@ -0,0 +1,81 @@
+{
+  "name": "hydra",
+  "version": "1.0.0",
+  "description": "An Electron application with React and TypeScript",
+  "main": "./out/main/index.js",
+  "author": "example.com",
+  "homepage": "https://electron-vite.org",
+  "type": "module",
+  "scripts": {
+    "format": "prettier --write .",
+    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+    "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
+    "typecheck:web": "tsc --noEmit -p tsconfig.web.json --composite false",
+    "typecheck": "npm run typecheck:node && npm run typecheck:web",
+    "start": "electron-vite preview",
+    "dev": "electron-vite dev",
+    "build": "npm run typecheck && electron-vite build",
+    "postinstall": "electron-builder install-app-deps",
+    "build:unpack": "npm run build && electron-builder --dir",
+    "build:win": "npm run build && electron-builder --win",
+    "build:mac": "electron-vite build && electron-builder --mac",
+    "build:linux": "electron-vite build && electron-builder --linux"
+  },
+  "dependencies": {
+    "@electron-toolkit/preload": "^3.0.0",
+    "@electron-toolkit/utils": "^3.0.0",
+    "@fontsource/fira-mono": "^5.0.13",
+    "@fontsource/fira-sans": "^5.0.20",
+    "@primer/octicons-react": "^19.9.0",
+    "@reduxjs/toolkit": "^2.2.3",
+    "@sentry/electron": "^4.23.0",
+    "@sentry/react": "^7.111.0",
+    "@vanilla-extract/css": "^1.14.2",
+    "@vanilla-extract/recipes": "^0.5.2",
+    "axios": "^1.6.8",
+    "better-sqlite3": "^9.5.0",
+    "check-disk-space": "^3.4.0",
+    "classnames": "^2.5.1",
+    "color.js": "^1.2.0",
+    "date-fns": "^3.6.0",
+    "flexsearch": "^0.7.43",
+    "i18next": "^23.11.2",
+    "i18next-browser-languagedetector": "^7.2.1",
+    "jsdom": "^24.0.0",
+    "lodash-es": "^4.17.21",
+    "lottie-react": "^2.4.0",
+    "parse-torrent": "^11.0.16",
+    "ps-list": "^8.1.1",
+    "react-i18next": "^14.1.0",
+    "react-loading-skeleton": "^3.4.0",
+    "react-redux": "^9.1.1",
+    "react-router-dom": "^6.22.3",
+    "tasklist": "^5.0.0",
+    "typeorm": "^0.3.20",
+    "winston": "^3.13.0",
+    "yaml": "^2.4.1"
+  },
+  "devDependencies": {
+    "@electron-toolkit/eslint-config-prettier": "^2.0.0",
+    "@electron-toolkit/eslint-config-ts": "^1.0.1",
+    "@electron-toolkit/tsconfig": "^1.0.1",
+    "@swc/core": "^1.4.16",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^18.19.9",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "@vanilla-extract/vite-plugin": "^4.0.7",
+    "@vitejs/plugin-react": "^4.2.1",
+    "electron": "^28.2.0",
+    "electron-builder": "^24.9.1",
+    "electron-vite": "^2.0.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
+    "prettier": "^3.2.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.12",
+    "vite-plugin-svgr": "^4.2.0"
+  }
+}

requirements.txt

@@ -0,0 +1,5 @@
+libtorrent
+cx_Freeze
+cx_Logging; sys_platform == 'win32'
+lief; sys_platform == 'win32'
+pywin32; sys_platform == 'win32'