When decky is uncertain of branch, set the setting to match the guess (#480)

* If branch setting is missing, set it using the 'guess' from backend

* Make the frontend default to stable branch like the backend

.github/pull_request_template.md

@@ -0,0 +1,13 @@
+Please tick as appropriate:
+- [ ] I have tested this code on a steam deck or on a PC
+- [ ] My changes generate no new errors/warnings
+- [ ] This is a bugfix/hotfix
+- [ ] This is a new feature
+
+If you're wanting to update a translation or add a new one, please use the weblate page: https://weblate.werwolv.net/projects/decky/
+
+# Description
+
+This fixes issue: #
+
+Please provide a clear and concise description of what the new feature is. If appropriate, include screenshots or videos.

.github/workflows/build.yml

@@ -119,7 +119,7 @@ jobs:
       run: pnpm run build
 
     - name: Build Python Backend 🛠️
-      run: pyinstaller --noconfirm --onefile --name "PluginLoader" --add-data "./backend/static;/static" --add-data "./backend/legacy;/legacy" --add-data "./plugin;/plugin" ./backend/main.py
+      run: pyinstaller --noconfirm --onefile --name "PluginLoader" --add-data "./backend/static;/static" --add-data "./backend/locales;/locales" --add-data "./backend/legacy;/legacy" --add-data "./plugin;/plugin" ./backend/main.py
         
     - name: Upload package artifact ⬆️
       uses: actions/upload-artifact@v3

README.md

@@ -10,6 +10,7 @@
   <a href="https://github.com/SteamDeckHomebrew/decky-loader/releases"><img src="https://img.shields.io/github/downloads/SteamDeckHomebrew/decky-loader/total" /></a>
   <a href="https://github.com/SteamDeckHomebrew/decky-loader/stargazers"><img src="https://img.shields.io/github/stars/SteamDeckHomebrew/decky-loader" /></a>
   <a href="https://github.com/SteamDeckHomebrew/decky-loader/commits/main"><img src="https://img.shields.io/github/last-commit/SteamDeckHomebrew/decky-loader.svg" /></a>
+  <a href="https://weblate.werwolv.net/engage/decky/"><img src="https://weblate.werwolv.net/widgets/decky/-/decky/svg-badge.svg" alt="Translation status" /></a>
   <a href="https://github.com/SteamDeckHomebrew/decky-loader/blob/main/LICENSE"><img src="https://img.shields.io/github/license/SteamDeckHomebrew/decky-loader" /></a>
   <a href="https://deckbrew.xyz/discord"><img src="https://img.shields.io/discord/960281551428522045?color=%235865F2&label=discord" /></a>
   <br>
@@ -47,7 +48,7 @@ For more information about Decky Loader as well as documentation and development
 1. Press the <img src="./docs/images/light/steam.svg#gh-dark-mode-only" height=16><img src="./docs/images/dark/steam.svg#gh-light-mode-only" height=16> button and open the Power menu.
 1. Select "Switch to Desktop".
 1. Navigate to this Github page on a browser of your choice.
-1. Download the [installer file](https://github.com/SteamDeckHomebrew/decky-installer/releases/latest/download/decky_installer.desktop).
+1. Download the [installer file](https://github.com/SteamDeckHomebrew/decky-installer/releases/latest/download/decky_installer.desktop). (If using firefox, it will be named `decky_installer.desktop.download`. Rename it to `decky_installer.desktop` before running it)
 1. Drag the file onto your desktop and double click it to run it.
 1. Either type your admin password or allow Decky to temporarily set your admin password to `Decky!` (this password will be removed after the installer finishes)
 1. Choose the version of Decky Loader you want to install.

backend/browser.py

@@ -49,7 +49,7 @@ class PluginBrowser:
             logger.error(f"chown/chmod exited with a non-zero exit code")
             return False
         return True
-    
+
     async def _download_remote_binaries_for_plugin_with_name(self, pluginBasePath):
         rv = False
         try:
@@ -63,10 +63,8 @@ class PluginBrowser:
                         # create bin directory if needed.
                         chmod(pluginBasePath, 777)
                         if access(pluginBasePath, W_OK):
-                            
                             if not path.exists(pluginBinPath):
                                 mkdir(pluginBinPath)
-                            
                             if not access(pluginBinPath, W_OK):
                                 chmod(pluginBinPath, 777)
 
@@ -85,7 +83,7 @@ class PluginBrowser:
                     else:
                         rv = True
                         logger.debug(f"No Remote Binaries to Download")
-                
+
         except Exception as e:
             rv = False
             logger.debug(str(e))
@@ -124,10 +122,7 @@ class PluginBrowser:
                 logger.debug("Plugin %s was stopped", name)
                 del self.plugins[name]
                 logger.debug("Plugin %s was removed from the dictionary", name)
-                current_plugin_order = self.settings.getSetting("pluginOrder")
-                current_plugin_order.remove(name)
-                self.settings.setSetting("pluginOrder", current_plugin_order)
-                logger.debug("Plugin %s was removed from the pluginOrder setting", name)
+                self.cleanup_plugin_settings(name)
             logger.debug("removing files %s" % str(name))
             rmtree(plugin_dir)
         except FileNotFoundError:
@@ -174,7 +169,7 @@ class PluginBrowser:
         if res_zip is None:
             logger.fatal(f"Could not fetch {artifact}")
             return
-        
+
         # If plugin is installed, uninstall it
         if isInstalled:
             try:
@@ -196,7 +191,7 @@ class PluginBrowser:
                     self.loader.plugins[name].stop()
                     self.loader.plugins.pop(name, None)
                 await sleep(1)
-                
+
                 current_plugin_order = self.settings.getSetting("pluginOrder")
                 current_plugin_order.append(name)
                 self.settings.setSetting("pluginOrder", current_plugin_order)
@@ -216,9 +211,38 @@ class PluginBrowser:
         await tab.open_websocket()
         await tab.evaluate_js(f"DeckyPluginLoader.addPluginInstallPrompt('{name}', '{version}', '{request_id}', '{hash}', {install_type})")
 
+    async def request_multiple_plugin_installs(self, requests):
+        request_id = str(time())
+        self.install_requests[request_id] = [PluginInstallContext(req['artifact'], req['name'], req['version'], req['hash']) for req in requests]
+        js_requests_parameter = ','.join([
+            f"{{ name: '{req['name']}', version: '{req['version']}', hash: '{req['hash']}', install_type: {req['install_type']}}}" for req in requests
+        ])
+
+        tab = await get_gamepadui_tab()
+        await tab.open_websocket()
+        await tab.evaluate_js(f"DeckyPluginLoader.addMultiplePluginsInstallPrompt('{request_id}', [{js_requests_parameter}])")
+
     async def confirm_plugin_install(self, request_id):
-        request = self.install_requests.pop(request_id)
-        await self._install(request.artifact, request.name, request.version, request.hash)
+        requestOrRequests = self.install_requests.pop(request_id)
+        if isinstance(requestOrRequests, list):
+            [await self._install(req.artifact, req.name, req.version, req.hash) for req in requestOrRequests]
+        else:
+            await self._install(requestOrRequests.artifact, requestOrRequests.name, requestOrRequests.version, requestOrRequests.hash)
 
     def cancel_plugin_install(self, request_id):
         self.install_requests.pop(request_id)
+
+    def cleanup_plugin_settings(self, name):
+        """Removes any settings related to a plugin. Propably called when a plugin is uninstalled.
+
+        Args:
+            name (string): The name of the plugin
+        """
+        hidden_plugins = self.settings.getSetting("hiddenPlugins", [])
+        hidden_plugins.remove(name)
+        self.settings.setSetting("hiddenPlugins", hidden_plugins)
+
+        plugin_order = self.settings.getSetting("pluginOrder")
+        plugin_order.remove(name)
+        self.settings.setSetting("pluginOrder", plugin_order)
+        logger.debug("Removed any settings for plugin %s", name)

backend/injector.py

@@ -395,6 +395,7 @@ async def get_tab_lambda(test) -> Tab:
     return tab
 
 SHARED_CTX_NAMES = ["SharedJSContext", "Steam Shared Context presented by Valve™", "Steam", "SP"]
+CLOSEABLE_URLS = ["about:blank", "data:text/html,%3Cbody%3E%3C%2Fbody%3E"] # Closing anything other than these *really* likes to crash Steam
 DO_NOT_CLOSE_URL = "Valve Steam Gamepad/default" # Steam Big Picture Mode tab
 
 def tab_is_gamepadui(t: Tab) -> bool:
@@ -415,7 +416,7 @@ async def inject_to_tab(tab_name, js, run_async=False):
 async def close_old_tabs():
     tabs = await get_tabs()
     for t in tabs:
-        if not t.title or (t.title not in SHARED_CTX_NAMES and DO_NOT_CLOSE_URL not in t.url):
+        if not t.title or (t.title not in SHARED_CTX_NAMES and any(url in t.url for url in CLOSEABLE_URLS) and DO_NOT_CLOSE_URL not in t.url):
             logger.debug("Closing tab: " + getattr(t, "title", "Untitled"))
             await t.close()
             await sleep(0.5)

backend/loader.py

@@ -62,19 +62,19 @@ class Loader:
         self.logger = getLogger("Loader")
         self.plugin_path = plugin_path
         self.logger.info(f"plugin_path: {self.plugin_path}")
-        self.plugins = {}
+        self.plugins : dict[str, PluginWrapper] = {}
         self.watcher = None
         self.live_reload = live_reload
+        self.reload_queue = Queue()
+        self.loop.create_task(self.handle_reloads())
 
         if live_reload:
-            self.reload_queue = Queue()
             self.observer = Observer()
             self.watcher = FileChangeHandler(self.reload_queue, plugin_path)
             self.observer.schedule(self.watcher, self.plugin_path, recursive=True)
             self.observer.start()
-            self.loop.create_task(self.handle_reloads())
             self.loop.create_task(self.enable_reload_wait())
-
+            
         server_instance.add_routes([
             web.get("/frontend/{path:.*}", self.handle_frontend_assets),
             web.get("/locales/{path:.*}", self.handle_frontend_locales),
@@ -82,6 +82,7 @@ class Loader:
             web.get("/plugins/{plugin_name}/frontend_bundle", self.handle_frontend_bundle),
             web.post("/plugins/{plugin_name}/methods/{method_name}", self.handle_plugin_method_call),
             web.get("/plugins/{plugin_name}/assets/{path:.*}", self.handle_plugin_frontend_assets),
+            web.post("/plugins/{plugin_name}/reload", self.handle_backend_reload_request),
 
             # The following is legacy plugin code.
             web.get("/plugins/load_main/{name}", self.load_plugin_main_view),
@@ -217,3 +218,11 @@ class Loader:
             return web.Response(text=await tab.get_steam_resource(f"https://steamloopback.host/{request.match_info['path']}"), content_type="text/html")
         except Exception as e:
             return web.Response(text=str(e), status=400)
+
+    async def handle_backend_reload_request(self, request):
+        plugin_name : str = request.match_info["plugin_name"]
+        plugin = self.plugins[plugin_name]
+
+        await self.reload_queue.put((plugin.file, plugin.plugin_directory))
+
+        return web.Response(status=200)

backend/locales/de-DE.json

@@ -0,0 +1,183 @@
+{
+    "BranchSelect": {
+        "update_channel": {
+            "label": "Updatekanal",
+            "prerelease": "Vorabveröffentlichung",
+            "stable": "Standard",
+            "testing": "Test"
+        }
+    },
+    "Developer": {
+        "disabling": "Deaktiviere",
+        "enabling": "Aktiviere",
+        "5secreload": "Neu laden in 5 Sekunden"
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "Diesen Ordner verwenden"
+        }
+    },
+    "PluginCard": {
+        "plugin_install": "Installieren",
+        "plugin_no_desc": "Keine Beschreibung angegeben.",
+        "plugin_version_label": "Erweiterungs Version",
+        "plugin_full_access": "Diese Erweiterung hat uneingeschränkten Zugriff auf dein Steam Deck."
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "Installieren",
+            "button_processing": "Wird installiert",
+            "desc": "Bist du dir sicher, dass du {{artifact}} {{version}} installieren willst?",
+            "title": "Installiere {{artifact}}"
+        },
+        "reinstall": {
+            "button_idle": "Neu installieren",
+            "button_processing": "Wird neu installiert",
+            "desc": "Bist du dir sicher, dass du {{artifact}} {{version}} neu installieren willst?",
+            "title": "Neu installation {{artifact}}"
+        },
+        "update": {
+            "button_idle": "Aktualisieren",
+            "button_processing": "Wird aktualisiert",
+            "title": "Aktualisiere {{artifact}}",
+            "desc": "Bist du dir sicher, dass du {{artifact}} {{version}} aktualisieren willst?"
+        },
+        "no_hash": "Diese Erweiterung besitzt keine Prüfsumme, Installation auf eigene Gefahr."
+    },
+    "PluginListIndex": {
+        "no_plugin": "Keine Erweiterungen installiert!",
+        "plugin_actions": "Erweiterungs Aktionen",
+        "reinstall": "Neu installieren",
+        "reload": "Neu laden",
+        "uninstall": "Deinstallieren",
+        "update_to": "Aktualisieren zu {{name}}"
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "decky_update_available": "Eine neue Version ({{tag_name}}) ist verfügbar!",
+        "error": "Fehler",
+        "plugin_load_error": {
+            "toast": "Fehler beim Laden von {{name}}",
+            "message": "Fehler beim Laden von {{name}}"
+        },
+        "plugin_uninstall": {
+            "button": "Deinstallieren",
+            "desc": "Bist du dir sicher, dass du {{name}} deinstallieren willst?",
+            "title": "Deinstalliere {{name}}"
+        },
+        "plugin_error_uninstall": "Das Laden von {{name}} hat einen Fehler verursacht. Dies bedeutet normalerweise, dass die Erweiterung ein Update für die neue Version von SteamUI benötigt. Prüfe in den Decky-Einstellungen im Bereich Erweiterungen, ob ein Update vorhanden ist.",
+        "plugin_update_one": "1 Erweiterung kann aktualisiert werden!",
+        "plugin_update_other": "{{count}} Erweiterungen können aktualisiert werden!"
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "label": "Remote CEF Debugging Zugriff",
+            "desc": "Erlaubt jedem aus dem Neztwerk unautorisierten Zugriff auf den CEF Debugger"
+        }
+    },
+    "SettingsDeveloperIndex": {
+        "header": "Sonstiges",
+        "react_devtools": {
+            "ip_label": "IP",
+            "label": "Aktiviere React DevTools",
+            "desc": "Erlaubt die Verbindung mit einem anderen Rechner, auf welchem React DevTools läuft. Eine Änderung startet Steam neu. Die IP Adresse muss vor Aktivierung ausgefüllt sein."
+        },
+        "third_party_plugins": {
+            "button_zip": "Durchsuchen",
+            "header": "Erweiterungen von Drittanbietern",
+            "label_desc": "URL",
+            "label_zip": "Installiere Erweiterung via ZIP Datei",
+            "button_install": "Installieren",
+            "label_url": "Installiere Erweiterung via URL"
+        },
+        "toast_zip": {
+            "body": "Installation fehlgeschlagen! Nur ZIP Datein werden unterstützt.",
+            "title": "Decky"
+        },
+        "valve_internal": {
+            "desc2": "Fasse in diesem Menü nichts an, es sei denn, du weißt was du tust.",
+            "label": "Aktiviere Valve-internes Menü",
+            "desc1": "Aktiviert das Valve-interne Entwickler Menü."
+        }
+    },
+    "SettingsGeneralIndex": {
+        "about": {
+            "decky_version": "Decky Version",
+            "header": "Über"
+        },
+        "beta": {
+            "header": "Beta Teilnahme"
+        },
+        "developer_mode": {
+            "desc": "Aktiviere Deckys Entwickleroptionen.",
+            "label": "Entwickleroptionen"
+        },
+        "other": {
+            "header": "Sonstiges"
+        },
+        "updates": {
+            "header": "Aktualisierungen"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "Entwickler",
+        "general_title": "Allgemein",
+        "plugins_title": "Erweiterungen",
+        "navbar_settings": "Decky Einstellungen"
+    },
+    "Store": {
+        "store_contrib": {
+            "label": "Mitwirken",
+            "desc": "Wenn du Erweiterungen im Decky Store veröffentlichen willst, besuche die SteamDeckHomebrew/decky-plugin-template Repository auf GitHub. Informationen rund um Entwicklung und Veröffentlichung findest du in der README."
+        },
+        "store_filter": {
+            "label": "Filter",
+            "label_def": "Alle"
+        },
+        "store_search": {
+            "label": "Suche"
+        },
+        "store_sort": {
+            "label": "Sortierung",
+            "label_def": "Zuletzt aktualisiert"
+        },
+        "store_source": {
+            "desc": "Jeder Erweiterungs Quellcode ist in der SteamDeckHomebrew/decky-plugin-database Repository auf GitHub verfügbar.",
+            "label": "Quellcode"
+        },
+        "store_tabs": {
+            "about": "Über",
+            "alph_asce": "Alphabetisch (Z zu A)",
+            "alph_desc": "Alphabetisch (A zu Z)",
+            "title": "Durchstöbern"
+        },
+        "store_testing_cta": "Unterstütze das Decky Loader Team mit dem Testen von neuen Erweiterungen!"
+    },
+    "StoreSelect": {
+        "custom_store": {
+            "label": "Benutzerdefinierter Marktplatz",
+            "url_label": "URL"
+        },
+        "store_channel": {
+            "custom": "Benutzerdefiniert",
+            "default": "Standard",
+            "label": "Marktplatz Kanal",
+            "testing": "Test"
+        }
+    },
+    "Updater": {
+        "decky_updates": "Decky Aktualisierungen",
+        "patch_notes_desc": "Patchnotizen",
+        "updates": {
+            "check_button": "Auf Aktualisierungen prüfen",
+            "checking": "Wird überprüft",
+            "cur_version": "Aktualle Version: {{ver}}",
+            "install_button": "Aktualisierung installieren",
+            "label": "Aktualisierungen",
+            "lat_version": "{{ver}} ist die aktuellste",
+            "reloading": "Lade neu",
+            "updating": "Aktualisiere"
+        },
+        "no_patch_notes_desc": "Für diese Version gibt es keine Patchnotizen"
+    }
+}

backend/locales/el-GR.json

@@ -0,0 +1,180 @@
+{
+    "SettingsDeveloperIndex": {
+        "react_devtools": {
+            "desc": "Επιτρέπει την σύνδεση με υπολογιστή που τρέχει React DevTools. Η αλλαγή αυτής της ρύθμισης θα προκαλέσει επαναφόρτωση του Steam. Ωρίστε την διεύθυνση IP πριν την ενεργοποιήσετε.",
+            "ip_label": "IP",
+            "label": "Ενεργοποίηση React DevTools"
+        },
+        "third_party_plugins": {
+            "button_install": "Εγκατάσταση",
+            "button_zip": "Περιήγηση",
+            "header": "Επεκτάσεις τρίτων",
+            "label_desc": "URL",
+            "label_url": "Εγκατάσταση επέκτασης απο URL",
+            "label_zip": "Εγκατάσταση επέκτασης από αρχείο ZIP"
+        },
+        "toast_zip": {
+            "title": "Decky",
+            "body": "Η εγκατάσταση απέτυχε. Μόνο αρχεία ZIP επιτρέπονται."
+        },
+        "valve_internal": {
+            "desc1": "Ενεργοποιεί το μενού προγραμματιστή της Valve.",
+            "desc2": "Μην αγγίξετε τίποτα σε αυτό το μενού εκτός και αν ξέρετε τι κάνει.",
+            "label": "Ενεργοποιήση εσωτερικού μενού Valve"
+        }
+    },
+    "BranchSelect": {
+        "update_channel": {
+            "prerelease": "Προ-κυκλοφορία",
+            "stable": "Σταθερό",
+            "label": "Κανάλι ενημερώσεων",
+            "testing": "Δοκιμαστικό"
+        }
+    },
+    "Developer": {
+        "5secreload": "Γίνεται επαναφόρτωση σε 5 δευτερόλεπτα",
+        "disabling": "Γίνεται απενεργοποίηση",
+        "enabling": "Γίνεται ενεργοποίηση"
+    },
+    "PluginCard": {
+        "plugin_no_desc": "Δεν υπάρχει περιγραφή.",
+        "plugin_full_access": "Αυτή η επέκταση έχει πλήρη πρόσβαση στο Steam Deck σας.",
+        "plugin_install": "Εγκατάσταση",
+        "plugin_version_label": "Έκδοση επέκτασης"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "desc": "Σίγουρα θέλετε να εγκαταστήσετε το {{artifact}}{{version}};",
+            "button_idle": "Εγκατάσταση",
+            "button_processing": "Γίνεται εγκατάσταση",
+            "title": "Εγκατάσταση {{artifact}}"
+        },
+        "no_hash": "Αυτή η επέκταση δεν έχει υπογραφή, την εγκαθηστάτε με δικό σας ρίσκο.",
+        "reinstall": {
+            "button_idle": "Επανεγκατάσταση",
+            "button_processing": "Γίνεται επανεγκατάσταση",
+            "desc": "Σίγουρα θέλετε να επανεγκαταστήσετε το {{artifact}}{{version}};",
+            "title": "Επανεγκατάσταση {{artifact}}"
+        },
+        "update": {
+            "button_idle": "Ενημέρωση",
+            "desc": "Σίγουρα θέλετε να ενημερώσετε το {{artifact}} {{version}};",
+            "title": "Ενημέρωση {{artifact}}",
+            "button_processing": "Γίνεται ενημέρωση"
+        }
+    },
+    "PluginListIndex": {
+        "no_plugin": "Δεν υπάρχουν εγκατεστημένες επεκτάσεις!",
+        "plugin_actions": "Ενέργειες επεκτάσεων",
+        "reinstall": "Επανεγκατάσταση",
+        "reload": "Επαναφόρτωση",
+        "uninstall": "Απεγκατάσταση",
+        "update_to": "Ενημέρωση σε {{name}}"
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "decky_update_available": "Ενημέρωση σε {{tag_name}} διαθέσιμη!",
+        "error": "Σφάλμα",
+        "plugin_error_uninstall": "Πηγαίντε στο <0></0> στο μενού του Decky για να απεγκαταστήσετε αυτή την επέκταση.",
+        "plugin_load_error": {
+            "message": "Σφάλμα στη φόρτωση της επέκτασης {{name}}",
+            "toast": "Σφάλμα φόρτωσης {{name}}"
+        },
+        "plugin_uninstall": {
+            "button": "Απεγκατάσταση",
+            "desc": "Σίγουρα θέλετε να απεγκαταστήσετε το {{name}};",
+            "title": "Απεγκατάσταση {{name}}"
+        }
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "label": "Να επιτρέπεται η απομακρυσμένη πρόσβαση στον CEF debugger",
+            "desc": "Να επιτρέπεται η ανεξέλεγκτη πρόσβαση στον CEF debugger σε οποιονδήποτε στο τοπικό δίκτυο"
+        }
+    },
+    "SettingsGeneralIndex": {
+        "about": {
+            "decky_version": "Έκδοση Decky",
+            "header": "Σχετικά"
+        },
+        "developer_mode": {
+            "desc": "Ενεργοποιεί το μενού προγραμματιστή του Decky.",
+            "label": "Λειτουργία προγραμματιστή"
+        },
+        "other": {
+            "header": "Άλλα"
+        },
+        "updates": {
+            "header": "Ενημερώσεις"
+        },
+        "beta": {
+            "header": "Συμμετοχή στη Beta"
+        }
+    },
+    "SettingsIndex": {
+        "plugins_title": "Επεκτάσεις",
+        "developer_title": "Προγραμματιστής",
+        "general_title": "Γενικά",
+        "navbar_settings": "Ρυθμίσεις Decky"
+    },
+    "Store": {
+        "store_contrib": {
+            "label": "Συνεισφέροντας",
+            "desc": "Αν θέλετε να συνεισφέρετε στο κατάστημα επεκτάσεων του Decky, τσεκάρετε το SteamDeckHomebrew/decky-plugin-template repository στο GitHub. Πληροφοριές σχετικά με τη δημιουργία και τη διανομή επεκτάσεων είναι διαθέσιμες στο README."
+        },
+        "store_filter": {
+            "label": "Φίλτρο",
+            "label_def": "Όλα"
+        },
+        "store_search": {
+            "label": "Αναζήτηση"
+        },
+        "store_sort": {
+            "label": "Ταξινόμηση",
+            "label_def": "Τελευταία ενημέρωση (Νεότερα)"
+        },
+        "store_source": {
+            "desc": "Ο πηγαίος κώδικας όλων των επεκτάσεων είναι διαθέσιμος στο SteamDeckHomebrew/decky-plugin-database repository στο GitHub.",
+            "label": "Πηγαίος κώδικας"
+        },
+        "store_tabs": {
+            "about": "Σχετικά",
+            "alph_asce": "Αλφαβητικά (Ζ σε Α)",
+            "alph_desc": "Αλφαβητικά (Α σε Ζ)",
+            "title": "Περιήγηση"
+        },
+        "store_testing_cta": "Παρακαλώ σκεφτείτε να τεστάρετε νέες επεκτάσεις για να βοηθήσετε την ομάδα του Decky Loader!"
+    },
+    "StoreSelect": {
+        "custom_store": {
+            "label": "Προσαρμοσμένο κατάστημα",
+            "url_label": "URL"
+        },
+        "store_channel": {
+            "custom": "Προσαρμοσμένο",
+            "default": "Προεπιλεγμένο",
+            "label": "Κανάλι καταστήματος",
+            "testing": "Δοκιμαστικό"
+        }
+    },
+    "Updater": {
+        "no_patch_notes_desc": "Κανένα ενημερωτικό σημείωμα για αυτή την έκδοση",
+        "patch_notes_desc": "Σημειώσεις ενημέρωσης",
+        "updates": {
+            "check_button": "Έλεγχος για ενημερώσεις",
+            "checking": "Γίνεται έλεγχος",
+            "cur_version": "Τρέχουσα έκδοση: {{ver}}",
+            "install_button": "Εγκατάσταση ενημέρωσης",
+            "label": "Ενημερώσεις",
+            "updating": "Γίνεται ενημέρωση",
+            "lat_version": "Ενημερωμένο: τρέχουσα έκδοση {{ver}}",
+            "reloading": "Γίνεται επαναφόρτωση"
+        },
+        "decky_updates": "Ενημερώσεις Decky"
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "Χρησιμοποιήστε αυτό το φάκελο"
+        }
+    }
+}

