refactor: cleanup main.ts styling

migrate to tauri Opener plugin

.github/FUNDING.yml

@@ -0,0 +1 @@
+custom: https://paypal.me/onderkin

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,20 @@
+---
+name: Bug report
+about: Report a bug in this project
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+**Describe the bug**  
+A clear and concise description of the bug.
+
+**Is your bug report related to another bug report? Please describe.**  
+If yes, the issue number and an explanation of why the bug is related to this one.
+
+**Describe the solution you'd like**  
+A clear and concise description of what you want to happen.
+
+**Additional context**  
+Add any other context or screenshots about the bug report here.

.github/ISSUE_TEMPLATE/download_problem.md

@@ -0,0 +1,23 @@
+---
+name: Download problem
+about: Report a difficulty in downloading a game
+title: ''
+labels: question
+assignees: ''
+
+---
+
+**Describe the game you are trying to download**  
+A clear and concise description of the bug.
+**App ID:** <app id>
+**Depot ID:** <depot id>
+**Manifest ID:** <manifest id>
+
+**Show the error that DepotDownloader produces**  
+A screenshot or a copy-paste wrapped in a code-block (` ``` `) of the DepotDownloader terminal output
+
+**Do you own the game?**  
+If no, you probably can't download the game. You must own the game on Steam to be able to download it.
+
+**Additional context**  
+Add any other context or screenshots about the issue here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: feature
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**  
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**  
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**  
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**  
+Add any other context or screenshots about the feature request here.

.github/dependabot.yml

@@ -0,0 +1,25 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "monthly"
+    ignore:
+      - dependency-name: "*"
+        update-types: ["version-update:semver-major"]
+    groups:
+      npm-deps:
+        patterns:
+          - "*"
+
+  - package-ecosystem: "cargo"
+    directory: "src-tauri/"
+    schedule:
+      interval: "monthly"
+    ignore:
+      - dependency-name: "*"
+        update-types: ["version-update:semver-major"]
+    groups:
+      cargo-deps:
+        patterns:
+          - "*"

.github/workflows/build_debug.yml

@@ -0,0 +1,101 @@
+name: 'build_debug'
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build-tauri:
+    permissions:
+      contents: write
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - platform: 'macos-latest'
+            arch: 'aarch64'
+            args: '--target aarch64-apple-darwin --bundles dmg'
+          - platform: 'macos-latest'
+            arch: 'x86_64'
+            args: '--target x86_64-apple-darwin --bundles dmg'
+          - platform: 'ubuntu-22.04'
+            args: '--bundles appimage'
+          - platform: 'windows-latest'
+            args: ''
+
+    runs-on: ${{ matrix.platform }}
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: install dependencies (ubuntu only)
+        if: matrix.platform == 'ubuntu-22.04'
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
+
+      - name: setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          cache: 'pnpm'
+
+      - name: install Rust stable
+        uses: dtolnay/rust-toolchain@stable
+        with:
+          targets: ${{ matrix.platform == 'macos-latest' && 'aarch64-apple-darwin,x86_64-apple-darwin' || '' }}
+
+      - name: Rust cache
+        uses: swatinem/rust-cache@v2
+        with:
+          workspaces: './src-tauri -> target'
+
+      - name: install frontend dependencies
+        # If you don't have `beforeBuildCommand` configured you may want to build your frontend here too.
+        run: pnpm install # change this to npm or pnpm depending on which one you use.
+
+      - uses: tauri-apps/tauri-action@v0
+        id: build
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          args: ${{ matrix.args }}
+          includeUpdaterJson: false
+          includeRelease: 'false'
+          includeDebug: 'true'
+
+      - name: fix JSON
+        if: matrix.platform != 'windows-latest'
+        id: truncate_paths
+        run: echo "paths=$(echo '${{ steps.build.outputs.artifactPaths }}' | sed 's/^..//' | sed 's/..$//')" >> $GITHUB_OUTPUT
+
+      - name: upload macos artifacts (M1)
+        if: matrix.platform == 'macos-latest' && matrix.arch == 'aarch64'
+        uses: actions/upload-artifact@v4
+        with:
+          name: macos-m1-artifacts
+          path: ${{ steps.truncate_paths.outputs.paths }}
+      
+      - name: upload macos artifacts (Intel)
+        if: matrix.platform == 'macos-latest' && matrix.arch == 'x86_64'
+        uses: actions/upload-artifact@v4
+        with:
+          name: macos-intel-artifacts
+          path: ${{ steps.truncate_paths.outputs.paths }}
+
+      - name: upload linux artifacts
+        if: matrix.platform == 'ubuntu-22.04'
+        uses: actions/upload-artifact@v4
+        with:
+          name: linux-artifacts
+          path: ${{ steps.truncate_paths.outputs.paths }}
+
+      - name: upload windows artifacts
+        if: matrix.platform == 'windows-latest'
+        uses: actions/upload-artifact@v4
+        with:
+          name: windows-artifacts
+          path: "./src-tauri/target/debug/bundle/*" # fck windows
+
+          

.github/workflows/build_release.yml

@@ -0,0 +1,99 @@
+name: 'build_release'
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build-tauri:
+    permissions:
+      contents: write
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - platform: 'macos-latest'
+            arch: 'aarch64'
+            args: '--target aarch64-apple-darwin --bundles dmg'
+          - platform: 'macos-latest'
+            arch: 'x86_64'
+            args: '--target x86_64-apple-darwin --bundles dmg'
+          - platform: 'ubuntu-22.04'
+            args: '--bundles appimage'
+          - platform: 'windows-latest'
+            args: ''
+
+    runs-on: ${{ matrix.platform }}
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: install dependencies (ubuntu only)
+        if: matrix.platform == 'ubuntu-22.04'
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
+
+      - name: setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          cache: 'pnpm'
+
+      - name: install Rust stable
+        uses: dtolnay/rust-toolchain@stable
+        with:
+          targets: ${{ matrix.platform == 'macos-latest' && 'aarch64-apple-darwin,x86_64-apple-darwin' || '' }}
+
+      - name: Rust cache
+        uses: swatinem/rust-cache@v2
+        with:
+          workspaces: './src-tauri -> target'
+
+      - name: install frontend dependencies
+        # If you don't have `beforeBuildCommand` configured you may want to build your frontend here too.
+        run: pnpm install # change this to npm or pnpm depending on which one you use.
+
+      - uses: tauri-apps/tauri-action@v0
+        id: build
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          args: ${{ matrix.args }}
+          includeUpdaterJson: false
+      
+      - name: fix JSON
+        if: matrix.platform != 'windows-latest'
+        id: truncate_paths
+        run: echo "paths=$(echo '${{ steps.build.outputs.artifactPaths }}' | sed 's/^..//' | sed 's/..$//')" >> $GITHUB_OUTPUT
+
+      - name: upload macos artifacts (M1)
+        if: matrix.platform == 'macos-latest' && matrix.arch == 'aarch64'
+        uses: actions/upload-artifact@v4
+        with:
+          name: macos-m1-artifacts
+          path: ${{ steps.truncate_paths.outputs.paths }}
+      
+      - name: upload macos artifacts (Intel)
+        if: matrix.platform == 'macos-latest' && matrix.arch == 'x86_64'
+        uses: actions/upload-artifact@v4
+        with:
+          name: macos-intel-artifacts
+          path: ${{ steps.truncate_paths.outputs.paths }}
+
+      - name: upload linux artifacts
+        if: matrix.platform == 'ubuntu-22.04'
+        uses: actions/upload-artifact@v4
+        with:
+          name: linux-artifacts
+          path: ${{ steps.truncate_paths.outputs.paths }}
+
+      - name: upload windows artifacts
+        if: matrix.platform == 'windows-latest'
+        uses: actions/upload-artifact@v4
+        with:
+          name: windows-artifacts
+          path: "./src-tauri/target/release/bundle/*" # fck windows
+
+          

.gitignore

@@ -4,138 +4,29 @@ logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
 lerna-debug.log*
-.pnpm-debug.log*
 
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Snowpack dependency directory (https://snowpack.dev/)
-web_modules/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional stylelint cache
-.stylelintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variable files
-.env
-.env.development.local
-.env.test.local
-.env.production.local
-.env.local
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-.parcel-cache
-
-# Next.js build output
-.next
-out
-
-# Nuxt.js build / generate output
-.nuxt
+node_modules
 dist
+dist-ssr
+*.local
 
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and not Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+*.iml
 
-# vuepress build output
-.vuepress/dist
-
-# vuepress v2.x temp and cache directory
-.temp
-.cache
-
-# Docusaurus cache and generated files
-.docusaurus
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-
-# VSCode directory for storing user settings
-.vscode
-
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.*
-
-# IntelliJ
-.idea/
-
-# SteamDepotDownloaderGUI specific directories
-/depotdownloader/
-/games/
-*.zip
+# SteamDepotDownloaderGUI files
+src-tauri/depotdownloader
+src-tauri/*.zip
+src-tauri/*.exe
+**/DepotDownloader
+**/DepotDownloader.xml

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+  "recommendations": [
+    "tauri-apps.tauri-vscode",
+    "rust-lang.rust-analyzer"
+  ]
+}

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
+

LICENSE

@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+Everyone is permitted to copy and distribute verbatim copies
+of this license document, but changing it is not allowed.
+
+                            Preamble
+
+The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+0. Definitions.
+
+"This License" refers to version 3 of the GNU General Public License.
+
+"Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+"The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+1. Source Code.
+
+The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+The Corresponding Source for a work in source code form is that
+same work.
+
+2. Basic Permissions.
+
+All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+4. Conveying Verbatim Copies.
+
+You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+5. Conveying Modified Source Versions.
+
+You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+6. Conveying Non-Source Forms.
+
+You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+"Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+7. Additional Terms.
+
+"Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+8. Termination.
+
+You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+9. Acceptance Not Required for Having Copies.
+
+You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+10. Automatic Licensing of Downstream Recipients.
+
+Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+11. Patents.
+
+A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+12. No Surrender of Others' Freedom.
+
+If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+13. Use with the GNU Affero General Public License.
+
+Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+14. Revised Versions of this License.
+
+The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+15. Disclaimer of Warranty.
+
+THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+16. Limitation of Liability.
+
+IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+17. Interpretation of Sections 15 and 16.
+
+If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.

README.md

@@ -0,0 +1,78 @@
+<div align="center">
+<h1>SteamDepotDownloaderGUI</h1>
+<h4>A graphical wrapper for DepotDownloader, designed to make downloading older versions of Steam games easy.</h4>
+
+→ <a href="https://www.youtube.com/watch?v=H2COwT5OUOo" target="_blank"><b>Tutorial</b></a> ~ 
+<a href="https://depotdownloader.aphex.cc/" target="_blank"><b>Website</b></a> ~ 
+<a href="https://www.youtube.com/watch?v=ogiDAuH3VdY" target="_blank"><b>Example usage</b></a> ←
+</h4>
+
+
+<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://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>
+
+
+<img src="https://github.com/user-attachments/assets/0a2debcc-617a-449d-971f-9e1cf1d5cb0b" alt="Steam downgrader interface" />
+</div>
+
+## Features
+> ↓ *The downloader in action:*<br>
+> <img src="https://github.com/user-attachments/assets/8739f06e-a258-48b2-a684-ca8fcf84dd7e" alt="Steam downgrader process" style="width: 25svw;"/>
+
+### Cross-platform support
+| OS      | Supported |
+|---------|-----------|
+| Windows | ✅         |
+| Linux   | ✅         |
+| macOS   | ✅         |
+
+## Installation
+> [!CAUTION]  
+> This GitHub repository is the only official place to download this software.  
+> If you have paid for this software, or downloaded this from a different place than here, **you are an idiot and at risk**.
+
+
+### Windows
+Download the [latest Windows release](https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest). There are multiple variants to choose from, but you are probably looking for the file that ends with **`.exe`**.
+
+
+### Linux
+You'll need at least one of the supported terminal emulators. You most likely already have one of these.
+Download the [latest Linux release](https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest). There are multiple formats to choose from.
+
+## Tutorials
+* https://www.youtube.com/watch?v=H2COwT5OUOo How to download older versions of Steam games tutorial
+
+* https://www.youtube.com/watch?v=ogiDAuH3VdY How to download older versions of Subnautica tutorial
+
+
+## Credits
+This software makes use of the following projects:
+- [**DepotDownloader**](https://github.com/SteamRE/DepotDownloader/)
+- [Tauri](https://tauri.app)
+- [Primer CSS](https://primer.style/css/)
+- [async-process](https://github.com/smol-rs/async-process)
+- [Hubut Sans](https://github.com/github/hubot-sans) under [license](https://github.com/github/hubot-sans/blob/05d5ea150c20e6434485db8ffd2277ed18a9e911/LICENSE) 
+
+
+## Donate
+You can donate [here](paypal.me/onderkin) or through the **donate** button in the interface.
+
+
+## Contribute
+Every pull request is welcome! ;)  
+Please cleanup the code using:
+```console
+$ pnpm eslint --fix src/
+```
+
+
+<p align="center">
+  <a href="https://www.gnu.org/licenses/gpl-3.0" target="_blank">
+    <img src="https://github.com/mmvanheusden/SteamDepotDownloaderGUI/assets/50550545/b5649b7f-ea49-45c4-b0cd-5f3788dcd6ca" height="40px">
+  </a>
+  <a href="https://aphex.cc" target="_blank">
+    <img src="https://github.com/mmvanheusden/SteamDepotDownloaderGUI/assets/50550545/83f5f3b2-2bf9-41aa-ab87-880466f785fe" height="40px">
+  </a>
+</p>

eslint.config.js

@@ -0,0 +1,26 @@
+// @ts-check
+
+import eslint from '@eslint/js';
+import {defineConfig} from 'eslint/config';
+import tseslint from 'typescript-eslint';
+
+export default defineConfig(
+    eslint.configs.recommended,
+    tseslint.configs.stylisticTypeChecked,
+    {
+        languageOptions: {
+            parserOptions: {
+                project: 'tsconfig.json',
+            },
+        },
+    },
+    {
+        files: ["src/**"],
+        rules: {
+            "semi": ["error", "always"], // semicolons
+            "indent": ["error", "tab"], // tabs indents
+            "linebreak-style": ["error", "unix"],
+            "quotes": ["error", "double"],
+        },
+    },
+);

index.html

@@ -1,63 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>SteamDepotDownloaderGUI - downgrade Steam games</title>
-    <link href="https://unpkg.com/@primer/css@21.0.9/dist/primer.css" rel="stylesheet"/>
-    <link href="styles.css" rel="stylesheet">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css"
-          rel="stylesheet"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-</head>
-<body>
-<header class="bg-gray-dark text-white p-4 text-center">
-    <h1 class="title mb-2">SteamDepotDownloaderGUI</h1>
-    <h2 class="subtitle">Download older versions of Steam games!</h2>
-</header>
-<script src="./oneko.js"></script>
-<main class="container mx-auto p-2">
-    <a class="github-fork-ribbon" data-ribbon="Fork me on GitHub"
-       href="https://github.com/mmvanheusden/steamdepotdownloadergui" title="Fork me on GitHub">Fork me on GitHub</a>
-
-    <div style="display: flex;left: 0; right: 0">
-        <!-- 1st element -->
-        <div>
-            <section style="margin-right: 1%;">
-                <h3>About</h3>
-                <p>SteamDepotDownloaderGUI is a tool that<br>
-                    allows you to downgrade Steam games,
-                    using <a href="https://github.com/SteamRE/DepotDownloader">DepotDownloader</a>.<br>
-                    It is multiplatform, and easy to use.
-                    It works on Windows, macOS and Linux!</p>
-            </section>
-            <section>
-                <h2>How to use:</h2>
-                <a class="btn instructions-link" href="https://www.youtube.com/playlist?list=PLRAjc5plLScj967hnsYX-I3Vjw9C1v7Ca"><b>Tutorials</b></a>
-            </section>
-        </div>
-
-        <!-- 2nd element -->
-        <div style="margin-right: 3%">
-            <section>
-                <h3>How to Download</h3>
-                <p>Click the download button below to get the latest version of SteamDepotDownloaderGUI.</p>
-                <a href="https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/latest">
-                    <button class="btn btn-primary btn-block btn-">Download</button>
-                </a>
-            </section>
-        </div>
-
-        <!-- 3rd element -->
-        <div>
-            <img alt="The interface."src="https://github.com/user-attachments/assets/2e1b1b8e-9560-4dde-86c0-b70384a54fbb"
-                 style="object-fit: contain;width: 100%;max-height: 764px;">
-        </div>
-    </div>
-
-</main>
-<footer class="text-center p-2" style="bottom: 0; position: absolute; right: 0; left:0">
-    © 2024 <a class="knopje" href="https://aphex.cc" type="button">aphex</a> Licensed under
-    <a href="https://www.gnu.org/licenses/gpl-3.0.txt">GNU GPLv3</a>
-</footer>
-</body>
-</html>

instructions.md

@@ -1,29 +0,0 @@
-# How to download older versions of Steam games using Steam Depot Downloader GUI?
-Please watch this video: [https://www.youtube.com/watch?v=H2COwT5OUOo](https://www.youtube.com/watch?v=H2COwT5OUOo)
-I'll write it down here too, but it's better to watch the video.
-This is a guide on how to download older versions of Steam games using Steam Depot Downloader GUI.
-## Step 1: Download Steam Depot Downloader GUI
-You can download it from here:  
-[https://github.com/mmvanheusden/SteamDepotDownloaderGUI](https://github.com/mmvanheusden/SteamDepotDownloaderGUI)
-## Step 2: Find the game's AppID  
-You can find the game's AppID by searching for it on SteamDB:
- * [https://steamdb.info/instantsearch/](https://steamdb.info/instantsearch/)
-
-### Step 2.1: Find the game's DepotID
-After you found the game's AppID, you need to find the game's DepotID.  
-You can find the game's DepotID by clicking on "Depots" in the sidebar in the game's page on SteamDB.  
-Please note that there are multiple DepotIDs for each game. It will depend on which platform you use and/or which version of the game you want to download.
-### Step 2.2: Find the game's ManifestID
-After you found the game's DepotID, you need to find the game's ManifestID.  
-You can find the game's ManifestID by first clicking on the depot, and then clicking on "Manifests" in the sidebar on the game's page on SteamDB.  
-Choose the ManifestID that you want to download. Each ManifestID is a different version of the game.  
-**Tip:** Find the date of the version you want to download, and then choose the ManifestID that was created on that date.
-## Step 3: Fill in the form
-Now that you have the game's AppID, DepotID and ManifestID, you can download the game.  
-Open SteamDepotDownloaderGUI, and enter your username and password.  
-Then choose the folder where you want to download the game.  
-Then enter the game's AppID, DepotID and ManifestID.  
-Then click on "Download".
-## Step 4: Play
-After the download is finished, you can play the game.  
-You can find the game in the folder that you chose in the form, click on the game's folder, and then click on the game's executable file.

oneko.js

@@ -1,240 +0,0 @@
-// oneko.js: https://github.com/adryd325/oneko.js
-
-(function oneko() {
-    const isReducedMotion =
-      window.matchMedia(`(prefers-reduced-motion: reduce)`) === true ||
-      window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true;
-  
-    if (isReducedMotion) return;
-  
-    const nekoEl = document.createElement("div");
-  
-    let nekoPosX = 32;
-    let nekoPosY = 32;
-  
-    let mousePosX = 0;
-    let mousePosY = 0;
-  
-    let frameCount = 0;
-    let idleTime = 0;
-    let idleAnimation = null;
-    let idleAnimationFrame = 0;
-  
-    const nekoSpeed = 10;
-    const spriteSets = {
-      idle: [[-3, -3]],
-      alert: [[-7, -3]],
-      scratchSelf: [
-        [-5, 0],
-        [-6, 0],
-        [-7, 0],
-      ],
-      scratchWallN: [
-        [0, 0],
-        [0, -1],
-      ],
-      scratchWallS: [
-        [-7, -1],
-        [-6, -2],
-      ],
-      scratchWallE: [
-        [-2, -2],
-        [-2, -3],
-      ],
-      scratchWallW: [
-        [-4, 0],
-        [-4, -1],
-      ],
-      tired: [[-3, -2]],
-      sleeping: [
-        [-2, 0],
-        [-2, -1],
-      ],
-      N: [
-        [-1, -2],
-        [-1, -3],
-      ],
-      NE: [
-        [0, -2],
-        [0, -3],
-      ],
-      E: [
-        [-3, 0],
-        [-3, -1],
-      ],
-      SE: [
-        [-5, -1],
-        [-5, -2],
-      ],
-      S: [
-        [-6, -3],
-        [-7, -2],
-      ],
-      SW: [
-        [-5, -3],
-        [-6, -1],
-      ],
-      W: [
-        [-4, -2],
-        [-4, -3],
-      ],
-      NW: [
-        [-1, 0],
-        [-1, -1],
-      ],
-    };
-  
-    function init() {
-      nekoEl.id = "oneko";
-      nekoEl.ariaHidden = true;
-      nekoEl.style.width = "32px";
-      nekoEl.style.height = "32px";
-      nekoEl.style.position = "fixed";
-      nekoEl.style.pointerEvents = "none";
-      nekoEl.style.imageRendering = "pixelated";
-      nekoEl.style.left = `${nekoPosX - 16}px`;
-      nekoEl.style.top = `${nekoPosY - 16}px`;
-      nekoEl.style.zIndex = 2147483647;
-  
-      let nekoFile = "./oneko.gif"
-      const curScript = document.currentScript
-      if (curScript && curScript.dataset.cat) {
-        nekoFile = curScript.dataset.cat
-      }
-      nekoEl.style.backgroundImage = `url(${nekoFile})`;
-  
-      document.body.appendChild(nekoEl);
-  
-      document.addEventListener("mousemove", function (event) {
-        mousePosX = event.clientX;
-        mousePosY = event.clientY;
-      });
-  
-      window.requestAnimationFrame(onAnimationFrame);
-    }
-  
-    let lastFrameTimestamp;
-  
-    function onAnimationFrame(timestamp) {
-      // Stops execution if the neko element is removed from DOM
-      if (!nekoEl.isConnected) {
-        return;
-      }
-      if (!lastFrameTimestamp) {
-        lastFrameTimestamp = timestamp;
-      }
-      if (timestamp - lastFrameTimestamp > 100) {
-        lastFrameTimestamp = timestamp
-        frame()
-      }
-      window.requestAnimationFrame(onAnimationFrame);
-    }
-  
-    function setSprite(name, frame) {
-      const sprite = spriteSets[name][frame % spriteSets[name].length];
-      nekoEl.style.backgroundPosition = `${sprite[0] * 32}px ${sprite[1] * 32}px`;
-    }
-  
-    function resetIdleAnimation() {
-      idleAnimation = null;
-      idleAnimationFrame = 0;
-    }
-  
-    function idle() {
-      idleTime += 1;
-  
-      // every ~ 20 seconds
-      if (
-        idleTime > 10 &&
-        Math.floor(Math.random() * 200) == 0 &&
-        idleAnimation == null
-      ) {
-        let avalibleIdleAnimations = ["sleeping", "scratchSelf"];
-        if (nekoPosX < 32) {
-          avalibleIdleAnimations.push("scratchWallW");
-        }
-        if (nekoPosY < 32) {
-          avalibleIdleAnimations.push("scratchWallN");
-        }
-        if (nekoPosX > window.innerWidth - 32) {
-          avalibleIdleAnimations.push("scratchWallE");
-        }
-        if (nekoPosY > window.innerHeight - 32) {
-          avalibleIdleAnimations.push("scratchWallS");
-        }
-        idleAnimation =
-          avalibleIdleAnimations[
-            Math.floor(Math.random() * avalibleIdleAnimations.length)
-          ];
-      }
-  
-      switch (idleAnimation) {
-        case "sleeping":
-          if (idleAnimationFrame < 8) {
-            setSprite("tired", 0);
-            break;
-          }
-          setSprite("sleeping", Math.floor(idleAnimationFrame / 4));
-          if (idleAnimationFrame > 192) {
-            resetIdleAnimation();
-          }
-          break;
-        case "scratchWallN":
-        case "scratchWallS":
-        case "scratchWallE":
-        case "scratchWallW":
-        case "scratchSelf":
-          setSprite(idleAnimation, idleAnimationFrame);
-          if (idleAnimationFrame > 9) {
-            resetIdleAnimation();
-          }
-          break;
-        default:
-          setSprite("idle", 0);
-          return;
-      }
-      idleAnimationFrame += 1;
-    }
-  
-    function frame() {
-      frameCount += 1;
-      const diffX = nekoPosX - mousePosX;
-      const diffY = nekoPosY - mousePosY;
-      const distance = Math.sqrt(diffX ** 2 + diffY ** 2);
-  
-      if (distance < nekoSpeed || distance < 48) {
-        idle();
-        return;
-      }
-  
-      idleAnimation = null;
-      idleAnimationFrame = 0;
-  
-      if (idleTime > 1) {
-        setSprite("alert", 0);
-        // count down after being alerted before moving
-        idleTime = Math.min(idleTime, 7);
-        idleTime -= 1;
-        return;
-      }
-  
-      let direction;
-      direction = diffY / distance > 0.5 ? "N" : "";
-      direction += diffY / distance < -0.5 ? "S" : "";
-      direction += diffX / distance > 0.5 ? "W" : "";
-      direction += diffX / distance < -0.5 ? "E" : "";
-      setSprite(direction, frameCount);
-  
-      nekoPosX -= (diffX / distance) * nekoSpeed;
-      nekoPosY -= (diffY / distance) * nekoSpeed;
-  
-      nekoPosX = Math.min(Math.max(16, nekoPosX), window.innerWidth - 16);
-      nekoPosY = Math.min(Math.max(16, nekoPosY), window.innerHeight - 16);
-  
-      nekoEl.style.left = `${nekoPosX - 16}px`;
-      nekoEl.style.top = `${nekoPosY - 16}px`;
-    }
-  
-    init();
-  })();
-  

package.json

@@ -0,0 +1,34 @@
+{
+  "name": "vectum",
+  "private": true,
+  "version": "3.0.1",
+  "type": "module",
+  "license": "GPL-3.0-only",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "tauri": "tauri"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@tauri-apps/api": "2.9.1",
+    "@tauri-apps/plugin-dialog": "2.6.0",
+    "@tauri-apps/plugin-opener": "~2.5.3",
+    "@tauri-apps/plugin-shell": "2.3.4",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0",
+    "jquery": "^4.0.0",
+    "tailwindcss": "^4.1.18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@tauri-apps/cli": "2.9.6",
+    "@types/jquery": "^3.5.33",
+    "eslint": "^9.39.2",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.54.0",
+    "vite": "^7.3.1"
+  },
+  "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264"
+}

src-tauri/.gitignore

@@ -0,0 +1,16 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/
+
+# Generated by Tauri
+# will have schema files for capabilities auto-completion
+/gen/schemas
+
+
+# DepotDownloader
+depot/
+downloads/
+.DepotDownloader/
+Games/
+Depots/
+**/*.sh

src-tauri/Cargo.toml

@@ -0,0 +1,45 @@
+[package]
+name = "vectum"
+version = "3.0.1"
+description = "Download older versions of Steam games with DepotDownloader"
+authors = ["mmvanheusden"]
+edition = "2021"
+license = "GPL-3.0-only"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[build-dependencies]
+tauri-build = { version = "2.4.1", features = [] }
+
+[dependencies]
+fix-path-env = { git = "https://github.com/tauri-apps/fix-path-env-rs", rev = "c4c45d503ea115a839aae718d02f79e7c7f0f673" }
+serde_json = "1.0.143"
+tauri = { version = "2.8.5", features = [] }
+tauri-plugin-shell = "2.3.1"
+tauri-plugin-dialog = "2.4.0"
+serde = { version = "1.0.219", features = ["derive"] }
+derive-getters = "0.5.0"
+reqwest = { version = "0.13.1",features = ["blocking"] }
+zip = "7.2.0"
+tauri-plugin-opener = "2"
+portable-pty = "0.9.0"
+
+
+
+# Bacon - https://dystroy.org/bacon/
+# Mold - https://github.com/rui314/mold#how-to-use
+# https://discord.com/channels/616186924390023171/731495028677148753/1254902668376150149
+[profile.dev]
+incremental = true
+opt-level = 1
+debug = 0
+
+[profile.dev.package."*"]
+opt-level = 2
+
+[profile.release]
+codegen-units = 1 # Allows LLVM to perform better optimization.
+lto = true # Enables link-time-optimizations.
+opt-level = 3 # Prioritizes small binary size. Use `3` if you prefer speed.
+panic = "abort" # Higher performance by disabling panic handlers.
+strip = true # Ensures debug symbols are removed.

src-tauri/build.rs

@@ -0,0 +1,3 @@
+fn main() {
+    tauri_build::build()
+}

src-tauri/capabilities/default.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "../gen/schemas/desktop-schema.json",
+  "identifier": "default",
+  "description": "Capability for the main window",
+  "windows": [
+    "main"
+  ],
+  "permissions": [
+    "core:default",
+    "shell:allow-open",
+    "dialog:default",
+    "shell:allow-execute",
+    "shell:allow-spawn",
+    {
+      "identifier": "opener:allow-open-path",
+      "allow": [
+        {
+          "path": "**"
+        }
+      ]
+    },
+    {
+      "identifier": "opener:allow-open-url",
+      "allow": [
+        {
+          "url": "**"
+        }
+      ]
+    }
+  ]
+}

src-tauri/src/depotdownloader.rs

@@ -0,0 +1,111 @@
+use crate::get_os;
+use std::fs::File;
+use std::io::ErrorKind::AlreadyExists;
+use std::path::PathBuf;
+use std::{fs, io};
+use std::{io::Write, path::Path};
+
+pub static DEPOTDOWNLOADER_VERSION: &str = "3.4.0";
+
+
+/**
+See: [`test_get_depotdownloader_url()`]
+*/
+pub fn get_depotdownloader_url() -> String {
+    let arch = match std::env::consts::ARCH {
+        "x86_64" => "x64",
+        "aarch64" => "arm64",
+        "arm" => "arm",
+        _ => "x86_64",
+    };
+
+    format!("https://github.com/SteamRE/DepotDownloader/releases/download/DepotDownloader_{}/DepotDownloader-{}-{}.zip", DEPOTDOWNLOADER_VERSION, get_os(), arch)
+}
+
+/// Downloads a file. The file will be saved to the [`filename`] provided.
+pub async fn download_file(url: &str, filename: &Path) -> io::Result<()> {
+    if filename.exists() {
+        println!("DEBUG: Not downloading. File already exists.");
+        return Err(io::Error::from(AlreadyExists));
+    }
+
+    // Create any missing directories.
+    if let Some(p) = filename.parent() {
+        if !p.exists() {
+            fs::create_dir_all(p)?;
+        }
+    }
+
+    let mut file = File::create(filename)?;
+    let response = reqwest::get(url)
+        .await
+        .expect("Failed to contact internet.");
+
+    let content = response.bytes().await.unwrap();
+
+    file.write_all(&content)?;
+    Ok(())
+}
+
+/// Unzips DepotDownloader zips
+pub fn unzip(zip_file: &Path, working_dir: &PathBuf) -> io::Result<()> {
+    let file = File::open(zip_file)?;
+    let mut archive = zip::ZipArchive::new(file)?;
+
+    for i in 0..archive.len() {
+        let mut file = archive.by_index(i)?;
+        let outpath = match file.enclosed_name() {
+            Some(path) => working_dir.join(path),
+            None => continue,
+        };
+
+        println!("Extracted {} from archive.", outpath.display());
+
+        if let Some(p) = outpath.parent() {
+            if !p.exists() {
+                fs::create_dir_all(p)?;
+            }
+        }
+        let mut outfile = File::create(&outpath)?;
+        io::copy(&mut file, &mut outfile)?;
+
+        // Copy over permissions from enclosed file to extracted file on UNIX systems.
+        #[cfg(unix)]
+        {
+            use std::os::unix::fs::PermissionsExt;
+
+            // If the mode `file.unix_mode()` is something (not None), copy it over to the extracted file.
+            if let Some(mode) = file.unix_mode() {
+                fs::set_permissions(&outpath, fs::Permissions::from_mode(mode))?;
+            }
+
+            // Set executable permission.
+            if outpath.file_name().unwrap() == "DepotDownloader" {
+                fs::set_permissions(&outpath, fs::Permissions::from_mode(0o755))?;
+            }
+        }
+    }
+    Ok(())
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+    use reqwest::blocking;
+
+    #[test]
+    /// checks if all possible DepotDownloader URLs exist.
+    fn test_get_depotdownloader_url() {
+        for os in ["windows", "linux", "macos"].iter() {
+            for arch in ["x64", "arm64", "arm"].iter() {
+                if arch.eq(&"arm") && !os.eq(&"linux") {
+                    continue;
+                }
+                let url = format!("https://github.com/SteamRE/DepotDownloader/releases/download/DepotDownloader_{}/DepotDownloader-{}-{}.zip", DEPOTDOWNLOADER_VERSION, os, arch);
+                println!("Testing DepotDownloader URL: {}", url);
+
+                assert!(blocking::get(url).unwrap().status().is_success());
+            }
+        }
+    }
+}

src-tauri/src/main.rs

@@ -0,0 +1,176 @@
+// Prevents additional console window on Windows in release, DO NOT REMOVE!!
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+mod depotdownloader;
+mod steam;
+mod terminal;
+
+use crate::depotdownloader::{get_depotdownloader_url, DEPOTDOWNLOADER_VERSION};
+use crate::terminal::{async_read_from_pty, async_resize_pty, async_write_to_pty};
+use portable_pty::{native_pty_system, PtyPair, PtySize};
+use std::io::ErrorKind::AlreadyExists;
+use std::io::{BufReader, Read, Write};
+use std::path::{Path, PathBuf};
+use std::sync::{Arc, OnceLock};
+use std::time::Duration;
+use std::{env, thread};
+use tauri::async_runtime::Mutex;
+use tauri::{AppHandle, Emitter, Manager, State};
+
+struct AppState {
+    pty_pair: Arc<Mutex<PtyPair>>,
+    writer: Arc<Mutex<Box<dyn Write + Send>>>,
+    reader: Arc<Mutex<BufReader<Box<dyn Read + Send>>>>,
+}
+
+
+/// The first terminal found. Used as default terminal.
+static WORKING_DIR: OnceLock<PathBuf> = OnceLock::new();
+
+/// This function is called every time the app is reloaded/started. It quickly populates the [`TERMINAL`] variable with a working terminal.
+#[tauri::command]
+async fn preload_vectum(app: AppHandle) {
+    // Only fill these variables once.
+
+    if WORKING_DIR.get().is_none() {
+        WORKING_DIR.set(Path::join(&app.path().local_data_dir().unwrap(), "SteamDepotDownloaderGUI")).expect("Failed to configure working directory")
+    }
+}
+
+#[tauri::command]
+async fn start_download(steam_download: steam::SteamDownload, app: AppHandle, state: State<'_, AppState>) -> Result<(), String> {
+    // Also change working directory
+    // std::env::set_current_dir(&WORKING_DIR.get().unwrap()).unwrap();
+
+    println!("\n-------------------------DEBUG INFO------------------------");
+    println!("received these values from frontend:");
+    println!("\t- Username: {}", steam_download.username().as_ref().unwrap_or(&String::from("Not provided")));
+    // println!("\t- Password: {}", steam_download.password().as_ref().unwrap_or(&String::from("Not provided"))); Don't log in prod lol
+    println!("\t- App ID: {}", steam_download.app_id());
+    println!("\t- Depot ID: {}", steam_download.depot_id());
+    println!("\t- Manifest ID: {}", steam_download.manifest_id());
+    println!("\t- Output Path: {}", steam_download.output_path());
+    println!("\t- Working directory: {}", &WORKING_DIR.get().unwrap().display());
+    println!("----------------------------------------------------------\n");
+
+    /* Build the command and spawn it in our terminal */
+    let mut cmd = terminal::create_depotdownloader_command(&steam_download, WORKING_DIR.get().unwrap());
+
+    // add the $TERM env variable so we can use clear and other commands
+    #[cfg(target_os = "windows")]
+    cmd.env("TERM", "cygwin");
+    #[cfg(not(target_os = "windows"))]
+    cmd.env("TERM", "xterm-256color");
+
+    let mut child = state
+        .pty_pair
+        .lock()
+        .await
+        .slave
+        .spawn_command(cmd)
+        .map_err(|err| err.to_string())?;
+
+    thread::spawn(move || {
+        let status = child.wait().unwrap();
+        println!("Command exited with status: {status}");
+        app.emit("command-exited", {}).unwrap();
+        // exit(status.exit_code() as i32)
+    });
+    Ok(())
+}
+
+/// Downloads the DepotDownloader zip file from the internet based on the OS.
+#[tauri::command]
+async fn download_depotdownloader() {
+    let url = get_depotdownloader_url();
+
+    // Where we store the DepotDownloader zip.
+    let zip_filename = format!("DepotDownloader-v{}-{}.zip", DEPOTDOWNLOADER_VERSION, env::consts::OS);
+    let depotdownloader_zip = Path::join(WORKING_DIR.get().unwrap(), Path::new(&zip_filename));
+
+
+    if let Err(e) = depotdownloader::download_file(url.as_str(), depotdownloader_zip.as_path()).await {
+        if e.kind() == AlreadyExists {
+            println!("DepotDownloader already exists. Skipping download.");
+        } else {
+            println!("Failed to download DepotDownloader: {}", e);
+        }
+        return;
+    } else {
+        println!("Downloaded DepotDownloader for {} to {}", env::consts::OS, depotdownloader_zip.display());
+    }
+
+    depotdownloader::unzip(depotdownloader_zip.as_path(), WORKING_DIR.get().unwrap()).unwrap();
+    println!("Succesfully extracted DepotDownloader zip.");
+}
+
+/// Checks internet connectivity using Google
+#[tauri::command]
+async fn internet_connection() -> bool {
+    let client = reqwest::Client::builder().timeout(Duration::from_secs(5)).build().unwrap();
+
+    client.get("https://connectivitycheck.android.com/generate_204").send().await.is_ok()
+}
+
+
+pub fn get_os() -> &'static str {
+    match env::consts::OS {
+        "linux" => "linux",
+        "macos" => "macos",
+        "windows" => "windows",
+        _ => "unknown",
+    }
+}
+
+fn main() {
+    // macOS: change dir to documents because upon opening, our current dir by default is "/".
+    // todo: Is this still needed ??
+/*    if get_os() == "macos" {
+        let _ = fix_path_env::fix();
+        // let documents_dir = format!(
+        //     "{}/Documents/SteamDepotDownloaderGUI",
+        //     std::env::var_os("HOME").unwrap().to_str().unwrap()
+        // );
+        // let documents_dir = Path::new(&documents_dir);
+        // // println!("{}", documents_dir.display());
+
+        // std::fs::create_dir_all(documents_dir).unwrap();
+        // env::set_current_dir(documents_dir).unwrap();
+    }*/
+
+    /* Initialize the pty system */
+    let pty_system = native_pty_system();
+
+    let pty_pair = pty_system
+        .openpty(PtySize {
+            rows: 24,
+            cols: 80,
+            pixel_width: 0,
+            pixel_height: 0,
+        })
+        .unwrap();
+
+    let reader = pty_pair.master.try_clone_reader().unwrap();
+    let writer = pty_pair.master.take_writer().unwrap();
+
+    println!();
+    tauri::Builder::default()
+        .manage(AppState {
+            pty_pair: Arc::new(Mutex::new(pty_pair)),
+            writer: Arc::new(Mutex::new(writer)),
+            reader: Arc::new(Mutex::new(BufReader::new(reader))),
+        })
+        .plugin(tauri_plugin_opener::init())
+        .plugin(tauri_plugin_dialog::init())
+        .plugin(tauri_plugin_shell::init())
+        .invoke_handler(tauri::generate_handler![
+            start_download,
+            download_depotdownloader,
+            internet_connection,
+            preload_vectum,
+            async_write_to_pty,
+            async_read_from_pty,
+            async_resize_pty,
+        ]).run(tauri::generate_context!())
+        .expect("error while running tauri application");
+}

src-tauri/src/steam.rs

@@ -0,0 +1,40 @@
+use derive_getters::Getters;
+use serde::Deserialize;
+use std::path::PathBuf;
+
+
+/// Represents the data required to download a Steam depot.
+#[derive(Deserialize, Debug, Getters)]
+pub struct SteamDownload {
+    username: Option<String>,
+    password: Option<String>,
+    app_id: String,
+    depot_id: String,
+    manifest_id: String,
+    options: VectumOptions
+}
+
+#[derive(Debug, Deserialize, Getters)]
+pub struct VectumOptions {
+    output_directory: Option<PathBuf>,
+    directory_name: Option<String>
+}
+
+
+impl SteamDownload {
+    /// If a username or password are not provided, the download is considered anonymous
+    pub fn is_anonymous(&self) -> bool {
+        self.username.is_none() || self.password.is_none()
+    }
+
+    /// The directory where the download should happen
+    pub fn output_path(&self) -> String {
+        let sep = std::path::MAIN_SEPARATOR.to_string();
+        match (&self.options.output_directory, &self.options.directory_name) {
+            (Some(output_dir), Some(dir_name)) => format!("{}{}{}", output_dir.display(), sep, dir_name),
+            (Some(output_dir), None) => format!("{}{}{}", output_dir.display(), sep, &self.manifest_id),
+            (None, Some(dir_name)) => format!(".{}{}", sep, dir_name),
+            (None, None) => format!(".{}{}", sep, &self.manifest_id)
+        }
+    }
+}

src-tauri/src/terminal.rs

@@ -0,0 +1,77 @@
+use std::io::BufRead;
+use std::path::PathBuf;
+use portable_pty::{CommandBuilder, PtySize};
+use tauri::State;
+use crate::AppState;
+use crate::steam::SteamDownload;
+
+#[tauri::command]
+pub async fn async_write_to_pty(data: &str, state: State<'_, AppState>) -> Result<(), ()> {
+    write!(state.writer.lock().await, "{}", data).map_err(|_| ())
+}
+
+#[tauri::command]
+pub async fn async_read_from_pty(state: State<'_, AppState>) -> Result<Option<String>, ()> {
+    let mut reader = state.reader.lock().await;
+    let data = {
+        // Read all available text
+        let data = reader.fill_buf().map_err(|_| ())?;
+
+        // Send the data to the webview if necessary
+        if data.len() > 0 {
+            std::str::from_utf8(data)
+                .map(|v| Some(v.to_string()))
+                .map_err(|_| ())?
+        } else {
+            None
+        }
+    };
+
+    if let Some(data) = &data {
+        reader.consume(data.len());
+    }
+
+    Ok(data)
+}
+
+#[tauri::command]
+pub async fn async_resize_pty(rows: u16, cols: u16, state: State<'_, AppState>) -> Result<(), ()> {
+    state
+        .pty_pair
+        .lock()
+        .await
+        .master
+        .resize(PtySize {
+            rows,
+            cols,
+            ..Default::default()
+        })
+        .map_err(|_| ())
+}
+
+
+/// Creates the DepotDownloader command necessary to download the requested manifest.
+pub fn create_depotdownloader_command(steam_download: &SteamDownload, cwd: &PathBuf) -> CommandBuilder {
+    let depotdownloader_binary = if cfg!(windows) {
+        "DepotDownloader.exe"
+    } else {
+        "DepotDownloader"
+    };
+    
+    let program = cwd.join(depotdownloader_binary);
+    let mut command = CommandBuilder::new(program);
+    
+    command.cwd(cwd);
+
+    if !steam_download.is_anonymous() {
+        command.args(["-username", &*steam_download.username().clone().unwrap()]);
+        command.args(["-password", &*steam_download.password().clone().unwrap()]);
+    }
+
+    command.args(["-app", &*steam_download.app_id()]);
+    command.args(["-depot", &*steam_download.depot_id()]);
+    command.args(["-manifest", &*steam_download.manifest_id()]);
+    command.args(["-dir", &*steam_download.output_path()]);
+
+    command
+}

src-tauri/tauri.conf.json

@@ -0,0 +1,36 @@
+{
+  "productName": "SteamDepotDownloaderGUI",
+  "version": "3.0.1",
+  "identifier": "net.oopium.depotdownloader",
+  "build": {
+    "beforeDevCommand": "pnpm dev",
+    "devUrl": "http://localhost:1420",
+    "beforeBuildCommand": "pnpm build",
+    "frontendDist": "../dist"
+  },
+  "app": {
+    "withGlobalTauri": true,
+    "windows": [
+      {
+        "title": "SteamDepotDownloaderGUI",
+        "width": 890,
+        "height": 650,
+        "resizable": false
+      }
+    ],
+    "security": {
+      "csp": null
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": "all",
+    "icon": [
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/128x128@2x.png",
+      "icons/icon.icns",
+      "icons/icon.ico"
+    ]
+  }
+}

src/css/style.css

@@ -0,0 +1,139 @@
+@import "tailwindcss";
+
+@font-face {
+    font-family: 'Hubot Sans';
+    src: url('../assets/Hubot-Sans.woff2') format('woff2 supports variations'),
+    url('../assets/Hubot-Sans.woff2') format('woff2-variations');
+    font-weight: 700;
+    font-stretch: expanded;
+}
+
+@font-face {
+    font-family: 'Windows';
+    src: url('../assets/Windows.woff') format('woff2 supports variations'),
+    url('../assets/Windows.woff') format('woff2-variations');
+    font-weight: 700;
+    font-stretch: expanded;
+}
+
+.f1-light {
+    font-family: 'Hubot Sans', sans-serif;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.f2-light {
+    font-family: 'Hubot Sans', sans-serif;
+}
+
+/* The grey part */
+.settings-surrounding {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: rgba(0, 0, 0, 0.33);
+}
+
+.settings-content {
+    position: relative;
+    border-radius: 10px;
+    overflow: auto;
+    /*noinspection CssUnresolvedCustomProperty*/
+    background-color: var(--bgColor-default, var(--color-canvas-default));
+    margin: 1%;
+    padding: 25px;
+    border: 1.5px solid white;
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
+}
+
+[data-color-mode="light"] .settings-content {
+    border: 1.5px solid black;
+}
+
+@media (prefers-color-scheme: light) {
+    [data-color-mode="auto"] .settings-content {
+        border: 1.5px solid black;
+    }
+}
+
+.hide {
+    display: none;
+}
+
+hr {
+    border: 0;
+    height: 1px;
+    background: black linear-gradient(to right, #0c1016, #ccc, #0c1016);
+}
+
+[data-color-mode="light"] hr {
+    filter: invert(1);
+}
+
+@media (prefers-color-scheme: light) {
+    [data-color-mode="auto"] hr {
+        filter: invert(1);
+    }
+}
+
+.version-info {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    font-size: 0.9em;
+    padding: 5px 10px;
+    font-family: monospace;
+    cursor: pointer;
+}
+
+.AnimatedEllipsis {
+    display: inline-block;
+    overflow: hidden;
+    vertical-align: bottom
+}
+
+.AnimatedEllipsis::after {
+    display: inline-block;
+    content: "...";
+    animation: AnimatedEllipsis-keyframes 1s steps(4, jump-none) infinite
+}
+
+@keyframes AnimatedEllipsis-keyframes {
+    0% {
+        transform: translateX(-100%)
+    }
+}
+
+.opium-button {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    cursor: pointer;
+    margin-left: 5px;
+    margin-bottom: 4px;
+
+    border: 1px solid #000;
+    background: linear-gradient(180deg, #8C8C8C 25%, #434343 75%);
+    display: inline-block;
+    font: 16px "Windows", monospace;
+    padding: 2px 5px;
+    color: darkred;
+    text-decoration: none;
+
+}
+
+.opium-button:hover {
+    cursor: zoom-in;
+    background: linear-gradient(180deg, #b0b0b0 25%, #504f4f 75%);
+}
+
+.opium-button:active {
+    cursor: crosshair;
+    border: 1px inset black;
+    background: linear-gradient(180deg, #333232 25%, #504f4f 75%);
+}

src/index.html

@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html data-color-mode="auto" data-dark-theme="dark" data-light-theme="light" id="theme" lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta content="width=device-width, initial-scale=1" name="viewport"/>
+    <title>SteamDepotDownloaderGUI</title>
+    <link href="https://unpkg.com/@primer/css@21.3.6/dist/primer.css" rel="stylesheet"/>
+    <link href="css/style.css" rel="stylesheet">
+    <script defer src="./ts/preload.ts" type="module"></script>
+    <script src="./ts/main.ts" type="module"></script>
+    <script src="./ts/settings.ts" type="module"></script>
+    <script src="../node_modules/@xterm/xterm/lib/xterm.js"></script>
+    <link rel="stylesheet" href="../node_modules/@xterm/xterm/css/xterm.css" />
+</head>
+
+<body class="select-none">
+<div class="f1-light text-center mb-1">Steam Depot Downloader</div>
+<div class="flex justify-between gap-2 w-svw flex-row">
+    <div class="w-1/2 h-full">
+        <div class="mx-auto">
+            <form id="theform">
+                <div class="form-group mx-3 mt-1">
+                    <div class="form-group-header">
+                        <label for="username">Username</label>
+                    </div>
+                    <input spellcheck="false" class="form-control input-block" id="username" placeholder="Leave empty for anonymous download"
+                           type="text"/>
+                </div>
+
+                <div class="form-group mx-3 mt-1">
+                    <div class="form-group-header">
+                        <label for="password">Password</label>
+                    </div>
+                    <input class="form-control input-block" id="password" placeholder="Leave empty for anonymous download"
+                           type="password"/>
+                </div>
+
+                <div class="form-group mx-3 mt-1 required">
+                    <div class="form-group-header">
+                        <label for="appid">App ID</label>
+                    </div>
+                    <input class="form-control input-block" id="appid" type="number"/>
+                </div>
+
+                <div class="form-group mx-3 mt-1 required">
+                    <div class="form-group-header">
+                        <label for="depotid">Depot ID</label>
+                    </div>
+                    <input class="form-control input-block" id="depotid" type="number"/>
+                </div>
+
+                <div class="form-group mx-3 mt-1 required">
+                    <div class="form-group-header">
+                        <label for="manifestid">Manifest ID</label>
+                    </div>
+                    <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-disabled="true" aria-label="Check the location that has been selected."
+                         class="form-control btn btn-sm ml-2 tooltipped tooltipped-ne" id="checkpath">
+                        Open location
+                    </div>
+
+                    <span class="Label mt-1 ml-3 Label--warning" id="busy">
+							<span aria-label="Application is executing a task. Please be patient."
+                                  class="tooltipped tooltipped-n">Busy<span class="AnimatedEllipsis"></span>
+						</span>
+                </span>
+                </div>
+            </form>
+
+            <div class="mt-2" id="warning-banners">
+                <div hidden id="dotnetwarning">
+                    <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>
+                        </svg>
+                        <code><span class="text-italic">dotnet</span></code> was not found.
+                        <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>
+                            </svg>
+                            <span class="text-bold">Download</span>
+                        </button>
+                    </div>
+                </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 id="internet-btns">
+                    <div class="form-group mt-3 ml-3 mr-3">
+                        <div class="BtnGroup d-flex">
+                            <button class="BtnGroup-item btn btn-block btn-primary flex-1" id="downloadbtn">
+                                <svg class="octicon filter-red" height="16"
+                                     style="display: inline-block; user-select: none; vertical-align: text-bottom;"
+                                     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>
+                                </svg>
+                                Download
+                            </button>
+                            <button class="BtnGroup-item btn flex-0" id="settings-button">
+                                <svg fill="#8B949E" height="16"
+                                     style="display: inline-block; user-select: none; vertical-align: text-bottom;"
+                                     viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                            d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z">
+                                    </path>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+
+                <div hidden id="nopathwarning">
+                    <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 choose a download location.
+                    </div>
+                </div>
+
+                <div class="flash mx-2 mt-2 color-shadow-medium" hidden id="downloadingnotice">
+                    <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>
+                    Downloading and extracting DepotDownloader<span class="AnimatedEllipsis"></span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="w-1/2 h-full px-2">
+        <div class="mt-2 h-full w-full mx-auto">
+            <div class="border border-gray-300 rounded-md bg-gray-900 text-white shadow shadow-blue-200">
+                <span class="text-md font-semibold block text-center">Download output</span>
+                <div class="max-h-[70vh]" id="xtermjs"></div>
+            </div>
+            <div class="mt-3 justify-between flex flex-row gap-3">
+                <div aria-label="Join the Discord server for rapid support." class="btn btn-sm tooltipped tooltipped-ne mb-1 w-full text-center items-center"
+                     id="smbtn1">
+
+                    <svg fill="#8B949E" height="16" style="display: inline-block; vertical-align: text-bottom;" viewBox="0 0 16 16">
+                        <path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
+                    </svg>
+                    Discord
+                </div>
+
+                <div aria-label="Visit the SteamDB instant search website."
+                     class="btn btn-sm tooltipped tooltipped-n mb-1 w-full text-center items-center" id="smbtn2">
+                    <svg aria-hidden="true" class="octicon" fill="#8B949E" height="16" viewBox="0 0 128 128" width="16"
+                         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>
+                    </svg>
+                    SteamDB
+                </div>
+
+                <div aria-label="Donate to the author of SteamDepotDownloaderGUI."
+                     class="btn btn-sm tooltipped tooltipped-n mb-1 w-full text-center items-center" 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 official SteamDepotDownloaderGUI tutorials."
+                     class="btn btn-sm tooltipped tooltipped-nw mb-1 w-full text-center items-center" id="smbtn4">
+                    <svg fill="#8B949E" style="display: inline-block; vertical-align: text-bottom;" height="16" width="16">
+                        <path d="M0 3.75C0 2.784.784 2 1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25Z"></path>
+                        <path d="M6 10.559V5.442a.25.25 0 0 1 .379-.215l4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559Z"></path>
+                    </svg>
+                    Tutorial
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="settings-surrounding" id="settings-surrounding">
+    <div class="settings-content mx-auto max-w-2/3 h-[85vh] mt-4" id="settings-content">
+        <label class="version-info" id="version-info">UNKNOWN</label>
+        <button class="opium-button" id="opium-btn">aphex</button>
+        <h2><b>Settings</b></h2>
+        <h4><b>Appearance</b></h4>
+        <div class="form-group">
+            <div class="form-group-header">
+                <label>Theme</label>
+            </div>
+            <div class="form-group-body">
+                <div class="BtnGroup">
+                    <button aria-selected="true" class="BtnGroup-item btn btn-sm" id="theme-auto" type="button">
+                        Auto
+                    </button>
+                    <button class="BtnGroup-item btn btn-sm" id="theme-light" type="button">
+                        Light
+                    </button>
+                    <button class="BtnGroup-item btn btn-sm" id="theme-dark" type="button">
+                        Dark
+                    </button>
+                </div>
+            </div>
+        </div>
+        <h4><b>Output</b></h4>
+        <form>
+            <div class="form-group">
+                <div class="form-group-header">
+                    <label for="folder-name-custom-input">Game directory name</label>
+                </div>
+                <div class="form-group-body">
+                    <div class="BtnGroup">
+                        <button aria-selected="true" class="BtnGroup-item btn btn-sm" id="folder-name-appid"
+                                type="button">
+                            Manifest ID
+                        </button>
+                        <button class="BtnGroup-item btn btn-sm" id="folder-name-custom" type="button">
+                            Custom
+                        </button>
+                    </div>
+                    <br>
+                    <input class="form-control input-block mt-2" disabled
+                           id="folder-name-custom-input" placeholder="DepotDownloader output directory name"
+                           type="text">
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+</body>
+
+</html>

src/ts/main.ts

@@ -0,0 +1,233 @@
+import $ from "jquery";
+import {invoke} from "@tauri-apps/api/core";
+import {open as openDialog} from "@tauri-apps/plugin-dialog";
+import {openPath, openUrl} from "@tauri-apps/plugin-opener";
+import "@xterm/xterm/css/xterm.css";
+import {Terminal} from "@xterm/xterm";
+import { FitAddon } from "@xterm/addon-fit";
+import { listen } from "@tauri-apps/api/event";
+
+function setLoader(state: boolean) {
+	$("#busy").prop("hidden", !state);
+}
+
+
+function setLoadingState(state: boolean) {
+	$("#busy").prop("hidden", !state);
+
+	// loop through all buttons and input fields and disable them
+	for (const element of document.querySelectorAll("button, input")) {
+		if (element.closest("#settings-content")) continue;
+		(element as any).disabled = state;
+	}
+
+	// These elements need additional properties to be properly disabled
+	$("#pickpath").prop("ariaDisabled", state);
+	$("#downloadbtn").prop("ariaDisabled", state);
+
+	// disable internet buttons
+	for (const element of document.querySelectorAll("#internet-btns div")) {
+		element.ariaDisabled = String(state);
+	}
+}
+
+
+/// Returns list of IDs of invalid form fields
+const invalidFields = () => {
+	const form = document.forms[0];
+
+	const invalidFields: string[] = [];
+	for (const input of form) {
+		const inputElement = input as HTMLInputElement;
+		const valid = !(inputElement.value === "" && inputElement?.parentElement?.classList.contains("required"));
+		if (!valid) {
+			invalidFields.push(inputElement.id);
+		}
+	}
+	// console.debug(`[${invalidFields.join(", ")}] fields invalid/empty`);
+
+	return invalidFields;
+};
+
+const registerTerminal = async (terminalElement: HTMLElement) => {
+	const fitAddon = new FitAddon();
+	const term = new Terminal({
+		fontSize: 10,
+		cursorBlink: true,
+		rows: 100,
+		cols: 100,
+		theme: {
+			background: "rgb(47, 47, 47)",
+		},
+	});
+	term.loadAddon(fitAddon);
+	term.open(terminalElement);
+	async function fitTerminal() {
+		fitAddon.fit();
+		void invoke<string>("async_resize_pty", {
+			rows: term.rows,
+			cols: term.cols,
+		});
+	}
+
+	// Write data from pty into the terminal
+	function writeToTerminal(data: string) {
+		return new Promise<void>((r) => {
+			term.write(data, () => r());
+		});
+	}
+
+	// Write data from the terminal to the pty
+	function writeToPty(data: string) {
+		void invoke("async_write_to_pty", {
+			data,
+		});
+	}
+	term.onData(writeToPty);
+	addEventListener("resize", fitTerminal);
+	await fitTerminal();
+
+	async function readFromPty() {
+		const data = await invoke<string>("async_read_from_pty");
+
+		if (data) {
+			await writeToTerminal(data);
+		}
+		window.requestAnimationFrame(readFromPty);
+	}
+
+	window.requestAnimationFrame(readFromPty);
+};
+
+
+$(async () => {
+	await registerTerminal($("#xtermjs")[0]);
+	let downloadDirectory: string | null;
+
+	// Startup logic
+	setLoadingState(true);
+	await invoke("preload_vectum");
+	setLoadingState(false);
+
+
+	$("#pickpath").on("click", async () => {
+		// Open a dialog
+		downloadDirectory = await openDialog({
+			title: "Choose where to save the game download.",
+			multiple: false,
+			directory: true,
+			canCreateDirectories: true
+		});
+
+		if (downloadDirectory == null) {
+			// user cancelled
+			$("#checkpath").prop("ariaDisabled", true);
+			$("#checkpath").prop("disabled", true);
+			return;
+		}
+
+		$("#checkpath").prop("ariaDisabled", false);
+		$("#checkpath").prop("disabled", false);
+		$("#downloadbtn").prop("ariaDisabled", false);
+		$("#nopathwarning").prop("hidden", true);
+
+
+		console.log(downloadDirectory);
+	});
+
+	$("#checkpath").on("click", async () => {
+		console.log(`Checking path: ${downloadDirectory}`);
+
+		if (downloadDirectory != null) {
+			await openPath(downloadDirectory);
+		} else {
+			$("#checkpath").prop("ariaDisabled", true);
+		}
+	});
+
+	$("#downloadbtn").on("click", async () => {
+		console.log("download button clicked");
+
+		if (invalidFields().length > 0) {
+			// Loop through invalid fields. If there are any, make those "errored" and block the download button.
+			for (const id of invalidFields()) {
+				document.getElementById(id)?.parentElement?.classList.toggle("errored", true);
+			}
+			$("#emptywarning").prop("hidden", false);
+			$("#downloadbtn").prop("ariaDisabled", true);
+			return;
+		}
+
+		if (downloadDirectory == null) {
+			$("#nopathwarning").prop("hidden", false);
+			$("#downloadbtn").prop("ariaDisabled", true);
+			return;
+		}
+
+		setLoadingState(true);
+		$("#downloadingnotice").prop("hidden", false);
+		$("#busy").prop("hidden", true); // Don't show the loader this time.
+
+		const directoryNameChoice = $("#folder-name-custom-input").val();
+
+		// Output path w/ directories chosen is: {downloadDirectory}/{directoryNameChoice}
+		const vectumOptions = {
+			output_directory: downloadDirectory || null, // if not specified let backend choose a path.
+			directory_name: directoryNameChoice || null,
+		};
+
+		const steamDownload = {
+			// String || null translate to Some(String) || None
+			username: String($("#username").val()).trim() || null,
+			password: String($("#password").val()).trim() || null,
+			app_id: $("#appid").val(),
+			depot_id: $("#depotid").val(),
+			manifest_id: $("#manifestid").val(),
+			options: vectumOptions
+		};
+
+		// console.debug(steamDownload);
+		await invoke("download_depotdownloader");
+
+		$("#downloadingnotice").prop("hidden", true);
+		setLoadingState(false);
+
+		console.debug("DepotDownloader download process completed. Starting game download...");
+
+		setLoadingState(true);
+		await invoke("start_download", {steamDownload: steamDownload});
+		console.log("Send frontend data over to backend. Ready for next download.");
+	});
+
+	$("#settings-button").on("click", async () => {
+		$("#settings-surrounding").toggle();
+	});
+
+	$("#settings-surrounding").on("click", (event) => {
+		if (event.target === document.getElementById("settings-surrounding")) {
+			$("#settings-surrounding").toggle();
+		}
+	});
+
+	$("#opium-btn").on("click", () => {
+		openUrl("https://aphex.cc/index.html");
+	});
+
+
+	document.forms[0].addEventListener("input", (event) => {
+		// Remove errored class. This is a bad way to do it, but it works for now.
+		const target = event.target as HTMLElement;
+		target?.parentElement?.classList.toggle("errored", false);
+
+		// If there are no more invalid fields, hide the warning and enable the download button again
+		if (invalidFields().length === 0) {
+			$("#emptywarning").prop("hidden", true);
+			$("#downloadbtn").prop("ariaDisabled", false);
+		}
+	});
+});
+
+
+listen<string>("command-exited", () => {
+	setLoadingState(false);
+});

src/ts/preload.ts

@@ -0,0 +1,34 @@
+import {message} from "@tauri-apps/plugin-dialog";
+import {invoke} from "@tauri-apps/api/core";
+import $ from "jquery";
+import {openUrl} from "@tauri-apps/plugin-opener";
+
+
+$(async () => {
+	/* eslint-disable indent */
+	switch (await invoke("internet_connection")) {
+		case false: {
+			await message("No internet connection! Can't proceed.", {
+				title: "SteamDepotDownloaderGUI", kind: "error", okLabel: "Close"
+			});
+		}
+	}
+	/* eslint-enable indent */
+
+	// discord
+	$("#smbtn1").on("click", () => {
+		openUrl("https://discord.com/invite/3qCt4DT5qe");
+	});
+	// steamdb
+	$("#smbtn2").on("click", () => {
+		openUrl("https://steamdb.info/instantsearch");
+	});
+	// donate
+	$("#smbtn3").on("click", () => {
+		openUrl("https://paypal.me/onderkin");
+	});
+	// tutorial
+	$("#smbtn4").on("click", () => {
+		openUrl("https://youtube.com/playlist?list=PLRAjc5plLScj967hnsYX-I3Vjw9C1v7Ca");
+	});
+});

src/ts/settings.ts

@@ -0,0 +1,47 @@
+import {getVersion} from "@tauri-apps/api/app";
+import $ from "jquery";
+import {openUrl} from "@tauri-apps/plugin-opener";
+
+
+$(async () => {
+	$("#version-info").text(`v${await getVersion()}`);
+
+	$("#theme-auto").on("click", () => {
+		setTheme("auto");
+	});
+	$("#theme-light").on("click", () => {
+		setTheme("light");
+	});
+	$("#theme-dark").on("click", () => {
+		setTheme("dark");
+	});
+
+	$("#folder-name-appid").on("click", () => {
+		$("#folder-name-custom").attr("aria-selected", "false");
+		$("#folder-name-appid").attr("aria-selected", "true");
+		$("#folder-name-custom-input").prop("disabled", true);
+		$("#folder-name-custom-input").val("");
+	});
+
+	// todo: fix folder-name-custom-input not disabled on untouched app state
+
+	$("#folder-name-custom").on("click", () => {
+		$("#folder-name-appid").attr("aria-selected", "false");
+		$("#folder-name-custom").attr("aria-selected", "true");
+		$("#folder-name-custom-input").prop("disabled", false);
+	});
+
+	console.log(await getVersion());
+
+	$("#version-info").on("click", async () => {
+		await openUrl(`https://github.com/mmvanheusden/SteamDepotDownloaderGUI/releases/v${await getVersion()}`);
+	});
+});
+
+function setTheme(theme: string) {
+	$("#theme-auto").attr("aria-selected", String(theme === "auto"));
+	$("#theme-light").attr("aria-selected", String(theme === "light"));
+	$("#theme-dark").attr("aria-selected", String(theme === "dark"));
+	$("#theme").attr("data-color-mode", theme);
+	localStorage.theme = theme;
+}

