mirror of
https://github.com/hydralauncher/hydra.git
synced 2026-01-11 22:06:17 +00:00
Compare commits
36 Commits
test
...
feat/addin
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8e3a932aa4 | ||
|
|
1fc87f93b7 | ||
|
|
f28c867479 | ||
|
|
928acc2765 | ||
|
|
140718764d | ||
|
|
f41128c4c8 | ||
|
|
59b3fb5317 | ||
|
|
d205f2b391 | ||
|
|
82ab889dad | ||
|
|
c3880ce181 | ||
|
|
5e86ad4d7e | ||
|
|
e2fb59ed8d | ||
|
|
dc04cff378 | ||
|
|
6df34e7f3c | ||
|
|
2773fa7b3c | ||
|
|
093a9f251e | ||
|
|
9979e92d8f | ||
|
|
8cd613e3b6 | ||
|
|
28bf7b8764 | ||
|
|
be3ce6e2db | ||
|
|
c600a4a46f | ||
|
|
d14951f25c | ||
|
|
d6b38771a8 | ||
|
|
8400edd000 | ||
|
|
6e3c5cac7e | ||
|
|
4f2d6f3302 | ||
|
|
72c3219fc0 | ||
|
|
048c56d670 | ||
|
|
43505a281f | ||
|
|
c380e5f5a0 | ||
|
|
5c32e61569 | ||
|
|
f594cd298a | ||
|
|
bcd6db24c9 | ||
|
|
c2216bbf95 | ||
|
|
f84917a00b | ||
|
|
94ebf94abc |
@@ -28,6 +28,13 @@
|
|||||||
- Use async/await instead of promises when possible
|
- Use async/await instead of promises when possible
|
||||||
- Prefer named exports over default exports for utilities and services
|
- Prefer named exports over default exports for utilities and services
|
||||||
|
|
||||||
|
## TypeScript Array Syntax
|
||||||
|
|
||||||
|
- **Always use `T[]` syntax instead of `Array<T>`** for array types
|
||||||
|
- Prefer: `string[]`, `number[]`, `MyType[]`
|
||||||
|
- Avoid: `Array<string>`, `Array<number>`, `Array<MyType>`
|
||||||
|
- This applies to all type annotations, type assertions, and generic type parameters
|
||||||
|
|
||||||
## Comments
|
## Comments
|
||||||
|
|
||||||
- Keep comments concise and purposeful; avoid verbose explanations.
|
- Keep comments concise and purposeful; avoid verbose explanations.
|
||||||
|
|||||||
65
.github/ISSUE_TEMPLATE/bug_report.yml
vendored
65
.github/ISSUE_TEMPLATE/bug_report.yml
vendored
@@ -1,65 +0,0 @@
|
|||||||
name: Bug Report
|
|
||||||
description: Create a report to help us improve. Write in English.
|
|
||||||
title: "[BUG] Write a title for your bug"
|
|
||||||
labels: ["bug"]
|
|
||||||
body:
|
|
||||||
- type: markdown
|
|
||||||
attributes:
|
|
||||||
value: |
|
|
||||||
Thank you for creating a bug report to help us improve!
|
|
||||||
- type: textarea
|
|
||||||
id: bug-description
|
|
||||||
attributes:
|
|
||||||
label: Describe the bug
|
|
||||||
description: A clear and concise description of what the bug is.
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
- type: textarea
|
|
||||||
id: bug-reproduce
|
|
||||||
attributes:
|
|
||||||
label: Steps to Reproduce
|
|
||||||
description: Steps to reproduce the behavior. For example, "1. Go to '...', 2. Click on '...', 3. See error"
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
- type: textarea
|
|
||||||
id: expected-behavior
|
|
||||||
attributes:
|
|
||||||
label: Expected behavior
|
|
||||||
description: A clear and concise description of what you expected to happen.
|
|
||||||
validations:
|
|
||||||
required: false
|
|
||||||
- type: textarea
|
|
||||||
id: additional-info
|
|
||||||
attributes:
|
|
||||||
label: Additional information and data
|
|
||||||
description: |
|
|
||||||
Add screenshots and upload your all logs file here.
|
|
||||||
Logs location on Windows: "%appdata%/hydralauncher/logs"
|
|
||||||
Logs location on Linux: "~/.config/hydralauncher/logs"
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
- type: input
|
|
||||||
id: OS
|
|
||||||
attributes:
|
|
||||||
label: Operating System
|
|
||||||
description: Which operating system are you using (e.g., Windows 11/Linux Distro/Steam Deck)?
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
- type: input
|
|
||||||
id: hydra-version
|
|
||||||
attributes:
|
|
||||||
label: Hydra Version
|
|
||||||
description: Please provide the version of Hydra you are using.
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
- type: checkboxes
|
|
||||||
id: terms
|
|
||||||
attributes:
|
|
||||||
label: Before opening this Issue
|
|
||||||
options:
|
|
||||||
- label: I have searched the issues of this repository and believe that this is not a duplicate.
|
|
||||||
required: true
|
|
||||||
- label: I am aware that Hydra team does not offer any support or help regarding the downloaded games.
|
|
||||||
required: true
|
|
||||||
- label: I have read the [Frequently Asked Questions (FAQ)](https://github.com/hydralauncher/hydra/wiki/FAQ).
|
|
||||||
required: true
|
|
||||||
37
.github/ISSUE_TEMPLATE/feature_request.yml
vendored
37
.github/ISSUE_TEMPLATE/feature_request.yml
vendored
@@ -1,37 +0,0 @@
|
|||||||
name: Feature Request
|
|
||||||
description: Request a new feature.
|
|
||||||
title: "[REQUEST] "
|
|
||||||
labels: ["enhancement"]
|
|
||||||
body:
|
|
||||||
- type: markdown
|
|
||||||
attributes:
|
|
||||||
value: |
|
|
||||||
Thank you for taking the time to suggest a new feature!
|
|
||||||
- type: textarea
|
|
||||||
id: problem-related
|
|
||||||
attributes:
|
|
||||||
label: Is your feature request related to a problem? Please describe.
|
|
||||||
description: A clear and concise description of what the problem is.
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
- type: textarea
|
|
||||||
id: solution
|
|
||||||
attributes:
|
|
||||||
label: Describe the solution you'd like
|
|
||||||
description: A clear and concise description of what you want to happen.
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
- type: textarea
|
|
||||||
id: alternatives
|
|
||||||
attributes:
|
|
||||||
label: Describe alternatives you've considered
|
|
||||||
description: A clear and concise description of any alternative solutions or features you've considered.
|
|
||||||
validations:
|
|
||||||
required: false
|
|
||||||
- type: textarea
|
|
||||||
id: additional-context
|
|
||||||
attributes:
|
|
||||||
label: Additional context
|
|
||||||
description: Add any other context or screenshots about the feature request here.
|
|
||||||
validations:
|
|
||||||
required: false
|
|
||||||
4
.github/pull-request-template.md
vendored
4
.github/pull-request-template.md
vendored
@@ -2,11 +2,9 @@
|
|||||||
|
|
||||||
**When submitting this pull request, I confirm the following (please check the boxes):**
|
**When submitting this pull request, I confirm the following (please check the boxes):**
|
||||||
|
|
||||||
- [ ] I have read and understood the [Contributor Guidelines](https://github.com/hydralauncher/hydra?tab=readme-ov-file#ways-you-can-contribute).
|
- [ ] I have read the [Hydra documentation](https://docs.hydralauncher.gg/getting-started.html).
|
||||||
- [ ] I have checked that there are no duplicate pull requests related to this request.
|
- [ ] I have checked that there are no duplicate pull requests related to this request.
|
||||||
- [ ] I have considered, and confirm that this submission is valuable to others.
|
- [ ] I have considered, and confirm that this submission is valuable to others.
|
||||||
- [ ] I accept that this submission may not be used and the pull request may be closed at the discretion of the maintainers.
|
- [ ] I accept that this submission may not be used and the pull request may be closed at the discretion of the maintainers.
|
||||||
|
|
||||||
**Fill in the PR content:**
|
**Fill in the PR content:**
|
||||||
|
|
||||||
-
|
|
||||||
|
|||||||
2
.github/workflows/update-aur.yml
vendored
2
.github/workflows/update-aur.yml
vendored
@@ -137,7 +137,7 @@ jobs:
|
|||||||
if git diff --staged --quiet; then
|
if git diff --staged --quiet; then
|
||||||
echo "No changes to commit"
|
echo "No changes to commit"
|
||||||
else
|
else
|
||||||
COMMIT_MSG="v${{ steps.get-version.outputs.version }}"
|
COMMIT_MSG="${{ steps.get-version.outputs.version }}"
|
||||||
|
|
||||||
git commit -m "$COMMIT_MSG"
|
git commit -m "$COMMIT_MSG"
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<div align="center">
|
<div align="center">
|
||||||
|
|
||||||
[<img src="./resources/icon.png" width="144"/>](https://help.hydralauncher.gg)
|
[<img src="https://raw.githubusercontent.com/hydralauncher/hydra/refs/heads/main/resources/icon.png" width="144"/>](https://help.hydralauncher.gg)
|
||||||
|
|
||||||
<h1 align="center">Hydra Launcher</h1>
|
<h1 align="center">Hydra Launcher</h1>
|
||||||
|
|
||||||
|
|||||||
@@ -153,8 +153,11 @@ def profile_image():
|
|||||||
data = request.get_json()
|
data = request.get_json()
|
||||||
image_path = data.get('image_path')
|
image_path = data.get('image_path')
|
||||||
|
|
||||||
|
# use webp as default value for target_extension
|
||||||
|
target_extension = data.get('target_extension') or 'webp'
|
||||||
|
|
||||||
try:
|
try:
|
||||||
processed_image_path, mime_type = ProfileImageProcessor.process_image(image_path)
|
processed_image_path, mime_type = ProfileImageProcessor.process_image(image_path, target_extension)
|
||||||
return jsonify({'imagePath': processed_image_path, 'mimeType': mime_type}), 200
|
return jsonify({'imagePath': processed_image_path, 'mimeType': mime_type}), 200
|
||||||
except Exception as e:
|
except Exception as e:
|
||||||
return jsonify({"error": str(e)}), 400
|
return jsonify({"error": str(e)}), 400
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import os, uuid, tempfile
|
|||||||
class ProfileImageProcessor:
|
class ProfileImageProcessor:
|
||||||
|
|
||||||
@staticmethod
|
@staticmethod
|
||||||
def get_parsed_image_data(image_path):
|
def get_parsed_image_data(image_path, target_extension):
|
||||||
Image.MAX_IMAGE_PIXELS = 933120000
|
Image.MAX_IMAGE_PIXELS = 933120000
|
||||||
|
|
||||||
image = Image.open(image_path)
|
image = Image.open(image_path)
|
||||||
@@ -16,7 +16,7 @@ class ProfileImageProcessor:
|
|||||||
return image_path, mime_type
|
return image_path, mime_type
|
||||||
else:
|
else:
|
||||||
new_uuid = str(uuid.uuid4())
|
new_uuid = str(uuid.uuid4())
|
||||||
new_image_path = os.path.join(tempfile.gettempdir(), new_uuid) + ".webp"
|
new_image_path = os.path.join(tempfile.gettempdir(), new_uuid) + "." + target_extension
|
||||||
image.save(new_image_path)
|
image.save(new_image_path)
|
||||||
|
|
||||||
new_image = Image.open(new_image_path)
|
new_image = Image.open(new_image_path)
|
||||||
@@ -26,5 +26,5 @@ class ProfileImageProcessor:
|
|||||||
|
|
||||||
|
|
||||||
@staticmethod
|
@staticmethod
|
||||||
def process_image(image_path):
|
def process_image(image_path, target_extension):
|
||||||
return ProfileImageProcessor.get_parsed_image_data(image_path)
|
return ProfileImageProcessor.get_parsed_image_data(image_path, target_extension)
|
||||||
|
|||||||
@@ -94,6 +94,12 @@
|
|||||||
"header": {
|
"header": {
|
||||||
"search": "Search games",
|
"search": "Search games",
|
||||||
"search_library": "Search library",
|
"search_library": "Search library",
|
||||||
|
"recent_searches": "Recent Searches",
|
||||||
|
"suggestions": "Suggestions",
|
||||||
|
"clear_history": "Clear history",
|
||||||
|
"remove_from_history": "Remove from history",
|
||||||
|
"loading": "Loading...",
|
||||||
|
"no_results": "No results",
|
||||||
"home": "Home",
|
"home": "Home",
|
||||||
"catalogue": "Catalogue",
|
"catalogue": "Catalogue",
|
||||||
"library": "Library",
|
"library": "Library",
|
||||||
|
|||||||
@@ -8,11 +8,12 @@
|
|||||||
"no_results": "Nincs találat",
|
"no_results": "Nincs találat",
|
||||||
"start_typing": "Kereséshez gépelj...",
|
"start_typing": "Kereséshez gépelj...",
|
||||||
"hot": "Most felkapott",
|
"hot": "Most felkapott",
|
||||||
"weekly": "📅 A hét felkapottjai",
|
"weekly": "📅 Heti kiemeltek",
|
||||||
"achievements": "🏆 Achievement támogatott"
|
"achievements": "🏆 Achievement támogatott"
|
||||||
},
|
},
|
||||||
"sidebar": {
|
"sidebar": {
|
||||||
"catalogue": "Katalógus",
|
"catalogue": "Katalógus",
|
||||||
|
"library": "Könyvtár",
|
||||||
"downloads": "Letöltések",
|
"downloads": "Letöltések",
|
||||||
"settings": "Beállítások",
|
"settings": "Beállítások",
|
||||||
"my_library": "Könyvtáram",
|
"my_library": "Könyvtáram",
|
||||||
@@ -81,7 +82,7 @@
|
|||||||
"update_decky_plugin": "Decky Plugin Frissítése",
|
"update_decky_plugin": "Decky Plugin Frissítése",
|
||||||
"decky_plugin_installed_version": "Decky Plugin (v{{version}})",
|
"decky_plugin_installed_version": "Decky Plugin (v{{version}})",
|
||||||
"install_decky_plugin_title": "Telepítsd a Hydra Decky Plugint",
|
"install_decky_plugin_title": "Telepítsd a Hydra Decky Plugint",
|
||||||
"install_decky_plugin_message": "Ez letölti és telepíteni fogja a Hydra plugint a Decky Loaderhez. Előfordulhat, hogy rendszergazdai jogosultságra lesz szükség. Folytatod?",
|
"install_decky_plugin_message": "Ez letölti és telepíti a Hydra plugint a Decky Loaderhez. Előfordulhat, hogy rendszergazdai jogosultságra lesz szükség. Folytatod?",
|
||||||
"update_decky_plugin_title": "Hydra Decky Plugin Frissítése",
|
"update_decky_plugin_title": "Hydra Decky Plugin Frissítése",
|
||||||
"update_decky_plugin_message": "Egy új verzió elérhető a Hydra Decky Pluginhoz. Szeretnéd frissíteni?",
|
"update_decky_plugin_message": "Egy új verzió elérhető a Hydra Decky Pluginhoz. Szeretnéd frissíteni?",
|
||||||
"decky_plugin_installed": "Decky plugin v{{version}} sikeresen telepítve",
|
"decky_plugin_installed": "Decky plugin v{{version}} sikeresen telepítve",
|
||||||
@@ -92,8 +93,10 @@
|
|||||||
},
|
},
|
||||||
"header": {
|
"header": {
|
||||||
"search": "Keresés",
|
"search": "Keresés",
|
||||||
|
"search_library": "Könyvtár böngészése",
|
||||||
"home": "Főoldal",
|
"home": "Főoldal",
|
||||||
"catalogue": "Katalógus",
|
"catalogue": "Katalógus",
|
||||||
|
"library": "Könyvtár",
|
||||||
"downloads": "Letöltések",
|
"downloads": "Letöltések",
|
||||||
"search_results": "Keresési találatok",
|
"search_results": "Keresési találatok",
|
||||||
"settings": "Beállítások",
|
"settings": "Beállítások",
|
||||||
@@ -117,7 +120,7 @@
|
|||||||
"tags": "Címkék",
|
"tags": "Címkék",
|
||||||
"publishers": "Kiadók",
|
"publishers": "Kiadók",
|
||||||
"download_sources": "Letöltési források",
|
"download_sources": "Letöltési források",
|
||||||
"result_count": "{{resultCount}} találatok",
|
"result_count": "{{resultCount}} találat",
|
||||||
"filter_count": "{{filterCount}} elérhető",
|
"filter_count": "{{filterCount}} elérhető",
|
||||||
"clear_filters": "{{filterCount}} kiválaszott szűrő törlése"
|
"clear_filters": "{{filterCount}} kiválaszott szűrő törlése"
|
||||||
},
|
},
|
||||||
@@ -166,11 +169,11 @@
|
|||||||
"download_now": "Letöltés",
|
"download_now": "Letöltés",
|
||||||
"no_shop_details": "A bolt adatai nem érhetőek el.",
|
"no_shop_details": "A bolt adatai nem érhetőek el.",
|
||||||
"download_options": "Letöltési opciók",
|
"download_options": "Letöltési opciók",
|
||||||
"download_path": "Letöltis hely",
|
"download_path": "Letöltési hely",
|
||||||
"previous_screenshot": "Előző screenshot",
|
"previous_screenshot": "Előző screenshot",
|
||||||
"next_screenshot": "Következő screenshot",
|
"next_screenshot": "Következő screenshot",
|
||||||
"screenshot": "Screenshot {{number}}",
|
"screenshot": "Screenshot {{number}}",
|
||||||
"open_screenshot": "Screenshot megnyitása {{number}}",
|
"open_screenshot": "{{number}} Screenshot megnyitása ",
|
||||||
"download_settings": "Letöltési beállítások",
|
"download_settings": "Letöltési beállítások",
|
||||||
"downloader": "Letöltési mód",
|
"downloader": "Letöltési mód",
|
||||||
"select_executable": "Tallózás",
|
"select_executable": "Tallózás",
|
||||||
@@ -194,6 +197,7 @@
|
|||||||
"download_in_progress": "Letöltés folyamatban",
|
"download_in_progress": "Letöltés folyamatban",
|
||||||
"download_paused": "Letöltés szüneteltetve",
|
"download_paused": "Letöltés szüneteltetve",
|
||||||
"last_downloaded_option": "Utoljára letöltött",
|
"last_downloaded_option": "Utoljára letöltött",
|
||||||
|
"new_download_option": "Új",
|
||||||
"create_steam_shortcut": "Steam parancsikon létrehozása",
|
"create_steam_shortcut": "Steam parancsikon létrehozása",
|
||||||
"create_shortcut_success": "A parancsikon létrehozása sikeres",
|
"create_shortcut_success": "A parancsikon létrehozása sikeres",
|
||||||
"you_might_need_to_restart_steam": "Lehetséges hogy újrakell indítsd a Steamet hogy lásd a változást.",
|
"you_might_need_to_restart_steam": "Lehetséges hogy újrakell indítsd a Steamet hogy lásd a változást.",
|
||||||
@@ -223,6 +227,7 @@
|
|||||||
"show_more": "Mutass többet",
|
"show_more": "Mutass többet",
|
||||||
"show_less": "Mutass kevesebbet",
|
"show_less": "Mutass kevesebbet",
|
||||||
"reviews": "Vélemények",
|
"reviews": "Vélemények",
|
||||||
|
"review_played_for": "Játszva",
|
||||||
"leave_a_review": "Hagyd itt a véleményed",
|
"leave_a_review": "Hagyd itt a véleményed",
|
||||||
"write_review_placeholder": "Oszd meg gondolatod a játékról...",
|
"write_review_placeholder": "Oszd meg gondolatod a játékról...",
|
||||||
"sort_newest": "Legújabb",
|
"sort_newest": "Legújabb",
|
||||||
@@ -361,7 +366,10 @@
|
|||||||
"show_original": "Eredeti megjelenítése",
|
"show_original": "Eredeti megjelenítése",
|
||||||
"show_translation": "Fordítás megjelenítése",
|
"show_translation": "Fordítás megjelenítése",
|
||||||
"show_original_translated_from": "Eredeti megjelenítése (fordítva: {{language}})",
|
"show_original_translated_from": "Eredeti megjelenítése (fordítva: {{language}})",
|
||||||
"hide_original": "Eredeti elrejtése"
|
"hide_original": "Eredeti elrejtése",
|
||||||
|
"review_from_blocked_user": "Letiltott felhasználó véleménye",
|
||||||
|
"show": "Megjelenítés",
|
||||||
|
"hide": "Elrejtés"
|
||||||
},
|
},
|
||||||
"activation": {
|
"activation": {
|
||||||
"title": "Hydra Aktiválása",
|
"title": "Hydra Aktiválása",
|
||||||
@@ -488,11 +496,11 @@
|
|||||||
"no_email_account": "Még nincs beállított emailed",
|
"no_email_account": "Még nincs beállított emailed",
|
||||||
"account_data_updated_successfully": "Fiókadatok változtatása sikeres",
|
"account_data_updated_successfully": "Fiókadatok változtatása sikeres",
|
||||||
"renew_subscription": "Hydra Cloud Megújítása",
|
"renew_subscription": "Hydra Cloud Megújítása",
|
||||||
"subscription_expired_at": "Az előfizetésed lejárt, ekkor: {{date}}",
|
"subscription_expired_at": "Az előfizetésed lejárt: {{date}}",
|
||||||
"no_subscription": "Élvezd a Hydrát a lehető legjobb módon",
|
"no_subscription": "Élvezd a Hydrát a lehető legjobb módon",
|
||||||
"become_subscriber": "Légy Hydra Cloud tag",
|
"become_subscriber": "Légy Hydra Cloud tag",
|
||||||
"subscription_renew_cancelled": "Automatikus megújítás kikapcsolva",
|
"subscription_renew_cancelled": "Automatikus megújítás kikapcsolva",
|
||||||
"subscription_renews_on": "Az előfizetésed megújul, ekkor: {{date}}",
|
"subscription_renews_on": "Az előfizetésed megújul: {{date}}",
|
||||||
"bill_sent_until": "A következő számlát ezen napon küldjük",
|
"bill_sent_until": "A következő számlát ezen napon küldjük",
|
||||||
"no_themes": "Úgy látszik nincs egyetlen témád sem még, de ne aggódj, kattints ide hogy elkészítsd a remekművedet.",
|
"no_themes": "Úgy látszik nincs egyetlen témád sem még, de ne aggódj, kattints ide hogy elkészítsd a remekművedet.",
|
||||||
"editor_tab_code": "Code",
|
"editor_tab_code": "Code",
|
||||||
@@ -551,10 +559,19 @@
|
|||||||
"platinum": "Platina",
|
"platinum": "Platina",
|
||||||
"hidden": "Rejtett",
|
"hidden": "Rejtett",
|
||||||
"test_notification": "Értesítés tesztelése",
|
"test_notification": "Értesítés tesztelése",
|
||||||
|
"achievement_sound_volume": "Achievement hangereje",
|
||||||
|
"select_achievement_sound": "Achievement hang kiválasztása",
|
||||||
|
"change_achievement_sound": "Achievement hang megváltoztatása",
|
||||||
|
"remove_achievement_sound": "Achievement hang eltávolítása",
|
||||||
|
"preview_sound": "Hang előnézet",
|
||||||
|
"select": "Kiválaszt",
|
||||||
|
"preview": "Előnézet",
|
||||||
|
"remove": "Eltávolít",
|
||||||
|
"no_sound_file_selected": "Nincs hangfájl kiválasztva",
|
||||||
"notification_preview": "Achievement Értesítés Előnézete",
|
"notification_preview": "Achievement Értesítés Előnézete",
|
||||||
"enable_friend_start_game_notifications": "Amikor egy barátod elkezd játszani egy játékot",
|
"enable_friend_start_game_notifications": "Amikor egy barátod elkezd játszani egy játékot",
|
||||||
"autoplay_trailers_on_game_page": "Játékelőzetes automatikus lejátszása a játék oldalán",
|
"autoplay_trailers_on_game_page": "Játékelőzetes automatikus lejátszása a játék oldalán",
|
||||||
"hide_to_tray_on_game_start": "Hydra elrejtése játék elindításakor a tálcára"
|
"hide_to_tray_on_game_start": "Hydra elrejtése játék indításakor a tálcára"
|
||||||
},
|
},
|
||||||
"notifications": {
|
"notifications": {
|
||||||
"download_complete": "Letöltés befejezve",
|
"download_complete": "Letöltés befejezve",
|
||||||
@@ -670,7 +687,7 @@
|
|||||||
"report_reason_other": "Egyéb",
|
"report_reason_other": "Egyéb",
|
||||||
"profile_reported": "Profil bejelentve",
|
"profile_reported": "Profil bejelentve",
|
||||||
"your_friend_code": "A barát kódod:",
|
"your_friend_code": "A barát kódod:",
|
||||||
"upload_banner": "Borítókép feltöltés",
|
"upload_banner": "Borítókép feltöltése",
|
||||||
"uploading_banner": "Borítókép feltöltése…",
|
"uploading_banner": "Borítókép feltöltése…",
|
||||||
"background_image_updated": "Borítókép frissítve",
|
"background_image_updated": "Borítókép frissítve",
|
||||||
"stats": "Statisztikák",
|
"stats": "Statisztikák",
|
||||||
@@ -689,7 +706,31 @@
|
|||||||
"game_added_to_pinned": "Játék hozzáadva a kitűzöttekhez",
|
"game_added_to_pinned": "Játék hozzáadva a kitűzöttekhez",
|
||||||
"karma": "Karma",
|
"karma": "Karma",
|
||||||
"karma_count": "karma",
|
"karma_count": "karma",
|
||||||
"karma_description": "Pozitív értékelésekkel szerzett pontok"
|
"karma_description": "Pozitív értékelésekkel szerzett pontok",
|
||||||
|
"user_reviews": "Vélemények",
|
||||||
|
"delete_review": "Vélemény Törlése",
|
||||||
|
"loading_reviews": "Vélemények betöltése..."
|
||||||
|
},
|
||||||
|
"library": {
|
||||||
|
"library": "Könyvtár",
|
||||||
|
"play": "Játék",
|
||||||
|
"download": "Letöltés",
|
||||||
|
"downloading": "Letöltés..",
|
||||||
|
"game": "játék",
|
||||||
|
"games": "játékok",
|
||||||
|
"grid_view": "Rács nézet",
|
||||||
|
"compact_view": "Kompakt nézet",
|
||||||
|
"large_view": "Nagy nézet",
|
||||||
|
"no_games_title": "A könyvtárad üres",
|
||||||
|
"no_games_description": "Adj játékokat a katalógusból hozzá vagy töltsd le őket hogy bele vágj",
|
||||||
|
"amount_hours": "{{amount}} óra",
|
||||||
|
"amount_minutes": "{{amount}} perc",
|
||||||
|
"amount_hours_short": "{{amount}}ó",
|
||||||
|
"amount_minutes_short": "{{amount}}p",
|
||||||
|
"manual_playtime_tooltip": "Ez a játszottidő manuálisan lett frissítve",
|
||||||
|
"all_games": "Összes Játék",
|
||||||
|
"recently_played": "Nemrég Játszva",
|
||||||
|
"favorites": "Kedvencek"
|
||||||
},
|
},
|
||||||
"achievement": {
|
"achievement": {
|
||||||
"achievement_unlocked": "Achievement feloldva",
|
"achievement_unlocked": "Achievement feloldva",
|
||||||
|
|||||||
@@ -16,6 +16,7 @@
|
|||||||
"downloads": "İndirilenler",
|
"downloads": "İndirilenler",
|
||||||
"settings": "Ayarlar",
|
"settings": "Ayarlar",
|
||||||
"my_library": "Kütüphanem",
|
"my_library": "Kütüphanem",
|
||||||
|
"library": "Kütüphane",
|
||||||
"downloading_metadata": "{{title}} (Meta verileri indiriliyor…)",
|
"downloading_metadata": "{{title}} (Meta verileri indiriliyor…)",
|
||||||
"paused": "{{title}} (Duraklatıldı)",
|
"paused": "{{title}} (Duraklatıldı)",
|
||||||
"downloading": "{{title}} (%{{percentage}} - İndiriliyor…)",
|
"downloading": "{{title}} (%{{percentage}} - İndiriliyor…)",
|
||||||
@@ -26,7 +27,69 @@
|
|||||||
"sign_in": "Giriş Yap",
|
"sign_in": "Giriş Yap",
|
||||||
"friends": "Arkadaşlar",
|
"friends": "Arkadaşlar",
|
||||||
"need_help": "Yardıma mı ihtiyacınız var?",
|
"need_help": "Yardıma mı ihtiyacınız var?",
|
||||||
"favorites": "Favoriler"
|
"favorites": "Favoriler",
|
||||||
|
"playable_button_title": "Şu anda oynayabileceğin oyunları göster",
|
||||||
|
"add_custom_game_tooltip": "Özel Oyun Ekle",
|
||||||
|
"show_playable_only_tooltip": "Sadece Oynanabilirleri Göster",
|
||||||
|
"custom_game_modal": "Özel Oyun Ekle",
|
||||||
|
"custom_game_modal_description": "Çalıştırılabilir bir dosya seçerek kütüphanene özel oyun ekle",
|
||||||
|
"custom_game_modal_executable_path": "Çalıştırılabilir Dosya Yolu",
|
||||||
|
"custom_game_modal_select_executable": "Çalıştırılabilir dosya seç",
|
||||||
|
"custom_game_modal_title": "Başlık",
|
||||||
|
"custom_game_modal_enter_title": "Başlık gir",
|
||||||
|
"custom_game_modal_browse": "Gözat",
|
||||||
|
"custom_game_modal_cancel": "İptal",
|
||||||
|
"custom_game_modal_add": "Oyun Ekle",
|
||||||
|
"custom_game_modal_adding": "Oyun Ekleniyor...",
|
||||||
|
"custom_game_modal_success": "Özel oyun başarıyla eklendi",
|
||||||
|
"custom_game_modal_failed": "Özel oyun eklenemedi",
|
||||||
|
"custom_game_modal_executable": "Çalıştırılabilir",
|
||||||
|
"edit_game_modal": "Varlıkları Özelleştir",
|
||||||
|
"edit_game_modal_description": "Oyun varlıklarını ve detaylarını özelleştir",
|
||||||
|
"edit_game_modal_title": "Başlık",
|
||||||
|
"edit_game_modal_enter_title": "Başlık gir",
|
||||||
|
"edit_game_modal_image": "Görsel",
|
||||||
|
"edit_game_modal_select_image": "Görsel seç",
|
||||||
|
"edit_game_modal_browse": "Gözat",
|
||||||
|
"edit_game_modal_image_preview": "Görsel önizleme",
|
||||||
|
"edit_game_modal_icon": "İkon",
|
||||||
|
"edit_game_modal_select_icon": "İkon seç",
|
||||||
|
"edit_game_modal_icon_preview": "İkon önizleme",
|
||||||
|
"edit_game_modal_logo": "Logo",
|
||||||
|
"edit_game_modal_select_logo": "Logo seç",
|
||||||
|
"edit_game_modal_logo_preview": "Logo önizleme",
|
||||||
|
"edit_game_modal_hero": "Kütüphane Hero",
|
||||||
|
"edit_game_modal_select_hero": "Kütüphane hero görseli seç",
|
||||||
|
"edit_game_modal_hero_preview": "Kütüphane hero görseli önizleme",
|
||||||
|
"edit_game_modal_cancel": "İptal et",
|
||||||
|
"edit_game_modal_update": "Güncelle",
|
||||||
|
"edit_game_modal_updating": "Güncelleniyor...",
|
||||||
|
"edit_game_modal_fill_required": "Lütfen tüm gerekli alanları doldur",
|
||||||
|
"edit_game_modal_success": "Varlıklar başarıyla güncellendi",
|
||||||
|
"edit_game_modal_failed": "Varlıklar güncellenemedi",
|
||||||
|
"edit_game_modal_image_filter": "Görsel",
|
||||||
|
"edit_game_modal_icon_resolution": "Önerilen çözünürlük: 256x256px",
|
||||||
|
"edit_game_modal_logo_resolution": "Önerilen çözünürlük: 640x360px",
|
||||||
|
"edit_game_modal_hero_resolution": "Önerilen çözünürlük: 1920x620px",
|
||||||
|
"edit_game_modal_assets": "Varlıklar",
|
||||||
|
"edit_game_modal_drop_icon_image_here": "İkon görselini buraya bırak",
|
||||||
|
"edit_game_modal_drop_logo_image_here": "Logo görselini buraya bırak",
|
||||||
|
"edit_game_modal_drop_hero_image_here": "Hero görselini buraya bırak",
|
||||||
|
"edit_game_modal_drop_to_replace_icon": "İkonu değiştirmek için buraya bırak",
|
||||||
|
"edit_game_modal_drop_to_replace_logo": "Logoyu değiştirmek için buraya bırak",
|
||||||
|
"edit_game_modal_drop_to_replace_hero": "Hero'yu değiştirmek için buraya bırak",
|
||||||
|
"install_decky_plugin": "Decky Plugin Kur",
|
||||||
|
"update_decky_plugin": "Decky Plugin Güncelle",
|
||||||
|
"decky_plugin_installed_version": "Decky Plugin (v{{version}})",
|
||||||
|
"install_decky_plugin_title": "Hydra Decky Plugin Kur",
|
||||||
|
"install_decky_plugin_message": "Bu işlem Decky Loader için Hydra plugin'ini indirecek ve kuracak. Bu işlem yükseltilmiş izinler gerektirebilir. Devam et?",
|
||||||
|
"update_decky_plugin_title": "Hydra Decky Plugin Güncelle",
|
||||||
|
"update_decky_plugin_message": "Hydra Decky plugin'inin yeni bir sürümü mevcut. Şimdi güncellemek ister misin?",
|
||||||
|
"decky_plugin_installed": "Decky plugin v{{version}} başarıyla kuruldu",
|
||||||
|
"decky_plugin_installation_failed": "Decky plugin kurulamadı: {{error}}",
|
||||||
|
"decky_plugin_installation_error": "Decky plugin kurulumu hatası: {{error}}",
|
||||||
|
"confirm": "Onayla",
|
||||||
|
"cancel": "İptal"
|
||||||
},
|
},
|
||||||
"header": {
|
"header": {
|
||||||
"search": "Oyunlarda Ara",
|
"search": "Oyunlarda Ara",
|
||||||
@@ -35,6 +98,8 @@
|
|||||||
"downloads": "İndirilenler",
|
"downloads": "İndirilenler",
|
||||||
"search_results": "Arama Sonuçları",
|
"search_results": "Arama Sonuçları",
|
||||||
"settings": "Ayarlar",
|
"settings": "Ayarlar",
|
||||||
|
"search_library": "Kütüphanede ara",
|
||||||
|
"library": "Kütüphane",
|
||||||
"version_available_install": "{{version}} sürümü mevcut. Yeniden başlatıp yüklemek için tıklayın.",
|
"version_available_install": "{{version}} sürümü mevcut. Yeniden başlatıp yüklemek için tıklayın.",
|
||||||
"version_available_download": "{{version}} sürümü mevcut. İndirmek için tıklayın."
|
"version_available_download": "{{version}} sürümü mevcut. İndirmek için tıklayın."
|
||||||
},
|
},
|
||||||
@@ -203,7 +268,108 @@
|
|||||||
"create_start_menu_shortcut": "Başlat Menüsüne kısayol oluştur",
|
"create_start_menu_shortcut": "Başlat Menüsüne kısayol oluştur",
|
||||||
"invalid_wine_prefix_path": "Geçersiz Wine ön ek yolu",
|
"invalid_wine_prefix_path": "Geçersiz Wine ön ek yolu",
|
||||||
"invalid_wine_prefix_path_description": "Wine ön ek yolu hatalı. Lütfen yolu kontrol edin ve tekrar deneyin.",
|
"invalid_wine_prefix_path_description": "Wine ön ek yolu hatalı. Lütfen yolu kontrol edin ve tekrar deneyin.",
|
||||||
"missing_wine_prefix": "Linux'ta yedekleme oluşturmak için Wine ön eki gereklidir"
|
"missing_wine_prefix": "Linux'ta yedekleme oluşturmak için Wine ön eki gereklidir",
|
||||||
|
"already_in_library": "Zaten kütüphanede",
|
||||||
|
"create_shortcut_simple": "Kısayol oluştur",
|
||||||
|
"properties": "Özellikler",
|
||||||
|
"new_download_option": "Yeni",
|
||||||
|
"add_to_favorites": "Favorilere ekle",
|
||||||
|
"remove_from_favorites": "Favorilerden çıkar",
|
||||||
|
"failed_update_favorites": "Favoriler güncellenemedi",
|
||||||
|
"game_removed_from_library": "Oyun kütüphaneden çıkarıldı",
|
||||||
|
"failed_remove_from_library": "Kütüphaneden çıkarılamadı",
|
||||||
|
"files_removed_success": "Dosyalar başarıyla kaldırıldı",
|
||||||
|
"failed_remove_files": "Dosyalar kaldırılamadı",
|
||||||
|
"rating_count": "Puan",
|
||||||
|
"show_more": "Daha fazla göster",
|
||||||
|
"show_less": "Daha az göster",
|
||||||
|
"reviews": "İncelemeler",
|
||||||
|
"review_played_for": "Oynama süresi",
|
||||||
|
"leave_a_review": "İnceleme Yap",
|
||||||
|
"write_review_placeholder": "Bu oyun hakkındaki düşüncelerini paylaş...",
|
||||||
|
"sort_newest": "En yeni",
|
||||||
|
"no_reviews_yet": "Henüz inceleme yok",
|
||||||
|
"be_first_to_review": "Bu oyun hakkındaki düşüncelerini paylaşan ilk kişi ol!",
|
||||||
|
"sort_oldest": "En eski",
|
||||||
|
"sort_highest_score": "En yüksek puan",
|
||||||
|
"sort_lowest_score": "En düşük puan",
|
||||||
|
"sort_most_voted": "En çok oy",
|
||||||
|
"rating": "Puan",
|
||||||
|
"rating_stats": "Puan",
|
||||||
|
"rating_very_negative": "Çok Olumsuz",
|
||||||
|
"rating_negative": "Olumsuz",
|
||||||
|
"rating_neutral": "Nötr",
|
||||||
|
"rating_positive": "Olumlu",
|
||||||
|
"rating_very_positive": "Çok Olumlu",
|
||||||
|
"submit_review": "Gönder",
|
||||||
|
"submitting": "Gönderiliyor...",
|
||||||
|
"review_submitted_successfully": "İnceleme başarıyla gönderildi!",
|
||||||
|
"review_submission_failed": "İnceleme gönderilemedi. Lütfen tekrar dene.",
|
||||||
|
"review_cannot_be_empty": "İnceleme metin alanı boş olamaz.",
|
||||||
|
"review_deleted_successfully": "İnceleme başarıyla silindi.",
|
||||||
|
"review_deletion_failed": "İnceleme silinemedi. Lütfen tekrar dene.",
|
||||||
|
"loading_reviews": "İncelemeler yükleniyor...",
|
||||||
|
"loading_more_reviews": "Daha fazla inceleme yükleniyor...",
|
||||||
|
"load_more_reviews": "Daha fazla inceleme yükle",
|
||||||
|
"you_seemed_to_enjoy_this_game": "Bu oyunu beğenmiş görünüyorsun",
|
||||||
|
"would_you_recommend_this_game": "Bu oyun hakkında bir inceleme yazmak ister misin?",
|
||||||
|
"yes": "Evet",
|
||||||
|
"maybe_later": "Belki sonra",
|
||||||
|
"backup_failed": "Yedekleme başarısız",
|
||||||
|
"update_playtime_title": "Oynama süresini güncelle",
|
||||||
|
"update_playtime_description": "{{game}} için oynama süresini manuel olarak güncelle",
|
||||||
|
"update_playtime": "Oynama süresini güncelle",
|
||||||
|
"update_playtime_success": "Oynama süresi başarıyla güncellendi",
|
||||||
|
"update_playtime_error": "Oynama süresi güncellenemedi",
|
||||||
|
"update_game_playtime": "Oyun oynama süresini güncelle",
|
||||||
|
"manual_playtime_warning": "Saatlerin manuel olarak güncellendiği işaretlenecek ve bu geri alınamaz.",
|
||||||
|
"manual_playtime_tooltip": "Bu oynama süresi manuel olarak güncellendi",
|
||||||
|
"game_removed_from_pinned": "Oyun sabitlenmişlerden çıkarıldı",
|
||||||
|
"game_added_to_pinned": "Oyun sabitlenmişlere eklendi",
|
||||||
|
"artifact_renamed": "Yedekleme başarıyla yeniden adlandırıldı",
|
||||||
|
"rename_artifact": "Yedeklemeyi Yeniden Adlandır",
|
||||||
|
"rename_artifact_description": "Yedeklemeyi daha açıklayıcı bir isimle yeniden adlandır",
|
||||||
|
"artifact_name_label": "Yedekleme adı",
|
||||||
|
"artifact_name_placeholder": "Yedekleme için bir isim gir",
|
||||||
|
"save_changes": "Değişiklikleri kaydet",
|
||||||
|
"required_field": "Bu alan gereklidir",
|
||||||
|
"max_length_field": "Bu alan {{length}} karakterden az olmalıdır",
|
||||||
|
"freeze_backup": "Otomatik yedeklemeler tarafından üzerine yazılmasın diye sabitle",
|
||||||
|
"unfreeze_backup": "Sabitlemeyi kaldır",
|
||||||
|
"backup_frozen": "Yedekleme sabitlendi",
|
||||||
|
"backup_unfrozen": "Yedekleme sabitlemesi kaldırıldı",
|
||||||
|
"backup_freeze_failed": "Yedekleme sabitlenemedi",
|
||||||
|
"backup_freeze_failed_description": "Otomatik yedeklemeler için en az bir boş alan bırakmalısın",
|
||||||
|
"edit_game_modal_button": "Oyun varlıklarını özelleştir",
|
||||||
|
"game_details": "Oyun Detayları",
|
||||||
|
"currency_symbol": "₺",
|
||||||
|
"currency_country": "tr",
|
||||||
|
"prices": "Fiyatlar",
|
||||||
|
"no_prices_found": "Fiyat bulunamadı",
|
||||||
|
"view_all_prices": "Tüm fiyatları görüntülemek için tıkla",
|
||||||
|
"retail_price": "Perakende fiyatı",
|
||||||
|
"keyshop_price": "Anahtar dükkanı fiyatı",
|
||||||
|
"historical_retail": "Geçmiş perakende",
|
||||||
|
"historical_keyshop": "Geçmiş anahtar dükkanı",
|
||||||
|
"language": "Dil",
|
||||||
|
"caption": "Altyazı",
|
||||||
|
"audio": "Ses",
|
||||||
|
"filter_by_source": "Kaynağa göre filtrele",
|
||||||
|
"no_repacks_found": "Bu oyun için kaynak bulunamadı",
|
||||||
|
"delete_review": "İncelemeyi sil",
|
||||||
|
"remove_review": "İncelemeyi Kaldır",
|
||||||
|
"delete_review_modal_title": "İncelemeni silmek istediğinden emin misin?",
|
||||||
|
"delete_review_modal_description": "Bu işlem geri alınamaz.",
|
||||||
|
"delete_review_modal_delete_button": "Sil",
|
||||||
|
"delete_review_modal_cancel_button": "İptal",
|
||||||
|
"vote_failed": "Oyun kaydı başarısız oldu. Lütfen tekrar dene.",
|
||||||
|
"show_original": "Orijinali göster",
|
||||||
|
"show_translation": "Çeviriyi göster",
|
||||||
|
"show_original_translated_from": "Orijinali göster ({{language}} dilinden çevrilmiştir)",
|
||||||
|
"hide_original": "Orijinali gizle",
|
||||||
|
"review_from_blocked_user": "Engellenen kullanıcıdan gelen inceleme",
|
||||||
|
"show": "Göster",
|
||||||
|
"hide": "Gizle"
|
||||||
},
|
},
|
||||||
"activation": {
|
"activation": {
|
||||||
"title": "Hydra'yı Etkinleştir",
|
"title": "Hydra'yı Etkinleştir",
|
||||||
@@ -379,7 +545,33 @@
|
|||||||
"hidden": "Gizli",
|
"hidden": "Gizli",
|
||||||
"test_notification": "Test bildirimi",
|
"test_notification": "Test bildirimi",
|
||||||
"notification_preview": "Başarı Bildirimi Önizlemesi",
|
"notification_preview": "Başarı Bildirimi Önizlemesi",
|
||||||
"enable_friend_start_game_notifications": "Bir arkadaşınız oyun oynamaya başladığında"
|
"enable_friend_start_game_notifications": "Bir arkadaşınız oyun oynamaya başladığında",
|
||||||
|
"adding": "Ekleniyor…",
|
||||||
|
"failed_add_download_source": "İndirme kaynağı eklenemedi. Lütfen tekrar dene.",
|
||||||
|
"download_source_already_exists": "Bu indirme kaynağı URL'si zaten mevcut.",
|
||||||
|
"download_source_pending_matching": "Yakında güncellenecek",
|
||||||
|
"download_source_matched": "Güncel",
|
||||||
|
"download_source_matching": "Güncelleniyor",
|
||||||
|
"download_source_failed": "Hata",
|
||||||
|
"download_source_no_information": "Bilgi mevcut değil",
|
||||||
|
"removed_all_download_sources": "Tüm indirme kaynakları kaldırıldı",
|
||||||
|
"download_sources_synced_successfully": "Tüm indirme kaynakları senkronize edildi",
|
||||||
|
"importing": "İçe aktarılıyor...",
|
||||||
|
"hydra_cloud": "Hydra Cloud",
|
||||||
|
"debrid": "Debrid",
|
||||||
|
"debrid_description": "Debrid servisleri, internet hızınızla sınırlı, çeşitli dosya barındırma hizmetlerinde barındırılan dosyaları hızla indirmenize olanak tanıyan premium sınırsız indiricilerdir.",
|
||||||
|
"enable_steam_achievements": "Steam başarımları aramasını etkinleştir",
|
||||||
|
"achievement_sound_volume": "Başarım ses seviyesi",
|
||||||
|
"select_achievement_sound": "Başarım sesi seç",
|
||||||
|
"change_achievement_sound": "Başarım sesini değiştir",
|
||||||
|
"remove_achievement_sound": "Başarım sesini kaldır",
|
||||||
|
"preview_sound": "Sesi önizle",
|
||||||
|
"select": "Seç",
|
||||||
|
"preview": "Önizle",
|
||||||
|
"remove": "Kaldır",
|
||||||
|
"no_sound_file_selected": "Ses dosyası seçilmedi",
|
||||||
|
"autoplay_trailers_on_game_page": "Oyun sayfasında fragmanları otomatik olarak oynat",
|
||||||
|
"hide_to_tray_on_game_start": "Oyun başlatıldığında Hydra'yı sistem tepsisine gizle"
|
||||||
},
|
},
|
||||||
"notifications": {
|
"notifications": {
|
||||||
"download_complete": "İndirme tamamlandı",
|
"download_complete": "İndirme tamamlandı",
|
||||||
@@ -406,7 +598,8 @@
|
|||||||
"game_card": {
|
"game_card": {
|
||||||
"available_one": "Mevcut",
|
"available_one": "Mevcut",
|
||||||
"available_other": "Mevcut",
|
"available_other": "Mevcut",
|
||||||
"no_downloads": "İndirme mevcut değil"
|
"no_downloads": "İndirme mevcut değil",
|
||||||
|
"calculating": "Hesaplanıyor"
|
||||||
},
|
},
|
||||||
"binary_not_found_modal": {
|
"binary_not_found_modal": {
|
||||||
"title": "Programlar Yüklü Değil",
|
"title": "Programlar Yüklü Değil",
|
||||||
@@ -498,7 +691,46 @@
|
|||||||
"achievements_unlocked": "Açılan başarımlar",
|
"achievements_unlocked": "Açılan başarımlar",
|
||||||
"earned_points": "Kazanılan puanlar",
|
"earned_points": "Kazanılan puanlar",
|
||||||
"show_achievements_on_profile": "Başarımlarını profilinde göster",
|
"show_achievements_on_profile": "Başarımlarını profilinde göster",
|
||||||
"show_points_on_profile": "Kazanılan puanlarını profilinde göster"
|
"show_points_on_profile": "Kazanılan puanlarını profilinde göster",
|
||||||
|
"amount_hours_short": "{{amount}}s",
|
||||||
|
"amount_minutes_short": "{{amount}}d",
|
||||||
|
"pinned": "Sabitlenmiş",
|
||||||
|
"sort_by": "Sırala:",
|
||||||
|
"achievements_earned": "Kazanılan başarımlar",
|
||||||
|
"played_recently": "Son oynanan",
|
||||||
|
"playtime": "Oynama süresi",
|
||||||
|
"manual_playtime_tooltip": "Bu oynama süresi manuel olarak güncellendi",
|
||||||
|
"error_adding_friend": "Arkadaş isteği gönderilemedi. Lütfen arkadaş kodunu kontrol et",
|
||||||
|
"friend_code_length_error": "Arkadaş kodu 8 karakter olmalıdır",
|
||||||
|
"game_removed_from_pinned": "Oyun sabitlenmişlerden çıkarıldı",
|
||||||
|
"game_added_to_pinned": "Oyun sabitlenmişlere eklendi",
|
||||||
|
"karma": "Karma",
|
||||||
|
"karma_count": "karma",
|
||||||
|
"karma_description": "İncelemelerdeki olumlu beğenilerden kazanılır",
|
||||||
|
"user_reviews": "İncelemeler",
|
||||||
|
"delete_review": "İncelemeyi Sil",
|
||||||
|
"loading_reviews": "İncelemeler yükleniyor..."
|
||||||
|
},
|
||||||
|
"library": {
|
||||||
|
"library": "Kütüphane",
|
||||||
|
"play": "Oyna",
|
||||||
|
"download": "İndir",
|
||||||
|
"downloading": "İndiriliyor",
|
||||||
|
"game": "oyun",
|
||||||
|
"games": "oyunlar",
|
||||||
|
"grid_view": "Izgara görünümü",
|
||||||
|
"compact_view": "Kompakt görünüm",
|
||||||
|
"large_view": "Büyük görünüm",
|
||||||
|
"no_games_title": "Kütüphanen boş",
|
||||||
|
"no_games_description": "Başlamak için katalogdan oyun ekle veya indir",
|
||||||
|
"amount_hours": "{{amount}} saat",
|
||||||
|
"amount_minutes": "{{amount}} dakika",
|
||||||
|
"amount_hours_short": "{{amount}}s",
|
||||||
|
"amount_minutes_short": "{{amount}}d",
|
||||||
|
"manual_playtime_tooltip": "Bu oynama süresi manuel olarak güncellendi",
|
||||||
|
"all_games": "Tüm Oyunlar",
|
||||||
|
"recently_played": "Son Oynanan",
|
||||||
|
"favorites": "Favoriler"
|
||||||
},
|
},
|
||||||
"achievement": {
|
"achievement": {
|
||||||
"achievement_unlocked": "Başarım açıldı",
|
"achievement_unlocked": "Başarım açıldı",
|
||||||
|
|||||||
3
src/main/events/auth/index.ts
Normal file
3
src/main/events/auth/index.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
import "./get-session-hash";
|
||||||
|
import "./open-auth-window";
|
||||||
|
import "./sign-out";
|
||||||
2
src/main/events/autoupdater/index.ts
Normal file
2
src/main/events/autoupdater/index.ts
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
import "./check-for-updates";
|
||||||
|
import "./restart-and-install-update";
|
||||||
4
src/main/events/catalogue/index.ts
Normal file
4
src/main/events/catalogue/index.ts
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
import "./get-game-assets";
|
||||||
|
import "./get-game-shop-details";
|
||||||
|
import "./get-game-stats";
|
||||||
|
import "./get-random-game";
|
||||||
4
src/main/events/cloud-save/index.ts
Normal file
4
src/main/events/cloud-save/index.ts
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
import "./download-game-artifact";
|
||||||
|
import "./get-game-backup-preview";
|
||||||
|
import "./select-game-backup-path";
|
||||||
|
import "./upload-save-game";
|
||||||
6
src/main/events/download-sources/index.ts
Normal file
6
src/main/events/download-sources/index.ts
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
import "./add-download-source";
|
||||||
|
import "./get-download-sources-check-baseline";
|
||||||
|
import "./get-download-sources-since-value";
|
||||||
|
import "./get-download-sources";
|
||||||
|
import "./remove-download-source";
|
||||||
|
import "./sync-download-sources";
|
||||||
2
src/main/events/hardware/index.ts
Normal file
2
src/main/events/hardware/index.ts
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
import "./check-folder-write-permission";
|
||||||
|
import "./get-disk-free-space";
|
||||||
@@ -1,107 +1,22 @@
|
|||||||
import { appVersion, defaultDownloadsPath, isStaging } from "@main/constants";
|
import { appVersion, defaultDownloadsPath, isStaging } from "@main/constants";
|
||||||
import { ipcMain } from "electron";
|
import { ipcMain } from "electron";
|
||||||
|
|
||||||
import "./catalogue/get-game-shop-details";
|
import "./auth";
|
||||||
import "./catalogue/get-random-game";
|
import "./autoupdater";
|
||||||
import "./catalogue/get-game-stats";
|
import "./catalogue";
|
||||||
import "./hardware/get-disk-free-space";
|
import "./cloud-save";
|
||||||
import "./hardware/check-folder-write-permission";
|
import "./download-sources";
|
||||||
import "./library/add-game-to-library";
|
import "./hardware";
|
||||||
import "./library/add-custom-game-to-library";
|
import "./library";
|
||||||
import "./library/update-custom-game";
|
import "./leveldb";
|
||||||
import "./library/update-game-custom-assets";
|
import "./misc";
|
||||||
import "./library/add-game-to-favorites";
|
import "./notifications";
|
||||||
import "./library/remove-game-from-favorites";
|
import "./profile";
|
||||||
import "./library/toggle-game-pin";
|
import "./themes";
|
||||||
import "./library/create-game-shortcut";
|
import "./torrenting";
|
||||||
import "./library/close-game";
|
import "./user";
|
||||||
import "./library/delete-game-folder";
|
import "./user-preferences";
|
||||||
import "./library/get-game-by-object-id";
|
|
||||||
import "./library/get-library";
|
|
||||||
import "./library/refresh-library-assets";
|
|
||||||
import "./library/extract-game-download";
|
|
||||||
import "./library/clear-new-download-options";
|
|
||||||
import "./library/open-game";
|
|
||||||
import "./library/open-game-executable-path";
|
|
||||||
import "./library/open-game-installer";
|
|
||||||
import "./library/open-game-installer-path";
|
|
||||||
import "./library/update-executable-path";
|
|
||||||
import "./library/update-launch-options";
|
|
||||||
import "./library/verify-executable-path";
|
|
||||||
import "./library/remove-game";
|
|
||||||
import "./library/remove-game-from-library";
|
|
||||||
import "./library/select-game-wine-prefix";
|
|
||||||
import "./library/reset-game-achievements";
|
|
||||||
import "./library/change-game-playtime";
|
|
||||||
import "./library/toggle-automatic-cloud-sync";
|
|
||||||
import "./library/get-default-wine-prefix-selection-path";
|
|
||||||
import "./library/cleanup-unused-assets";
|
|
||||||
import "./library/create-steam-shortcut";
|
|
||||||
import "./library/copy-custom-game-asset";
|
|
||||||
import "./misc/open-checkout";
|
|
||||||
import "./misc/open-external";
|
|
||||||
import "./misc/show-open-dialog";
|
|
||||||
import "./misc/show-item-in-folder";
|
|
||||||
import "./misc/install-common-redist";
|
|
||||||
import "./misc/can-install-common-redist";
|
|
||||||
import "./misc/save-temp-file";
|
|
||||||
import "./misc/delete-temp-file";
|
|
||||||
import "./misc/install-hydra-decky-plugin";
|
|
||||||
import "./misc/get-hydra-decky-plugin-info";
|
|
||||||
import "./misc/check-homebrew-folder-exists";
|
|
||||||
import "./misc/hydra-api-call";
|
|
||||||
import "./torrenting/cancel-game-download";
|
|
||||||
import "./torrenting/pause-game-download";
|
|
||||||
import "./torrenting/resume-game-download";
|
|
||||||
import "./torrenting/start-game-download";
|
|
||||||
import "./torrenting/pause-game-seed";
|
|
||||||
import "./torrenting/resume-game-seed";
|
|
||||||
import "./torrenting/check-debrid-availability";
|
|
||||||
import "./user-preferences/get-user-preferences";
|
|
||||||
import "./user-preferences/update-user-preferences";
|
|
||||||
import "./user-preferences/auto-launch";
|
|
||||||
import "./autoupdater/check-for-updates";
|
|
||||||
import "./autoupdater/restart-and-install-update";
|
|
||||||
import "./user-preferences/authenticate-real-debrid";
|
|
||||||
import "./user-preferences/authenticate-torbox";
|
|
||||||
import "./download-sources/add-download-source";
|
|
||||||
import "./download-sources/sync-download-sources";
|
|
||||||
import "./download-sources/get-download-sources-check-baseline";
|
|
||||||
import "./download-sources/get-download-sources-since-value";
|
|
||||||
import "./auth/sign-out";
|
|
||||||
import "./auth/open-auth-window";
|
|
||||||
import "./auth/get-session-hash";
|
|
||||||
import "./user/get-auth";
|
|
||||||
import "./user/get-unlocked-achievements";
|
|
||||||
import "./user/get-compared-unlocked-achievements";
|
|
||||||
import "./profile/get-me";
|
|
||||||
import "./profile/update-profile";
|
|
||||||
import "./profile/process-profile-image";
|
|
||||||
import "./profile/sync-friend-requests";
|
|
||||||
import "./cloud-save/download-game-artifact";
|
|
||||||
import "./cloud-save/get-game-backup-preview";
|
|
||||||
import "./cloud-save/upload-save-game";
|
|
||||||
import "./cloud-save/select-game-backup-path";
|
|
||||||
import "./notifications/publish-new-repacks-notification";
|
|
||||||
import "./notifications/update-achievement-notification-window";
|
|
||||||
import "./notifications/show-achievement-test-notification";
|
|
||||||
import "./themes/add-custom-theme";
|
|
||||||
import "./themes/delete-custom-theme";
|
|
||||||
import "./themes/get-all-custom-themes";
|
|
||||||
import "./themes/delete-all-custom-themes";
|
|
||||||
import "./themes/update-custom-theme";
|
|
||||||
import "./themes/open-editor-window";
|
|
||||||
import "./themes/get-custom-theme-by-id";
|
|
||||||
import "./themes/get-active-custom-theme";
|
|
||||||
import "./themes/close-editor-window";
|
|
||||||
import "./themes/toggle-custom-theme";
|
|
||||||
import "./themes/copy-theme-achievement-sound";
|
|
||||||
import "./themes/remove-theme-achievement-sound";
|
|
||||||
import "./themes/get-theme-sound-path";
|
|
||||||
import "./themes/get-theme-sound-data-url";
|
|
||||||
import "./themes/import-theme-sound-from-store";
|
|
||||||
import "./download-sources/remove-download-source";
|
|
||||||
import "./download-sources/get-download-sources";
|
|
||||||
import { isPortableVersion } from "@main/helpers";
|
import { isPortableVersion } from "@main/helpers";
|
||||||
|
|
||||||
ipcMain.handle("ping", () => "pong");
|
ipcMain.handle("ping", () => "pong");
|
||||||
|
|||||||
27
src/main/events/leveldb/helpers.ts
Normal file
27
src/main/events/leveldb/helpers.ts
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
import { db } from "@main/level";
|
||||||
|
|
||||||
|
const sublevelCache = new Map<
|
||||||
|
string,
|
||||||
|
ReturnType<typeof db.sublevel<string, unknown>>
|
||||||
|
>();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Gets a sublevel by name, creating it if it doesn't exist.
|
||||||
|
* All sublevels use "json" encoding by default.
|
||||||
|
* @param sublevelName - The name of the sublevel to get or create
|
||||||
|
* @returns The sublevel instance
|
||||||
|
*/
|
||||||
|
export const getSublevelByName = (
|
||||||
|
sublevelName: string
|
||||||
|
): ReturnType<typeof db.sublevel<string, unknown>> => {
|
||||||
|
if (sublevelCache.has(sublevelName)) {
|
||||||
|
return sublevelCache.get(sublevelName)!;
|
||||||
|
}
|
||||||
|
|
||||||
|
// All sublevels use "json" encoding - this cannot be changed per sublevel
|
||||||
|
const sublevel = db.sublevel<string, unknown>(sublevelName, {
|
||||||
|
valueEncoding: "json",
|
||||||
|
});
|
||||||
|
sublevelCache.set(sublevelName, sublevel);
|
||||||
|
return sublevel;
|
||||||
|
};
|
||||||
6
src/main/events/leveldb/index.ts
Normal file
6
src/main/events/leveldb/index.ts
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
import "./leveldb-get";
|
||||||
|
import "./leveldb-put";
|
||||||
|
import "./leveldb-del";
|
||||||
|
import "./leveldb-clear";
|
||||||
|
import "./leveldb-values";
|
||||||
|
import "./leveldb-iterator";
|
||||||
18
src/main/events/leveldb/leveldb-clear.ts
Normal file
18
src/main/events/leveldb/leveldb-clear.ts
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
import { registerEvent } from "../register-event";
|
||||||
|
import { getSublevelByName } from "./helpers";
|
||||||
|
import { logger } from "@main/services";
|
||||||
|
|
||||||
|
const leveldbClear = async (
|
||||||
|
_event: Electron.IpcMainInvokeEvent,
|
||||||
|
sublevelName: string
|
||||||
|
) => {
|
||||||
|
try {
|
||||||
|
const sublevel = getSublevelByName(sublevelName);
|
||||||
|
await sublevel.clear();
|
||||||
|
} catch (error) {
|
||||||
|
logger.error("Error in leveldbClear", error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
registerEvent("leveldbClear", leveldbClear);
|
||||||
28
src/main/events/leveldb/leveldb-del.ts
Normal file
28
src/main/events/leveldb/leveldb-del.ts
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
import { registerEvent } from "../register-event";
|
||||||
|
import { db } from "@main/level";
|
||||||
|
import { getSublevelByName } from "./helpers";
|
||||||
|
import { logger } from "@main/services";
|
||||||
|
|
||||||
|
const leveldbDel = async (
|
||||||
|
_event: Electron.IpcMainInvokeEvent,
|
||||||
|
key: string,
|
||||||
|
sublevelName?: string | null
|
||||||
|
) => {
|
||||||
|
try {
|
||||||
|
if (sublevelName) {
|
||||||
|
const sublevel = getSublevelByName(sublevelName);
|
||||||
|
await sublevel.del(key);
|
||||||
|
} else {
|
||||||
|
await db.del(key);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
if (error instanceof Error && error.name === "NotFoundError") {
|
||||||
|
// NotFoundError on delete is not an error, just return
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
logger.error("Error in leveldbDel", error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
registerEvent("leveldbDel", leveldbDel);
|
||||||
28
src/main/events/leveldb/leveldb-get.ts
Normal file
28
src/main/events/leveldb/leveldb-get.ts
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
import { registerEvent } from "../register-event";
|
||||||
|
import { db } from "@main/level";
|
||||||
|
import { getSublevelByName } from "./helpers";
|
||||||
|
import { logger } from "@main/services";
|
||||||
|
|
||||||
|
const leveldbGet = async (
|
||||||
|
_event: Electron.IpcMainInvokeEvent,
|
||||||
|
key: string,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding: "json" | "utf8" = "json"
|
||||||
|
) => {
|
||||||
|
try {
|
||||||
|
if (sublevelName) {
|
||||||
|
// Note: sublevels always use "json" encoding, valueEncoding parameter is ignored
|
||||||
|
const sublevel = getSublevelByName(sublevelName);
|
||||||
|
return sublevel.get(key);
|
||||||
|
}
|
||||||
|
return db.get<string, unknown>(key, { valueEncoding });
|
||||||
|
} catch (error) {
|
||||||
|
if (error instanceof Error && error.name === "NotFoundError") {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
logger.error("Error in leveldbGet", error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
registerEvent("leveldbGet", leveldbGet);
|
||||||
18
src/main/events/leveldb/leveldb-iterator.ts
Normal file
18
src/main/events/leveldb/leveldb-iterator.ts
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
import { registerEvent } from "../register-event";
|
||||||
|
import { getSublevelByName } from "./helpers";
|
||||||
|
import { logger } from "@main/services";
|
||||||
|
|
||||||
|
const leveldbIterator = async (
|
||||||
|
_event: Electron.IpcMainInvokeEvent,
|
||||||
|
sublevelName: string
|
||||||
|
) => {
|
||||||
|
try {
|
||||||
|
const sublevel = getSublevelByName(sublevelName);
|
||||||
|
return sublevel.iterator().all();
|
||||||
|
} catch (error) {
|
||||||
|
logger.error("Error in leveldbIterator", error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
registerEvent("leveldbIterator", leveldbIterator);
|
||||||
27
src/main/events/leveldb/leveldb-put.ts
Normal file
27
src/main/events/leveldb/leveldb-put.ts
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
import { registerEvent } from "../register-event";
|
||||||
|
import { db } from "@main/level";
|
||||||
|
import { getSublevelByName } from "./helpers";
|
||||||
|
import { logger } from "@main/services";
|
||||||
|
|
||||||
|
const leveldbPut = async (
|
||||||
|
_event: Electron.IpcMainInvokeEvent,
|
||||||
|
key: string,
|
||||||
|
value: unknown,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding: "json" | "utf8" = "json"
|
||||||
|
) => {
|
||||||
|
try {
|
||||||
|
if (sublevelName) {
|
||||||
|
// Note: sublevels always use "json" encoding, valueEncoding parameter is ignored
|
||||||
|
const sublevel = getSublevelByName(sublevelName);
|
||||||
|
await sublevel.put(key, value);
|
||||||
|
} else {
|
||||||
|
await db.put<string, unknown>(key, value, { valueEncoding });
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
logger.error("Error in leveldbPut", error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
registerEvent("leveldbPut", leveldbPut);
|
||||||
18
src/main/events/leveldb/leveldb-values.ts
Normal file
18
src/main/events/leveldb/leveldb-values.ts
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
import { registerEvent } from "../register-event";
|
||||||
|
import { getSublevelByName } from "./helpers";
|
||||||
|
import { logger } from "@main/services";
|
||||||
|
|
||||||
|
const leveldbValues = async (
|
||||||
|
_event: Electron.IpcMainInvokeEvent,
|
||||||
|
sublevelName: string
|
||||||
|
) => {
|
||||||
|
try {
|
||||||
|
const sublevel = getSublevelByName(sublevelName);
|
||||||
|
return sublevel.values().all();
|
||||||
|
} catch (error) {
|
||||||
|
logger.error("Error in leveldbValues", error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
registerEvent("leveldbValues", leveldbValues);
|
||||||
@@ -2,6 +2,7 @@ import type { LibraryGame } from "@types";
|
|||||||
import { registerEvent } from "../register-event";
|
import { registerEvent } from "../register-event";
|
||||||
import {
|
import {
|
||||||
downloadsSublevel,
|
downloadsSublevel,
|
||||||
|
gameAchievementsSublevel,
|
||||||
gamesShopAssetsSublevel,
|
gamesShopAssetsSublevel,
|
||||||
gamesSublevel,
|
gamesSublevel,
|
||||||
} from "@main/level";
|
} from "@main/level";
|
||||||
@@ -18,11 +19,20 @@ const getLibrary = async (): Promise<LibraryGame[]> => {
|
|||||||
const download = await downloadsSublevel.get(key);
|
const download = await downloadsSublevel.get(key);
|
||||||
const gameAssets = await gamesShopAssetsSublevel.get(key);
|
const gameAssets = await gamesShopAssetsSublevel.get(key);
|
||||||
|
|
||||||
|
let unlockedAchievementCount = game.unlockedAchievementCount ?? 0;
|
||||||
|
|
||||||
|
if (!game.unlockedAchievementCount) {
|
||||||
|
const achievements = await gameAchievementsSublevel.get(key);
|
||||||
|
|
||||||
|
unlockedAchievementCount =
|
||||||
|
achievements?.unlockedAchievements.length ?? 0;
|
||||||
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
id: key,
|
id: key,
|
||||||
...game,
|
...game,
|
||||||
download: download ?? null,
|
download: download ?? null,
|
||||||
unlockedAchievementCount: game.unlockedAchievementCount ?? 0,
|
unlockedAchievementCount,
|
||||||
achievementCount: game.achievementCount ?? 0,
|
achievementCount: game.achievementCount ?? 0,
|
||||||
// Spread gameAssets last to ensure all image URLs are properly set
|
// Spread gameAssets last to ensure all image URLs are properly set
|
||||||
...gameAssets,
|
...gameAssets,
|
||||||
|
|||||||
32
src/main/events/library/index.ts
Normal file
32
src/main/events/library/index.ts
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
import "./add-custom-game-to-library";
|
||||||
|
import "./add-game-to-favorites";
|
||||||
|
import "./add-game-to-library";
|
||||||
|
import "./change-game-playtime";
|
||||||
|
import "./cleanup-unused-assets";
|
||||||
|
import "./clear-new-download-options";
|
||||||
|
import "./close-game";
|
||||||
|
import "./copy-custom-game-asset";
|
||||||
|
import "./create-game-shortcut";
|
||||||
|
import "./create-steam-shortcut";
|
||||||
|
import "./delete-game-folder";
|
||||||
|
import "./extract-game-download";
|
||||||
|
import "./get-default-wine-prefix-selection-path";
|
||||||
|
import "./get-game-by-object-id";
|
||||||
|
import "./get-library";
|
||||||
|
import "./open-game-executable-path";
|
||||||
|
import "./open-game-installer-path";
|
||||||
|
import "./open-game-installer";
|
||||||
|
import "./open-game";
|
||||||
|
import "./refresh-library-assets";
|
||||||
|
import "./remove-game-from-favorites";
|
||||||
|
import "./remove-game-from-library";
|
||||||
|
import "./remove-game";
|
||||||
|
import "./reset-game-achievements";
|
||||||
|
import "./select-game-wine-prefix";
|
||||||
|
import "./toggle-automatic-cloud-sync";
|
||||||
|
import "./toggle-game-pin";
|
||||||
|
import "./update-custom-game";
|
||||||
|
import "./update-executable-path";
|
||||||
|
import "./update-game-custom-assets";
|
||||||
|
import "./update-launch-options";
|
||||||
|
import "./verify-executable-path";
|
||||||
12
src/main/events/misc/index.ts
Normal file
12
src/main/events/misc/index.ts
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
import "./can-install-common-redist";
|
||||||
|
import "./check-homebrew-folder-exists";
|
||||||
|
import "./delete-temp-file";
|
||||||
|
import "./get-hydra-decky-plugin-info";
|
||||||
|
import "./hydra-api-call";
|
||||||
|
import "./install-common-redist";
|
||||||
|
import "./install-hydra-decky-plugin";
|
||||||
|
import "./open-checkout";
|
||||||
|
import "./open-external";
|
||||||
|
import "./save-temp-file";
|
||||||
|
import "./show-item-in-folder";
|
||||||
|
import "./show-open-dialog";
|
||||||
3
src/main/events/notifications/index.ts
Normal file
3
src/main/events/notifications/index.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
import "./publish-new-repacks-notification";
|
||||||
|
import "./show-achievement-test-notification";
|
||||||
|
import "./update-achievement-notification-window";
|
||||||
4
src/main/events/profile/index.ts
Normal file
4
src/main/events/profile/index.ts
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
import "./get-me";
|
||||||
|
import "./process-profile-image";
|
||||||
|
import "./sync-friend-requests";
|
||||||
|
import "./update-profile";
|
||||||
@@ -1,16 +1,20 @@
|
|||||||
import { registerEvent } from "../register-event";
|
import { registerEvent } from "../register-event";
|
||||||
import { PythonRPC } from "@main/services/python-rpc";
|
import { PythonRPC } from "@main/services/python-rpc";
|
||||||
|
|
||||||
const processProfileImage = async (
|
const processProfileImageEvent = async (
|
||||||
_event: Electron.IpcMainInvokeEvent,
|
_event: Electron.IpcMainInvokeEvent,
|
||||||
path: string
|
path: string
|
||||||
) => {
|
) => {
|
||||||
|
return processProfileImage(path, "webp");
|
||||||
|
};
|
||||||
|
|
||||||
|
export const processProfileImage = async (path: string, extension?: string) => {
|
||||||
return PythonRPC.rpc
|
return PythonRPC.rpc
|
||||||
.post<{
|
.post<{
|
||||||
imagePath: string;
|
imagePath: string;
|
||||||
mimeType: string;
|
mimeType: string;
|
||||||
}>("/profile-image", { image_path: path })
|
}>("/profile-image", { image_path: path, target_extension: extension })
|
||||||
.then((response) => response.data);
|
.then((response) => response.data);
|
||||||
};
|
};
|
||||||
|
|
||||||
registerEvent("processProfileImage", processProfileImage);
|
registerEvent("processProfileImage", processProfileImageEvent);
|
||||||
|
|||||||
15
src/main/events/themes/index.ts
Normal file
15
src/main/events/themes/index.ts
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
import "./add-custom-theme";
|
||||||
|
import "./close-editor-window";
|
||||||
|
import "./copy-theme-achievement-sound";
|
||||||
|
import "./delete-all-custom-themes";
|
||||||
|
import "./delete-custom-theme";
|
||||||
|
import "./get-active-custom-theme";
|
||||||
|
import "./get-all-custom-themes";
|
||||||
|
import "./get-custom-theme-by-id";
|
||||||
|
import "./get-theme-sound-data-url";
|
||||||
|
import "./get-theme-sound-path";
|
||||||
|
import "./import-theme-sound-from-store";
|
||||||
|
import "./open-editor-window";
|
||||||
|
import "./remove-theme-achievement-sound";
|
||||||
|
import "./toggle-custom-theme";
|
||||||
|
import "./update-custom-theme";
|
||||||
7
src/main/events/torrenting/index.ts
Normal file
7
src/main/events/torrenting/index.ts
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
import "./cancel-game-download";
|
||||||
|
import "./check-debrid-availability";
|
||||||
|
import "./pause-game-download";
|
||||||
|
import "./pause-game-seed";
|
||||||
|
import "./resume-game-download";
|
||||||
|
import "./resume-game-seed";
|
||||||
|
import "./start-game-download";
|
||||||
5
src/main/events/user-preferences/index.ts
Normal file
5
src/main/events/user-preferences/index.ts
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
import "./authenticate-real-debrid";
|
||||||
|
import "./authenticate-torbox";
|
||||||
|
import "./auto-launch";
|
||||||
|
import "./get-user-preferences";
|
||||||
|
import "./update-user-preferences";
|
||||||
3
src/main/events/user/index.ts
Normal file
3
src/main/events/user/index.ts
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
import "./get-auth";
|
||||||
|
import "./get-compared-unlocked-achievements";
|
||||||
|
import "./get-unlocked-achievements";
|
||||||
@@ -7,7 +7,9 @@ export const getDownloadSourcesCheckBaseline = async (): Promise<
|
|||||||
string | null
|
string | null
|
||||||
> => {
|
> => {
|
||||||
try {
|
try {
|
||||||
const timestamp = await db.get(levelKeys.downloadSourcesCheckBaseline);
|
const timestamp = await db.get(levelKeys.downloadSourcesCheckBaseline, {
|
||||||
|
valueEncoding: "utf8",
|
||||||
|
});
|
||||||
return timestamp;
|
return timestamp;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
if (error instanceof Error && error.name === "NotFoundError") {
|
if (error instanceof Error && error.name === "NotFoundError") {
|
||||||
@@ -27,7 +29,9 @@ export const updateDownloadSourcesCheckBaseline = async (
|
|||||||
timestamp: string
|
timestamp: string
|
||||||
): Promise<void> => {
|
): Promise<void> => {
|
||||||
const utcTimestamp = new Date(timestamp).toISOString();
|
const utcTimestamp = new Date(timestamp).toISOString();
|
||||||
await db.put(levelKeys.downloadSourcesCheckBaseline, utcTimestamp);
|
await db.put(levelKeys.downloadSourcesCheckBaseline, utcTimestamp, {
|
||||||
|
valueEncoding: "utf8",
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// Gets the 'since' value the API used in the last check (for modal comparison)
|
// Gets the 'since' value the API used in the last check (for modal comparison)
|
||||||
@@ -35,7 +39,9 @@ export const getDownloadSourcesSinceValue = async (): Promise<
|
|||||||
string | null
|
string | null
|
||||||
> => {
|
> => {
|
||||||
try {
|
try {
|
||||||
const timestamp = await db.get(levelKeys.downloadSourcesSinceValue);
|
const timestamp = await db.get(levelKeys.downloadSourcesSinceValue, {
|
||||||
|
valueEncoding: "utf8",
|
||||||
|
});
|
||||||
return timestamp;
|
return timestamp;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
if (error instanceof Error && error.name === "NotFoundError") {
|
if (error instanceof Error && error.name === "NotFoundError") {
|
||||||
@@ -55,5 +61,7 @@ export const updateDownloadSourcesSinceValue = async (
|
|||||||
timestamp: string
|
timestamp: string
|
||||||
): Promise<void> => {
|
): Promise<void> => {
|
||||||
const utcTimestamp = new Date(timestamp).toISOString();
|
const utcTimestamp = new Date(timestamp).toISOString();
|
||||||
await db.put(levelKeys.downloadSourcesSinceValue, utcTimestamp);
|
await db.put(levelKeys.downloadSourcesSinceValue, utcTimestamp, {
|
||||||
|
valueEncoding: "utf8",
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ export class HydraApi {
|
|||||||
private static instance: AxiosInstance;
|
private static instance: AxiosInstance;
|
||||||
|
|
||||||
private static readonly EXPIRATION_OFFSET_IN_MS = 1000 * 60 * 5; // 5 minutes
|
private static readonly EXPIRATION_OFFSET_IN_MS = 1000 * 60 * 5; // 5 minutes
|
||||||
private static readonly ADD_LOG_INTERCEPTOR = true;
|
private static readonly ADD_LOG_INTERCEPTOR = false;
|
||||||
|
|
||||||
private static secondsToMilliseconds(seconds: number) {
|
private static secondsToMilliseconds(seconds: number) {
|
||||||
return seconds * 1000;
|
return seconds * 1000;
|
||||||
|
|||||||
@@ -15,6 +15,13 @@ import { db, levelKeys, themesSublevel } from "@main/level";
|
|||||||
import { restartAndInstallUpdate } from "@main/events/autoupdater/restart-and-install-update";
|
import { restartAndInstallUpdate } from "@main/events/autoupdater/restart-and-install-update";
|
||||||
import { SystemPath } from "../system-path";
|
import { SystemPath } from "../system-path";
|
||||||
import { getThemeSoundPath } from "@main/helpers";
|
import { getThemeSoundPath } from "@main/helpers";
|
||||||
|
import { processProfileImage } from "@main/events/profile/process-profile-image";
|
||||||
|
|
||||||
|
const getStaticImage = async (path: string) => {
|
||||||
|
return processProfileImage(path, "jpg")
|
||||||
|
.then((response) => response.imagePath)
|
||||||
|
.catch(() => path);
|
||||||
|
};
|
||||||
|
|
||||||
async function downloadImage(url: string | null) {
|
async function downloadImage(url: string | null) {
|
||||||
if (!url) return undefined;
|
if (!url) return undefined;
|
||||||
@@ -31,8 +38,9 @@ async function downloadImage(url: string | null) {
|
|||||||
response.data.pipe(writer);
|
response.data.pipe(writer);
|
||||||
|
|
||||||
return new Promise<string | undefined>((resolve) => {
|
return new Promise<string | undefined>((resolve) => {
|
||||||
writer.on("finish", () => {
|
writer.on("finish", async () => {
|
||||||
resolve(outputPath);
|
const staticImagePath = await getStaticImage(outputPath);
|
||||||
|
resolve(staticImagePath);
|
||||||
});
|
});
|
||||||
writer.on("error", () => {
|
writer.on("error", () => {
|
||||||
logger.error("Failed to download image", { url });
|
logger.error("Failed to download image", { url });
|
||||||
|
|||||||
@@ -13,9 +13,9 @@ export class SystemPath {
|
|||||||
};
|
};
|
||||||
|
|
||||||
static checkIfPathsAreAvailable() {
|
static checkIfPathsAreAvailable() {
|
||||||
const paths = Object.keys(SystemPath.paths) as Array<
|
const paths = Object.keys(
|
||||||
keyof typeof SystemPath.paths
|
SystemPath.paths
|
||||||
>;
|
) as (keyof typeof SystemPath.paths)[];
|
||||||
|
|
||||||
paths.forEach((pathName) => {
|
paths.forEach((pathName) => {
|
||||||
try {
|
try {
|
||||||
|
|||||||
@@ -8,9 +8,11 @@ export const friendRequestEvent = async (payload: FriendRequest) => {
|
|||||||
friendRequestCount: payload.friendRequestCount,
|
friendRequestCount: payload.friendRequestCount,
|
||||||
});
|
});
|
||||||
|
|
||||||
const user = await HydraApi.get(`/users/${payload.senderId}`);
|
if (payload.senderId) {
|
||||||
|
const user = await HydraApi.get(`/users/${payload.senderId}`);
|
||||||
|
|
||||||
if (user) {
|
if (user) {
|
||||||
publishNewFriendRequestNotification(user);
|
publishNewFriendRequestNotification(user);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -619,4 +619,28 @@ contextBridge.exposeInMainWorld("electron", {
|
|||||||
},
|
},
|
||||||
closeEditorWindow: (themeId?: string) =>
|
closeEditorWindow: (themeId?: string) =>
|
||||||
ipcRenderer.invoke("closeEditorWindow", themeId),
|
ipcRenderer.invoke("closeEditorWindow", themeId),
|
||||||
|
|
||||||
|
/* LevelDB Generic CRUD */
|
||||||
|
leveldb: {
|
||||||
|
get: (
|
||||||
|
key: string,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding?: "json" | "utf8"
|
||||||
|
) => ipcRenderer.invoke("leveldbGet", key, sublevelName, valueEncoding),
|
||||||
|
put: (
|
||||||
|
key: string,
|
||||||
|
value: unknown,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding?: "json" | "utf8"
|
||||||
|
) =>
|
||||||
|
ipcRenderer.invoke("leveldbPut", key, value, sublevelName, valueEncoding),
|
||||||
|
del: (key: string, sublevelName?: string | null) =>
|
||||||
|
ipcRenderer.invoke("leveldbDel", key, sublevelName),
|
||||||
|
clear: (sublevelName: string) =>
|
||||||
|
ipcRenderer.invoke("leveldbClear", sublevelName),
|
||||||
|
values: (sublevelName: string) =>
|
||||||
|
ipcRenderer.invoke("leveldbValues", sublevelName),
|
||||||
|
iterator: (sublevelName: string) =>
|
||||||
|
ipcRenderer.invoke("leveldbIterator", sublevelName),
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -31,6 +31,8 @@ import {
|
|||||||
getAchievementSoundUrl,
|
getAchievementSoundUrl,
|
||||||
getAchievementSoundVolume,
|
getAchievementSoundVolume,
|
||||||
} from "./helpers";
|
} from "./helpers";
|
||||||
|
import { levelDBService } from "./services/leveldb.service";
|
||||||
|
import type { UserPreferences } from "@types";
|
||||||
import "./app.scss";
|
import "./app.scss";
|
||||||
|
|
||||||
export interface AppProps {
|
export interface AppProps {
|
||||||
@@ -77,11 +79,12 @@ export function App() {
|
|||||||
const { showSuccessToast } = useToast();
|
const { showSuccessToast } = useToast();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
Promise.all([window.electron.getUserPreferences(), updateLibrary()]).then(
|
Promise.all([
|
||||||
([preferences]) => {
|
levelDBService.get("userPreferences", null, "json"),
|
||||||
dispatch(setUserPreferences(preferences));
|
updateLibrary(),
|
||||||
}
|
]).then(([preferences]) => {
|
||||||
);
|
dispatch(setUserPreferences(preferences as UserPreferences | null));
|
||||||
|
});
|
||||||
}, [navigate, location.pathname, dispatch, updateLibrary]);
|
}, [navigate, location.pathname, dispatch, updateLibrary]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -204,7 +207,11 @@ export function App() {
|
|||||||
}, [dispatch, draggingDisabled]);
|
}, [dispatch, draggingDisabled]);
|
||||||
|
|
||||||
const loadAndApplyTheme = useCallback(async () => {
|
const loadAndApplyTheme = useCallback(async () => {
|
||||||
const activeTheme = await window.electron.getActiveCustomTheme();
|
const allThemes = (await levelDBService.values("themes")) as {
|
||||||
|
isActive?: boolean;
|
||||||
|
code?: string;
|
||||||
|
}[];
|
||||||
|
const activeTheme = allThemes.find((theme) => theme.isActive);
|
||||||
if (activeTheme?.code) {
|
if (activeTheme?.code) {
|
||||||
injectCustomCss(activeTheme.code);
|
injectCustomCss(activeTheme.code);
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@@ -3,12 +3,18 @@ import { useEffect, useMemo, useRef, useState } from "react";
|
|||||||
import { useLocation, useNavigate } from "react-router-dom";
|
import { useLocation, useNavigate } from "react-router-dom";
|
||||||
import { ArrowLeftIcon, SearchIcon, XIcon } from "@primer/octicons-react";
|
import { ArrowLeftIcon, SearchIcon, XIcon } from "@primer/octicons-react";
|
||||||
|
|
||||||
import { useAppDispatch, useAppSelector } from "@renderer/hooks";
|
import {
|
||||||
|
useAppDispatch,
|
||||||
|
useAppSelector,
|
||||||
|
useSearchHistory,
|
||||||
|
useSearchSuggestions,
|
||||||
|
} from "@renderer/hooks";
|
||||||
|
|
||||||
import "./header.scss";
|
import "./header.scss";
|
||||||
import { AutoUpdateSubHeader } from "./auto-update-sub-header";
|
import { AutoUpdateSubHeader } from "./auto-update-sub-header";
|
||||||
import { setFilters, setLibrarySearchQuery } from "@renderer/features";
|
import { setFilters, setLibrarySearchQuery } from "@renderer/features";
|
||||||
import cn from "classnames";
|
import cn from "classnames";
|
||||||
|
import { SearchDropdown } from "@renderer/components";
|
||||||
|
|
||||||
const pathTitle: Record<string, string> = {
|
const pathTitle: Record<string, string> = {
|
||||||
"/": "home",
|
"/": "home",
|
||||||
@@ -20,6 +26,7 @@ const pathTitle: Record<string, string> = {
|
|||||||
|
|
||||||
export function Header() {
|
export function Header() {
|
||||||
const inputRef = useRef<HTMLInputElement>(null);
|
const inputRef = useRef<HTMLInputElement>(null);
|
||||||
|
const searchContainerRef = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
@@ -37,6 +44,7 @@ export function Header() {
|
|||||||
);
|
);
|
||||||
|
|
||||||
const isOnLibraryPage = location.pathname.startsWith("/library");
|
const isOnLibraryPage = location.pathname.startsWith("/library");
|
||||||
|
const isOnCataloguePage = location.pathname.startsWith("/catalogue");
|
||||||
|
|
||||||
const searchValue = isOnLibraryPage
|
const searchValue = isOnLibraryPage
|
||||||
? librarySearchValue
|
? librarySearchValue
|
||||||
@@ -45,9 +53,29 @@ export function Header() {
|
|||||||
const dispatch = useAppDispatch();
|
const dispatch = useAppDispatch();
|
||||||
|
|
||||||
const [isFocused, setIsFocused] = useState(false);
|
const [isFocused, setIsFocused] = useState(false);
|
||||||
|
const [isDropdownVisible, setIsDropdownVisible] = useState(false);
|
||||||
|
const [activeIndex, setActiveIndex] = useState(-1);
|
||||||
|
const [dropdownPosition, setDropdownPosition] = useState({
|
||||||
|
x: 0,
|
||||||
|
y: 0,
|
||||||
|
});
|
||||||
|
|
||||||
const { t } = useTranslation("header");
|
const { t } = useTranslation("header");
|
||||||
|
|
||||||
|
const { addToHistory, removeFromHistory, clearHistory, getRecentHistory } =
|
||||||
|
useSearchHistory();
|
||||||
|
|
||||||
|
const { suggestions, isLoading: isLoadingSuggestions } = useSearchSuggestions(
|
||||||
|
searchValue,
|
||||||
|
isOnLibraryPage,
|
||||||
|
isDropdownVisible && isFocused && !isOnCataloguePage
|
||||||
|
);
|
||||||
|
|
||||||
|
const historyItems = getRecentHistory(
|
||||||
|
isOnLibraryPage ? "library" : "catalogue",
|
||||||
|
3
|
||||||
|
);
|
||||||
|
|
||||||
const title = useMemo(() => {
|
const title = useMemo(() => {
|
||||||
if (location.pathname.startsWith("/game")) return headerTitle;
|
if (location.pathname.startsWith("/game")) return headerTitle;
|
||||||
if (location.pathname.startsWith("/achievements")) return headerTitle;
|
if (location.pathname.startsWith("/achievements")) return headerTitle;
|
||||||
@@ -59,13 +87,43 @@ export function Header() {
|
|||||||
return t(pathTitle[location.pathname]);
|
return t(pathTitle[location.pathname]);
|
||||||
}, [location.pathname, headerTitle, t]);
|
}, [location.pathname, headerTitle, t]);
|
||||||
|
|
||||||
|
const totalItems = historyItems.length + suggestions.length;
|
||||||
|
|
||||||
|
const updateDropdownPosition = () => {
|
||||||
|
if (searchContainerRef.current) {
|
||||||
|
const rect = searchContainerRef.current.getBoundingClientRect();
|
||||||
|
setDropdownPosition({
|
||||||
|
x: rect.left,
|
||||||
|
y: rect.bottom,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const focusInput = () => {
|
const focusInput = () => {
|
||||||
setIsFocused(true);
|
setIsFocused(true);
|
||||||
inputRef.current?.focus();
|
inputRef.current?.focus();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleFocus = () => {
|
||||||
|
if (isFocused && isDropdownVisible) {
|
||||||
|
updateDropdownPosition();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsFocused(true);
|
||||||
|
setActiveIndex(-1);
|
||||||
|
setTimeout(() => {
|
||||||
|
updateDropdownPosition();
|
||||||
|
setIsDropdownVisible(true);
|
||||||
|
}, 220);
|
||||||
|
};
|
||||||
|
|
||||||
const handleBlur = () => {
|
const handleBlur = () => {
|
||||||
setIsFocused(false);
|
setTimeout(() => {
|
||||||
|
setIsFocused(false);
|
||||||
|
setIsDropdownVisible(false);
|
||||||
|
setActiveIndex(-1);
|
||||||
|
}, 200);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleBackButtonClick = () => {
|
const handleBackButtonClick = () => {
|
||||||
@@ -77,10 +135,37 @@ export function Header() {
|
|||||||
dispatch(setLibrarySearchQuery(value.slice(0, 255)));
|
dispatch(setLibrarySearchQuery(value.slice(0, 255)));
|
||||||
} else {
|
} else {
|
||||||
dispatch(setFilters({ title: value.slice(0, 255) }));
|
dispatch(setFilters({ title: value.slice(0, 255) }));
|
||||||
if (!location.pathname.startsWith("/catalogue")) {
|
|
||||||
navigate("/catalogue");
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
setActiveIndex(-1);
|
||||||
|
};
|
||||||
|
|
||||||
|
const executeSearch = (query: string) => {
|
||||||
|
const context = isOnLibraryPage ? "library" : "catalogue";
|
||||||
|
if (query.trim()) {
|
||||||
|
addToHistory(query, context);
|
||||||
|
}
|
||||||
|
handleSearch(query);
|
||||||
|
|
||||||
|
if (!isOnLibraryPage && !location.pathname.startsWith("/catalogue")) {
|
||||||
|
navigate("/catalogue");
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsDropdownVisible(false);
|
||||||
|
inputRef.current?.blur();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleSelectHistory = (query: string) => {
|
||||||
|
executeSearch(query);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleSelectSuggestion = (suggestion: {
|
||||||
|
title: string;
|
||||||
|
objectId: string;
|
||||||
|
shop: string;
|
||||||
|
}) => {
|
||||||
|
setIsDropdownVisible(false);
|
||||||
|
inputRef.current?.blur();
|
||||||
|
navigate(`/game/${suggestion.shop}/${suggestion.objectId}`);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleClearSearch = () => {
|
const handleClearSearch = () => {
|
||||||
@@ -89,14 +174,79 @@ export function Header() {
|
|||||||
} else {
|
} else {
|
||||||
dispatch(setFilters({ title: "" }));
|
dispatch(setFilters({ title: "" }));
|
||||||
}
|
}
|
||||||
|
setActiveIndex(-1);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleRemoveHistoryItem = (query: string) => {
|
||||||
|
removeFromHistory(query);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClearHistory = () => {
|
||||||
|
clearHistory();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
|
||||||
|
if (event.key === "Enter") {
|
||||||
|
event.preventDefault();
|
||||||
|
if (activeIndex >= 0 && activeIndex < totalItems) {
|
||||||
|
if (activeIndex < historyItems.length) {
|
||||||
|
handleSelectHistory(historyItems[activeIndex].query);
|
||||||
|
} else {
|
||||||
|
const suggestionIndex = activeIndex - historyItems.length;
|
||||||
|
handleSelectSuggestion(suggestions[suggestionIndex]);
|
||||||
|
}
|
||||||
|
} else if (searchValue.trim()) {
|
||||||
|
executeSearch(searchValue);
|
||||||
|
}
|
||||||
|
} else if (event.key === "ArrowDown") {
|
||||||
|
event.preventDefault();
|
||||||
|
setActiveIndex((prev) => (prev < totalItems - 1 ? prev + 1 : prev));
|
||||||
|
if (!isDropdownVisible) {
|
||||||
|
setIsDropdownVisible(true);
|
||||||
|
updateDropdownPosition();
|
||||||
|
}
|
||||||
|
} else if (event.key === "ArrowUp") {
|
||||||
|
event.preventDefault();
|
||||||
|
setActiveIndex((prev) => (prev > -1 ? prev - 1 : -1));
|
||||||
|
} else if (event.key === "Escape") {
|
||||||
|
event.preventDefault();
|
||||||
|
setIsDropdownVisible(false);
|
||||||
|
setActiveIndex(-1);
|
||||||
|
inputRef.current?.blur();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleCloseDropdown = () => {
|
||||||
|
setIsDropdownVisible(false);
|
||||||
|
setActiveIndex(-1);
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!location.pathname.startsWith("/catalogue") && catalogueSearchValue) {
|
const prevPath = sessionStorage.getItem("prevPath");
|
||||||
|
const currentPath = location.pathname;
|
||||||
|
|
||||||
|
if (
|
||||||
|
prevPath?.startsWith("/catalogue") &&
|
||||||
|
!currentPath.startsWith("/catalogue") &&
|
||||||
|
catalogueSearchValue
|
||||||
|
) {
|
||||||
dispatch(setFilters({ title: "" }));
|
dispatch(setFilters({ title: "" }));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
sessionStorage.setItem("prevPath", currentPath);
|
||||||
}, [location.pathname, catalogueSearchValue, dispatch]);
|
}, [location.pathname, catalogueSearchValue, dispatch]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!isDropdownVisible) return;
|
||||||
|
|
||||||
|
const handleResize = () => {
|
||||||
|
updateDropdownPosition();
|
||||||
|
};
|
||||||
|
|
||||||
|
window.addEventListener("resize", handleResize);
|
||||||
|
return () => window.removeEventListener("resize", handleResize);
|
||||||
|
}, [isDropdownVisible]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<header
|
<header
|
||||||
@@ -128,6 +278,7 @@ export function Header() {
|
|||||||
|
|
||||||
<section className="header__section">
|
<section className="header__section">
|
||||||
<div
|
<div
|
||||||
|
ref={searchContainerRef}
|
||||||
className={cn("header__search", {
|
className={cn("header__search", {
|
||||||
"header__search--focused": isFocused,
|
"header__search--focused": isFocused,
|
||||||
})}
|
})}
|
||||||
@@ -148,8 +299,9 @@ export function Header() {
|
|||||||
value={searchValue}
|
value={searchValue}
|
||||||
className="header__search-input"
|
className="header__search-input"
|
||||||
onChange={(event) => handleSearch(event.target.value)}
|
onChange={(event) => handleSearch(event.target.value)}
|
||||||
onFocus={() => setIsFocused(true)}
|
onFocus={handleFocus}
|
||||||
onBlur={handleBlur}
|
onBlur={handleBlur}
|
||||||
|
onKeyDown={handleKeyDown}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{searchValue && (
|
{searchValue && (
|
||||||
@@ -165,6 +317,27 @@ export function Header() {
|
|||||||
</section>
|
</section>
|
||||||
</header>
|
</header>
|
||||||
<AutoUpdateSubHeader />
|
<AutoUpdateSubHeader />
|
||||||
|
|
||||||
|
<SearchDropdown
|
||||||
|
visible={
|
||||||
|
isDropdownVisible &&
|
||||||
|
(historyItems.length > 0 ||
|
||||||
|
suggestions.length > 0 ||
|
||||||
|
isLoadingSuggestions)
|
||||||
|
}
|
||||||
|
position={dropdownPosition}
|
||||||
|
historyItems={historyItems}
|
||||||
|
suggestions={suggestions}
|
||||||
|
isLoadingSuggestions={isLoadingSuggestions}
|
||||||
|
onSelectHistory={handleSelectHistory}
|
||||||
|
onSelectSuggestion={handleSelectSuggestion}
|
||||||
|
onRemoveHistoryItem={handleRemoveHistoryItem}
|
||||||
|
onClearHistory={handleClearHistory}
|
||||||
|
onClose={handleCloseDropdown}
|
||||||
|
activeIndex={activeIndex}
|
||||||
|
currentQuery={searchValue}
|
||||||
|
searchContainerRef={searchContainerRef}
|
||||||
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,3 +19,4 @@ export * from "./context-menu/context-menu";
|
|||||||
export * from "./game-context-menu/game-context-menu";
|
export * from "./game-context-menu/game-context-menu";
|
||||||
export * from "./game-context-menu/use-game-actions";
|
export * from "./game-context-menu/use-game-actions";
|
||||||
export * from "./star-rating/star-rating";
|
export * from "./star-rating/star-rating";
|
||||||
|
export * from "./search-dropdown/search-dropdown";
|
||||||
|
|||||||
108
src/renderer/src/components/search-dropdown/highlight-text.tsx
Normal file
108
src/renderer/src/components/search-dropdown/highlight-text.tsx
Normal file
@@ -0,0 +1,108 @@
|
|||||||
|
import React from "react";
|
||||||
|
|
||||||
|
interface HighlightTextProps {
|
||||||
|
readonly text: string;
|
||||||
|
readonly query: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function HighlightText({ text, query }: Readonly<HighlightTextProps>) {
|
||||||
|
if (!query.trim()) {
|
||||||
|
return <>{text}</>;
|
||||||
|
}
|
||||||
|
|
||||||
|
const queryWords = query
|
||||||
|
.toLowerCase()
|
||||||
|
.split(/\s+/)
|
||||||
|
.filter((word) => word.length > 0);
|
||||||
|
|
||||||
|
if (queryWords.length === 0) {
|
||||||
|
return <>{text}</>;
|
||||||
|
}
|
||||||
|
|
||||||
|
const textWords = text.split(/\b/);
|
||||||
|
const matches: { start: number; end: number; text: string }[] = [];
|
||||||
|
|
||||||
|
let currentIndex = 0;
|
||||||
|
textWords.forEach((word) => {
|
||||||
|
const wordLower = word.toLowerCase();
|
||||||
|
|
||||||
|
queryWords.forEach((queryWord) => {
|
||||||
|
if (wordLower === queryWord) {
|
||||||
|
matches.push({
|
||||||
|
start: currentIndex,
|
||||||
|
end: currentIndex + word.length,
|
||||||
|
text: word,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
currentIndex += word.length;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (matches.length === 0) {
|
||||||
|
return <>{text}</>;
|
||||||
|
}
|
||||||
|
|
||||||
|
matches.sort((a, b) => a.start - b.start);
|
||||||
|
|
||||||
|
const mergedMatches: { start: number; end: number }[] = [];
|
||||||
|
|
||||||
|
if (matches.length === 0) {
|
||||||
|
return <>{text}</>;
|
||||||
|
}
|
||||||
|
|
||||||
|
let current = matches[0];
|
||||||
|
|
||||||
|
for (let i = 1; i < matches.length; i++) {
|
||||||
|
if (matches[i].start <= current.end) {
|
||||||
|
current.end = Math.max(current.end, matches[i].end);
|
||||||
|
} else {
|
||||||
|
mergedMatches.push(current);
|
||||||
|
current = matches[i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
mergedMatches.push(current);
|
||||||
|
|
||||||
|
const parts: { text: string; highlight: boolean; key: string }[] = [];
|
||||||
|
let lastIndex = 0;
|
||||||
|
|
||||||
|
mergedMatches.forEach((match) => {
|
||||||
|
if (match.start > lastIndex) {
|
||||||
|
parts.push({
|
||||||
|
text: text.slice(lastIndex, match.start),
|
||||||
|
highlight: false,
|
||||||
|
key: `${lastIndex}-${match.start}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
parts.push({
|
||||||
|
text: text.slice(match.start, match.end),
|
||||||
|
highlight: true,
|
||||||
|
key: `${match.start}-${match.end}`,
|
||||||
|
});
|
||||||
|
|
||||||
|
lastIndex = match.end;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (lastIndex < text.length) {
|
||||||
|
parts.push({
|
||||||
|
text: text.slice(lastIndex),
|
||||||
|
highlight: false,
|
||||||
|
key: `${lastIndex}-${text.length}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{parts.map((part) =>
|
||||||
|
part.highlight ? (
|
||||||
|
<mark key={part.key} className="search-dropdown__highlight">
|
||||||
|
{part.text}
|
||||||
|
</mark>
|
||||||
|
) : (
|
||||||
|
<React.Fragment key={part.key}>{part.text}</React.Fragment>
|
||||||
|
)
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
153
src/renderer/src/components/search-dropdown/search-dropdown.scss
Normal file
153
src/renderer/src/components/search-dropdown/search-dropdown.scss
Normal file
@@ -0,0 +1,153 @@
|
|||||||
|
@use "../../scss/globals.scss";
|
||||||
|
|
||||||
|
.search-dropdown {
|
||||||
|
position: fixed;
|
||||||
|
background-color: globals.$dark-background-color;
|
||||||
|
border: 1px solid globals.$border-color;
|
||||||
|
border-radius: 8px;
|
||||||
|
max-height: 300px;
|
||||||
|
overflow-y: auto;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
||||||
|
z-index: 1000;
|
||||||
|
margin-top: 4px;
|
||||||
|
width: 250px;
|
||||||
|
|
||||||
|
&__section {
|
||||||
|
padding: 4px 0;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
border-bottom: 1px solid globals.$border-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__section-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 8px 12px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__section-title {
|
||||||
|
color: globals.$muted-color;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 500;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__clear-button {
|
||||||
|
color: globals.$muted-color;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all ease 0.2s;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: rgba(255, 255, 255, 0.15);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__list {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__item-container {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&:hover .search-dropdown__item-remove {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__item-remove {
|
||||||
|
position: absolute;
|
||||||
|
right: 8px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
color: globals.$muted-color;
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
opacity: 0;
|
||||||
|
transition: all ease 0.15s;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #ff3333;
|
||||||
|
background-color: rgba(255, 85, 85, 0.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__item {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.1s ease;
|
||||||
|
color: #dadbe1;
|
||||||
|
text-align: left;
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&--active {
|
||||||
|
background-color: globals.$background-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__item-icon {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
color: globals.$muted-color;
|
||||||
|
|
||||||
|
&--image {
|
||||||
|
border-radius: 2px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__item-text {
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__loading,
|
||||||
|
&__empty {
|
||||||
|
padding: 16px 12px;
|
||||||
|
text-align: center;
|
||||||
|
color: globals.$muted-color;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__empty {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__highlight {
|
||||||
|
background-color: rgba(255, 193, 7, 0.4);
|
||||||
|
color: #ffa000;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0 2px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
247
src/renderer/src/components/search-dropdown/search-dropdown.tsx
Normal file
247
src/renderer/src/components/search-dropdown/search-dropdown.tsx
Normal file
@@ -0,0 +1,247 @@
|
|||||||
|
import { useEffect, useRef, useCallback, useState } from "react";
|
||||||
|
import { createPortal } from "react-dom";
|
||||||
|
import {
|
||||||
|
ClockIcon,
|
||||||
|
SearchIcon,
|
||||||
|
TrashIcon,
|
||||||
|
XIcon,
|
||||||
|
} from "@primer/octicons-react";
|
||||||
|
import cn from "classnames";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
import type { SearchHistoryEntry } from "@renderer/hooks/use-search-history";
|
||||||
|
import type { SearchSuggestion } from "@renderer/hooks/use-search-suggestions";
|
||||||
|
import { HighlightText } from "./highlight-text";
|
||||||
|
import "./search-dropdown.scss";
|
||||||
|
|
||||||
|
export interface SearchDropdownProps {
|
||||||
|
visible: boolean;
|
||||||
|
position: { x: number; y: number };
|
||||||
|
historyItems: SearchHistoryEntry[];
|
||||||
|
suggestions: SearchSuggestion[];
|
||||||
|
isLoadingSuggestions: boolean;
|
||||||
|
onSelectHistory: (query: string) => void;
|
||||||
|
onSelectSuggestion: (suggestion: SearchSuggestion) => void;
|
||||||
|
onRemoveHistoryItem: (query: string) => void;
|
||||||
|
onClearHistory: () => void;
|
||||||
|
onClose: () => void;
|
||||||
|
activeIndex: number;
|
||||||
|
currentQuery: string;
|
||||||
|
searchContainerRef?: React.RefObject<HTMLDivElement>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function SearchDropdown({
|
||||||
|
visible,
|
||||||
|
position,
|
||||||
|
historyItems,
|
||||||
|
suggestions,
|
||||||
|
isLoadingSuggestions,
|
||||||
|
onSelectHistory,
|
||||||
|
onSelectSuggestion,
|
||||||
|
onRemoveHistoryItem,
|
||||||
|
onClearHistory,
|
||||||
|
onClose,
|
||||||
|
activeIndex,
|
||||||
|
currentQuery,
|
||||||
|
searchContainerRef,
|
||||||
|
}: SearchDropdownProps) {
|
||||||
|
const dropdownRef = useRef<HTMLDivElement>(null);
|
||||||
|
const [adjustedPosition, setAdjustedPosition] = useState(position);
|
||||||
|
const { t } = useTranslation("header");
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!visible) {
|
||||||
|
setAdjustedPosition(position);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const checkPosition = () => {
|
||||||
|
if (!dropdownRef.current) return;
|
||||||
|
|
||||||
|
const rect = dropdownRef.current.getBoundingClientRect();
|
||||||
|
const viewportWidth = window.innerWidth;
|
||||||
|
const viewportHeight = window.innerHeight;
|
||||||
|
|
||||||
|
let adjustedX = position.x;
|
||||||
|
let adjustedY = position.y;
|
||||||
|
|
||||||
|
if (adjustedX + 250 > viewportWidth - 10) {
|
||||||
|
adjustedX = Math.max(10, viewportWidth - 250 - 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (adjustedY + rect.height > viewportHeight - 10) {
|
||||||
|
adjustedY = Math.max(10, viewportHeight - rect.height - 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
setAdjustedPosition({ x: adjustedX, y: adjustedY });
|
||||||
|
};
|
||||||
|
|
||||||
|
requestAnimationFrame(checkPosition);
|
||||||
|
}, [visible, position]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!visible) return;
|
||||||
|
|
||||||
|
const handleClickOutside = (event: MouseEvent) => {
|
||||||
|
const target = event.target as Node;
|
||||||
|
|
||||||
|
if (
|
||||||
|
dropdownRef.current &&
|
||||||
|
!dropdownRef.current.contains(target) &&
|
||||||
|
!searchContainerRef?.current?.contains(target)
|
||||||
|
) {
|
||||||
|
onClose();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
document.addEventListener("mousedown", handleClickOutside);
|
||||||
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
||||||
|
}, [visible, onClose, searchContainerRef]);
|
||||||
|
|
||||||
|
const handleItemClick = useCallback(
|
||||||
|
(
|
||||||
|
type: "history" | "suggestion",
|
||||||
|
item: SearchHistoryEntry | SearchSuggestion
|
||||||
|
) => {
|
||||||
|
if (type === "history") {
|
||||||
|
onSelectHistory((item as SearchHistoryEntry).query);
|
||||||
|
} else {
|
||||||
|
onSelectSuggestion(item as SearchSuggestion);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[onSelectHistory, onSelectSuggestion]
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!visible) return null;
|
||||||
|
|
||||||
|
const totalItems = historyItems.length + suggestions.length;
|
||||||
|
const hasHistory = historyItems.length > 0;
|
||||||
|
const hasSuggestions = suggestions.length > 0;
|
||||||
|
|
||||||
|
const getItemIndex = (
|
||||||
|
section: "history" | "suggestion",
|
||||||
|
indexInSection: number
|
||||||
|
) => {
|
||||||
|
if (section === "history") {
|
||||||
|
return indexInSection;
|
||||||
|
}
|
||||||
|
return historyItems.length + indexInSection;
|
||||||
|
};
|
||||||
|
|
||||||
|
const dropdownContent = (
|
||||||
|
<div
|
||||||
|
ref={dropdownRef}
|
||||||
|
className="search-dropdown"
|
||||||
|
style={{
|
||||||
|
left: adjustedPosition.x,
|
||||||
|
top: adjustedPosition.y,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{hasHistory && (
|
||||||
|
<div className="search-dropdown__section">
|
||||||
|
<div className="search-dropdown__section-header">
|
||||||
|
<span className="search-dropdown__section-title">
|
||||||
|
{t("recent_searches")}
|
||||||
|
</span>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="search-dropdown__clear-button"
|
||||||
|
onClick={onClearHistory}
|
||||||
|
title={t("clear_history")}
|
||||||
|
>
|
||||||
|
<TrashIcon size={14} />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<ul className="search-dropdown__list">
|
||||||
|
{historyItems.map((item, index) => (
|
||||||
|
<li
|
||||||
|
key={`history-${item.query}-${item.timestamp}`}
|
||||||
|
className="search-dropdown__item-container"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className={cn("search-dropdown__item", {
|
||||||
|
"search-dropdown__item--active":
|
||||||
|
activeIndex === getItemIndex("history", index),
|
||||||
|
})}
|
||||||
|
onMouseDown={(e) => e.preventDefault()}
|
||||||
|
onClick={() => handleItemClick("history", item)}
|
||||||
|
>
|
||||||
|
<ClockIcon size={16} className="search-dropdown__item-icon" />
|
||||||
|
<span className="search-dropdown__item-text">
|
||||||
|
{item.query}
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="search-dropdown__item-remove"
|
||||||
|
onMouseDown={(e) => e.preventDefault()}
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
onRemoveHistoryItem(item.query);
|
||||||
|
}}
|
||||||
|
title={t("remove_from_history")}
|
||||||
|
>
|
||||||
|
<XIcon size={12} />
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{hasSuggestions && (
|
||||||
|
<div className="search-dropdown__section">
|
||||||
|
<div className="search-dropdown__section-header">
|
||||||
|
<span className="search-dropdown__section-title">
|
||||||
|
{t("suggestions")}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<ul className="search-dropdown__list">
|
||||||
|
{suggestions.map((item, index) => (
|
||||||
|
<li key={`suggestion-${item.objectId}-${item.shop}`}>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className={cn("search-dropdown__item", {
|
||||||
|
"search-dropdown__item--active":
|
||||||
|
activeIndex === getItemIndex("suggestion", index),
|
||||||
|
})}
|
||||||
|
onMouseDown={(e) => e.preventDefault()}
|
||||||
|
onClick={() => handleItemClick("suggestion", item)}
|
||||||
|
>
|
||||||
|
{item.iconUrl ? (
|
||||||
|
<img
|
||||||
|
src={item.iconUrl}
|
||||||
|
alt=""
|
||||||
|
className="search-dropdown__item-icon search-dropdown__item-icon--image"
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<SearchIcon
|
||||||
|
size={16}
|
||||||
|
className="search-dropdown__item-icon"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<span className="search-dropdown__item-text">
|
||||||
|
<HighlightText text={item.title} query={currentQuery} />
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{isLoadingSuggestions && !hasSuggestions && !hasHistory && (
|
||||||
|
<div className="search-dropdown__loading">{t("loading")}</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{!isLoadingSuggestions &&
|
||||||
|
!hasHistory &&
|
||||||
|
!hasSuggestions &&
|
||||||
|
totalItems === 0 && (
|
||||||
|
<div className="search-dropdown__empty">{t("no_results")}</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
||||||
|
return createPortal(dropdownContent, document.body);
|
||||||
|
}
|
||||||
@@ -1,6 +1,8 @@
|
|||||||
import { createContext, useCallback, useEffect, useRef, useState } from "react";
|
import { createContext, useCallback, useEffect, useRef, useState } from "react";
|
||||||
|
|
||||||
import { setHeaderTitle } from "@renderer/features";
|
import { setHeaderTitle } from "@renderer/features";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
import { orderBy } from "lodash-es";
|
||||||
import { getSteamLanguage } from "@renderer/helpers";
|
import { getSteamLanguage } from "@renderer/helpers";
|
||||||
import {
|
import {
|
||||||
useAppDispatch,
|
useAppDispatch,
|
||||||
@@ -10,6 +12,7 @@ import {
|
|||||||
} from "@renderer/hooks";
|
} from "@renderer/hooks";
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
|
DownloadSource,
|
||||||
GameRepack,
|
GameRepack,
|
||||||
GameShop,
|
GameShop,
|
||||||
GameStats,
|
GameStats,
|
||||||
@@ -297,7 +300,10 @@ export function GameDetailsContextProvider({
|
|||||||
|
|
||||||
const fetchDownloadSources = async () => {
|
const fetchDownloadSources = async () => {
|
||||||
try {
|
try {
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sourcesRaw = (await levelDBService.values(
|
||||||
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sources = orderBy(sourcesRaw, "createdAt", "desc");
|
||||||
|
|
||||||
const params = {
|
const params = {
|
||||||
take: 100,
|
take: 100,
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ import { createContext, useCallback, useEffect, useState } from "react";
|
|||||||
|
|
||||||
import { setUserPreferences } from "@renderer/features";
|
import { setUserPreferences } from "@renderer/features";
|
||||||
import { useAppDispatch } from "@renderer/hooks";
|
import { useAppDispatch } from "@renderer/hooks";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
import type { UserBlocks, UserPreferences } from "@types";
|
import type { UserBlocks, UserPreferences } from "@types";
|
||||||
import { useSearchParams } from "react-router-dom";
|
import { useSearchParams } from "react-router-dom";
|
||||||
|
|
||||||
@@ -134,9 +135,11 @@ export function SettingsContextProvider({
|
|||||||
|
|
||||||
const updateUserPreferences = async (values: Partial<UserPreferences>) => {
|
const updateUserPreferences = async (values: Partial<UserPreferences>) => {
|
||||||
await window.electron.updateUserPreferences(values);
|
await window.electron.updateUserPreferences(values);
|
||||||
window.electron.getUserPreferences().then((userPreferences) => {
|
levelDBService
|
||||||
dispatch(setUserPreferences(userPreferences));
|
.get("userPreferences", null, "json")
|
||||||
});
|
.then((userPreferences) => {
|
||||||
|
dispatch(setUserPreferences(userPreferences as UserPreferences | null));
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
19
src/renderer/src/declaration.d.ts
vendored
19
src/renderer/src/declaration.d.ts
vendored
@@ -438,6 +438,25 @@ declare global {
|
|||||||
onNewDownloadOptions: (
|
onNewDownloadOptions: (
|
||||||
cb: (gamesWithNewOptions: { gameId: string; count: number }[]) => void
|
cb: (gamesWithNewOptions: { gameId: string; count: number }[]) => void
|
||||||
) => () => Electron.IpcRenderer;
|
) => () => Electron.IpcRenderer;
|
||||||
|
|
||||||
|
/* LevelDB Generic CRUD */
|
||||||
|
leveldb: {
|
||||||
|
get: (
|
||||||
|
key: string,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding?: "json" | "utf8"
|
||||||
|
) => Promise<unknown>;
|
||||||
|
put: (
|
||||||
|
key: string,
|
||||||
|
value: unknown,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding?: "json" | "utf8"
|
||||||
|
) => Promise<void>;
|
||||||
|
del: (key: string, sublevelName?: string | null) => Promise<void>;
|
||||||
|
clear: (sublevelName: string) => Promise<void>;
|
||||||
|
values: (sublevelName: string) => Promise<unknown[]>;
|
||||||
|
iterator: (sublevelName: string) => Promise<[string, unknown][]>;
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
interface Window {
|
interface Window {
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ import type { GameShop } from "@types";
|
|||||||
import Color from "color";
|
import Color from "color";
|
||||||
import { v4 as uuidv4 } from "uuid";
|
import { v4 as uuidv4 } from "uuid";
|
||||||
import { THEME_WEB_STORE_URL } from "./constants";
|
import { THEME_WEB_STORE_URL } from "./constants";
|
||||||
|
import { levelDBService } from "./services/leveldb.service";
|
||||||
|
|
||||||
export const formatDownloadProgress = (
|
export const formatDownloadProgress = (
|
||||||
progress?: number,
|
progress?: number,
|
||||||
@@ -127,7 +128,12 @@ export const getAchievementSoundUrl = async (): Promise<string> => {
|
|||||||
.default;
|
.default;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const activeTheme = await window.electron.getActiveCustomTheme();
|
const allThemes = (await levelDBService.values("themes")) as {
|
||||||
|
id: string;
|
||||||
|
isActive?: boolean;
|
||||||
|
hasCustomSound?: boolean;
|
||||||
|
}[];
|
||||||
|
const activeTheme = allThemes.find((theme) => theme.isActive);
|
||||||
|
|
||||||
if (activeTheme?.hasCustomSound) {
|
if (activeTheme?.hasCustomSound) {
|
||||||
const soundDataUrl = await window.electron.getThemeSoundDataUrl(
|
const soundDataUrl = await window.electron.getThemeSoundDataUrl(
|
||||||
@@ -146,10 +152,18 @@ export const getAchievementSoundUrl = async (): Promise<string> => {
|
|||||||
|
|
||||||
export const getAchievementSoundVolume = async (): Promise<number> => {
|
export const getAchievementSoundVolume = async (): Promise<number> => {
|
||||||
try {
|
try {
|
||||||
const prefs = await window.electron.getUserPreferences();
|
const prefs = (await levelDBService.get(
|
||||||
|
"userPreferences",
|
||||||
|
null,
|
||||||
|
"json"
|
||||||
|
)) as { achievementSoundVolume?: number } | null;
|
||||||
return prefs?.achievementSoundVolume ?? 0.15;
|
return prefs?.achievementSoundVolume ?? 0.15;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Failed to get sound volume", error);
|
console.error("Failed to get sound volume", error);
|
||||||
return 0.15;
|
return 0.15;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const getGameKey = (shop: GameShop, objectId: string): string => {
|
||||||
|
return `${shop}:${objectId}`;
|
||||||
|
};
|
||||||
|
|||||||
@@ -8,3 +8,5 @@ export * from "./use-format";
|
|||||||
export * from "./use-feature";
|
export * from "./use-feature";
|
||||||
export * from "./use-download-options-listener";
|
export * from "./use-download-options-listener";
|
||||||
export * from "./use-game-card";
|
export * from "./use-game-card";
|
||||||
|
export * from "./use-search-history";
|
||||||
|
export * from "./use-search-suggestions";
|
||||||
|
|||||||
@@ -1,8 +1,9 @@
|
|||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import { useCallback, useEffect, useState } from "react";
|
import { useCallback, useEffect, useState } from "react";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
import type { DownloadSource } from "@types";
|
||||||
import { useAppDispatch } from "./redux";
|
import { useAppDispatch } from "./redux";
|
||||||
import { setGenres, setTags } from "@renderer/features";
|
import { setGenres, setTags } from "@renderer/features";
|
||||||
import type { DownloadSource } from "@types";
|
|
||||||
|
|
||||||
export const externalResourcesInstance = axios.create({
|
export const externalResourcesInstance = axios.create({
|
||||||
baseURL: import.meta.env.RENDERER_VITE_EXTERNAL_RESOURCES_URL,
|
baseURL: import.meta.env.RENDERER_VITE_EXTERNAL_RESOURCES_URL,
|
||||||
@@ -40,8 +41,9 @@ export function useCatalogue() {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const getDownloadSources = useCallback(() => {
|
const getDownloadSources = useCallback(() => {
|
||||||
window.electron.getDownloadSources().then((results) => {
|
levelDBService.values("downloadSources").then((results) => {
|
||||||
setDownloadSources(results.filter((source) => !!source.fingerprint));
|
const sources = results as DownloadSource[];
|
||||||
|
setDownloadSources(sources.filter((source) => !!source.fingerprint));
|
||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
|||||||
@@ -7,25 +7,9 @@ export function useLibrary() {
|
|||||||
const library = useAppSelector((state) => state.library.value);
|
const library = useAppSelector((state) => state.library.value);
|
||||||
|
|
||||||
const updateLibrary = useCallback(async () => {
|
const updateLibrary = useCallback(async () => {
|
||||||
return window.electron.getLibrary().then(async (updatedLibrary) => {
|
return window.electron
|
||||||
const libraryWithAchievements = await Promise.all(
|
.getLibrary()
|
||||||
updatedLibrary.map(async (game) => {
|
.then((updatedLibrary) => dispatch(setLibrary(updatedLibrary)));
|
||||||
const unlockedAchievements =
|
|
||||||
await window.electron.getUnlockedAchievements(
|
|
||||||
game.objectId,
|
|
||||||
game.shop
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
|
||||||
...game,
|
|
||||||
unlockedAchievementCount:
|
|
||||||
game.unlockedAchievementCount || unlockedAchievements.length,
|
|
||||||
};
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
dispatch(setLibrary(libraryWithAchievements));
|
|
||||||
});
|
|
||||||
}, [dispatch]);
|
}, [dispatch]);
|
||||||
|
|
||||||
return { library, updateLibrary };
|
return { library, updateLibrary };
|
||||||
|
|||||||
78
src/renderer/src/hooks/use-search-history.ts
Normal file
78
src/renderer/src/hooks/use-search-history.ts
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
import { useState, useCallback, useEffect } from "react";
|
||||||
|
|
||||||
|
export interface SearchHistoryEntry {
|
||||||
|
query: string;
|
||||||
|
timestamp: number;
|
||||||
|
context: "library" | "catalogue";
|
||||||
|
}
|
||||||
|
|
||||||
|
const STORAGE_KEY = "search-history";
|
||||||
|
const MAX_HISTORY_ENTRIES = 15;
|
||||||
|
|
||||||
|
export function useSearchHistory() {
|
||||||
|
const [history, setHistory] = useState<SearchHistoryEntry[]>([]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const stored = localStorage.getItem(STORAGE_KEY);
|
||||||
|
if (stored) {
|
||||||
|
try {
|
||||||
|
const parsed = JSON.parse(stored) as SearchHistoryEntry[];
|
||||||
|
setHistory(parsed);
|
||||||
|
} catch {
|
||||||
|
localStorage.removeItem(STORAGE_KEY);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const addToHistory = useCallback(
|
||||||
|
(query: string, context: "library" | "catalogue") => {
|
||||||
|
if (!query.trim()) return;
|
||||||
|
|
||||||
|
const newEntry: SearchHistoryEntry = {
|
||||||
|
query: query.trim(),
|
||||||
|
timestamp: Date.now(),
|
||||||
|
context,
|
||||||
|
};
|
||||||
|
|
||||||
|
setHistory((prev) => {
|
||||||
|
const filtered = prev.filter(
|
||||||
|
(entry) => entry.query.toLowerCase() !== query.toLowerCase().trim()
|
||||||
|
);
|
||||||
|
const updated = [newEntry, ...filtered].slice(0, MAX_HISTORY_ENTRIES);
|
||||||
|
localStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
|
||||||
|
return updated;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
[]
|
||||||
|
);
|
||||||
|
|
||||||
|
const removeFromHistory = useCallback((query: string) => {
|
||||||
|
setHistory((prev) => {
|
||||||
|
const updated = prev.filter((entry) => entry.query !== query);
|
||||||
|
localStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
|
||||||
|
return updated;
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const clearHistory = useCallback(() => {
|
||||||
|
setHistory([]);
|
||||||
|
localStorage.removeItem(STORAGE_KEY);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const getRecentHistory = useCallback(
|
||||||
|
(context: "library" | "catalogue", limit: number = 3) => {
|
||||||
|
return history
|
||||||
|
.filter((entry) => entry.context === context)
|
||||||
|
.slice(0, limit);
|
||||||
|
},
|
||||||
|
[history]
|
||||||
|
);
|
||||||
|
|
||||||
|
return {
|
||||||
|
history,
|
||||||
|
addToHistory,
|
||||||
|
removeFromHistory,
|
||||||
|
clearHistory,
|
||||||
|
getRecentHistory,
|
||||||
|
};
|
||||||
|
}
|
||||||
151
src/renderer/src/hooks/use-search-suggestions.ts
Normal file
151
src/renderer/src/hooks/use-search-suggestions.ts
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
import { useState, useEffect, useCallback, useRef } from "react";
|
||||||
|
import { useAppSelector } from "./redux";
|
||||||
|
import { debounce } from "lodash-es";
|
||||||
|
import { logger } from "@renderer/logger";
|
||||||
|
|
||||||
|
export interface SearchSuggestion {
|
||||||
|
title: string;
|
||||||
|
objectId: string;
|
||||||
|
shop: string;
|
||||||
|
iconUrl: string | null;
|
||||||
|
source: "library" | "catalogue";
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useSearchSuggestions(
|
||||||
|
query: string,
|
||||||
|
isOnLibraryPage: boolean,
|
||||||
|
enabled: boolean = true
|
||||||
|
) {
|
||||||
|
const [suggestions, setSuggestions] = useState<SearchSuggestion[]>([]);
|
||||||
|
const [isLoading, setIsLoading] = useState(false);
|
||||||
|
const library = useAppSelector((state) => state.library.value);
|
||||||
|
const abortControllerRef = useRef<AbortController | null>(null);
|
||||||
|
|
||||||
|
const getLibrarySuggestions = useCallback(
|
||||||
|
(searchQuery: string, limit: number = 3): SearchSuggestion[] => {
|
||||||
|
if (!searchQuery.trim()) return [];
|
||||||
|
|
||||||
|
const queryLower = searchQuery.toLowerCase();
|
||||||
|
const matches: SearchSuggestion[] = [];
|
||||||
|
|
||||||
|
for (const game of library) {
|
||||||
|
if (matches.length >= limit) break;
|
||||||
|
|
||||||
|
const titleLower = game.title.toLowerCase();
|
||||||
|
let queryIndex = 0;
|
||||||
|
|
||||||
|
for (
|
||||||
|
let i = 0;
|
||||||
|
i < titleLower.length && queryIndex < queryLower.length;
|
||||||
|
i++
|
||||||
|
) {
|
||||||
|
if (titleLower[i] === queryLower[queryIndex]) {
|
||||||
|
queryIndex++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (queryIndex === queryLower.length) {
|
||||||
|
matches.push({
|
||||||
|
title: game.title,
|
||||||
|
objectId: game.objectId,
|
||||||
|
shop: game.shop,
|
||||||
|
iconUrl: game.iconUrl,
|
||||||
|
source: "library",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return matches;
|
||||||
|
},
|
||||||
|
[library]
|
||||||
|
);
|
||||||
|
|
||||||
|
const fetchCatalogueSuggestions = useCallback(
|
||||||
|
async (searchQuery: string, limit: number = 3) => {
|
||||||
|
if (!searchQuery.trim() || searchQuery.length < 2) {
|
||||||
|
setSuggestions([]);
|
||||||
|
setIsLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
abortControllerRef.current?.abort();
|
||||||
|
const abortController = new AbortController();
|
||||||
|
abortControllerRef.current = abortController;
|
||||||
|
|
||||||
|
setIsLoading(true);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await window.electron.hydraApi.get<
|
||||||
|
{
|
||||||
|
title: string;
|
||||||
|
objectId: string;
|
||||||
|
shop: string;
|
||||||
|
iconUrl: string | null;
|
||||||
|
}[]
|
||||||
|
>("/catalogue/search/suggestions", {
|
||||||
|
params: {
|
||||||
|
query: searchQuery,
|
||||||
|
limit,
|
||||||
|
},
|
||||||
|
needsAuth: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (abortController.signal.aborted) return;
|
||||||
|
|
||||||
|
const catalogueSuggestions: SearchSuggestion[] = response.map(
|
||||||
|
(item) => ({
|
||||||
|
...item,
|
||||||
|
source: "catalogue" as const,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
setSuggestions(catalogueSuggestions);
|
||||||
|
} catch (error) {
|
||||||
|
if (!abortController.signal.aborted) {
|
||||||
|
setSuggestions([]);
|
||||||
|
logger.error("Failed to fetch catalogue suggestions", error);
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
if (!abortController.signal.aborted) {
|
||||||
|
setIsLoading(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[]
|
||||||
|
);
|
||||||
|
|
||||||
|
const debouncedFetchCatalogue = useRef(
|
||||||
|
debounce(fetchCatalogueSuggestions, 300)
|
||||||
|
).current;
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!enabled || !query || query.length < 2) {
|
||||||
|
setSuggestions([]);
|
||||||
|
setIsLoading(false);
|
||||||
|
abortControllerRef.current?.abort();
|
||||||
|
debouncedFetchCatalogue.cancel();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isOnLibraryPage) {
|
||||||
|
const librarySuggestions = getLibrarySuggestions(query, 3);
|
||||||
|
setSuggestions(librarySuggestions);
|
||||||
|
setIsLoading(false);
|
||||||
|
} else {
|
||||||
|
debouncedFetchCatalogue(query, 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
debouncedFetchCatalogue.cancel();
|
||||||
|
abortControllerRef.current?.abort();
|
||||||
|
};
|
||||||
|
}, [
|
||||||
|
query,
|
||||||
|
isOnLibraryPage,
|
||||||
|
enabled,
|
||||||
|
getLibrarySuggestions,
|
||||||
|
debouncedFetchCatalogue,
|
||||||
|
]);
|
||||||
|
|
||||||
|
return { suggestions, isLoading };
|
||||||
|
}
|
||||||
@@ -21,6 +21,7 @@ import resources from "@locales";
|
|||||||
|
|
||||||
import { logger } from "./logger";
|
import { logger } from "./logger";
|
||||||
import { addCookieInterceptor } from "./cookies";
|
import { addCookieInterceptor } from "./cookies";
|
||||||
|
import { levelDBService } from "./services/leveldb.service";
|
||||||
import Catalogue from "./pages/catalogue/catalogue";
|
import Catalogue from "./pages/catalogue/catalogue";
|
||||||
import Home from "./pages/home/home";
|
import Home from "./pages/home/home";
|
||||||
import Downloads from "./pages/downloads/downloads";
|
import Downloads from "./pages/downloads/downloads";
|
||||||
@@ -48,7 +49,11 @@ i18n
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
const userPreferences = await window.electron.getUserPreferences();
|
const userPreferences = (await levelDBService.get(
|
||||||
|
"userPreferences",
|
||||||
|
null,
|
||||||
|
"json"
|
||||||
|
)) as { language?: string } | null;
|
||||||
|
|
||||||
if (userPreferences?.language) {
|
if (userPreferences?.language) {
|
||||||
i18n.changeLanguage(userPreferences.language);
|
i18n.changeLanguage(userPreferences.language);
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ import {
|
|||||||
getAchievementSoundVolume,
|
getAchievementSoundVolume,
|
||||||
} from "@renderer/helpers";
|
} from "@renderer/helpers";
|
||||||
import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
|
import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
import app from "../../../app.scss?inline";
|
import app from "../../../app.scss?inline";
|
||||||
import styles from "../../../components/achievements/notification/achievement-notification.scss?inline";
|
import styles from "../../../components/achievements/notification/achievement-notification.scss?inline";
|
||||||
import root from "react-shadow";
|
import root from "react-shadow";
|
||||||
@@ -144,7 +145,11 @@ export function AchievementNotification() {
|
|||||||
|
|
||||||
const loadAndApplyTheme = useCallback(async () => {
|
const loadAndApplyTheme = useCallback(async () => {
|
||||||
if (!shadowRootRef) return;
|
if (!shadowRootRef) return;
|
||||||
const activeTheme = await window.electron.getActiveCustomTheme();
|
const allThemes = (await levelDBService.values("themes")) as {
|
||||||
|
isActive?: boolean;
|
||||||
|
code?: string;
|
||||||
|
}[];
|
||||||
|
const activeTheme = allThemes.find((theme) => theme.isActive);
|
||||||
if (activeTheme?.code) {
|
if (activeTheme?.code) {
|
||||||
injectCustomCss(activeTheme.code, shadowRootRef);
|
injectCustomCss(activeTheme.code, shadowRootRef);
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@@ -100,20 +100,48 @@ export function GallerySlider() {
|
|||||||
src?: string;
|
src?: string;
|
||||||
poster?: string;
|
poster?: string;
|
||||||
videoSrc?: string;
|
videoSrc?: string;
|
||||||
|
videoType?: string;
|
||||||
alt: string;
|
alt: string;
|
||||||
}> = [];
|
}> = [];
|
||||||
|
|
||||||
if (shopDetails?.movies) {
|
if (shopDetails?.movies) {
|
||||||
shopDetails.movies.forEach((video, index) => {
|
shopDetails.movies.forEach((video, index) => {
|
||||||
items.push({
|
// Prefer new formats: HLS (best browser support), then DASH H264, then DASH AV1
|
||||||
id: String(video.id),
|
// Fallback to old format: mp4/webm if new formats are not available
|
||||||
type: "video",
|
let videoSrc: string | undefined;
|
||||||
poster: video.thumbnail,
|
let videoType: string | undefined;
|
||||||
videoSrc: video.mp4.max.startsWith("http://")
|
|
||||||
? video.mp4.max.replace("http://", "https://")
|
if (video.hls_h264) {
|
||||||
: video.mp4.max,
|
videoSrc = video.hls_h264;
|
||||||
alt: t("video", { number: String(index + 1) }),
|
videoType = "application/x-mpegURL";
|
||||||
});
|
} else if (video.dash_h264) {
|
||||||
|
videoSrc = video.dash_h264;
|
||||||
|
videoType = "application/dash+xml";
|
||||||
|
} else if (video.dash_av1) {
|
||||||
|
videoSrc = video.dash_av1;
|
||||||
|
videoType = "application/dash+xml";
|
||||||
|
} else if (video.mp4?.max) {
|
||||||
|
// Fallback to old format
|
||||||
|
videoSrc = video.mp4.max;
|
||||||
|
videoType = "video/mp4";
|
||||||
|
} else if (video.webm?.max) {
|
||||||
|
// Fallback to webm if mp4 is not available
|
||||||
|
videoSrc = video.webm.max;
|
||||||
|
videoType = "video/webm";
|
||||||
|
}
|
||||||
|
|
||||||
|
if (videoSrc) {
|
||||||
|
items.push({
|
||||||
|
id: String(video.id),
|
||||||
|
type: "video",
|
||||||
|
poster: video.thumbnail,
|
||||||
|
videoSrc: videoSrc.startsWith("http://")
|
||||||
|
? videoSrc.replace("http://", "https://")
|
||||||
|
: videoSrc,
|
||||||
|
videoType,
|
||||||
|
alt: video.name || t("video", { number: String(index + 1) }),
|
||||||
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -172,7 +200,9 @@ export function GallerySlider() {
|
|||||||
autoPlay={autoplayEnabled}
|
autoPlay={autoplayEnabled}
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
>
|
>
|
||||||
<source src={item.videoSrc} />
|
{item.videoSrc && (
|
||||||
|
<source src={item.videoSrc} type={item.videoType} />
|
||||||
|
)}
|
||||||
</video>
|
</video>
|
||||||
) : (
|
) : (
|
||||||
<img
|
<img
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { useContext, useRef, useState } from "react";
|
import { useContext, useRef, useState } from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { Button, CheckboxField, Modal, TextField } from "@renderer/components";
|
import { Button, CheckboxField, Modal, TextField } from "@renderer/components";
|
||||||
import type { LibraryGame, ShortcutLocation } from "@types";
|
import type { Game, LibraryGame, ShortcutLocation } from "@types";
|
||||||
import { gameDetailsContext } from "@renderer/context";
|
import { gameDetailsContext } from "@renderer/context";
|
||||||
import { DeleteGameModal } from "@renderer/pages/downloads/delete-game-modal";
|
import { DeleteGameModal } from "@renderer/pages/downloads/delete-game-modal";
|
||||||
import { useDownload, useToast, useUserDetails } from "@renderer/hooks";
|
import { useDownload, useToast, useUserDetails } from "@renderer/hooks";
|
||||||
@@ -11,6 +11,8 @@ import { ChangeGamePlaytimeModal } from "./change-game-playtime-modal";
|
|||||||
import { FileDirectoryIcon, FileIcon } from "@primer/octicons-react";
|
import { FileDirectoryIcon, FileIcon } from "@primer/octicons-react";
|
||||||
import SteamLogo from "@renderer/assets/steam-logo.svg?react";
|
import SteamLogo from "@renderer/assets/steam-logo.svg?react";
|
||||||
import { debounce } from "lodash-es";
|
import { debounce } from "lodash-es";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
import { getGameKey } from "@renderer/helpers";
|
||||||
import "./game-options-modal.scss";
|
import "./game-options-modal.scss";
|
||||||
import { logger } from "@renderer/logger";
|
import { logger } from "@renderer/logger";
|
||||||
|
|
||||||
@@ -75,11 +77,19 @@ export function GameOptionsModal({
|
|||||||
|
|
||||||
const debounceUpdateLaunchOptions = useRef(
|
const debounceUpdateLaunchOptions = useRef(
|
||||||
debounce(async (value: string) => {
|
debounce(async (value: string) => {
|
||||||
await window.electron.updateLaunchOptions(
|
const gameKey = getGameKey(game.shop, game.objectId);
|
||||||
game.shop,
|
const gameData = (await levelDBService.get(
|
||||||
game.objectId,
|
gameKey,
|
||||||
value
|
"games"
|
||||||
);
|
)) as Game | null;
|
||||||
|
if (gameData) {
|
||||||
|
const trimmedValue = value.trim();
|
||||||
|
const updated = {
|
||||||
|
...gameData,
|
||||||
|
launchOptions: trimmedValue ? trimmedValue : null,
|
||||||
|
};
|
||||||
|
await levelDBService.put(gameKey, updated, "games");
|
||||||
|
}
|
||||||
updateGame();
|
updateGame();
|
||||||
}, 1000)
|
}, 1000)
|
||||||
).current;
|
).current;
|
||||||
@@ -213,9 +223,16 @@ export function GameOptionsModal({
|
|||||||
const handleClearLaunchOptions = async () => {
|
const handleClearLaunchOptions = async () => {
|
||||||
setLaunchOptions("");
|
setLaunchOptions("");
|
||||||
|
|
||||||
window.electron
|
const gameKey = getGameKey(game.shop, game.objectId);
|
||||||
.updateLaunchOptions(game.shop, game.objectId, null)
|
const gameData = (await levelDBService.get(
|
||||||
.then(updateGame);
|
gameKey,
|
||||||
|
"games"
|
||||||
|
)) as Game | null;
|
||||||
|
if (gameData) {
|
||||||
|
const updated = { ...gameData, launchOptions: null };
|
||||||
|
await levelDBService.put(gameKey, updated, "games");
|
||||||
|
}
|
||||||
|
updateGame();
|
||||||
};
|
};
|
||||||
|
|
||||||
const shouldShowWinePrefixConfiguration =
|
const shouldShowWinePrefixConfiguration =
|
||||||
@@ -256,11 +273,15 @@ export function GameOptionsModal({
|
|||||||
) => {
|
) => {
|
||||||
setAutomaticCloudSync(event.target.checked);
|
setAutomaticCloudSync(event.target.checked);
|
||||||
|
|
||||||
await window.electron.toggleAutomaticCloudSync(
|
const gameKey = getGameKey(game.shop, game.objectId);
|
||||||
game.shop,
|
const gameData = (await levelDBService.get(
|
||||||
game.objectId,
|
gameKey,
|
||||||
event.target.checked
|
"games"
|
||||||
);
|
)) as Game | null;
|
||||||
|
if (gameData) {
|
||||||
|
const updated = { ...gameData, automaticCloudSync: event.target.checked };
|
||||||
|
await levelDBService.put(gameKey, updated, "games");
|
||||||
|
}
|
||||||
|
|
||||||
updateGame();
|
updateGame();
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ import {
|
|||||||
TextField,
|
TextField,
|
||||||
CheckboxField,
|
CheckboxField,
|
||||||
} from "@renderer/components";
|
} from "@renderer/components";
|
||||||
import type { DownloadSource, GameRepack } from "@types";
|
import type { DownloadSource, Game, GameRepack } from "@types";
|
||||||
|
|
||||||
import { DownloadSettingsModal } from "./download-settings-modal";
|
import { DownloadSettingsModal } from "./download-settings-modal";
|
||||||
import { gameDetailsContext } from "@renderer/context";
|
import { gameDetailsContext } from "@renderer/context";
|
||||||
@@ -23,6 +23,8 @@ import { Downloader } from "@shared";
|
|||||||
import { orderBy } from "lodash-es";
|
import { orderBy } from "lodash-es";
|
||||||
import { useDate, useFeature, useAppDispatch } from "@renderer/hooks";
|
import { useDate, useFeature, useAppDispatch } from "@renderer/hooks";
|
||||||
import { clearNewDownloadOptions } from "@renderer/features";
|
import { clearNewDownloadOptions } from "@renderer/features";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
import { getGameKey } from "@renderer/helpers";
|
||||||
import "./repacks-modal.scss";
|
import "./repacks-modal.scss";
|
||||||
|
|
||||||
export interface RepacksModalProps {
|
export interface RepacksModalProps {
|
||||||
@@ -98,8 +100,11 @@ export function RepacksModal({
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const fetchDownloadSources = async () => {
|
const fetchDownloadSources = async () => {
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
setDownloadSources(sources);
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sorted = orderBy(sources, "createdAt", "desc");
|
||||||
|
setDownloadSources(sorted);
|
||||||
};
|
};
|
||||||
|
|
||||||
fetchDownloadSources();
|
fetchDownloadSources();
|
||||||
@@ -109,10 +114,19 @@ export function RepacksModal({
|
|||||||
const fetchLastCheckTimestamp = async () => {
|
const fetchLastCheckTimestamp = async () => {
|
||||||
setIsLoadingTimestamp(true);
|
setIsLoadingTimestamp(true);
|
||||||
|
|
||||||
const timestamp = await window.electron.getDownloadSourcesSinceValue();
|
try {
|
||||||
|
const timestamp = (await levelDBService.get(
|
||||||
|
"downloadSourcesSinceValue",
|
||||||
|
null,
|
||||||
|
"utf8"
|
||||||
|
)) as string | null;
|
||||||
|
|
||||||
setLastCheckTimestamp(timestamp);
|
setLastCheckTimestamp(timestamp);
|
||||||
setIsLoadingTimestamp(false);
|
} catch {
|
||||||
|
setLastCheckTimestamp(null);
|
||||||
|
} finally {
|
||||||
|
setIsLoadingTimestamp(false);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
if (visible) {
|
if (visible) {
|
||||||
@@ -126,7 +140,20 @@ export function RepacksModal({
|
|||||||
game?.newDownloadOptionsCount &&
|
game?.newDownloadOptionsCount &&
|
||||||
game.newDownloadOptionsCount > 0
|
game.newDownloadOptionsCount > 0
|
||||||
) {
|
) {
|
||||||
globalThis.electron.clearNewDownloadOptions(game.shop, game.objectId);
|
const gameKey = getGameKey(game.shop, game.objectId);
|
||||||
|
levelDBService
|
||||||
|
.get(gameKey, "games")
|
||||||
|
.then((gameData) => {
|
||||||
|
if (gameData) {
|
||||||
|
const updated = {
|
||||||
|
...(gameData as Game),
|
||||||
|
newDownloadOptionsCount: undefined,
|
||||||
|
};
|
||||||
|
return levelDBService.put(gameKey, updated, "games");
|
||||||
|
}
|
||||||
|
return Promise.resolve();
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
|
||||||
const gameId = `${game.shop}:${game.objectId}`;
|
const gameId = `${game.shop}:${game.objectId}`;
|
||||||
dispatch(clearNewDownloadOptions({ gameId }));
|
dispatch(clearNewDownloadOptions({ gameId }));
|
||||||
|
|||||||
@@ -1,11 +1,13 @@
|
|||||||
import { useCallback, useEffect, useState } from "react";
|
import { useCallback, useEffect, useState } from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
import { orderBy } from "lodash-es";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
|
|
||||||
import Skeleton, { SkeletonTheme } from "react-loading-skeleton";
|
import Skeleton, { SkeletonTheme } from "react-loading-skeleton";
|
||||||
|
|
||||||
import { Button, GameCard, Hero } from "@renderer/components";
|
import { Button, GameCard, Hero } from "@renderer/components";
|
||||||
import type { ShopAssets, Steam250Game } from "@types";
|
import type { DownloadSource, ShopAssets, Steam250Game } from "@types";
|
||||||
|
|
||||||
import flameIconStatic from "@renderer/assets/icons/flame-static.png";
|
import flameIconStatic from "@renderer/assets/icons/flame-static.png";
|
||||||
import flameIconAnimated from "@renderer/assets/icons/flame-animated.gif";
|
import flameIconAnimated from "@renderer/assets/icons/flame-animated.gif";
|
||||||
@@ -40,7 +42,10 @@ export default function Home() {
|
|||||||
setCurrentCatalogueCategory(category);
|
setCurrentCatalogueCategory(category);
|
||||||
setIsLoading(true);
|
setIsLoading(true);
|
||||||
|
|
||||||
const downloadSources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const downloadSources = orderBy(sources, "createdAt", "desc");
|
||||||
|
|
||||||
const params = {
|
const params = {
|
||||||
take: 12,
|
take: 12,
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { LibraryGame } from "@types";
|
import { LibraryGame } from "@types";
|
||||||
import { useGameCard } from "@renderer/hooks";
|
import { useGameCard } from "@renderer/hooks";
|
||||||
import { ClockIcon, AlertFillIcon, TrophyIcon } from "@primer/octicons-react";
|
import { ClockIcon, AlertFillIcon, TrophyIcon } from "@primer/octicons-react";
|
||||||
import { memo, useMemo } from "react";
|
import { memo, useEffect, useMemo, useState } from "react";
|
||||||
import "./library-game-card-large.scss";
|
import "./library-game-card-large.scss";
|
||||||
|
|
||||||
interface LibraryGameCardLargeProps {
|
interface LibraryGameCardLargeProps {
|
||||||
@@ -48,6 +48,22 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
|
|||||||
]
|
]
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const [unlockedAchievementsCount, setUnlockedAchievementsCount] = useState(
|
||||||
|
game.unlockedAchievementCount ?? 0
|
||||||
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (game.unlockedAchievementCount) return;
|
||||||
|
|
||||||
|
window.electron
|
||||||
|
.getUnlockedAchievements(game.objectId, game.shop)
|
||||||
|
.then((achievements) => {
|
||||||
|
setUnlockedAchievementsCount(
|
||||||
|
achievements.filter((a) => a.unlocked).length
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}, [game]);
|
||||||
|
|
||||||
const backgroundStyle = useMemo(
|
const backgroundStyle = useMemo(
|
||||||
() =>
|
() =>
|
||||||
backgroundImage ? { backgroundImage: `url(${backgroundImage})` } : {},
|
backgroundImage ? { backgroundImage: `url(${backgroundImage})` } : {},
|
||||||
@@ -56,9 +72,9 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
|
|||||||
|
|
||||||
const achievementBarStyle = useMemo(
|
const achievementBarStyle = useMemo(
|
||||||
() => ({
|
() => ({
|
||||||
width: `${((game.unlockedAchievementCount ?? 0) / (game.achievementCount ?? 1)) * 100}%`,
|
width: `${(unlockedAchievementsCount / (game.achievementCount ?? 1)) * 100}%`,
|
||||||
}),
|
}),
|
||||||
[game.unlockedAchievementCount, game.achievementCount]
|
[unlockedAchievementsCount, game.achievementCount]
|
||||||
);
|
);
|
||||||
|
|
||||||
const logoImage = game.customLogoImageUrl ?? game.logoImageUrl;
|
const logoImage = game.customLogoImageUrl ?? game.logoImageUrl;
|
||||||
@@ -116,14 +132,12 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
|
|||||||
className="library-game-card-large__achievement-trophy"
|
className="library-game-card-large__achievement-trophy"
|
||||||
/>
|
/>
|
||||||
<span className="library-game-card-large__achievement-count">
|
<span className="library-game-card-large__achievement-count">
|
||||||
{game.unlockedAchievementCount ?? 0} /{" "}
|
{unlockedAchievementsCount} / {game.achievementCount ?? 0}
|
||||||
{game.achievementCount ?? 0}
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<span className="library-game-card-large__achievement-percentage">
|
<span className="library-game-card-large__achievement-percentage">
|
||||||
{Math.round(
|
{Math.round(
|
||||||
((game.unlockedAchievementCount ?? 0) /
|
(unlockedAchievementsCount / (game.achievementCount ?? 1)) *
|
||||||
(game.achievementCount ?? 1)) *
|
|
||||||
100
|
100
|
||||||
)}
|
)}
|
||||||
%
|
%
|
||||||
|
|||||||
@@ -14,10 +14,6 @@ import "./library.scss";
|
|||||||
|
|
||||||
export default function Library() {
|
export default function Library() {
|
||||||
const { library, updateLibrary } = useLibrary();
|
const { library, updateLibrary } = useLibrary();
|
||||||
type ElectronAPI = {
|
|
||||||
refreshLibraryAssets?: () => Promise<unknown>;
|
|
||||||
onLibraryBatchComplete?: (cb: () => void) => () => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
const [viewMode, setViewMode] = useState<ViewMode>(() => {
|
const [viewMode, setViewMode] = useState<ViewMode>(() => {
|
||||||
const savedViewMode = localStorage.getItem("library-view-mode");
|
const savedViewMode = localStorage.getItem("library-view-mode");
|
||||||
@@ -41,22 +37,15 @@ export default function Library() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
dispatch(setHeaderTitle(t("library")));
|
dispatch(setHeaderTitle(t("library")));
|
||||||
const electron = (globalThis as unknown as { electron?: ElectronAPI })
|
|
||||||
.electron;
|
const unsubscribe = window.electron.onLibraryBatchComplete(() => {
|
||||||
let unsubscribe: () => void = () => undefined;
|
|
||||||
if (electron?.refreshLibraryAssets) {
|
|
||||||
electron
|
|
||||||
.refreshLibraryAssets()
|
|
||||||
.then(() => updateLibrary())
|
|
||||||
.catch(() => updateLibrary());
|
|
||||||
if (electron.onLibraryBatchComplete) {
|
|
||||||
unsubscribe = electron.onLibraryBatchComplete(() => {
|
|
||||||
updateLibrary();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
updateLibrary();
|
updateLibrary();
|
||||||
}
|
});
|
||||||
|
|
||||||
|
window.electron
|
||||||
|
.refreshLibraryAssets()
|
||||||
|
.then(() => updateLibrary())
|
||||||
|
.catch(() => updateLibrary());
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
unsubscribe();
|
unsubscribe();
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ import { useState } from "react";
|
|||||||
import { DeleteThemeModal } from "../modals/delete-theme-modal";
|
import { DeleteThemeModal } from "../modals/delete-theme-modal";
|
||||||
import { injectCustomCss, removeCustomCss } from "@renderer/helpers";
|
import { injectCustomCss, removeCustomCss } from "@renderer/helpers";
|
||||||
import { THEME_WEB_STORE_URL } from "@renderer/constants";
|
import { THEME_WEB_STORE_URL } from "@renderer/constants";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
|
||||||
interface ThemeCardProps {
|
interface ThemeCardProps {
|
||||||
theme: Theme;
|
theme: Theme;
|
||||||
@@ -22,11 +23,18 @@ export const ThemeCard = ({ theme, onListUpdated }: ThemeCardProps) => {
|
|||||||
|
|
||||||
const handleSetTheme = async () => {
|
const handleSetTheme = async () => {
|
||||||
try {
|
try {
|
||||||
const currentTheme = await window.electron.getCustomThemeById(theme.id);
|
const currentTheme = (await levelDBService.get(
|
||||||
|
theme.id,
|
||||||
|
"themes"
|
||||||
|
)) as Theme | null;
|
||||||
|
|
||||||
if (!currentTheme) return;
|
if (!currentTheme) return;
|
||||||
|
|
||||||
const activeTheme = await window.electron.getActiveCustomTheme();
|
const allThemes = (await levelDBService.values("themes")) as {
|
||||||
|
id: string;
|
||||||
|
isActive?: boolean;
|
||||||
|
}[];
|
||||||
|
const activeTheme = allThemes.find((t) => t.isActive);
|
||||||
|
|
||||||
if (activeTheme) {
|
if (activeTheme) {
|
||||||
removeCustomCss();
|
removeCustomCss();
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ import * as yup from "yup";
|
|||||||
import { yupResolver } from "@hookform/resolvers/yup";
|
import { yupResolver } from "@hookform/resolvers/yup";
|
||||||
import { useCallback } from "react";
|
import { useCallback } from "react";
|
||||||
import { generateUUID } from "@renderer/helpers";
|
import { generateUUID } from "@renderer/helpers";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
|
||||||
import "./modals.scss";
|
import "./modals.scss";
|
||||||
|
|
||||||
@@ -90,7 +91,7 @@ export function AddThemeModal({
|
|||||||
updatedAt: new Date(),
|
updatedAt: new Date(),
|
||||||
};
|
};
|
||||||
|
|
||||||
await window.electron.addCustomTheme(theme);
|
await levelDBService.put(theme.id, theme, "themes");
|
||||||
onThemeAdded();
|
onThemeAdded();
|
||||||
onClose();
|
onClose();
|
||||||
reset();
|
reset();
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ import { Modal } from "@renderer/components/modal/modal";
|
|||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import "./modals.scss";
|
import "./modals.scss";
|
||||||
import { removeCustomCss } from "@renderer/helpers";
|
import { removeCustomCss } from "@renderer/helpers";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
|
||||||
interface DeleteAllThemesModalProps {
|
interface DeleteAllThemesModalProps {
|
||||||
visible: boolean;
|
visible: boolean;
|
||||||
@@ -18,13 +19,16 @@ export const DeleteAllThemesModal = ({
|
|||||||
const { t } = useTranslation("settings");
|
const { t } = useTranslation("settings");
|
||||||
|
|
||||||
const handleDeleteAllThemes = async () => {
|
const handleDeleteAllThemes = async () => {
|
||||||
const activeTheme = await window.electron.getActiveCustomTheme();
|
const allThemes = (await levelDBService.values("themes")) as {
|
||||||
|
isActive?: boolean;
|
||||||
|
}[];
|
||||||
|
const activeTheme = allThemes.find((theme) => theme.isActive);
|
||||||
|
|
||||||
if (activeTheme) {
|
if (activeTheme) {
|
||||||
removeCustomCss();
|
removeCustomCss();
|
||||||
}
|
}
|
||||||
|
|
||||||
await window.electron.deleteAllCustomThemes();
|
await levelDBService.clear("themes");
|
||||||
await window.electron.closeEditorWindow();
|
await window.electron.closeEditorWindow();
|
||||||
onClose();
|
onClose();
|
||||||
onThemesDeleted();
|
onThemesDeleted();
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ import { Modal } from "@renderer/components/modal/modal";
|
|||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import "./modals.scss";
|
import "./modals.scss";
|
||||||
import { removeCustomCss } from "@renderer/helpers";
|
import { removeCustomCss } from "@renderer/helpers";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
|
||||||
interface DeleteThemeModalProps {
|
interface DeleteThemeModalProps {
|
||||||
visible: boolean;
|
visible: boolean;
|
||||||
@@ -28,7 +29,7 @@ export const DeleteThemeModal = ({
|
|||||||
removeCustomCss();
|
removeCustomCss();
|
||||||
}
|
}
|
||||||
|
|
||||||
await window.electron.deleteCustomTheme(themeId);
|
await levelDBService.del(themeId, "themes");
|
||||||
await window.electron.closeEditorWindow(themeId);
|
await window.electron.closeEditorWindow(themeId);
|
||||||
onThemeDeleted();
|
onThemeDeleted();
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ import {
|
|||||||
import { useToast } from "@renderer/hooks";
|
import { useToast } from "@renderer/hooks";
|
||||||
import { THEME_WEB_STORE_URL } from "@renderer/constants";
|
import { THEME_WEB_STORE_URL } from "@renderer/constants";
|
||||||
import { logger } from "@renderer/logger";
|
import { logger } from "@renderer/logger";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
|
||||||
interface ImportThemeModalProps {
|
interface ImportThemeModalProps {
|
||||||
visible: boolean;
|
visible: boolean;
|
||||||
@@ -45,9 +46,12 @@ export const ImportThemeModal = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await window.electron.addCustomTheme(theme);
|
await levelDBService.put(theme.id, theme, "themes");
|
||||||
|
|
||||||
const currentTheme = await window.electron.getCustomThemeById(theme.id);
|
const currentTheme = (await levelDBService.get(
|
||||||
|
theme.id,
|
||||||
|
"themes"
|
||||||
|
)) as Theme | null;
|
||||||
|
|
||||||
if (!currentTheme) return;
|
if (!currentTheme) return;
|
||||||
|
|
||||||
@@ -61,7 +65,11 @@ export const ImportThemeModal = ({
|
|||||||
logger.error("Failed to import theme sound", soundError);
|
logger.error("Failed to import theme sound", soundError);
|
||||||
}
|
}
|
||||||
|
|
||||||
const activeTheme = await window.electron.getActiveCustomTheme();
|
const allThemes = (await levelDBService.values("themes")) as {
|
||||||
|
id: string;
|
||||||
|
isActive?: boolean;
|
||||||
|
}[];
|
||||||
|
const activeTheme = allThemes.find((t) => t.isActive);
|
||||||
|
|
||||||
if (activeTheme) {
|
if (activeTheme) {
|
||||||
removeCustomCss();
|
removeCustomCss();
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import type { Theme } from "@types";
|
|||||||
import { ImportThemeModal } from "./modals/import-theme-modal";
|
import { ImportThemeModal } from "./modals/import-theme-modal";
|
||||||
import { settingsContext } from "@renderer/context";
|
import { settingsContext } from "@renderer/context";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
|
||||||
interface SettingsAppearanceProps {
|
interface SettingsAppearanceProps {
|
||||||
appearance: {
|
appearance: {
|
||||||
@@ -31,7 +32,7 @@ export function SettingsAppearance({
|
|||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
const loadThemes = useCallback(async () => {
|
const loadThemes = useCallback(async () => {
|
||||||
const themesList = await window.electron.getAllCustomThemes();
|
const themesList = (await levelDBService.values("themes")) as Theme[];
|
||||||
setThemes(themesList);
|
setThemes(themesList);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
|||||||
@@ -21,6 +21,8 @@ import { DownloadSourceStatus } from "@shared";
|
|||||||
import { settingsContext } from "@renderer/context";
|
import { settingsContext } from "@renderer/context";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
import { setFilters, clearFilters } from "@renderer/features";
|
import { setFilters, clearFilters } from "@renderer/features";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
|
import { orderBy } from "lodash-es";
|
||||||
import "./settings-download-sources.scss";
|
import "./settings-download-sources.scss";
|
||||||
import { logger } from "@renderer/logger";
|
import { logger } from "@renderer/logger";
|
||||||
|
|
||||||
@@ -52,8 +54,11 @@ export function SettingsDownloadSources() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const fetchDownloadSources = async () => {
|
const fetchDownloadSources = async () => {
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
setDownloadSources(sources);
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sorted = orderBy(sources, "createdAt", "desc");
|
||||||
|
setDownloadSources(sorted);
|
||||||
};
|
};
|
||||||
|
|
||||||
fetchDownloadSources();
|
fetchDownloadSources();
|
||||||
@@ -73,8 +78,11 @@ export function SettingsDownloadSources() {
|
|||||||
const intervalId = setInterval(async () => {
|
const intervalId = setInterval(async () => {
|
||||||
try {
|
try {
|
||||||
await window.electron.syncDownloadSources();
|
await window.electron.syncDownloadSources();
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
setDownloadSources(sources);
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sorted = orderBy(sources, "createdAt", "desc");
|
||||||
|
setDownloadSources(sorted);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error("Failed to fetch download sources:", error);
|
logger.error("Failed to fetch download sources:", error);
|
||||||
}
|
}
|
||||||
@@ -88,8 +96,11 @@ export function SettingsDownloadSources() {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
await window.electron.removeDownloadSource(false, downloadSource.id);
|
await window.electron.removeDownloadSource(false, downloadSource.id);
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
setDownloadSources(sources);
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sorted = orderBy(sources, "createdAt", "desc");
|
||||||
|
setDownloadSources(sorted);
|
||||||
showSuccessToast(t("removed_download_source"));
|
showSuccessToast(t("removed_download_source"));
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error("Failed to remove download source:", error);
|
logger.error("Failed to remove download source:", error);
|
||||||
@@ -103,8 +114,11 @@ export function SettingsDownloadSources() {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
await window.electron.removeDownloadSource(true);
|
await window.electron.removeDownloadSource(true);
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
setDownloadSources(sources);
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sorted = orderBy(sources, "createdAt", "desc");
|
||||||
|
setDownloadSources(sorted);
|
||||||
showSuccessToast(t("removed_all_download_sources"));
|
showSuccessToast(t("removed_all_download_sources"));
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error("Failed to remove all download sources:", error);
|
logger.error("Failed to remove all download sources:", error);
|
||||||
@@ -116,8 +130,11 @@ export function SettingsDownloadSources() {
|
|||||||
|
|
||||||
const handleAddDownloadSource = async () => {
|
const handleAddDownloadSource = async () => {
|
||||||
try {
|
try {
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
setDownloadSources(sources);
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sorted = orderBy(sources, "createdAt", "desc");
|
||||||
|
setDownloadSources(sorted);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error("Failed to refresh download sources:", error);
|
logger.error("Failed to refresh download sources:", error);
|
||||||
}
|
}
|
||||||
@@ -127,8 +144,11 @@ export function SettingsDownloadSources() {
|
|||||||
setIsSyncingDownloadSources(true);
|
setIsSyncingDownloadSources(true);
|
||||||
try {
|
try {
|
||||||
await window.electron.syncDownloadSources();
|
await window.electron.syncDownloadSources();
|
||||||
const sources = await window.electron.getDownloadSources();
|
const sources = (await levelDBService.values(
|
||||||
setDownloadSources(sources);
|
"downloadSources"
|
||||||
|
)) as DownloadSource[];
|
||||||
|
const sorted = orderBy(sources, "createdAt", "desc");
|
||||||
|
setDownloadSources(sorted);
|
||||||
|
|
||||||
showSuccessToast(t("download_sources_synced_successfully"));
|
showSuccessToast(t("download_sources_synced_successfully"));
|
||||||
} finally {
|
} finally {
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ import { injectCustomCss, getAchievementSoundVolume } from "@renderer/helpers";
|
|||||||
import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
|
import { AchievementNotificationItem } from "@renderer/components/achievements/notification/achievement-notification";
|
||||||
import { generateAchievementCustomNotificationTest } from "@shared";
|
import { generateAchievementCustomNotificationTest } from "@shared";
|
||||||
import { CollapsedMenu } from "@renderer/components/collapsed-menu/collapsed-menu";
|
import { CollapsedMenu } from "@renderer/components/collapsed-menu/collapsed-menu";
|
||||||
|
import { levelDBService } from "@renderer/services/leveldb.service";
|
||||||
import app from "../../app.scss?inline";
|
import app from "../../app.scss?inline";
|
||||||
import styles from "../../components/achievements/notification/achievement-notification.scss?inline";
|
import styles from "../../components/achievements/notification/achievement-notification.scss?inline";
|
||||||
import root from "react-shadow";
|
import root from "react-shadow";
|
||||||
@@ -64,15 +65,16 @@ export default function ThemeEditor() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (themeId) {
|
if (themeId) {
|
||||||
window.electron.getCustomThemeById(themeId).then((loadedTheme) => {
|
levelDBService.get(themeId, "themes").then((loadedTheme) => {
|
||||||
if (loadedTheme) {
|
const theme = loadedTheme as Theme | null;
|
||||||
setTheme(loadedTheme);
|
if (theme) {
|
||||||
setCode(loadedTheme.code);
|
setTheme(theme);
|
||||||
if (loadedTheme.originalSoundPath) {
|
setCode(theme.code);
|
||||||
setSoundPath(loadedTheme.originalSoundPath);
|
if (theme.originalSoundPath) {
|
||||||
|
setSoundPath(theme.originalSoundPath);
|
||||||
}
|
}
|
||||||
if (shadowRootRef) {
|
if (shadowRootRef) {
|
||||||
injectCustomCss(loadedTheme.code, shadowRootRef);
|
injectCustomCss(theme.code, shadowRootRef);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -132,7 +134,10 @@ export default function ThemeEditor() {
|
|||||||
if (filePaths && filePaths.length > 0) {
|
if (filePaths && filePaths.length > 0) {
|
||||||
const originalPath = filePaths[0];
|
const originalPath = filePaths[0];
|
||||||
await window.electron.copyThemeAchievementSound(theme.id, originalPath);
|
await window.electron.copyThemeAchievementSound(theme.id, originalPath);
|
||||||
const updatedTheme = await window.electron.getCustomThemeById(theme.id);
|
const updatedTheme = (await levelDBService.get(
|
||||||
|
theme.id,
|
||||||
|
"themes"
|
||||||
|
)) as Theme | null;
|
||||||
if (updatedTheme) {
|
if (updatedTheme) {
|
||||||
setTheme(updatedTheme);
|
setTheme(updatedTheme);
|
||||||
if (updatedTheme.originalSoundPath) {
|
if (updatedTheme.originalSoundPath) {
|
||||||
@@ -146,7 +151,10 @@ export default function ThemeEditor() {
|
|||||||
if (!theme) return;
|
if (!theme) return;
|
||||||
|
|
||||||
await window.electron.removeThemeAchievementSound(theme.id);
|
await window.electron.removeThemeAchievementSound(theme.id);
|
||||||
const updatedTheme = await window.electron.getCustomThemeById(theme.id);
|
const updatedTheme = (await levelDBService.get(
|
||||||
|
theme.id,
|
||||||
|
"themes"
|
||||||
|
)) as Theme | null;
|
||||||
if (updatedTheme) {
|
if (updatedTheme) {
|
||||||
setTheme(updatedTheme);
|
setTheme(updatedTheme);
|
||||||
}
|
}
|
||||||
|
|||||||
36
src/renderer/src/services/leveldb.service.ts
Normal file
36
src/renderer/src/services/leveldb.service.ts
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
class LevelDBService {
|
||||||
|
get(
|
||||||
|
key: string,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding?: "json" | "utf8"
|
||||||
|
): Promise<unknown> {
|
||||||
|
return window.electron.leveldb.get(key, sublevelName, valueEncoding);
|
||||||
|
}
|
||||||
|
|
||||||
|
put(
|
||||||
|
key: string,
|
||||||
|
value: unknown,
|
||||||
|
sublevelName?: string | null,
|
||||||
|
valueEncoding?: "json" | "utf8"
|
||||||
|
): Promise<void> {
|
||||||
|
return window.electron.leveldb.put(key, value, sublevelName, valueEncoding);
|
||||||
|
}
|
||||||
|
|
||||||
|
del(key: string, sublevelName?: string | null): Promise<void> {
|
||||||
|
return window.electron.leveldb.del(key, sublevelName);
|
||||||
|
}
|
||||||
|
|
||||||
|
clear(sublevelName: string): Promise<void> {
|
||||||
|
return window.electron.leveldb.clear(sublevelName);
|
||||||
|
}
|
||||||
|
|
||||||
|
values(sublevelName: string): Promise<unknown[]> {
|
||||||
|
return window.electron.leveldb.values(sublevelName);
|
||||||
|
}
|
||||||
|
|
||||||
|
iterator(sublevelName: string): Promise<[string, unknown][]> {
|
||||||
|
return window.electron.leveldb.iterator(sublevelName);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const levelDBService = new LevelDBService();
|
||||||
@@ -16,8 +16,11 @@ export interface SteamVideoSource {
|
|||||||
|
|
||||||
export interface SteamMovies {
|
export interface SteamMovies {
|
||||||
id: number;
|
id: number;
|
||||||
mp4: SteamVideoSource;
|
dash_av1?: string;
|
||||||
webm: SteamVideoSource;
|
dash_h264?: string;
|
||||||
|
hls_h264?: string;
|
||||||
|
mp4?: SteamVideoSource;
|
||||||
|
webm?: SteamVideoSource;
|
||||||
thumbnail: string;
|
thumbnail: string;
|
||||||
name: string;
|
name: string;
|
||||||
highlight: boolean;
|
highlight: boolean;
|
||||||
|
|||||||
Reference in New Issue
Block a user