mirror of
https://github.com/hydralauncher/hydra.git
synced 2026-01-11 13:56:16 +00:00
Compare commits
28 Commits
v3.7.4
...
release/v3
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
d205f2b391 | ||
|
|
82ab889dad | ||
|
|
c3880ce181 | ||
|
|
dc04cff378 | ||
|
|
6df34e7f3c | ||
|
|
2773fa7b3c | ||
|
|
093a9f251e | ||
|
|
9979e92d8f | ||
|
|
8cd613e3b6 | ||
|
|
28bf7b8764 | ||
|
|
be3ce6e2db | ||
|
|
c600a4a46f | ||
|
|
d14951f25c | ||
|
|
d6b38771a8 | ||
|
|
8400edd000 | ||
|
|
6e3c5cac7e | ||
|
|
4f2d6f3302 | ||
|
|
72c3219fc0 | ||
|
|
048c56d670 | ||
|
|
43505a281f | ||
|
|
c380e5f5a0 | ||
|
|
5c32e61569 | ||
|
|
f594cd298a | ||
|
|
20c0d3174b | ||
|
|
bcd6db24c9 | ||
|
|
c2216bbf95 | ||
|
|
f84917a00b | ||
|
|
94ebf94abc |
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):**
|
||||
|
||||
- [ ] 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 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.
|
||||
|
||||
**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
|
||||
echo "No changes to commit"
|
||||
else
|
||||
COMMIT_MSG="v${{ steps.get-version.outputs.version }}"
|
||||
COMMIT_MSG="${{ steps.get-version.outputs.version }}"
|
||||
|
||||
git commit -m "$COMMIT_MSG"
|
||||
|
||||
|
||||
@@ -153,8 +153,11 @@ def profile_image():
|
||||
data = request.get_json()
|
||||
image_path = data.get('image_path')
|
||||
|
||||
# use webp as default value for target_extension
|
||||
target_extension = data.get('target_extension') or 'webp'
|
||||
|
||||
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
|
||||
except Exception as e:
|
||||
return jsonify({"error": str(e)}), 400
|
||||
|
||||
@@ -4,7 +4,7 @@ import os, uuid, tempfile
|
||||
class ProfileImageProcessor:
|
||||
|
||||
@staticmethod
|
||||
def get_parsed_image_data(image_path):
|
||||
def get_parsed_image_data(image_path, target_extension):
|
||||
Image.MAX_IMAGE_PIXELS = 933120000
|
||||
|
||||
image = Image.open(image_path)
|
||||
@@ -16,7 +16,7 @@ class ProfileImageProcessor:
|
||||
return image_path, mime_type
|
||||
else:
|
||||
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)
|
||||
|
||||
new_image = Image.open(new_image_path)
|
||||
@@ -26,5 +26,5 @@ class ProfileImageProcessor:
|
||||
|
||||
|
||||
@staticmethod
|
||||
def process_image(image_path):
|
||||
return ProfileImageProcessor.get_parsed_image_data(image_path)
|
||||
def process_image(image_path, target_extension):
|
||||
return ProfileImageProcessor.get_parsed_image_data(image_path, target_extension)
|
||||
|
||||
@@ -94,6 +94,12 @@
|
||||
"header": {
|
||||
"search": "Search games",
|
||||
"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",
|
||||
"catalogue": "Catalogue",
|
||||
"library": "Library",
|
||||
|
||||
@@ -8,11 +8,12 @@
|
||||
"no_results": "Nincs találat",
|
||||
"start_typing": "Kereséshez gépelj...",
|
||||
"hot": "Most felkapott",
|
||||
"weekly": "📅 A hét felkapottjai",
|
||||
"weekly": "📅 Heti kiemeltek",
|
||||
"achievements": "🏆 Achievement támogatott"
|
||||
},
|
||||
"sidebar": {
|
||||
"catalogue": "Katalógus",
|
||||
"library": "Könyvtár",
|
||||
"downloads": "Letöltések",
|
||||
"settings": "Beállítások",
|
||||
"my_library": "Könyvtáram",
|
||||
@@ -81,7 +82,7 @@
|
||||
"update_decky_plugin": "Decky Plugin Frissítése",
|
||||
"decky_plugin_installed_version": "Decky Plugin (v{{version}})",
|
||||
"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_message": "Egy új verzió elérhető a Hydra Decky Pluginhoz. Szeretnéd frissíteni?",
|
||||
"decky_plugin_installed": "Decky plugin v{{version}} sikeresen telepítve",
|
||||
@@ -92,8 +93,10 @@
|
||||
},
|
||||
"header": {
|
||||
"search": "Keresés",
|
||||
"search_library": "Könyvtár böngészése",
|
||||
"home": "Főoldal",
|
||||
"catalogue": "Katalógus",
|
||||
"library": "Könyvtár",
|
||||
"downloads": "Letöltések",
|
||||
"search_results": "Keresési találatok",
|
||||
"settings": "Beállítások",
|
||||
@@ -117,7 +120,7 @@
|
||||
"tags": "Címkék",
|
||||
"publishers": "Kiadók",
|
||||
"download_sources": "Letöltési források",
|
||||
"result_count": "{{resultCount}} találatok",
|
||||
"result_count": "{{resultCount}} találat",
|
||||
"filter_count": "{{filterCount}} elérhető",
|
||||
"clear_filters": "{{filterCount}} kiválaszott szűrő törlése"
|
||||
},
|
||||
@@ -166,11 +169,11 @@
|
||||
"download_now": "Letöltés",
|
||||
"no_shop_details": "A bolt adatai nem érhetőek el.",
|
||||
"download_options": "Letöltési opciók",
|
||||
"download_path": "Letöltis hely",
|
||||
"download_path": "Letöltési hely",
|
||||
"previous_screenshot": "Előző screenshot",
|
||||
"next_screenshot": "Következő screenshot",
|
||||
"screenshot": "Screenshot {{number}}",
|
||||
"open_screenshot": "Screenshot megnyitása {{number}}",
|
||||
"open_screenshot": "{{number}} Screenshot megnyitása ",
|
||||
"download_settings": "Letöltési beállítások",
|
||||
"downloader": "Letöltési mód",
|
||||
"select_executable": "Tallózás",
|
||||
@@ -194,6 +197,7 @@
|
||||
"download_in_progress": "Letöltés folyamatban",
|
||||
"download_paused": "Letöltés szüneteltetve",
|
||||
"last_downloaded_option": "Utoljára letöltött",
|
||||
"new_download_option": "Új",
|
||||
"create_steam_shortcut": "Steam parancsikon létrehozása",
|
||||
"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.",
|
||||
@@ -223,6 +227,7 @@
|
||||
"show_more": "Mutass többet",
|
||||
"show_less": "Mutass kevesebbet",
|
||||
"reviews": "Vélemények",
|
||||
"review_played_for": "Játszva",
|
||||
"leave_a_review": "Hagyd itt a véleményed",
|
||||
"write_review_placeholder": "Oszd meg gondolatod a játékról...",
|
||||
"sort_newest": "Legújabb",
|
||||
@@ -361,7 +366,10 @@
|
||||
"show_original": "Eredeti megjelenítése",
|
||||
"show_translation": "Fordítás megjelenítése",
|
||||
"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": {
|
||||
"title": "Hydra Aktiválása",
|
||||
@@ -488,11 +496,11 @@
|
||||
"no_email_account": "Még nincs beállított emailed",
|
||||
"account_data_updated_successfully": "Fiókadatok változtatása sikeres",
|
||||
"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",
|
||||
"become_subscriber": "Légy Hydra Cloud tag",
|
||||
"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",
|
||||
"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",
|
||||
@@ -551,10 +559,19 @@
|
||||
"platinum": "Platina",
|
||||
"hidden": "Rejtett",
|
||||
"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",
|
||||
"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",
|
||||
"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": {
|
||||
"download_complete": "Letöltés befejezve",
|
||||
@@ -670,7 +687,7 @@
|
||||
"report_reason_other": "Egyéb",
|
||||
"profile_reported": "Profil bejelentve",
|
||||
"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…",
|
||||
"background_image_updated": "Borítókép frissítve",
|
||||
"stats": "Statisztikák",
|
||||
@@ -689,7 +706,31 @@
|
||||
"game_added_to_pinned": "Játék hozzáadva a kitűzöttekhez",
|
||||
"karma": "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_unlocked": "Achievement feloldva",
|
||||
|
||||
@@ -16,6 +16,7 @@
|
||||
"downloads": "İndirilenler",
|
||||
"settings": "Ayarlar",
|
||||
"my_library": "Kütüphanem",
|
||||
"library": "Kütüphane",
|
||||
"downloading_metadata": "{{title}} (Meta verileri indiriliyor…)",
|
||||
"paused": "{{title}} (Duraklatıldı)",
|
||||
"downloading": "{{title}} (%{{percentage}} - İndiriliyor…)",
|
||||
@@ -26,7 +27,69 @@
|
||||
"sign_in": "Giriş Yap",
|
||||
"friends": "Arkadaşlar",
|
||||
"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": {
|
||||
"search": "Oyunlarda Ara",
|
||||
@@ -35,6 +98,8 @@
|
||||
"downloads": "İndirilenler",
|
||||
"search_results": "Arama Sonuçları",
|
||||
"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_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",
|
||||
"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.",
|
||||
"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": {
|
||||
"title": "Hydra'yı Etkinleştir",
|
||||
@@ -379,7 +545,33 @@
|
||||
"hidden": "Gizli",
|
||||
"test_notification": "Test bildirimi",
|
||||
"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": {
|
||||
"download_complete": "İndirme tamamlandı",
|
||||
@@ -406,7 +598,8 @@
|
||||
"game_card": {
|
||||
"available_one": "Mevcut",
|
||||
"available_other": "Mevcut",
|
||||
"no_downloads": "İndirme mevcut değil"
|
||||
"no_downloads": "İndirme mevcut değil",
|
||||
"calculating": "Hesaplanıyor"
|
||||
},
|
||||
"binary_not_found_modal": {
|
||||
"title": "Programlar Yüklü Değil",
|
||||
@@ -498,7 +691,46 @@
|
||||
"achievements_unlocked": "Açılan başarımlar",
|
||||
"earned_points": "Kazanılan puanlar",
|
||||
"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_unlocked": "Başarım açıldı",
|
||||
|
||||
@@ -2,6 +2,7 @@ import type { LibraryGame } from "@types";
|
||||
import { registerEvent } from "../register-event";
|
||||
import {
|
||||
downloadsSublevel,
|
||||
gameAchievementsSublevel,
|
||||
gamesShopAssetsSublevel,
|
||||
gamesSublevel,
|
||||
} from "@main/level";
|
||||
@@ -18,11 +19,20 @@ const getLibrary = async (): Promise<LibraryGame[]> => {
|
||||
const download = await downloadsSublevel.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 {
|
||||
id: key,
|
||||
...game,
|
||||
download: download ?? null,
|
||||
unlockedAchievementCount: game.unlockedAchievementCount ?? 0,
|
||||
unlockedAchievementCount,
|
||||
achievementCount: game.achievementCount ?? 0,
|
||||
// Spread gameAssets last to ensure all image URLs are properly set
|
||||
...gameAssets,
|
||||
|
||||
@@ -1,16 +1,20 @@
|
||||
import { registerEvent } from "../register-event";
|
||||
import { PythonRPC } from "@main/services/python-rpc";
|
||||
|
||||
const processProfileImage = async (
|
||||
const processProfileImageEvent = async (
|
||||
_event: Electron.IpcMainInvokeEvent,
|
||||
path: string
|
||||
) => {
|
||||
return processProfileImage(path, "webp");
|
||||
};
|
||||
|
||||
export const processProfileImage = async (path: string, extension?: string) => {
|
||||
return PythonRPC.rpc
|
||||
.post<{
|
||||
imagePath: string;
|
||||
mimeType: string;
|
||||
}>("/profile-image", { image_path: path })
|
||||
}>("/profile-image", { image_path: path, target_extension: extension })
|
||||
.then((response) => response.data);
|
||||
};
|
||||
|
||||
registerEvent("processProfileImage", processProfileImage);
|
||||
registerEvent("processProfileImage", processProfileImageEvent);
|
||||
|
||||
@@ -30,7 +30,7 @@ export class HydraApi {
|
||||
private static instance: AxiosInstance;
|
||||
|
||||
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) {
|
||||
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 { SystemPath } from "../system-path";
|
||||
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) {
|
||||
if (!url) return undefined;
|
||||
@@ -31,8 +38,9 @@ async function downloadImage(url: string | null) {
|
||||
response.data.pipe(writer);
|
||||
|
||||
return new Promise<string | undefined>((resolve) => {
|
||||
writer.on("finish", () => {
|
||||
resolve(outputPath);
|
||||
writer.on("finish", async () => {
|
||||
const staticImagePath = await getStaticImage(outputPath);
|
||||
resolve(staticImagePath);
|
||||
});
|
||||
writer.on("error", () => {
|
||||
logger.error("Failed to download image", { url });
|
||||
|
||||
@@ -8,9 +8,11 @@ export const friendRequestEvent = async (payload: FriendRequest) => {
|
||||
friendRequestCount: payload.friendRequestCount,
|
||||
});
|
||||
|
||||
const user = await HydraApi.get(`/users/${payload.senderId}`);
|
||||
if (payload.senderId) {
|
||||
const user = await HydraApi.get(`/users/${payload.senderId}`);
|
||||
|
||||
if (user) {
|
||||
publishNewFriendRequestNotification(user);
|
||||
if (user) {
|
||||
publishNewFriendRequestNotification(user);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -3,12 +3,18 @@ import { useEffect, useMemo, useRef, useState } from "react";
|
||||
import { useLocation, useNavigate } from "react-router-dom";
|
||||
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 { AutoUpdateSubHeader } from "./auto-update-sub-header";
|
||||
import { setFilters, setLibrarySearchQuery } from "@renderer/features";
|
||||
import cn from "classnames";
|
||||
import { SearchDropdown } from "@renderer/components";
|
||||
|
||||
const pathTitle: Record<string, string> = {
|
||||
"/": "home",
|
||||
@@ -20,6 +26,7 @@ const pathTitle: Record<string, string> = {
|
||||
|
||||
export function Header() {
|
||||
const inputRef = useRef<HTMLInputElement>(null);
|
||||
const searchContainerRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
const navigate = useNavigate();
|
||||
const location = useLocation();
|
||||
@@ -37,6 +44,7 @@ export function Header() {
|
||||
);
|
||||
|
||||
const isOnLibraryPage = location.pathname.startsWith("/library");
|
||||
const isOnCataloguePage = location.pathname.startsWith("/catalogue");
|
||||
|
||||
const searchValue = isOnLibraryPage
|
||||
? librarySearchValue
|
||||
@@ -45,9 +53,29 @@ export function Header() {
|
||||
const dispatch = useAppDispatch();
|
||||
|
||||
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 { 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(() => {
|
||||
if (location.pathname.startsWith("/game")) return headerTitle;
|
||||
if (location.pathname.startsWith("/achievements")) return headerTitle;
|
||||
@@ -59,13 +87,43 @@ export function Header() {
|
||||
return t(pathTitle[location.pathname]);
|
||||
}, [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 = () => {
|
||||
setIsFocused(true);
|
||||
inputRef.current?.focus();
|
||||
};
|
||||
|
||||
const handleFocus = () => {
|
||||
if (isFocused && isDropdownVisible) {
|
||||
updateDropdownPosition();
|
||||
return;
|
||||
}
|
||||
|
||||
setIsFocused(true);
|
||||
setActiveIndex(-1);
|
||||
setTimeout(() => {
|
||||
updateDropdownPosition();
|
||||
setIsDropdownVisible(true);
|
||||
}, 220);
|
||||
};
|
||||
|
||||
const handleBlur = () => {
|
||||
setIsFocused(false);
|
||||
setTimeout(() => {
|
||||
setIsFocused(false);
|
||||
setIsDropdownVisible(false);
|
||||
setActiveIndex(-1);
|
||||
}, 200);
|
||||
};
|
||||
|
||||
const handleBackButtonClick = () => {
|
||||
@@ -77,10 +135,37 @@ export function Header() {
|
||||
dispatch(setLibrarySearchQuery(value.slice(0, 255)));
|
||||
} else {
|
||||
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 = () => {
|
||||
@@ -89,14 +174,79 @@ export function Header() {
|
||||
} else {
|
||||
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(() => {
|
||||
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: "" }));
|
||||
}
|
||||
|
||||
sessionStorage.setItem("prevPath", currentPath);
|
||||
}, [location.pathname, catalogueSearchValue, dispatch]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!isDropdownVisible) return;
|
||||
|
||||
const handleResize = () => {
|
||||
updateDropdownPosition();
|
||||
};
|
||||
|
||||
window.addEventListener("resize", handleResize);
|
||||
return () => window.removeEventListener("resize", handleResize);
|
||||
}, [isDropdownVisible]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<header
|
||||
@@ -128,6 +278,7 @@ export function Header() {
|
||||
|
||||
<section className="header__section">
|
||||
<div
|
||||
ref={searchContainerRef}
|
||||
className={cn("header__search", {
|
||||
"header__search--focused": isFocused,
|
||||
})}
|
||||
@@ -148,8 +299,9 @@ export function Header() {
|
||||
value={searchValue}
|
||||
className="header__search-input"
|
||||
onChange={(event) => handleSearch(event.target.value)}
|
||||
onFocus={() => setIsFocused(true)}
|
||||
onFocus={handleFocus}
|
||||
onBlur={handleBlur}
|
||||
onKeyDown={handleKeyDown}
|
||||
/>
|
||||
|
||||
{searchValue && (
|
||||
@@ -165,6 +317,27 @@ export function Header() {
|
||||
</section>
|
||||
</header>
|
||||
<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/use-game-actions";
|
||||
export * from "./star-rating/star-rating";
|
||||
export * from "./search-dropdown/search-dropdown";
|
||||
|
||||
105
src/renderer/src/components/search-dropdown/highlight-text.tsx
Normal file
105
src/renderer/src/components/search-dropdown/highlight-text.tsx
Normal file
@@ -0,0 +1,105 @@
|
||||
import React from "react";
|
||||
|
||||
interface HighlightTextProps {
|
||||
text: string;
|
||||
query: string;
|
||||
}
|
||||
|
||||
export function HighlightText({ text, query }: 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: Array<{ 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: Array<{ 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: Array<{ text: string; highlight: boolean }> = [];
|
||||
let lastIndex = 0;
|
||||
|
||||
mergedMatches.forEach((match) => {
|
||||
if (match.start > lastIndex) {
|
||||
parts.push({
|
||||
text: text.slice(lastIndex, match.start),
|
||||
highlight: false,
|
||||
});
|
||||
}
|
||||
|
||||
parts.push({
|
||||
text: text.slice(match.start, match.end),
|
||||
highlight: true,
|
||||
});
|
||||
|
||||
lastIndex = match.end;
|
||||
});
|
||||
|
||||
if (lastIndex < text.length) {
|
||||
parts.push({
|
||||
text: text.slice(lastIndex),
|
||||
highlight: false,
|
||||
});
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{parts.map((part, index) =>
|
||||
part.highlight ? (
|
||||
<mark key={index} className="search-dropdown__highlight">
|
||||
{part.text}
|
||||
</mark>
|
||||
) : (
|
||||
<React.Fragment key={index}>{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: #dadbe1;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&__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: #ff5555;
|
||||
background-color: rgba(255, 85, 85, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&__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.3);
|
||||
color: #ffc107;
|
||||
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);
|
||||
}
|
||||
@@ -8,3 +8,5 @@ export * from "./use-format";
|
||||
export * from "./use-feature";
|
||||
export * from "./use-download-options-listener";
|
||||
export * from "./use-game-card";
|
||||
export * from "./use-search-history";
|
||||
export * from "./use-search-suggestions";
|
||||
|
||||
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,
|
||||
};
|
||||
}
|
||||
149
src/renderer/src/hooks/use-search-suggestions.ts
Normal file
149
src/renderer/src/hooks/use-search-suggestions.ts
Normal file
@@ -0,0 +1,149 @@
|
||||
import { useState, useEffect, useCallback, useRef } from "react";
|
||||
import { useAppSelector } from "./redux";
|
||||
import { debounce } from "lodash-es";
|
||||
|
||||
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<
|
||||
Array<{
|
||||
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([]);
|
||||
}
|
||||
} 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 };
|
||||
}
|
||||
@@ -100,20 +100,48 @@ export function GallerySlider() {
|
||||
src?: string;
|
||||
poster?: string;
|
||||
videoSrc?: string;
|
||||
videoType?: string;
|
||||
alt: string;
|
||||
}> = [];
|
||||
|
||||
if (shopDetails?.movies) {
|
||||
shopDetails.movies.forEach((video, index) => {
|
||||
items.push({
|
||||
id: String(video.id),
|
||||
type: "video",
|
||||
poster: video.thumbnail,
|
||||
videoSrc: video.mp4.max.startsWith("http://")
|
||||
? video.mp4.max.replace("http://", "https://")
|
||||
: video.mp4.max,
|
||||
alt: t("video", { number: String(index + 1) }),
|
||||
});
|
||||
// Prefer new formats: HLS (best browser support), then DASH H264, then DASH AV1
|
||||
// Fallback to old format: mp4/webm if new formats are not available
|
||||
let videoSrc: string | undefined;
|
||||
let videoType: string | undefined;
|
||||
|
||||
if (video.hls_h264) {
|
||||
videoSrc = video.hls_h264;
|
||||
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}
|
||||
tabIndex={-1}
|
||||
>
|
||||
<source src={item.videoSrc} />
|
||||
{item.videoSrc && (
|
||||
<source src={item.videoSrc} type={item.videoType} />
|
||||
)}
|
||||
</video>
|
||||
) : (
|
||||
<img
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { LibraryGame } from "@types";
|
||||
import { useGameCard } from "@renderer/hooks";
|
||||
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";
|
||||
|
||||
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(
|
||||
() =>
|
||||
backgroundImage ? { backgroundImage: `url(${backgroundImage})` } : {},
|
||||
@@ -56,9 +72,9 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
|
||||
|
||||
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;
|
||||
@@ -116,14 +132,12 @@ export const LibraryGameCardLarge = memo(function LibraryGameCardLarge({
|
||||
className="library-game-card-large__achievement-trophy"
|
||||
/>
|
||||
<span className="library-game-card-large__achievement-count">
|
||||
{game.unlockedAchievementCount ?? 0} /{" "}
|
||||
{game.achievementCount ?? 0}
|
||||
{unlockedAchievementsCount} / {game.achievementCount ?? 0}
|
||||
</span>
|
||||
</div>
|
||||
<span className="library-game-card-large__achievement-percentage">
|
||||
{Math.round(
|
||||
((game.unlockedAchievementCount ?? 0) /
|
||||
(game.achievementCount ?? 1)) *
|
||||
(unlockedAchievementsCount / (game.achievementCount ?? 1)) *
|
||||
100
|
||||
)}
|
||||
%
|
||||
|
||||
@@ -14,10 +14,6 @@ import "./library.scss";
|
||||
|
||||
export default function Library() {
|
||||
const { library, updateLibrary } = useLibrary();
|
||||
type ElectronAPI = {
|
||||
refreshLibraryAssets?: () => Promise<unknown>;
|
||||
onLibraryBatchComplete?: (cb: () => void) => () => void;
|
||||
};
|
||||
|
||||
const [viewMode, setViewMode] = useState<ViewMode>(() => {
|
||||
const savedViewMode = localStorage.getItem("library-view-mode");
|
||||
@@ -41,22 +37,15 @@ export default function Library() {
|
||||
|
||||
useEffect(() => {
|
||||
dispatch(setHeaderTitle(t("library")));
|
||||
const electron = (globalThis as unknown as { electron?: ElectronAPI })
|
||||
.electron;
|
||||
let unsubscribe: () => void = () => undefined;
|
||||
if (electron?.refreshLibraryAssets) {
|
||||
electron
|
||||
.refreshLibraryAssets()
|
||||
.then(() => updateLibrary())
|
||||
.catch(() => updateLibrary());
|
||||
if (electron.onLibraryBatchComplete) {
|
||||
unsubscribe = electron.onLibraryBatchComplete(() => {
|
||||
updateLibrary();
|
||||
});
|
||||
}
|
||||
} else {
|
||||
|
||||
const unsubscribe = window.electron.onLibraryBatchComplete(() => {
|
||||
updateLibrary();
|
||||
}
|
||||
});
|
||||
|
||||
window.electron
|
||||
.refreshLibraryAssets()
|
||||
.then(() => updateLibrary())
|
||||
.catch(() => updateLibrary());
|
||||
|
||||
return () => {
|
||||
unsubscribe();
|
||||
|
||||
@@ -16,8 +16,11 @@ export interface SteamVideoSource {
|
||||
|
||||
export interface SteamMovies {
|
||||
id: number;
|
||||
mp4: SteamVideoSource;
|
||||
webm: SteamVideoSource;
|
||||
dash_av1?: string;
|
||||
dash_h264?: string;
|
||||
hls_h264?: string;
|
||||
mp4?: SteamVideoSource;
|
||||
webm?: SteamVideoSource;
|
||||
thumbnail: string;
|
||||
name: string;
|
||||
highlight: boolean;
|
||||
|
||||
Reference in New Issue
Block a user