styles.css

@@ -1,63 +0,0 @@
-@font-face {
-    font-family: 'Windows';
-    src: url(./fonts/windows_regular-webfont.woff) format('woff'), url(./fonts/windows_regular-webfont.woff2) format('woff2'), url(./fonts/Windows-Regular.ttf) format('truetype');
-}
-
-@font-face {
-    font-family: 'Hubot Sans';
-    src:
-      url('./fonts/Hubot-Sans.woff2') format('woff2 supports variations'),
-      url('./fonts/Hubot-Sans.woff2') format('woff2-variations');
-    font-weight: 200 900;
-    font-stretch: 75% 125%;
-  }
-  html {
-    font-family: 'Hubot Sans';
-  }
-
-.instructions-link {
-    animation: highlight 2s infinite;
-    text-decoration: none;
-}
-
-@keyframes highlight {
-    0%, 100% {
-        color: #ff0000;
-    }
-    50% {
-        color: #003cff;
-    }
-}
-
-
-.title {
-    font-family: 'Hubot Sans';
-    font-weight: bolder;
-    font-size: 50px;
-}
-
-.subtitle {
-    font-family: 'Hubot Sans';
-    font-weight: 600;
-    font-size: 30px;
-}
-
-.knopje {
-    border: 1px solid #000;
-    background: linear-gradient(180deg, #8C8C8C 25%, #434343 75%);
-    display: inline-block;
-    font: 19px "Windows", monospace;
-    padding: 0 5px;
-    font-size: 13px;
-    color: darkred;
-    text-decoration: none;
-
-}
-
-.knopje:hover {
-    text-decoration: none;
-}
-
-.knopje:active {
-    background: linear-gradient(180deg, #b0b0b0 25%, #504f4f 75%);
-}

tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": [
+    "src"
+  ]
+}

vite.config.ts

@@ -0,0 +1,39 @@
+import {defineConfig} from "vite";
+import tailwindcss from '@tailwindcss/vite'
+
+// @ts-expect-error process is a nodejs global
+const host = process.env.TAURI_DEV_HOST;
+
+// https://vitejs.dev/config/
+export default defineConfig(async () => ({
+
+    // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
+    //
+    // 1. prevent vite from obscuring rust errors
+    clearScreen: false,
+    // 2. tauri expects a fixed port, fail if that port is not available
+    server: {
+        port: 1420,
+        strictPort: true,
+        host: host || false,
+        hmr: host
+            ? {
+                protocol: "ws",
+                host,
+                port: 1421,
+            }
+            : undefined,
+        watch: {
+            // 3. tell vite to ignore watching `src-tauri`
+            ignored: ["**/src-tauri/**"],
+        }
+    },
+    root: "src",
+    build: {
+        outDir: '../dist',
+        emptyOutDir: true,
+    },
+    plugins: [
+        tailwindcss(),
+    ]
+}));