fix: prevent devtools from automatically opening on non-dev environments

* Add instructions button
* reformat code

.github/FUNDING.yml

@@ -0,0 +1 @@
+liberapay: barbapapa

.github/dependabot.yml

@@ -4,3 +4,6 @@ updates:
     directory: "/"
     schedule:
       interval: "daily"
+    # ignore small updates
+    ignore:
+      update-types: ["version-update:semver-patch"]

.github/workflows/build.yml

@@ -20,7 +20,7 @@ jobs:
       - name: Set up npm project
         run: npm install
 
-      - name: build project
+      - name: Build project
         run: npm run buildall
 
       - name: Move x64 exe
@@ -42,4 +42,4 @@ jobs:
         uses: actions/upload-artifact@v3
         with:
           name: SteamDepotDownloaderGUI-${{ github.run_number }}
-          path: SteamDepotDownloaderGUI-${{ github.run_number }}*.*
+          path: SteamDepotDownloaderGUI-${{ github.run_number }}*.*

.github/workflows/github-repo-stats.yml

@@ -0,0 +1,19 @@
+name: github-repo-stats
+
+on:
+  schedule:
+    # Run this once per day, towards the end of the day for keeping the most
+    # recent data point most meaningful (hours are interpreted in UTC).
+    - cron: "0 23 * * *"
+  workflow_dispatch: # Allow for running this manually.
+
+jobs:
+  j1:
+    name: github-repo-stats
+    runs-on: ubuntu-latest
+    steps:
+      - name: run-ghrs
+        # Use latest release.
+        uses: jgehrcke/github-repo-stats@v1.4.1 # Don't use latest release for security reasons (what if the workflow gets taken over by a malicious party)
+        with:
+          ghtoken: ${{ secrets.ghrs_github_api_token }}

CODE_OF_CONDUCT.md