backend/locales/en-US.json

@@ -1,183 +1,221 @@
 {
-  "BranchSelect": {
-    "update_channel": {
-      "label": "Update Channel",
-      "prerelease": "Prerelease",
-      "stable": "Stable",
-      "testing": "Testing"
+    "BranchSelect": {
+        "update_channel": {
+            "label": "Update Channel",
+            "prerelease": "Prerelease",
+            "stable": "Stable",
+            "testing": "Testing"
+        }
+    },
+    "Developer": {
+        "5secreload": "Reloading in 5 seconds",
+        "disabling": "Disabling React DevTools",
+        "enabling": "Enabling React DevTools"
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "Use this folder"
+        }
+    },
+    "PluginView": {
+        "hidden_one": "1 plugin is hidden from this list",
+        "hidden_other": "{{count}} plugins are hidden from this list"
+    },
+    "PluginListLabel": {
+        "hidden": "Hidden from the quick access menu"
+    },
+    "PluginCard": {
+        "plugin_full_access": "This plugin has full access to your Steam Deck.",
+        "plugin_install": "Install",
+        "plugin_no_desc": "No description provided.",
+        "plugin_version_label": "Plugin Version"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "Install",
+            "button_processing": "Installing",
+            "desc": "Are you sure you want to install {{artifact}} {{version}}?",
+            "title": "Install {{artifact}}"
+        },
+        "no_hash": "This plugin does not have a hash, you are installing it at your own risk.",
+        "reinstall": {
+            "button_idle": "Reinstall",
+            "button_processing": "Reinstalling",
+            "desc": "Are you sure you want to reinstall {{artifact}} {{version}}?",
+            "title": "Reinstall {{artifact}}"
+        },
+        "update": {
+            "button_idle": "Update",
+            "button_processing": "Updating",
+            "desc": "Are you sure you want to update {{artifact}} {{version}}?",
+            "title": "Update {{artifact}}"
+        }
+    },
+    "MultiplePluginsInstallModal": {
+        "title": {
+            "mixed_one": "Modify 1 plugin",
+            "mixed_other": "Modify {{count}} plugins",
+            "update_one": "Update 1 plugin",
+            "update_other": "Update {{count}} plugins",
+            "reinstall_one": "Reinstall 1 plugin",
+            "reinstall_other": "Reinstall {{count}} plugins",
+            "install_one": "Install 1 plugin",
+            "install_other": "Install {{count}} plugins"
+        },
+        "ok_button": {
+            "idle": "Confirm",
+            "loading": "Working"
+        },
+        "confirm": "Are you sure you want to make the following modifications?",
+        "description": {
+            "install": "Install {{name}} {{version}}",
+            "update": "Update {{name}} to {{version}}",
+            "reinstall": "Reinstall {{name}} {{version}}"
+        }
+    },
+    "PluginListIndex": {
+        "no_plugin": "No plugins installed!",
+        "plugin_actions": "Plugin Actions",
+        "reinstall": "Reinstall",
+        "reload": "Reload",
+        "uninstall": "Uninstall",
+        "update_to": "Update to {{name}}",
+        "show": "Quick access: Show",
+        "hide": "Quick access: Hide",
+        "update_all_one": "Update 1 plugin",
+        "update_all_other": "Update {{count}} plugins"
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "decky_update_available": "Update to {{tag_name}} available!",
+        "error": "Error",
+        "plugin_error_uninstall": "Loading {{name}} caused an exception as shown above. This usually means that the plugin requires an update for the new version of SteamUI. Check if an update is present or evaluate its removal in the Decky settings, in the Plugins section.",
+        "plugin_load_error": {
+            "message": "Error loading plugin {{name}}",
+            "toast": "Error loading {{name}}"
+        },
+        "plugin_uninstall": {
+            "button": "Uninstall",
+            "desc": "Are you sure you want to uninstall {{name}}?",
+            "title": "Uninstall {{name}}"
+        },
+        "plugin_update_one": "Updates available for 1 plugin!",
+        "plugin_update_other": "Updates available for {{count}} plugins!"
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "desc": "Allow unauthenticated access to the CEF debugger to anyone in your network",
+            "label": "Allow Remote CEF Debugging"
+        }
+    },
+    "SettingsDeveloperIndex": {
+        "cef_console": {
+            "button": "Open Console",
+            "desc": "Opens the CEF Console. Only useful for debugging purposes. Stuff here is potentially dangerous and should only be used if you are a plugin dev, or are directed here by one.",
+            "label": "CEF Console"
+        },
+        "header": "Other",
+        "react_devtools": {
+            "desc": "Enables connection to a computer running React DevTools. Changing this setting will reload Steam. Set the IP address before enabling.",
+            "ip_label": "IP",
+            "label": "Enable React DevTools"
+        },
+        "third_party_plugins": {
+            "button_install": "Install",
+            "button_zip": "Browse",
+            "header": "Third-Party Plugins",
+            "label_desc": "URL",
+            "label_url": "Install Plugin from URL",
+            "label_zip": "Install Plugin from ZIP File"
+        },
+        "toast_zip": {
+            "body": "Installation failed! Only ZIP files are supported.",
+            "title": "Decky"
+        },
+        "valve_internal": {
+            "desc1": "Enables the Valve internal developer menu.",
+            "desc2": "Do not touch anything in this menu unless you know what it does.",
+            "label": "Enable Valve Internal"
+        }
+    },
+    "SettingsGeneralIndex": {
+        "about": {
+            "decky_version": "Decky Version",
+            "header": "About"
+        },
+        "beta": {
+            "header": "Beta participation"
+        },
+        "developer_mode": {
+            "desc": "Enables Decky's developer settings.",
+            "label": "Developer mode"
+        },
+        "other": {
+            "header": "Other"
+        },
+        "updates": {
+            "header": "Updates"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "Developer",
+        "general_title": "General",
+        "navbar_settings": "Decky Settings",
+        "plugins_title": "Plugins"
+    },
+    "Store": {
+        "store_contrib": {
+            "desc": "If you would like to contribute to the Decky Plugin Store, check the SteamDeckHomebrew/decky-plugin-template repository on GitHub. Information on development and distribution is available in the README.",
+            "label": "Contributing"
+        },
+        "store_filter": {
+            "label": "Filter",
+            "label_def": "All"
+        },
+        "store_search": {
+            "label": "Search"
+        },
+        "store_sort": {
+            "label": "Sort",
+            "label_def": "Last Updated (Newest)"
+        },
+        "store_source": {
+            "desc": "All plugin source code is available on SteamDeckHomebrew/decky-plugin-database repository on GitHub.",
+            "label": "Source Code"
+        },
+        "store_tabs": {
+            "about": "About",
+            "alph_asce": "Alphabetical (Z to A)",
+            "alph_desc": "Alphabetical (A to Z)",
+            "title": "Browse"
+        },
+        "store_testing_cta": "Please consider testing new plugins to help the Decky Loader team!"
+    },
+    "StoreSelect": {
+        "custom_store": {
+            "label": "Custom Store",
+            "url_label": "URL"
+        },
+        "store_channel": {
+            "custom": "Custom",
+            "default": "Default",
+            "label": "Store Channel",
+            "testing": "Testing"
+        }
+    },
+    "Updater": {
+        "decky_updates": "Decky Updates",
+        "no_patch_notes_desc": "no patch notes for this version",
+        "patch_notes_desc": "Patch Notes",
+        "updates": {
+            "check_button": "Check For Updates",
+            "checking": "Checking",
+            "cur_version": "Current version: {{ver}}",
+            "install_button": "Install Update",
+            "label": "Updates",
+            "lat_version": "Up to date: running {{ver}}",
+            "reloading": "Reloading",
+            "updating": "Updating"
+        }
     }
-  },
-  "Developer": {
-    "5secreload": "Reloading in 5 seconds",
-    "disabling": "Disabling",
-    "enabling": "Enabling"
-  },
-  "FilePickerIndex": {
-    "folder": {
-      "select": "Use this folder"
-    }
-  },
-  "PluginCard": {
-    "plugin_full_access": "This plugin has full access to your Steam Deck.",
-    "plugin_install": "Install",
-    "plugin_no_desc": "No description provided.",
-    "plugin_version_label": "Plugin Version"
-  },
-  "PluginInstallModal": {
-    "install": {
-      "button_idle": "Install",
-      "button_processing": "Installing",
-      "desc": "Are you sure you want to install {{artifact}} {{version}}?",
-      "title": "Install {{artifact}}"
-    },
-    "no_hash": "This plugin does not have a hash, you are installing it at your own risk.",
-    "reinstall": {
-      "button_idle": "Reinstall",
-      "button_processing": "Reinstalling",
-      "desc": "Are you sure you want to reinstall {{artifact}} {{version}}?",
-      "title": "Reinstall {{artifact}}"
-    },
-    "update": {
-      "button_idle": "Update",
-      "button_processing": "Updating",
-      "desc": "Are you sure you want to update {{artifact}} {{version}}?",
-      "title": "Update {{artifact}}"
-    }
-  },
-  "PluginListIndex": {
-    "no_plugin": "No plugins installed!",
-    "plugin_actions": "Plugin Actions",
-    "reinstall": "Reinstall",
-    "reload": "Reload",
-    "uninstall": "Uninstall",
-    "update_to": "Update to {{name}}"
-  },
-  "PluginLoader": {
-    "decky_title": "Decky",
-    "decky_update_available": "Update to {{tag_name}} available!",
-    "error": "Error",
-    "plugin_error_uninstall": "Please go to {{-icon}} in the Decky menu if you need to uninstall this plugin.",
-    "plugin_load_error": {
-      "message": "Error loading plugin {{name}}",
-      "toast": "Error loading {{name}}"
-    },
-    "plugin_uninstall": {
-      "button": "Uninstall",
-      "desc": "Are you sure you want to uninstall {{name}}?",
-      "title": "Uninstall {{name}}"
-    },
-    "plugin_update_one": "Updates available for 1 plugin!",
-    "plugin_update_other": "Updates available for {{count}} plugins!"
-  },
-  "RemoteDebugging": {
-    "remote_cef": {
-      "desc": "Allow unauthenticated access to the CEF debugger to anyone in your network",
-      "label": "Allow Remote CEF Debugging"
-    }
-  },
-  "SettingsDeveloperIndex": {
-    "header_other": "Other",
-    "react_devtools": {
-      "desc": "Enables connection to a computer running React DevTools. Changing this setting will reload Steam. Set the IP address before enabling.",
-      "ip_label": "IP",
-      "label": "Enable React DevTools"
-    },
-    "third_party_plugins": {
-      "button_install": "Install",
-      "button_zip": "Browse",
-      "header": "Third-Party Plugins",
-      "label_desc": "URL",
-      "label_url": "Install Plugin from URL",
-      "label_zip": "Install Plugin from ZIP File"
-    },
-    "toast_zip": {
-      "body": "Installation failed! Only ZIP files are supported.",
-      "title": "Decky"
-    },
-    "valve_internal": {
-      "desc1": "Enables the Valve internal developer menu.",
-      "desc2": "Do not touch anything in this menu unless you know what it does.",
-      "label": "Enable Valve Internal"
-    }
-  },
-  "SettingsGeneralIndex": {
-    "about": {
-      "decky_version": "Decky Version",
-      "header": "About"
-    },
-    "beta": {
-      "header": "Beta participation"
-    },
-    "developer_mode": {
-      "desc": "Enables Decky's developer settings.",
-      "label": "Developer mode"
-    },
-    "other": {
-      "header": "Other"
-    },
-    "updates": {
-      "header": "Updates"
-    }
-  },
-  "SettingsIndex": {
-    "developer_title": "Developer",
-    "general_title": "General",
-    "navbar_settings": "Decky Settings",
-    "plugins_title": "Plugins"
-  },
-  "Store": {
-    "store_contrib": {
-      "desc": "If you would like to contribute to the Decky Plugin Store, check the SteamDeckHomebrew/decky-plugin-template repository on GitHub. Information on development and distribution is available in the README.",
-      "label": "Contributing"
-    },
-    "store_filter": {
-      "label": "Filter",
-      "label_def": "All"
-    },
-    "store_search": {
-      "label": "Search"
-    },
-    "store_sort": {
-      "label": "Sort",
-      "label_def": "Last Updated (Newest)"
-    },
-    "store_source": {
-      "desc": "All plugin source code is available on SteamDeckHomebrew/decky-plugin-database repository on GitHub.",
-      "label": "Source Code"
-    },
-    "store_tabs": {
-      "about": "About",
-      "alph_asce": "Alphabetical (Z to A)",
-      "alph_desc": "Alphabetical (A to Z)",
-      "title": "Browse"
-    },
-    "store_testing_cta": "Please consider testing new plugins to help the Decky Loader team!"
-  },
-  "StoreSelect": {
-    "custom_store": {
-      "label": "Custom Store",
-      "url_label": "URL"
-    },
-    "store_channel": {
-      "custom": "Custom",
-      "default": "Default",
-      "label": "Store Channel",
-      "testing": "Testing"
-    }
-  },
-  "Updater": {
-    "decky_updates": "Decky Updates",
-    "no_patch_notes_desc": "no patch notes for this version",
-    "patch_notes_desc": "Patch Notes",
-    "updates": {
-      "check_button": "Check For Updates",
-      "checking": "Checking",
-      "cur_version": "Current version: {{ver}}",
-      "install_button": "Install Update",
-      "label": "Updates",
-      "lat_version": "Up to date: running {{ver}}",
-      "reloading": "Reloading",
-      "updating": "Updating"
-    }
-  }
 }

