Hydra Launcher

https://docs.hydralauncher.gg
Admin
Hydra Launcher is an open-source gaming platform built with Node.js and Python that manages your...
Tokens:1,705
Snippets:25
Trust Score:6.3
Update:5 months ago
Show doc for...
Tokens:
Raw
### Install Project Dependencies

Source: https://docs.hydralauncher.gg/getting-started

After cloning, navigate into the project directory and install Node.js dependencies using Yarn and Python dependencies using pip.

```bash
cd hydra
yarn # To install Node.js dependencies with yarn
pip install -r requirements.txt # To install Python dependencies using pip
```

--------------------------------

### Run Hydra Project

Source: https://docs.hydralauncher.gg/getting-started

Execute this command to start the Hydra development server after all setup steps are completed. Ensure Yarn is installed.

```bash
yarn dev
```

--------------------------------

### Clone Hydra Repository

Source: https://docs.hydralauncher.gg/getting-started

Use this command to clone the Hydra repository from GitHub. Ensure Git is installed.

```bash
git clone https://github.com/hydralauncher/hydra.git
```

--------------------------------

### Example CSS for a Custom Theme

Source: https://docs.hydralauncher.gg/themes

This CSS code defines the visual appearance of a custom theme, including background, text color, and element styling. It uses properties like `background`, `color`, `url()`, `background-position`, `background-repeat`, `rgba()`, and `backdrop-filter`.

```css
.sidebar,
.header,
.container__content,
.bottom-panel {
  background: transparent;
}

body {
  color: #9e9e9e;
}

#root {
  background: url(https://preview.redd.it/l5gcq3y6ggk41.png?auto=webp&s=c886c7db543b1ff5b7e68df6bd76f1fb7ee8a6c7)
    #000;
  background-position: top;
  background-repeat: no-repeat;
}

.text-field-container__text-field--dark,
.text-field-container__text-field--primary,
.header__search,
.game-item,
.settings__content,
.catalogue__filters-container,
.friends-box__box,
.user-stats__box,
.recent-games__box,
.sidebar {
  background-color: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(8px);
}

.container__content .button--outline {
  backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.5);
}

.settings-download-sources__item,
.download-group__item,
.game-item {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
```

--------------------------------

### Commit and Push Theme Changes

Source: https://docs.hydralauncher.gg/themes

These Git commands are used to stage, commit, and push your theme files to your forked repository. Ensure you have added your theme files correctly before staging.

```bash
git add .
git commit -m 'Creating my theme'
git push
```

--------------------------------

### Configure Production Environment Variables

Source: https://docs.hydralauncher.gg/getting-started

Create a .env file in the project root and populate it with these variables for the production environment. Ensure all required variables are set for Hydra to function correctly.

```dotenv
# Environment variables for production

MAIN_VITE_API_URL=https://hydra-api-us-east-1.losbroxas.org
MAIN_VITE_AUTH_URL=https://auth.hydralauncher.gg
MAIN_VITE_CHECKOUT_URL=https://checkout.hydralauncher.gg
MAIN_VITE_EXTERNAL_RESOURCES_URL=https://assets.hydralauncher.gg
RENDERER_VITE_EXTERNAL_RESOURCES_URL=https://assets.hydralauncher.gg
MAIN_VITE_WS_URL=wss://ws.hydralauncher.gg
```

--------------------------------

### Clone Hydra Themes Repository

Source: https://docs.hydralauncher.gg/themes

Use this Git command to clone your forked hydra-themes repository to your local machine. Replace `<github-username>` with your actual GitHub username.

```bash
git clone https://github.com/<github-username>/hydra-themes.git
```

--------------------------------

### JSON Structure for Download Source

Source: https://docs.hydralauncher.gg/download-sources

This JSON structure defines a download source for Hydra Launcher. It includes a name for the source and a list of downloadable items, each with a title, file size, URIs for download, and upload date. Use this as a template when creating your own download sources.

```json
{
  "name": "string",
  "downloads": [
    {
      "title": "string",
      "fileSize": "string",
      "uris": ["string"],
      "uploadDate": "string"
    }
  ]
}
```
Tokens:
Raw