@@ -0,0 +1,194 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+
+community a harassment-free experience for everyone, regardless of age, body
+
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+
+identity and expression, level of experience, education, socio-economic status,
+
+nationality, personal appearance, race, religion, or sexual identity
+
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+
+community include:
+
+* Demonstrating empathy and kindness toward other people
+
+* Being respectful of differing opinions, viewpoints, and experiences
+
+* Giving and gracefully accepting constructive feedback
+
+* Accepting responsibility and apologizing to those affected by our mistakes,
+
+  and learning from the experience
+
+* Focusing on what is best not just for us as individuals, but for the
+
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+
+  advances of any kind
+
+* Trolling, insulting or derogatory comments, and personal or political attacks
+
+* Public or private harassment
+
+* Publishing others' private information, such as a physical or email
+
+  address, without their explicit permission
+
+* Other conduct which could reasonably be considered inappropriate in a
+
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+
+acceptable behavior and will take appropriate and fair corrective action in
+
+response to any behavior that they deem inappropriate, threatening, offensive,
+
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+
+comments, commits, code, wiki edits, issues, and other contributions that are
+
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+
+an individual is officially representing the community in public spaces.
+
+Examples of representing our community include using an official e-mail address,
+
+posting via an official social media account, or acting as an appointed
+
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+
+reported to the community leaders responsible for enforcement at
+
+.
+
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+
+clarity around the nature of the violation and an explanation of why the
+
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+
+interaction with the people involved, including unsolicited interaction with
+
+those enforcing the Code of Conduct, for a specified period of time. This
+
+includes avoiding interactions in community spaces as well as external channels
+
+like social media. Violating these terms may lead to a temporary or
+
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+
+communication with the community for a specified period of time. No public or
+
+private interaction with the people involved, including unsolicited interaction
+
+with those enforcing the Code of Conduct, is allowed during this period.
+
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+
+standards, including sustained inappropriate behavior,  harassment of an
+
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+
+version 2.1, available at
+
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
+
+Community Impact Guidelines were inspired by
+
+[Mozilla's code of conduct enforcement ladder][mozilla coc].
+
+For answers to common questions about this code of conduct, see the FAQ at
+
+[https://www.contributor-covenant.org/faq][faq]. Translations are available at
+
+[https://www.contributor-covenant.org/translations][translations].
+
+[homepage]: https://www.contributor-covenant.org
+
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+
+[mozilla coc]: https://github.com/mozilla/diversity
+
+[faq]: https://www.contributor-covenant.org/faq
+
+[translations]: https://www.contributor-covenant.org/translations
+

README.md

@@ -1,34 +1,92 @@
-<h1 align="center">SteamDepotDownloaderGUI</h1>
+
+<h1 align="center">SteamDepotDownloaderGUI
+
+<h4 align="center">A graphical wrapper of Depotdownloader, designed to make downloading Steam depots easy. built on top of <a href="https://www.electronjs.org" target="_blank">Electron</a>.</h4>
+
+<p align="center"><a href="https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest"><img src="https://img.shields.io/github/downloads/mmvanheusden/SteamDepotDownloaderGUI/total?color=orange&label=downloads" alt="Download count badge"></a><a href="https://img.shields.io/github/last-commit/mmvanheusden/SteamDepotDownloaderGUI?color=crimson"><img src="https://img.shields.io/github/last-commit/mmvanheusden/SteamDepotDownloaderGUI?color=crimson" alt="Last contribution badge"></a><a href="https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest"><img src="https://img.shields.io/badge/Download -ffbd03?style=for-the-badge&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAABd0lEQVRoge2XwUrDQBCGPz3Ee++2UBSvdsGbeLHeFX0lPQhei+8g2AfwSVREK+LJ1oqHUGjRQ7Z0laRJNtldKPPBwoTM7D9/sks2IAiCsKrsAK/AC7DtSmTd1cTAKbAJtIAzVyIuDURGvOFKxKUBL4iB0IiB0IiB0IiB0IiB0IiB0IiB0IgBoA08Ak+AKpCvdO6AGn416zBwDGyRGLljuQmlc9pAEzipKl6HgVtgpOMGSYOdlLyOvtfQ1yPgpgb9WlDAEPjRYwj0jet+yv0iy80ru8AHiyazxiewF6jHXPJMeG3+CoiBy5J1/5dTlWVzAXwD5yXrAJho4YlFbdqesFnzsa6PLWr/PD0bFPAA3GO/YXN7WMspLpLnktweVvooMTPiKDPLHabmLCtpmYF3I96v3E55Doz4zWaCaxYb6Bno4udNRMCR1pzr92wmagFfZH+UfI0xycHPim5gE2Pg0Lb5OU2SVzgAph6anmqtHhWevCAIgh9+AdLMtu/CZhHJAAAAAElFTkSuQmCC" alt="Download latest release badge"></a><a href="https://img.shields.io/endpoint?url=https%3A%2F%2Fhits.dwyl.com%2Fmmvanheusden%2Fsteamdepotdownloadergui.json&color=lightblue"><img src="https://img.shields.io/endpoint?url=https%3A%2F%2Fhits.dwyl.com%2Fmmvanheusden%2Fsteamdepotdownloadergui.json&color=lightblue" alt="Visitor count badge"></a><a href="https://liberapay.com/barbapapa"><img src="https://img.shields.io/badge/Donate-black?logo=liberapay" alt="Donation badge"></a><a href="https://www.codefactor.io/repository/github/mmvanheusden/steamdepotdownloadergui/badge/master"><img src="https://www.codefactor.io/repository/github/mmvanheusden/steamdepotdownloadergui/badge/master" alt="CodeFactor badge"></a></p>
+
 
 <p align="center">
-  <img alt="Project Status" src="https://img.shields.io/badge/status-maintained-blue" />
-  <img alt="GitHub all releases" src="https://img.shields.io/github/downloads/mmvanheusden/SteamDepotDownloaderGUI/total?color=orange&label=downloads">
-  <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/mmvanheusden/SteamDepotDownloaderGUI?color=crimson">
-  <img alt="Visitor Count" src="https://visitor-badge.glitch.me/badge?page_id=mmvanheusden.SteamDepotDownloaderGUI">
-  <a href="https://www.codefactor.io/repository/github/mmvanheusden/steamdepotdownloadergui/overview/master"><img src="https://www.codefactor.io/repository/github/mmvanheusden/steamdepotdownloadergui/badge/master" alt="CodeFactor" /></a>
-</p>
-<p align="center">
-  <img alt="Screenshot" src="screenshot.png" />
+  <img alt="Screenshot of the downloader interface" src="screenshot.png"  
+     style="max-width: 60%;"/>
 </p>
 
-<p align="center">SteamDepotDownloaderGUI is a graphical user interface for DepotDownloader.</p>
-<p align="center">You can download older versions of Steam games, useful for testing and speedrunners.</p>
+## Features
 
-## Installation
+* **Cross platform**
+  - Windows
+  - <s>macOS</s> (in development™)
+  - Linux
+* **Cross terminal**
+  - Gnome Terminal
+  - Konsole
+  - xfce4-terminal
+  - Terminator
+  - Terminology
+  - xterm
+  - Kitty
+  - LXTerminal
+  - Tilix
+  - Deepin Terminal
+  - cool-retro-term
+  - Manual: produce a script that can be copy pasted into a terminal of choice
+* **Support for anonymous downloads**
 
-Download the latest release for your operating system
-from [GitHub](https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest).
+## Download
 
-## Usage
+### Windows:
+* If you haven't already, install [.NET SDK 6.0](https://dotnet.microsoft.com/en-us/download/dotnet/6.0) on your computer.
+  Then, download the [latest Windows build](https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest)
+### **Linux:**
+#### Arch Linux:
+* An official [AUR package](https://aur.archlinux.org/packages/steamdepotdownloadergui-appimage) has been made. this can be installed using `yay -S steamdepotdownloadergui-appimage`.
+#### Other Linux distros:
+* **You'll need `unzip`, .NET runtime 6.0 and .NET sdk 6.0.**
+* **Ubuntu:**
+  
+  `sudo apt install unzip dotnet-runtime-6.0 dotnet-sdk-6.0`
+* **Fedora:**
+  
+  `sudo dnf install unzip dotnet-sdk-6.0 dotnet-runtime-6.0`
 
-Enter everything you normally would in the DepotDownloader console.
+  
+* There are several options, AppImage, and a `.zip`, for both x64 and arm64.
+  
+  [Download latest release](https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest)
 
-## Contributing
 
-If you want to contribute to SteamDepotDownloaderGUI, please make sure to follow
+## How to use
+
+Enter everything you normally would in the DepotDownloader console and select your OS/terminal and click download
+
+
+## Credits
+
+This software makes use of the following projects:
+- [**DepotDownloader**](https://github.com/SteamRE/DepotDownloader/)
+- [Electron](https://www.electronjs.org/)
+- [Node.js](https://nodejs.org/)
+- [Primer CSS](https://primer.style/css/)
+- [follow-redirects](https://github.com/follow-redirects/follow-redirects)
+- [Hubut Sans](https://github.com/github/hubot-sans) under [license](https://github.com/github/hubot-sans/blob/05d5ea150c20e6434485db8ffd2277ed18a9e911/LICENSE) 
+
+
+## Donate
+
+Donations can be made through Liberapay :)
+
+<a href="https://liberapay.com/barbapapa">
+    <img src="https://img.shields.io/badge/Donate-black?logo=liberapay&style=for-the-badge"
+    alt="Donation badge">
+</a>
+
+## Contribute
+
+If you would like to contribute to SteamDepotDownloaderGUI, please make sure to follow
 the [contributing instructions and guidelines](contributing.md).
 
 Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 
-Please make sure to keep code consistent and cross-platform compatible.
+Please make sure to keep code clean and cross-platform compatible.
 
+![forthebadge](https://forthebadge.com/images/featured/featured-built-with-love.svg)

contributing.md

@@ -2,8 +2,8 @@
 
 SteamDepotDownloaderGUI is a graphical user interface for DepotDownloader.
 
-It is written in Node.js and uses the [electron](https://electronjs.org/) framework.
-The CSS framework is [Primer](https://primer.style).
+It is written in Node.js and uses the [Electron](https://electronjs.org/) framework.
+The CSS framework being used is [Primer](https://primer.style), by GitHub.
 
 ## Setup development environment
 
@@ -38,7 +38,7 @@ npm start
 npm run build
 ```
 
-* If you are using macOS, you may build using the following command:
+* If you are using macOS, you can build using the following command:
 
 ```bash
 npm run buildall

downloader.js

@@ -1,74 +1,159 @@
+// Uses a prebuild binary of https://github.com/SteamRE/DepotDownloader
+// License can be found at https://github.com/SteamRE/DepotDownloader/blob/master/LICENSE
+const {ipcRenderer, shell} = require("electron")
 const {
-	checkDotnet,
-	download,
-	createCommand,
-	runCommand,
-	removeDir,
-	removeFile,
-	unzip
+	preDownloadCheck, download, createCommand, runCommand, removeDir, removeFile, unzip
 } = require("./utils")
 
+// Initializes the variable that holds the path to the specified download location
+let exportedFile
+
+(async () => {
+	let r = await fetch("https://api.github.com/zen")
+	console.debug(await r.text())
+})()
+
 function submitForm() {
-	checkDotnet().then(async function (result) {
-		if (!result) {
-			console.error("dotnet not found in PATH")
+	// Check if the form is filled in and if dotnet is installed
+	preDownloadCheck().then(async function () {
+		document.getElementById("dotnetwarning").hidden = true
+		document.getElementById("emptywarning").hidden = true
+		console.info("dotnet found in PATH")
+
+		// Remove the old depotdownloader directory if there are any
+		await removeDir("depotdownloader")
+
+		// Download a prebuild DepotDownloader binary, so it doesn't have to be included in the source code
+		await download("https://github.com/SteamRE/DepotDownloader/releases/download/DepotDownloader_2.5.0/depotdownloader-2.5.0.zip")
+
+		// Unzip the DepotDownloader binary
+		await unzip("depotdownloader-2.5.0.zip", "depotdownloader")
+
+		// Clean up the old files
+		await removeFile("depotdownloader-2.5.0.zip")
+
+		// Run the final command
+		if (document.getElementById("osdropdown").selectedIndex !== 3) await console.debug("Command issued: " + createCommand())
+		await runCommand(createCommand())
+	}).catch(function (error) {
+		if (error === "noDotnet") {
+			console.error("Dotnet not found in PATH")
+			document.getElementById("emptywarning").hidden = true
 			document.getElementById("dotnetwarning").hidden = false
-		} else {
-
-			console.info("dotnet found in PATH")
-
-			// Remove the old depotdownloader directory
-			await removeDir("depotdownloader")
-
-			// Download the DepotDownloader binary, so it doesn't have to be included in the source code
-			await download("https://github.com/SteamRE/DepotDownloader/releases/download/DepotDownloader_2.4.7/depotdownloader-2.4.7.zip")
-
-			// Unzip the DepotDownloader binary
-			await unzip("depotdownloader-2.4.7.zip", "depotdownloader")
-
-			// Clean up the old files
-			await removeFile("depotdownloader-2.4.7.zip")
-
-			// Run the final command
-			await runCommand(createCommand().toString())
+		} else if (error === "emptyField") {
+			console.error("Fill in all required fields")
+			document.getElementById("dotnetwarning").hidden = true
+			document.getElementById("emptywarning").hidden = false
 		}
 	})
 }
 
-function submitDotnet() {
+// Combines all buttons that are supposed to open an external URL into one big function.
+function openRelevantPage(target) {
 	const electron = require("electron")
 	const os = process.platform.toString()
-	document.getElementById("dotnetwarning").hidden = true
-	if (os.includes("win")) {
-		console.debug("Opened .NET download page for " + os.charAt(0).toUpperCase() + os.slice(1))
-		void electron.shell.openExternal("https://dotnet.microsoft.com/en-us/download/dotnet/thank-you/sdk-6.0.301-windows-x64-installer")
+	switch (target) {
+	// why are you not indenting nicely eslint?
+	/* eslint-disable indent */
+	case "dotnet":
+		document.getElementById("dotnetwarning").hidden = true
+		if (os.includes("win")) {
+			console.debug("Opened .NET download page for " + os.charAt(0).toUpperCase() + os.slice(1))
+			void electron.shell.openExternal("https://aka.ms/dotnet/6.0/dotnet-sdk-win-x64.exe")
+		}
+		if (os.includes("linux")) {
+			const electron = require("electron")
+			console.debug("Opened .NET download page for " + os.charAt(0).toUpperCase() + os.slice(1))
+			void electron.shell.openExternal("https://docs.microsoft.com/en-us/dotnet/core/install/linux")
+		}
+		if (os.includes("darwin")) {
+			console.debug("Opened .NET download page for" + os)
+			//TODO: Apple Silicon(ARM64) URL
+			void electron.shell.openExternal("https://aka.ms/dotnet/6.0/dotnet-sdk-osx-x64.pkg")
+		}
+		break
+	case "issues":
+		console.debug("Opened GitHub issues page")
+		void electron.shell.openExternal("https://github.com/mmvanheusden/SteamDepotDownloaderGUI/issues/new")
+		break
+	case "steamdb":
+		console.debug("Opened SteamDB instant search page")
+		void electron.shell.openExternal("https://steamdb.info/instantsearch/")
+		break
+	case "donate":
+		console.debug("Opened donation page")
+		void electron.shell.openExternal("https://liberapay.com/barbapapa/")
+		break
+	case "instructions":
+		console.debug("Opened instructions page")
+		void electron.shell.openExternal("https://github.com/mmvanheusden/SteamDepotDownloaderGUI/#how-to-use")
+		break
+	default:
+		return
 	}
-	if (os.includes("linux")) {
-		console.debug("Opened .NET download page for " + os.charAt(0).toUpperCase() + os.slice(1))
-		void electron.shell.openExternal("https://docs.microsoft.com/en-us/dotnet/core/install/linux")
-	}
-	if (os.includes("darwin")) {
-		console.debug("Opened .NET download page for" + os)
-		//TODO: Apple Silicon(ARM64) URL
-		void electron.shell.openExternal("https://dotnet.microsoft.com/en-us/download/dotnet/thank-you/sdk-6.0.301-macos-x64-installer")
+	/* eslint-enable indent */
+}
+
+// Opens the chosen location where the game will be downloaded to
+function checkPath() {
+	shell.openPath(exportedFile).then(() => {
+		console.log("Opened " + exportedFile + " in file explorer.")
+	})
+}
+
+// If Linux is selected in the dropdown menu, enable the second dropdown so the user can choose their terminal emulator.
+function checkSelection() {
+	/*
+	[0] - Windows
+	[1] - macOS
+	[2] - Linux
+	[3] - manual
+	 */
+	let os_dropdown = document.getElementById("osdropdown")
+	let terminal_dropdown = document.getElementById("osdropdown2")
+	// if the choice = 2, enable the terminal selection dropdown.
+	if (os_dropdown.selectedIndex === 2) {
+		terminal_dropdown.disabled = false
+		document.getElementById("osdropdown2label").classList.add("required")
+	} else {
+		terminal_dropdown.disabled = true
+		terminal_dropdown.selectedIndex = 11
+		document.getElementById("osdropdown2label").classList.remove("required")
 	}
 }
 
-function openGitHubIssues() {
-	const electron = require("electron")
-	console.debug("Opened GitHub issues page")
-	void electron.shell.openExternal("https://github.com/mmvanheusden/SteamDepotDownloaderGUI/issues/new")
-}
 
-function openSteamDB() {
-	const electron = require("electron")
-	console.debug("Opened SteamDB instant search page")
-	void electron.shell.openExternal("https://steamdb.info/instantsearch/")
-}
+// main.js sends a ready message if the page is loaded in. This will be received here.
+// process.platform -> 'linux' -> selectedIndex = 2 (Linux)
+// process.platform -> 'win32' -> selectedIndex = 0 (Windows)
+// process.platform -> 'darwin' -> selectedIndex = 1 (macOS)
+ipcRenderer.on("ready", () => {
+	const osdropdown = document.getElementById("osdropdown")
+	if (process.platform.toString().includes("linux")) {
+		osdropdown.selectedIndex = 2
+	} else if (process.platform.toString().includes("win")) {
+		osdropdown.selectedIndex = 0
+	} else if (process.platform.toString().includes("darwin")) {
+		osdropdown.selectedIndex = 1
+	}
+	checkSelection() // force check the selection so the terminal dropdown can be unhidden.
+})
 
+// Add event listeners to the buttons
 window.addEventListener("DOMContentLoaded", () => {
-	document.getElementById("alertbtn").addEventListener("click", submitDotnet)
+	document.getElementById("dotnetalertbtn").addEventListener("click", () => openRelevantPage("dotnet"))
+	document.getElementById("smbtn1").addEventListener("click", () => openRelevantPage("issues"))
+	document.getElementById("smbtn2").addEventListener("click", () => openRelevantPage("steamdb"))
+	document.getElementById("smbtn3").addEventListener("click", () => openRelevantPage("donate"))
+	document.getElementById("smbtn4").addEventListener("click", () => openRelevantPage("instructions"))
+	document.getElementById("pickpath").addEventListener("click", () => ipcRenderer.send("selectpath"))
+	document.getElementById("checkpath").addEventListener("click", checkPath)
+	document.getElementById("osdropdown").addEventListener("input", checkSelection)
 	document.getElementById("downloadbtn").addEventListener("click", submitForm)
-	document.getElementById("smbtn1").addEventListener("click", openGitHubIssues)
-	document.getElementById("smbtn2").addEventListener("click", openSteamDB)
+})
+
+ipcRenderer.on("file", (event, file) => {
+	console.log("path selected by user: " + file)
+	document.getElementById("checkpath").ariaDisabled = false // Makes the check button active
+	exportedFile = file.toString()
 })

electron-builder.yml

@@ -1,6 +1,6 @@
-appId: steam.depot.downloader.gui
+appId: rocks.maarten.depotdownloader
 productName: SteamDepotDownloaderGUI
-copyright: Copyright © 2022 mmvanheusden | This work is free. Licensed under the Do What The Fuck You Want To Public License
+copyright: Copyright © mmvanheusden | This work is free. Licensed under the GNU GPLv3 Public License
 
 linux:
   executableName: SteamDepotDownloaderGUI
@@ -25,8 +25,9 @@ mac:
         - x64
 
 win:
-  legalTrademarks: Copyright © 2022 mmvanheusden | This work is free. Licensed under the Do What The Fuck You Want To Public License
+  legalTrademarks: Copyright © mmvanheusden | This work is free. Licensed under the GNU GPLv3 Public License
   target:
     - target: portable
       arch:
         - x64
+        - arm64

index.html

@@ -4,127 +4,183 @@
 <head>
 	<meta charset="UTF-8">
 	<meta content="width=device-width, initial-scale=1" name="viewport"/>
-	<link href="https://unpkg.com/@primer/css@20.4.5/dist/primer.css" rel="stylesheet"/>
+	<link href="https://unpkg.com/@primer/css@21.0.9/dist/primer.css" rel="stylesheet"/>
+	<link rel="stylesheet" href="style.css">
 	<title>SteamDepotDownloaderGUI</title>
 </head>
 <body>
 <script src="downloader.js"></script>
 <div class="mx-auto">
 	<div hidden id="dotnetwarning">
-		<div class="flash flash-error mx-2 mt-2 color-shadow-medium" id="alert">
+		<div class="flash flash-error mx-2 mt-2 color-shadow-medium" id="dotnetalert">
 			<svg class="octicon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
 				<path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm6.5-.25A.75.75 0 017.25 7h1a.75.75 0 01.75.75v2.75h.25a.75.75 0 010 1.5h-2a.75.75 0 010-1.5h.25v-2h-.25a.75.75 0 01-.75-.75zM8 6a1 1 0 100-2 1 1 0 000 2z"
-					  fill-rule="evenodd"></path>
+				      fill-rule="evenodd"></path>
 			</svg>
 			<code><span class="text-italic">dotnet</span></code> was not found.
-			<button class="btn btn-sm flash-action" id="alertbtn">
+			<button class="btn btn-sm flash-action" id="dotnetalertbtn">
 				<svg class="octicon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
 					<path d="M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5
          0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"
-						  fill-rule="evenodd"></path>
+					      fill-rule="evenodd"></path>
 				</svg>
 				<span class="text-bold">Download</span>
 			</button>
 		</div>
 	</div>
-	<div class="f0-light text-center">Steam Depot Downloader</div>
+
+	<div hidden id="emptywarning">
+		<div class="flash flash-warn mx-2 mt-2 color-shadow-medium" id="emptyalert">
+			<svg class="octicon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+				<path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm6.5-.25A.75.75 0 017.25 7h1a.75.75 0 01.75.75v2.75h.25a.75.75 0 010 1.5h-2a.75.75 0 010-1.5h.25v-2h-.25a.75.75 0 01-.75-.75zM8 6a1 1 0 100-2 1 1 0 000 2z"
+				      fill-rule="evenodd"></path>
+			</svg>
+			Please fill in all required fields.
+		</div>
+	</div>
+	<div class="f1-light text-center">Steam Depot Downloader</div>
 
 	<form id="theform">
 		<div class="form-group mx-3 mt-1">
 			<div class="form-group-header">
 				<label for="username">Username</label>
 			</div>
-			<div aria-label="Enter your username here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="username" type="text"/>
-			</div>
+			<input class="form-control input-block" id="username" type="text"
+			       placeholder="Leave empty for anonymous download"/>
 		</div>
 
 		<div class="form-group mx-3 mt-1">
 			<div class="form-group-header">
 				<label for="password">Password</label>
 			</div>
-			<div aria-label="Enter your password here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="password" type="password"/>
-			</div>
+			<input class="form-control input-block" id="password" type="password"
+			       placeholder="Leave empty for anonymous download"/>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-1 required">
 			<div class="form-group-header">
 				<label for="appid">App ID</label>
 			</div>
-			<div aria-label="Enter the App ID here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="appid" type="number"/>
-			</div>
+			<input class="form-control input-block" id="appid" type="number"/>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-1 required">
 			<div class="form-group-header">
 				<label for="depotid">Depot ID</label>
 			</div>
-			<div aria-label="Enter the Depot ID here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="depotid" type="number"/>
-			</div>
+			<input class="form-control input-block" id="depotid" type="number"/>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-1 required">
 			<div class="form-group-header">
 				<label for="manifestid">Manifest ID</label>
 			</div>
-			<div aria-label="Enter the Manifest ID here." class="form-group-body tooltipped tooltipped-n">
-				<input class="form-control input-block" id="manifestid" type="number"/>
+			<input class="form-control input-block" id="manifestid" type="number"/>
+		</div>
+
+		<div class="mx-3 mt-1 required">
+			<div class="form-group-header">
+				<label>Download Location</label>
+			</div>
+			<div aria-label="Pick the path/location where the game will be downloaded to."
+			     class="form-control btn btn-sm tooltipped tooltipped-ne" id="pickpath">
+				Set location
+			</div>
+
+			<div aria-label="Check the location that has been selected."
+			     class="form-control btn btn-sm ml-2 tooltipped tooltipped-ne" id="checkpath" aria-disabled="true">
+				Open location
 			</div>
 		</div>
 
-		<div class="form-group mx-3 mt-1">
+		<div class="form-group mx-3 mt-3 required">
 			<div class="form-group-header ">
 				<label for="osdropdown">Operating system</label>
 			</div>
 
 			<div aria-label="Select your OS/terminal here." class="form-group-body tooltipped tooltipped-n">
 				<select aria-label="Preference" class="form-select width-full" id="osdropdown">
-					<option disabled>Choose your OS</option>
 					<option>Windows</option>
 					<option disabled>macOS (NOT YET IMPLEMENTED)</option>
-					<option disabled>If you are using Linux</option>
-					<option disabled>Select your terminal</option>
-					<option>KDE Konsole</option>
+					<option>Linux</option>
+					<option>Print command in console (CTRL-SHIFT-I)</option>
+				</select>
+			</div>
+		</div>
+
+		<div class="form-group mx-3 mt-3" id="osdropdown2label">
+			<div class="form-group-header">
+				<label for="osdropdown2">Terminal</label>
+			</div>
+
+			<div aria-label="Select the terminal emulator you use." class="form-group-body tooltipped tooltipped-n">
+				<select aria-label="Preference" class="form-select width-full" id="osdropdown2" disabled>
 					<option>Gnome Terminal</option>
+					<option>KDE Konsole</option>
 					<option>Xfce Terminal</option>
 					<option>Terminator</option>
-					<option>Print command in console (CTRL-SHIFT-I)</option>
+					<option>Terminology</option>
+					<option>xterm</option>
+					<option>Kitty</option>
+					<option>LXTerminal</option>
+					<option>Tilix</option>
+					<option>Deepin Terminal</option>
+					<option>cool-retro-term</option>
+					<option selected hidden disabled>Choose your terminal emulator</option>
 				</select>
 			</div>
 		</div>
 	</form>
 
-	<div aria-label="Start the download process." class="form-group mt-3 ml-3 mr-3 tooltipped tooltipped-n">
+	<div class="form-group mt-3 ml-3 mr-3">
 		<button class="btn btn-block btn-primary" id="downloadbtn">
-			<svg class="octicon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+			<svg class="octicon filter-red" height="16" viewBox="0 0 16 16" width="16"
+			     xmlns="http://www.w3.org/2000/svg">
 				<path d="M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"
-					  fill-rule="evenodd"></path>
+				      fill-rule="evenodd"></path>
 			</svg>
 			Download
 		</button>
 	</div>
 
-	<div aria-label="Visit the GitHub issues website." class="btn btn-sm ml-3 tooltipped tooltipped-ne mb-1" id="smbtn1">
+	<div aria-label="Visit the GitHub issues website." class="btn btn-sm ml-3 tooltipped tooltipped-ne mb-1"
+	     id="smbtn1">
 		<svg fill="#8B949E" height="16" style="display: inline-block; vertical-align: text-bottom;" viewBox="0 0 16 16"
-			 width="16" xmlns="http://www.w3.org/2000/svg">
+		     width="16" xmlns="http://www.w3.org/2000/svg">
 			<path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zM6.92 6.085c.081-.16.19-.299.34-.398.145-.097.371-.187.74-.187.28 0 .553.087.738.225A.613.613 0 019 6.25c0 .177-.04.264-.077.318a.956.956 0 01-.277.245c-.076.051-.158.1-.258.161l-.007.004a7.728 7.728 0 00-.313.195 2.416 2.416 0 00-.692.661.75.75 0 001.248.832.956.956 0 01.276-.245 6.3 6.3 0 01.26-.16l.006-.004c.093-.057.204-.123.313-.195.222-.149.487-.355.692-.662.214-.32.329-.702.329-1.15 0-.76-.36-1.348-.863-1.725A2.76 2.76 0 008 4c-.631 0-1.155.16-1.572.438-.413.276-.68.638-.849.977a.75.75 0 101.342.67z"
-				  fill-rule="evenodd"></path>
+			      fill-rule="evenodd"></path>
 		</svg>
-		Support
+		Help
 	</div>
 
-	<div aria-label="Visit the SteamDB instant search website." class="btn btn-sm ml-1 tooltipped tooltipped-n mb-1"
-		 id="smbtn2">
+	<div aria-label="Visit the SteamDB instant search website." class="btn btn-sm ml-2 tooltipped tooltipped-n mb-1"
+	     id="smbtn2">
 		<svg aria-hidden="true" class="octicon" height="14" viewBox="0 0 128 128" width="14"
-			 xmlns="http://www.w3.org/2000/svg">
+		     xmlns="http://www.w3.org/2000/svg">
 			<path d="M63.9 0C30.5 0 3.1 11.9.1 27.1l35.6 6.7c2.9-.9 6.2-1.3 9.6-1.3l16.7-10c-.2-2.5 1.3-5.1 4.7-7.2 4.8-3.1 12.3-4.8 19.9-4.8 5.2-.1 10.5.7 15 2.2 11.2 3.8 13.7 11.1 5.7 16.3-5.1 3.3-13.3 5-21.4 4.8l-22 7.9c-.2 1.6-1.3 3.1-3.4 4.5-5.9 3.8-17.4 4.7-25.6 1.9-3.6-1.2-6-3-7-4.8L2.5 38.4c2.3 3.6 6 6.9 10.8 9.8C5 53 0 59 0 65.5c0 6.4 4.8 12.3 12.9 17.1C4.8 87.3 0 93.2 0 99.6 0 115.3 28.6 128 64 128c35.3 0 64-12.7 64-28.4 0-6.4-4.8-12.3-12.9-17 8.1-4.8 12.9-10.7 12.9-17.1 0-6.5-5-12.6-13.4-17.4 8.3-5.1 13.3-11.4 13.3-18.2 0-16.5-28.7-29.9-64-29.9zm22.8 14.2c-5.2.1-10.2 1.2-13.4 3.3-5.5 3.6-3.8 8.5 3.8 11.1 7.6 2.6 18.1 1.8 23.6-1.8s3.8-8.5-3.8-11c-3.1-1-6.7-1.5-10.2-1.5zm.3 1.7c7.4 0 13.3 2.8 13.3 6.2 0 3.4-5.9 6.2-13.3 6.2s-13.3-2.8-13.3-6.2c0-3.4 5.9-6.2 13.3-6.2zM45.3 34.4c-1.6.1-3.1.2-4.6.4l9.1 1.7a10.8 5 0 1 1-8.1 9.3l-8.9-1.7c1 .9 2.4 1.7 4.3 2.4 6.4 2.2 15.4 1.5 20-1.5s3.2-7.2-3.2-9.3c-2.6-.9-5.7-1.3-8.6-1.3zM109 51v9.3c0 11-20.2 19.9-45 19.9-24.9 0-45-8.9-45-19.9v-9.2c11.5 5.3 27.4 8.6 44.9 8.6 17.6 0 33.6-3.3 45.2-8.7zm0 34.6v8.8c0 11-20.2 19.9-45 19.9-24.9 0-45-8.9-45-19.9v-8.8c11.6 5.1 27.4 8.2 45 8.2s33.5-3.1 45-8.2z"
-				  fill-rule="evenodd"></path>
+			      fill-rule="evenodd"></path>
 		</svg>
 		SteamDB
 	</div>
+
+	<div aria-label="Donate to the authors of the project." class="btn btn-sm ml-2 tooltipped tooltipped-nw mb-1"
+	     id="smbtn3">
+		<svg fill="#8B949E" height="16" style="display: inline-block; vertical-align: text-bottom;" viewBox="0 0 16 16"
+		     width="16" xmlns="http://www.w3.org/2000/svg">
+			<path d="M2 2.75A2.75 2.75 0 0 1 4.75 0c.983 0 1.873.42 2.57 1.232.268.318.497.668.68 1.042.183-.375.411-.725.68-1.044C9.376.42 10.266 0 11.25 0a2.75 2.75 0 0 1 2.45 4h.55c.966 0 1.75.784 1.75 1.75v2c0 .698-.409 1.301-1 1.582v4.918A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25V9.332C.409 9.05 0 8.448 0 7.75v-2C0 4.784.784 4 1.75 4h.55c-.192-.375-.3-.8-.3-1.25ZM7.25 9.5H2.5v4.75c0 .138.112.25.25.25h4.5Zm1.5 0v5h4.5a.25.25 0 0 0 .25-.25V9.5Zm0-4V8h5.5a.25.25 0 0 0 .25-.25v-2a.25.25 0 0 0-.25-.25Zm-7 0a.25.25 0 0 0-.25.25v2c0 .138.112.25.25.25h5.5V5.5h-5.5Zm3-4a1.25 1.25 0 0 0 0 2.5h2.309c-.233-.818-.542-1.401-.878-1.793-.43-.502-.915-.707-1.431-.707ZM8.941 4h2.309a1.25 1.25 0 0 0 0-2.5c-.516 0-1 .205-1.43.707-.337.392-.646.975-.879 1.793Z"
+			      fill-rule="evenodd"></path>
+		</svg>
+		Donate
+	</div>
+
+	<div aria-label="View the instructions on how to use SteamDepotDownloaderGUI." class="btn btn-sm ml-2 tooltipped tooltipped-nw mb-1"
+	     id="smbtn4">
+		<svg fill="#8B949E" width="16" height="16" viewBox="0 0 16 16"
+		     style="display: inline-block; vertical-align: text-bottom;">
+			<path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
+		</svg>
+		Instructions
+	</div>
 </div>
 </body>
 </html>

main.js

@@ -1,26 +1,30 @@
-const {app, BrowserWindow} = require("electron")
+const {app, BrowserWindow, dialog, ipcMain} = require("electron")
+const {platformpath} = require("./utils")
+
 
 const createWindow = () => {
 	// Create the browser window.
 	const mainWindow = new BrowserWindow({
 		autoHideMenuBar: true,
 		resizable: false,
-		width: 430,
-		height: 590,
+		width: 440,
+		height: 730,
+		useContentSize: true,
 		maximizable: false,
 		webPreferences: {
-			nodeIntegration: true,
-			contextIsolation: false
+			nodeIntegration: true, contextIsolation: false
 		}
 	})
 
 	// and load the index.html of the app.
 	mainWindow.loadFile("index.html")
 
-	// Open the DevTools for debugging, only if not in production.
-	if (!app.isPackaged) {
-		mainWindow.webContents.openDevTools({mode: "detach"})
-	}
+	// @formatter:off
+	// Open the DevTools for debugging, only if not in production. This is removed for release by the build script (package.sh) because it's unreliable.
+	// disable formatting so the line always stays the same so sed can find it
+	// eslint-disable-next-line no-undef
+	if (!app.isPackaged) mainWindow.webContents.openDevTools({mode: "detach"})
+	// @formatter:on
 }
 
 // This method will be called when Electron has finished
@@ -34,6 +38,14 @@ app.whenReady().then(() => {
 		// dock icon is clicked and there are no other windows open.
 		if (BrowserWindow.getAllWindows().length === 0) createWindow()
 	})
+
+})
+
+// If the page is fully loaded in, send a sign.
+app.on("web-contents-created", (event, contents) => {
+	contents.on("dom-ready", () => {
+		contents.send("ready")
+	})
 })
 
 // Quit when all windows are closed, except on macOS. There, it's common
@@ -42,3 +54,23 @@ app.whenReady().then(() => {
 app.on("window-all-closed", () => {
 	if (process.platform !== "darwin") app.quit()
 })
+
+
+ipcMain.on("selectpath", (event) => {
+	dialog.showOpenDialog(BrowserWindow.getFocusedWindow(), {
+		// Specifying the Directory Selector Property
+		properties: ["openDirectory"],
+		title: "Select the path where the game will be downloaded",
+		defaultPath: platformpath(),
+		buttonLabel: "Select"
+	}).then(file => {
+		//console.debug("Has path selection succeeded: " + ((file.canceled) ? "NO" : "YES; see below")) --- doesn't log to the dev console
+		if (!file.canceled) {
+			const filepath = file.filePaths[0].toString()
+			// console.debug("Path selected is " + filepath)											--- same thing
+			event.reply("file", filepath)
+		}
+	}).catch(err => {
+		console.log(err)
+	})
+})

package.json

@@ -1,6 +1,6 @@
 {
   "name": "steamdepotdownloadergui",
-  "version": "2.0.5",
+  "version": "2.3.1",
   "description": "DepotDownloader Electron frontend",
   "main": "main.js",
   "scripts": {
@@ -30,12 +30,12 @@
   },
   "homepage": "https://github.com/mmvanheusden/SteamDepotDownloaderGUI#readme",
   "devDependencies": {
-    "electron": "^20.2.0",
-    "electron-builder": "^23.1.0",
-    "eslint": "^8.18.0"
+    "electron": "^27.0.4",
+    "electron-builder": "^24.6.4",
+    "eslint": "^8.53.0"
   },
   "dependencies": {
     "elecron": "^0.0.1-security",
-    "follow-redirects": "^1.15.2"
+    "follow-redirects": "^1.15.3"
   }
 }

package.sh

@@ -0,0 +1,25 @@
+#!/usr/bin/env bash
+set -e
+version=`jq '.version' package.json`
+version="${version//\"}"
+echo "version that will be build is ${version}"
+rm -rf ./dist/
+
+# Disable DevTools for release, because it's unreliable
+original_line=$(sed -n '/if (!app.isPackaged) mainWindow.webContents.openDevTools({mode: "detach"})/p' main.js)
+# original_line has 1 tab too much, so we remove it
+original_line="${original_line//	/}"
+sed -i 's/if (!app.isPackaged) mainWindow.webContents.openDevTools({mode: "detach"})/\/\/REMOVED FOR RELEASE./g' main.js
+
+
+npm run build
+mkdir -p ./dist/release-ready
+
+cp ./dist/SteamDepotDownloaderGUI*.exe ./dist/release-ready/SteamDepotDownloaderGUI-windows-"${version}".exe
+cp `ls -d1 dist/* | grep -E "SteamDepotDownloaderGUI-[0-9]+\.[0-9]+\.[0-9]+\.AppImage"` ./dist/release-ready/SteamDepotDownloaderGUI-linux-"${version}"-x64.AppImage
+cp `ls -d1 dist/* | grep -E "steamdepotdownloadergui-[0-9]+\.[0-9]+\.[0-9]+\.zip"` ./dist/release-ready/SteamDepotDownloaderGUI-linux-"${version}"-x64.zip
+cp `ls -d1 dist/* | grep -E "SteamDepotDownloaderGUI-[0-9]+\.[0-9]+\.[0-9]+\-arm64.AppImage"` ./dist/release-ready/SteamDepotDownloaderGUI-linux-"${version}"-arm64.AppImage
+cp `ls -d1 dist/* | grep -E "steamdepotdownloadergui-[0-9]+\.[0-9]+\.[0-9]+\-arm64.zip"` ./dist/release-ready/SteamDepotDownloaderGUI-linux-"${version}"-arm64.zip
+echo "done building!"
+echo "reverting changes to main.js"
+sed -i "s|\/\/REMOVED FOR RELEASE.|$original_line|g" main.js

style.css

@@ -0,0 +1,13 @@
+@font-face {
+    font-family: 'Hubot Sans';
+    src:
+            url('Hubot-Sans.woff2') format('woff2 supports variations'),
+            url('Hubot-Sans.woff2') format('woff2-variations');
+    font-weight: 770;
+    font-stretch: expanded;
+}
+.f1-light {
+    font-family: 'Hubot Sans', sans-serif;
+    overflow: hidden;
+    white-space: nowrap;
+}

utils.js

@@ -1,31 +1,60 @@
 /**
  * Checks if dotnet is installed in the system path
+ *
+ * **rejects**:
+ *
+ * `emptyField` -> One or more required field(s) are not filled in.
+ *
+ * `noDotnet` -> `dotnet` has not been found in the path.
  * @returns {Promise<unknown>} A promise that resolves to true if dotnet is installed, false otherwise
  */
-function checkDotnet() {
-	return new Promise((resolve) => {
+function preDownloadCheck() {
+	return new Promise((resolve, reject) => {
+		// Check if all fields are filled
+		const formInputs = document.forms["theform"]
+
+		let unfilledFields = 0
+		for (const input of formInputs) {
+			const isInvalid = input.value === "" && input.parentElement.classList.contains("required")
+			input.parentElement.classList.toggle("errored", isInvalid) // toggle the 'errored' class depending on if isInvalid is true or false.
+			if (isInvalid) unfilledFields++
+		}
+		// If the selected OS is Linux, and the terminal selection is the default (11), error.
+		if (document.getElementById("osdropdown").selectedIndex === 2 && document.getElementById("osdropdown2").selectedIndex === 11) {
+			document.getElementById("osdropdown2label").classList.add("errored")
+			unfilledFields++
+		} else document.getElementById("osdropdown2label").classList.remove("errored")
+
+		if (unfilledFields > 0) {
+			reject("emptyField")
+			return
+		}
+
+		// Check if dotnet is installed, depending on the platform
 		if (process.platform.toString().includes("win")) {
+			// Windows
 			const {exec} = require("child_process")
 			const command = "dotnet.exe --version"
 			exec(command, function (error) {
 				if (error) {
-					resolve(false)
+					reject("noDotnet")
 				} else {
 					resolve(true)
 				}
 			})
 		} else {
+			// Others
+			// macOS seems to be broken.
 			const {exec} = require("child_process")
 			const command = "dotnet --version"
 			exec(command, function (error) {
 				if (error) {
-					resolve(false)
+					reject("noDotnet")
 				} else {
 					resolve(true)
 				}
 			})
 		}
-
 	})
 }
 
@@ -92,7 +121,7 @@ function removeDir(dir,) {
 
 /**
  * Unzip a file to the current directory
- * @param file The file to unzip, preferably a .zip file
+ * @param file The zip file to unzip.
  * @param target The target directory to unzip to
  * @returns {Promise<unknown>} A promise that resolves when the unzip is complete, or rejects if something fails
  */
@@ -135,26 +164,75 @@ const createCommand = () => {
 	let appid = document.forms["theform"]["appid"].value
 	let depotid = document.forms["theform"]["depotid"].value
 	let manifestid = document.forms["theform"]["manifestid"].value
-	let osdropdown = document.getElementById("osdropdown")
+	let os = document.getElementById("osdropdown").selectedIndex
+	let terminal = document.getElementById("osdropdown2").selectedIndex
 
-	const finalPath = platformpath() + path.sep + "games" + path.sep + appid
+	/* OS dropdown choices
+	[0] - Windows
+	[1] - macOS
+	[2] - Linux
+	[3] - manual
+	 */
 
+	/* Terminal dropdown choices
+	[0] - Gnome Terminal
+	[1] - KDE Konsole
+	[2] - Xfce terminal
+	[3] - terminator
+	[4] - Terminology
+	[5] - xterm
+	[6] - Kitty
+	[7] - LXTerminal
+	[8] - Tilix
+	[9] - Deepin Terminal
+	[10] - cool-retro-term
+	[11] (default, hidden) - Choose your terminal emulator
+	 */
+
+	// if either the username or password fields are empty, anonymous login is used
+	let anonymous = username === "" || password === ""
+
+	// allow enormous strings like &$§"&$="§$/"(§NJUIDW>;!%?aQ52V?*['YsDnRy|(+Q 1h6BmnDQp,(Xr&Th _fMMm|*1T5a^HBuJr)EYKdA$~V*9N~74zg3hf9ZH(!HR"§RH§"H(R being used as password
+	password = password.replace(/"/g, "\"\"")
+
+	// build the username and password flags into one string, allowing for anonymous login
+	let userpass = anonymous ? "" : `-username ${username} -password "${password}"`
+
+	// for some reason exportedFile doesn't have to be imported or exported
+	// eslint-disable-next-line no-undef
+	const finalPath = (exportedFile + path.sep + appid).replaceAll(" ", "\\ ")
 	// The final command to run, returned by this function
-	if (osdropdown.options[osdropdown.selectedIndex].text.includes("Gnome")) {
-		return `gnome-terminal -e 'bash -c "dotnet ./depotdownloader/DepotDownloader.dll -username ${username} -password ${password} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16";bash'`
-	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("Windows")) {
-		return `start cmd.exe /k dotnet ${platformpath()}${path.sep}depotdownloader${path.sep}DepotDownloader.dll -username ${username} -password ${password} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16`
-	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("macOS")) {
-		return `osascript -c 'tell application "Terminal" to do script 'dotnet ./depotdownloader/DepotDownloader.dll -username ${username} -password ${password} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16'`
-	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("Konsole")) {
-		return `konsole --hold -e "dotnet ./depotdownloader/DepotDownloader.dll -username ${username} -password ${password} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16"`
-	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("Xfce")) {
-		return `xfce4-terminal -H -e "dotnet ./depotdownloader/DepotDownloader.dll -username ${username} -password ${password} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16"`
-	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("Terminator")) {
-		return `terminator -e 'bash -c "dotnet ./depotdownloader/DepotDownloader.dll -username ${username} -password ${password} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16";bash'`
-	} else if (osdropdown.options[osdropdown.selectedIndex].text.includes("Print command")) {
-		console.log(`COPY-PASTE THE FOLLOWING INTO YOUR TERMINAL OF CHOICE:\n\ndotnet ${platformpath()}/depotdownloader/DepotDownloader.dll -username ${username} -password ${password} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath} -max-servers 50 -max-downloads 16`)
-		return "echo hello"
+	if (os === 0) {
+		return `start cmd.exe /k dotnet ${platformpath()}${path.sep}depotdownloader${path.sep}DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16`
+	} else if (os === 1) {
+		return `osascript -c 'tell application "Terminal" to do script 'dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16'`
+	} else if (os === 2) {
+		if (terminal === 0) {
+			return `gnome-terminal -e 'bash -c "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16";$SHELL'`
+		} else if (terminal === 1) {
+			return `konsole --hold -e "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16"`
+		} else if (terminal === 2) {
+			return `xfce4-terminal -H -e "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16"`
+		} else if (terminal === 3) {
+			return `terminator -e 'bash -c "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16";$SHELL'`
+		} else if (terminal === 4) {
+			return `terminology -H -e "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16"`
+		} else if (terminal === 5) {
+			return `xterm -hold -T "Downloading Depot..." -e "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16"`
+		} else if (terminal === 6) {
+			return `kitty --hold sh -c "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16"`
+		} else if (terminal === 7) {
+			return `lxterminal -e "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16;$SHELL"`
+		} else if (terminal === 8) {
+			return `tilix -e sh -c "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16;$SHELL"`
+		} else if (terminal === 9) {
+			return `deepin-terminal -e 'sh -c "dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16;$SHELL"'`
+		} else if (terminal === 10) {
+			return `cool-retro-term -e sh -c "cd ${platformpath()} && dotnet ./depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath}/ -max-servers 50 -max-downloads 16;$SHELL"`
+		}
+	} else if (os === 3) {
+		console.log(`COPY-PASTE THE FOLLOWING INTO YOUR TERMINAL OF CHOICE:\n\ndotnet ${platformpath()}/depotdownloader/DepotDownloader.dll ${userpass} -app ${appid} -depot ${depotid} -manifest ${manifestid} -dir ${finalPath} -max-servers 50 -max-downloads 16`)
+		return "echo hi"
 	}
 }
 
@@ -177,20 +255,27 @@ function runCommand(command) {
 
 /**
  * Returns the path where the actual program is being run from, depending on the operating system.
- * Because __dirname is inconsistent across operating systems, this function is used to get the correct path
+ * Because __dirname is inconsistent across operating systems, this function is used to get the correct path.
+ *
+ * Windows .exe -> process.env.PORTABLE_EXECUTABLE_DIR
+ * Linux .appimage -> process.cwd()
+ * Linux .zip -> process.cwd()
  * @returns {string} The absolute path
  */
 const platformpath = () => {
 	if ((__dirname.includes("AppData") || __dirname.includes("Temp")) && process.platform.toString().includes("win")) {
 		// Windows portable exe
 		return process.env.PORTABLE_EXECUTABLE_DIR
-	} else if (__dirname.includes("/tmp/") && process.platform.toString().includes("linux")) {
-		// Linux AppImage
+	} else if (/*__dirname.includes("/tmp/") && */process.platform.toString().includes("linux")) {
+		// in a .zip, __dirname seems to return a broken path, ending with app.asar.
+		// using process.cwd() fixes that, but might not work on all distros as this has been an issue in the past.
+		// see commit 894197e75e774f4a17cced00d9862ab3942a8a5a
+
+		// Linux AppImage / .zip
 		return process.cwd()
-	} else {
-		// .zip binary
+	} /*else {
 		return __dirname
-	}
+	}*/
 }
 
-module.exports = {checkDotnet, download, createCommand, runCommand, removeDir, removeFile, unzip, platformpath}
+module.exports = {preDownloadCheck, download, createCommand, runCommand, removeDir, removeFile, unzip, platformpath}