backend/locales/es-ES.json

@@ -0,0 +1,218 @@
+{
+    "SettingsDeveloperIndex": {
+        "third_party_plugins": {
+            "button_install": "Instalar",
+            "button_zip": "Navegar",
+            "label_desc": "URL",
+            "label_url": "Instalar plugin desde URL",
+            "label_zip": "Instalar plugin desde archivo ZIP",
+            "header": "Plugins de terceros"
+        },
+        "valve_internal": {
+            "desc2": "No toques nada en este menú a menos que sepas lo que haces.",
+            "label": "Activar menú interno de Valve",
+            "desc1": "Activa el menú interno de desarrollo de Valve."
+        },
+        "toast_zip": {
+            "title": "Decky",
+            "body": "¡Ha fallado la instalación! Solo se permiten archivos ZIP."
+        },
+        "cef_console": {
+            "button": "Abrir consola",
+            "label": "Consola CEF",
+            "desc": "Abre la consola del CEF. Solamente es útil para propósitos de depuración. Las cosas que hagas aquí pueden ser potencialmente peligrosas y solo se debería usar si eres un desarrollador de plugins, o uno te ha dirigido aquí."
+        },
+        "react_devtools": {
+            "ip_label": "IP",
+            "label": "Activar DevTools de React",
+            "desc": "Permite la conexión a un ordenador ejecutando las DevTools de React. Cambiar este ajuste recargará Steam. Configura la dirección IP antes de activarlo."
+        },
+        "header": "Otros"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "Instalar",
+            "button_processing": "Instalando",
+            "title": "Instalar {{artifact}}",
+            "desc": "¿Estás seguro de que quieres instalar {{artifact}} {{version}}?"
+        },
+        "reinstall": {
+            "button_idle": "Reinstalar",
+            "button_processing": "Reinstalando",
+            "desc": "¿Estás seguro de que quieres reinstalar {{artifact}} {{version}}?",
+            "title": "Reinstalar {{artifact}}"
+        },
+        "update": {
+            "button_processing": "Actualizando",
+            "button_idle": "Actualizar",
+            "desc": "¿Estás seguro de que quieres actualizar {{artifact}} {{version}}?",
+            "title": "Actualizar {{artifact}}"
+        },
+        "no_hash": "Este plugin no tiene un hash, lo estás instalando bajo tu propia responsabilidad."
+    },
+    "Developer": {
+        "disabling": "Desactivando DevTools de React",
+        "enabling": "Activando DevTools de React",
+        "5secreload": "Recargando en 5 segundos"
+    },
+    "BranchSelect": {
+        "update_channel": {
+            "prerelease": "Prelanzamiento",
+            "stable": "Estable",
+            "label": "Canal de actualización",
+            "testing": "Pruebas"
+        }
+    },
+    "PluginCard": {
+        "plugin_full_access": "Este plugin tiene acceso completo a su Steam Deck.",
+        "plugin_install": "Instalar",
+        "plugin_version_label": "Versión de Plugin",
+        "plugin_no_desc": "No se proporcionó una descripción."
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "Usar esta carpeta"
+        }
+    },
+    "PluginListIndex": {
+        "uninstall": "Desinstalar",
+        "reinstall": "Reinstalar",
+        "reload": "Recargar",
+        "plugin_actions": "Acciones de plugin",
+        "no_plugin": "¡No hay plugins instalados!",
+        "update_all_one": "Actualizar 1 plugin",
+        "update_all_many": "Actualizar {{count}} plugins",
+        "update_all_other": "Actualizar {{count}} plugins",
+        "update_to": "Actualizar a {{name}}"
+    },
+    "PluginLoader": {
+        "error": "Error",
+        "plugin_uninstall": {
+            "button": "Desinstalar",
+            "desc": "¿Estás seguro de que quieres desinstalar {{name}}?",
+            "title": "Desinstalar {{name}}"
+        },
+        "decky_title": "Decky",
+        "plugin_update_one": "¡Actualización disponible para 1 plugin!",
+        "plugin_update_many": "¡Actualizaciones disponibles para {{count}} plugins!",
+        "plugin_update_other": "¡Actualizaciones disponibles para {{count}} plugins!",
+        "decky_update_available": "¡Actualización {{tag_name}} disponible!",
+        "plugin_load_error": {
+            "message": "Se ha producido un error al cargar el plugin {{name}}",
+            "toast": "Se ha producido un error al cargar {{name}}"
+        },
+        "plugin_error_uninstall": "Al cargar {{name}} se ha producido una excepción como se muestra arriba. Esto suele significar que el plugin requiere una actualización para la nueva versión de SteamUI. Comprueba si hay una actualización disponible o valora eliminarlo en los ajustes de Decky, en la sección Plugins."
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "desc": "Permitir acceso no autenticado al CEF debugger a cualquier persona en su red",
+            "label": "Permitir depuración remota del CEF"
+        }
+    },
+    "SettingsGeneralIndex": {
+        "updates": {
+            "header": "Actualizaciones"
+        },
+        "about": {
+            "header": "Acerca de",
+            "decky_version": "Versión de Decky"
+        },
+        "developer_mode": {
+            "label": "Modo desarrollador",
+            "desc": "Activa los ajustes de desarrollador de Decky."
+        },
+        "beta": {
+            "header": "Participación en la beta"
+        },
+        "other": {
+            "header": "Otros"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "Desarrollador",
+        "general_title": "General",
+        "navbar_settings": "Ajustes de Decky",
+        "plugins_title": "Plugins"
+    },
+    "Store": {
+        "store_search": {
+            "label": "Buscar"
+        },
+        "store_sort": {
+            "label": "Ordenar",
+            "label_def": "Actualizado por última vez (Nuevos)"
+        },
+        "store_contrib": {
+            "desc": "Si desea contribuir a la tienda de plugins de Decky, mira el repositorio SteamDeckHomebrew/decky-plugin-template en GitHub. Hay información acerca del desarrollo y distribución en el archivo README.",
+            "label": "Contribuyendo"
+        },
+        "store_tabs": {
+            "about": "Información",
+            "title": "Navegar",
+            "alph_asce": "Alfabéticamente (Z-A)",
+            "alph_desc": "Alfabéticamente (A-Z)"
+        },
+        "store_testing_cta": "¡Por favor considera probar plugins nuevos para ayudar al equipo de Decky Loader!",
+        "store_source": {
+            "desc": "El código fuente de los plugins está disponible en el repositiorio SteamDeckHomebrew/decky-plugin-database en GitHub.",
+            "label": "Código fuente"
+        },
+        "store_filter": {
+            "label_def": "Todos",
+            "label": "Filtrar"
+        }
+    },
+    "Updater": {
+        "updates": {
+            "reloading": "Recargando",
+            "updating": "Actualizando",
+            "checking": "Buscando",
+            "check_button": "Buscar actualizaciones",
+            "install_button": "Instalar actualización",
+            "label": "Actualizaciones",
+            "lat_version": "Actualizado: ejecutando {{ver}}",
+            "cur_version": "Versión actual: {{ver}}"
+        },
+        "decky_updates": "Actualizaciones de Decky",
+        "no_patch_notes_desc": "No hay notas de parche para esta versión",
+        "patch_notes_desc": "Notas de parche"
+    },
+    "MultiplePluginsInstallModal": {
+        "title": {
+            "reinstall_one": "Reinstalar 1 plugin",
+            "reinstall_many": "Reinstalar {{count}} plugins",
+            "reinstall_other": "Reinstalar {{count}} plugins",
+            "update_one": "Actualizar 1 plugin",
+            "update_many": "Actualizar {{count}} plugins",
+            "update_other": "Actualizar {{count}} plugins",
+            "mixed_one": "Modificar 1 plugin",
+            "mixed_many": "Modificar {{count}} plugins",
+            "mixed_other": "Modificar {{count}} plugins",
+            "install_one": "Instalar 1 plugin",
+            "install_many": "Instalar {{count}} plugins",
+            "install_other": "Instalar {{count}} plugins"
+        },
+        "ok_button": {
+            "idle": "Confirmar",
+            "loading": "Trabajando"
+        },
+        "confirm": "¿Estás seguro de que quieres hacer las siguientes modificaciones?",
+        "description": {
+            "install": "Instalar {{name}} {{version}}",
+            "update": "Actualizar {{name}} a {{version}}",
+            "reinstall": "Reinstalar {{name}} {{version}}"
+        }
+    },
+    "StoreSelect": {
+        "custom_store": {
+            "url_label": "URL",
+            "label": "Tienda personalizada"
+        },
+        "store_channel": {
+            "custom": "Personalizada",
+            "default": "Por defecto",
+            "label": "Canál de la tienda",
+            "testing": "Pruebas"
+        }
+    }
+}

backend/locales/fr-FR.json

@@ -0,0 +1,183 @@
+{
+    "SettingsDeveloperIndex": {
+        "react_devtools": {
+            "desc": "Permet la connexion à un ordinateur exécutant React DevTools. Changer ce paramètre rechargera Steam. Définissez l'adresse IP avant l'activation.",
+            "ip_label": "IP",
+            "label": "Activer React DevTools"
+        },
+        "third_party_plugins": {
+            "button_install": "Installer",
+            "button_zip": "Parcourir",
+            "header": "Plugins tiers",
+            "label_desc": "URL",
+            "label_url": "Installer le plugin à partir d'un URL",
+            "label_zip": "Installer le plugin à partir d'un fichier ZIP"
+        },
+        "toast_zip": {
+            "body": "Échec de l'installation! Seuls les fichiers ZIP sont pris en charge.",
+            "title": "Decky"
+        },
+        "valve_internal": {
+            "desc1": "Active le menu développeur interne de Valve.",
+            "desc2": "Ne touchez à rien dans ce menu à moins que vous ne sachiez ce qu'il fait.",
+            "label": "Activer Valve Internal"
+        }
+    },
+    "BranchSelect": {
+        "update_channel": {
+            "prerelease": "Avant-première",
+            "label": "Canal de mise à jour",
+            "stable": "Stable",
+            "testing": "Test"
+        }
+    },
+    "StoreSelect": {
+        "store_channel": {
+            "label": "Canal du Plugin Store",
+            "testing": "Test",
+            "custom": "Personnalisé",
+            "default": "Par défaut"
+        },
+        "custom_store": {
+            "label": "Plugin Store personnalisé",
+            "url_label": "URL"
+        }
+    },
+    "Updater": {
+        "decky_updates": "Mises à jour de Decky",
+        "no_patch_notes_desc": "pas de notes de mise à jour pour cette version",
+        "patch_notes_desc": "Notes de mise à jour",
+        "updates": {
+            "check_button": "Chercher les mises à jour",
+            "checking": "Recherche",
+            "cur_version": "Version actuelle: {{ver}}",
+            "install_button": "Installer la mise à jour",
+            "label": "Mises à jour",
+            "lat_version": "À jour: version {{ver}}",
+            "reloading": "Rechargement",
+            "updating": "Mise à jour en cours"
+        }
+    },
+    "Developer": {
+        "5secreload": "Rechargement dans 5 secondes",
+        "disabling": "Désactivation",
+        "enabling": "Activation"
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "Utiliser ce dossier"
+        }
+    },
+    "PluginCard": {
+        "plugin_full_access": "Ce plugin a un accès complet à votre Steam Deck.",
+        "plugin_install": "Installer",
+        "plugin_no_desc": "Aucune description fournie.",
+        "plugin_version_label": "Version du plugin"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "Installer",
+            "button_processing": "Installation en cours",
+            "title": "Installer {{artifact}}",
+            "desc": "Êtes-vous sûr de vouloir installer {{artifact}} {{version}} ?"
+        },
+        "no_hash": "Ce plugin n'a pas de somme de contrôle, vous l'installez à vos risques et périls.",
+        "reinstall": {
+            "button_idle": "Réinstaller",
+            "button_processing": "Réinstallation en cours",
+            "desc": "Êtes-vous sûr de vouloir réinstaller {{artifact}} {{version}} ?",
+            "title": "Réinstaller {{artifact}}"
+        },
+        "update": {
+            "button_idle": "Mettre à jour",
+            "button_processing": "Mise à jour",
+            "title": "Mettre à jour {{artifact}}",
+            "desc": "Êtes-vous sûr de vouloir mettre à jour {{artifact}} {{version}} ?"
+        }
+    },
+    "PluginListIndex": {
+        "plugin_actions": "Plugin Actions",
+        "reinstall": "Réinstaller",
+        "reload": "Recharger",
+        "uninstall": "Désinstaller",
+        "update_to": "Mettre à jour vers {{name}}",
+        "no_plugin": "Aucun plugin installé !"
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "error": "Erreur",
+        "plugin_error_uninstall": "Allez sur <0></0> dans le menu de Decky si vous voulez désinstaller ce plugin.",
+        "plugin_load_error": {
+            "message": "Erreur lors du chargement du plugin {{name}}",
+            "toast": "Erreur lors du chargement de {{name}}"
+        },
+        "decky_update_available": "Mise à jour vers {{tag_name}} disponible !",
+        "plugin_uninstall": {
+            "button": "Désinstaller",
+            "title": "Désinstaller {{name}}",
+            "desc": "Êtes-vous sûr.e de vouloir désinstaller {{name}} ?"
+        },
+        "plugin_update_one": "",
+        "plugin_update_many": "",
+        "plugin_update_other": ""
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "desc": "Autoriser l'accès non authentifié au débogueur CEF à toute personne de votre réseau",
+            "label": "Autoriser le débogage CEF à distance"
+        }
+    },
+    "SettingsGeneralIndex": {
+        "about": {
+            "decky_version": "Version de Decky",
+            "header": "À propos"
+        },
+        "beta": {
+            "header": "Participation à la Bêta"
+        },
+        "developer_mode": {
+            "desc": "Active les paramètres de développeur de Decky.",
+            "label": "Mode développeur"
+        },
+        "other": {
+            "header": "Autre"
+        },
+        "updates": {
+            "header": "Mises à jour"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "Développeur",
+        "general_title": "Général",
+        "navbar_settings": "Paramètres de Decky",
+        "plugins_title": "Plugins"
+    },
+    "Store": {
+        "store_contrib": {
+            "desc": "Si vous souhaitez contribuer au Decky Plugin Store, consultez le dépôt SteamDeckHomebrew/decky-plugin-template sur GitHub. Des informations sur le développement et la distribution sont disponibles dans le fichier README.",
+            "label": "Contributions"
+        },
+        "store_filter": {
+            "label": "Filtrer",
+            "label_def": "Tous"
+        },
+        "store_search": {
+            "label": "Rechercher"
+        },
+        "store_sort": {
+            "label": "Trier",
+            "label_def": "Mises à jour (Plus récentes)"
+        },
+        "store_source": {
+            "desc": "Tout le code source des plugins est disponible sur le dépôt SteamDeckHomebrew/decky-plugin-database sur GitHub.",
+            "label": "Code Source"
+        },
+        "store_tabs": {
+            "about": "À propos",
+            "alph_asce": "Alphabétique (Z à A)",
+            "alph_desc": "Alphabétique (A à Z)",
+            "title": "Explorer"
+        },
+        "store_testing_cta": "Pensez à tester de nouveaux plugins pour aider l'équipe Decky Loader !"
+    }
+}

backend/locales/it-IT.json

@@ -1,184 +1,228 @@
 {
-  "BranchSelect": {
-    "update_channel": {
-      "label": "Canale di aggiornamento",
-      "prerelease": "Prerilascio",
-      "stable": "Stabile",
-      "testing": "In prova"
+    "BranchSelect": {
+        "update_channel": {
+            "label": "Canale di aggiornamento",
+            "prerelease": "Prerilascio",
+            "stable": "Stabile",
+            "testing": "In prova"
+        }
+    },
+    "Developer": {
+        "5secreload": "Ricarico in 5 secondi",
+        "disabling": "Disabilito i tools di React",
+        "enabling": "Abilito i tools di React"
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "Usa questa cartella"
+        }
+    },
+    "PluginCard": {
+        "plugin_full_access": "Questo plugin ha accesso completo al tuo Steam Deck.",
+        "plugin_install": "Installa",
+        "plugin_no_desc": "Nessuna descrizione fornita.",
+        "plugin_version_label": "Versione Plugin"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "Installa",
+            "button_processing": "Installando",
+            "desc": "Sei sicuro di voler installare {{artifact}} {{version}}?",
+            "title": "Installa {{artifact}}"
+        },
+        "no_hash": "Questo plugin non ha un hash associato, lo stai installando a tuo rischio e pericolo.",
+        "reinstall": {
+            "button_idle": "Reinstalla",
+            "button_processing": "Reinstallando",
+            "desc": "Sei sicuro di voler reinstallare {{artifact}} {{version}}?",
+            "title": "Reinstalla {{artifact}}"
+        },
+        "update": {
+            "button_idle": "Aggiorna",
+            "button_processing": "Aggiornando",
+            "desc": "Sei sicuro di voler aggiornare {{artifact}} {{version}}?",
+            "title": "Aggiorna {{artifact}}"
+        }
+    },
+    "PluginListIndex": {
+        "no_plugin": "Nessun plugin installato!",
+        "plugin_actions": "Operazioni sui plugins",
+        "reinstall": "Reinstalla",
+        "reload": "Ricarica",
+        "uninstall": "Rimuovi",
+        "update_to": "Aggiorna a {{name}}",
+        "update_all_one": "Aggiorna un plugin",
+        "update_all_many": "Aggiorna {{count}} plugins",
+        "update_all_other": "Aggiorna {{count}} plugins",
+        "show": "Accesso rapido: Mostra",
+        "hide": "Accesso rapido: Nascondi"
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "decky_update_available": "Disponibile aggiornamento a {{tag_name}}!",
+        "error": "Errore",
+        "plugin_error_uninstall": "Il plugin {{name}} ha causato un'eccezione che è descritta sopra. Questo tipicamente significa che il plugin deve essere aggiornato per funzionare sulla nuova versione di SteamUI. Controlla se è disponibile un aggiornamento o valutane la rimozione andando nelle impostazioni di Decky nella sezione Plugins.",
+        "plugin_load_error": {
+            "message": "Errore caricando il plugin {{name}}",
+            "toast": "Errore caricando {{name}}"
+        },
+        "plugin_uninstall": {
+            "button": "Rimuovi",
+            "desc": "Sei sicuro di voler rimuovere {{name}}?",
+            "title": "Rimuovi {{name}}"
+        },
+        "plugin_update_one": "Aggiornamento disponibile per 1 plugin!",
+        "plugin_update_many": "Aggiornamenti disponibili per {{count}} plugins!",
+        "plugin_update_other": "Aggiornamenti disponibili per {{count}} plugins!"
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "desc": "Permetti l'accesso non autenticato al debugger di CEF da tutti gli indirizzi sulla tua rete locale",
+            "label": "Permetti il debug remoto di CEF"
+        }
+    },
+    "SettingsDeveloperIndex": {
+        "header": "Altro",
+        "react_devtools": {
+            "desc": "Abilita la connessione ad un computer che esegue i DevTools di React. Cambiando questa impostazione ricaricherà Steam. Imposta l'indirizzo IP prima di abilitarlo.",
+            "ip_label": "IP",
+            "label": "Abilita i DevTools di React"
+        },
+        "third_party_plugins": {
+            "button_install": "Installa",
+            "button_zip": "Seleziona",
+            "header": "Plugin di terze parti",
+            "label_desc": "URL",
+            "label_url": "Installa plugin da un'indirizzo web",
+            "label_zip": "Installa plugin da un file ZIP"
+        },
+        "toast_zip": {
+            "body": "Installazione non riuscita! Solo supportati solo file ZIP.",
+            "title": "Decky"
+        },
+        "valve_internal": {
+            "desc1": "Abilita il menu di sviluppo interno di Valve.",
+            "desc2": "Non toccare nulla in questo menu se non sai quello che fa.",
+            "label": "Abilita Menu Sviluppatore"
+        },
+        "cef_console": {
+            "label": "Console CEF",
+            "button": "Apri la console",
+            "desc": "Apri la console di CEF. Utile solamente per ragioni di debug. Questa opzione deve essere usata solo se sei uno sviluppatore di plugin o se uno di questi ti ha chiesto di farlo, visto che questa feature potrebbe essere potenzialmente pericolosa."
+        }
+    },
+    "SettingsGeneralIndex": {
+        "about": {
+            "decky_version": "Versione di Decky",
+            "header": "Riguardo a"
+        },
+        "beta": {
+            "header": "Partecipazione alla beta"
+        },
+        "developer_mode": {
+            "desc": "Abilità le impostazioni di sviluppo di Decky.",
+            "label": "Modalità sviluppatore"
+        },
+        "other": {
+            "header": "Altro"
+        },
+        "updates": {
+            "header": "Aggiornamenti"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "Sviluppatore",
+        "general_title": "Generali",
+        "navbar_settings": "Impostazioni Decky",
+        "plugins_title": "Plugins"
+    },
+    "Store": {
+        "store_contrib": {
+            "desc": "Se desideri contribuire allo store di Decky, puoi trovare un template caricato su GitHub all'indirizzo SteamDeckHomebrew/decky-plugin-template. Informazioni riguardo sviluppo e distribuzione sono disponibili nel README.",
+            "label": "Contribuisci"
+        },
+        "store_filter": {
+            "label": "Filtra",
+            "label_def": "Tutto"
+        },
+        "store_search": {
+            "label": "Cerca"
+        },
+        "store_sort": {
+            "label": "Ordina",
+            "label_def": "Ultimo aggiornato (Più recente)"
+        },
+        "store_source": {
+            "desc": "Tutto il codice sorgente dei plugin è disponibile su GitHub all'indirizzo SteamDeckHomebrew/decky-plugin-database.",
+            "label": "Codice Sorgente"
+        },
+        "store_tabs": {
+            "about": "Riguardo a",
+            "alph_asce": "Alfabetico (Z a A)",
+            "alph_desc": "Alfabetico (A a Z)",
+            "title": "Sfoglia"
+        },
+        "store_testing_cta": "Valuta la possibilità di testare nuovi plugin per aiutare il team di Decky Loader!"
+    },
+    "StoreSelect": {
+        "custom_store": {
+            "label": "Negozio custom",
+            "url_label": "URL"
+        },
+        "store_channel": {
+            "custom": "Personalizzato",
+            "default": "Default",
+            "label": "Canale del negozio",
+            "testing": "In prova"
+        }
+    },
+    "Updater": {
+        "decky_updates": "Aggiornamento di Decky",
+        "no_patch_notes_desc": "nessuna patch notes per questa versione",
+        "patch_notes_desc": "Cambiamenti",
+        "updates": {
+            "check_button": "Cerca aggiornamenti",
+            "checking": "Controllando",
+            "cur_version": "Versione attuale: {{ver}}",
+            "install_button": "Installa aggiornamento",
+            "label": "Aggiornamenti",
+            "lat_version": "Aggiornato. Eseguendo {{ver}}",
+            "reloading": "Ricaricando",
+            "updating": "Aggiornando"
+        }
+    },
+    "MultiplePluginsInstallModal": {
+        "title": {
+            "mixed_one": "Modifica un plugin",
+            "mixed_many": "Modifica {{count}} plugins",
+            "mixed_other": "Modifica {{count}} plugins",
+            "update_one": "Aggiorna un plugin",
+            "update_many": "Aggiorna {{count}} plugins",
+            "update_other": "Aggiorna {{count}} plugins",
+            "reinstall_one": "Reinstalla un plugin",
+            "reinstall_many": "Reinstalla {{count}} plugins",
+            "reinstall_other": "Reinstalla {{count}} plugins",
+            "install_one": "Installa un plugin",
+            "install_many": "Installa {{count}} plugins",
+            "install_other": "Installa {{count}} plugins"
+        },
+        "confirm": "Sei sicuro di voler effettuare le modifiche seguenti?",
+        "ok_button": {
+            "idle": "Conferma",
+            "loading": "Elaboro"
+        },
+        "description": {
+            "install": "Installa {{name}} {{version}}",
+            "update": "Aggiorna {{name}} alla versione {{version}}",
+            "reinstall": "Reinstalla {{name}} {{version}}"
+        }
+    },
+    "PluginView": {
+        "hidden_one": "Un plugin è nascosto in questa lista",
+        "hidden_many": "Sono nascosti {{count}} plugin da questa lista",
+        "hidden_other": "Sono nascosti {{count}} plugin da questa lista"
+    },
+    "PluginListLabel": {
+        "hidden": "Nascosti dal menu di accesso rapido"
     }
-  },
-  "Developer": {
-    "5secreload": "Ricaricando in 5 secondi",
-    "disabling": "Disabilitando",
-    "enabling": "Abilitando"
-  },
-  "FilePickerIndex": {
-    "folder": {
-      "select": "Usa questa cartella"
-    }
-  },
-  "PluginCard": {
-    "plugin_full_access": "Questo plugin ha accesso completo al tuo Steam Deck.",
-    "plugin_install": "Installa",
-    "plugin_no_desc": "Nessuna descrizione fornita.",
-    "plugin_version_label": "Versione Plugin"
-  },
-  "PluginInstallModal": {
-    "install": {
-      "button_idle": "Installa",
-      "button_processing": "Installando",
-      "desc": "Sei sicuro di voler installare {{artifact}} {{version}}?",
-      "title": "Installa {{artifact}}"
-    },
-    "no_hash": "Questo plugin non ha un hash associato, lo stai installando a tuo rischio e pericolo.",
-    "reinstall": {
-      "button_idle": "Reinstalla",
-      "button_processing": "Reinstallando",
-      "desc": "Sei sicuro di voler reinstallare {{artifact}} {{version}}?",
-      "title": "Reinstalla {{artifact}}"
-    },
-    "update": {
-      "button_idle": "Aggiorna",
-      "button_processing": "Aggiornando",
-      "desc": "Sei sicuro di voler aggiornare {{artifact}} {{version}}?",
-      "title": "Aggiorna {{artifact}}"
-    }
-  },
-  "PluginListIndex": {
-    "no_plugin": "Nessun plugin installato!",
-    "plugin_actions": "Operazioni sui plugins",
-    "reinstall": "Reinstalla",
-    "reload": "Ricarica",
-    "uninstall": "Rimuovi",
-    "update_to": "Aggiorna a {{name}}"
-  },
-  "PluginLoader": {
-    "decky_title": "Decky",
-    "decky_update_available": "Disponibile aggiornamento a {{tag_name}}!",
-    "error": "Errore",
-    "plugin_error_uninstall": "Per rimuovere questo plugin vai su {{-icon}} nel menu di Decky.",
-    "plugin_load_error": {
-      "message": "Errore caricando il plugin {{name}}",
-      "toast": "Errore caricando {{name}}"
-    },
-    "plugin_uninstall": {
-      "button": "Rimuovi",
-      "desc": "Sei sicuro di voler rimuovere {{name}}?",
-      "title": "Rimuovi {{name}}"
-    },
-    "plugin_update_one": "Aggiornamento disponibile per un plugin!",
-    "plugin_update_many": "Aggiornamento disponibile per {{count}} plugins!",
-    "plugin_update_other": "Aggiornamento disponibile per {{count}} plugins!"
-  },
-  "RemoteDebugging": {
-    "remote_cef": {
-      "desc": "Permetti l'accesso non autenticato al debugger di CEF da tutti gli indirizzi sulla tua rete locale.",
-      "label": "Permetti il debug remoto di CEF"
-    }
-  },
-  "SettingsDeveloperIndex": {
-    "header_other": "Altro",
-    "react_devtools": {
-      "desc": "Abilita la connessione ad un computer che esegue i DevTools di React. Cambiando questa impostazione ricaricherà Steam. Imposta l'indirizzo IP prima di abilitarlo.",
-      "ip_label": "IP",
-      "label": "Abilita i DevTools di React"
-    },
-    "third_party_plugins": {
-      "button_install": "Installa",
-      "button_zip": "Seleziona",
-      "header": "Plugin di terze parti",
-      "label_desc": "URL",
-      "label_url": "Installa plugin da un'indirizzo web",
-      "label_zip": "Installa plugin da un file ZIP"
-    },
-    "toast_zip": {
-      "body": "Installazione non riuscita, solo i file ZIP sono supportati!",
-      "title": "Decky"
-    },
-    "valve_internal": {
-      "desc1": "Abilita il menu di sviluppo interno di Valve.",
-      "desc2": "Non toccare nulla in questo menu se non sai quello che fa.",
-      "label": "Abilita Menu Sviluppatore"
-    }
-  },
-  "SettingsGeneralIndex": {
-    "about": {
-      "decky_version": "Versione di Decky",
-      "header": "Riguardo a"
-    },
-    "beta": {
-      "header": "Partecipazione alla beta"
-    },
-    "developer_mode": {
-      "desc": "Abilità le impostazioni di sviluppo di Decky.",
-      "label": "Modalità sviluppatore"
-    },
-    "other": {
-      "header": "Altro"
-    },
-    "updates": {
-      "header": "Aggiornamenti"
-    }
-  },
-  "SettingsIndex": {
-    "developer_title": "Sviluppatore",
-    "general_title": "Generali",
-    "navbar_settings": "Impostazioni Decky",
-    "plugins_title": "Plugins"
-  },
-  "Store": {
-    "store_contrib": {
-      "desc": "Se desideri contribuire allo store di Decky, puoi trovare un template caricato su GitHub all'indirizzo SteamDeckHomebrew/decky-plugin-template. Informazioni riguardo sviluppo e distribuzione sono disponibili nel README.",
-      "label": "Contribuisci"
-    },
-    "store_filter": {
-      "label": "Filtra",
-      "label_def": "Tutto"
-    },
-    "store_search": {
-      "label": "Cerca"
-    },
-    "store_sort": {
-      "label": "Ordina",
-      "label_def": "Ultimo aggiornato (Più recente)"
-    },
-    "store_source": {
-      "desc": "Tutto il codice sorgente dei plugin è disponibile su GitHub all'indirizzo SteamDeckHomebrew/decky-plugin-database",
-      "label": "Codice Sorgente"
-    },
-    "store_tabs": {
-      "about": "Riguardo a",
-      "alph_asce": "Alfabetico (Z a A)",
-      "alph_desc": "Alfabetico (A a Z)",
-      "title": "Sfoglia"
-    },
-    "store_testing_cta": "Valuta la possibilità di testare nuovi plugin per aiutare il team di Decky Loader!"
-  },
-  "StoreSelect": {
-    "custom_store": {
-      "label": "Negozio custom",
-      "url_label": "URL"
-    },
-    "store_channel": {
-      "custom": "Personalizzato",
-      "default": "Default",
-      "label": "Canale del negozio",
-      "testing": "In prova"
-    }
-  },
-  "Updater": {
-    "decky_updates": "Aggiornamento di Decky",
-    "no_patch_notes_desc": "nessuna patch notes per questa versione",
-    "patch_notes_desc": "Cambiamenti",
-    "updates": {
-      "check_button": "Cerca aggiornamenti",
-      "checking": "Controllando",
-      "cur_version": "Versione attuale: {{ver}}",
-      "install_button": "Installa aggiornamento",
-      "label": "Aggiornamenti",
-      "lat_version": "Aggiornato. Eseguendo {{ver}}",
-      "reloading": "Ricaricando",
-      "updating": "Aggiornando"
-    }
-  }
 }

backend/locales/sq-AL.json

@@ -0,0 +1,115 @@
+{
+    "SettingsDeveloperIndex": {
+        "react_devtools": {
+            "ip_label": "IP",
+            "label": "Aktivizo React DevTools"
+        },
+        "third_party_plugins": {
+            "button_zip": "Kërko",
+            "header": "Shtesa të Huaj",
+            "button_install": "Instalo",
+            "label_desc": "URL",
+            "label_url": "Instalo Shtes Nga URL",
+            "label_zip": "Instalo Shtes Nga ZIP"
+        },
+        "toast_zip": {
+            "title": "Decky"
+        }
+    },
+    "BranchSelect": {
+        "update_channel": {
+            "stable": "Fiksuar",
+            "label": "Kanali Përditësimet"
+        }
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "Përdore këtë folder"
+        }
+    },
+    "PluginCard": {
+        "plugin_install": "Instalo",
+        "plugin_version_label": "Versioni Shteses"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "Instalo",
+            "button_processing": "Instalohet",
+            "desc": "Je i sigurt që don ta instalojsh {{artifact}} {{version}}?",
+            "title": "Instalo {{artifact}}"
+        },
+        "no_hash": "Ky shtesë nuk ka hash, ti e instalon me rrezikun tuaj.",
+        "reinstall": {
+            "button_idle": "Riinstalo",
+            "button_processing": "Riinstalohet",
+            "desc": "Je i sigurt a don ta riinstalojsh {{artifact}} {{version}}?",
+            "title": "Riinstalo {{artifact}}"
+        },
+        "update": {
+            "button_processing": "Përditësohet",
+            "desc": "Je i sigurt a don ta përditësojsh {{artifact}} {{version}}?",
+            "title": "Përditëso {{artifact}}"
+        }
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "plugin_uninstall": {
+            "title": "Çinstalo {{name}}",
+            "button": "Çinstalo",
+            "desc": "Je i sigurt që don ta çinstalojsh {{name}}?"
+        },
+        "error": "Gabim",
+        "plugin_error_uninstall": "Ju lutem shko nga <0></0> në Decky menu nëse don ta çinstalojsh këtë shtese."
+    },
+    "PluginListIndex": {
+        "no_plugin": "Nuk ka shtesa të instaluar!",
+        "uninstall": "Çinstalo"
+    },
+    "SettingsGeneralIndex": {
+        "other": {
+            "header": "Të Tjera"
+        },
+        "about": {
+            "decky_version": "Versioni Decky"
+        },
+        "updates": {
+            "header": "Përmirësimet"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "Zhvillues",
+        "general_title": "Gjeneral",
+        "navbar_settings": "Cilësimet Decky"
+    },
+    "Store": {
+        "store_sort": {
+            "label": "Rendit"
+        },
+        "store_tabs": {
+            "title": "Kërko"
+        },
+        "store_contrib": {
+            "label": "Kontributi"
+        },
+        "store_filter": {
+            "label": "Filtro",
+            "label_def": "Të Gjitha"
+        },
+        "store_search": {
+            "label": "Kërko"
+        },
+        "store_source": {
+            "label": "Kodin Burimor"
+        }
+    },
+    "StoreSelect": {
+        "store_channel": {
+            "label": "Kanali Dyqanit"
+        }
+    },
+    "Updater": {
+        "updates": {
+            "cur_version": "Versioni e tanishëme: {{ver}}"
+        }
+    }
+}

backend/locales/zh-CN.json

@@ -0,0 +1,206 @@
+{
+    "BranchSelect": {
+        "update_channel": {
+            "prerelease": "发布候选",
+            "stable": "稳定",
+            "testing": "测试",
+            "label": "更新通道"
+        }
+    },
+    "Developer": {
+        "5secreload": "5 秒钟后重新加载",
+        "disabling": "正在禁用 React DevTools",
+        "enabling": "正在启用 React DevTools"
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "使用这个文件夹"
+        }
+    },
+    "PluginCard": {
+        "plugin_install": "安装",
+        "plugin_no_desc": "无描述提供。",
+        "plugin_version_label": "插件版本",
+        "plugin_full_access": "此插件可以完全访问你的 Steam Deck"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "安装",
+            "button_processing": "安装中",
+            "desc": "你确定要安装 {{artifact}} {{version}} 吗?",
+            "title": "安装 {{artifact}}"
+        },
+        "reinstall": {
+            "button_idle": "重新安装",
+            "button_processing": "正在重新安装",
+            "desc": "你确定要重新安装 {{artifact}} {{version}} 吗?",
+            "title": "重新安装 {{artifact}}"
+        },
+        "update": {
+            "button_idle": "更新",
+            "button_processing": "正在更新",
+            "desc": "你确定要更新 {{artifact}} {{version}} 吗?",
+            "title": "更新 {{artifact}}"
+        },
+        "no_hash": "此插件没有哈希校验值，你需要自行承担安装风险"
+    },
+    "PluginListIndex": {
+        "no_plugin": "没有安装插件！",
+        "plugin_actions": "插件操作",
+        "reinstall": "重新安装",
+        "reload": "重新加载",
+        "uninstall": "卸载",
+        "update_to": "更新 {{name}}",
+        "update_all_other": "更新 {{count}} 个插件"
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "error": "错误",
+        "plugin_error_uninstall": "加载 {{name}} 时引起了上述异常。这通常意味着插件需要更新以适应 SteamUI 的新版本。请检查插件是否有更新，或在 Decky 设置中的插件部分将其移除。",
+        "plugin_load_error": {
+            "message": "加载插件 {{name}} 错误",
+            "toast": "加载插件 {{name}} 发生了错误"
+        },
+        "plugin_uninstall": {
+            "button": "卸载",
+            "title": "卸载 {{name}}",
+            "desc": "你确定要卸载 {{name}} 吗?"
+        },
+        "decky_update_available": "新版本 {{tag_name}} 可用！",
+        "plugin_update_other": "{{count}} 个插件有更新！"
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "desc": "允许你网络中的任何人无需身份验证即可访问CEF调试器",
+            "label": "允许远程访问CEF调试"
+        }
+    },
+    "SettingsDeveloperIndex": {
+        "react_devtools": {
+            "ip_label": "IP",
+            "label": "启用 React DevTools",
+            "desc": "允许连接到运行着 React DevTools 的计算机，更改此设置将重新加载Steam，请在启用前设置IP地址"
+        },
+        "third_party_plugins": {
+            "button_install": "安装",
+            "button_zip": "浏览文件",
+            "header": "第三方插件",
+            "label_desc": "URL",
+            "label_url": "从 URL 安装插件",
+            "label_zip": "从 ZIP 压缩文件安装插件"
+        },
+        "toast_zip": {
+            "title": "Decky",
+            "body": "安装失败！只有 ZIP 格式的插件被支持"
+        },
+        "valve_internal": {
+            "desc1": "启用 Valve 内部开发者菜单",
+            "desc2": "除非你知道你在干什么，否则请不要修改此菜单中的任何内容",
+            "label": "启用 Valve 内部开发者"
+        },
+        "cef_console": {
+            "button": "打开控制台",
+            "label": "CEF 控制台",
+            "desc": "打开 CEF 控制台。仅在调试目的下使用。这列选项均有风险，请仅在您是插件开发者或是在插件开发者指导时访问使用。"
+        },
+        "header": "其他"
+    },
+    "SettingsGeneralIndex": {
+        "about": {
+            "decky_version": "Decky 版本",
+            "header": "关于"
+        },
+        "beta": {
+            "header": "参与测试"
+        },
+        "developer_mode": {
+            "label": "开发者模式",
+            "desc": "启用 Decky 的开发者测试"
+        },
+        "other": {
+            "header": "其他"
+        },
+        "updates": {
+            "header": "更新"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "开发者",
+        "general_title": "通用",
+        "navbar_settings": "Decky 设置",
+        "plugins_title": "插件"
+    },
+    "Store": {
+        "store_contrib": {
+            "label": "贡献",
+            "desc": "如果你想要提交你的插件到 Decky 插件商店，请访问 GitHub 上的 SteamDeckHomebrew/decky-plugin-template 存储库，关于开发和分发的相关信息，请查看 README 文件"
+        },
+        "store_filter": {
+            "label": "过滤器",
+            "label_def": "全部"
+        },
+        "store_search": {
+            "label": "搜索"
+        },
+        "store_sort": {
+            "label": "排序",
+            "label_def": "最后更新 (最新)"
+        },
+        "store_source": {
+            "label": "源代码",
+            "desc": "所有插件的源代码都可以在 GitHub 上的 SteamDeckHomebrew/decky-plugin-database 存储库中获得"
+        },
+        "store_tabs": {
+            "about": "关于",
+            "alph_asce": "字母排序 (Z 到 A)",
+            "alph_desc": "字母排序 (A 到 Z)",
+            "title": "浏览"
+        },
+        "store_testing_cta": "请考虑测试新插件以帮助 Decky Loader 团队！"
+    },
+    "StoreSelect": {
+        "store_channel": {
+            "default": "默认",
+            "label": "商店通道",
+            "testing": "测试",
+            "custom": "自定义"
+        },
+        "custom_store": {
+            "label": "自定义商店",
+            "url_label": "URL"
+        }
+    },
+    "Updater": {
+        "decky_updates": "Decky 更新",
+        "no_patch_notes_desc": "此版本没有补丁说明",
+        "patch_notes_desc": "补丁说明",
+        "updates": {
+            "check_button": "检查更新",
+            "checking": "检查中",
+            "cur_version": "当前版本: {{ver}}",
+            "install_button": "安装更新",
+            "label": "更新",
+            "lat_version": "已是最新版本: {{ver}} 运行中",
+            "reloading": "重新加载中",
+            "updating": "更新中"
+        }
+    },
+    "MultiplePluginsInstallModal": {
+        "title": {
+            "mixed_other": "更改 {{count}} 个插件",
+            "update_other": "更新 {{count}} 个插件",
+            "reinstall_other": "重装 {{count}} 个插件",
+            "install_other": "安装 {{count}} 个插件"
+        },
+        "ok_button": {
+            "idle": "确认",
+            "loading": "工作中"
+        },
+        "confirm": "确定要进行以下修改吗？",
+        "description": {
+            "install": "安装 {{name}} {{version}}",
+            "update": "更新 {{name}} to {{version}}",
+            "reinstall": "重装 {{name}} {{version}}"
+        }
+    }
+}

backend/locales/zh-TW.json

@@ -0,0 +1,182 @@
+{
+    "BranchSelect": {
+        "update_channel": {
+            "testing": "測試版",
+            "label": "更新頻道",
+            "prerelease": "預發佈",
+            "stable": "穩定版"
+        }
+    },
+    "Developer": {
+        "5secreload": "5 秒後重新載入",
+        "disabling": "正在停用",
+        "enabling": "正在啟用"
+    },
+    "FilePickerIndex": {
+        "folder": {
+            "select": "使用此資料夾"
+        }
+    },
+    "PluginCard": {
+        "plugin_install": "安裝",
+        "plugin_no_desc": "未提示描述。",
+        "plugin_version_label": "外掛程式版本",
+        "plugin_full_access": "此外掛程式擁有您的 Steam Deck 的完整存取權。"
+    },
+    "PluginInstallModal": {
+        "install": {
+            "button_idle": "安裝",
+            "button_processing": "正在安裝",
+            "title": "安裝 {{artifact}}",
+            "desc": "您確定要安裝 {{artifact}} {{version}} 嗎？"
+        },
+        "reinstall": {
+            "button_idle": "重新安裝",
+            "button_processing": "正在重新安裝",
+            "desc": "您確定要重新安裝 {{artifact}} {{version}} 嗎？",
+            "title": "重新安裝 {{artifact}}"
+        },
+        "update": {
+            "button_idle": "更新",
+            "button_processing": "正在更新",
+            "desc": "您確定要更新 {{artifact}} {{version}} 嗎？",
+            "title": "更新 {{artifact}}"
+        },
+        "no_hash": "此外掛程式沒有提供 hash 驗證，安裝可能有風險。"
+    },
+    "PluginListIndex": {
+        "no_plugin": "未安裝外掛程式！",
+        "plugin_actions": "外掛程式操作",
+        "uninstall": "解除安裝",
+        "update_to": "更新到 {{name}}",
+        "reinstall": "重新安裝",
+        "reload": "重新載入"
+    },
+    "PluginLoader": {
+        "decky_title": "Decky",
+        "error": "錯誤",
+        "plugin_error_uninstall": "載入 {{name}} 導致上述異常。這通常意味著該外掛程式需要針對新版本的 SteamUI 進行更新。在 Decky 設定中檢查是否存在更新，或評估刪除此外掛程式。",
+        "plugin_load_error": {
+            "message": "載入外掛程式 {{name}} 發生錯誤",
+            "toast": "{{name}} 載入出錯"
+        },
+        "plugin_uninstall": {
+            "button": "解除安裝",
+            "title": "解除安裝 {{name}}",
+            "desc": "您確定要解除安裝 {{name}} 嗎？"
+        },
+        "decky_update_available": "可更新至版本 {{tag_name}}！",
+        "plugin_update_other": "可更新 {{count}} 個外掛程式！"
+    },
+    "RemoteDebugging": {
+        "remote_cef": {
+            "desc": "允許您的網路中的任何人未經認證地存取 CEF 偵錯器",
+            "label": "允許 CEF 遠端偵錯"
+        }
+    },
+    "SettingsDeveloperIndex": {
+        "third_party_plugins": {
+            "button_zip": "開啟",
+            "label_desc": "網址",
+            "label_url": "從網址安裝外掛程式",
+            "label_zip": "從 ZIP 檔案安裝外掛程式",
+            "button_install": "安裝",
+            "header": "第三方外掛程式"
+        },
+        "toast_zip": {
+            "body": "安裝失敗！只支援 ZIP 檔案。",
+            "title": "Decky"
+        },
+        "valve_internal": {
+            "desc2": "除非您知道它的作用，否則不要碰這個選單中的任何東西。",
+            "desc1": "啟用 Valve 內建開發人員選單。",
+            "label": "啟用 Valve 內建"
+        },
+        "react_devtools": {
+            "desc": "啟用與執行 React DevTools 的電腦的連接。改變這個設定將重新載入 Steam。啟用前必須設定 IP 位址。",
+            "ip_label": "IP",
+            "label": "啟用 React DevTools"
+        },
+        "header": "其他"
+    },
+    "SettingsGeneralIndex": {
+        "about": {
+            "header": "關於",
+            "decky_version": "Decky 版本"
+        },
+        "beta": {
+            "header": "參與測試"
+        },
+        "developer_mode": {
+            "label": "開發人員模式",
+            "desc": "啟用 Decky 的開發人員模式。"
+        },
+        "other": {
+            "header": "其他"
+        },
+        "updates": {
+            "header": "更新"
+        }
+    },
+    "SettingsIndex": {
+        "developer_title": "開發人員",
+        "general_title": "一般",
+        "navbar_settings": "Decky 設定",
+        "plugins_title": "外掛程式"
+    },
+    "Store": {
+        "store_contrib": {
+            "label": "貢獻",
+            "desc": "如果您想為 Decky 外掛程式商店做貢獻，請查看 GitHub 上的 SteamDeckHomebrew/decky-plugin-template 儲存庫。README 中提供了有關開發和發佈的資訊。"
+        },
+        "store_filter": {
+            "label": "過濾",
+            "label_def": "全部"
+        },
+        "store_search": {
+            "label": "搜尋"
+        },
+        "store_sort": {
+            "label": "排序",
+            "label_def": "最後更新 (最新)"
+        },
+        "store_source": {
+            "label": "原始碼",
+            "desc": "所有外掛程式原始碼可以在 GitHub 的 SteamDeckHomebrew/decky-plugin-database 儲存庫查看。"
+        },
+        "store_tabs": {
+            "about": "關於",
+            "alph_asce": "依字母排序 (Z 到 A)",
+            "alph_desc": "依字母排序 (A 到 Z)",
+            "title": "瀏覽"
+        },
+        "store_testing_cta": "請考慮測試新的外掛程式來幫助 Decky Loader 團隊！"
+    },
+    "StoreSelect": {
+        "custom_store": {
+            "label": "自訂商店",
+            "url_label": "網址"
+        },
+        "store_channel": {
+            "custom": "自訂",
+            "default": "預設",
+            "label": "商店頻道",
+            "testing": "測試"
+        }
+    },
+    "Updater": {
+        "decky_updates": "Decky 更新",
+        "no_patch_notes_desc": "這個版本沒有更新日誌",
+        "patch_notes_desc": "更新日誌",
+        "updates": {
+            "checking": "正在檢查",
+            "install_button": "安裝更新",
+            "label": "更新",
+            "lat_version": "已是最新：執行 {{ver}}",
+            "reloading": "正在重新載入",
+            "check_button": "檢查更新",
+            "cur_version": "目前版本：{{ver}}",
+            "updating": "正在更新"
+        }
+    }
+}

backend/localplatform.py

@@ -32,7 +32,10 @@ def get_server_port() -> int:
     return int(os.getenv("SERVER_PORT", "1337"))
 
 def get_live_reload() -> bool:
-    os.getenv("LIVE_RELOAD", "1") == "1"
+    return os.getenv("LIVE_RELOAD", "1") == "1"
+
+def get_keep_systemd_service() -> bool:
+    return os.getenv("KEEP_SYSTEMD_SERVICE", "0") == "1"
 
 def get_log_level() -> int:
     return {"CRITICAL": 50, "ERROR": 40, "WARNING": 30, "INFO": 20, "DEBUG": 10}[

backend/settings.py

@@ -22,7 +22,7 @@ class SettingsManager:
         for file in listdir(wrong_dir):
             if file.endswith(".json"):
                 rename(path.join(wrong_dir,file),
-                       path.join(settings_directory, file)) 
+                       path.join(settings_directory, file))
                 self.path = path.join(settings_directory, name + ".json")
 
 

backend/updater.py

@@ -6,7 +6,7 @@ from ensurepip import version
 from json.decoder import JSONDecodeError
 from logging import getLogger
 from os import getcwd, path, remove
-from localplatform import chmod, service_restart, ON_LINUX
+from localplatform import chmod, service_restart, ON_LINUX, get_keep_systemd_service
 
 from aiohttp import ClientSession, web
 
@@ -67,9 +67,11 @@ class Updater:
             logger.info("Current branch is not set, determining branch from version...")
             if self.localVer.startswith("v") and "-pre" in self.localVer:
                 logger.info("Current version determined to be pre-release")
+                manager.setSetting('branch', 1)
                 return 1
             else:
                 logger.info("Current version determined to be stable")
+                manager.setSetting('branch', 0)
                 return 0
         return ver
 
@@ -159,7 +161,7 @@ class Updater:
         tab = await get_gamepadui_tab()
         await tab.open_websocket()
         async with ClientSession() as web:
-            if ON_LINUX:
+            if ON_LINUX and not get_keep_systemd_service():
                 logger.debug("Downloading systemd service")
                 # download the relevant systemd service depending upon branch
                 async with web.request("GET", service_url, ssl=helpers.get_ssl_context(), allow_redirects=True) as res:

backend/utilities.py

@@ -7,7 +7,7 @@ from asyncio import sleep, start_server, gather, open_connection
 from aiohttp import ClientSession, web
 
 from logging import getLogger
-from injector import inject_to_tab, get_gamepadui_tab, close_old_tabs
+from injector import inject_to_tab, get_gamepadui_tab, close_old_tabs, get_tab
 import helpers
 import subprocess
 from localplatform import service_stop, service_start
@@ -19,6 +19,7 @@ class Utilities:
             "ping": self.ping,
             "http_request": self.http_request,
             "install_plugin": self.install_plugin,
+            "install_plugins": self.install_plugins,
             "cancel_plugin_install": self.cancel_plugin_install,
             "confirm_plugin_install": self.confirm_plugin_install,
             "uninstall_plugin": self.uninstall_plugin,
@@ -31,7 +32,8 @@ class Utilities:
             "get_setting": self.get_setting,
             "filepicker_ls": self.filepicker_ls,
             "disable_rdt": self.disable_rdt,
-            "enable_rdt": self.enable_rdt
+            "enable_rdt": self.enable_rdt,
+            "get_tab_id": self.get_tab_id
         }
 
         self.logger = getLogger("Utilities")
@@ -70,6 +72,11 @@ class Utilities:
             install_type=install_type
         )
 
+    async def install_plugins(self, requests):
+        return await self.context.plugin_browser.request_multiple_plugin_installs(
+            requests=requests
+        )
+
     async def confirm_plugin_install(self, request_id):
         return await self.context.plugin_browser.confirm_plugin_install(request_id)
 
@@ -266,7 +273,7 @@ class Utilities:
                 await close_old_tabs()
                 result = await tab.reload_and_evaluate(script)
                 self.logger.info(result)
-                        
+
         except Exception:
             self.logger.error("Failed to connect to React DevTools")
             self.logger.error(format_exc())
@@ -281,3 +288,6 @@ class Utilities:
         await close_old_tabs()
         await tab.evaluate_js("location.reload();", False, True, False)
         self.logger.info("React DevTools disabled")
+
+    async def get_tab_id(self, name):
+        return (await get_tab(name)).id

frontend/.gitignore

@@ -2,3 +2,5 @@ node_modules/
 
 .yalc
 yalc.lock
+
+stats.html

frontend/package.json

@@ -22,7 +22,7 @@
     "@types/react-router": "5.1.18",
     "@types/webpack": "^5.28.1",
     "husky": "^8.0.3",
-    "i18next-parser": "^7.7.0",
+    "i18next-parser": "^7.9.0",
     "import-sort-style-module": "^6.0.0",
     "inquirer": "^8.2.5",
     "prettier": "^2.8.8",
@@ -33,7 +33,8 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-external-globals": "^0.6.1",
     "rollup-plugin-polyfill-node": "^0.10.2",
-    "tslib": "^2.5.0",
+    "rollup-plugin-visualizer": "^5.9.0",
+    "tslib": "^2.5.2",
     "typescript": "^4.9.5"
   },
   "importSort": {
@@ -43,11 +44,11 @@
     }
   },
   "dependencies": {
-    "decky-frontend-lib": "3.20.7",
-    "i18next": "^22.4.15",
-    "i18next-http-backend": "^2.2.0",
+    "decky-frontend-lib": "3.21.1",
+    "i18next": "^22.5.0",
+    "i18next-http-backend": "^2.2.1",
     "react-file-icon": "^1.3.0",
-    "react-i18next": "^12.2.2",
+    "react-i18next": "^12.3.1",
     "react-icons": "^4.8.0",
     "react-markdown": "^8.0.7",
     "remark-gfm": "^3.0.1"

frontend/rollup.config.js

@@ -7,16 +7,17 @@ import typescript from '@rollup/plugin-typescript';
 import { defineConfig } from 'rollup';
 import del from 'rollup-plugin-delete';
 import externalGlobals from 'rollup-plugin-external-globals';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 const hiddenWarnings = ['THIS_IS_UNDEFINED', 'EVAL'];
 
 export default defineConfig({
-  input: 'src/index.tsx',
+  input: 'src/index.ts',
   plugins: [
     del({ targets: '../backend/static/*', force: true }),
     commonjs(),
     nodeResolve({
-      browser: true
+      browser: true,
     }),
     externalGlobals({
       react: 'SP_REACT',
@@ -33,6 +34,7 @@ export default defineConfig({
       'process.env.NODE_ENV': JSON.stringify('production'),
     }),
     image(),
+    visualizer(),
   ],
   preserveEntrySignatures: false,
   output: {
@@ -46,4 +48,4 @@ export default defineConfig({
     if (hiddenWarnings.some((warning) => message.code === warning)) return;
     handleWarning(message);
   },
-});
+});

frontend/src/components/DeckyState.tsx

@@ -7,6 +7,7 @@ import { VerInfo } from '../updater';
 interface PublicDeckyState {
   plugins: Plugin[];
   pluginOrder: string[];
+  hiddenPlugins: string[];
   activePlugin: Plugin | null;
   updates: PluginUpdateMapping | null;
   hasLoaderUpdate?: boolean;
@@ -17,6 +18,7 @@ interface PublicDeckyState {
 export class DeckyState {
   private _plugins: Plugin[] = [];
   private _pluginOrder: string[] = [];
+  private _hiddenPlugins: string[] = [];
   private _activePlugin: Plugin | null = null;
   private _updates: PluginUpdateMapping | null = null;
   private _hasLoaderUpdate: boolean = false;
@@ -29,6 +31,7 @@ export class DeckyState {
     return {
       plugins: this._plugins,
       pluginOrder: this._pluginOrder,
+      hiddenPlugins: this._hiddenPlugins,
       activePlugin: this._activePlugin,
       updates: this._updates,
       hasLoaderUpdate: this._hasLoaderUpdate,
@@ -52,6 +55,11 @@ export class DeckyState {
     this.notifyUpdate();
   }
 
+  setHiddenPlugins(hiddenPlugins: string[]) {
+    this._hiddenPlugins = hiddenPlugins;
+    this.notifyUpdate();
+  }
+
   setActivePlugin(name: string) {
     this._activePlugin = this._plugins.find((plugin) => plugin.name === name) ?? null;
     this.notifyUpdate();
@@ -111,11 +119,11 @@ export const DeckyStateContextProvider: FC<Props> = ({ children, deckyState }) =
     return () => deckyState.eventBus.removeEventListener('update', onUpdate);
   }, []);
 
-  const setIsLoaderUpdating = (hasUpdate: boolean) => deckyState.setIsLoaderUpdating(hasUpdate);
-  const setVersionInfo = (versionInfo: VerInfo) => deckyState.setVersionInfo(versionInfo);
-  const setActivePlugin = (name: string) => deckyState.setActivePlugin(name);
-  const closeActivePlugin = () => deckyState.closeActivePlugin();
-  const setPluginOrder = (pluginOrder: string[]) => deckyState.setPluginOrder(pluginOrder);
+  const setIsLoaderUpdating = deckyState.setIsLoaderUpdating.bind(deckyState);
+  const setVersionInfo = deckyState.setVersionInfo.bind(deckyState);
+  const setActivePlugin = deckyState.setActivePlugin.bind(deckyState);
+  const closeActivePlugin = deckyState.closeActivePlugin.bind(deckyState);
+  const setPluginOrder = deckyState.setPluginOrder.bind(deckyState);
 
   return (
     <DeckyStateContext.Provider

frontend/src/components/PluginView.tsx

@@ -8,6 +8,8 @@ import {
   staticClasses,
 } from 'decky-frontend-lib';
 import { VFC, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FaEyeSlash } from 'react-icons/fa';
 
 import { Plugin } from '../plugin';
 import { useDeckyState } from './DeckyState';
@@ -16,8 +18,10 @@ import { useQuickAccessVisible } from './QuickAccessVisibleState';
 import TitleView from './TitleView';
 
 const PluginView: VFC = () => {
+  const { hiddenPlugins } = useDeckyState();
   const { plugins, updates, activePlugin, pluginOrder, setActivePlugin, closeActivePlugin } = useDeckyState();
   const visible = useQuickAccessVisible();
+  const { t } = useTranslation();
 
   const [pluginList, setPluginList] = useState<Plugin[]>(
     plugins.sort((a, b) => pluginOrder.indexOf(a.name) - pluginOrder.indexOf(b.name)),
@@ -48,6 +52,7 @@ const PluginView: VFC = () => {
         <PanelSection>
           {pluginList
             .filter((p) => p.content)
+            .filter(({ name }) => !hiddenPlugins.includes(name))
             .map(({ name, icon }) => (
               <PanelSectionRow key={name}>
                 <ButtonItem layout="below" onClick={() => setActivePlugin(name)}>
@@ -59,6 +64,12 @@ const PluginView: VFC = () => {
                 </ButtonItem>
               </PanelSectionRow>
             ))}
+          {hiddenPlugins.length > 0 && (
+            <div style={{ display: 'flex', alignItems: 'center', gap: '10px', fontSize: '0.8rem', marginTop: '10px' }}>
+              <FaEyeSlash />
+              <div>{t('PluginView.hidden', { count: hiddenPlugins.length })}</div>
+            </div>
+          )}
         </PanelSection>
       </div>
     </>

frontend/src/components/modals/MultiplePluginsInstallModal.tsx

@@ -0,0 +1,82 @@
+import { ConfirmModal, Navigation, QuickAccessTab } from 'decky-frontend-lib';
+import { FC, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { InstallType } from '../../plugin';
+
+interface MultiplePluginsInstallModalProps {
+  requests: { name: string; version: string; hash: string; install_type: InstallType }[];
+  onOK(): void | Promise<void>;
+  onCancel(): void | Promise<void>;
+  closeModal?(): void;
+}
+
+// values are the JSON keys used in the translation file
+const InstallTypeTranslationMapping = {
+  [InstallType.INSTALL]: 'install',
+  [InstallType.REINSTALL]: 'reinstall',
+  [InstallType.UPDATE]: 'update',
+} as const satisfies Record<InstallType, string>;
+
+type TitleTranslationMapping = 'mixed' | (typeof InstallTypeTranslationMapping)[InstallType];
+
+const MultiplePluginsInstallModal: FC<MultiplePluginsInstallModalProps> = ({
+  requests,
+  onOK,
+  onCancel,
+  closeModal,
+}) => {
+  const [loading, setLoading] = useState<boolean>(false);
+  const { t } = useTranslation();
+
+  // used as part of the title translation
+  // if we know all operations are of a specific type, we can show so in the title to make decision easier
+  const installTypeGrouped = useMemo((): TitleTranslationMapping => {
+    if (requests.every(({ install_type }) => install_type === InstallType.INSTALL)) return 'install';
+    if (requests.every(({ install_type }) => install_type === InstallType.REINSTALL)) return 'reinstall';
+    if (requests.every(({ install_type }) => install_type === InstallType.UPDATE)) return 'update';
+    return 'mixed';
+  }, [requests]);
+
+  return (
+    <ConfirmModal
+      bOKDisabled={loading}
+      closeModal={closeModal}
+      onOK={async () => {
+        setLoading(true);
+        await onOK();
+        setTimeout(() => Navigation.OpenQuickAccessMenu(QuickAccessTab.Decky), 250);
+        setTimeout(() => window.DeckyPluginLoader.checkPluginUpdates(), 1000);
+      }}
+      onCancel={async () => {
+        await onCancel();
+      }}
+      strTitle={<div>{t(`MultiplePluginsInstallModal.title.${installTypeGrouped}`, { count: requests.length })}</div>}
+      strOKButtonText={t(`MultiplePluginsInstallModal.ok_button.${loading ? 'loading' : 'idle'}`)}
+    >
+      <div>
+        {t('MultiplePluginsInstallModal.confirm')}
+        <ul style={{ listStyle: 'none', display: 'flex', flexDirection: 'column', gap: '4px' }}>
+          {requests.map(({ name, version, install_type, hash }, i) => {
+            const installTypeStr = InstallTypeTranslationMapping[install_type];
+            const description = t(`MultiplePluginsInstallModal.description.${installTypeStr}`, {
+              name,
+              version,
+            });
+
+            return (
+              <li key={i} style={{ display: 'flex', flexDirection: 'column' }}>
+                <div>{description}</div>
+                {hash === 'False' && (
+                  <div style={{ color: 'red', paddingLeft: '10px' }}>{t('PluginInstallModal.no_hash')}</div>
+                )}
+              </li>
+            );
+          })}
+        </ul>
+      </div>
+    </ConfirmModal>
+  );
+};
+
+export default MultiplePluginsInstallModal;

frontend/src/components/modals/PluginInstallModal.tsx

@@ -2,7 +2,7 @@ import { ConfirmModal, Navigation, QuickAccessTab } from 'decky-frontend-lib';
 import { FC, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import TPluginInstallModal, { TranslatedPart } from './TPluginInstallModal';
+import TranslationHelper, { TranslationClass } from '../../utils/TranslationHelper';
 
 interface PluginInstallModalProps {
   artifact: string;
@@ -39,21 +39,47 @@ const PluginInstallModal: FC<PluginInstallModalProps> = ({
       onCancel={async () => {
         await onCancel();
       }}
-      strTitle={<TPluginInstallModal trans_part={TranslatedPart.TITLE} trans_type={installType} artifact={artifact} />}
+      strTitle={
+        <div>
+          <TranslationHelper
+            trans_class={TranslationClass.PLUGIN_INSTALL_MODAL}
+            trans_text="title"
+            i18n_args={{ artifact: artifact }}
+            install_type={installType}
+          />
+        </div>
+      }
       strOKButtonText={
         loading ? (
-          <TPluginInstallModal trans_part={TranslatedPart.BUTTON_PROC} trans_type={installType} />
+          <div>
+            <TranslationHelper
+              trans_class={TranslationClass.PLUGIN_INSTALL_MODAL}
+              trans_text="button_processing"
+              install_type={installType}
+            />
+          </div>
         ) : (
-          <TPluginInstallModal trans_part={TranslatedPart.BUTTON_IDLE} trans_type={installType} />
+          <div>
+            <TranslationHelper
+              trans_class={TranslationClass.PLUGIN_INSTALL_MODAL}
+              trans_text="button_idle"
+              install_type={installType}
+            />
+          </div>
         )
       }
     >
-      <TPluginInstallModal
-        trans_part={TranslatedPart.DESC}
-        trans_type={installType}
-        artifact={artifact}
-        version={version ? version : ''}
-      />
+      <div>
+        <TranslationHelper
+          trans_class={TranslationClass.PLUGIN_INSTALL_MODAL}
+          trans_text="desc"
+          i18n_args={{
+            artifact: artifact,
+            version: version,
+          }}
+          install_type={installType}
+        />
+      </div>
       {hash == 'False' && <span style={{ color: 'red' }}>{t('PluginInstallModal.no_hash')}</span>}
     </ConfirmModal>
   );

frontend/src/components/modals/PluginUninstallModal.tsx

@@ -0,0 +1,30 @@
+import { ConfirmModal } from 'decky-frontend-lib';
+import { FC } from 'react';
+
+interface PluginUninstallModalProps {
+  name: string;
+  title: string;
+  buttonText: string;
+  description: string;
+  closeModal?(): void;
+}
+
+const PluginUninstallModal: FC<PluginUninstallModalProps> = ({ name, title, buttonText, description, closeModal }) => {
+  return (
+    <ConfirmModal
+      closeModal={closeModal}
+      onOK={async () => {
+        await window.DeckyPluginLoader.callServerMethod('uninstall_plugin', { name });
+        // uninstalling a plugin resets the hidden setting for it server-side
+        // we invalidate here so if you re-install it, you won't have an out-of-date hidden filter
+        await window.DeckyPluginLoader.hiddenPluginsService.invalidate();
+      }}
+      strTitle={title}
+      strOKButtonText={buttonText}
+    >
+      {description}
+    </ConfirmModal>
+  );
+};
+
+export default PluginUninstallModal;

frontend/src/components/modals/TPluginInstallModal.tsx

@@ -1,95 +0,0 @@
-import { FC } from 'react';
-import { Translation } from 'react-i18next';
-
-import { InstallType } from '../../plugin';
-
-export enum TranslatedPart {
-  TITLE,
-  DESC,
-  BUTTON_IDLE,
-  BUTTON_PROC,
-}
-interface TPluginInstallModalProps {
-  trans_part: TranslatedPart;
-  trans_type: number;
-  artifact?: string;
-  version?: string;
-}
-
-const TPluginInstallModal: FC<TPluginInstallModalProps> = ({ trans_part, trans_type, artifact, version }) => {
-  return (
-    <Translation>
-      {(t, {}) => {
-        switch (trans_part) {
-          case TranslatedPart.TITLE:
-            switch (trans_type) {
-              case InstallType.INSTALL:
-                return <div>{t('PluginInstallModal.install.title', { artifact: artifact })}</div>;
-              case InstallType.REINSTALL:
-                return <div>{t('PluginInstallModal.reinstall.title', { artifact: artifact })}</div>;
-              case InstallType.UPDATE:
-                return <div>{t('PluginInstallModal.update.title', { artifact: artifact })}</div>;
-              default:
-                return null;
-            }
-          case TranslatedPart.DESC:
-            switch (trans_type) {
-              case InstallType.INSTALL:
-                return (
-                  <div>
-                    {t('PluginInstallModal.install.desc', {
-                      artifact: artifact,
-                      version: version,
-                    })}
-                  </div>
-                );
-              case InstallType.REINSTALL:
-                return (
-                  <div>
-                    {t('PluginInstallModal.reinstall.desc', {
-                      artifact: artifact,
-                      version: version,
-                    })}
-                  </div>
-                );
-              case InstallType.UPDATE:
-                return (
-                  <div>
-                    {t('PluginInstallModal.update.desc', {
-                      artifact: artifact,
-                      version: version,
-                    })}
-                  </div>
-                );
-              default:
-                return null;
-            }
-          case TranslatedPart.BUTTON_IDLE:
-            switch (trans_type) {
-              case InstallType.INSTALL:
-                return <div>{t('PluginInstallModal.install.button_idle')}</div>;
-              case InstallType.REINSTALL:
-                return <div>{t('PluginInstallModal.reinstall.button_idle')}</div>;
-              case InstallType.UPDATE:
-                return <div>{t('PluginInstallModal.update.button_idle')}</div>;
-              default:
-                return null;
-            }
-          case TranslatedPart.BUTTON_PROC:
-            switch (trans_type) {
-              case InstallType.INSTALL:
-                return <div>{t('PluginInstallModal.install.button_processing')}</div>;
-              case InstallType.REINSTALL:
-                return <div>{t('PluginInstallModal.reinstall.button_processing')}</div>;
-              case InstallType.UPDATE:
-                return <div>{t('PluginInstallModal.update.button_processing')}</div>;
-              default:
-                return null;
-            }
-        }
-      }}
-    </Translation>
-  );
-};
-
-export default TPluginInstallModal;

frontend/src/components/settings/pages/developer/index.tsx

@@ -4,12 +4,13 @@ import {
   DialogControlsSection,
   DialogControlsSectionHeader,
   Field,
+  Navigation,
   TextField,
   Toggle,
 } from 'decky-frontend-lib';
 import { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { FaFileArchive, FaLink, FaReact, FaSteamSymbol } from 'react-icons/fa';
+import { FaFileArchive, FaLink, FaReact, FaSteamSymbol, FaTerminal } from 'react-icons/fa';
 
 import { setShouldConnectToReactDevTools, setShowValveInternal } from '../../../../developer';
 import { installFromURL } from '../../../../store';
@@ -74,7 +75,28 @@ export default function DeveloperSettings() {
         </Field>
       </DialogControlsSection>
       <DialogControlsSection>
-        <DialogControlsSectionHeader>{t('SettingsDeveloperIndex.header_other')}</DialogControlsSectionHeader>
+        <DialogControlsSectionHeader>{t('SettingsDeveloperIndex.header')}</DialogControlsSectionHeader>
+        <Field
+          label={t('SettingsDeveloperIndex.cef_console.label')}
+          description={<span style={{ whiteSpace: 'pre-line' }}>{t('SettingsDeveloperIndex.cef_console.desc')}</span>}
+          icon={<FaTerminal style={{ display: 'block' }} />}
+        >
+          <DialogButton
+            onClick={async () => {
+              let res = await window.DeckyPluginLoader.callServerMethod('get_tab_id', { name: 'SharedJSContext' });
+              if (res.success) {
+                Navigation.NavigateToExternalWeb(
+                  'localhost:8080/devtools/inspector.html?ws=localhost:8080/devtools/page/' + res.result,
+                );
+              } else {
+                console.error('Unable to find ID for SharedJSContext tab ', res.result);
+                Navigation.NavigateToExternalWeb('localhost:8080');
+              }
+            }}
+          >
+            {t('SettingsDeveloperIndex.cef_console.button')}
+          </DialogButton>
+        </Field>
         <RemoteDebuggingSettings />
         <Field
           label={t('SettingsDeveloperIndex.valve_internal.label')}

frontend/src/components/settings/pages/general/BranchSelect.tsx

@@ -21,7 +21,7 @@ const BranchSelect: FunctionComponent<{}> = () => {
     t('BranchSelect.update_channel.prerelease'),
     t('BranchSelect.update_channel.testing'),
   ];
-  const [selectedBranch, setSelectedBranch] = useSetting<UpdateBranch>('branch', UpdateBranch.Prerelease);
+  const [selectedBranch, setSelectedBranch] = useSetting<UpdateBranch>('branch', UpdateBranch.Stable);
 
   return (
     // Returns numerical values from 0 to 2 (with current branch setup as of 8/28/22)

frontend/src/components/settings/pages/plugin_list/PluginListLabel.tsx

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { FaEyeSlash } from 'react-icons/fa';
+
+interface PluginListLabelProps {
+  hidden: boolean;
+  name: string;
+  version?: string;
+}
+
+const PluginListLabel: FC<PluginListLabelProps> = ({ name, hidden, version }) => {
+  const { t } = useTranslation();
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>
+      <div>{version ? `${name} - ${version}` : name}</div>
+      {hidden && (
+        <div
+          style={{
+            fontSize: '0.8rem',
+            color: '#dcdedf',
+            display: 'flex',
+            alignItems: 'center',
+            gap: '10px',
+          }}
+        >
+          <FaEyeSlash />
+          {t('PluginListLabel.hidden')}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default PluginListLabel;

frontend/src/components/settings/pages/plugin_list/index.tsx

@@ -14,13 +14,15 @@ import { useTranslation } from 'react-i18next';
 import { FaDownload, FaEllipsisH, FaRecycle } from 'react-icons/fa';
 
 import { InstallType } from '../../../../plugin';
-import { StorePluginVersion, getPluginList, requestPluginInstall } from '../../../../store';
+import {
+  StorePluginVersion,
+  getPluginList,
+  requestMultiplePluginInstalls,
+  requestPluginInstall,
+} from '../../../../store';
 import { useSetting } from '../../../../utils/hooks/useSetting';
 import { useDeckyState } from '../../../DeckyState';
-
-function labelToName(pluginLabel: string, pluginVersion?: string): string {
-  return pluginVersion ? pluginLabel.substring(0, pluginLabel.indexOf(` - ${pluginVersion}`)) : pluginLabel;
-}
+import PluginListLabel from './PluginListLabel';
 
 async function reinstallPlugin(pluginName: string, currentVersion?: string) {
   const serverData = await getPluginList();
@@ -31,29 +33,57 @@ async function reinstallPlugin(pluginName: string, currentVersion?: string) {
   }
 }
 
-function PluginInteractables(props: { entry: ReorderableEntry<PluginData> }) {
-  const data = props.entry.data;
+type PluginTableData = PluginData & { name: string; hidden: boolean; onHide(): void; onShow(): void };
+
+function PluginInteractables(props: { entry: ReorderableEntry<PluginTableData> }) {
   const { t } = useTranslation();
-  let pluginName = labelToName(props.entry.label, data?.version);
+
+  // nothing to display without this data...
+  if (!props.entry.data) {
+    return null;
+  }
+
+  const { name, update, version, onHide, onShow, hidden } = props.entry.data;
 
   const showCtxMenu = (e: MouseEvent | GamepadEvent) => {
     showContextMenu(
       <Menu label={t('PluginListIndex.plugin_actions')}>
-        <MenuItem onSelected={() => window.DeckyPluginLoader.importPlugin(pluginName, data?.version)}>
+        <MenuItem
+          onSelected={() => {
+            try {
+              fetch(`http://127.0.0.1:1337/plugins/${name}/reload`, {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                  Authentication: window.deckyAuthToken,
+                },
+              });
+            } catch (err) {
+              console.error('Error Reloading Plugin Backend', err);
+            }
+
+            window.DeckyPluginLoader.importPlugin(name, version);
+          }}
+        >
           {t('PluginListIndex.reload')}
         </MenuItem>
         <MenuItem
           onSelected={() =>
             window.DeckyPluginLoader.uninstallPlugin(
-              pluginName,
-              t('PluginLoader.plugin_uninstall.title', { name: pluginName }),
+              name,
+              t('PluginLoader.plugin_uninstall.title', { name }),
               t('PluginLoader.plugin_uninstall.button'),
-              t('PluginLoader.plugin_uninstall.desc', { name: pluginName }),
+              t('PluginLoader.plugin_uninstall.desc', { name }),
             )
           }
         >
           {t('PluginListIndex.uninstall')}
         </MenuItem>
+        {hidden ? (
+          <MenuItem onSelected={onShow}>{t('PluginListIndex.show')}</MenuItem>
+        ) : (
+          <MenuItem onSelected={onHide}>{t('PluginListIndex.hide')}</MenuItem>
+        )}
       </Menu>,
       e.currentTarget ?? window,
     );
@@ -61,31 +91,39 @@ function PluginInteractables(props: { entry: ReorderableEntry<PluginData> }) {
 
   return (
     <>
-      {data?.update ? (
+      {update ? (
         <DialogButton
           style={{ height: '40px', minWidth: '60px', marginRight: '10px' }}
-          onClick={() => requestPluginInstall(pluginName, data?.update as StorePluginVersion, InstallType.UPDATE)}
-          onOKButton={() => requestPluginInstall(pluginName, data?.update as StorePluginVersion, InstallType.UPDATE)}
+          onClick={() => requestPluginInstall(name, update, InstallType.UPDATE)}
+          onOKButton={() => requestPluginInstall(name, update, InstallType.UPDATE)}
         >
-          <div style={{ display: 'flex', flexDirection: 'row' }}>
-            {t('PluginListIndex.update_to', { name: data?.update?.name })}
-            <FaDownload style={{ paddingLeft: '2rem' }} />
+          <div style={{ display: 'flex', minWidth: '180px', justifyContent: 'space-between', alignItems: 'center' }}>
+            {t('PluginListIndex.update_to', { name: update.name })}
+            <FaDownload style={{ paddingLeft: '1rem' }} />
           </div>
         </DialogButton>
       ) : (
         <DialogButton
           style={{ height: '40px', minWidth: '60px', marginRight: '10px' }}
-          onClick={() => reinstallPlugin(pluginName, data?.version)}
-          onOKButton={() => reinstallPlugin(pluginName, data?.version)}
+          onClick={() => reinstallPlugin(name, version)}
+          onOKButton={() => reinstallPlugin(name, version)}
         >
-          <div style={{ display: 'flex', flexDirection: 'row' }}>
+          <div style={{ display: 'flex', minWidth: '180px', justifyContent: 'space-between', alignItems: 'center' }}>
             {t('PluginListIndex.reinstall')}
-            <FaRecycle style={{ paddingLeft: '5.3rem' }} />
+            <FaRecycle style={{ paddingLeft: '1rem' }} />
           </div>
         </DialogButton>
       )}
       <DialogButton
-        style={{ height: '40px', width: '40px', padding: '10px 12px', minWidth: '40px' }}
+        style={{
+          height: '40px',
+          width: '40px',
+          padding: '10px 12px',
+          minWidth: '40px',
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'center',
+        }}
         onClick={showCtxMenu}
         onOKButton={showCtxMenu}
       >
@@ -101,7 +139,7 @@ type PluginData = {
 };
 
 export default function PluginList() {
-  const { plugins, updates, pluginOrder, setPluginOrder } = useDeckyState();
+  const { plugins, updates, pluginOrder, setPluginOrder, hiddenPlugins } = useDeckyState();
   const [_, setPluginOrderSetting] = useSetting<string[]>(
     'pluginOrder',
     plugins.map((plugin) => plugin.name),
@@ -112,22 +150,29 @@ export default function PluginList() {
     window.DeckyPluginLoader.checkPluginUpdates();
   }, []);
 
-  const [pluginEntries, setPluginEntries] = useState<ReorderableEntry<PluginData>[]>([]);
+  const [pluginEntries, setPluginEntries] = useState<ReorderableEntry<PluginTableData>[]>([]);
+  const hiddenPluginsService = window.DeckyPluginLoader.hiddenPluginsService;
 
   useEffect(() => {
     setPluginEntries(
-      plugins.map((plugin) => {
+      plugins.map(({ name, version }) => {
+        const hidden = hiddenPlugins.includes(name);
+
         return {
-          label: plugin.version ? `${plugin.name} - ${plugin.version}` : plugin.name,
+          label: <PluginListLabel name={name} hidden={hidden} version={version} />,
+          position: pluginOrder.indexOf(name),
           data: {
-            update: updates?.get(plugin.name),
-            version: plugin.version,
+            name,
+            hidden,
+            version,
+            update: updates?.get(name),
+            onHide: () => hiddenPluginsService.update([...hiddenPlugins, name]),
+            onShow: () => hiddenPluginsService.update(hiddenPlugins.filter((pluginName) => name !== pluginName)),
           },
-          position: pluginOrder.indexOf(plugin.name),
         };
       }),
     );
-  }, [plugins, updates]);
+  }, [plugins, updates, hiddenPlugins]);
 
   if (plugins.length === 0) {
     return (
@@ -137,8 +182,8 @@ export default function PluginList() {
     );
   }
 
-  function onSave(entries: ReorderableEntry<PluginData>[]) {
-    const newOrder = entries.map((entry) => labelToName(entry.label, entry?.data?.version));
+  function onSave(entries: ReorderableEntry<PluginTableData>[]) {
+    const newOrder = entries.map((entry) => entry.data!.name);
     console.log(newOrder);
     setPluginOrder(newOrder);
     setPluginOrderSetting(newOrder);
@@ -146,8 +191,32 @@ export default function PluginList() {
 
   return (
     <DialogBody>
-      <DialogControlsSection>
-        <ReorderableList<PluginData> entries={pluginEntries} onSave={onSave} interactables={PluginInteractables} />
+      {updates && updates.size > 0 && (
+        <DialogButton
+          onClick={() =>
+            requestMultiplePluginInstalls(
+              [...updates.entries()].map(([plugin, selectedVer]) => ({
+                installType: InstallType.UPDATE,
+                plugin,
+                selectedVer,
+              })),
+            )
+          }
+          style={{
+            position: 'absolute',
+            top: '57px',
+            right: '2.8vw',
+            width: 'auto',
+            display: 'flex',
+            alignItems: 'center',
+          }}
+        >
+          {t('PluginListIndex.update_all', { count: updates.size })}
+          <FaDownload style={{ paddingLeft: '1rem' }} />
+        </DialogButton>
+      )}
+      <DialogControlsSection style={{ marginTop: 0 }}>
+        <ReorderableList<PluginTableData> entries={pluginEntries} onSave={onSave} interactables={PluginInteractables} />
       </DialogControlsSection>
     </DialogBody>
   );

frontend/src/components/store/PluginCard.tsx

@@ -6,7 +6,7 @@ import {
   SingleDropdownOption,
   SuspensefulImage,
 } from 'decky-frontend-lib';
-import { FC, useState } from 'react';
+import { CSSProperties, FC, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { InstallType } from '../../plugin';
@@ -18,7 +18,7 @@ interface PluginCardProps {
 
 const PluginCard: FC<PluginCardProps> = ({ plugin }) => {
   const [selectedOption, setSelectedOption] = useState<number>(0);
-  const root: boolean = plugin.tags.some((tag) => tag === 'root');
+  const root = plugin.tags.some((tag) => tag === 'root');
 
   const { t } = useTranslation();
 
@@ -30,7 +30,6 @@ const PluginCard: FC<PluginCardProps> = ({ plugin }) => {
         marginRight: '20px',
         marginBottom: '20px',
         display: 'flex',
-        alignItems: 'center',
       }}
     >
       <div
@@ -59,91 +58,90 @@ const PluginCard: FC<PluginCardProps> = ({ plugin }) => {
           width: 'calc(100% - 320px)', // The calc is here so that the info section doesn't expand into the image
           display: 'flex',
           flexDirection: 'column',
-          height: '100%',
+          justifyContent: 'space-between',
           marginLeft: '1em',
-          justifyContent: 'center',
+          gap: '10px',
         }}
       >
-        <span
-          className="deckyStoreCardTitle"
-          style={{
-            fontSize: '1.25em',
-            fontWeight: 'bold',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            width: '90%',
-          }}
-        >
-          {plugin.name}
-        </span>
-        <span
-          className="deckyStoreCardAuthor"
-          style={{
-            marginRight: 'auto',
-            fontSize: '1em',
-          }}
-        >
-          {plugin.author}
-        </span>
-        <span
-          className="deckyStoreCardDescription"
-          style={{
-            fontSize: '13px',
-            color: '#969696',
-            WebkitLineClamp: root ? '2' : '3',
-            WebkitBoxOrient: 'vertical',
-            overflow: 'hidden',
-            display: '-webkit-box',
-          }}
-        >
-          {plugin.description ? (
-            plugin.description
-          ) : (
-            <span>
-              <i style={{ color: '#666' }}>{t('PluginCard.plugin_no_desc')}</i>
-            </span>
-          )}
-        </span>
-        {root && (
+        <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
           <span
-            className="deckyStoreCardDescription deckyStoreCardDescriptionRoot"
+            className="deckyStoreCardTitle"
             style={{
-              fontSize: '13px',
-              color: '#fee75c',
+              fontSize: '1.25em',
+              fontWeight: 'bold',
+              whiteSpace: 'nowrap',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              width: '90%',
             }}
           >
-            <i>{t('PluginCard.plugin_full_access')}</i>{' '}
-            <a
-              className="deckyStoreCardDescriptionRootLink"
-              href="https://deckbrew.xyz/root"
-              target="_blank"
+            {plugin.name}
+          </span>
+          <span
+            className="deckyStoreCardAuthor"
+            style={{
+              marginRight: 'auto',
+              fontSize: '1em',
+            }}
+          >
+            {plugin.author}
+          </span>
+          <span
+            className="deckyStoreCardDescription"
+            style={{
+              fontSize: '13px',
+              color: '#969696',
+              WebkitLineClamp: root ? '2' : '3',
+              WebkitBoxOrient: 'vertical',
+              overflow: 'hidden',
+              display: '-webkit-box',
+            }}
+          >
+            {plugin.description ? (
+              plugin.description
+            ) : (
+              <span>
+                <i style={{ color: '#666' }}>{t('PluginCard.plugin_no_desc')}</i>
+              </span>
+            )}
+          </span>
+          {root && (
+            <div
+              className="deckyStoreCardDescription deckyStoreCardDescriptionRoot"
               style={{
+                fontSize: '13px',
                 color: '#fee75c',
-                textDecoration: 'none',
+                marginTop: 'auto',
               }}
             >
-              deckbrew.xyz/root
-            </a>
-          </span>
-        )}
-        <div
-          className="deckyStoreCardButtonRow"
-          style={{
-            marginTop: '1em',
-            width: '100%',
-            overflow: 'hidden',
-          }}
-        >
+              <i>{t('PluginCard.plugin_full_access')}</i>{' '}
+              <a
+                className="deckyStoreCardDescriptionRootLink"
+                href="https://deckbrew.xyz/root"
+                target="_blank"
+                style={{
+                  color: '#fee75c',
+                  textDecoration: 'none',
+                }}
+              >
+                deckbrew.xyz/root
+              </a>
+            </div>
+          )}
+        </div>
+        <div className="deckyStoreCardButtonRow">
           <PanelSectionRow>
-            <Focusable style={{ display: 'flex', maxWidth: '100%' }}>
+            <Focusable style={{ display: 'flex', gap: '5px', padding: 0 }}>
               <div
                 className="deckyStoreCardInstallContainer"
-                style={{
-                  paddingTop: '0px',
-                  paddingBottom: '0px',
-                  width: '40%',
-                }}
+                style={
+                  {
+                    paddingTop: '0px',
+                    paddingBottom: '0px',
+                    flexGrow: 1,
+                    '--field-negative-horizontal-margin': 0,
+                  } as CSSProperties
+                }
               >
                 <ButtonItem
                   bottomSeparator="none"
@@ -155,13 +153,7 @@ const PluginCard: FC<PluginCardProps> = ({ plugin }) => {
                   <span className="deckyStoreCardInstallText">{t('PluginCard.plugin_install')}</span>
                 </ButtonItem>
               </div>
-              <div
-                className="deckyStoreCardVersionContainer"
-                style={{
-                  marginLeft: '5%',
-                  width: '30%',
-                }}
-              >
+              <div className="deckyStoreCardVersionContainer" style={{ minWidth: '130px' }}>
                 <Dropdown
                   rgOptions={
                     plugin.versions.map((version: StorePluginVersion, index) => ({

frontend/src/developer.tsx

@@ -1,28 +1,10 @@
-import {
-  Navigation,
-  ReactRouter,
-  Router,
-  fakeRenderComponent,
-  findInReactTree,
-  findInTree,
-  findModule,
-  findModuleChild,
-  gamepadDialogClasses,
-  gamepadSliderClasses,
-  playSectionClasses,
-  quickAccessControlsClasses,
-  quickAccessMenuClasses,
-  scrollClasses,
-  scrollPanelClasses,
-  sleep,
-  staticClasses,
-  updaterFieldClasses,
-} from 'decky-frontend-lib';
+import { findModuleChild, sleep } from 'decky-frontend-lib';
 import { useTranslation } from 'react-i18next';
 import { FaReact } from 'react-icons/fa';
 
 import Logger from './logger';
 import { getSetting } from './utils/settings';
+import TranslationHelper, { TranslationClass } from './utils/TranslationHelper';
 
 const logger = new Logger('DeveloperMode');
 
@@ -59,11 +41,13 @@ export async function setShowValveInternal(show: boolean) {
 }
 
 export async function setShouldConnectToReactDevTools(enable: boolean) {
-  const { t } = useTranslation();
-
   window.DeckyPluginLoader.toaster.toast({
-    title: (enable ? t('Developer.enabling') : t('Developer.disabling')) + ' React DevTools',
-    body: t('Developer.5secreload'),
+    title: enable ? (
+      <TranslationHelper trans_class={TranslationClass.DEVELOPER} trans_text={'enabling'} />
+    ) : (
+      <TranslationHelper trans_class={TranslationClass.DEVELOPER} trans_text={'disabling'} />
+    ),
+    body: <TranslationHelper trans_class={TranslationClass.DEVELOPER} trans_text={'5secreload'} />,
     icon: <FaReact />,
   });
   await sleep(5000);
@@ -80,29 +64,4 @@ export async function startup() {
 
   if ((isRDTEnabled && !window.deckyHasConnectedRDT) || (!isRDTEnabled && window.deckyHasConnectedRDT))
     setShouldConnectToReactDevTools(isRDTEnabled);
-
-  logger.log('Exposing decky-frontend-lib APIs as DFL');
-  window.DFL = {
-    findModuleChild,
-    findModule,
-    Navigation,
-    Router,
-    ReactRouter,
-    ReactUtils: {
-      fakeRenderComponent,
-      findInReactTree,
-      findInTree,
-    },
-    classes: {
-      scrollClasses,
-      staticClasses,
-      playSectionClasses,
-      scrollPanelClasses,
-      updaterFieldClasses,
-      gamepadDialogClasses,
-      gamepadSliderClasses,
-      quickAccessMenuClasses,
-      quickAccessControlsClasses,
-    },
-  };
 }

frontend/src/hidden-plugins-service.tsx

@@ -0,0 +1,34 @@
+import { DeckyState } from './components/DeckyState';
+import { getSetting, setSetting } from './utils/settings';
+
+/**
+ * A Service class for managing the state and actions related to the hidden plugins feature
+ *
+ * It's mostly responsible for sending setting updates to the server and keeping the local state in sync.
+ */
+export class HiddenPluginsService {
+  constructor(private deckyState: DeckyState) {}
+
+  init() {
+    getSetting<string[]>('hiddenPlugins', []).then((hiddenPlugins) => {
+      this.deckyState.setHiddenPlugins(hiddenPlugins);
+    });
+  }
+
+  /**
+   * Sends the new hidden plugins list to the server and persists it locally in the decky state
+   *
+   * @param hiddenPlugins The new list of hidden plugins
+   */
+  async update(hiddenPlugins: string[]) {
+    await setSetting('hiddenPlugins', hiddenPlugins);
+    this.deckyState.setHiddenPlugins(hiddenPlugins);
+  }
+
+  /**
+   * Refreshes the state of hidden plugins in the local state
+   */
+  async invalidate() {
+    this.deckyState.setHiddenPlugins(await getSetting('hiddenPlugins', []));
+  }
+}

frontend/src/index.ts

@@ -0,0 +1,6 @@
+// Sets up DFL, then loads start.ts which starts up the loader
+(async () => {
+  console.debug('Setting up decky-frontend-lib...');
+  window.DFL = await import('decky-frontend-lib');
+  await import('./start');
+})();

frontend/src/plugin-loader.tsx

@@ -1,16 +1,29 @@
-import { ConfirmModal, ModalRoot, Patch, QuickAccessTab, Router, showModal, sleep } from 'decky-frontend-lib';
+import {
+  ModalRoot,
+  PanelSection,
+  PanelSectionRow,
+  Patch,
+  QuickAccessTab,
+  Router,
+  quickAccessMenuClasses,
+  showModal,
+  sleep,
+} from 'decky-frontend-lib';
 import { FC, lazy } from 'react';
-import { FaCog, FaExclamationCircle, FaPlug } from 'react-icons/fa';
+import { FaExclamationCircle, FaPlug } from 'react-icons/fa';
 
 import { DeckyState, DeckyStateContextProvider, useDeckyState } from './components/DeckyState';
 import LegacyPlugin from './components/LegacyPlugin';
 import { deinitFilepickerPatches, initFilepickerPatches } from './components/modals/filepicker/patches';
+import MultiplePluginsInstallModal from './components/modals/MultiplePluginsInstallModal';
 import PluginInstallModal from './components/modals/PluginInstallModal';
+import PluginUninstallModal from './components/modals/PluginUninstallModal';
 import NotificationBadge from './components/NotificationBadge';
 import PluginView from './components/PluginView';
 import WithSuspense from './components/WithSuspense';
+import { HiddenPluginsService } from './hidden-plugins-service';
 import Logger from './logger';
-import { Plugin } from './plugin';
+import { InstallType, Plugin } from './plugin';
 import RouterHook from './router-hook';
 import { deinitSteamFixes, initSteamFixes } from './steamfixes';
 import { checkForUpdates } from './store';
@@ -19,6 +32,7 @@ import OldTabsHook from './tabs-hook.old';
 import Toaster from './toaster';
 import { VerInfo, callUpdaterMethod } from './updater';
 import { getSetting } from './utils/settings';
+import TranslationHelper, { TranslationClass } from './utils/TranslationHelper';
 
 const StorePage = lazy(() => import('./components/store/Store'));
 const SettingsPage = lazy(() => import('./components/settings'));
@@ -32,6 +46,7 @@ class PluginLoader extends Logger {
   private routerHook: RouterHook = new RouterHook();
   public toaster: Toaster = new Toaster();
   private deckyState: DeckyState = new DeckyState();
+  public hiddenPluginsService = new HiddenPluginsService(this.deckyState);
 
   private reloadLock: boolean = false;
   // stores a list of plugin names which requested to be reloaded
@@ -98,10 +113,14 @@ class PluginLoader extends Logger {
     const versionInfo = await this.updateVersion();
     if (versionInfo?.remote && versionInfo?.remote?.tag_name != versionInfo?.current) {
       this.toaster.toast({
-        //title: t('PluginLoader.decky_title'),
-        title: 'Decky',
-        //body: t('PluginLoader.decky_update_available', { tag_name: versionInfo?.remote?.tag_name }),
-        body: `Update to ${versionInfo?.remote?.tag_name} available!`,
+        title: <TranslationHelper trans_class={TranslationClass.PLUGIN_LOADER} trans_text="decky_title" />,
+        body: (
+          <TranslationHelper
+            trans_class={TranslationClass.PLUGIN_LOADER}
+            trans_text="decky_update_available"
+            i18n_args={{ tag_name: versionInfo?.remote?.tag_name }}
+          />
+        ),
         onClick: () => Router.Navigate('/decky/settings'),
       });
       this.deckyState.setHasLoaderUpdate(true);
@@ -120,10 +139,14 @@ class PluginLoader extends Logger {
     const updates = await this.checkPluginUpdates();
     if (updates?.size > 0) {
       this.toaster.toast({
-        //title: t('PluginLoader.decky_title'),
-        title: 'Decky',
-        //body: t('PluginLoader.plugin_update', { count: updates.size }),
-        body: `Updates available for ${updates.size} plugin${updates.size > 1 ? 's' : ''}!`,
+        title: <TranslationHelper trans_class={TranslationClass.PLUGIN_LOADER} trans_text="decky_title" />,
+        body: (
+          <TranslationHelper
+            trans_class={TranslationClass.PLUGIN_LOADER}
+            trans_text="plugin_update"
+            i18n_args={{ count: updates.size }}
+          />
+        ),
         onClick: () => Router.Navigate('/decky/settings/plugins'),
       });
     }
@@ -148,23 +171,23 @@ class PluginLoader extends Logger {
     );
   }
 
-  public uninstallPlugin(name: string, title: string, button_text: string, description: string) {
+  public addMultiplePluginsInstallPrompt(
+    request_id: string,
+    requests: { name: string; version: string; hash: string; install_type: InstallType }[],
+  ) {
     showModal(
-      <ConfirmModal
-        onOK={async () => {
-          await this.callServerMethod('uninstall_plugin', { name });
-        }}
-        onCancel={() => {
-          // do nothing
-        }}
-        strTitle={title}
-        strOKButtonText={button_text}
-      >
-        {description}
-      </ConfirmModal>,
+      <MultiplePluginsInstallModal
+        requests={requests}
+        onOK={() => this.callServerMethod('confirm_plugin_install', { request_id })}
+        onCancel={() => this.callServerMethod('cancel_plugin_install', { request_id })}
+      />,
     );
   }
 
+  public uninstallPlugin(name: string, title: string, buttonText: string, description: string) {
+    showModal(<PluginUninstallModal name={name} title={title} buttonText={buttonText} description={description} />);
+  }
+
   public hasPlugin(name: string) {
     return Boolean(this.plugins.find((plugin) => plugin.name == name));
   }
@@ -186,6 +209,8 @@ class PluginLoader extends Logger {
       console.log(pluginOrder);
       this.deckyState.setPluginOrder(pluginOrder);
     });
+
+    this.hiddenPluginsService.init();
   }
 
   public deinit() {
@@ -253,28 +278,32 @@ class PluginLoader extends Logger {
           version: version,
         });
       } catch (e) {
-        //this.error(t('PluginLoader.plugin_load_error.message', { name: name }), e);
         this.error('Error loading plugin ' + name, e);
-        /*const TheError: FC<{}> = () => (
-          <>
-            {t('PluginLoader.error')}:{' '}
-            <pre>
-              <code>{e instanceof Error ? e.stack : JSON.stringify(e)}</code>
-            </pre>
-            <>{t('PluginLoader.plugin_error_uninstall', { icon: "<FaCog style={{ display: 'inline' }} />" })}</>
-          </>
-        );*/
         const TheError: FC<{}> = () => (
-          <>
-            Error:{' '}
-            <pre>
-              <code>{e instanceof Error ? e.stack : JSON.stringify(e)}</code>
-            </pre>
-            <>
-              Please go to <FaCog style={{ display: 'inline' }} /> in the Decky menu if you need to uninstall this
-              plugin.
-            </>
-          </>
+          <PanelSection>
+            <PanelSectionRow>
+              <div
+                className={quickAccessMenuClasses.FriendsTitle}
+                style={{ display: 'flex', justifyContent: 'center' }}
+              >
+                <TranslationHelper trans_class={TranslationClass.PLUGIN_LOADER} trans_text="error" />
+              </div>
+            </PanelSectionRow>
+            <PanelSectionRow>
+              <pre style={{ overflowX: 'scroll' }}>
+                <code>{e instanceof Error ? e.stack : JSON.stringify(e)}</code>
+              </pre>
+            </PanelSectionRow>
+            <PanelSectionRow>
+              <div className={quickAccessMenuClasses.Text}>
+                <TranslationHelper
+                  trans_class={TranslationClass.PLUGIN_LOADER}
+                  trans_text="plugin_error_uninstall"
+                  i18n_args={{ name: name }}
+                />
+              </div>
+            </PanelSectionRow>
+          </PanelSection>
         );
         this.plugins.push({
           name: name,
@@ -283,8 +312,13 @@ class PluginLoader extends Logger {
           icon: <FaExclamationCircle />,
         });
         this.toaster.toast({
-          //title: t('PluginLoader.plugin_load_error.toast', { name: name }),
-          title: 'Error loading ' + name,
+          title: (
+            <TranslationHelper
+              trans_class={TranslationClass.PLUGIN_LOADER}
+              trans_text="plugin_load_error.toast"
+              i18n_args={{ name: name }}
+            />
+          ),
           body: '' + e,
           icon: <FaExclamationCircle />,
         });

frontend/src/start.tsx

@@ -1,4 +1,3 @@
-import { Navigation, Router, sleep } from 'decky-frontend-lib';
 import i18n from 'i18next';
 import Backend from 'i18next-http-backend';
 import { initReactI18next } from 'react-i18next';
@@ -19,23 +18,6 @@ declare global {
   }
 }
 
-(async () => {
-  try {
-    if (!Router.NavigateToAppProperties || !Router.NavigateToLibraryTab || !Router.NavigateToInvites) {
-      while (!Navigation.NavigateToAppProperties) await sleep(100);
-      const shims = {
-        NavigateToAppProperties: Navigation.NavigateToAppProperties,
-        NavigateToInvites: Navigation.NavigateToInvites,
-        NavigateToLibraryTab: Navigation.NavigateToLibraryTab,
-      };
-      (Router as unknown as any).deckyShim = true;
-      Object.assign(Router, shims);
-    }
-  } catch (e) {
-    console.error('[DECKY]: Error initializing Navigation interface shims', e);
-  }
-})();
-
 (async () => {
   window.deckyAuthToken = await fetch('http://127.0.0.1:1337/auth/token').then((r) => r.text());
 

frontend/src/store.tsx

@@ -23,6 +23,12 @@ export interface StorePlugin {
   image_url: string;
 }
 
+export interface PluginInstallRequest {
+  plugin: string;
+  selectedVer: StorePluginVersion;
+  installType: InstallType;
+}
+
 // name: version
 export type PluginUpdateMapping = Map<string, StorePluginVersion>;
 
@@ -74,8 +80,7 @@ export async function installFromURL(url: string) {
 }
 
 export async function requestPluginInstall(plugin: string, selectedVer: StorePluginVersion, installType: InstallType) {
-  const artifactUrl =
-    selectedVer.artifact ?? `https://cdn.tzatzikiweeb.moe/file/steam-deck-homebrew/versions/${selectedVer.hash}.zip`;
+  const artifactUrl = selectedVer.artifact ?? pluginUrl(selectedVer.hash);
   await window.DeckyPluginLoader.callServerMethod('install_plugin', {
     name: plugin,
     artifact: artifactUrl,
@@ -85,6 +90,18 @@ export async function requestPluginInstall(plugin: string, selectedVer: StorePlu
   });
 }
 
+export async function requestMultiplePluginInstalls(requests: PluginInstallRequest[]) {
+  await window.DeckyPluginLoader.callServerMethod('install_plugins', {
+    requests: requests.map(({ plugin, installType, selectedVer }) => ({
+      name: plugin,
+      artifact: selectedVer.artifact ?? pluginUrl(selectedVer.hash),
+      version: selectedVer.name,
+      hash: selectedVer.hash,
+      install_type: installType,
+    })),
+  });
+}
+
 export async function checkForUpdates(plugins: Plugin[]): Promise<PluginUpdateMapping> {
   const serverData = await getPluginList();
   const updateMap = new Map<string, StorePluginVersion>();
@@ -96,3 +113,7 @@ export async function checkForUpdates(plugins: Plugin[]): Promise<PluginUpdateMa
   }
   return updateMap;
 }
+
+function pluginUrl(hash: string) {
+  return `https://cdn.tzatzikiweeb.moe/file/steam-deck-homebrew/versions/${hash}.zip`;
+}

frontend/src/utils/TranslationHelper.tsx

@@ -0,0 +1,64 @@
+import { FC } from 'react';
+import { Translation } from 'react-i18next';
+
+import Logger from '../logger';
+import { InstallType } from '../plugin';
+
+export enum TranslationClass {
+  PLUGIN_LOADER = 'PluginLoader',
+  PLUGIN_INSTALL_MODAL = 'PluginInstallModal',
+  DEVELOPER = 'Developer',
+}
+
+interface TranslationHelperProps {
+  trans_class: TranslationClass;
+  trans_text: string;
+  i18n_args?: {};
+  install_type?: number;
+}
+
+const logger = new Logger('TranslationHelper');
+
+const TranslationHelper: FC<TranslationHelperProps> = ({
+  trans_class,
+  trans_text,
+  i18n_args = null,
+  install_type = 0,
+}) => {
+  return (
+    <Translation>
+      {(t, {}) => {
+        switch (trans_class) {
+          case TranslationClass.PLUGIN_LOADER:
+            return i18n_args
+              ? t(TranslationClass.PLUGIN_LOADER + '.' + trans_text, i18n_args)
+              : t(TranslationClass.PLUGIN_LOADER + '.' + trans_text);
+          case TranslationClass.PLUGIN_INSTALL_MODAL:
+            switch (install_type) {
+              case InstallType.INSTALL:
+                return i18n_args
+                  ? t(TranslationClass.PLUGIN_INSTALL_MODAL + '.install.' + trans_text, i18n_args)
+                  : t(TranslationClass.PLUGIN_INSTALL_MODAL + '.install.' + trans_text);
+              case InstallType.REINSTALL:
+                return i18n_args
+                  ? t(TranslationClass.PLUGIN_INSTALL_MODAL + '.reinstall.' + trans_text, i18n_args)
+                  : t(TranslationClass.PLUGIN_INSTALL_MODAL + '.reinstall.' + trans_text);
+              case InstallType.UPDATE:
+                return i18n_args
+                  ? t(TranslationClass.PLUGIN_INSTALL_MODAL + '.update.' + trans_text, i18n_args)
+                  : t(TranslationClass.PLUGIN_INSTALL_MODAL + '.update.' + trans_text);
+            }
+          case TranslationClass.DEVELOPER:
+            return i18n_args
+              ? t(TranslationClass.DEVELOPER + '.' + trans_text, i18n_args)
+              : t(TranslationClass.DEVELOPER + '.' + trans_text);
+          default:
+            logger.error('We should never fall in the default case!');
+            return '';
+        }
+      }}
+    </Translation>
+  );
+};
+
+export default TranslationHelper;