Merge pull request #673 from Zagrios/chore/add-bs-version-outated-alert-in-version-view

[chore] added a beat saber version outdated warning in the version view

.eslintrc.js

@@ -59,6 +59,7 @@ module.exports = {
         "react/function-component-definition": "off",
         "jsx-a11y/control-has-associated-label": "off",
         "react/button-has-type": "off",
+        "max-classes-per-file": "off",
     },
     parserOptions: {
         ecmaVersion: 2020,

.gitattributes

@@ -16,3 +16,4 @@
 *.woff  binary
 *.woff2 binary
 assets/scripts/* binary
+*.zip binary

.github/workflows/node.js.yaml

@@ -13,7 +13,7 @@ jobs:
     build:
         strategy:
             matrix:
-                os: [ubuntu-latest, windows-latest, macos-latest]
+                os: [ubuntu-latest, windows-latest]
 
         runs-on: ${{ matrix.os }}
 
@@ -26,6 +26,7 @@ jobs:
                   cache: "npm"
             - run: npm ci
             - run: npm run build
-            - run: npm test
-              # Currently typescript, eslint, and prettier are unhappy
-              continue-on-error: true
+
+            - name: Unit tests
+              run: npm run test:unit
+

assets/jsons/bs-versions.json

@@ -785,7 +785,24 @@
 		"ReleaseURL": "https://steamcommunity.com/games/620980/announcements/detail/4669760442595134838",
 		"ReleaseImg": "https://clan.akamai.steamstatic.com/images/32055887/57cfa043407c091e67b7e0a8ae86fe5590deae33.png",
 		"ReleaseDate": "1728399815",
+		"year": "2024"
+	},
+	{
+		"BSVersion": "1.39.0",
+		"BSManifest": "5365094543246905054",
+		"OculusBinaryId": "7978663688900007",
+		"ReleaseURL": "https://steamcommunity.com/games/620980/announcements/detail/4451339035198095638",
+		"ReleaseImg": "https://clan.cloudflare.steamstatic.com/images/32055887/fd8e2c783e46decdf5e10fed1e16f124616d9321.png",
+		"ReleaseDate": "1731426932",
+		"year": "2024"
+	},
+	{
+		"BSVersion": "1.39.1",
+		"BSManifest": "2179614296547473280",
+		"OculusBinaryId": "8189133517853022",
+		"ReleaseURL": "https://steamcommunity.com/games/620980/announcements/detail/4451340304252928024",
+		"ReleaseDate": "1732107748",
 		"year": "2024",
-		"recommended": true
+        "recommended": true
 	}
-]
+]

assets/jsons/changelogs.json

@@ -1,14 +0,0 @@
-{
-    "1.5.0-alpha.1":{
-        "htmlBody" :"<strong>BSManager continues to get better, thanks to your continued support and contributions!</strong><center>🎈🎉🎈</center><p>Note: This is an alpha release, encountering bugs is expected. Please file new issues for any bugs you find.</p><h2>Features</h2><ul><li>Added playlist support</li><li>Added Linux support (Thanks to @Insprill)</li><li>Added reset button to reset values when editing a Beat Saber version (Thanks to @Liborsaf)</li><li>Added a changelog modal</li></ul><h2>Fixes</h2><ul><li>Fixed an issue where switching between Beat Saber versions too quickly displayed mods for the wrong version</li><li>Fixed an issue where the launch window from a shortcut would never close</li><li>Advanced launch arguments are used even when the input field is closed</li><li>Fixed an issue where having many maps caused some maps to not have their information loaded</li></ul><h2>Other changes</h2><ul><li>.NET Framework is no longer required</li><li>Clear English translations for the Steam credentials popup (Thanks to @Aeywoo)</li><li>NSFW models are now blurred when browsing for models</li><li>When no mods are available for a Beat Saber version, the version number is now shown</li><li>Mods load faster</li><li>After a first full maps loading, maps load almost instantly</li><li>Improved performance in lists with lot of contents</li></ul>",
-        "title" : "What's new ?",
-        "timestamp" : 1721048400,
-        "version" : "1.5.0-alpha.1"
-    },
-    "1.5.0-alpha.2":{
-        "htmlBody" :"<strong>BSManager continues to get better, thanks to your continued support and contributions!</strong><center>🎈🎉🎈</center><p>Note: This is an alpha release, encountering bugs is expected. Please file new issues for any bugs you find.</p><h4>Alpha changes</h4><ul><li>Fixed an issue where BSIPA could not be installed if the BS version&#39;s path contained spaces #523</li><li>Fixed a crash when changing audio volume #518</li><li>Fixed an issue where playlist maps with a malformed hash were not loaded #517</li><li>Improved reliability of reading maps from a playlist file #517</li><li>Playlists in sub-folders are now loaded #514</li><li>Fixed a crash when loading an invalid playlist file #513</li></ul><h2>Features</h2><ul> <li>Added playlist support</li> <li>Added Linux support (Thanks to @Insprill)</li> <li>Added reset button to reset values when editing a Beat Saber version (Thanks to @Liborsaf)</li> <li>Added a changelog modal</li></ul><h3>Fixes</h3><ul><li>Fixed an issue where switching between Beat Saber versions too quickly displayed mods for the wrong version #472</li><li>Fixed an issue where the launch window from a shortcut would never close #485</li><li>Advanced launch arguments are used even when the input field is closed #496</li><li>Fixed an issue where having many maps caused some maps to not have their information loaded #503</li><li>Fixed an issue where downloading maps sometimes resulted in a timeout error #524</li><li>Fixed an issue where the duration of maps could be wrong in some cases #522</li></ul><h2>Other changes</h2><ul> <li>.NET Framework is no longer required</li> <li>Clear English translations for the Steam credentials popup (Thanks to @Aeywoo)</li> <li>NSFW models are now blurred when browsing for models</li> <li>When no mods are available for a Beat Saber version, the version number is now shown</li> <li>Mods load faster</li> <li>After a first full maps loading, maps load almost instantly</li> <li>Improved performance in lists with lot of contents</li></ul>",
-        "title" : "What's new ?",
-        "timestamp" : 1721665382,
-        "version" : "1.5.0-alpha.2"
-    }
-}

assets/jsons/patreons.json

@@ -54,60 +54,69 @@
 		"type": "diamond",
 		"link": "https://www.youtube.com/@lumberjack462"
 	},
-    {
+	{
 		"username": "Xero"
 	},
-    {
+	{
 		"username": "Minescence"
 	},
-    {
+	{
 		"username": "mereknom"
 	},
-    {
+	{
 		"username": "Jascha"
 	},
-    {
+	{
 		"username": "Celldweller",
 		"type": "gold"
 	},
-    {
+	{
 		"username": "rhythmshade"
 	},
-    {
+	{
 		"username": "liborsaf"
 	},
-    {
+	{
 		"username": "aatame3",
 		"type": "gold"
 	},
-    {
+	{
 		"username": "Joshua"
 	},
-    {
+	{
 		"username": "Stuijvi",
 		"type": "gold"
 	},
-    {
-        "username": "_ monaka"
-    },
-    {
-        "username": "Better_Axel"
-    },
-    {
+	{
+		"username": "_ monaka"
+	},
+	{
+		"username": "Better_Axel"
+	},
+	{
 		"username": "Riley",
 		"type": "gold"
 	},
-    {
-        "username": "Austin"
-    },
-    {
+	{
+		"username": "Austin"
+	},
+	{
 		"username": "Fatalution",
 		"type": "diamond",
 		"link": "https://x.com/fatalution"
 	},
-    {
+	{
 		"username": "Taurus Arcade",
 		"type": "gold"
+	},
+	{
+		"username": "Mozz_Zm"
+	},
+	{
+		"username": "clapxz"
+	},
+    {
+		"username": "Reflected Chop",
+		"type": "gold"
 	}
-
 ]

assets/jsons/translations/de.json

@@ -15,7 +15,11 @@
         "apply": "Übernehmen",
         "copy": "Kopieren",
         "copied": "Kopiert!",
-        "confirm": "Bestätigen"
+        "confirm": "Bestätigen",
+        "choose-folder": "Ordner Wählen",
+        "unknown": "Ein unbekannter Fehler ist aufgetreten ¯\\_(ツ)_/¯",
+        "warning": "Achtung",
+        "continue": "Weiter"
     },
     "nav-bar": {
         "add-version": "Version hinzufügen",
@@ -34,6 +38,7 @@
                 "desktop-description": "Auf diese Weise kannst du WASD und die Maus verwenden, um im Spiel durch das Menü zu navigieren. Dies erleichtert das Testen erheblich, da du dein Headset nicht aufsetzen musst!",
                 "debug": "Debug Modus",
                 "debug-description": "Aktiviert das Ausgabeprotokollfenster für IPA. Dies zeigt die Debug-Konsole, welche die Mods verwenden.",
+                "outdated-tippy": "Diese Version ist veraltet, und einige Mods oder Funktionen funktionieren möglicherweise nicht wie erwartet. Es wird empfohlen, die empfohlene Version ({recommendedVersion}) von Beat Saber zu verwenden, um die neuesten Funktionen und Fehlerbehebungen zu genießen.",
                 "advanced-launch": {
                     "button": "Erweiterter Start",
                     "placeholder": "Weitere Argumente, bspw: --revert; --nowait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "Hinzufügen"
+                            "drop-down": {
+                                "browse-maps": "Karten durchsuchen",
+                                "import-maps": "Karten importieren"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "Keine Maps",
                             "button": "Maps herunterladen"
+                        },
+                        "drop-zone": {
+                            "text": "Deine Karten importieren",
+                            "subtext": "Lasse deine ZIP-Dateien hier fallen, um deine Karten zu importieren"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "Wiedergabelisten durchsuchen",
+                            "create-a-playlist": "Eine Wiedergabeliste erstellen",
+                            "import-playlists": "Wiedergabelisten importieren"
+                        },
+                        "drop-zone": {
+                            "text": "Importiere deine Wiedergabelisten",
+                            "subtext": "Ziehe deine \".bplist\" oder \".json\" Dateien hierhin, um sie zu importieren"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "Neueste",
                         "description": "Beschreibung",
                         "dropdown": {
-                            "uninstall-all": "Alle deinstallieren"
+                            "uninstall-all": "Alle deinstallieren",
+                            "unselect-all": "Alle abwählen"
                         }
                     }
                 },
@@ -141,8 +163,15 @@
             },
             "installation-folder": {
                 "title": "Installations-Ordner",
-                "description": "Ändern Sie den Ordner, der alle von BSManager heruntergeladenen Inhalte enthalten wird.",
-                "choose-folder": "Ordner wählen"
+                "description": "Ändern Sie den Ordner, der alle von BSManager heruntergeladenen Inhalte enthalten wird."
+            },
+            "proton-folder": {
+                "title": "Proton-Ordner",
+                "description": "Ändern Sie den Ordner zum Proton-Pfad. (z. B. Proton - Experimental)",
+                "errors": {
+                    "title": "Das Einstellen des Proton-Ordners ist fehlgeschlagen",
+                    "invalid-folder": "Ungültiger Proton-Ordnerpfad"
+                }
             },
             "additional-content": {
                 "title": "Zusätzlicher Inhalt",
@@ -164,6 +193,7 @@
                     "zh-CN": "简体中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "Englisch, Vereinigtes Königreich",
                         "en-US": "Englisch, USA",
@@ -173,7 +203,8 @@
                         "ru-RU": "Russisch",
                         "zh-CN": "Vereinfachtes Chinesisch",
                         "zh-TW": "Traditionelles Chinesisch",
-                        "ja-JP": "Japanisch"
+                        "ja-JP": "Japanisch",
+                        "ko-KR": "Koreanisch"
                     }
                 }
             },
@@ -201,10 +232,6 @@
                     "open-logs": "Protokolle öffnen"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 Neues im Changelog entdecken!",
-                "not-founds": "😕 Hoppla, kein Changelog zu sehen!"
-            },
             "advanced": {
                 "title": "Erweiterte",
                 "description": "Erweiterte Einstellungen für BSManager.",
@@ -250,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "Vorgang läuft",
-                    "no-internet": "Kein Internet"
+                    "no-internet": "Kein Internet",
+                    "file-not-supported": "Datei wird nicht unterstützt"
                 },
                 "msg": {
                     "operation-running": "Warte auf das Ende des aktuellen Vorgangs und versuche es erneut.",
-                    "no-internet": "Überprüfe deine Verbindung und versuche es erneut."
+                    "no-internet": "Überprüfe deine Verbindung und versuche es erneut.",
+                    "file-not-supported": "Nur {types}-Dateien werden unterstützt."
                 }
             }
         },
@@ -414,8 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculus läuft nicht",
                     "BS_ALREADY_RUNNING": "Beat Saber läuft bereits",
                     "EXE_NOT_FINDED": "Dateien fehlen",
+                    "PROTON_NOT_SET": "Proton-Ordner nicht festgelegt",
+                    "PROTON_NOT_FOUND": "Proton-Binärdatei nicht gefunden",
                     "EXIT": "Abrupter Stop",
-                    "OCULUS_LIB_NOT_FOUND": "Oculus-Bibliothek nicht gefunden"
+                    "OCULUS_LIB_NOT_FOUND": "Oculus-Bibliothek nicht gefunden",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Original Oculus-Version nicht gefunden"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "Ein unbekannter Fehler ist aufgetreten.",
@@ -424,7 +456,10 @@
                     "BS_ALREADY_RUNNING": "Schließe Beat Saber, bevor du es erneut startest.",
                     "EXE_NOT_FINDED": "Einige Dateien scheinen zu fehlen. Versuche, die Dateien zu überprüfen.",
                     "EXIT": "Beat Saber stoppte abrupt. Versuche, die Dateien zu überprüfen.",
-                    "OCULUS_LIB_NOT_FOUND": "Überprüfe, ob die Oculus-Anwendung korrekt installiert ist und dass die Bibliotheken in Oculus richtig definiert sind."
+                    "OCULUS_LIB_NOT_FOUND": "Überprüfe, ob die Oculus-Anwendung korrekt installiert ist und dass die Bibliotheken in Oculus richtig definiert sind.",
+                    "PROTON_NOT_SET": "Stellen Sie den Proton-Pfad in den Einstellungen ein.",
+                    "PROTON_NOT_FOUND": "Stellen Sie den Proton-Pfad in den Einstellungen ein.",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Beat Saber muss vor dem Öffnen über die Oculus-App installiert werden."
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "Starte Steam"
@@ -505,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "Duplikate gelöscht",
                 "msg": "Duplikate wurden gelöscht"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "Kartenimport abgeschlossen",
+                    "error": "Beim Kartenimport ist ein Fehler aufgetreten"
+                },
+                "msgs": {
+                    "success": "Die Karten wurden erfolgreich importiert.",
+                    "some-success": "Einige Karten wurden erfolgreich importiert.",
+                    "only-accept-zip": "Nur Zip-Dateien werden unterstützt.",
+                    "invalid-zip": "Die Zip-Datei(en) enthalten keine Karten.",
+                    "unknown": "Ein unbekannter Fehler ist aufgetreten."
+                }
             }
         },
         "playlists": {
@@ -544,6 +592,14 @@
             "error": {
                 "msg": "Beim Erstellen der Verknüpfung ist ein Fehler aufgetreten."
             }
+        },
+        "bs-version-oudated": {
+            "title": "Veraltete Version",
+            "msg": "Diese Version von Beat Saber ist veraltet. Verwenden Sie die empfohlene Version, um die neuesten Funktionen und Fehlerbehebungen zu nutzen.",
+            "actions": {
+                "do-not-remind": "Nicht mehr daran erinnern",
+                "ok": "Ok"
+            }
         }
     },
     "modals": {
@@ -751,7 +807,7 @@
         "original-version-backup-oculus": {
             "title": "Achtung",
             "body": {
-                "must-be-installed-once": "Du musst Beat Saber mindestens einmal aus dem Oculus Store installiert haben, sonst könnte sich Beat Saber nach dem Start automatisch schließen.",
+                "must-be-installed-once": "Sie müssen Beat Saber aus dem Oculus Store auf diesem Gerät installiert haben, andernfalls wird Beat Saber nach dem Start automatisch geschlossen.",
                 "will-backup": "Um diese Version zu starten, wird der ursprüngliche Installationsordner von Beat Saber in deiner Oculus-Bibliothek umbenannt und beim Schließen von Beat Saber automatisch wiederhergestellt."
             },
             "not-remind-me": "Nicht mehr erinnern",
@@ -788,9 +844,17 @@
         "ask-install-path": {
             "title": "Installations Ordner",
             "choose-folder-description": "Wählen Sie den Ordner aus, der alle von BSManager heruntergeladenen Inhalte enthalten soll. (Versionen, Mods, Karten, Playlists, etc.)",
-            "choose-folder": "Ordner Wählen",
             "default": "Standard",
             "default-tooltip": "Standardmäßig in Ihrem persönlichen Ordner"
+        },
+        "choose-proton-folder": {
+            "title": "Proton-Ordner",
+            "proton-folder-description": "Unter Linux benötigt BSManager Proton, um zu funktionieren. Wählen Sie den Installationsordner von Proton, um fortzufahren.",
+            "proton-folder-placeholder": "Proton-Installationsordner",
+            "where-is-proton-installed": "Wo ist Proton installiert?"
+        },
+        "bs-version-outdated": {
+            "body": "Die Version {outdatedVersion} ist veraltet, und einige Mods oder Funktionen funktionieren möglicherweise nicht mehr wie erwartet. Bitte lade die neueste empfohlene Version ({recommendedVersion}) von Beat Saber herunter, um die neuesten Funktionen und Fehlerbehebungen zu nutzen."
         }
     },
     "maps": {
@@ -813,42 +877,42 @@
             "tech": "Tech"
         },
         "map-styles": {
-            "dance": "Tanz",
-            "swing": "Swing",
-            "nightcore": "Nightcore",
-            "folk": "Folk",
-            "family": "Familie",
-            "ambient": "Umgebung",
-            "funk": "Funk",
-            "jazz": "Jazz",
-            "soul": "Soul",
-            "speedcore": "Speedcore",
-            "punk": "Punk",
-            "rb": "R&B",
-            "holiday": "Urlaub",
-            "vocaloid": "Vokaloid",
-            "j-rock": "J-Rock",
-            "trance": "Trance",
-            "drumbass": "Basstrommel",
-            "comedy": "Komödie",
-            "instrumental": "Instrumental",
-            "hardcore": "Hardcore",
-            "k-pop": "K-Pop",
-            "indie": "Indie",
-            "techno": "Techno",
-            "house": "House",
-            "game": "Videospiele",
-            "film": "Filme",
-            "alt": "Alternativ",
-            "dubstep": "Dubstep",
-            "metal": "Metal",
-            "anime": "Anime",
-            "hiphop": "HipHop",
-            "j-pop": "J-Pop",
-            "rock": "Rock",
-            "pop": "Pop",
-            "electronic": "Elektronisch",
-            "classical-orchestral": "Klassisch & Orchester"
+            "dance": "tanz",
+            "swing": "swing",
+            "nightcore": "nightcore",
+            "folk-acoustic": "folk & akustisch",
+            "kids-family": "kinder & familie",
+            "ambient": "ambient",
+            "funk-disco": "funk & disco",
+            "jazz": "jazz",
+            "soul": "soul",
+            "speedcore": "speedcore",
+            "punk": "punk",
+            "rb": "r&b",
+            "holiday": "urlaub",
+            "vocaloid": "vocaloid",
+            "j-rock": "j-rock",
+            "trance": "trance",
+            "drum-and-bass": "drum & bass",
+            "comedy-meme": "komödie & meme",
+            "instrumental": "instrumental",
+            "hardcore": "hardcore",
+            "k-pop": "k-pop",
+            "indie": "indie",
+            "techno": "techno",
+            "house": "house",
+            "video-game-soundtrack": "videospiel",
+            "tv-movie-soundtrack": "TV & film",
+            "alternative": "alternativ",
+            "dubstep": "dubstep",
+            "metal": "metal",
+            "anime": "anime",
+            "hip-hop-rap": "hip hop & rap",
+            "j-pop": "j-pop",
+            "rock": "rock",
+            "pop": "pop",
+            "electronic": "elektronisch",
+            "classical-orchestral": "Klassisch & Orchestral"
         },
         "map-specificities": {
             "automapper": "KI",
@@ -875,7 +939,8 @@
             "bsr-code" : "BSR Code",
             "download" : "Karte herunterladen",
             "downloading" :"Karte wird heruntergeladen",
-            "cancel-download" : "Download abbrechen"
+            "cancel-download" : "Download abbrechen",
+            "hightlight-difficulty": "Schwierigkeit hervorheben"
         }
     },
     "models": {
@@ -1032,10 +1097,6 @@
                 "go-to-mods": "Zu den Mods",
                 "not-remind": "Nicht mehr erinnern"
             },
-            "prevent-for-models-breaks": {
-                "title": "Gebrochene Modelle",
-                "desc": "Seit dem Update der Beat Saber Engine sind alle benutzerdefinierten Modellmods defekt und müssen aktualisiert werden. Sie wurden noch nicht aktualisiert."
-            },
             "export-success": {
                 "title": "Export abgeschlossen 🎉"
             }
@@ -1067,6 +1128,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "Oder Dateien durchsuchen"
+    },
     "playlist": {
         "error-playlist-creation-title": "Fehler beim Erstellen der Playlist",
         "error-playlist-creation-desc": "Beim Erstellen der Playlist ist ein Fehler aufgetreten.",
@@ -1181,6 +1245,24 @@
             "last-week": "Letzte Woche",
             "last-month": "Letzter Monat",
             "3-last-month": "Letzte 3 Monate"
+        },
+        "playlists-imported": "Wiedergabelisten importiert",
+        "all-playlists-have-been-successfully-imported": "Alle Wiedergabelisten wurden erfolgreich importiert",
+        "no-playlist-found": "Keine Wiedergabeliste gefunden",
+        "no-playlist-found-in-selected-files": "Keine Wiedergabeliste in den ausgewählten Dateien gefunden",
+        "some-playlists-not-imported": "Einige Wiedergabelisten wurden nicht importiert",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "Einige Wiedergabelisten konnten nicht gefunden werden",
+            "INVALID_PLAYLIST_FILE": "Einige Wiedergabelisten sind ungültig",
+            "CANNOT_PARSE_PLAYLIST": "Einige Wiedergabelisten sind nicht lesbar",
+            "unknown": "Einige Wiedergabelisten konnten nicht importiert werden"
+        },
+        "no-playlists-imported": "Keine Wiedergabelisten importiert",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "Wiedergabelisten konnten nicht gefunden werden",
+            "INVALID_PLAYLIST_FILE": "Wiedergabelisten sind ungültig",
+            "CANNOT_PARSE_PLAYLIST": "Wiedergabelisten sind nicht lesbar",
+            "unknown": "Es konnte keine Wiedergabeliste importiert werden"
         }
     },
     "dateformat": {

assets/jsons/translations/en.json

@@ -15,7 +15,11 @@
         "apply": "Apply",
         "copy": "Copy",
         "copied": "Copied!",
-        "confirm": "Confirm"
+        "confirm": "Confirm",
+        "choose-folder": "Choose folder",
+        "unknown": "An unknown error occurred ¯\\_(ツ)_/¯",
+        "warning": "Warning",
+        "continue": "Continue"
     },
     "nav-bar": {
         "add-version": "Add a version",
@@ -34,6 +38,7 @@
                 "desktop-description": "First Person Flying Controller mode allows you to use WASD and the mouse to navigate around the menu in game. This makes testing much easier, because you don't have to put on your headset!",
                 "debug": "Debug Mode",
                 "debug-description": "Enables the output log window for IPA. This will show the debug console that mods use.",
+                "outdated-tippy": "This version is outdated, and some mods or features may no longer work as expected. Prefer using the recommended version ({recommendedVersion}) of Beat Saber to enjoy the latest features and bugfixes.",
                 "advanced-launch": {
                     "button": "Advanced launch",
                     "placeholder": "Additional arguments ex: --revert; --nowait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "Add"
+                            "drop-down": {
+                                "browse-maps": "Browse maps",
+                                "import-maps": "Import maps"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "No maps",
                             "button": "Download maps"
+                        },
+                        "drop-zone": {
+                            "text": "Import your maps",
+                            "subtext": "Drop your zip files here to import your maps"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "Browse playlists",
+                            "create-a-playlist": "Create a playlist",
+                            "import-playlists": "Import playlists"
+                        },
+                        "drop-zone": {
+                            "text": "Import your playlists",
+                            "subtext": "Drop your \".bplist\" or \".json\" files here to import them"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "Latest",
                         "description": "Description",
                         "dropdown": {
-                            "uninstall-all": "Uninstall all"
+                            "uninstall-all": "Uninstall all",
+                            "unselect-all": "Unselect all"
                         }
                     }
                 },
@@ -141,13 +163,15 @@
             },
             "installation-folder": {
                 "title": "Installation folder",
-                "description": "Change the folder that will contain all the content downloaded by BSManager.",
-                "choose-folder": "Choose folder"
+                "description": "Change the folder that will contain all the content downloaded by BSManager."
             },
-            "proton-path": {
-                "title": "Proton path",
-                "description": "Change the path to the Proton binary",
-                "choose-file": "Choose file"
+            "proton-folder": {
+                "title": "Proton folder",
+                "description": "Change the folder to the Proton path. (eg. Proton - Experimental)",
+                "errors": {
+                    "title": "Setting the Proton folder failed",
+                    "invalid-folder": "Invalid Proton folder path"
+                }
             },
             "additional-content": {
                 "title": "Additional content",
@@ -169,6 +193,7 @@
                     "zh-CN": "简体中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "English, United Kingdom",
                         "en-US": "English, USA",
@@ -178,7 +203,8 @@
                         "ru-RU": "Russian",
                         "zh-CN": "Chinese (Simplified)",
                         "zh-TW": "Chinese (Traditional)",
-                        "ja-JP": "Japanese"
+                        "ja-JP": "Japanese",
+                        "ko-KR": "Korean"
                     }
                 }
             },
@@ -206,10 +232,6 @@
                     "open-logs": "Open logs"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 Check Out the Changelog!",
-                "not-founds": "😕 Oops, No Changelog Here!"
-            },
             "advanced": {
                 "title": "Advanced",
                 "description": "Advanced settings for BSManager.",
@@ -255,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "Operation running",
-                    "no-internet": "No internet"
+                    "no-internet": "No internet",
+                    "file-not-supported": "File not supported"
                 },
                 "msg": {
                     "operation-running": "Wait for the current operation to finish, then try again.",
-                    "no-internet": "Check your connection and try again."
+                    "no-internet": "Check your connection and try again.",
+                    "file-not-supported": "Only {types} files are supported."
                 }
             }
         },
@@ -419,9 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculus is not running",
                     "BS_ALREADY_RUNNING": "Beat Saber already running",
                     "EXE_NOT_FINDED": "Missing files",
-                    "PROTON_NOT_SET": "Proton path not set",
+                    "PROTON_NOT_SET": "Proton folder not set",
+                    "PROTON_NOT_FOUND": "Proton binary not found",
                     "EXIT": "Abrupt stop",
-                    "OCULUS_LIB_NOT_FOUND": "Oculus library not found"
+                    "OCULUS_LIB_NOT_FOUND": "Oculus library not found",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Original Oculus version not found"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "An unknown error has occurred.",
@@ -431,7 +457,9 @@
                     "EXE_NOT_FINDED": "Some files seem to be missing, try to verify the files.",
                     "EXIT": "BeatSaber stopped abruptly, tries to check the files.",
                     "OCULUS_LIB_NOT_FOUND": "Check that the Oculus application is properly installed, and that the libraries are correctly defined in Oculus.",
-                    "PROTON_NOT_SET": "Set the Proton path in settings"
+                    "PROTON_NOT_SET": "Set the Proton path in settings.",
+                    "PROTON_NOT_FOUND": "Set the Proton path in settings.",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Beat Saber must be installed from the Oculus app before opening."
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "Launch Steam"
@@ -512,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "Duplicates Deleted",
                 "msg": "Duplicates were deleted"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "Maps import completed",
+                    "error": "An error occurred during the maps import"
+                },
+                "msgs": {
+                    "success": "Maps successfully imported.",
+                    "some-success": "Some maps were successfully imported.",
+                    "only-accept-zip": "Only zip files are supported.",
+                    "invalid-zip": "The zip file(s) do not contain any maps.",
+                    "unknown": "An unknown error occurred."
+                }
             }
         },
         "playlists": {
@@ -539,7 +580,7 @@
                     "EPERM": "BSManager does not have the necessary permissions to link the folder.",
                     "EACCES": "BSManager does not have the necessary permissions to link the folder.",
                     "ENOSPC": "The disk is full, make some space and try again.",
-                    "UNKNOWN_ERROR":"An unknown error has occurred while linking the folder."
+                    "UNKNOWN_ERROR": "An unknown error has occurred while linking the folder."
                 }
             }
         },
@@ -551,6 +592,14 @@
             "error": {
                 "msg": "An error occurred while creating the shortcut."
             }
+        },
+        "bs-version-oudated": {
+            "title": "Version Outdated",
+            "msg": "This Beat Saber version is outdated, use the recommended version to enjoy the latest features and bugfixes",
+            "actions": {
+                "do-not-remind": "Do not remind me",
+                "ok": "Ok"
+            }
         }
     },
     "modals": {
@@ -758,7 +807,7 @@
         "original-version-backup-oculus": {
             "title": "Warning",
             "body": {
-                "must-be-installed-once": "You must have installed Beat Saber at least once from the Oculus Store, otherwise Beat Saber might automatically close after launching.",
+                "must-be-installed-once": "You must have Beat Saber installed from the Oculus Store on this device, otherwise Beat Saber might automatically close after launching.",
                 "will-backup": "To launch this version, the original installation folder of Beat Saber located in your Oculus library will be renamed and will be automatically restored when Beat Saber is closed."
             },
             "not-remind-me": "Do not remind me",
@@ -795,15 +844,23 @@
         "ask-install-path": {
             "title": "Installation folder",
             "choose-folder-description": "Choose the folder that will contain all the content downloaded by BSManager. (versions, mods, maps, playlists, etc.)",
-            "choose-folder": "Choose folder",
             "default": "Default",
             "default-tooltip": "Defaults to your home folder"
+        },
+        "choose-proton-folder": {
+            "title": "Proton Folder",
+            "proton-folder-description": "On Linux, BSManager requires Proton to work. Choose the Proton installation folder to continue.",
+            "proton-folder-placeholder": "Proton installation folder",
+            "where-is-proton-installed": "Where is Proton installed?"
+        },
+        "bs-version-outdated": {
+            "body": "The version {outdatedVersion} is outdated, and some mods or features may no longer work as expected. Please download the latest recommended version ({recommendedVersion}) of Beat Saber to enjoy the latest features and bugfixes."
         }
     },
     "maps": {
         "map-filter-panel": {
             "duration": "Duration",
-            "nps" : "Notes Per Second",
+            "nps": "Notes Per Second",
             "njs": "Note Jump Speed",
             "tags": "tags",
             "specificities": "general",
@@ -823,10 +880,10 @@
             "dance": "dance",
             "swing": "swing",
             "nightcore": "nightcore",
-            "folk": "folk",
-            "family": "family",
+            "folk-acoustic": "folk & acoustic",
+            "kids-family": "kids & family",
             "ambient": "ambient",
-            "funk": "funk",
+            "funk-disco": "funk & disco",
             "jazz": "jazz",
             "soul": "soul",
             "speedcore": "speedcore",
@@ -836,21 +893,21 @@
             "vocaloid": "vocaloid",
             "j-rock": "j-rock",
             "trance": "trance",
-            "drumbass": "drum & bass",
-            "comedy": "comedy",
+            "drum-and-bass": "drum & bass",
+            "comedy-meme": "comedy & meme",
             "instrumental": "instrumental",
             "hardcore": "hardcore",
             "k-pop": "k-pop",
             "indie": "indie",
             "techno": "techno",
             "house": "house",
-            "game": "video game",
-            "film": "film",
-            "alt": "alternative",
+            "video-game-soundtrack": "video game",
+            "tv-movie-soundtrack": "TV & film",
+            "alternative": "alternative",
             "dubstep": "dubstep",
             "metal": "metal",
             "anime": "anime",
-            "hiphop": "hiphop",
+            "hip-hop-rap": "hip hop & rap",
             "j-pop": "j-pop",
             "rock": "rock",
             "pop": "pop",
@@ -878,11 +935,12 @@
             "by": "By {songAutor}",
             "mapped-by": "mapped by",
             "delete": "Delete",
-            "preview" : "Preview map",
-            "bsr-code" : "BSR code",
-            "download" : "Download map",
-            "downloading" :"Downloading map",
-            "cancel-download" : "Cancel download"
+            "preview": "Preview map",
+            "bsr-code": "BSR code",
+            "download": "Download map",
+            "downloading": "Downloading map",
+            "cancel-download": "Cancel download",
+            "hightlight-difficulty": "Highlight difficulty"
         }
     },
     "models": {
@@ -1039,10 +1097,6 @@
                 "go-to-mods": "Go to mods",
                 "not-remind": "Don't remind me"
             },
-            "prevent-for-models-breaks": {
-                "title": "Broken models",
-                "desc": "Since the Beat Saber engine update, all custom model mods have broken and need to be updated. They have not been updated yet."
-            },
             "export-success": {
                 "title": "Export completed 🎉"
             }
@@ -1074,6 +1128,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "Or browse files"
+    },
     "playlist": {
         "error-playlist-creation-title": "Error creating playlist",
         "error-playlist-creation-desc": "An error occurred while creating the playlist.",
@@ -1188,11 +1245,78 @@
             "last-week": "Last week",
             "last-month": "Last month",
             "3-last-month": "Last 3 months"
+        },
+        "playlists-imported": "Playlists imported",
+        "all-playlists-have-been-successfully-imported": "All playlists have been successfully imported",
+        "no-playlist-found": "No playlist found",
+        "no-playlist-found-in-selected-files": "No playlist found in the selected files",
+        "some-playlists-not-imported": "Some playlists not imported",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "Some playlists could not be found",
+            "INVALID_PLAYLIST_FILE": "Some playlists are invalid",
+            "CANNOT_PARSE_PLAYLIST": "Some playlists are unreadable",
+            "unknown": "Some playlists could not be imported"
+        },
+        "no-playlists-imported": "No playlists imported",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "Playlists could not be found",
+            "INVALID_PLAYLIST_FILE": "Playlists are invalid",
+            "CANNOT_PARSE_PLAYLIST": "Playlists are unreadable",
+            "unknown": "No playlist could be imported"
         }
     },
     "dateformat": {
-        "dayNames": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-        "monthNames": ["Jan", "Feb", "Mar", "Apr", "May", "June", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
-        "timeNames": ["a", "p", "am", "pm", "A", "P", "AM", "PM"]
+        "dayNames": [
+            "Sun",
+            "Mon",
+            "Tue",
+            "Wed",
+            "Thu",
+            "Fri",
+            "Sat",
+            "Sunday",
+            "Monday",
+            "Tuesday",
+            "Wednesday",
+            "Thursday",
+            "Friday",
+            "Saturday"
+        ],
+        "monthNames": [
+            "Jan",
+            "Feb",
+            "Mar",
+            "Apr",
+            "May",
+            "June",
+            "Jul",
+            "Aug",
+            "Sept",
+            "Oct",
+            "Nov",
+            "Dec",
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December"
+        ],
+        "timeNames": [
+            "a",
+            "p",
+            "am",
+            "pm",
+            "A",
+            "P",
+            "AM",
+            "PM"
+        ]
     }
 }

assets/jsons/translations/es.json

@@ -15,7 +15,11 @@
         "apply": "Aplicar",
         "copy": "Copiar",
         "copied": "¡Copiado!",
-        "confirm": "Confirmar"
+        "confirm": "Confirmar",
+        "choose-folder": "Elige la carpeta",
+        "unknown": "Se ha producido un error desconocido ¯\\_(ツ)_/¯",
+        "warning": "Advertencia",
+        "continue": "Continuar"
     },
     "nav-bar": {
         "add-version": "Agregar una versión",
@@ -34,6 +38,7 @@
                 "desktop-description": "El modo FPFC te permite usar WASD y el mouse para navegar por el menú en juego. Esto hace que las pruebas sean mucho más fáciles, ¡porque no tienes que ponerte las gafas VR!",
                 "debug": "Modo Depuración",
                 "debug-description": "Habilita la ventana de registro de salida para IPA. Esto mostrará la consola de depuración que usan los mods.",
+                "outdated-tippy": "Esta versión está desactualizada, y algunos mods o funciones pueden no funcionar como se espera. Es mejor usar la versión recomendada ({recommendedVersion}) de Beat Saber para disfrutar de las últimas características y correcciones.",
                 "advanced-launch": {
                     "button": "Opciones avanzadas",
                     "placeholder": "Argumentos adicionales ej: --revert; --no-wait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "Añadir"
+                            "drop-down": {
+                                "browse-maps": "Explorar mapas",
+                                "import-maps": "Importar mapas"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "No hay mapas",
                             "button": "Descargar mapas"
+                        },
+                        "drop-zone": {
+                            "text": "Importar tus mapas",
+                            "subtext": "Suelta tus archivos zip aquí para importar tus mapas"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "Explorar listas de reproducción",
+                            "create-a-playlist": "Crear una lista de reproducción",
+                            "import-playlists": "Importar listas de reproducción"
+                        },
+                        "drop-zone": {
+                            "text": "Importa tus listas de reproducción",
+                            "subtext": "Suelta tus archivos \".bplist\" o \".json\" aquí para importarlos"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "Último",
                         "description": "Descripción",
                         "dropdown": {
-                            "uninstall-all": "Desinstalar todos"
+                            "uninstall-all": "Desinstalar todos",
+                            "unselect-all": "Deseleccionar todo"
                         }
                     }
                 },
@@ -141,8 +163,15 @@
             },
             "installation-folder": {
                 "title": "Carpeta de instalación",
-                "description": "Cambiar la carpeta que contendrá todo el contenido descargado por BSManager.",
-                "choose-folder": "Elige la carpeta"
+                "description": "Cambiar la carpeta que contendrá todo el contenido descargado por BSManager."
+            },
+            "proton-folder": {
+                "title": "Carpeta de Proton",
+                "description": "Cambia la carpeta a la ruta de Proton. (por ejemplo, Proton - Experimental)",
+                "errors": {
+                    "title": "Falló al configurar la carpeta de Proton",
+                    "invalid-folder": "Ruta de carpeta de Proton no válida"
+                }
             },
             "additional-content": {
                 "title": "Contenido adicional",
@@ -164,6 +193,7 @@
                     "zh-CN": "简体中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "Inglés, Reino Unido",
                         "en-US": "Inglés, Estados Unidos",
@@ -173,7 +203,8 @@
                         "ru-RU": "Ruso",
                         "zh-CN": "Chino simplificado",
                         "zh-TW": "Chino tradicional",
-                        "ja-JP": "Japonés"
+                        "ja-JP": "Japonés",
+                        "ko-KR": "Coreano"
                     }
                 }
             },
@@ -201,10 +232,6 @@
                     "open-logs": "Abrir los registros"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 ¡Descubre lo nuevo en el Changelog!",
-                "not-founds": "😕 Uy, ¡Changelog no encontrado!"
-            },
             "advanced": {
                 "title": "Avanzados",
                 "description": "Configuraciones avanzadas para BSManager.",
@@ -250,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "Operación en curso",
-                    "no-internet": "Sin internet"
+                    "no-internet": "Sin internet",
+                    "file-not-supported": "Archivo no compatible"
                 },
                 "msg": {
                     "operation-running": "Espera a que termine la operación actual y vuelve a empezar.",
-                    "no-internet": "Comprueba tu conexión a Internet e inténtalo de nuevo."
+                    "no-internet": "Comprueba tu conexión a Internet e inténtalo de nuevo.",
+                    "file-not-supported": "Solo se admiten archivos {types}."
                 }
             }
         },
@@ -414,8 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculus no funciona",
                     "BS_ALREADY_RUNNING": "Beat Saber ya está en marcha",
                     "EXE_NOT_FINDED": "Archivos no encontrados",
+                    "PROTON_NOT_SET": "Carpeta de Proton no establecida",
+                    "PROTON_NOT_FOUND": "Binario de Proton no encontrado",
                     "EXIT": "Parada abrupta",
-                    "OCULUS_LIB_NOT_FOUND": "Librería Oculus no encontrada"
+                    "OCULUS_LIB_NOT_FOUND": "Librería Oculus no encontrada",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "No se encontró la versión original de Oculus"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "Se ha producido un error desconocido.",
@@ -424,7 +456,10 @@
                     "BS_ALREADY_RUNNING": "Cierra Beat Saber antes de volver a iniciarlo.",
                     "EXE_NOT_FINDED": "Parece que faltan algunos archivos, intenta verificar los archivos.",
                     "EXIT": "Beat Saber se detuvo abruptamente, trata de verificar los archivos.",
-                    "OCULUS_LIB_NOT_FOUND": "Verifica que la aplicación Oculus esté correctamente instalada y que las librerías estén bien definidas en Oculus."
+                    "OCULUS_LIB_NOT_FOUND": "Verifica que la aplicación Oculus esté correctamente instalada y que las librerías estén bien definidas en Oculus.",
+                    "PROTON_NOT_SET": "Establece la ruta de Proton en la configuración.",
+                    "PROTON_NOT_FOUND": "Establece la ruta de Proton en la configuración.",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Beat Saber debe instalarse desde la aplicación de Oculus antes de abrirlo."
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "Iniciar Steam"
@@ -505,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "Duplicados eliminados",
                 "msg": "Se eliminaron los duplicados"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "Importación de mapas completada",
+                    "error": "Ocurrió un error durante la importación de mapas"
+                },
+                "msgs": {
+                    "success": "Los mapas se han importado con éxito.",
+                    "some-success": "Algunos mapas se han importado con éxito.",
+                    "only-accept-zip": "Solo se admiten archivos zip.",
+                    "invalid-zip": "El o los archivos zip no contienen mapas.",
+                    "unknown": "Se produjo un error desconocido."
+                }
             }
         },
         "playlists": {
@@ -544,6 +592,14 @@
             "error": {
                 "msg": "Se produjo un error al crear el acceso directo."
             }
+        },
+        "bs-version-oudated": {
+            "title": "Versión desactualizada",
+            "msg": "Esta versión de Beat Saber está desactualizada. Usa la versión recomendada para disfrutar de las últimas características y correcciones.",
+            "actions": {
+                "do-not-remind": "No volver a recordármelo",
+                "ok": "Ok"
+            }
         }
     },
     "modals": {
@@ -751,7 +807,7 @@
         "original-version-backup-oculus": {
             "title": "Atención",
             "body": {
-                "must-be-installed-once": "Debes haber instalado Beat Saber al menos una vez desde la Oculus Store, de lo contrario, Beat Saber podría cerrarse automáticamente después de iniciar.",
+                "must-be-installed-once": "Debes tener Beat Saber instalado desde la tienda de Oculus en este dispositivo, de lo contrario, Beat Saber se cerrará automáticamente después de iniciarse.",
                 "will-backup": "Para lanzar esta versión, la carpeta de instalación original de Beat Saber ubicada en tu biblioteca de Oculus será renombrada y se restaurará automáticamente al cerrar Beat Saber."
             },
             "not-remind-me": "No volver a recordármelo",
@@ -788,15 +844,23 @@
         "ask-install-path": {
             "title": "Carpeta de instalación",
             "choose-folder-description": "Elija la carpeta que contendrá todo el contenido descargado por BSManager. (versiones, mods, mapas, listas de reproducción, etc.)",
-            "choose-folder": "Elige la carpeta",
             "default": "Predeterminado",
             "default-tooltip": "Por defecto, en su carpeta personal"
+        },
+        "choose-proton-folder": {
+            "title": "Carpeta de Proton",
+            "proton-folder-description": "En Linux, BSManager necesita Proton para funcionar. Elija la carpeta de instalación de Proton para continuar.",
+            "proton-folder-placeholder": "Carpeta de instalación de Proton",
+            "where-is-proton-installed": "¿Dónde está instalado Proton?"
+        },
+        "bs-version-outdated": {
+            "body": "La versión {outdatedVersion} está obsoleta, y algunos mods o funciones pueden no funcionar como se espera. Por favor, descarga la última versión recomendada ({recommendedVersion}) de Beat Saber para disfrutar de las últimas funciones y correcciones de errores."
         }
     },
     "maps": {
         "map-filter-panel": {
             "duration": "Duración",
-            "nps" : "Notas Por Segundo",
+            "nps": "Notas Por Segundo",
             "njs": "Velocidad de salto de nota",
             "tags": "tags",
             "specificities": "general",
@@ -813,13 +877,13 @@
             "tech": "tech"
         },
         "map-styles": {
-            "dance": "baile",
+            "dance": "danza",
             "swing": "swing",
             "nightcore": "nightcore",
-            "folk": "folk",
-            "family": "familia",
-            "ambient": "ambiente",
-            "funk": "funk",
+            "folk-acoustic": "folk & acústico",
+            "kids-family": "niños & familia",
+            "ambient": "ambiental",
+            "funk-disco": "funk & disco",
             "jazz": "jazz",
             "soul": "soul",
             "speedcore": "speedcore",
@@ -829,26 +893,26 @@
             "vocaloid": "vocaloid",
             "j-rock": "j-rock",
             "trance": "trance",
-            "drumbass": "drum & bass",
-            "comedy": "comedia",
+            "drum-and-bass": "drum & bass",
+            "comedy-meme": "comedia & meme",
             "instrumental": "instrumental",
             "hardcore": "hardcore",
             "k-pop": "k-pop",
             "indie": "indie",
-            "techno": "tecno",
+            "techno": "techno",
             "house": "house",
-            "game": "videojuego",
-            "film": "film",
-            "alt": "alternativa",
+            "video-game-soundtrack": "videojuego",
+            "tv-movie-soundtrack": "TV & cine",
+            "alternative": "alternativo",
             "dubstep": "dubstep",
             "metal": "metal",
             "anime": "anime",
-            "hiphop": "hiphop",
+            "hip-hop-rap": "hip hop & rap",
             "j-pop": "j-pop",
             "rock": "rock",
             "pop": "pop",
-            "electronic": "electrónico",
-            "classical-orchestral": "Clásico y orquestal"
+            "electronic": "electrónica",
+            "classical-orchestral": "Clásica & Orquestal"
         },
         "map-specificities": {
             "automapper": "IA",
@@ -871,11 +935,12 @@
             "by": "Por {songAutor}",
             "mapped-by": "mapeado por",
             "delete": "Borrar",
-            "preview" : "Vista previa del mapa",
-            "bsr-code" : "Código BSR",
-            "download" : "Descargar mapa",
-            "downloading" :"Descargando mapa",
-            "cancel-download" : "Cancelar descarga"
+            "preview": "Vista previa del mapa",
+            "bsr-code": "Código BSR",
+            "download": "Descargar mapa",
+            "downloading": "Descargando mapa",
+            "cancel-download": "Cancelar descarga",
+            "hightlight-difficulty": "Resaltar la dificultad"
         }
     },
     "models": {
@@ -1032,10 +1097,6 @@
                 "go-to-mods": "Ir a mods",
                 "not-remind": "No volver a recordarme"
             },
-            "prevent-for-models-breaks": {
-                "title": "Modelos rotos",
-                "desc": "Desde la actualización del motor de Beat Saber, todos los mods de modelos personalizados se han roto y necesitan ser actualizados. Todavía no han sido actualizados."
-            },
             "export-success": {
                 "title": "Exportación completada 🎉"
             }
@@ -1067,6 +1128,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "O navegar por los archivos"
+    },
     "playlist": {
         "error-playlist-creation-title": "Error al crear la lista de reproducción",
         "error-playlist-creation-desc": "Ocurrió un error al crear la lista de reproducción.",
@@ -1181,11 +1245,78 @@
             "last-week": "Última semana",
             "last-month": "Último mes",
             "3-last-month": "Últimos 3 meses"
+        },
+        "playlists-imported": "Listas de reproducción importadas",
+        "all-playlists-have-been-successfully-imported": "Todas las listas de reproducción se han importado con éxito",
+        "no-playlist-found": "No se encontró ninguna lista de reproducción",
+        "no-playlist-found-in-selected-files": "No se encontró ninguna lista de reproducción en los archivos seleccionados",
+        "some-playlists-not-imported": "Algunas listas de reproducción no se importaron",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "No se pudieron encontrar algunas listas de reproducción",
+            "INVALID_PLAYLIST_FILE": "Algunas listas de reproducción no son válidas",
+            "CANNOT_PARSE_PLAYLIST": "Algunas listas de reproducción no se pueden leer",
+            "unknown": "No se pudieron importar algunas listas de reproducción"
+        },
+        "no-playlists-imported": "No se importaron listas de reproducción",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "No se pudieron encontrar las listas de reproducción",
+            "INVALID_PLAYLIST_FILE": "Las listas de reproducción no son válidas",
+            "CANNOT_PARSE_PLAYLIST": "Las listas de reproducción no se pueden leer",
+            "unknown": "No se pudo importar ninguna lista de reproducción"
         }
     },
     "dateformat": {
-        "dayNames": ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb", "Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
-        "monthNames": ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic", "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
-        "timeNames": ["a", "p", "am", "pm", "A", "P", "AM", "PM"]
+        "dayNames": [
+            "Dom",
+            "Lun",
+            "Mar",
+            "Mié",
+            "Jue",
+            "Vie",
+            "Sáb",
+            "Domingo",
+            "Lunes",
+            "Martes",
+            "Miércoles",
+            "Jueves",
+            "Viernes",
+            "Sábado"
+        ],
+        "monthNames": [
+            "Ene",
+            "Feb",
+            "Mar",
+            "Abr",
+            "May",
+            "Jun",
+            "Jul",
+            "Ago",
+            "Sep",
+            "Oct",
+            "Nov",
+            "Dic",
+            "Enero",
+            "Febrero",
+            "Marzo",
+            "Abril",
+            "Mayo",
+            "Junio",
+            "Julio",
+            "Agosto",
+            "Septiembre",
+            "Octubre",
+            "Noviembre",
+            "Diciembre"
+        ],
+        "timeNames": [
+            "a",
+            "p",
+            "am",
+            "pm",
+            "A",
+            "P",
+            "AM",
+            "PM"
+        ]
     }
 }

assets/jsons/translations/fr.json

@@ -15,7 +15,11 @@
         "apply": "Appliquer",
         "copy": "Copier",
         "copied": "Copié !",
-        "confirm": "Confirmer"
+        "confirm": "Confirmer",
+        "choose-folder": "Choisir un dossier",
+        "unknown": "Une erreur inconnue s'est produite ¯\\_(ツ)_/¯",
+        "warning": "Attention",
+        "continue": "Continuer"
     },
     "nav-bar": {
         "add-version": "Ajouter une version",
@@ -34,6 +38,7 @@
                 "desktop-description": "Cela vous permet d'utiliser WASD et la souris pour naviguer dans le menu en jeu. Cela rend les tests beaucoup plus faciles, car vous n'avez pas à mettre votre casque!",
                 "debug": "Mode Debug",
                 "debug-description": "Active la fenêtre de log pour IPA. Cela affichera la console de débogage utilisée par les mods.",
+                "outdated-tippy": "Cette version est obsolète et certains mods ou fonctionnalités peuvent ne plus fonctionner comme prévu. Préférez utiliser la version recommandée ({recommendedVersion}) de Beat Saber pour profiter des dernières fonctionnalités et correctifs.",
                 "advanced-launch": {
                     "button": "Lancement avancé",
                     "placeholder": "Arguments supplémentaires ex: --revert; --nowait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "Ajouter"
+                            "drop-down": {
+                                "browse-maps": "Explorer les maps",
+                                "import-maps": "Importer des maps"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "Aucune map",
                             "button": "Télécharger des maps"
+                        },
+                        "drop-zone": {
+                            "text": "Importer vos maps",
+                            "subtext": "Déposez vos fichiers zip ici pour importer vos maps"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "Explorer les playlists",
+                            "create-a-playlist": "Créer une playlist",
+                            "import-playlists": "Importer des playlists"
+                        },
+                        "drop-zone": {
+                            "text": "Importer vos playlists",
+                            "subtext": "Déposez vos fichiers \".bplist\" ou \".json\" ici pour les importer"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "Récent",
                         "description": "Description",
                         "dropdown": {
-                            "uninstall-all": "Tout désinstaller"
+                            "uninstall-all": "Tout désinstaller",
+                            "unselect-all": "Tout désélectionner"
                         }
                     }
                 },
@@ -141,8 +163,15 @@
             },
             "installation-folder": {
                 "title": "Dossier d'installation",
-                "description": "Changer le dossier qui contiendra tout le contenu téléchargé par BSManager.",
-                "choose-folder": "Choisir un dossier"
+                "description": "Changer le dossier qui contiendra tout le contenu téléchargé par BSManager."
+            },
+            "proton-folder": {
+                "title": "Dossier Proton",
+                "description": "Changez le dossier vers le chemin de Proton. (par exemple, Proton - Experimental)",
+                "errors": {
+                    "title": "Le paramétrage du dossier Proton a échoué",
+                    "invalid-folder": "Chemin du dossier Proton invalide"
+                }
             },
             "additional-content": {
                 "title": "Contenus additionnels",
@@ -164,6 +193,7 @@
                     "zh-CN": "简体中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "Anglais, Royaume-Uni",
                         "en-US": "Anglais, États-Unis",
@@ -173,7 +203,8 @@
                         "ru-RU": "Russe",
                         "zh-CN": "Chinois simplifié",
                         "zh-TW": "Chinois traditionnel",
-                        "ja-JP": "Japonais"
+                        "ja-JP": "Japonais",
+                        "ko-KR": "Coréen"
                     }
                 }
             },
@@ -201,10 +232,6 @@
                     "open-logs": "Ouvrir les logs"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 Jetez un œil au Changelog !",
-                "not-founds": "😕 Oups, Changelog introuvable !"
-            },
             "advanced": {
                 "title": "Avancés",
                 "description": "Paramètres avancés pour BSManager.",
@@ -250,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "Opération en cours",
-                    "no-internet": "Pas d'accès Internet"
+                    "no-internet": "Pas d'accès Internet",
+                    "file-not-supported": "Fichier non supporté"
                 },
                 "msg": {
                     "operation-running": "Attends la fin de l'opération en cours puis recommence.",
-                    "no-internet": "Vérifie ta connexion internet et ressaye."
+                    "no-internet": "Vérifie ta connexion internet et ressaye.",
+                    "file-not-supported": "Seuls les fichiers {types} sont pris en charge."
                 }
             }
         },
@@ -414,8 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculus n'est pas lancé",
                     "BS_ALREADY_RUNNING": "Beat Saber est déjà lancé",
                     "EXE_NOT_FINDED": "Fichiers manquants",
+                    "PROTON_NOT_SET": "Dossier Proton non défini",
+                    "PROTON_NOT_FOUND": "Binaire Proton non trouvé",
                     "EXIT": "Arrêt brutal",
-                    "OCULUS_LIB_NOT_FOUND": "Librairie Oculus introuvable"
+                    "OCULUS_LIB_NOT_FOUND": "Librairie Oculus introuvable",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Version originale Oculus non trouvée"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "Une erreur inconnue s'est produite.",
@@ -424,7 +456,10 @@
                     "BS_ALREADY_RUNNING": "Ferme Beat Saber avant de le lancer à nouveau.",
                     "EXE_NOT_FINDED": "Quelques fichiers semblent manquants. Essaye de vérifier les fichiers.",
                     "EXIT": "Beat Saber s'est arrêté brusquement, essaye de vérifier les fichiers.",
-                    "OCULUS_LIB_NOT_FOUND": "Vérifie que l'application Oculus est correctement installée, et que les librairies sont bien définies dans Oculus."
+                    "OCULUS_LIB_NOT_FOUND": "Vérifie que l'application Oculus est correctement installée, et que les librairies sont bien définies dans Oculus.",
+                    "PROTON_NOT_SET": "Définissez le chemin de Proton dans les paramètres.",
+                    "PROTON_NOT_FOUND": "Définissez le chemin de Proton dans les paramètres.",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Beat Saber doit être installé depuis l'application Oculus avant de l'ouvrir."
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "Lancer Steam"
@@ -505,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "Doublons supprimés",
                 "msg": "Les doublons ont été supprimés"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "Importation des maps terminée",
+                    "error": "Une erreur est survenue lors de l'importation des maps"
+                },
+                "msgs": {
+                    "success": "Les maps ont été importées avec succès.",
+                    "some-success": "Certaines maps ont été importées avec succès.",
+                    "only-accept-zip": "Seules les fichiers zip sont pris en charge.",
+                    "invalid-zip": "Le ou les fichiers zip ne contiennent aucune maps.",
+                    "unknown": "Une erreur inconnue s'est produite."
+                }
             }
         },
         "playlists": {
@@ -545,6 +593,14 @@
             "error": {
                 "msg": "Une erreur s'est produite lors de la création du raccourci."
             }
+        },
+        "bs-version-oudated": {
+            "title": "Version obsolète",
+            "msg": "Cette version de Beat Saber est obsolète. Utilisez la version recommandée pour profiter des dernières fonctionnalités et correctifs.",
+            "actions": {
+                "do-not-remind": "Ne plus me rappeler",
+                "ok": "Ok"
+            }
         }
     },
     "modals": {
@@ -733,7 +789,7 @@
         },
         "create-launch-shortcut": {
             "title": "Créer un raccourci",
-            "desc": "Créer un raccourci te permettra de démarrer Beat Saber avec les options choisi sans passé par BSManager.",
+            "desc": "Créer un raccourci te permettra de démarrer Beat Saber avec les options choisies sans passer par BSManager.",
             "launch-options": "Options de lancement",
             "advanced-launch": "Lancement avancé",
             "valid-btn": "Créer le raccourci"
@@ -752,7 +808,7 @@
         "original-version-backup-oculus": {
             "title": "Attention",
             "body": {
-                "must-be-installed-once": "Vous devez avoir installé au moins une fois Beat Saber depuis l'Oculus Store, sinon Beat Saber pourrait se fermer automatiquement après son lancement.",
+                "must-be-installed-once": "Vous devez avoir Beat Saber installé depuis le Oculus Store sur cet appareil, sinon Beat Saber se fermera automatiquement après le lancement.",
                 "will-backup": "Afin de lancer cette version, le dossier d'installation original de Beat Saber se trouvant dans votre bibliothèque Oculus va être renommé et sera automatiquement restauré à l'arrêt de Beat Saber."
             },
             "not-remind-me": "Ne plus me rappeler",
@@ -789,9 +845,17 @@
         "ask-install-path": {
             "title": "Dossier d'installation",
             "choose-folder-description": "Choisissez le dossier qui contiendra tout le contenu téléchargé par BSManager. (versions, mods, cartes, playlists, etc.)",
-            "choose-folder": "Choisir un dossier",
             "default": "Par défaut",
             "default-tooltip": "Par défaut, dans votre dossier personnel"
+        },
+        "choose-proton-folder": {
+            "title": "Dossier Proton",
+            "proton-folder-description": "Sous Linux, BSManager a besoin de Proton pour fonctionner. Choisissez le dossier d'installation de Proton pour continuer.",
+            "proton-folder-placeholder": "Dossier d'installation de Proton",
+            "where-is-proton-installed": "Où est installé Proton ?"
+        },
+        "bs-version-outdated": {
+            "body": "La version {outdatedVersion} est obsolète, et certains mods ou fonctionnalités peuvent ne plus fonctionner comme prévu. Veuillez télécharger la dernière version recommandée ({recommendedVersion}) de Beat Saber pour profiter des dernières fonctionnalités et corrections de bugs."
         }
     },
     "maps": {
@@ -814,42 +878,42 @@
             "tech": "tech"
         },
         "map-styles": {
-            "dance": "dance",
+            "dance": "danse",
             "swing": "swing",
             "nightcore": "nightcore",
-            "folk": "folk",
-            "family": "famille",
-            "ambient": "ambiante",
-            "funk": "funk",
+            "folk-acoustic": "folk & acoustique",
+            "kids-family": "enfants & famille",
+            "ambient": "ambiant",
+            "funk-disco": "funk & disco",
             "jazz": "jazz",
             "soul": "soul",
             "speedcore": "speedcore",
             "punk": "punk",
             "rb": "r&b",
-            "holiday": "vacance",
+            "holiday": "vacances",
             "vocaloid": "vocaloid",
             "j-rock": "j-rock",
             "trance": "trance",
-            "drumbass": "drum & bass",
-            "comedy": "comédie",
+            "drum-and-bass": "drum & bass",
+            "comedy-meme": "comédie & meme",
             "instrumental": "instrumental",
             "hardcore": "hardcore",
             "k-pop": "k-pop",
-            "indie": "indé",
+            "indie": "indie",
             "techno": "techno",
             "house": "house",
-            "game": "jeu vidéo",
-            "film": "film",
-            "alt": "alternative",
+            "video-game-soundtrack": "jeu vidéo",
+            "tv-movie-soundtrack": "TV & film",
+            "alternative": "alternatif",
             "dubstep": "dubstep",
-            "metal": "metal",
+            "metal": "métal",
             "anime": "anime",
-            "hiphop": "hiphop",
+            "hip-hop-rap": "hip hop & rap",
             "j-pop": "j-pop",
             "rock": "rock",
             "pop": "pop",
             "electronic": "électronique",
-            "classical-orchestral": "classique & orchestrale"
+            "classical-orchestral": "Classique & Orchestral"
         },
         "map-specificities": {
             "automapper": "IA",
@@ -1034,10 +1098,6 @@
                 "go-to-mods": "Aller aux mods",
                 "not-remind": "Ne plus me rappeler"
             },
-            "prevent-for-models-breaks": {
-                "title": "Modèles cassés",
-                "desc": "Depuis la mise à jour du moteur Beat Saber, tous les mods de modèles personnalisés ne sont plus fonctionnels et doivent être mis à jour. Ils n'ont pas encore été mis à jour."
-            },
             "export-success": {
                 "title": "Export terminé 🎉"
             }
@@ -1069,6 +1129,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "Ou parcourir les fichiers"
+    },
     "playlist": {
         "error-playlist-creation-title": "Erreur lors de la création de la playlist",
         "error-playlist-creation-desc": "Une erreur est survenue lors de la création de la playlist.",
@@ -1183,7 +1246,26 @@
             "last-week": "Dernière semaine",
             "last-month": "Dernier mois",
             "3-last-month": "3 derniers mois"
+        },
+        "playlists-imported": "Playlists importées",
+        "all-playlists-have-been-successfully-imported": "Toutes les playlists ont été importées avec succès",
+        "no-playlist-found": "Aucune playlist trouvée",
+        "no-playlist-found-in-selected-files": "Aucune playlist trouvée dans les fichiers sélectionnés",
+        "some-playlists-not-imported": "Certaines playlists non importées",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "Certaines playlists n'ont pas pu être trouvées",
+            "INVALID_PLAYLIST_FILE": "Certaines playlists ne sont pas valides",
+            "CANNOT_PARSE_PLAYLIST": "Certaines playlists ne sont pas lisibles",
+            "unknown": "Certaines playlists n'ont pas pu être importées"
+        },
+        "no-playlists-imported": "Aucune playlist importée",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "Les playlists n'ont pas été trouvées",
+            "INVALID_PLAYLIST_FILE": "Les playlists ne sont pas valides",
+            "CANNOT_PARSE_PLAYLIST": "Les playlists ne sont pas lisibles",
+            "unknown": "Aucune playlist n'a pu être importée"
         }
+
     },
     "dateformat": {
         "dayNames": ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],

assets/jsons/translations/ja.json

@@ -15,7 +15,11 @@
         "apply": "適用",
         "copy": "コピー",
         "copied": "コピー済み!",
-        "confirm": "確認"
+        "confirm": "確認",
+        "choose-folder": "フォルダーを選択",
+        "unknown": "不明なエラーが発生しました (´・ω・`)",
+        "warning": "警告",
+        "continue": "続ける"
     },
     "nav-bar": {
         "add-version": "バージョンを追加",
@@ -34,6 +38,7 @@
                 "desktop-description": "ファーストパーソン・フライング・コントローラー・モードでは、WASDとマウスを使ってゲーム内のメニューを操作できます。ヘッドセットを装着する必要がないので、テストがより簡単になります!",
                 "debug": "デバックモード",
                 "debug-description": "IPAの出力ログウィンドウを有効にします。これはMODのデバッグコンソールを表示します。",
+                "outdated-tippy": "このバージョンは古いため、一部のMODや機能が期待通りに動作しない可能性があります。最新の機能やバグ修正を楽しむには、推奨バージョン ({recommendedVersion}) のBeat Saberを使用することをお勧めします。",
                 "advanced-launch": {
                     "button": "高度な起動",
                     "placeholder": "追加引数 例：--revert; --nowait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "追加"
+                            "drop-down": {
+                                "browse-maps": "マップを閲覧",
+                                "import-maps": "マップをインポート"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "マップがありません",
                             "button": "マップをダウンロードする"
+                        },
+                        "drop-zone": {
+                            "text": "マップをインポート",
+                            "subtext": "ZIPファイルをここにドロップしてマップをインポート"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "プレイリストを閲覧",
+                            "create-a-playlist": "プレイリストを作成",
+                            "import-playlists": "プレイリストをインポート"
+                        },
+                        "drop-zone": {
+                            "text": "プレイリストをインポート",
+                            "subtext": "\".bplist\" または \".json\" ファイルをここにドロップしてインポート"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "最新",
                         "description": "說明",
                         "dropdown": {
-                            "uninstall-all": "全てアンインストールする"
+                            "uninstall-all": "全てアンインストールする",
+                            "unselect-all": "すべて選択解除"
                         }
                     }
                 },
@@ -141,8 +163,15 @@
             },
             "installation-folder": {
                 "title": "インストールフォルダー",
-                "description": "BSManager によってダウンロードされたすべてのコンテンツを含むフォルダを変更します。",
-                "choose-folder": "フォルダーを選択"
+                "description": "BSManager によってダウンロードされたすべてのコンテンツを含むフォルダを変更します。"
+            },
+            "proton-folder": {
+                "title": "Protonフォルダー",
+                "description": "フォルダーをProtonのパスに変更してください。（例：Proton - Experimental）",
+                "errors": {
+                    "title": "Protonフォルダーの設定に失敗しました",
+                    "invalid-folder": "無効なProtonフォルダーのパスです"
+                }
             },
             "additional-content": {
                 "title": "追加コンテンツ",
@@ -164,6 +193,7 @@
                     "zh-CN": "简体中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "イギリス英語",
                         "en-US": "アメリカ英語",
@@ -173,7 +203,8 @@
                         "ru-RU": "ロシア語",
                         "zh-CN": "簡体字中国",
                         "zh-TW": "繁体字中国",
-                        "ja-JP": "日本語"
+                        "ja-JP": "日本語",
+                        "ko-KR": "韓国語"
                     }
                 }
             },
@@ -201,10 +232,6 @@
                     "open-logs": "ログを表示"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 チェンジログを覗いてみて！",
-                "not-founds": "😕 あれ、チェンジログが見当たらない！"
-            },
             "advanced": {
                 "title": "高度な設定",
                 "description": "BSManagerの高度な設定。",
@@ -250,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "稼働中",
-                    "no-internet": "インターネット接続がありません"
+                    "no-internet": "インターネット接続がありません",
+                    "file-not-supported": "ファイルはサポートされていません"
                 },
                 "msg": {
                     "operation-running": "現在の処理が終了するのを待ってから、もう一度試してください。",
-                    "no-internet": "インターネット接続を確認し、もう一度お試しください。"
+                    "no-internet": "インターネット接続を確認し、もう一度お試しください。",
+                    "file-not-supported": "{types}ファイルのみがサポートされています。"
                 }
             }
         },
@@ -414,8 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculusが起動していません",
                     "BS_ALREADY_RUNNING": "Beat Saberはすでに起動しています",
                     "EXE_NOT_FINDED": "ファイルが見つかりません",
+                    "PROTON_NOT_SET": "Protonフォルダーが設定されていません",
+                    "PROTON_NOT_FOUND": "Protonのバイナリが見つかりません",
                     "EXIT": "緊急停止",
-                    "OCULUS_LIB_NOT_FOUND": "Oculusライブラリが見つかりません"
+                    "OCULUS_LIB_NOT_FOUND": "Oculusライブラリが見つかりません",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "オリジナルのOculusバージョンが見つかりませんでした"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "不明なエラーが発生しました。",
@@ -424,7 +456,10 @@
                     "BS_ALREADY_RUNNING": "再度起動する前にBeatSaberを閉じてください。",
                     "EXE_NOT_FINDED": "いくつかのファイルが見つからないようです。",
                     "EXIT": "BeatSaberが緊急停止したため、ファイルをチェックします。",
-                    "OCULUS_LIB_NOT_FOUND": "Oculusアプリケーションが正しくインストールしていることと、Oculusライブラリが正しく定義されていることを確認してください。"
+                    "OCULUS_LIB_NOT_FOUND": "Oculusアプリケーションが正しくインストールしていることと、Oculusライブラリが正しく定義されていることを確認してください。",
+                    "PROTON_NOT_SET": "設定でProtonのパスを設定してください。",
+                    "PROTON_NOT_FOUND": "設定でProtonのパスを設定してください。",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Beat Saberは、開く前にOculusアプリからインストールする必要があります。"
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "Steamを起動"
@@ -505,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "重複削除",
                 "msg": "重複が削除されました"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "マップのインポートが完了しました",
+                    "error": "マップのインポート中にエラーが発生しました"
+                },
+                "msgs": {
+                    "success": "マップが正常にインポートされました。",
+                    "some-success": "一部のマップが正常にインポートされました。",
+                    "only-accept-zip": "zipファイルのみがサポートされています。",
+                    "invalid-zip": "zipファイルにマップが含まれていません。",
+                    "unknown": "不明なエラーが発生しました。"
+                }
             }
         },
         "playlists": {
@@ -544,6 +592,14 @@
             "error": {
                 "msg": "ショートカットの作成中にエラーが発生しました。"
             }
+        },
+        "bs-version-oudated": {
+            "title": "バージョンが古い",
+            "msg": "このBeat Saberのバージョンは古いため、推奨バージョンを使用して最新の機能やバグ修正をお楽しみください。",
+            "actions": {
+                "do-not-remind": "再度通知しない",
+                "ok": "OK"
+            }
         }
     },
     "modals": {
@@ -751,7 +807,7 @@
         "original-version-backup-oculus": {
             "title": "注意",
             "body": {
-                "must-be-installed-once": "少なくとも一度はOculus StoreからBeat Saberをインストールしている必要があります。そうしないとBeat Saberは起動後に自動的に終了する可能性があります。",
+                "must-be-installed-once": "このデバイスにOculusストアからBeat Saberをインストールしておく必要があります。そうしないと、Beat Saberは起動後に自動的に閉じます。",
                 "will-backup": "このバージョンを起動するために、OculusライブラリにあるBeat Saberの元のインストールフォルダは名前が変更され、Beat Saberの終了時に自動的に復元されます。"
             },
             "not-remind-me": "二度と表示しないでください",
@@ -788,9 +844,17 @@
         "ask-install-path": {
             "title": "インストールフォルダー",
             "choose-folder-description": "BSManager によってダウンロードされたすべてのコンテンツ (バージョン、MOD、マップ、プレイリストなど) を含むフォルダを選択してください。",
-            "choose-folder": "フォルダーを選択",
             "default": "デフォルト",
             "default-tooltip": "デフォルトでは、ホームフォルダに設定されます"
+        },
+        "choose-proton-folder": {
+            "title": "Protonフォルダ",
+            "proton-folder-description": "Linuxでは、BSManagerを動作させるためにProtonが必要です。続行するには、Protonのインストールフォルダを選択してください。",
+            "proton-folder-placeholder": "Protonのインストールフォルダ",
+            "where-is-proton-installed": "Protonはどこにインストールされていますか？"
+        },
+        "bs-version-outdated": {
+            "body": "バージョン {outdatedVersion} は古いため、一部のモッドや機能が期待通りに動作しない場合があります。最新の機能やバグ修正を楽しむために、推奨される最新バージョンの Beat Saber ({recommendedVersion}) をダウンロードしてください。"
         }
     },
     "maps": {
@@ -816,39 +880,39 @@
             "dance": "ダンス",
             "swing": "スウィング",
             "nightcore": "ナイトコア",
-            "folk": "フォーク",
-            "family": "ファミリー",
+            "folk-acoustic": "フォーク & アコースティック",
+            "kids-family": "キッズ & ファミリー",
             "ambient": "アンビエント",
-            "funk": "ファンク",
+            "funk-disco": "ファンク & ディスコ",
             "jazz": "ジャズ",
             "soul": "ソウル",
-            "speedcore": "スピードコア ",
+            "speedcore": "スピードコア",
             "punk": "パンク",
             "rb": "r&b",
-            "holiday": "休日",
+            "holiday": "ホリデー",
             "vocaloid": "ボーカロイド",
-            "j-rock": "j-rock",
+            "j-rock": "J-ロック",
             "trance": "トランス",
-            "drumbass": "ドラムンベース",
-            "comedy": "コメディ",
-            "instrumental": "器楽",
+            "drum-and-bass": "ドラム & ベース",
+            "comedy-meme": "コメディ & ミーム",
+            "instrumental": "インストゥルメンタル",
             "hardcore": "ハードコア",
             "k-pop": "k-pop",
             "indie": "インディー",
             "techno": "テクノ",
-            "house": "家",
-            "game": "ビデオゲーム",
-            "film": "映画音楽",
-            "alt": "オルタナティヴ",
+            "house": "ハウス",
+            "video-game-soundtrack": "ゲーム音楽",
+            "tv-movie-soundtrack": "TV & 映画",
+            "alternative": "オルタナティブ",
             "dubstep": "ダブステップ",
             "metal": "メタル",
             "anime": "アニメ",
-            "hiphop": "ヒップポップ",
-            "j-pop": "j-pop",
+            "hip-hop-rap": "ヒップホップ & ラップ",
+            "j-pop": "J-ポップ",
             "rock": "ロック",
             "pop": "ポップ",
             "electronic": "エレクトロニック",
-            "classical-orchestral": "Classical & Orchestral"
+            "classical-orchestral": "クラシック & オーケストラ"
         },
         "map-specificities": {
             "automapper": "AI",
@@ -875,7 +939,8 @@
             "bsr-code" : "BSRコード",
             "download" : "マップをダウンロード",
             "downloading" :"マップをダウンロード中",
-            "cancel-download" : "ダウンロードをキャンセル"
+            "cancel-download" : "ダウンロードをキャンセル",
+            "hightlight-difficulty": "難易度をハイライト"
         }
     },
     "models": {
@@ -1032,10 +1097,6 @@
                 "go-to-mods": "Modインストーラーに移動",
                 "not-remind": "二度と表示しないで"
             },
-            "prevent-for-models-breaks": {
-                "title": "モデルが壊れています!",
-                "desc": "Beat Saberのエンジンアップデート以来、すべてのカスタムモデルのMODが壊れており、更新が必要です。まだ更新されていません。"
-            },
             "export-success": {
                 "title": "エクスポート完了🎉"
             }
@@ -1067,6 +1128,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "またはファイルを参照"
+    },
     "playlist": {
         "error-playlist-creation-title": "プレイリストの作成エラー",
         "error-playlist-creation-desc": "プレイリストの作成中にエラーが発生しました。",
@@ -1181,6 +1245,24 @@
             "last-week": "先週",
             "last-month": "先月",
             "3-last-month": "過去3ヶ月"
+        },
+        "playlists-imported": "プレイリストがインポートされました",
+        "all-playlists-have-been-successfully-imported": "すべてのプレイリストが正常にインポートされました",
+        "no-playlist-found": "プレイリストが見つかりません",
+        "no-playlist-found-in-selected-files": "選択されたファイルにプレイリストが見つかりません",
+        "some-playlists-not-imported": "一部のプレイリストはインポートされませんでした",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "一部のプレイリストが見つかりませんでした",
+            "INVALID_PLAYLIST_FILE": "一部のプレイリストは無効です",
+            "CANNOT_PARSE_PLAYLIST": "一部のプレイリストは読み取れません",
+            "unknown": "一部のプレイリストをインポートできませんでした"
+        },
+        "no-playlists-imported": "プレイリストはインポートされませんでした",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "プレイリストが見つかりませんでした",
+            "INVALID_PLAYLIST_FILE": "プレイリストは無効です",
+            "CANNOT_PARSE_PLAYLIST": "プレイリストは読み取れません",
+            "unknown": "プレイリストをインポートできませんでした"
         }
     },
     "dateformat": {

assets/jsons/translations/ru.json

@@ -15,7 +15,11 @@
         "apply": "Применить",
         "copy": "Скопировать",
         "copied": "Скопировано!",
-        "confirm": "Подтвердить"
+        "confirm": "Подтвердить",
+        "choose-folder": "Изменить папку",
+        "unknown": "Неизвестная ошибка ¯\\_(ツ)_/¯",
+        "warning": "Внимание",
+        "continue": "Продолжить"
     },
     "nav-bar": {
         "add-version": "Добавить версию игры",
@@ -34,6 +38,7 @@
                 "desktop-description": "Режим Летающих контроллеров от первого лица(FPFC) позволит вам использовать меню с помощью WASD и мышки. Это облегчает тестирование модов, потому что вам не нужно подключать шлем!",
                 "debug": "Режим отладки",
                 "debug-description": "Включает окно логов для IPA. В окне будут отображаться логи модов.",
+                "outdated-tippy": "Эта версия устарела, и некоторые моды или функции могут работать не так, как ожидалось. Рекомендуется использовать рекомендуемую версию ({recommendedVersion}) Beat Saber, чтобы воспользоваться последними функциями и исправлениями ошибок.",
                 "advanced-launch": {
                     "button": "Расширенный запуск",
                     "placeholder": "Параметры запуска, например: --revert; --nowait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "Добавить"
+                            "drop-down": {
+                                "browse-maps": "Просмотр карт",
+                                "import-maps": "Импорт карт"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "Нет карт",
                             "button": "Скачать карты"
+                        },
+                        "drop-zone": {
+                            "text": "Импортируйте свои карты",
+                            "subtext": "Перетащите сюда файлы ZIP, чтобы импортировать свои карты"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "Просмотр плейлистов",
+                            "create-a-playlist": "Создать плейлист",
+                            "import-playlists": "Импорт плейлистов"
+                        },
+                        "drop-zone": {
+                            "text": "Импортируйте ваши плейлисты",
+                            "subtext": "Перетащите сюда файлы \".bplist\" или \".json\" для их импорта"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "Latest",
                         "description": "Описание",
                         "dropdown": {
-                            "uninstall-all": "Удалить всё"
+                            "uninstall-all": "Удалить всё",
+                            "unselect-all": "Снять все выделения"
                         }
                     }
                 },
@@ -141,8 +163,15 @@
             },
             "installation-folder": {
                 "title": "Папка установок",
-                "description": "Изменить папку, которая будет содержать весь контент, загруженный BSManager.",
-                "choose-folder": "Изменить папку"
+                "description": "Изменить папку, которая будет содержать весь контент, загруженный BSManager."
+            },
+            "proton-folder": {
+                "title": "Папка Proton",
+                "description": "Измените папку на путь к Proton. (например, Proton - Experimental)",
+                "errors": {
+                    "title": "Не удалось установить папку Proton",
+                    "invalid-folder": "Недействительный путь к папке Proton"
+                }
             },
             "additional-content": {
                 "title": "Дополнительный контент",
@@ -164,6 +193,7 @@
                     "zh-CN": "简体中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "Английский, Великобритания",
                         "en-US": "Английский, США",
@@ -173,7 +203,8 @@
                         "ru-RU": "Русский",
                         "zh-CN": "Китайский (упрощенный)",
                         "zh-TW": "Китайский (традиционный)",
-                        "ja-JP": "Японский"
+                        "ja-JP": "Японский",
+                        "ko-KR": "Корейский"
                     }
                 }
             },
@@ -201,10 +232,6 @@
                     "open-logs": "Открыть логи"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 Изучаем Changelog!",
-                "not-founds": "😕 Ой, Changelog нигде не видно!"
-            },
             "advanced": {
                 "title": "Дополнительные",
                 "description": "Дополнительные настройки для BSManager.",
@@ -250,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "Операция в процессе",
-                    "no-internet": "Нет интернета"
+                    "no-internet": "Нет интернета",
+                    "file-not-supported": "Файл не поддерживается"
                 },
                 "msg": {
                     "operation-running": "Дождитесь завершения операции, потом попробуйте снова.",
-                    "no-internet": "Проверьте своё соединение и попробуйте снова."
+                    "no-internet": "Проверьте своё соединение и попробуйте снова.",
+                    "file-not-supported": "Поддерживаются только файлы {types}."
                 }
             }
         },
@@ -414,8 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculus не запущен",
                     "BS_ALREADY_RUNNING": "Beat Saber уде запущен",
                     "EXE_NOT_FINDED": "Отсутствуют файлы",
+                    "PROTON_NOT_SET": "Папка Proton не установлена",
+                    "PROTON_NOT_FOUND": "Бинарный файл Proton не найде",
                     "EXIT": "Вылет",
-                    "OCULUS_LIB_NOT_FOUND": "Библиотека Oculus не найдена"
+                    "OCULUS_LIB_NOT_FOUND": "Библиотека Oculus не найдена",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Оригинальная версия Oculus не найдена"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "Возникла неизвестная ошибка.",
@@ -424,7 +456,10 @@
                     "BS_ALREADY_RUNNING": "Закройте Beat Saber, чтобы запустить его.",
                     "EXE_NOT_FINDED": "Некоторые файлы отсутствуют, пробуем их проверить.",
                     "EXIT": "Beat Saber вылетел, пытаемся проверить файлы.",
-                    "OCULUS_LIB_NOT_FOUND": "Проверьте, правильно ли установлено приложение Oculus, и правильно ли определены библиотеки в Oculus."
+                    "OCULUS_LIB_NOT_FOUND": "Проверьте, правильно ли установлено приложение Oculus, и правильно ли определены библиотеки в Oculus.",
+                    "PROTON_NOT_SET": "Установите путь к Proton в настройках.",
+                    "PROTON_NOT_FOUND": "Установите путь к Proton в настройках.",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "Beat Saber должен быть установлен из приложения Oculus перед открытием."
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "Запустить Steam"
@@ -505,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "Дубликаты удалены",
                 "msg": "Дубликаты были удалены"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "Импорт карт завершен",
+                    "error": "Произошла ошибка при импорте карт"
+                },
+                "msgs": {
+                    "success": "Карты были успешно импортированы.",
+                    "some-success": "Некоторые карты успешно импортированы.",
+                    "only-accept-zip": "Поддерживаются только zip-файлы.",
+                    "invalid-zip": "В zip-файле(ах) нет карт.",
+                    "unknown": "Произошла неизвестная ошибка."
+                }
             }
         },
         "playlists": {
@@ -544,6 +592,14 @@
             "error": {
                 "msg": "Ошибка создания ярлыка."
             }
+        },
+        "bs-version-oudated": {
+            "title": "Устаревшая версия",
+            "msg": "Эта версия Beat Saber устарела. Используйте рекомендуемую версию, чтобы воспользоваться последними функциями и исправлениями ошибок.",
+            "actions": {
+                "do-not-remind": "Больше не напоминать",
+                "ok": "Ок"
+            }
         }
     },
     "modals": {
@@ -751,7 +807,7 @@
         "original-version-backup-oculus": {
             "title": "Внимание",
             "body": {
-                "must-be-installed-once": "Вы должны были установить Beat Saber хотя бы один раз из Oculus Store, иначе Beat Saber может автоматически закрыться после запуска.",
+                "must-be-installed-once": "Вы должны установить Beat Saber из магазина Oculus на этом устройстве, в противном случае Beat Saber автоматически закроется после запуска.",
                 "will-backup": "Для запуска этой версии исходная папка установки Beat Saber, находящаяся в вашей библиотеке Oculus, будет переименована и автоматически восстановлена при выходе из Beat Saber."
             },
             "not-remind-me": "Больше не напоминать",
@@ -787,9 +843,17 @@
         "ask-install-path": {
             "title": "Папка установок",
             "choose-folder-description": "Выберите папку, которая будет содержать весь контент, загруженный BSManager. (версии, моды, карты, плейлисты и т.д.)",
-            "choose-folder": "Изменить папку",
             "default": "По умолчанию",
             "default-tooltip": "По умолчанию в вашей домашней папке"
+        },
+        "choose-proton-folder": {
+            "title": "Папка Proton",
+            "proton-folder-description": "В Linux BSManager требует Proton для работы. Выберите папку установки Proton, чтобы продолжить.",
+            "proton-folder-placeholder": "Папка установки Proton",
+            "where-is-proton-installed": "Где установлен Proton?"
+        },
+        "bs-version-outdated": {
+            "body": "Версия {outdatedVersion} устарела, и некоторые моды или функции могут работать некорректно. Пожалуйста, скачайте последнюю рекомендуемую версию ({recommendedVersion}) Beat Saber, чтобы воспользоваться новейшими функциями и исправлениями ошибок."
         }
     },
     "maps": {
@@ -815,36 +879,36 @@
             "dance": "танец",
             "swing": "свинг",
             "nightcore": "найткор",
-            "folk": "народные",
-            "family": "семейные",
+            "folk-acoustic": "фолк и акустика",
+            "kids-family": "дети и семья",
             "ambient": "эмбиент",
-            "funk": "фанк",
+            "funk-disco": "фанк и диско",
             "jazz": "джаз",
             "soul": "соул",
             "speedcore": "спидкор",
             "punk": "панк",
-            "rb": "ар-н-би",
-            "holiday": "праздник",
-            "vocaloid": "вокалоиды",
+            "rb": "r&b",
+            "holiday": "праздники",
+            "vocaloid": "вокалоид",
             "j-rock": "джей-рок",
             "trance": "транс",
-            "drumbass": "драм-н-бейс",
-            "comedy": "комедия",
-            "instrumental": "инструментальные",
+            "drum-and-bass": "драм-н-бейс",
+            "comedy-meme": "комедия и мемы",
+            "instrumental": "инструментал",
             "hardcore": "хардкор",
-            "k-pop": "кей-поп",
+            "k-pop": "k-pop",
             "indie": "инди",
             "techno": "техно",
             "house": "хаус",
-            "game": "видеоигры",
-            "film": "фильмы",
-            "alt": "альтернативные",
-            "dubstep": "дапстеп",
+            "video-game-soundtrack": "видеоигра",
+            "tv-movie-soundtrack": "ТВ и кино",
+            "alternative": "альтернатива",
+            "dubstep": "дабстеп",
             "metal": "метал",
             "anime": "аниме",
-            "hiphop": "хипхоп",
-            "j-pop": "джей-поп",
-            "rock": "прк",
+            "hip-hop-rap": "хип-хоп и рэп",
+            "j-pop": "j-pop",
+            "rock": "рок",
             "pop": "поп",
             "electronic": "электроника",
             "classical-orchestral": "Классика и Оркестр"
@@ -874,7 +938,8 @@
             "bsr-code" : "Код BSR",
             "download" : "Скачать карту",
             "downloading" :"Загрузка карты",
-            "cancel-download" : "Отменить загрузку"
+            "cancel-download" : "Отменить загрузку",
+            "hightlight-difficulty": "Выделить сложность"
         }
     },
     "models": {
@@ -1031,10 +1096,6 @@
                 "go-to-mods": "Перейти к модам",
                 "not-remind": "Больше не напоминать"
             },
-            "prevent-for-models-breaks": {
-                "title": "Сломанные модели",
-                "desc": "С момента обновления движка Beat Saber, все пользовательские модификации моделей сломались и требуют обновления. Они еще не были обновлены."
-            },
             "export-success": {
                 "title": "Экспорт завершен 🎉"
             }
@@ -1066,6 +1127,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "Или просмотреть файлы"
+    },
     "playlist": {
         "error-playlist-creation-title": "Ошибка при создании плейлиста",
         "error-playlist-creation-desc": "Произошла ошибка при создании плейлиста.",
@@ -1180,6 +1244,24 @@
             "last-week": "Последняя неделя",
             "last-month": "Последний месяц",
             "3-last-month": "Последние 3 месяца"
+        },
+        "playlists-imported": "Плейлисты импортированы",
+        "all-playlists-have-been-successfully-imported": "Все плейлисты успешно импортированы",
+        "no-playlist-found": "Плейлист не найден",
+        "no-playlist-found-in-selected-files": "Плейлист не найден в выбранных файлах",
+        "some-playlists-not-imported": "Некоторые плейлисты не импортированы",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "Некоторые плейлисты не найдены",
+            "INVALID_PLAYLIST_FILE": "Некоторые плейлисты недействительны",
+            "CANNOT_PARSE_PLAYLIST": "Некоторые плейлисты нечитаемы",
+            "unknown": "Некоторые плейлисты не удалось импортировать"
+        },
+        "no-playlists-imported": "Плейлисты не импортированы",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "Плейлисты не найдены",
+            "INVALID_PLAYLIST_FILE": "Плейлисты недействительны",
+            "CANNOT_PARSE_PLAYLIST": "Плейлисты нечитаемы",
+            "unknown": "Не удалось импортировать плейлисты"
         }
     },
     "dateformat": {

assets/jsons/translations/zh-tw.json

@@ -15,7 +15,11 @@
         "apply": "應用",
         "copy": "複製",
         "copied": "已複製!",
-        "confirm": "確認"
+        "confirm": "確認",
+        "choose-folder": "選擇文件夾",
+        "unknown": "發生了一個錯誤 ¯\\_(ツ)_/¯",
+        "warning": "警告",
+        "continue": "繼續"
     },
     "nav-bar": {
         "add-version": "新增版本",
@@ -34,6 +38,7 @@
                 "desktop-description": "第一人稱飛控模式允許你使用鍵盤 WASD 和滑鼠在遊戲中進行導航。你無需帶上頭顯即可進行測試!",
                 "debug": "Debug 模式",
                 "debug-description": "為 IPA 啟用輸出日誌窗口。 會顯示所用 Mod 的 debug 輸出",
+                "outdated-tippy": "此版本已過時，某些模組或功能可能無法按預期運作。建議使用推薦版本的 Beat Saber ({recommendedVersion})，以享受最新功能和修復。",
                 "advanced-launch": {
                     "button": "高級啟動",
                     "placeholder": "額外啟動參數，例如: --revert; --nowait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "新增"
+                            "drop-down": {
+                                "browse-maps": "瀏覽地圖",
+                                "import-maps": "匯入地圖"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "無譜面",
                             "button": "下載譜面"
+                        },
+                        "drop-zone": {
+                            "text": "導入您的地圖",
+                            "subtext": "將ZIP文件拖放到此處以導入您的地圖"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "瀏覽播放列表",
+                            "create-a-playlist": "建立播放列表",
+                            "import-playlists": "匯入播放列表"
+                        },
+                        "drop-zone": {
+                            "text": "匯入您的播放列表",
+                            "subtext": "將您的 \".bplist\" 或 \".json\" 檔案拖曳到這裡進行匯入"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "最新",
                         "description": "描述",
                         "dropdown": {
-                            "uninstall-all": "全部移除"
+                            "uninstall-all": "全部移除",
+                            "unselect-all": "取消全選"
                         }
                     }
                 },
@@ -141,8 +163,15 @@
             },
             "installation-folder": {
                 "title": "安裝文件夾",
-                "description": "更改將包含 BSManager 下載的所有內容的文件夾。",
-                "choose-folder": "選擇文件夾"
+                "description": "更改將包含 BSManager 下載的所有內容的文件夾。"
+            },
+            "proton-folder": {
+                "title": "Proton資料夾",
+                "description": "將資料夾更改為Proton路徑。（例如：Proton - Experimental）",
+                "errors": {
+                    "title": "設置Proton資料夾失敗",
+                    "invalid-folder": "無效的Proton資料夾路徑"
+                }
             },
             "additional-content": {
                 "title": "附加內容",
@@ -164,6 +193,7 @@
                     "zh-CN": "簡體中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "英式英語",
                         "en-US": "美式英語",
@@ -173,7 +203,8 @@
                         "ru-RU": "俄語",
                         "zh-CN": "簡體中文",
                         "zh-TW": "正體中文",
-                        "ja-JP": "日語"
+                        "ja-JP": "日語",
+                        "ko-KR": "韓語"
                     }
                 }
             },
@@ -201,10 +232,6 @@
                     "open-logs": "打開日誌"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 探索更新日誌！",
-                "not-founds": "😕 噢，找不到更新日誌！"
-            },
             "advanced": {
                 "title": "高级设置",
                 "description": "BSManager的高级设置。",
@@ -250,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "操作進行中",
-                    "no-internet": "無網路"
+                    "no-internet": "無網路",
+                    "file-not-supported": "文件不受支持"
                 },
                 "msg": {
                     "operation-running": "等待當前操作完成，然後重試。",
-                    "no-internet": "檢查你的連接並重試。"
+                    "no-internet": "檢查你的連接並重試。",
+                    "file-not-supported": "僅支援{types}檔案。"
                 }
             }
         },
@@ -414,8 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculus 未運行",
                     "BS_ALREADY_RUNNING": "Beat Saber 已在運行",
                     "EXE_NOT_FINDED": "缺少文件",
+                    "PROTON_NOT_SET": "Proton資料夾未設置",
+                    "PROTON_NOT_FOUND": "找不到Proton二進位檔",
                     "EXIT": "突然停止",
-                    "OCULUS_LIB_NOT_FOUND": "未找到 Oculus 庫"
+                    "OCULUS_LIB_NOT_FOUND": "未找到 Oculus 庫",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "找不到原始Oculus版本"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "發生未知錯誤。",
@@ -424,7 +456,10 @@
                     "BS_ALREADY_RUNNING": "再次啟動前請關閉 BeatSaber。",
                     "EXE_NOT_FINDED": "某些文件似乎遺失了，嘗試驗證文件。",
                     "EXIT": "BeatSaber 突然停止，請檢查文件。",
-                    "OCULUS_LIB_NOT_FOUND": "檢查 Oculus 應用是否正確安裝，以及庫是否在 Oculus 中正確定義。"
+                    "OCULUS_LIB_NOT_FOUND": "檢查 Oculus 應用是否正確安裝，以及庫是否在 Oculus 中正確定義。",
+                    "PROTON_NOT_SET": "在設定中設置Proton路徑。",
+                    "PROTON_NOT_FOUND": "在設定中設置Proton路徑。",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "在打開之前，必須從Oculus應用程式安裝Beat Saber。"
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "啟動 Steam"
@@ -505,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "重複已刪除",
                 "msg": "重複已刪除"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "地圖匯入完成",
+                    "error": "地圖匯入時發生錯誤"
+                },
+                "msgs": {
+                    "success": "地圖已成功匯入。",
+                    "some-success": "部分地圖已成功匯入。",
+                    "only-accept-zip": "僅支援zip檔案。",
+                    "invalid-zip": "zip檔案中沒有地圖。",
+                    "unknown": "發生了未知錯誤。"
+                }
             }
         },
         "playlists": {
@@ -544,6 +592,14 @@
             "error": {
                 "msg": "創建捷徑時發生錯誤"
             }
+        },
+        "bs-version-oudated": {
+            "title": "版本過時",
+            "msg": "此 Beat Saber 版本已過時，請使用推薦版本以享受最新功能和修復。",
+            "actions": {
+                "do-not-remind": "不要再提醒我",
+                "ok": "確定"
+            }
         }
     },
     "modals": {
@@ -751,7 +807,7 @@
         "original-version-backup-oculus": {
             "title": "警告",
             "body": {
-                "must-be-installed-once": "你必須至少從 Oculus 商店安裝過一次 BeatSaber，否則 BeatSaber 可能會在啟動後自動關閉。",
+                "must-be-installed-once": "您必須在此設備上從Oculus商店安裝Beat Saber，否則Beat Saber將在啟動後自動關閉。",
                 "will-backup": "為了啟動這個版本，位於您的Oculus庫中的Beat Saber的原始安裝文件夾將被重新命名，並且在Beat Saber關閉時會自動恢復。"
             },
             "not-remind-me": "不再提醒我",
@@ -788,9 +844,17 @@
         "ask-install-path": {
             "title": "安裝文件夾",
             "choose-folder-description": "選擇將包含 BSManager 下載的所有內容的文件夾。(版本、mod、地圖、播放列表等)",
-            "choose-folder": "選擇文件夾",
             "default": "預設",
             "default-tooltip": "預設為您的主資料夾"
+        },
+        "choose-proton-folder": {
+            "title": "Proton資料夾",
+            "proton-folder-description": "在Linux上，BSManager需要Proton才能運行。請選擇Proton的安裝資料夾以繼續。",
+            "proton-folder-placeholder": "Proton安裝資料夾",
+            "where-is-proton-installed": "Proton安裝在哪裡？"
+        },
+        "bs-version-outdated": {
+            "body": "版本 {outdatedVersion} 已過時，某些模組或功能可能無法正常運作。請下載最新推薦的 Beat Saber 版本 ({recommendedVersion})，以享受最新功能和修正。"
         }
     },
     "maps": {
@@ -813,42 +877,42 @@
             "tech": "技術"
         },
         "map-styles": {
-            "dance": "Dance",
-            "swing": "Swing",
-            "nightcore": "Nightcore",
-            "folk": "Folk",
-            "family": "Family",
-            "ambient": "Ambient",
-            "funk": "Funk",
-            "jazz": "Jazz",
-            "soul": "Soul",
-            "speedcore": "Speedcore",
-            "punk": "Punk",
-            "rb": "R&B",
-            "holiday": "Holiday",
-            "vocaloid": "Vocaloid",
-            "j-rock": "J-rock",
-            "trance": "Trance",
-            "drumbass": "Drum & Bass",
-            "comedy": "Comedy",
-            "instrumental": "Instrumental",
-            "hardcore": "Hardcore",
-            "k-pop": "K-pop",
-            "indie": "Indie",
-            "techno": "Techno",
-            "house": "House",
-            "game": "Video game",
-            "film": "Film",
-            "alt": "Alternative",
-            "dubstep": "Dubstep",
-            "metal": "Metal",
-            "anime": "Anime",
-            "hiphop": "Hiphop",
-            "j-pop": "J-pop",
-            "rock": "Rock",
-            "pop": "Pop",
-            "electronic": "Electronic",
-            "classical-orchestral": "Classical & Orchestral"
+            "dance": "舞蹈",
+            "swing": "搖擺",
+            "nightcore": "夜核",
+            "folk-acoustic": "民謠 & 原聲",
+            "kids-family": "兒童 & 家庭",
+            "ambient": "氛圍音樂",
+            "funk-disco": "放克 & 迪斯科",
+            "jazz": "爵士",
+            "soul": "靈魂",
+            "speedcore": "極速核",
+            "punk": "龐克",
+            "rb": "r&b",
+            "holiday": "假日",
+            "vocaloid": "聲庫",
+            "j-rock": "日式搖滾",
+            "trance": "迷幻",
+            "drum-and-bass": "鼓 & 貝斯",
+            "comedy-meme": "喜劇 & 表情包",
+            "instrumental": "純音樂",
+            "hardcore": "硬核",
+            "k-pop": "k-pop",
+            "indie": "獨立",
+            "techno": "電子舞曲",
+            "house": "浩室音樂",
+            "video-game-soundtrack": "遊戲音樂",
+            "tv-movie-soundtrack": "電視 & 電影",
+            "alternative": "另類",
+            "dubstep": "電音鼓",
+            "metal": "金屬",
+            "anime": "動漫",
+            "hip-hop-rap": "嘻哈 & 說唱",
+            "j-pop": "日式流行",
+            "rock": "搖滾",
+            "pop": "流行",
+            "electronic": "電子",
+            "classical-orchestral": "古典 & 管弦樂"
         },
         "map-specificities": {
             "automapper": "AI",
@@ -875,7 +939,8 @@
             "bsr-code" : "BSR代碼",
             "download" : "下載地圖",
             "downloading" :"正在下載地圖",
-            "cancel-download" : "取消下載"
+            "cancel-download" : "取消下載",
+            "hightlight-difficulty": "突出顯示難度"
         }
     },
     "models": {
@@ -1032,10 +1097,6 @@
                 "go-to-mods": "前往 Mod 頁",
                 "not-remind": "不再提醒我"
             },
-            "prevent-for-models-breaks": {
-                "title": "已損壞的模型",
-                "desc": "自從Beat Saber引擎更新以來，所有自定義模型的MOD都已損壞，需要更新。它們還沒有被更新。"
-            },
             "export-success": {
                 "title": "導出成功 🎉"
             }
@@ -1067,6 +1128,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "或瀏覽檔案"
+    },
     "playlist": {
         "error-playlist-creation-title": "建立播放清單時發生錯誤",
         "error-playlist-creation-desc": "建立播放清單時發生錯誤。",
@@ -1181,6 +1245,24 @@
             "last-week": "上週",
             "last-month": "上個月",
             "3-last-month": "最近3個月"
+        },
+        "playlists-imported": "播放清單已匯入",
+        "all-playlists-have-been-successfully-imported": "所有播放清單已成功匯入",
+        "no-playlist-found": "未找到播放清單",
+        "no-playlist-found-in-selected-files": "在選定檔案中未找到播放清單",
+        "some-playlists-not-imported": "部分播放清單未匯入",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "某些播放清單未找到",
+            "INVALID_PLAYLIST_FILE": "某些播放清單無效",
+            "CANNOT_PARSE_PLAYLIST": "某些播放清單無法解析",
+            "unknown": "某些播放清單無法匯入"
+        },
+        "no-playlists-imported": "未匯入任何播放清單",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "播放清單未找到",
+            "INVALID_PLAYLIST_FILE": "播放清單無效",
+            "CANNOT_PARSE_PLAYLIST": "播放清單無法解析",
+            "unknown": "無法匯入任何播放清單"
         }
     },
     "dateformat": {

assets/jsons/translations/zh.json

@@ -15,7 +15,11 @@
         "apply": "应用",
         "copy": "复制",
         "copied": "已复制!",
-        "confirm": "确认"
+        "confirm": "确认",
+        "choose-folder": "选择文件夹",
+        "Unknown": "发生了一个错误 ¯\\_(ツ)_/¯",
+        "warning": "警告",
+        "continue": "继续"
     },
     "nav-bar": {
         "add-version": "添加版本",
@@ -34,6 +38,7 @@
                 "desktop-description": "第一人称飞控模式允许你使用键盘 WASD 和鼠标在游戏中进行导航。你无需带上头显即可进行测试!",
                 "debug": "Debug 模式",
                 "debug-description": "为 IPA 启用输出日志窗口。 会显示所用 Mod 的 debug 输出",
+                "outdated-tippy": "此版本已过时，某些模组或功能可能无法按预期运行。建议使用推荐版本的 Beat Saber ({recommendedVersion})，以享受最新功能和修复。",
                 "advanced-launch": {
                     "button": "高级启动",
                     "placeholder": "额外启动参数，例如: --revert; --nowait"
@@ -52,8 +57,9 @@
                 "tabs": {
                     "maps": {
                         "actions": {
-                            "add-maps": {
-                                "text": "添加"
+                            "drop-down": {
+                                "browse-maps": "浏览地图",
+                                "import-maps": "导入地图"
                             },
                             "link-maps": {
                                 "tooltips": {
@@ -65,6 +71,21 @@
                         "empty-maps": {
                             "text": "无谱面",
                             "button": "下载谱面"
+                        },
+                        "drop-zone": {
+                            "text": "导入您的地图",
+                            "subtext": "将ZIP文件拖放到此处以导入您的地图"
+                        }
+                    },
+                    "playlists": {
+                        "drop-down": {
+                            "browse-playlists": "浏览播放列表",
+                            "create-a-playlist": "创建播放列表",
+                            "import-playlists": "导入播放列表"
+                        },
+                        "drop-zone": {
+                            "text": "导入您的播放列表",
+                            "subtext": "将您的 \".bplist\" 或 \".json\" 文件拖放到这里进行导入"
                         }
                     }
                 }
@@ -85,7 +106,8 @@
                         "latest": "最新",
                         "description": "描述",
                         "dropdown": {
-                            "uninstall-all": "全部卸载"
+                            "uninstall-all": "全部卸载",
+                            "unselect-all": "取消全选"
                         }
                     }
                 },
@@ -141,8 +163,15 @@
             },
             "installation-folder": {
                 "title": "安装文件夹",
-                "description": "更改将包含 BSManager 下载的所有内容的文件夹。",
-                "choose-folder": "选择文件夹"
+                "description": "更改将包含 BSManager 下载的所有内容的文件夹。"
+            },
+            "proton-folder": {
+                "title": "Proton文件夹",
+                "description": "将文件夹更改为Proton路径。（例如：Proton - Experimental）",
+                "errors": {
+                    "title": "设置Proton文件夹失败",
+                    "invalid-folder": "无效的Proton文件夹路径"
+                }
             },
             "additional-content": {
                 "title": "附加内容",
@@ -164,6 +193,7 @@
                     "zh-CN": "简体中文",
                     "zh-TW": "正體中文",
                     "ja-JP": "日本語",
+                    "ko-KR": "한국어",
                     "translated": {
                         "en-EN": "英式英语",
                         "en-US": "美式英语",
@@ -173,7 +203,8 @@
                         "ru-RU": "俄语",
                         "zh-CN": "简体中文",
                         "zh-TW": "正体中文",
-                        "ja-JP": "日语"
+                        "ja-JP": "日语",
+                        "ko-KR": "韩语"
                     }
                 }
             },
@@ -201,10 +232,6 @@
                     "open-logs": "打开日志"
                 }
             },
-            "changelogs": {
-                "open" : "🚀 探索更新日志！",
-                "not-founds": "😕 哎呀，找不到更新日志！"
-            },
             "advanced": {
                 "title": "高级设置",
                 "description": "BSManager的高级设置。",
@@ -250,11 +277,13 @@
             "errors": {
                 "titles": {
                     "operation-running": "操作进行中",
-                    "no-internet": "无网络"
+                    "no-internet": "无网络",
+                    "file-not-supported": "文件不受支持"
                 },
                 "msg": {
                     "operation-running": "等待当前操作完成，然后重试。",
-                    "no-internet": "检查你的连接并重试。"
+                    "no-internet": "检查你的连接并重试。",
+                    "file-not-supported": "仅支持{types}文件。"
                 }
             }
         },
@@ -414,8 +443,11 @@
                     "OCULUS_NOT_RUNNING": "Oculus 未运行",
                     "BS_ALREADY_RUNNING": "Beat Saber 已在运行",
                     "EXE_NOT_FINDED": "缺少文件",
+                    "PROTON_NOT_SET": "Proton文件夹未设置",
+                    "PROTON_NOT_FOUND": "未找到Proton二进制文件",
                     "EXIT": "突然停止",
-                    "OCULUS_LIB_NOT_FOUND": "未找到 Oculus 库"
+                    "OCULUS_LIB_NOT_FOUND": "未找到 Oculus 库",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "未找到原始Oculus版本"
                 },
                 "msg": {
                     "UNKNOWN_ERROR": "发生未知错误。",
@@ -424,7 +456,10 @@
                     "BS_ALREADY_RUNNING": "再次启动前请关闭 BeatSaber。",
                     "EXE_NOT_FINDED": "某些文件似乎丢失了，尝试验证文件。",
                     "EXIT": "BeatSaber 突然停止，请检查文件。",
-                    "OCULUS_LIB_NOT_FOUND": "检查 Oculus 应用是否正确安装，以及库是否在 Oculus 中正确定义。"
+                    "OCULUS_LIB_NOT_FOUND": "检查 Oculus 应用是否正确安装，以及库是否在 Oculus 中正确定义。",
+                    "PROTON_NOT_SET": "在设置中设置Proton路径。",
+                    "PROTON_NOT_FOUND": "在设置中设置Proton路径。",
+                    "ORIGINAL_OCULUS_NOT_INSTALLED": "在打开之前，必须从Oculus应用程序安装Beat Saber。"
                 },
                 "actions": {
                     "STEAM_NOT_RUNNING": "启动 Steam"
@@ -505,6 +540,19 @@
             "duplicates-maps-deleted": {
                 "title": "重复已删除",
                 "msg": "重复已删除"
+            },
+            "import-map": {
+                "titles": {
+                    "success": "地图导入完成",
+                    "error": "导入地图时发生错误"
+                },
+                "msgs": {
+                    "success": "地图已成功导入。",
+                    "some-success": "部分地图已成功导入。",
+                    "only-accept-zip": "仅支持zip文件。",
+                    "invalid-zip": "zip文件中没有地图。",
+                    "unknown": "发生了未知错误。"
+                }
             }
         },
         "playlists": {
@@ -544,6 +592,14 @@
             "error": {
                 "msg": "创建快捷方式时发生错误"
             }
+        },
+        "bs-version-oudated": {
+            "title": "版本过时",
+            "msg": "此 Beat Saber 版本已过时，请使用推荐版本以享受最新功能和修复。",
+            "actions": {
+                "do-not-remind": "不再提醒",
+                "ok": "确定"
+            }
         }
     },
     "modals": {
@@ -751,7 +807,7 @@
         "original-version-backup-oculus": {
             "title": "警告",
             "body": {
-                "must-be-installed-once": "你必须至少从 Oculus 商店安装过一次 BeatSaber，否则 BeatSaber 可能会在启动后自动关闭。",
+                "must-be-installed-once": "您必须在此设备上从Oculus商店安装Beat Saber，否则Beat Saber将在启动后自动关闭。",
                 "will-backup": "为了启动这个版本，位于您的Oculus库中的Beat Saber的原始安装文件夹将被重命名，并且在Beat Saber关闭时会自动恢复。"
             },
             "not-remind-me": "不再提醒我",
@@ -788,9 +844,17 @@
         "ask-install-path": {
             "title": "安装文件夹",
             "choose-folder-description": "选择将包含 BSManager 下载的所有内容的文件夹。(版本、mod、地图、播放列表等)",
-            "choose-folder": "选择文件夹",
             "default": "默认",
             "default-tooltip": "默认为您的主文件夹"
+        },
+        "choose-proton-folder": {
+            "title": "Proton文件夹",
+            "proton-folder-description": "在Linux上，BSManager需要Proton才能运行。请选择Proton的安装文件夹以继续。",
+            "proton-folder-placeholder": "Proton安装文件夹",
+            "where-is-proton-installed": "Proton安装在哪里？"
+        },
+        "bs-version-outdated": {
+            "body": "版本 {outdatedVersion} 已过时，某些模组或功能可能无法正常工作。请下载最新推荐的 Beat Saber 版本 ({recommendedVersion})，以享受最新功能和修复。"
         }
     },
     "maps": {
@@ -813,42 +877,42 @@
             "tech": "技术"
         },
         "map-styles": {
-            "dance": "dance",
-            "swing": "swing",
-            "nightcore": "nightcore",
-            "folk": "folk",
-            "family": "family",
-            "ambient": "ambient",
-            "funk": "funk",
-            "jazz": "jazz",
-            "soul": "soul",
-            "speedcore": "speedcore",
-            "punk": "punk",
+            "dance": "舞蹈",
+            "swing": "摇摆",
+            "nightcore": "夜核",
+            "folk-acoustic": "民谣 & 原声",
+            "kids-family": "儿童 & 家庭",
+            "ambient": "氛围音乐",
+            "funk-disco": "放克 & 迪斯科",
+            "jazz": "爵士",
+            "soul": "灵魂",
+            "speedcore": "极速核",
+            "punk": "朋克",
             "rb": "r&b",
-            "holiday": "holiday",
-            "vocaloid": "vocaloid",
-            "j-rock": "j-rock",
-            "trance": "trance",
-            "drumbass": "drum & bass",
-            "comedy": "comedy",
-            "instrumental": "instrumental",
-            "hardcore": "hardcore",
+            "holiday": "假日",
+            "vocaloid": "声库",
+            "j-rock": "日式摇滚",
+            "trance": "迷幻",
+            "drum-and-bass": "鼓 & 贝斯",
+            "comedy-meme": "喜剧 & 表情包",
+            "instrumental": "纯音乐",
+            "hardcore": "硬核",
             "k-pop": "k-pop",
-            "indie": "indie",
-            "techno": "techno",
-            "house": "house",
-            "game": "video game",
-            "film": "film",
-            "alt": "alternative",
-            "dubstep": "dubstep",
-            "metal": "metal",
-            "anime": "anime",
-            "hiphop": "hiphop",
-            "j-pop": "j-pop",
-            "rock": "rock",
-            "pop": "pop",
-            "electronic": "electronic",
-            "classical-orchestral": "Classical & Orchestral"
+            "indie": "独立",
+            "techno": "电子舞曲",
+            "house": "浩室音乐",
+            "video-game-soundtrack": "游戏音乐",
+            "tv-movie-soundtrack": "电视 & 电影",
+            "alternative": "另类",
+            "dubstep": "电音鼓",
+            "metal": "金属",
+            "anime": "动漫",
+            "hip-hop-rap": "嘻哈 & 说唱",
+            "j-pop": "日式流行",
+            "rock": "摇滚",
+            "pop": "流行",
+            "electronic": "电子",
+            "classical-orchestral": "古典 & 管弦乐"
         },
         "map-specificities": {
             "automapper": "AI",
@@ -875,7 +939,8 @@
             "bsr-code" : "BSR代码",
             "download" : "下载地图",
             "downloading" :"正在下载地图",
-            "cancel-download" : "取消下载"
+            "cancel-download" : "取消下载",
+            "hightlight-difficulty": "突出显示难度"
         }
     },
     "models": {
@@ -1032,10 +1097,6 @@
                 "go-to-mods": "前往 Mod 页",
                 "not-remind": "不再提醒我"
             },
-            "prevent-for-models-breaks": {
-                "title": "已损坏的模型",
-                "desc": "自从Beat Saber引擎更新以来，所有自定义模型的MOD都已损坏，需要更新。它们还没有被更新。"
-            },
             "export-success": {
                 "title": "导出成功 🎉"
             }
@@ -1067,6 +1128,9 @@
             }
         }
     },
+    "drop-zone": {
+        "or-browse-files": "或浏览文件"
+    },
     "playlist": {
         "error-playlist-creation-title": "创建播放列表时出错",
         "error-playlist-creation-desc": "创建播放列表时发生错误。",
@@ -1181,6 +1245,24 @@
             "last-week": "上周",
             "last-month": "上个月",
             "3-last-month": "最近3个月"
+        },
+        "playlists-imported": "播放列表已导入",
+        "all-playlists-have-been-successfully-imported": "所有播放列表已成功导入",
+        "no-playlist-found": "未找到播放列表",
+        "no-playlist-found-in-selected-files": "在选定文件中未找到播放列表",
+        "some-playlists-not-imported": "部分播放列表未导入",
+        "some-playlists-have-been-imported": {
+            "INVALID_SOURCE": "某些播放列表未找到",
+            "INVALID_PLAYLIST_FILE": "某些播放列表无效",
+            "CANNOT_PARSE_PLAYLIST": "某些播放列表无法解析",
+            "unknown": "某些播放列表无法导入"
+        },
+        "no-playlists-imported": "未导入任何播放列表",
+        "no-playlists-imported-errors": {
+            "INVALID_SOURCE": "播放列表未找到",
+            "INVALID_PLAYLIST_FILE": "播放列表无效",
+            "CANNOT_PARSE_PLAYLIST": "播放列表无法解析",
+            "unknown": "无法导入任何播放列表"
         }
     },
     "dateformat": {

jest.config.ts

@@ -0,0 +1,19 @@
+import type { Config } from "jest";
+
+const config: Config = {
+    // testURL: "http://localhost/",
+    // testEnvironment: "jsdom",
+    transform: {
+        "\\.(ts|tsx|js|jsx)$": "ts-jest",
+    },
+    moduleNameMapper: {
+        "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/.erb/mocks/fileMock.js",
+        "\\.(css|less|sass|scss)$": "identity-obj-proxy",
+    },
+    moduleFileExtensions: ["js", "jsx", "ts", "tsx", "json"],
+    moduleDirectories: ["node_modules", "src"],
+    testPathIgnorePatterns: ["release/app/dist"],
+    setupFiles: ["./.erb/scripts/check-build-exists.ts"],
+};
+
+export default config;

package-lock.json

@@ -20,7 +20,6 @@
                 "color": "^4.2.3",
                 "crypto-js": "^4.2.0",
                 "dateformat": "^5.0.3",
-                "dompurify": "^3.0.9",
                 "dot-prop": "^8.0.2",
                 "electron-debug": "^3.2.0",
                 "electron-log": "^4.4.8",
@@ -30,14 +29,12 @@
                 "format-duration": "^3.0.2",
                 "framer-motion": "^11.2.6",
                 "fs-extra": "^11.2.0",
-                "got": "^14.4.2",
+                "got": "^14.4.4",
                 "history": "^5.3.0",
                 "is-elevated": "^4.0.0",
-                "jszip": "^3.10.1",
                 "md5-file": "^5.0.0",
                 "node-abi": "^3.65.0",
                 "node-fetch": "^3.3.2",
-                "node-stream-zip": "^1.15.0",
                 "pako": "^2.1.0",
                 "protobufjs": "^7.4.0",
                 "qrcode.react": "^4.0.1",
@@ -62,7 +59,8 @@
                 "tippy.js": "^6.3.7",
                 "to-ico": "^1.1.5",
                 "use-double-click": "^1.0.5",
-                "use-fit-text": "^2.4.0"
+                "use-fit-text": "^2.4.0",
+                "yauzl": "^3.2.0"
             },
             "devDependencies": {
                 "@electron/fuses": "^1.7.0",
@@ -76,10 +74,9 @@
                 "@types/color": "^3.0.3",
                 "@types/crypto-js": "^4.2.1",
                 "@types/dateformat": "^5.0.0",
-                "@types/dompurify": "^3.0.5",
                 "@types/got": "^9.6.12",
                 "@types/jest": "^29.5.11",
-                "@types/node": "20.11.15",
+                "@types/node": "22.8.6",
                 "@types/node-fetch": "^2.6.3",
                 "@types/pako": "^2.0.1",
                 "@types/react": "^18.0.33",
@@ -5715,7 +5712,8 @@
         "node_modules/@sec-ant/readable-stream": {
             "version": "0.4.1",
             "resolved": "https://registry.npmjs.org/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
-            "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg=="
+            "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==",
+            "license": "MIT"
         },
         "node_modules/@sinclair/typebox": {
             "version": "0.27.8",
@@ -5723,9 +5721,10 @@
             "license": "MIT"
         },
         "node_modules/@sindresorhus/is": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-7.0.0.tgz",
-            "integrity": "sha512-WDTlVTyvFivSOuyvMeedzg2hdoBLZ3f1uNVuEida2Rl9BrfjrIRjWA/VZIrMRLvSwJYCAlCRA3usDt1THytxWQ==",
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-7.0.1.tgz",
+            "integrity": "sha512-QWLl2P+rsCJeofkDNIT3WFmb6NrRud1SUYW8dIhXK/46XFV8Q/g7Bsvib0Askb0reRLe+WYPeeE+l5cH7SlkuQ==",
+            "license": "MIT",
             "engines": {
                 "node": ">=18"
             },
@@ -5761,6 +5760,7 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-5.0.1.tgz",
             "integrity": "sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw==",
+            "license": "MIT",
             "dependencies": {
                 "defer-to-connect": "^2.0.1"
             },
@@ -6105,15 +6105,6 @@
                 "@types/ms": "*"
             }
         },
-        "node_modules/@types/dompurify": {
-            "version": "3.0.5",
-            "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.0.5.tgz",
-            "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
-            "dev": true,
-            "dependencies": {
-                "@types/trusted-types": "*"
-            }
-        },
         "node_modules/@types/eslint": {
             "version": "8.4.10",
             "dev": true,
@@ -6330,10 +6321,12 @@
             "dev": true
         },
         "node_modules/@types/node": {
-            "version": "20.11.15",
+            "version": "22.8.6",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.8.6.tgz",
+            "integrity": "sha512-tosuJYKrIqjQIlVCM4PEGxOmyg3FCPa/fViuJChnGeEIhjA46oy8FMVoF9su1/v8PNs2a8Q0iFNyOx0uOF91nw==",
             "license": "MIT",
             "dependencies": {
-                "undici-types": "~5.26.4"
+                "undici-types": "~6.19.8"
             }
         },
         "node_modules/@types/node-fetch": {
@@ -6537,12 +6530,6 @@
             "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
             "dev": true
         },
-        "node_modules/@types/trusted-types": {
-            "version": "2.0.7",
-            "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
-            "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
-            "dev": true
-        },
         "node_modules/@types/use-double-click": {
             "version": "1.0.4",
             "dev": true,
@@ -8567,7 +8554,6 @@
         },
         "node_modules/buffer-crc32": {
             "version": "0.2.13",
-            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": "*"
@@ -8783,6 +8769,7 @@
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-7.0.0.tgz",
             "integrity": "sha512-+qJyx4xiKra8mZrcwhjMRMUhD5NR1R8esPkzIYxX96JiecFoxAXFuz/GpR3+ev4PE1WamHip78wV0vcmPQtp8w==",
+            "license": "MIT",
             "engines": {
                 "node": ">=14.16"
             }
@@ -8791,6 +8778,7 @@
             "version": "12.0.1",
             "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-12.0.1.tgz",
             "integrity": "sha512-Yo9wGIQUaAfIbk+qY0X4cDQgCosecfBe3V9NSyeY4qPC2SAkbCS4Xj79VP8WOzitpJUZKc/wsRCYF5ariDIwkg==",
+            "license": "MIT",
             "dependencies": {
                 "@types/http-cache-semantics": "^4.0.4",
                 "get-stream": "^9.0.1",
@@ -8808,6 +8796,7 @@
             "version": "9.0.1",
             "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-9.0.1.tgz",
             "integrity": "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==",
+            "license": "MIT",
             "dependencies": {
                 "@sec-ant/readable-stream": "^0.4.1",
                 "is-stream": "^4.0.1"
@@ -8823,6 +8812,7 @@
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-4.0.1.tgz",
             "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
+            "license": "MIT",
             "engines": {
                 "node": ">=18"
             },
@@ -8830,6 +8820,18 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/cacheable-request/node_modules/mimic-response": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-4.0.0.tgz",
+            "integrity": "sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg==",
+            "license": "MIT",
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/call-bind": {
             "version": "1.0.5",
             "dev": true,
@@ -9148,15 +9150,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/clone-response/node_modules/mimic-response": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
-            "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=4"
-            }
-        },
         "node_modules/clsx": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -10613,11 +10606,6 @@
                 "url": "https://github.com/fb55/domhandler?sponsor=1"
             }
         },
-        "node_modules/dompurify": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.0.9.tgz",
-            "integrity": "sha512-uyb4NDIvQ3hRn6NiC+SIFaP4mJ/MdXlvtunaqK9Bn6dD3RuB/1S/gasEjDHD8eiaqdSael2vBv+hOs7Y+jhYOQ=="
-        },
         "node_modules/domutils": {
             "version": "2.8.0",
             "dev": true,
@@ -11090,6 +11078,16 @@
                 "node": ">=12"
             }
         },
+        "node_modules/electron/node_modules/@types/node": {
+            "version": "20.17.5",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.5.tgz",
+            "integrity": "sha512-n8FYY/pRxu496441gIcAQFZPKXbhsd6VZygcq+PTSZ75eMh/Ke0hCAROdUa21qiFqKNsPPYic46yXDO1JGiPBQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "undici-types": "~6.19.2"
+            }
+        },
         "node_modules/electronmon": {
             "version": "2.0.2",
             "dev": true,
@@ -12585,6 +12583,17 @@
                 "@types/yauzl": "^2.9.1"
             }
         },
+        "node_modules/extract-zip/node_modules/yauzl": {
+            "version": "2.10.0",
+            "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+            "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "buffer-crc32": "~0.2.3",
+                "fd-slicer": "~1.1.0"
+            }
+        },
         "node_modules/fast-deep-equal": {
             "version": "3.1.3",
             "license": "MIT"
@@ -12662,6 +12671,8 @@
         },
         "node_modules/fd-slicer": {
             "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+            "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -12928,6 +12939,7 @@
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-4.0.2.tgz",
             "integrity": "sha512-KQVhvhK8ZkWzxKxOr56CPulAhH3dobtuQ4+hNQ+HekH/Wp5gSOafqRAeTphQUJAIk0GBvHZgJ2ZGRWd5kphMuw==",
+            "license": "MIT",
             "engines": {
                 "node": ">= 18"
             }
@@ -13350,11 +13362,12 @@
             }
         },
         "node_modules/got": {
-            "version": "14.4.2",
-            "resolved": "https://registry.npmjs.org/got/-/got-14.4.2.tgz",
-            "integrity": "sha512-+Te/qEZ6hr7i+f0FNgXx/6WQteSM/QqueGvxeYQQFm0GDfoxLVJ/oiwUKYMTeioColWUTdewZ06hmrBjw6F7tw==",
+            "version": "14.4.4",
+            "resolved": "https://registry.npmjs.org/got/-/got-14.4.4.tgz",
+            "integrity": "sha512-tqiF7eSgTBwQkxb1LxsEpva8TaMYVisbhplrFVmw9GQE3855Z+MH/mnsXLLOkDxR6hZJRFMj5VTAZ8lmTF8ZOA==",
+            "license": "MIT",
             "dependencies": {
-                "@sindresorhus/is": "^7.0.0",
+                "@sindresorhus/is": "^7.0.1",
                 "@szmarczak/http-timer": "^5.0.1",
                 "cacheable-lookup": "^7.0.0",
                 "cacheable-request": "^12.0.1",
@@ -13364,7 +13377,7 @@
                 "lowercase-keys": "^3.0.0",
                 "p-cancelable": "^4.0.1",
                 "responselike": "^3.0.0",
-                "type-fest": "^4.19.0"
+                "type-fest": "^4.26.1"
             },
             "engines": {
                 "node": ">=20"
@@ -13374,9 +13387,10 @@
             }
         },
         "node_modules/got/node_modules/type-fest": {
-            "version": "4.21.0",
-            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.21.0.tgz",
-            "integrity": "sha512-ADn2w7hVPcK6w1I0uWnM//y1rLXZhzB9mr0a3OirzclKF1Wp6VzevUmzz/NRAWunOT6E8HrnpGY7xOfc6K57fA==",
+            "version": "4.26.1",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.1.tgz",
+            "integrity": "sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==",
+            "license": "(MIT OR CC0-1.0)",
             "engines": {
                 "node": ">=16"
             },
@@ -13774,6 +13788,7 @@
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-2.2.1.tgz",
             "integrity": "sha512-V5nVw1PAOgfI3Lmeaj2Exmeg7fenjhRUgz1lPSezy1CuhPYbgQtbQj4jZfEAEMlaL+vupsvhjqCyjzob0yxsmQ==",
+            "license": "MIT",
             "dependencies": {
                 "quick-lru": "^5.1.1",
                 "resolve-alpn": "^1.2.0"
@@ -13880,6 +13895,7 @@
         },
         "node_modules/immediate": {
             "version": "3.0.6",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/immutable": {
@@ -15796,6 +15812,7 @@
         },
         "node_modules/jszip": {
             "version": "3.10.1",
+            "dev": true,
             "license": "(MIT OR GPL-3.0-or-later)",
             "dependencies": {
                 "lie": "~3.3.0",
@@ -15806,10 +15823,12 @@
         },
         "node_modules/jszip/node_modules/pako": {
             "version": "1.0.11",
+            "dev": true,
             "license": "(MIT AND Zlib)"
         },
         "node_modules/jszip/node_modules/readable-stream": {
             "version": "2.3.7",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "core-util-is": "~1.0.0",
@@ -15927,6 +15946,7 @@
         },
         "node_modules/lie": {
             "version": "3.3.0",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "immediate": "~3.0.5"
@@ -16592,6 +16612,7 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-3.0.0.tgz",
             "integrity": "sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==",
+            "license": "MIT",
             "engines": {
                 "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
             },
@@ -16820,14 +16841,13 @@
             }
         },
         "node_modules/mimic-response": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-4.0.0.tgz",
-            "integrity": "sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg==",
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+            "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+            "dev": true,
+            "license": "MIT",
             "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
+                "node": ">=4"
             }
         },
         "node_modules/min-document": {
@@ -17213,17 +17233,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/node-stream-zip": {
-            "version": "1.15.0",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.12.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/antelle"
-            }
-        },
         "node_modules/nopt": {
             "version": "6.0.0",
             "dev": true,
@@ -17257,6 +17266,7 @@
             "version": "8.0.1",
             "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-8.0.1.tgz",
             "integrity": "sha512-IO9QvjUMWxPQQhs60oOu10CRkWCiZzSUkzbXGGV9pviYl1fXYcvkzQ5jV9z8Y6un8ARoVRl4EtC6v6jNqbaJ/w==",
+            "license": "MIT",
             "engines": {
                 "node": ">=14.16"
             },
@@ -17562,6 +17572,7 @@
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-4.0.1.tgz",
             "integrity": "sha512-wBowNApzd45EIKdO1LaU+LrMBwAcjfPaYtVzV3lmfM3gf8Z4CHZsiIqlM8TZZ8okYvh5A1cP6gTfCRQtwUpaUg==",
+            "license": "MIT",
             "engines": {
                 "node": ">=14.16"
             }
@@ -17795,7 +17806,8 @@
         },
         "node_modules/pend": {
             "version": "1.2.0",
-            "dev": true,
+            "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+            "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
             "license": "MIT"
         },
         "node_modules/performance-now": {
@@ -19494,6 +19506,7 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/responselike/-/responselike-3.0.0.tgz",
             "integrity": "sha512-40yHxbNcl2+rzXvZuVkrYohathsSJlMTXKryG5y8uciHv1+xDLHQpgjG64JUO9nrEq2jGLH6IZ8BcZyw3wrweg==",
+            "license": "MIT",
             "dependencies": {
                 "lowercase-keys": "^3.0.0"
             },
@@ -20026,6 +20039,7 @@
         },
         "node_modules/setimmediate": {
             "version": "1.0.5",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/setprototypeof": {
@@ -21564,7 +21578,9 @@
             }
         },
         "node_modules/undici-types": {
-            "version": "5.26.5",
+            "version": "6.19.8",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+            "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
             "license": "MIT"
         },
         "node_modules/unique-filename": {
@@ -22646,12 +22662,16 @@
             }
         },
         "node_modules/yauzl": {
-            "version": "2.10.0",
-            "dev": true,
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-3.2.0.tgz",
+            "integrity": "sha512-Ow9nuGZE+qp1u4JIPvg+uCiUr7xGQWdff7JQSk5VGYTAZMDe2q8lxJ10ygv10qmSj031Ty/6FNJpLO4o1Sgc+w==",
             "license": "MIT",
             "dependencies": {
                 "buffer-crc32": "~0.2.3",
-                "fd-slicer": "~1.1.0"
+                "pend": "~1.2.0"
+            },
+            "engines": {
+                "node": ">=12"
             }
         },
         "node_modules/yn": {

package.json

@@ -19,6 +19,7 @@
         "start:preload": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.preload.dev.ts",
         "start:renderer": "cross-env NODE_ENV=development TS_NODE_TRANSPILE_ONLY=true webpack serve --config ./.erb/configs/webpack.config.renderer.dev.ts",
         "test": "jest",
+        "test:unit": "jest ./src/__tests__/unit",
         "publish": "npm run build && electron-builder -c.win.certificateSha1=2164d6a7d641ecf6ad57852f665a518ca2bf960f --publish always --win --x64",
         "publish:linux": "npm run build && electron-builder --publish always --linux --x64"
     },
@@ -53,7 +54,9 @@
         "afterSign": ".erb/scripts/notarize.js",
         "afterPack": ".erb/scripts/after-pack.js",
         "win": {
-            "signingHashAlgorithms": ["sha256"],
+            "signingHashAlgorithms": [
+                "sha256"
+            ],
             "target": [
                 "nsis",
                 "nsis-web"
@@ -114,34 +117,6 @@
         "beat-saber"
     ],
     "homepage": "https://github.com/Zagrios/bs-manager#readme",
-    "jest": {
-        "testURL": "http://localhost/",
-        "testEnvironment": "jsdom",
-        "transform": {
-            "\\.(ts|tsx|js|jsx)$": "ts-jest"
-        },
-        "moduleNameMapper": {
-            "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/.erb/mocks/fileMock.js",
-            "\\.(css|less|sass|scss)$": "identity-obj-proxy"
-        },
-        "moduleFileExtensions": [
-            "js",
-            "jsx",
-            "ts",
-            "tsx",
-            "json"
-        ],
-        "moduleDirectories": [
-            "node_modules",
-            "src"
-        ],
-        "testPathIgnorePatterns": [
-            "release/app/dist"
-        ],
-        "setupFiles": [
-            "./.erb/scripts/check-build-exists.ts"
-        ]
-    },
     "devDependencies": {
         "@electron/fuses": "^1.7.0",
         "@electron/notarize": "^2.3.0",
@@ -154,10 +129,9 @@
         "@types/color": "^3.0.3",
         "@types/crypto-js": "^4.2.1",
         "@types/dateformat": "^5.0.0",
-        "@types/dompurify": "^3.0.5",
         "@types/got": "^9.6.12",
         "@types/jest": "^29.5.11",
-        "@types/node": "20.11.15",
+        "@types/node": "22.8.6",
         "@types/node-fetch": "^2.6.3",
         "@types/pako": "^2.0.1",
         "@types/react": "^18.0.33",
@@ -239,7 +213,6 @@
         "color": "^4.2.3",
         "crypto-js": "^4.2.0",
         "dateformat": "^5.0.3",
-        "dompurify": "^3.0.9",
         "dot-prop": "^8.0.2",
         "electron-debug": "^3.2.0",
         "electron-log": "^4.4.8",
@@ -249,14 +222,12 @@
         "format-duration": "^3.0.2",
         "framer-motion": "^11.2.6",
         "fs-extra": "^11.2.0",
-        "got": "^14.4.2",
+        "got": "^14.4.4",
         "history": "^5.3.0",
         "is-elevated": "^4.0.0",
-        "jszip": "^3.10.1",
         "md5-file": "^5.0.0",
         "node-abi": "^3.65.0",
         "node-fetch": "^3.3.2",
-        "node-stream-zip": "^1.15.0",
         "pako": "^2.1.0",
         "protobufjs": "^7.4.0",
         "qrcode.react": "^4.0.1",
@@ -281,7 +252,8 @@
         "tippy.js": "^6.3.7",
         "to-ico": "^1.1.5",
         "use-double-click": "^1.0.5",
-        "use-fit-text": "^2.4.0"
+        "use-fit-text": "^2.4.0",
+        "yauzl": "^3.2.0"
     },
     "engines": {
         "node": ">=20.0.0"
@@ -321,6 +293,6 @@
         "logLevel": "quiet"
     },
     "volta": {
-        "node": "20.17.0"
+        "node": "22.11.0"
     }
 }

src/__tests__/App.test.tsx

@@ -1,9 +0,0 @@
-import "@testing-library/jest-dom";
-import { render } from "@testing-library/react";
-import App from "../renderer/windows/App";
-
-describe("App", () => {
-    it("should render", () => {
-        expect(render(<App />)).toBeTruthy();
-    });
-});

src/__tests__/unit/zip.test.ts

@@ -0,0 +1,329 @@
+import path from "path";
+import { mkdir, pathExistsSync, readFile, rm } from "fs-extra";
+import { BsmZipExtractor } from "main/models/bsm-zip-extractor.class";
+
+const TEST_FOLDER = path.resolve(__dirname, "..", "assets", "zip");
+const STANDARD_ZIP = path.join(TEST_FOLDER, "standard.zip");
+const WINDOWS_LEGACY_MAP_ZIP = path.join(TEST_FOLDER, "windows_legacy.zip");
+const SUBFOLDERS_ZIP = path.join(TEST_FOLDER, "subfolders.zip");
+const MANIFEST_ZIP = path.join(TEST_FOLDER, "manifest.zip");
+const EMPTY_ZIP = path.join(TEST_FOLDER, "empty.zip");
+const UNICODE_ZIP = path.join(TEST_FOLDER, "unicode.zip");
+const DESTINATION_FOLDER = path.join(TEST_FOLDER, "out");
+
+describe("Test BsmZipExtractor class", () => {
+    let zip: BsmZipExtractor;
+
+    beforeAll(async () => {
+        if (pathExistsSync(DESTINATION_FOLDER)) {
+            await rm(DESTINATION_FOLDER, { recursive: true, force: true });
+        }
+        await mkdir(DESTINATION_FOLDER);
+    });
+
+    afterEach(async () => {
+        if (zip) {
+            zip.close();
+        }
+        if (pathExistsSync(DESTINATION_FOLDER)) {
+            await rm(DESTINATION_FOLDER, { recursive: true, force: true });
+        }
+        await mkdir(DESTINATION_FOLDER);
+    });
+
+    afterAll(async () => {
+        if (pathExistsSync(DESTINATION_FOLDER)) {
+            await rm(DESTINATION_FOLDER, { recursive: true, force: true });
+        }
+    });
+
+    it("Extract standard zip", async () => {
+
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+        const res = await zip.extract(DESTINATION_FOLDER);
+
+        expect(res.sort()).toEqual([
+            "file_1.2.txt",
+            "file_1.3.txt",
+            "folder_1.1/",
+            "folder_1.1/file_2.1.txt",
+            "folder_1.1/file_2.2.txt",
+        ].sort())
+
+        for (const file of [
+            "file_1.2.txt",
+            "file_1.3.txt",
+        ]) {
+            expect(pathExistsSync(path.join(DESTINATION_FOLDER, file)))
+                .toBe(true);
+        }
+
+        const SUBFOLDER_PATH = path.join(DESTINATION_FOLDER, "folder_1.1");
+        for (const file of [
+            "file_2.1.txt",
+            "file_2.2.txt",
+        ]) {
+            expect(pathExistsSync(path.join(SUBFOLDER_PATH, file)))
+                .toBe(true);
+        }
+
+    });
+
+    it("Extract map zips using back slashes", async () => {
+
+        zip = await BsmZipExtractor.fromPath(WINDOWS_LEGACY_MAP_ZIP);
+        const res = await zip.extract(DESTINATION_FOLDER);
+
+        expect(res.sort()).toEqual([
+            "BPMInfo.dat",
+            "cover.jpg",
+            "ExpertLegacy.dat",
+            "ExpertPlusLawless.dat",
+            "ExpertPlusLegacy.dat",
+            "ExpertPlusStandard.dat",
+            "ExpertStandard.dat",
+            "Info.dat",
+            "song.egg",
+            "pfp/",
+            "pfp/galaxyCompressed.jpg",
+            "pfp/gojiCompressed.jpg",
+        ].sort());
+
+        // Expect all the files to exists
+        for (const file of [
+            "BPMInfo.dat",
+            "cover.jpg",
+            "ExpertLegacy.dat",
+            "ExpertPlusLawless.dat",
+            "ExpertPlusLegacy.dat",
+            "ExpertPlusStandard.dat",
+            "ExpertStandard.dat",
+            "Info.dat",
+            "song.egg",
+        ]) {
+            expect(pathExistsSync(path.join(DESTINATION_FOLDER, file)))
+                .toBe(true);
+        }
+
+        const SUBFOLDER_PATH = path.join(DESTINATION_FOLDER, "pfp");
+        for (const file of [
+            "galaxyCompressed.jpg",
+            "gojiCompressed.jpg",
+        ]) {
+            expect(pathExistsSync(path.join(SUBFOLDER_PATH, file)))
+                .toBe(true);
+        }
+
+    });
+
+    it("Read Zip with multiple subfolders", async () => {
+
+            const zip = await BsmZipExtractor.fromPath(SUBFOLDERS_ZIP);
+            const res = await zip.extract(DESTINATION_FOLDER);
+
+            expect(res.sort()).toEqual([
+                "1/",
+                "1/2/",
+                "1/2/3/",
+                "1/2/3/4/",
+                "1/2/3/4/5.txt",
+            ].sort());
+
+            for (const folder of [
+                "1/",
+                "1/2/",
+                "1/2/3/",
+                "1/2/3/4/",
+            ]) {
+                expect(pathExistsSync(path.join(DESTINATION_FOLDER, folder)))
+                    .toBe(true);
+            }
+
+            const file = "1/2/3/4/5.txt";
+            expect(pathExistsSync(path.join(DESTINATION_FOLDER, file)))
+                .toBe(true);
+    });
+
+    it("Read manifest.json from zip file", async () => {
+
+        const zipBuffer = await readFile(MANIFEST_ZIP);
+        zip = await BsmZipExtractor.fromBuffer(zipBuffer);
+        const buffer = await (await zip.findEntry(entry => entry.fileName === "manifest.json")).read();
+        const manifest = JSON.parse(buffer.toString());
+        expect(manifest).toBeTruthy();
+
+        // Check some of the fields if they are correct
+        expect(manifest.appId).toBe("some-app-id");
+        expect(manifest.canonicalName).toBe("some-canonical-name");
+        expect(manifest.isCore).toBe(true);
+    });
+
+
+    it("Should find an entry using findEntry", async () => {
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+        const entry = await zip.findEntry(entry => entry.fileName === "file_1.2.txt");
+
+        expect(entry).toBeTruthy();
+        expect(entry.fileName).toBe("file_1.2.txt");
+
+        const contentBuffer = await entry.read();
+        const content = contentBuffer.toString();
+
+        expect(content).toContain("This is file 1.2"); // Assurez-vous que le contenu correspond
+    });
+
+    it("Should filter entries using filterEntries", async () => {
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+        const entries = await zip.filterEntries(entry => !entry.isDirectory && entry.fileName.startsWith("folder_1.1/"));
+
+        expect(entries.length).toBe(2);
+        const fileNames = entries.map(entry => entry.fileName).sort();
+
+        expect(fileNames).toEqual([
+            "folder_1.1/file_2.1.txt",
+            "folder_1.1/file_2.2.txt",
+        ]);
+    });
+
+    it("Should get an entry by file name using getEntry", async () => {
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+        const entry = await zip.getEntry("file_1.3.txt");
+
+        expect(entry).toBeTruthy();
+        expect(entry.fileName).toBe("file_1.3.txt");
+
+        const contentBuffer = await entry.read();
+        const content = contentBuffer.toString();
+
+        expect(content).toContain("This is file 1.3"); // Assurez-vous que le contenu correspond
+    });
+
+    it("Should extract only specified entries using entriesNames option", async () => {
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+        const res = await zip.extract(DESTINATION_FOLDER, { entriesNames: ["file_1.2.txt", "folder_1.1/file_2.1.txt"] });
+
+        expect(res.sort()).toEqual([
+            "file_1.2.txt",
+            "folder_1.1/",
+            "folder_1.1/file_2.1.txt",
+        ].sort());
+
+        for (const file of [
+            "file_1.2.txt",
+            "folder_1.1/file_2.1.txt",
+        ]) {
+            expect(pathExistsSync(path.join(DESTINATION_FOLDER, file)))
+                .toBe(true);
+        }
+
+        // Vérifiez que les autres fichiers ne sont pas extraits
+        expect(pathExistsSync(path.join(DESTINATION_FOLDER, "file_1.3.txt")))
+            .toBe(false);
+        expect(pathExistsSync(path.join(DESTINATION_FOLDER, "folder_1.1/file_2.2.txt")))
+            .toBe(false);
+    });
+
+    it("Should not extract any files if abortToken is already aborted", async () => {
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+        const abortController = new AbortController();
+
+        // Abortez avant d'appeler extract
+        abortController.abort();
+
+        const res = await zip.extract(DESTINATION_FOLDER, { abortToken: abortController });
+
+        expect(res.length).toBe(0);
+
+        // Vérifiez qu'aucun fichier n'a été extrait
+        expect(pathExistsSync(path.join(DESTINATION_FOLDER, "file_1.2.txt")))
+            .toBe(false);
+    });
+
+
+    it("Should throw an error when opening a non-existent zip file", async () => {
+        await expect(BsmZipExtractor.fromPath("non_existent.zip"))
+            .rejects
+            .toThrow();
+    });
+
+    it("Should handle empty zip file correctly", async () => {
+        zip = await BsmZipExtractor.fromPath(EMPTY_ZIP);
+        const entries = [];
+
+        for await (const entry of zip.entries()) {
+            entries.push(entry);
+        }
+
+        expect(entries.length).toBe(0);
+
+        const res = await zip.extract(DESTINATION_FOLDER);
+        expect(res.length).toBe(0);
+    });
+
+    it("Should return the same entries on multiple calls to entries()", async () => {
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+
+        const entries1 = [];
+        for await (const entry of zip.entries()) {
+            entries1.push(entry);
+        }
+
+        expect(entries1.length).toBe(5); // Basé sur le contenu de STANDARD_ZIP
+
+        const entries2 = [];
+        for await (const entry of zip.entries()) {
+            entries2.push(entry);
+        }
+
+        expect(entries2.length).toBe(5);
+        expect(entries2.map(e => e.fileName).sort()).toEqual(entries1.map(e => e.fileName).sort());
+    });
+
+    it("Should not be able to read entries after zip is closed", async () => {
+        zip = await BsmZipExtractor.fromPath(STANDARD_ZIP);
+
+        zip.close();
+
+        await expect(zip.entries().next()).rejects.toThrow();
+    });
+
+    it("Should handle zip file from buffer", async () => {
+        const zipBuffer = await readFile(STANDARD_ZIP);
+        zip = await BsmZipExtractor.fromBuffer(zipBuffer);
+
+        const entries = [];
+        for await (const entry of zip.entries()) {
+            entries.push(entry.fileName);
+        }
+
+        expect(entries.sort()).toEqual([
+            "file_1.2.txt",
+            "file_1.3.txt",
+            "folder_1.1/",
+            "folder_1.1/file_2.1.txt",
+            "folder_1.1/file_2.2.txt",
+        ].sort());
+    });
+
+    it("Should read and extract files with Unicode filenames", async () => {
+        zip = await BsmZipExtractor.fromPath(UNICODE_ZIP);
+
+        const entries = [];
+        for await (const entry of zip.entries()) {
+            entries.push(entry);
+        }
+
+        expect(entries.map(e => e.fileName)).toContain("こんにちは.txt"); // "Bonjour" en japonais
+
+        const res = await zip.extract(DESTINATION_FOLDER);
+        expect(res).toContain("こんにちは.txt");
+        expect(pathExistsSync(path.join(DESTINATION_FOLDER, "こんにちは.txt")))
+            .toBe(true);
+
+    });
+
+    it("Should throw an error when reading a corrupted zip file", async () => {
+        const CORRUPTED_ZIP = path.join(TEST_FOLDER, "corrupted.zip");
+        await expect(BsmZipExtractor.fromPath(CORRUPTED_ZIP)).rejects.toThrow(/.*[Error: Invalid comment length].*/)
+    });
+});

src/main/constants.ts

@@ -16,3 +16,9 @@ export const CACHE_PATH = path.join(app.getPath("userData"), "CachedData");
 export const IMAGE_CACHE_PATH = path.join(CACHE_PATH, "imagescache");
 
 export const HTTP_STATUS_CODES = constants;
+
+// Linux related stuff
+
+export const PROTON_BINARY_PREFIX = "proton";
+export const WINE_BINARY_PREFIX = path.join("files", "bin", "wine64");
+

src/main/helpers/fs.helpers.ts

@@ -8,6 +8,7 @@ import crypto from "crypto";
 import { execSync } from "child_process";
 import { tryit } from "../../shared/helpers/error.helpers";
 import { CustomError } from "shared/models/exceptions/custom-error.class";
+import { ErrorObject } from "serialize-error";
 
 export async function pathExist(path: string): Promise<boolean> {
     try {
@@ -279,4 +280,5 @@ export interface Progression<T = unknown, D = unknown> {
     diff?: number;
     data?: T;
     extra?: D;
+    lastError?: ErrorObject;
 }

src/main/helpers/zip.helpers.ts

@@ -1,28 +0,0 @@
-import JSZip from "jszip";
-import { pathExist } from "./fs.helpers";
-import path from "path";
-import { mkdir, writeFile } from "fs/promises";
-
-export async function extractZip(zip: JSZip, dest: string): Promise<string[]> {
-    if (!(await pathExist(dest))) {
-        throw new Error(`Path ${dest} does not exist`);
-    }
-    const files: string[] = [];
-
-    for (const [relativePath, entry] of Object.entries(zip.files)) {
-        if (entry.dir) {
-            continue;
-        }
-
-        const content = await entry.async("nodebuffer");
-        const outPath = path.join(dest, relativePath);
-        const outDir = path.dirname(outPath);
-
-        await mkdir(outDir, { recursive: true });
-        await writeFile(outPath, content);
-
-        files.push(outPath);
-    }
-
-    return files;
-}

src/main/ipcs/bs-maps-ipcs.ts

@@ -22,7 +22,12 @@ ipc.on("export-maps", async (args, reply) => {
     reply(await maps.exportMaps(args.version, args.maps, args.outPath));
 });
 
-ipc.on("download-map", async (args, reply) => {
+ipc.on("bs-maps.import-maps", async (args, reply) => {
+    const maps = LocalMapsManagerService.getInstance();
+    reply(maps.importMaps(args.paths, args.version));
+})
+
+ipc.on("bs-maps.download-map", async (args, reply) => {
     const maps = LocalMapsManagerService.getInstance();
     reply(from(maps.downloadMap(args.map, args.version)));
 });

src/main/ipcs/bs-playlist-ipcs.ts

@@ -3,8 +3,6 @@ import { IpcService } from "../services/ipc.service";
 import { from, lastValueFrom, mergeMap, of } from "rxjs";
 import { LocalMapsManagerService } from "../services/additional-content/maps/local-maps-manager.service";
 import { Progression } from "main/helpers/fs.helpers";
-import { isValidUrl } from "shared/helpers/url.helpers";
-import { pathToFileURL } from "url";
 
 const ipc = IpcService.getInstance();
 
@@ -31,10 +29,8 @@ ipc.on("is-playlists-deep-links-enabled", (args, reply) => {
 ipc.on("download-playlist", (args, reply) => {
     const playlists = LocalPlaylistsManagerService.getInstance();
 
-    const downloadUrl = isValidUrl(args.downloadSource) ? args.downloadSource : pathToFileURL(args.downloadSource).href;
-
     return reply(playlists.downloadPlaylist({
-        bpListUrl: downloadUrl,
+        bplistSource: args.downloadSource,
         version: args.version,
         ignoreSongsHashs: args.ignoreSongsHashs,
         dest: args.dest
@@ -63,6 +59,11 @@ ipc.on("export-playlists", (args, reply) => {
     reply(playlists.exportPlaylists(args));
 });
 
+ipc.on("import-playlists", (args, reply) => {
+    const playlists = LocalPlaylistsManagerService.getInstance();
+    reply(playlists.importPlaylists(args));
+});
+
 ipc.on("install-playlist-file", (args, reply) => {
     const playlists = LocalPlaylistsManagerService.getInstance();
 

src/main/ipcs/index.ts

@@ -14,3 +14,4 @@ import "./model-saber.ipcs";
 import "./bs-model-ipcs";
 import "./bs-version-download/bs-download-ipcs";
 import "./static-configuration.ipcs";
+import "./linux.ipcs.ts";

src/main/ipcs/linux.ipcs.ts

@@ -0,0 +1,11 @@
+import { LinuxService } from "main/services/linux.service";
+import { IpcService } from "../services/ipc.service";
+import { of } from "rxjs";
+
+const ipc = IpcService.getInstance();
+
+ipc.on("linux.verify-proton-folder", (_, reply) => {
+    const linuxService = LinuxService.getInstance();
+    reply(of(linuxService.verifyProtonPath()));
+});
+

src/main/ipcs/os-controls-ipcs.ts

@@ -1,9 +1,10 @@
-import { shell, dialog, app, BrowserWindow } from "electron";
+import { shell, dialog, app, BrowserWindow, OpenDialogOptions } from "electron";
 import { NotificationService } from "../services/notification.service";
 import { IpcService } from "../services/ipc.service";
 import { from, of } from "rxjs";
 import { readFileSync } from "fs-extra";
 import log from "electron-log";
+import path from "path";
 
 // TODO IMPROVE WINDOW CONTROL BY USING WINDOW SERVICE
 
@@ -13,8 +14,26 @@ ipc.on("new-window", (args, reply) => {
     reply(from(shell.openExternal(args)));
 });
 
+ipc.on("open-dialog", (args, reply) => {
+    // Use this ipc instead of "choose-folder" or "choose-file" to have more control over the dialog
+    reply(from(dialog.showOpenDialog(args)));
+})
+
 ipc.on("choose-folder", (args, reply) => {
-    reply(from(dialog.showOpenDialog({ properties: ["openDirectory"], defaultPath: args ?? "" })));
+    const options: OpenDialogOptions = {
+        properties: ["openDirectory"],
+        defaultPath: args?.defaultPath ?? ""
+    };
+
+    if (args?.showHidden) {
+        options.properties.push("showHiddenFiles");
+    }
+
+    if (args?.parent) {
+        options.defaultPath = path.join(app.getPath(args.parent), options.defaultPath);
+    }
+
+    reply(from(dialog.showOpenDialog(options)));
 });
 
 ipc.on("choose-file", async (args, reply) => {

src/main/ipcs/static-configuration.ipcs.ts

@@ -1,4 +1,4 @@
-import { of } from "rxjs";
+import { from, of } from "rxjs";
 import { IpcService } from "../services/ipc.service";
 import { StaticConfigurationService } from "../services/static-configuration.service";
 
@@ -10,5 +10,5 @@ ipc.on("static-configuration.get", (args, reply) => {
 });
 
 ipc.on("static-configuration.set", (args, reply) => {
-    reply(of(staticConfig.set(args.key, args.value)));
+    reply(from(staticConfig.set(args.key, args.value)));
 });

src/main/models/bsm-zip-extractor.class.ts

@@ -0,0 +1,218 @@
+import { createWriteStream, ensureDir } from "fs-extra";
+import path from "path";
+import { Readable } from "stream";
+import yauzl, { ZipFile, Options, Entry } from "yauzl"
+
+export class BsmZipExtractor {
+
+    private static readonly YAUZL_OPEN_OPTIONS: Options = {
+        lazyEntries: true,
+        decodeStrings: true,
+        autoClose: false,
+    };
+
+    public static fromPath(path: string): Promise<BsmZipExtractor> {
+        return new Promise((resolve, reject) => {
+            yauzl.open(path, BsmZipExtractor.YAUZL_OPEN_OPTIONS, (error: Error, zip: yauzl.ZipFile) => {
+                if (error) return reject(error);
+                resolve(new BsmZipExtractor(zip));
+            });
+        });
+    }
+
+    public static fromBuffer(buffer: Buffer): Promise<BsmZipExtractor> {
+        return new Promise((resolve, reject) => {
+            yauzl.fromBuffer(buffer, BsmZipExtractor.YAUZL_OPEN_OPTIONS, (error: Error, zip: yauzl.ZipFile) => {
+                if (error) return reject(error);
+                resolve(new BsmZipExtractor(zip));
+            });
+        });
+    }
+
+    private readonly zip: ZipFile;
+    private readonly entriesMap = new Map<string, BsmZipExtractorEntry>();
+
+    private constructor(zip: ZipFile) {
+        this.zip = zip;
+    }
+
+    private async readEntry(): Promise<BsmZipExtractorEntry> {
+        return new Promise((resolve, reject) => {
+            const onEntry = (entry: Entry) => {
+                cleanup();
+                resolve(new BsmZipExtractorEntry({ entry, zip: this.zip }));
+            };
+
+            const onEnd = () => {
+                cleanup();
+                resolve(null);
+            };
+
+            const onError = (err: Error) => {
+                cleanup();
+                reject(err);
+            };
+
+            const cleanup = () => {
+                this.zip.removeListener("entry", onEntry);
+                this.zip.removeListener("end", onEnd);
+                this.zip.removeListener("error", onError);
+            };
+
+            this.zip.once("entry", onEntry);
+            this.zip.once("end", onEnd);
+            this.zip.once("error", onError);
+            this.zip.readEntry();
+        });
+    }
+
+    // The first time this method is called, it will read all the entries and store them in a map
+    // The next times it will return the entries from the map to avoid reopening the zip file again
+    public async *entries(): AsyncGenerator<BsmZipExtractorEntry> {
+
+        for (const entry of Array.from(this.entriesMap.values())) {
+            yield entry;
+        }
+
+        let entry: BsmZipExtractorEntry = await this.readEntry();
+        while (entry) {
+            this.entriesMap.set(entry.fileName, entry);
+            yield entry;
+            entry = await this.readEntry();
+        }
+    }
+
+    public async findEntry(func: (entry: BsmZipExtractorEntry) => boolean): Promise<BsmZipExtractorEntry|null> {
+        for await (const entry of this.entries()) {
+            if (func(entry)) {
+                return entry;
+            }
+        }
+        return null;
+    }
+
+    public async filterEntries(func: (entry: BsmZipExtractorEntry) => boolean): Promise<BsmZipExtractorEntry[]> {
+        const filtered: BsmZipExtractorEntry[] = [];
+        for await (const entry of this.entries()) {
+            if (func(entry)) {
+                filtered.push(entry);
+            }
+        }
+        return filtered;
+    }
+
+    public async getEntry(fileName: string): Promise<BsmZipExtractorEntry> {
+        return this.entriesMap.get(fileName) ?? this.findEntry(entry => entry.fileName === fileName);
+    }
+
+    /**
+     * Extracts all entries from the zip file to the destination folder
+     * @param destination
+     * @param opt - { entriesNames?: string[], abortToken: AbortController }
+     * @returns {Promise<string[]>} The list of extracted files (relative paths in the destination folder)
+     *
+     * `opt` object:
+     *   - `entriesNames` - The list of entries to extract (can be regexs or glob pattern). If not provided, all entries will be extracted
+     *   - `abortToken` - The AbortController instance to abort the extraction
+     *
+     */
+    public async extract(destination: string, opt?: { entriesNames?: (string|RegExp)[], abortToken?: AbortController }): Promise<string[]> {
+        const entriesNames = opt?.entriesNames;
+        const abortToken = opt?.abortToken;
+
+        if (abortToken?.signal?.aborted) {
+            return [];
+        }
+
+        await ensureDir(destination);
+
+        const extracted = new Set<string>()
+        for await (const entry of this.entries()) {
+
+            if (abortToken?.signal?.aborted) {
+                break;
+            }
+
+            if (entriesNames && !entriesNames.some(name => typeof name === "string" ? entry.fileName === name : name.test(entry.fileName))){
+                continue;
+            }
+
+            const extractedFile = await entry.extract(destination);
+            const dirname = path.dirname(extractedFile);
+
+            // Make zip that use backslash as separator have the same behavior as zip that use forward slash
+            if(dirname !== "."){
+                const split = dirname.split(path.posix.sep);
+                for (let i = 1; i <= split.length; i++) {
+                    const folder = split.slice(0, i).join(path.posix.sep);
+                    extracted.add(folder + path.posix.sep);
+                }
+            }
+
+
+            extracted.add(extractedFile);
+        }
+
+        return Array.from(extracted);
+    }
+
+
+    public close(): void {
+        this.zip.close();
+    }
+
+}
+
+class BsmZipExtractorEntry {
+
+    private readonly entry: Entry;
+    private readonly zip: ZipFile;
+
+    constructor(opt: { entry: Entry, zip: ZipFile }) {
+        this.entry = opt.entry;
+        this.zip = opt.zip;
+    }
+
+    public async read(): Promise<Buffer> {
+        return new Promise((resolve, reject) => {
+            this.zip.openReadStream(this.entry, (error: Error, stream: Readable) => {
+                if (error) return reject(error);
+                const buffers: Buffer[] = [];
+                stream.on("data", (data) => buffers.push(data as Buffer));
+                stream.on("end", () => resolve(Buffer.concat(buffers)));
+                stream.on("error", reject);
+            });
+        });
+    }
+
+    public async extract(destination: string): Promise<string> {
+
+        const destPath = path.join(destination, this.entry.fileName);
+
+        if (this.isDirectory) {
+            return ensureDir(destPath).then(() => this.entry.fileName);
+        }
+
+        return new Promise((resolve, reject) => {
+            this.zip.openReadStream(this.entry, async (error: Error, stream: Readable) => {
+                if (error) return reject(error);
+
+                await ensureDir(path.dirname(destPath));
+
+                const writeStream = createWriteStream(destPath);
+                stream.pipe(writeStream);
+                writeStream.on("finish", () => resolve(this.entry.fileName));
+                writeStream.on("error", reject);
+            });
+        });
+    }
+
+    public get isDirectory(): boolean {
+        return this.entry.fileName.endsWith("/");
+    }
+
+    public get fileName(): string {
+        return this.entry.fileName;
+    }
+
+}

src/main/models/oculus-downloader.class.ts

@@ -1,4 +1,3 @@
-import JSZip from "jszip";
 import fetch from "node-fetch";
 import { CustomError } from "../../shared/models/exceptions/custom-error.class";
 import { mkdirs, createWriteStream, pathExists, WriteStream } from "fs-extra";
@@ -7,6 +6,8 @@ import { inflate } from "pako"
 import { EMPTY, Observable, ReplaySubject, Subscriber, catchError, filter, from, lastValueFrom, mergeMap, scan, share, tap } from "rxjs";
 import { Progression, hashFile } from "../helpers/fs.helpers";
 import { OculusDownloaderErrorCodes } from "../../shared/models/bs-version-download/oculus-download.model";
+import { BsmZipExtractor } from "./bsm-zip-extractor.class";
+import { tryit } from "shared/helpers/error.helpers";
 
 export class OculusDownloader {
 
@@ -23,26 +24,38 @@ export class OculusDownloader {
         return `https://securecdn.oculus.com/binaries/segment/?access_token=${token}&binary_id=${binaryId}&segment_sha256=${segmentSha256}`;
     }
 
-    private async downloadManifestZip(manifestUrl: string): Promise<JSZip> {
+    private async downloadManifestZip(manifestUrl: string): Promise<Buffer> {
         const response = await fetch(manifestUrl);
         const arrBuffer = await response.arrayBuffer();
-        return JSZip.loadAsync(arrBuffer);
+        return Buffer.from(arrBuffer);
     }
 
     private async getManifest(): Promise<OculusManifest> {
         const downloadUrl = this.getDownloadManifestUrl(this.options.accessToken, this.options.binaryId);
-        const manifestZip = await this.downloadManifestZip(downloadUrl).catch(err => CustomError.throw(err, "DOWNLOAD_MANIFEST_FAILED"));
-        const manifestFile = manifestZip.file("manifest.json");
+        const buffer = await this.downloadManifestZip(downloadUrl)
+            .catch(err => CustomError.throw(err, "DOWNLOAD_MANIFEST_FAILED"));
 
-        if(!manifestFile){
+        const zip = await BsmZipExtractor.fromBuffer(buffer);
+        const entry = await zip.getEntry("manifest.json");
+
+        if(!entry) {
             throw new CustomError("Manifest file not found", "MANIFEST_FILE_NOT_FOUND");
         }
 
-        return manifestFile.async("text").then(JSON.parse).catch(err => CustomError.throw(err, "PARSE_MANIFEST_FILE_FAILED"));
+        const manifest = await entry.read();
+        zip.close();
+
+        const { result, error } = tryit(() => JSON.parse(manifest.toString()) as OculusManifest);
+
+        if(error){
+            throw CustomError.throw(error, "PARSE_MANIFEST_FILE_FAILED")
+        }
+
+        return result;
     }
 
     private downloadManifestFile(file: OculusManifestFile, destination: string): Observable<Progression<OculusManifestFile>> {
-            
+
             const downloadSegment = async (segment: OculusManifestFileSegment): Promise<ArrayBuffer> => {
                 const segmentUrl = this.getDownloadSegmentUrl(this.options.accessToken, this.options.binaryId, segment[1]);
                 const response = await fetch(segmentUrl);
@@ -66,11 +79,11 @@ export class OculusDownloader {
 
                         const arrBuffer = await downloadSegment(segment);
                         const inflated = inflate(arrBuffer);
-                        await writeStream.write(inflated);
+                        writeStream.write(inflated);
 
                         progress.current += inflated.byteLength;
                         progress.diff = inflated.byteLength;
-                        
+
                         sub.next(progress);
                     }
 
@@ -86,7 +99,7 @@ export class OculusDownloader {
             });
     }
 
-    private isFileIntegrityValid(file: OculusFileWithName, folder: string): Promise<boolean> {
+    private async isFileIntegrityValid(file: OculusFileWithName, folder: string): Promise<boolean> {
         const [fileName, fileData] = file;
         const destination = path.join(folder, fileName);
 
@@ -138,7 +151,7 @@ export class OculusDownloader {
             if(this.isDownloading){
                 throw new CustomError("Already downloading", "ALREADY_DOWNLOADING");
             }
-    
+
             this.options = options;
             this.isDownloading = true;
 
@@ -182,7 +195,7 @@ export class OculusDownloader {
                 })));
 
                 const integrity = await lastValueFrom(this.verifyIntegrity(manifest, options.destination)).catch(err => CustomError.throw(err, "VERIFY_INTEGRITY_FAILED"));
-                
+
                 if(integrity.data.length > 0){
                     throw new CustomError("Some files failed to download", "SOME_FILES_FAILED_TO_DOWNLOAD", integrity.data);
                 }
@@ -242,4 +255,4 @@ interface Logger {
     info: (...args: unknown[]) => void;
     warn: (...args: unknown[]) => void;
     error: (...args: unknown[]) => void;
-}
+}

src/main/preload.ts

@@ -1,4 +1,4 @@
-import { contextBridge, ipcRenderer, IpcRendererEvent } from "electron";
+import { contextBridge, ipcRenderer, IpcRendererEvent, webUtils } from "electron";
 import { ProviderPlatform } from "shared/models/provider-platform.enum";
 
 const sep = process.platform === ProviderPlatform.WINDOWS ? "\\" : "/";
@@ -30,5 +30,8 @@ contextBridge.exposeInMainWorld("electron", {
         join: (...args: string[]): string => {
             return args.join(sep);
         }
+    },
+    webUtils: {
+        getPathForFile: webUtils.getPathForFile
     }
 });

src/main/services/additional-content/local-playlists-manager.service.ts

@@ -16,7 +16,6 @@ import { FileAssociationService } from "../file-association.service";
 import { SongDetailsCacheService } from "./maps/song-details-cache.service";
 import { sToMs } from "shared/helpers/time.helpers";
 import { LocalBPList, LocalBPListsDetails } from "shared/models/playlists/local-playlist.models";
-import { SongCacheService } from "./maps/song-cache.service";
 import { InstallationLocationService } from "../installation-location.service";
 import sanitize from "sanitize-filename";
 import { isValidUrl } from "shared/helpers/url.helpers";
@@ -27,6 +26,7 @@ import { tryit } from "shared/helpers/error.helpers";
 import recursiveReadDir from "recursive-readdir";
 import { BsvMapDetail, SongDetails } from "shared/models/maps";
 import { findHashInString } from "shared/helpers/string.helpers";
+import { serializeError } from "serialize-error";
 
 export class LocalPlaylistsManagerService {
     private static instance: LocalPlaylistsManagerService;
@@ -42,6 +42,7 @@ export class LocalPlaylistsManagerService {
     private readonly DEEP_LINKS = {
         BeatSaver: "bsplaylist",
     };
+    private readonly PLAYLIST_FILETYPES = [".bplist", ".json"];
 
     private readonly versions: BSLocalVersionService;
     private readonly maps: LocalMapsManagerService;
@@ -51,7 +52,6 @@ export class LocalPlaylistsManagerService {
     private readonly windows: WindowManagerService;
     private readonly bsaver: BeatSaverService;
     private readonly songDetails: SongDetailsCacheService;
-    private readonly songCache: SongCacheService;
     private readonly bsmFs: InstallationLocationService;
 
     private constructor() {
@@ -63,7 +63,6 @@ export class LocalPlaylistsManagerService {
         this.windows = WindowManagerService.getInstance();
         this.bsaver = BeatSaverService.getInstance();
         this.songDetails = SongDetailsCacheService.getInstance();
-        this.songCache = SongCacheService.getInstance();
         this.bsmFs = InstallationLocationService.getInstance();
 
 
@@ -89,11 +88,15 @@ export class LocalPlaylistsManagerService {
         return fullPath;
     }
 
+    private acceptPlaylistFiletype(filename: string): boolean {
+        return this.PLAYLIST_FILETYPES.includes(path.extname(filename).toLowerCase());
+    }
+
     public writeBPListFile(opt: { bpList: BPList, version?: BSVersion, dest?: string }): Observable<LocalBPList> {
         return new Observable<LocalBPList>(obs => {
             (async () => {
                 const dest = await (async () => {
-                    if(opt.dest && path.isAbsolute(opt.dest) && path.extname(opt.dest) === ".bplist") { return opt.dest; }
+                    if(opt.dest && path.isAbsolute(opt.dest) && this.acceptPlaylistFiletype(opt.dest)) { return opt.dest; }
                     const playlistFolder = await this.getPlaylistsFolder(opt.version);
                     const playlistPath = path.join(playlistFolder, `${sanitize(opt.bpList.playlistTitle)}.bplist`);
                     return getUniqueFileNamePath(playlistPath);
@@ -111,44 +114,56 @@ export class LocalPlaylistsManagerService {
     }
 
     private async installBPListFile(opt: {
-        bslistSource: string,
+        bplistSource: string,
         version?: BSVersion,
         dest?: string
     }): Promise<{path: string, localBPList: LocalBPList}> {
-        const bplist = await this.readPlaylistFromSource(opt.bslistSource);
+        const { bpList, filename } = await this.readPlaylistFromSource(opt.bplistSource);
 
         const dest = await (async () => {
-            if(opt.dest && path.isAbsolute(opt.dest) && path.extname(opt.dest) === ".bplist") { return opt.dest; }
+            if(opt.dest && path.isAbsolute(opt.dest) && this.acceptPlaylistFiletype(opt.dest)) { return opt.dest; }
             const playlistFolder = await this.getPlaylistsFolder(opt.version);
-            return path.join(playlistFolder, `${sanitize(bplist.playlistTitle)}.bplist`);
+            return path.join(playlistFolder, sanitize(filename));
         })();
 
-        writeFileSync(dest, JSON.stringify(bplist, null, 2));
+        writeFileSync(dest, JSON.stringify(bpList, null, 2));
 
-        const localBPList: LocalBPList = { ...bplist, path: dest };
+        const localBPList: LocalBPList = { ...bpList, path: dest };
 
         return { path: dest, localBPList };
     }
 
 
-    private async readPlaylistFromSource(source: string): Promise<BPList> {
+    private async readPlaylistFromSource(source: string): Promise<{ bpList: BPList, filename: string }> {
         const isLocalFile = await pathExists(source).catch(e => { log.error(e); return false; });
 
         if(!isLocalFile && !isValidUrl(source)) {
-            throw new Error(`Invalid source ${source}`);
+            throw new CustomError(`Invalid source (${source})`, "INVALID_SOURCE");
         }
 
-        const bpList: BPList = isLocalFile ? JSON.parse(readFileSync(source).toString()) : await this.request.getJSON<BPList>(source);
+        const { bpList, filename }: { bpList: BPList, filename: string } = await (async () => {
+            if(isLocalFile){
+                const res = await tryit(async () => JSON.parse(readFileSync(source).toString()) as BPList);
+                if(res.error) {
+                    throw CustomError.fromError(res.error, "CANNOT_PARSE_PLAYLIST");
+                }
+                return { bpList: res.result, filename: path.basename(source) };
+            }
+
+            const res = await this.request.getJSON<BPList>(source);
+            const filename = this.request.getFilenameFromContentDisposition(res.headers["content-disposition"]) ?? `${res.data.playlistTitle}.bplist`;
+            return { bpList: res.data, filename };
+        })();
 
         if(!bpList?.playlistTitle) {
-            throw new Error(`Invalid playlist file ${source}`);
+            throw new CustomError(`Invalid playlist file (${source})`, "INVALID_PLAYLIST_FILE");
         }
 
         bpList.songs = (bpList.songs ?? []).map(s => s.hash ? (
             { ...s, hash: findHashInString(s.hash) ?? s.hash }
         ) : s).filter(Boolean);
 
-        return bpList;
+        return { bpList, filename };
     }
 
     private openOneClickDownloadPlaylistWindow(downloadUrl: string): void {
@@ -168,7 +183,7 @@ export class LocalPlaylistsManagerService {
                 }
 
                 const ignoreFunc = (file: string, stats: Stats): boolean => {
-                    if(stats.isFile() && path.extname(file) !== ".bplist") { return true; }
+                    if(stats.isFile() && !this.acceptPlaylistFiletype(file)) { return true; }
                     return false;
                 }
 
@@ -177,14 +192,14 @@ export class LocalPlaylistsManagerService {
                 progress.total = playlistPaths.length;
 
                 for (const playlistPath of playlistPaths) {
-                    const {result: bpList, error} = await tryit(() => this.readPlaylistFromSource(playlistPath));
+                    const {result, error} = await tryit(() => this.readPlaylistFromSource(playlistPath));
 
                     if(error) {
                         log.error(error);
                         continue;
                     }
 
-                    const localBpList: LocalBPList = { ...bpList, path: playlistPath };
+                    const localBpList: LocalBPList = { ...result.bpList, path: playlistPath };
                     bpLists.push(localBpList);
                     progress.current += 1;
                     obs.next(progress);
@@ -347,8 +362,8 @@ export class LocalPlaylistsManagerService {
         });
     }
 
-    public downloadPlaylist({ bpListUrl, version, ignoreSongsHashs = [], dest }: {
-        bpListUrl: string,
+    public downloadPlaylist({ bplistSource, version, ignoreSongsHashs = [], dest }: {
+        bplistSource: string,
         version?: BSVersion
         ignoreSongsHashs?: string[]
         dest?: string
@@ -359,7 +374,7 @@ export class LocalPlaylistsManagerService {
         return new Observable<Progression<DownloadPlaylistProgressionData>>(obs => {
             (async () => {
 
-                const { localBPList } = await this.installBPListFile({ bslistSource: bpListUrl, version, dest });
+                const { localBPList } = await this.installBPListFile({ bplistSource, version, dest });
 
                 await lastValueFrom(this.downloadPlaylistSongs(localBPList, ignoreSongsHashs, version).pipe(
                     tap({ next: p => obs.next(p) }),
@@ -428,13 +443,56 @@ export class LocalPlaylistsManagerService {
         return archive.finalize();
     }
 
-    public oneClickInstallPlaylist(bpListUrl: string): Observable<Progression<DownloadPlaylistProgressionData>> {
+    public importPlaylists({ version, paths }: { version?: BSVersion, paths: string[] }): Observable<Progression<LocalBPListsDetails>> {
+        return new Observable<Progression<LocalBPListsDetails>>(obs => {
+
+            let canceled = false;
+
+            (async () => {
+                const bplistPaths = paths.filter(p => this.acceptPlaylistFiletype(p));
+                const progress: Progression<LocalBPListsDetails> = { current: 0, total: bplistPaths.length, data: null };
+
+                obs.next(progress);
+
+                for(const playlistPath of bplistPaths) {
+                    if(canceled) {
+                        log.info("Playlist import canceled");
+                        return;
+                    }
+
+                    const { result: localBPList, error } = await tryit(() => this.installBPListFile({ bplistSource: playlistPath, version }));
+
+                    if(error) {
+                        progress.lastError = serializeError(CustomError.fromError(error));
+                        obs.next(progress);
+
+                        log.error(error);
+                        continue;
+                    }
+
+                    const bpListDetails = this.getLocalBPListDetails(localBPList.localBPList);
+
+                    progress.current += 1;
+                    progress.data = bpListDetails;
+                    obs.next(progress);
+                }
+            })()
+            .catch(err => obs.error(err))
+            .finally(() => obs.complete());
+
+            return () => {
+                canceled = true;
+            }
+        });
+    }
+
+    public oneClickInstallPlaylist(bplistUrl: string): Observable<Progression<DownloadPlaylistProgressionData>> {
 
         return new Observable<Progression<DownloadPlaylistProgressionData>>(obs => {
             (async () => {
                 const versions = await this.versions.getInstalledVersions();
 
-                const download$ = this.downloadPlaylist({ bpListUrl, version: versions.pop() }).pipe(tap({
+                const download$ = this.downloadPlaylist({ bplistSource: bplistUrl, version: versions.pop() }).pipe(tap({
                     next: progress => obs.next(progress),
                     error: err => obs.error(err),
                 }));
@@ -446,7 +504,7 @@ export class LocalPlaylistsManagerService {
                 const realSourceMapsFolder = await realpath(path.dirname(downloadedMaps[0].path));
 
                 for (const version of versions) {
-                    await this.installBPListFile({ bslistSource: playlist.path, version});
+                    await this.installBPListFile({ bplistSource: playlist.path, version});
 
                     const versionMapsFolder = await this.maps.getMapsFolderPath(version);
                     const realDestMapsFolder = await realpath(versionMapsFolder).catch(e => {

src/main/services/additional-content/maps/local-maps-manager.service.ts

@@ -1,14 +1,13 @@
 import path from "path";
 import { BSVersion } from "shared/bs-version.interface";
-import { BsvMapDetail, RawMapInfoData } from "shared/models/maps";
+import { BsvMapDetail } from "shared/models/maps";
 import { BsmLocalMap, BsmLocalMapsProgress, DeleteMapsProgress } from "shared/models/maps/bsm-local-map.interface";
 import { BSLocalVersionService } from "../../bs-local-version.service";
 import { InstallationLocationService } from "../../installation-location.service";
 import { UtilsService } from "../../utils.service";
-import crypto from "crypto";
+import crypto, { BinaryLike } from "crypto";
 import { lstatSync } from "fs";
 import { copy, createReadStream, ensureDir, pathExists, pathExistsSync, realpath, unlink } from "fs-extra";
-import StreamZip from "node-stream-zip";
 import { RequestService } from "../../request.service";
 import sanitize from "sanitize-filename";
 import { DeepLinkService } from "../../deep-link.service";
@@ -26,6 +25,12 @@ import { SongCacheService } from "./song-cache.service";
 import { pathToFileURL } from "url";
 import { sToMs } from "../../../../shared/helpers/time.helpers";
 import { FieldRequired } from "shared/helpers/type.helpers";
+import { MapInfo } from "shared/models/maps/info/map-info.model";
+import { parseMapInfoDat } from "shared/parsers/maps/map-info.parser";
+import { CustomError } from "shared/models/exceptions/custom-error.class";
+import { tryit } from "shared/helpers/error.helpers";
+import { BsmZipExtractor } from "main/models/bsm-zip-extractor.class";
+import { escapeRegExp } from "../../../../shared/helpers/string.helpers";
 
 export class LocalMapsManagerService {
     private static instance: LocalMapsManagerService;
@@ -97,24 +102,35 @@ export class LocalMapsManagerService {
     }
 
     private async computeMapHash(mapPath: string, rawInfoString: string): Promise<string> {
-        const mapRawInfo: RawMapInfoData = JSON.parse(rawInfoString);
+        const { result: mapInfo, error } = tryit(() => parseMapInfoDat(JSON.parse(rawInfoString)));
+
+        if(!mapInfo || error) {
+            log.error(`Unable to cumpute hash, cannot parse map info at ${mapPath}`, error);
+            throw CustomError.fromError(error, `Unable to cumpute hash, cannot parse map info at ${mapPath}`, "cannot-parse-map-info");
+        }
+
         const shasum = crypto.createHash("sha1");
         shasum.update(rawInfoString);
 
         const hashFile = (filePath: string): Promise<void> => {
             return new Promise<void>((resolve, reject) => {
                 const stream = createReadStream(filePath);
-                stream.on("data", data => shasum.update(data));
+                stream.on("data", data => shasum.update(data as BinaryLike));
                 stream.on("error", reject);
                 stream.on("close", resolve);
             });
         };
 
-        for (const set of mapRawInfo._difficultyBeatmapSets) {
-            for (const diff of set._difficultyBeatmaps) {
-                const diffFilePath = path.join(mapPath, diff._beatmapFilename);
+        for (const diff of mapInfo.difficulties) {
+            if(diff.beatmapFilename){
+                const diffFilePath = path.join(mapPath, diff.beatmapFilename);
                 await hashFile(diffFilePath);
             }
+
+            if(diff.lightshowDataFilename) {
+                const lightshowFilePath = path.join(mapPath, diff.lightshowDataFilename);
+                await hashFile(lightshowFilePath);
+            }
         }
 
         return shasum.digest("hex");
@@ -122,16 +138,16 @@ export class LocalMapsManagerService {
 
     public async loadMapInfoFromPath(mapPath: string): Promise<BsmLocalMap> {
 
-        const getUrlsAndReturn = (rawInfo: RawMapInfoData, hash: string, mapPath: string) => {
-            const coverUrl = pathToFileURL(path.join(mapPath, rawInfo._coverImageFilename)).href;
-            const songUrl = pathToFileURL(path.join(mapPath, rawInfo._songFilename)).href;
-            return { rawInfo, coverUrl, songUrl, hash, path: mapPath, songDetails: this.songDetailsCache.getSongDetails(hash) } as BsmLocalMap;
+        const getUrlsAndReturn = (mapInfo: MapInfo, hash: string, mapPath: string): BsmLocalMap => {
+            const coverUrl = pathToFileURL(path.join(mapPath, mapInfo.coverImageFilename)).href;
+            const songUrl = pathToFileURL(path.join(mapPath, mapInfo.songFilename)).href;
+            return { mapInfo, coverUrl, songUrl, hash, path: mapPath, songDetails: this.songDetailsCache.getSongDetails(hash) };
         };
 
-        const cachedInfos = this.songCache.getMapInfoFromDirname(path.basename(mapPath));
+        const cachedMapInfos = this.songCache.getMapInfoFromDirname(path.basename(mapPath));
 
-        if (cachedInfos) {
-            return getUrlsAndReturn(cachedInfos.rawInfo, cachedInfos.hash, mapPath);
+        if (cachedMapInfos) {
+            return getUrlsAndReturn(cachedMapInfos.mapInfo, cachedMapInfos.hash, mapPath);
         }
 
         const files = await getFilesInFolder(mapPath);
@@ -142,23 +158,25 @@ export class LocalMapsManagerService {
         }
 
         const rawInfoString = await readFile(infoFile, { encoding: "utf-8" });
-        const rawInfo: RawMapInfoData = JSON.parse(rawInfoString);
+        const { result: mapInfo, error } = tryit(() => parseMapInfoDat(JSON.parse(rawInfoString)));
+
+        if (error) {
+            log.error(`Cannot parse map info.dat. Map path: ${mapPath}`, error);
+            throw CustomError.fromError(error, `Cannot read map info.dat. Map path: ${mapPath}`, "cannot-parse-map-info");
+        }
+
         const hash = await this.computeMapHash(mapPath, rawInfoString);
 
-        return getUrlsAndReturn(rawInfo, hash, mapPath);
+        return getUrlsAndReturn(mapInfo, hash, mapPath);
     }
 
-    private async downloadMapZip(zipUrl: string): Promise<{ zip: StreamZip.StreamZipAsync; zipPath: string }> {
+    private async downloadMapZip(zipUrl: string): Promise<string> {
         const fileName = `${path.basename(zipUrl, ".zip")}-${crypto.randomUUID()}.zip`;
         const tempPath = this.utils.getTempPath();
         await ensureFolderExist(this.utils.getTempPath());
         const dest = path.join(tempPath, fileName);
 
-
-        const zipPath = (await lastValueFrom(this.reqService.downloadFile(zipUrl, dest))).data;
-        const zip = new StreamZip.async({ file: zipPath });
-
-        return { zip, zipPath };
+        return (await lastValueFrom(this.reqService.downloadFile(zipUrl, dest))).data;
     }
 
     public getMaps(version?: BSVersion): Observable<BsmLocalMapsProgress> {
@@ -193,7 +211,7 @@ export class LocalMapsManagerService {
                             return null;
                         }
 
-                        this.songCache.setMapInfoFromDirname(path.basename(mapPath), { rawInfo: mapInfo.rawInfo, hash: mapInfo.hash });
+                        this.songCache.setMapInfoFromDirname(path.basename(mapPath), { mapInfo: mapInfo.mapInfo, hash: mapInfo.hash });
 
                         progression.loaded++;
                         observer.next(progression);
@@ -267,8 +285,8 @@ export class LocalMapsManagerService {
                 const mapsPaths = await getFoldersInFolder(versionMapsPath);
 
                 for (const mapPath of mapsPaths) {
-                    const mapInfo = await this.loadMapInfoFromPath(mapPath);
-                    if (hashs.includes(mapInfo.hash)) {
+                    const { result: mapInfo } = await tryit(() => this.loadMapInfoFromPath(mapPath));
+                    if (mapInfo && hashs.includes(mapInfo.hash)) {
                         await deleteFolder(mapPath);
                         this.songCache.deleteMapInfoFromDirname(path.basename(mapPath));
                         progress.current++;
@@ -296,8 +314,8 @@ export class LocalMapsManagerService {
         const mapsPaths = await getFoldersInFolder(versionMapsPath);
 
         for (const mapPath of mapsPaths) {
-            const mapInfo = await this.loadMapInfoFromPath(mapPath);
-            if (mapInfo.hash === hash) {
+            const { result: mapInfo } = await tryit(() => this.loadMapInfoFromPath(mapPath));
+            if (mapInfo?.hash === hash) {
                 return mapInfo;
             }
         }
@@ -305,6 +323,103 @@ export class LocalMapsManagerService {
         return null;
     }
 
+    public importMaps(zipPaths: string[], version?: BSVersion): Observable<Progression<BsmLocalMap>> {
+        return new Observable<Progression<BsmLocalMap>>(obs => {
+            let progress: Progression<BsmLocalMap> = { total: 0, current: 0 };
+            let nbImportedMaps = 0;
+            const abortController = new AbortController();
+            let zip: BsmZipExtractor;
+
+            (async () => {
+                const mapsPath = await this.getMapsFolderPath(version);
+                for(const zipPath of zipPaths) {
+                    if(abortController.signal?.aborted) {
+                        log.info("Maps import from zip has been cancelled");
+                        return;
+                    }
+
+                    progress = { total: 0, current: 0 };
+                    obs.next(progress); // reset progress for each zip
+
+                    if(!pathExistsSync(zipPath)) { continue; }
+
+                    zip = await BsmZipExtractor.fromPath(zipPath);
+                    const mapsFolders = (await zip.filterEntries(entry => /(^|\/)[Ii]nfo\.dat$/.test(entry.fileName)))
+                        .map(entry => path.dirname(entry.fileName));
+
+                    if (mapsFolders.length === 0) {
+                        log.warn("No maps \"info.dat\" found in zip", zipPath);
+                        progress.total = 1;
+                        progress.current = 1;
+                        obs.next(progress);
+                        continue;
+                    }
+
+                    progress.total = mapsFolders.length;
+                    obs.next(progress);
+
+                    const isRoot = mapsFolders.length === 1 && mapsFolders[0] === ".";
+                    const destination = isRoot
+                        ? path.join(mapsPath, path.basename(zipPath, ".zip"))
+                        : mapsPath;
+
+                    log.info("Extracting", `"${zipPath}"`, "into", `"${mapsPath}"`);
+                    for (const folder of mapsFolders) {
+                        log.info(">", folder);
+
+                        const regex = new RegExp(`^${escapeRegExp(folder)}\\/`);
+
+                        const exported = await zip.extract(destination, {
+                            entriesNames: [regex],
+                            abortToken: abortController
+                        });
+
+                        if(exported.length === 0) {
+                            log.warn("No files extracted from", folder);
+                            continue;
+                        }
+
+                        if (abortController.signal?.aborted) {
+                            break;
+                        }
+
+                        ++nbImportedMaps;
+                        ++progress.current;
+                        progress.data = await this.loadMapInfoFromPath(path.join(destination, folder));
+                        obs.next(progress);
+
+                        if (abortController.signal?.aborted) {
+                            break;
+                        }
+                    }
+
+                    zip.close();
+
+                    if (abortController.signal?.aborted) {
+                        log.info("Maps import from zip has been cancelled");
+                        return;
+                    }
+                }
+            })()
+            .then(() => {
+                if(!nbImportedMaps){
+                    throw new CustomError("No \"Info.dat\" file located in any of the zip files", "invalid-zip");
+                }
+                return log.info("Successfully imported", nbImportedMaps, "maps from", zipPaths.length, "zips");
+            })
+            .catch(e => obs.error(e))
+            .finally(() => {
+                if (zip) {
+                    zip.close();
+                }
+                obs.complete()
+            });
+
+            return () => {
+                abortController.abort();
+            };
+        });
+    }
 
     public async downloadMap(map: BsvMapDetail, version?: BSVersion): Promise<BsmLocalMap> {
         if (!map.versions.at(0).hash) {
@@ -314,7 +429,7 @@ export class LocalMapsManagerService {
         log.info("Downloading map", map.name, map.id);
 
         const zipUrl = map.versions.at(0).downloadURL;
-        const mapFolderName = sanitize(`${map.id}-${map.name}`);
+        const mapFolderName = sanitize(`${map.id} (${map.metadata.songName} - ${map.metadata.levelAuthorName})`);
         const mapsFolder = await this.getMapsFolderPath(version);
 
         const mapPath = path.join(mapsFolder, mapFolderName);
@@ -328,16 +443,10 @@ export class LocalMapsManagerService {
             return installedMap;
         }
 
-        const { zip, zipPath } = await this.downloadMapZip(zipUrl);
-
-        if (!zip) {
-            throw new Error(`Cannot download ${zipUrl}`);
-        }
-
-        await ensureFolderExist(mapPath);
-
-        await zip.extract(null, mapPath);
-        await zip.close();
+        const zipPath = await this.downloadMapZip(zipUrl);
+        const zip = await BsmZipExtractor.fromPath(zipPath);
+        await zip.extract(mapPath);
+        zip.close();
         await unlink(zipPath);
 
         const localMap = await this.loadMapInfoFromPath(mapPath);

src/main/services/additional-content/maps/song-cache.service.ts

@@ -1,7 +1,7 @@
 import { CACHE_PATH } from "main/constants";
 import { JsonCache } from "main/models/json-cache.class";
 import path from "path";
-import { RawMapInfoData } from "shared/models/maps";
+import { MapInfo } from "shared/models/maps/info/map-info.model";
 
 export class SongCacheService {
 
@@ -14,34 +14,35 @@ export class SongCacheService {
         return SongCacheService.instance;
     }
 
-    private readonly RAW_INFOS_CACHE_PATH = path.join(CACHE_PATH, "song-raw-info-cache.json");
+    private readonly MAPS_INFO_CACHE_PATH = path.join(CACHE_PATH, "map-info-cache.json");
 
-    private readonly rawInfosCache: JsonCache<CachedRawInfoWithHash>;
+    private readonly mapsInfoCache: JsonCache<CachedMapInfoWithHash>;
 
     private constructor(){
-        this.rawInfosCache = new JsonCache(this.RAW_INFOS_CACHE_PATH);
+        console.log(this.MAPS_INFO_CACHE_PATH);
+        this.mapsInfoCache = new JsonCache(this.MAPS_INFO_CACHE_PATH);
     }
 
-    public getMapInfoFromDirname(dirname: string): CachedRawInfoWithHash {
-        return this.rawInfosCache.get(dirname);
+    public getMapInfoFromDirname(dirname: string): CachedMapInfoWithHash {
+        return this.mapsInfoCache.get(dirname);
     }
 
-    public getMapInfoFromHash(hash: string): { dirname: string, info: CachedRawInfoWithHash } | undefined {
-        const res = Object.entries(this.rawInfosCache.cache).find(([, info]) => info.hash === hash);
+    public getMapInfoFromHash(hash: string): { dirname: string, info: CachedMapInfoWithHash } | undefined {
+        const res = Object.entries(this.mapsInfoCache.cache).find(([, info]) => info.hash === hash);
         return res ? { dirname: res[0], info: res[1] } : undefined;
     }
 
-    public setMapInfoFromDirname(dirname: string, info: CachedRawInfoWithHash): void {
-        this.rawInfosCache.set(dirname, info);
+    public setMapInfoFromDirname(dirname: string, info: CachedMapInfoWithHash): void {
+        this.mapsInfoCache.set(dirname, info);
     }
 
     public deleteMapInfoFromDirname(dirname: string): void {
-        this.rawInfosCache.delete(dirname);
+        this.mapsInfoCache.delete(dirname);
     }
 
 }
 
-export type CachedRawInfoWithHash = {
+export type CachedMapInfoWithHash = {
     hash: string;
-    rawInfo: RawMapInfoData;
+    mapInfo: MapInfo;
 };

src/main/services/additional-content/maps/song-details-cache.service.ts

@@ -141,6 +141,7 @@ export class SongDetailsCacheService {
 
             if(error) {
                 lastError = error;
+                log.error("Failed to download SongDetailCache file", etag, error);
                 continue;
             }
 
@@ -152,7 +153,6 @@ export class SongDetailsCacheService {
             }
         }
 
-        log.error("Failed to download SongDetailCache file", etag, lastError);
         throw lastError;
     }
 

src/main/services/bs-launcher/abstract-launcher.service.ts

@@ -14,8 +14,11 @@ export abstract class AbstractLauncherService {
     }
 
     protected buildBsLaunchArgs(launchOptions: LaunchOption): string[]{
-        const launchArgs = ["--no-yeet"];
+        const launchArgs = [];
 
+        if(!launchOptions.version.steam && !launchOptions.version.oculus){
+            launchArgs.push("--no-yeet")
+        }
         if (launchOptions.oculus) {
             launchArgs.push("-vrmode");
             launchArgs.push("oculus");

src/main/services/bs-launcher/oculus-launcher.service.ts

@@ -127,6 +127,11 @@ export class OculusLauncherService extends AbstractLauncherService implements St
 
         const prepareDowngradedVersion: () => Promise<string> = async () => {
 
+            const originalVersionPath = await prepareOriginalVersion().catch(() => null);
+            if (!originalVersionPath) {
+                throw CustomError.fromError(new Error("Original Oculus Beat Saber not installed"), BSLaunchError.ORIGINAL_OCULUS_NOT_INSTALLED);
+            }
+
             const oculusLib = await lastValueFrom(this.oculusLib$.pipe(take(1), timeout(sToMs(30)), catchError(() => of(null))));
 
             if(!oculusLib){

src/main/services/bs-launcher/steam-launcher.service.ts

@@ -1,16 +1,17 @@
 import { Observable } from "rxjs";
 import { BSLaunchError, BSLaunchEvent, BSLaunchEventData, BSLaunchWarning, LaunchOption } from "../../../shared/models/bs-launch";
 import { StoreLauncherInterface } from "./store-launcher.interface";
-import { pathExists, rename } from "fs-extra";
+import { pathExists, pathExistsSync, rename } from "fs-extra";
 import { SteamService } from "../steam.service";
 import path from "path";
-import { BS_APP_ID, BS_EXECUTABLE, STEAMVR_APP_ID } from "../../constants";
+import { BS_APP_ID, BS_EXECUTABLE, PROTON_BINARY_PREFIX, STEAMVR_APP_ID } from "../../constants";
 import log from "electron-log";
 import { AbstractLauncherService } from "./abstract-launcher.service";
 import { CustomError } from "../../../shared/models/exceptions/custom-error.class";
 import { UtilsService } from "../utils.service";
 import { exec } from "child_process";
 import fs from 'fs';
+import { StaticConfigurationService } from "../static-configuration.service";
 
 export class SteamLauncherService extends AbstractLauncherService implements StoreLauncherInterface{
 
@@ -23,11 +24,13 @@ export class SteamLauncherService extends AbstractLauncherService implements Sto
         return SteamLauncherService.instance;
     }
 
+    private readonly staticConfig: StaticConfigurationService;
     private readonly steam: SteamService;
     private readonly util: UtilsService;
 
     private constructor(){
         super();
+        this.staticConfig = StaticConfigurationService.getInstance();
         this.steam = SteamService.getInstance();
         this.util = UtilsService.getInstance();
     }
@@ -128,9 +131,16 @@ export class SteamLauncherService extends AbstractLauncherService implements Sto
                     `${exePath}`,
                     ...launchArgs,
                 ];
-                exePath = launchOptions.protonPath;
-                if (!exePath) {
-                    throw CustomError.fromError(new Error("Proton path not set"), BSLaunchError.PROTON_NOT_SET);
+
+                if (!this.staticConfig.has("proton-folder")) {
+                    throw CustomError.fromError(new Error("Proton folder not set"), BSLaunchError.PROTON_NOT_SET);
+                }
+                exePath = path.join(this.staticConfig.get("proton-folder"), PROTON_BINARY_PREFIX);
+                if (!pathExistsSync(exePath)) {
+                    throw CustomError.fromError(
+                        new Error("Could not locate proton binary"),
+                        BSLaunchError.PROTON_NOT_FOUND
+                    );
                 }
 
                 // Setup Proton environment variables

src/main/services/bs-version-download/bs-steam-downloader.service.ts

@@ -12,6 +12,7 @@ import { DepotDownloaderArgsOptions, DepotDownloaderErrorEvent, DepotDownloaderE
 import { DepotDownloader } from "../../models/depot-downloader.class";
 import { app } from "electron";
 import { BsStore } from "../../../shared/models/bs-store.enum";
+import { CustomError } from "shared/models/exceptions/custom-error.class";
 
 export class BsSteamDownloaderService {
     private static instance: BsSteamDownloaderService;
@@ -96,7 +97,7 @@ export class BsSteamDownloaderService {
                 depotDownloader.$events().pipe(
                     map(event => {
                         if(event.type === DepotDownloaderEventType.Error){
-                            throw event;
+                            throw new CustomError(JSON.stringify(event.data) ?? "An error occur in the DepotDownloader process", event?.subType ?? DepotDownloaderErrorEvent.Unknown, event)
                         }
                         return event;
                     }),

src/main/services/bs-version-lib.service.ts

@@ -33,7 +33,7 @@ export class BSVersionLibService {
     }
 
     private getRemoteVersions(): Promise<BSVersion[]> {
-        return this.requestService.getJSON<BSVersion[]>(this.REMOTE_BS_VERSIONS_URL);
+        return this.requestService.getJSON<BSVersion[]>(this.REMOTE_BS_VERSIONS_URL).then(res => res.data);
     }
 
     private async getLocalVersions(): Promise<BSVersion[]> {

src/main/services/linux.service.ts

@@ -0,0 +1,51 @@
+import path from "path";
+import { pathExistsSync } from "fs-extra";
+import { PROTON_BINARY_PREFIX, WINE_BINARY_PREFIX } from "main/constants";
+import { StaticConfigurationService } from "./static-configuration.service";
+
+export class LinuxService {
+    private static instance: LinuxService;
+
+    public static getInstance(): LinuxService {
+        if (!LinuxService.instance) {
+            LinuxService.instance = new LinuxService();
+        }
+        return LinuxService.instance;
+    }
+
+    private readonly staticConfig: StaticConfigurationService;
+
+    private constructor() {
+        this.staticConfig = StaticConfigurationService.getInstance();
+    }
+
+    public verifyProtonPath(protonFolder: string = ""): boolean {
+        if (protonFolder === "") {
+            if (!this.staticConfig.has("proton-folder")) {
+                return false;
+            }
+
+            protonFolder = this.staticConfig.get("proton-folder");
+        }
+
+        const protonPath = path.join(protonFolder, PROTON_BINARY_PREFIX);
+        const winePath = path.join(protonFolder, WINE_BINARY_PREFIX);
+        return pathExistsSync(protonPath) && pathExistsSync(winePath);
+    }
+
+    public getWinePath(): string {
+        if (!this.staticConfig.has("proton-folder")) {
+            throw new Error("proton-folder variable not set");
+        }
+
+        const winePath = path.join(
+            this.staticConfig.get("proton-folder"),
+            WINE_BINARY_PREFIX
+        );
+        if (!pathExistsSync(winePath)) {
+            throw new Error(`"${winePath}" binary file not found`);
+        }
+
+        return winePath;
+    }
+}

src/main/services/mods/beat-mods-api.service.ts

@@ -41,7 +41,7 @@ export class BeatModsApiService {
         if (this.aliasesCache.size) {
             return this.aliasesCache;
         }
-        return this.requestService.getJSON<Record<string, string[]>>(this.BEAT_MODS_ALIAS).then(rawAliases => {
+        return this.requestService.getJSON<Record<string, string[]>>(this.BEAT_MODS_ALIAS).then(({ data: rawAliases }) => {
             Object.entries(rawAliases).forEach(([key, value]) => {
                 this.aliasesCache.set(
                     key,
@@ -97,7 +97,7 @@ export class BeatModsApiService {
 
         const alias = await this.getAliasOfVersion(version);
 
-        return this.requestService.getJSON<Mod[]>(this.getVersionModsUrl(alias)).then(mods => {
+        return this.requestService.getJSON<Mod[]>(this.getVersionModsUrl(alias)).then(({ data: mods }) => {
             mods = mods.map(mod => this.asignDependencies(mod, mods));
             this.versionModsCache.set(version.BSVersion, mods);
 
@@ -111,7 +111,7 @@ export class BeatModsApiService {
         if (this.allModsCache) {
             return this.allModsCache;
         }
-        return this.requestService.getJSON<Mod[]>(this.getAllModsUrl()).then(mods => {
+        return this.requestService.getJSON<Mod[]>(this.getAllModsUrl()).then(({ data: mods }) => {
             this.allModsCache = mods;
             return this.allModsCache;
         });
@@ -122,7 +122,7 @@ export class BeatModsApiService {
             return Promise.resolve(this.modsHashCache.get(hash));
         }
 
-        return this.requestService.getJSON<Mod[]>(`${this.BEAT_MODS_API_URL}mod?hash=${hash}`).then(mods => {
+        return this.requestService.getJSON<Mod[]>(`${this.BEAT_MODS_API_URL}mod?hash=${hash}`).then(({ data: mods }) => {
             this.updateModsHashCache(mods);
             return mods.at(0);
         });

src/main/services/mods/bs-mods-manager.service.ts

@@ -10,20 +10,25 @@ import { BS_EXECUTABLE } from "../../constants";
 import log from "electron-log";
 import { deleteFolder, pathExist, Progression, unlinkPath } from "../../helpers/fs.helpers";
 import { lastValueFrom, Observable } from "rxjs";
-import JSZip from "jszip";
-import { extractZip } from "../../helpers/zip.helpers";
 import recursiveReadDir from "recursive-readdir";
 import { sToMs } from "../../../shared/helpers/time.helpers";
-import { ensureDir, pathExistsSync } from "fs-extra";
+import { pathExistsSync } from "fs-extra";
 import { CustomError } from "shared/models/exceptions/custom-error.class";
 import { popElement } from "shared/helpers/array.helpers";
+import { LinuxService } from "../linux.service";
+import { tryit } from "shared/helpers/error.helpers";
+import { UtilsService } from "../utils.service";
+import crypto from "crypto";
+import { BsmZipExtractor } from "main/models/bsm-zip-extractor.class";
 
 export class BsModsManagerService {
     private static instance: BsModsManagerService;
 
     private readonly beatModsApi: BeatModsApiService;
     private readonly bsLocalService: BSLocalVersionService;
+    private readonly linuxService: LinuxService;
     private readonly requestService: RequestService;
+    private readonly utilsService: UtilsService;
 
     private manifestMatches: Mod[];
 
@@ -37,7 +42,9 @@ export class BsModsManagerService {
     private constructor() {
         this.beatModsApi = BeatModsApiService.getInstance();
         this.bsLocalService = BSLocalVersionService.getInstance();
+        this.linuxService = LinuxService.getInstance();
         this.requestService = RequestService.getInstance();
+        this.utilsService = UtilsService.getInstance();
     }
 
     private async getModFromHash(hash: string): Promise<Mod> {
@@ -106,7 +113,7 @@ export class BsModsManagerService {
         return this.beatModsApi.getModByHash(injectorMd5);
     }
 
-    private async downloadZip(zipUrl: string): Promise<JSZip> {
+    private async downloadZip(zipUrl: string): Promise<BsmZipExtractor> {
         zipUrl = path.join(this.beatModsApi.BEAT_MODS_URL, zipUrl);
 
         log.info("Download mod zip", zipUrl);
@@ -122,10 +129,7 @@ export class BsModsManagerService {
             return null;
         }
 
-        return JSZip.loadAsync(buffer).catch(e => {
-            log.error("ZIP", "Error while loading zip", e);
-            return null;
-        });
+        return BsmZipExtractor.fromBuffer(buffer);
     }
 
     private async executeBSIPA(version: BSVersion, args: string[]): Promise<boolean> {
@@ -140,25 +144,34 @@ export class BsModsManagerService {
             return false;
         }
 
-        return new Promise<boolean>(resolve => {
-            const cmd = process.platform === 'linux'
-                ? `screen -dmS "BSIPA" dotnet "${ipaPath}" ${args.join(" ")}` // Must run through screen, otherwise BSIPA tries to move console cursor and crashes.
-                : `"${ipaPath}" ${args.join(" ")}`;
+        let cmd = `"${ipaPath}" "${bsExePath}" ${args.join(" ")}`;
+        if (process.platform === "linux") {
+            const { error, result: winePath } = tryit(() => this.linuxService.getWinePath());
+            if (error) {
+                log.error(error);
+                return false;
+            }
+            cmd = `"${winePath}" ${cmd}`;
+        }
 
+        return new Promise<boolean>(resolve => {
             log.info("START IPA PROCESS", cmd);
             const processIPA = spawn(cmd, { cwd: versionPath, detached: true, shell: true });
 
-            const timemout = setTimeout(() => {
+            const timeout = setTimeout(() => {
                 log.info("Ipa process timeout");
                 resolve(false)
             }, sToMs(30));
 
+            processIPA.stdout.on("data", data => {
+                log.info("IPA process stdout", data.toString());
+            });
             processIPA.stderr.on("data", data => {
                 log.error("IPA process stderr", data.toString());
             })
 
             processIPA.once("exit", code => {
-                clearTimeout(timemout);
+                clearTimeout(timeout);
                 if (code === 0) {
                     log.info("Ipa process exist with code 0");
                     return resolve(true);
@@ -188,43 +201,38 @@ export class BsModsManagerService {
 
         log.info("Start download mod zip", mod.name, download.url);
         const zip = await this.downloadZip(download.url);
-        log.info("Mod zip download end", mod.name, download.url, !!zip);
+        log.info("Mod zip download end", mod.name, download.url);
 
         if (!zip) {
             return false;
         }
 
-        const crypto = require("crypto");
-        const files = await zip.files;
+        let hashCount = 0;
+        for await (const entry of zip.entries()) {
+            const buffer = await entry.read();
+            const md5Hash = crypto.createHash("md5")
+                .update(buffer)
+                .digest("hex");
+            hashCount += +download.hashMd5.some(md5 => md5.hash === md5Hash);
+        }
 
-        const checkedEntries = (
-            await Promise.all(
-                Object.values(files).map(async entry => {
-                    const data = await entry.async("nodebuffer");
-                    const entryMd5 = crypto.createHash("md5").update(data).digest("hex");
-                    return download.hashMd5.some(md5 => md5.hash === entryMd5) ? entry : undefined;
-                })
-            ).catch(e => {
-                log.error("Error while checking mod zip entries", mod.name, e);
-                throw e;
-            })
-        ).filter(entry => !!entry);
-
-        if (checkedEntries.length !== download.hashMd5.length) {
+        if (hashCount !== download.hashMd5.length) {
             return false;
         }
 
-        const verionPath = await this.bsLocalService.getVersionPath(version);
+        const versionPath = await this.bsLocalService.getVersionPath(version);
         const isBSIPA = mod.name.toLowerCase() === "bsipa";
-        const destDir = isBSIPA ? verionPath : path.join(verionPath, ModsInstallFolder.PENDING);
+        const destDir = isBSIPA ? versionPath : path.join(versionPath, ModsInstallFolder.PENDING);
 
-        await ensureDir(destDir);
         log.info("Start extracting mod zip", mod.name, "to", destDir);
-        const extracted = await extractZip(zip, destDir)
+        const extracted = await zip.extract(destDir)
             .then(() => true)
             .catch(e => {
                 log.error("Error while extracting mod zip", e);
                 return false;
+            })
+            .finally(() => {
+                zip.close();
             });
 
         log.info("Mod zip extraction end", mod.name, "to", destDir, "success:", extracted);

src/main/services/request.service.ts

@@ -1,18 +1,20 @@
-import { Agent, RequestOptions } from "https";
-import { createWriteStream } from "fs";
-import { Progression } from "main/helpers/fs.helpers";
-import { Observable, shareReplay, tap } from "rxjs";
-import log from "electron-log";
-import fetch, { RequestInfo, RequestInit } from "node-fetch";
-import got, { Options } from "got";
-import { IncomingMessage } from "http";
-import { app } from "electron";
-import os from "os";
-import { unlinkSync } from "fs-extra";
-import { tryit } from "shared/helpers/error.helpers";
+import { createWriteStream, WriteStream } from 'fs';
+import { Progression } from 'main/helpers/fs.helpers';
+import { Observable } from 'rxjs';
+import { shareReplay, tap } from 'rxjs/operators';
+import log from 'electron-log';
+import got from 'got';
+import { IncomingHttpHeaders, IncomingMessage } from 'http';
+import { unlinkSync } from 'fs-extra';
+import { tryit } from 'shared/helpers/error.helpers';
+import path from 'path';
+import { pipeline } from 'stream/promises';
+import sanitize from 'sanitize-filename';
+import internal from 'stream';
 
 export class RequestService {
     private static instance: RequestService;
+    private preferredFamily: number | undefined = undefined;
 
     public static getInstance(): RequestService {
         if (!RequestService.instance) {
@@ -21,121 +23,194 @@ export class RequestService {
         return RequestService.instance;
     }
 
-    private readonly defaultRequestInit: RequestInit;
+    private constructor() {}
 
-    private constructor() {
+    public async getJSON<T = unknown>(url: string): Promise<{ data: T; headers: IncomingHttpHeaders }> {
 
-        this.defaultRequestInit = {
-            headers: {
-                "User-Agent": `BSManager/${app.getVersion()} (${os.type()} ${os.release()})`
-            },
-            agent: new Agent({ family: 4 }),
-        };
-    }
+        const familiesToTry = this.preferredFamily ? [this.preferredFamily, this.preferredFamily === 4 ? 6 : 4] : [4, 6];
 
-    private getInitWithOptions(options?: RequestInit): RequestInit {
-        return { ...this.defaultRequestInit, ...(options || {}) };
-    }
+        for (const family of familiesToTry) {
+            try {
 
-    private requestOptionsFromDefaultInit(): RequestOptions {
-        return {
-            headers: this.defaultRequestInit.headers as Record<string, string>,
-            agent: this.defaultRequestInit.agent as Agent,
-        };
-    }
-
-    public async getJSON<T = unknown>(url: RequestInfo, options?: RequestInit): Promise<T> {
-
-        try {
-            const response = await fetch(url, this.getInitWithOptions(options));
-
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status} ${url}`);
+                // @ts-ignore (ESM is not well supported in this project, We need to move out electron-react-boilerplate, and use Vite)
+                const res = await got(url, { dnsLookupIpVersion: family, responseType: 'json' });
+                this.preferredFamily = family;
+                return { data: res.body as T, headers: res.headers };
+            } catch (err) {
+                log.warn(`IPv${family} request failed, trying next one... URL: ${url}`, err);
             }
-
-            return await response.json() as T;
-        } catch (err) {
-            log.error(err);
-            throw err;
         }
+
+        log.error(`IPv4 and IPv6 requests failed for URL: ${url}`);
+        this.preferredFamily = undefined;
+        throw new Error(`IPv4 and IPv6 requests failed for URL: ${url}`);
     }
 
-    public downloadFile(url: string, dest: string): Observable<Progression<string>> {
-        return new Observable<Progression<string>>(subscriber => {
-            const progress: Progression<string> = { current: 0, total: 0, data: dest };
+    public downloadFile(
+        url: string,
+        dest: string,
+        opt?: { preferContentDisposition?: boolean }
+    ): Observable<Progression<string>> {
+        return new Observable<Progression<string>>((subscriber) => {
+            const progress: Progression<string> = { current: 0, total: 0 };
+            const familiesToTry = this.preferredFamily ? [this.preferredFamily, this.preferredFamily === 4 ? 6 : 4] : [4, 6];
 
-            const stream = got.stream(url)
-            const file = createWriteStream(dest);
+            let attempt = 0;
+            let stream: got.GotEmitter & internal.Duplex;
 
-            stream.on("downloadProgress", ({ transferred, total }) => {
-                progress.current = transferred;
-                progress.total = total;
-                subscriber.next(progress);
-            });
+            const tryNextFamily = () => {
+                if (attempt >= familiesToTry.length) {
+                    subscriber.error(new Error(`Download failed over IPv4 and IPv6 for URL: ${url}`));
+                    return;
+                }
 
-            stream.on("error", err => {
-                tryit(() => unlinkSync(dest));
-                subscriber.error(err);
-            });
+                const family = familiesToTry[attempt++];
+                let file: WriteStream | undefined;
 
-            stream.on("end", () => {
-                subscriber.next(progress);
-                subscriber.complete();
-            });
+                // @ts-ignore (ESM is not well supported in this project, We need to move out electron-react-boilerplate, and use Vite)
+                stream = got.stream(url, { dnsLookupIpVersion: family });
 
-            stream.pipe(file);
+                stream.on('response', (response) => {
+                    this.preferredFamily = family;
+
+                    const filename = opt?.preferContentDisposition ? this.getFilenameFromContentDisposition(response.headers['content-disposition']) : null;
+
+                    if (filename) {
+                        dest = path.join(path.dirname(dest), sanitize(filename));
+                    }
+
+                    progress.data = dest;
+                    file = createWriteStream(dest);
+
+                    pipeline(stream, file).catch(err => {
+                        file?.destroy();
+                        tryit(() => unlinkSync(dest));
+                        subscriber.error(err);
+                    });
+                });
+
+                stream.on('downloadProgress', ({ transferred, total }) => {
+                    progress.current = transferred;
+                    progress.total = total;
+                    subscriber.next(progress);
+                });
+
+                stream.on('error', err => {
+                    log.warn(`Download failed over IPv${family} for URL: ${url}`, err);
+                    stream.destroy();
+                    file?.destroy();
+                    tryNextFamily();
+                });
+
+                stream.on('end', () => {
+                    file?.end();
+                    subscriber.next(progress);
+                    subscriber.complete();
+                });
+            };
+
+            tryNextFamily();
 
             return () => {
-                stream.destroy();
-            }
-
-        }).pipe(tap({ error: e => log.error(e, url, dest) }), shareReplay(1));
+                stream?.destroy();
+            };
+        }).pipe(
+            tap({ error: (e) => log.error(e, url, dest) }),
+            shareReplay(1)
+        );
     }
 
-    public downloadBuffer(url: string, options?: Options & { isStream?: true }): Observable<Progression<Buffer, IncomingMessage>> {
-        return new Observable<Progression<Buffer, IncomingMessage>>(subscriber => {
+    public downloadBuffer(
+        url: string,
+        options?: got.GotOptions<null>
+    ): Observable<Progression<Buffer, IncomingMessage>> {
+        return new Observable<Progression<Buffer, IncomingMessage>>((subscriber) => {
             const progress: Progression<Buffer, IncomingMessage> = {
                 current: 0,
                 total: 0,
                 data: null,
             };
 
-            const req = got.stream(url, options);
+            const familiesToTry = this.preferredFamily ? [this.preferredFamily, this.preferredFamily === 4 ? 6 : 4] : [4, 6];
 
-            let data = Buffer.alloc(0);
-            let response: IncomingMessage;
+            let attempt = 0;
+            let stream: got.GotEmitter & internal.Duplex;
 
-            req.once("response", res => {
-                response = res;
-            });
+            const tryNextFamily = () => {
+                if (attempt >= familiesToTry.length) {
+                    subscriber.error(new Error(`Download failed over IPv4 and IPv6 for URL: ${url}`));
+                    return;
+                }
 
-            req.on("data", (chunk: Buffer) => {
-                data = Buffer.concat([data, chunk]);
-            })
+                const family = familiesToTry[attempt++];
 
-            req.on("downloadProgress", ({ transferred, total }) => {
-                progress.current = transferred;
-                progress.total = total;
-                subscriber.next(progress);
-            });
+                // @ts-ignore (ESM is not well supported in this project, We need to move out electron-react-boilerplate, and use Vite)
+                stream = got.stream(url, { dnsLookupIpVersion: family, ...(options ?? {}) });
 
-            req.once("error", err => {
-                subscriber.error(err);
-            });
+                let data = Buffer.alloc(0);
+                let response: IncomingMessage;
 
-            req.once("end", () => {
-                progress.data = data;
-                progress.extra = response;
-                subscriber.next(progress);
-                subscriber.complete();
-            });
+                stream.once('response', (res) => {
+                    this.preferredFamily = family;
+                    response = res;
+                });
 
-            req.resume();
+                stream.on('data', (chunk: Buffer) => {
+                    data = Buffer.concat([data, chunk]);
+                });
+
+                stream.on('downloadProgress', ({ transferred, total }) => {
+                    progress.current = transferred;
+                    progress.total = total;
+                    subscriber.next(progress);
+                });
+
+                stream.on('error', err => {
+                    log.warn(`Download failed over IPv${family} for URL: ${url}`, err);
+                    stream.destroy();
+                    tryNextFamily();
+                });
+
+                stream.on('end', () => {
+                    progress.data = data;
+                    progress.extra = response;
+                    subscriber.next(progress);
+                    subscriber.complete();
+                });
+            };
+
+            tryNextFamily();
 
             return () => {
-                req.destroy();
-            }
+                stream?.destroy();
+            };
+        }).pipe(
+            tap({ error: (e) => log.error(e, url) }),
+            shareReplay(1)
+        );
+    }
 
-        }).pipe(tap({ error: log.error }), shareReplay(1))
+    public getFilenameFromContentDisposition(disposition: string): string | undefined {
+
+        if(!disposition) {
+            return undefined;
+        }
+
+        const utf8FilenameRegex = /filename\*=UTF-8''([\w%\-\.]+)(?:; ?|$)/i;
+        const asciiFilenameRegex = /^filename=(["']?)(.*?[^\\])\1(?:; ?|$)/i;
+
+        const utf8Match = utf8FilenameRegex.exec(disposition);
+        if (utf8Match?.[1]) {
+            return decodeURIComponent(utf8Match[1]);
+        }
+
+        const filenameStart = disposition.toLowerCase().indexOf('filename=');
+
+        if (filenameStart < 0) {
+            return undefined;
+        }
+
+        const partialDisposition = disposition.slice(filenameStart);
+        return asciiFilenameRegex.exec(partialDisposition)?.[2];
     }
 }

src/main/services/static-configuration.service.ts

@@ -1,6 +1,10 @@
 import ElectronStore from "electron-store";
+import { pathExistsSync } from "fs-extra";
+import path from "path";
+import { PROTON_BINARY_PREFIX, WINE_BINARY_PREFIX } from "main/constants";
 import { Observable, Subject } from "rxjs";
 import { BSVersion } from "shared/bs-version.interface";
+import { CustomError } from "shared/models/exceptions/custom-error.class";
 
 export class StaticConfigurationService {
     private static instance: StaticConfigurationService;
@@ -34,7 +38,17 @@ export class StaticConfigurationService {
         cb(this.get(key));
     }
 
-    public set<K extends StaticConfigKeys>(key: K, value: StaticConfigKeyValues[K]): void {
+    public async set<K extends StaticConfigKeys>(key: K, value: StaticConfigKeyValues[K]): Promise<void> {
+        // Validate the setters
+        switch (key) {
+            case "proton-folder":
+                this.validateProtonFolder(value as string);
+                break;
+
+            default:
+                break;
+        }
+
         this.store.set(key, value);
 
         if (this.watchers[key]) {
@@ -42,6 +56,16 @@ export class StaticConfigurationService {
         }
     }
 
+    // Setters with validation
+
+    private validateProtonFolder(protonFolder: string): void {
+        const protonPath = path.join(protonFolder, PROTON_BINARY_PREFIX);
+        const winePath = path.join(protonFolder, WINE_BINARY_PREFIX);
+        if (!pathExistsSync(protonPath) || !pathExistsSync(winePath)) {
+            throw new CustomError("Invalid proton folder path", "invalid-folder");
+        }
+    }
+
     public delete<K extends StaticConfigKeys>(key: K): void {
         this.store.delete(key);
     }
@@ -60,12 +84,15 @@ export class StaticConfigurationService {
 }
 
 export interface StaticConfigKeyValues {
-    "versions": BSVersion[];
     "installation-folder": string;
     "song-details-cache-etag": string;
     "disable-hadware-acceleration": boolean;
     "use-symlinks": boolean;
-}
+
+    // Linux Specific static configs
+    "versions": BSVersion[];
+    "proton-folder": string;
+};
 
 export type StaticConfigKeys = keyof StaticConfigKeyValues;
 
@@ -77,5 +104,5 @@ export type StaticConfigGetIpcRequestResponse<K extends StaticConfigKeys> = {
 export type StaticConfigSetIpcRequest<K extends StaticConfigKeys> = {
     request: { key: K, value: StaticConfigKeyValues[K] };
     response: void;
-}
+};
 

src/main/services/steam.service.ts

@@ -13,7 +13,9 @@ const { list } = (execOnOs({ win32: () => require("regedit-rs") }, true) ?? {})
 
 export class SteamService {
 
-    private static readonly PROCESS_NAME = "steam";
+    private static readonly PROCESS_NAME: string = process.platform === "linux"
+        ? "steam-runtime-launcher-service"
+        : "steam";
 
     private static instance: SteamService;
 
@@ -116,7 +118,7 @@ export class SteamService {
 
     public async openSteam(): Promise<void> {
 
-        await shell.openPath("steam://open/games");
+        await shell.openExternal("steam://open/games");
 
         return new Promise((resolve, reject) => {
             // Every 3 seconds check if steam is running

src/main/services/supporters.service.ts

@@ -35,7 +35,7 @@ export class SupportersService {
     }
 
     private getRemoteSupporters(): Promise<Supporter[]> {
-        return this.requestService.getJSON(this.PATREONS_URL);
+        return this.requestService.getJSON<Supporter[]>(this.PATREONS_URL).then(res => res.data);
     }
 
     private async getLocalSupporters(): Promise<Supporter[]> {

src/main/services/thrid-party/beat-saver/beat-saver-api.service.ts

@@ -15,7 +15,7 @@ export class BeatSaverApiService {
 
     private readonly request: RequestService;
 
-    private readonly bsaverApiUrl = "https://beatsaver.com/api";
+    private readonly bsaverApiUrl = "https://api.beatsaver.com";
 
     private constructor() {
         this.request = RequestService.getInstance();
@@ -40,6 +40,9 @@ export class BeatSaverApiService {
 
         const params: Record<string, string> = this.objectToStringRecord({...filter, tags});
 
+        delete params.enabledTags;
+        delete params.excludedTags;
+
         return new URLSearchParams(params);
     }
 
@@ -68,7 +71,7 @@ export class BeatSaverApiService {
         }
 
         const paramsHashs = hashs.join(",");
-        const data = await this.request.getJSON<Record<Lowercase<T>, BsvMapDetail> | BsvMapDetail>(`${this.bsaverApiUrl}/maps/hash/${paramsHashs}`);
+        const { data } = (await this.request.getJSON<Record<Lowercase<T>, BsvMapDetail> | BsvMapDetail>(`${this.bsaverApiUrl}/maps/hash/${paramsHashs}`));
 
         if ((data as BsvMapDetail).id) {
             const key = (data as BsvMapDetail).versions.at(0).hash.toLowerCase();
@@ -83,22 +86,22 @@ export class BeatSaverApiService {
     }
 
     public async getMapDetailsById(id: string): Promise<BsvMapDetail> {
-        return this.request.getJSON<BsvMapDetail>(`${this.bsaverApiUrl}/maps/id/${id}`);
+        return (await this.request.getJSON<BsvMapDetail>(`${this.bsaverApiUrl}/maps/id/${id}`)).data;
     }
 
     public searchMaps(search: SearchParams): Promise<SearchResponse> {
         const url = new URL(`${this.bsaverApiUrl}/search/text/${search?.page ?? 0}`);
         url.search = this.searchParamsToUrlParams(search).toString();
-        return this.request.getJSON<SearchResponse>(url.toString());
+        return this.request.getJSON<SearchResponse>(url.toString()).then(res => res.data);
     }
 
     public searchPlaylists(search: PlaylistSearchParams): Promise<PlaylistSearchResponse> {
         const url = new URL(`${this.bsaverApiUrl}/playlists/search/${search?.page ?? 0}`);
         url.search = new URLSearchParams(this.objectToStringRecord(search)).toString();
-        return this.request.getJSON<PlaylistSearchResponse>(url.toString());
+        return this.request.getJSON<PlaylistSearchResponse>(url.toString()).then(res => res.data);
     }
 
     public getPlaylistDetailsById(id: string, page = 0): Promise<BsvPlaylistPage> {
-        return this.request.getJSON<BsvPlaylistPage>(`${this.bsaverApiUrl}/playlists/id/${id}/${page}`);
+        return this.request.getJSON<BsvPlaylistPage>(`${this.bsaverApiUrl}/playlists/id/${id}/${page}`).then(res => res.data);
     }
 }

src/main/services/thrid-party/model-saber/model-saber-api.service.ts

@@ -58,6 +58,6 @@ export class ModelSaberApiService {
         const url = new URL(this.ENDPOINTS.get, this.API_URL);
         url.search = this.buildUrlQuery(query).toString();
 
-        return this.request.getJSON<MSGetResponse>(url.toString());
+        return (await this.request.getJSON<MSGetResponse>(url.toString())).data;
     }
 }

src/main/util.ts

@@ -1,17 +1,16 @@
 /* eslint import/prefer-default-export: off, import/no-mutable-exports: off */
-import { URL } from "url";
+import { pathToFileURL, URL } from "url";
 import path from "path";
 
-export let resolveHtmlPath: (htmlFileName: string) => string;
-
-if (process.env.NODE_ENV === "development") {
-    const port = process.env.PORT || 1212;
-    resolveHtmlPath = (htmlFileName: string) => {
+export function resolveHtmlPath (htmlFileName: string) {
+    if (process.env.NODE_ENV === "development") {
+        const port = process.env.PORT || 1212;
         const url = new URL(`http://localhost:${port}/${htmlFileName}`);
         return url.toString();
-    };
-} else {
-    resolveHtmlPath = (htmlFileName: string) => {
-        return `file://${path.resolve(__dirname, "../renderer/", htmlFileName)}`;
-    };
-}
+    }
+
+    const filePath = path.resolve(__dirname, "..", "renderer");
+    return pathToFileURL(filePath).toString().concat("/", htmlFileName);
+};
+
+

src/renderer/components/maps-playlists-panel/maps-playlists-panel.component.tsx

@@ -10,11 +10,10 @@ import { useTranslation } from "renderer/hooks/use-translation.hook";
 import { FolderLinkState } from "renderer/services/version-folder-linker.service";
 import { useService } from "renderer/hooks/use-service.hook";
 import { BsContentTabPanel } from "../shared/bs-content-tab-panel/bs-content-tab-panel.component";
-import { BsmButton } from "../shared/bsm-button.component";
 import { MapIcon } from "../svgs/icons/map-icon.component";
 import { PlaylistIcon } from "../svgs/icons/playlist-icon.component";
 import { useObservable } from "renderer/hooks/use-observable.hook";
-import { BehaviorSubject, of } from "rxjs";
+import { BehaviorSubject, lastValueFrom, of } from "rxjs";
 import { LocalPlaylistsListPanel, LocalPlaylistsListRef } from "./playlists/local-playlists-list-panel.component";
 import { PlaylistsManagerService } from "renderer/services/playlists-manager.service";
 import { BsmLocalMap } from "shared/models/maps/bsm-local-map.interface";
@@ -23,6 +22,8 @@ import { LocalBPListsDetails } from "shared/models/playlists/local-playlist.mode
 import { PlaylistDownloaderService } from "renderer/services/playlist-downloader.service";
 import { LocalPlaylistFilter, LocalPlaylistFilterPanel } from "./playlists/local-playlist-filter-panel.component";
 import { noop } from "shared/helpers/function.helpers";
+import { Dropzone } from "../shared/dropzone.component";
+import { logRenderError } from "renderer";
 
 type Props = {
     readonly version?: BSVersion;
@@ -46,6 +47,9 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
     const t = useTranslation();
     const [tabIndex, setTabIndex] = useState(0);
 
+    const [mapsDropZoneOpen, setMapsDropZoneOpen] = useState(false);
+    const [playlistsDropZoneOpen, setPlaylistsDropZoneOpen] = useState(false);
+
     const maps$ = useConstant(() => new BehaviorSubject<BsmLocalMap[]>(undefined));
     const playlists$ = useConstant(() => new BehaviorSubject<LocalBPListsDetails[]>(undefined));
 
@@ -73,11 +77,16 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
         return playlistsManager.$playlistsFolderLinkState(version);
     }, FolderLinkState.Unlinked, [version]);
 
-    const handleAddClick = () => {
+    const handleBrowse = () => {
         switch (tabIndex) {
-            case 0: return mapsDownloader.openDownloadMapModal(version, maps$.value);
-            case 1: return playlistsDownloader.openDownloadPlaylistModal(version, playlists$, maps$);
-            default: return noop();
+            case 0:
+                mapsDownloader.openDownloadMapModal(version, maps$.value);
+                return;
+            case 1:
+                playlistsDownloader.openDownloadPlaylistModal(version, playlists$, maps$);
+                return;
+            default:
+                return noop();
         }
     }
 
@@ -101,6 +110,31 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
         return playlistsManager.unlinkVersion(version);
     }
 
+    const importMaps = async (paths: string[]) => {
+        setMapsDropZoneOpen(() => false);
+        return lastValueFrom(mapsManager.importMaps(paths, version)).catch(logRenderError);
+    }
+
+    const importPlaylists = async (paths: string[]) => {
+        setPlaylistsDropZoneOpen(() => false);
+        return lastValueFrom(playlistsManager.importPlaylists({ version, paths })).catch(logRenderError);
+    }
+
+    const addDropDownItems = ((): DropDownItem[] => {
+        if(tabIndex === 0){
+            return [
+                { icon: "browse", text: "pages.version-viewer.maps.tabs.maps.actions.drop-down.browse-maps", onClick: handleBrowse },
+                { icon: "download", text: "pages.version-viewer.maps.tabs.maps.actions.drop-down.import-maps", onClick: () => setMapsDropZoneOpen(true) }
+            ];
+        }
+
+        return [
+            { icon: "browse", text: "pages.version-viewer.maps.tabs.playlists.drop-down.browse-playlists", onClick: handleBrowse },
+            { icon: "add-file", text: "pages.version-viewer.maps.tabs.playlists.drop-down.create-a-playlist", onClick: () => playlistsRef?.current?.createPlaylist?.()  },
+            { icon: "download", text: "pages.version-viewer.maps.tabs.playlists.drop-down.import-playlists", onClick: () => setPlaylistsDropZoneOpen(true) }
+        ];
+    })();
+
     const dropDownItems = ((): DropDownItem[] => {
         if (tabIndex === 0) {
             return [
@@ -111,7 +145,6 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
         }
 
         return [
-            { icon: "add", text: t("playlist.create-a-playlist"), onClick: () => playlistsRef?.current?.createPlaylist?.() },
             { icon: "sync", text: t("playlist.synchronize-playlists"), onClick: () => playlistsRef?.current?.syncPlaylists?.() },
             { icon: "export", text: t("playlist.export-playlists"), onClick: () => playlistsRef?.current?.exportPlaylists?.() },
             { icon: "trash", text: t("playlist.delete-playlists"), onClick: () => playlistsRef?.current?.deletePlaylists?.() },
@@ -121,13 +154,20 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
     return (
         <>
             <nav className="w-full shrink-0 flex h-9 justify-center px-40 gap-2 text-main-color-1 dark:text-white mb-4">
-                <BsmButton
-                    className="flex items-center justify-center w-fit rounded-full px-2 py-1 font-bold whitespace-nowrap"
+                <BsmDropdownButton
+                    classNames={{
+                        mainContainer: "h-full relative z-[1] flex justify-center w-fit",
+                        button: "flex items-center justify-center h-full rounded-full px-2 py-1 font-bold whitespace-nowrap shadow-none",
+                        itemsContainer: "bg-theme-3",
+                    }}
+                    textClassName="whitespace-nowrap"
                     icon="add"
+                    buttonColor="primary"
                     text="misc.add"
-                    typeColor="primary"
+                    align="center"
+                    menuTranslationY="6px"
                     withBar={false}
-                    onClick={handleAddClick}
+                    items={addDropDownItems}
                 />
                 <div className="h-full rounded-full bg-light-main-color-2 dark:bg-main-color-2 grow p-[6px]">
                     <input
@@ -175,8 +215,37 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
                 ]}
             >
                 <InstalledMapsContext.Provider value={mapsContextValue}>
-                    <LocalMapsListPanel className="w-full h-full shrink-0" isActive={isActive && tabIndex === 0} ref={mapsRef} version={version} filter={mapFilter} search={search} linkedState={mapsLinkedState} />
-                    <LocalPlaylistsListPanel className="w-full h-full shrink-0" isActive={isActive && tabIndex === 1} ref={playlistsRef} version={version} linkedState={playlistLinkedState} filter={playlistFilter} search={search}/>
+
+                    <Dropzone
+                        className="w-full h-full shrink-0"
+                        onFiles={importMaps}
+                        text={t("pages.version-viewer.maps.tabs.maps.drop-zone.text")}
+                        subtext={t("pages.version-viewer.maps.tabs.maps.drop-zone.subtext")}
+                        open={mapsDropZoneOpen}
+                        onClose={mapsDropZoneOpen ? () => setMapsDropZoneOpen(() => false) : undefined}
+                        filters={[{ name: ".zip", extensions: ["zip"] }]}
+                        dialogOptions={{ dialog: {
+                            properties: ["openFile", "multiSelections"],
+                        }}}
+                    >
+                        <LocalMapsListPanel className="w-full h-full shrink-0" isActive={isActive && tabIndex === 0} ref={mapsRef} version={version} filter={mapFilter} search={search} linkedState={mapsLinkedState} />
+                    </Dropzone>
+
+                    <Dropzone
+                        className="w-full h-full shrink-0"
+                        onFiles={importPlaylists}
+                        text={t("pages.version-viewer.maps.tabs.playlists.drop-zone.text")}
+                        subtext={t("pages.version-viewer.maps.tabs.playlists.drop-zone.subtext")}
+                        open={playlistsDropZoneOpen}
+                        onClose={playlistsDropZoneOpen ? () => setPlaylistsDropZoneOpen(() => false) : undefined}
+                        filters={[{ name: ".bplist, .json", extensions: ["bplist", "json"] }]}
+                        dialogOptions={{ dialog: {
+                            properties: ["openFile", "multiSelections"],
+                        }}}
+                    >
+                        <LocalPlaylistsListPanel className="w-full h-full shrink-0" isActive={isActive && tabIndex === 1} ref={playlistsRef} version={version} linkedState={playlistLinkedState} filter={playlistFilter} search={search}/>
+                    </Dropzone>
+
                 </InstalledMapsContext.Provider>
             </BsContentTabPanel>
             </>

src/renderer/components/maps-playlists-panel/maps/filter-panel.component.tsx

@@ -13,6 +13,7 @@ import { GlowEffect } from "../../shared/glow-effect.component";
 import { BsmLocalMap } from "shared/models/maps/bsm-local-map.interface";
 import { SongDetails } from "shared/models/maps";
 import formatDuration from "format-duration";
+import { MapInfo } from "shared/models/maps/info/map-info.model";
 
 export type Props = {
     className?: string;
@@ -302,9 +303,10 @@ function isFitVerified(filter: MapFilter, verified: boolean): boolean {
     return verified;
 }
 
-function isFitSearch(search: string, {songName, songAuthorName, levelAuthorName}: {songName: string, songAuthorName: string, levelAuthorName: string}): boolean {
+function isFitSearch(search: string, {songName, songAuthorName, levelMappers}: {songName: MapInfo["songName"], songAuthorName: MapInfo["songAuthorName"], levelMappers: MapInfo["levelMappers"]}): boolean {
     if (!search) { return true; }
-    return songName?.toLowerCase().includes(search.toLowerCase()) || songAuthorName?.toLowerCase().includes(search.toLowerCase()) || levelAuthorName?.toLowerCase().includes(search.toLowerCase());
+    if(levelMappers?.some(mapper => mapper?.toLowerCase().includes(search.toLowerCase()))) { return true; }
+    return songName?.toLowerCase().includes(search.toLowerCase()) || songAuthorName?.toLowerCase().includes(search.toLowerCase());
 }
 
 export const isLocalMapFitMapFilter = ({filter, map, search}: { filter: MapFilter, map: BsmLocalMap, search: string }): boolean => {
@@ -323,7 +325,7 @@ export const isLocalMapFitMapFilter = ({filter, map, search}: { filter: MapFilte
     if (!isFitRanked(filter, map.songDetails?.ranked || map.songDetails?.blRanked)) { return false; }
     if (!isFitCurated(filter, map.songDetails?.curated)) { return false; }
     if (!isFitVerified(filter, map.songDetails?.uploader.verified)) { return false; }
-    if (!isFitSearch(search, {songName: map.rawInfo?._songName, songAuthorName: map.rawInfo?._songAuthorName, levelAuthorName: map.rawInfo?._levelAuthorName})) { return false; }
+    if (!isFitSearch(search, {songName: map.mapInfo?.songName, songAuthorName: map.mapInfo?.songAuthorName, levelMappers: map.mapInfo?.levelMappers})) { return false; }
     return true;
 };
 
@@ -344,7 +346,7 @@ export const isBsvMapFitMapFilter = ({filter, map, search}: { filter: MapFilter,
     if (!isFitRanked(filter, map.ranked || map.blRanked)) { return false; }
     if (!isFitCurated(filter, !!map.curator)) { return false; }
     if (!isFitVerified(filter, !!map.curatedAt)) { return false; }
-    if (!isFitSearch(search, {songName: map.name, songAuthorName: map.metadata.songAuthorName, levelAuthorName: map.metadata.levelAuthorName})) { return false; }
+    if (!isFitSearch(search, {songName: map.name, songAuthorName: map.metadata.songAuthorName, levelMappers: [map.metadata.levelAuthorName]})) { return false; }
     return true;
 };
 
@@ -364,12 +366,12 @@ export const isSongDetailsFitMapFilter = ({filter, map, search}: { filter: MapFi
     if (!isFitRanked(filter, map.ranked || map.blRanked)) { return false; }
     if (!isFitCurated(filter, map.curated)) { return false; }
     if (!isFitVerified(filter, map.uploader.verified)) { return false; }
-    if (!isFitSearch(search, {songName: map.name, songAuthorName: map.uploader.name, levelAuthorName: map.uploader.name})) { return false; }
+    if (!isFitSearch(search, {songName: map.name, songAuthorName: map.uploader.name, levelMappers: [map.uploader.name]})) { return false; }
     return true;
 }
 
 export const isMapFitFilter = ({filter, map, search}: { filter: MapFilter, map: BsmLocalMap | BsvMapDetail | SongDetails, search: string }): boolean => {
-    if ((map as BsmLocalMap)?.rawInfo) { return isLocalMapFitMapFilter({filter, map: (map as BsmLocalMap), search}); }
+    if ((map as BsmLocalMap)?.mapInfo) { return isLocalMapFitMapFilter({filter, map: (map as BsmLocalMap), search}); }
     if ((map as BsvMapDetail)?.metadata) { return isBsvMapFitMapFilter({filter, map: (map as BsvMapDetail), search}); }
     if ((map as SongDetails).hash) { return isSongDetailsFitMapFilter({filter, map: (map as SongDetails), search}); }
     return false;

src/renderer/components/maps-playlists-panel/maps/local-maps-list-panel.component.tsx

@@ -5,7 +5,7 @@ import { BsmLocalMap } from "shared/models/maps/bsm-local-map.interface";
 import { Subscription, BehaviorSubject, lastValueFrom } from "rxjs";
 import { MapFilter } from "shared/models/maps/beat-saver.model";
 import { MapsDownloaderService } from "renderer/services/maps-downloader.service";
-import { last, tap } from "rxjs/operators";
+import { bufferTime, last, tap } from "rxjs/operators";
 import { useTranslation } from "renderer/hooks/use-translation.hook";
 import BeatConflict from "../../../../../assets/images/apngs/beat-conflict.png";
 import { BsmImage } from "../../shared/bsm-image.component";
@@ -104,19 +104,24 @@ export const LocalMapsListPanel = forwardRef<LocalMapsListPanelRef, Props>(({ ve
 
     useEffect(() => {
 
-        let sub: Subscription;
+        const subs: Subscription[] = [];
 
         if(isActiveOnce){
-            sub = mapsDownloader.lastDownloadedMap$.subscribe({ next: ({map, version: targetVersion}) => {
+            subs.push(mapsDownloader.lastDownloadedMap$.subscribe({ next: ({map, version: targetVersion}) => {
                 if (!equal(targetVersion, version)) {
                     return;
                 }
                 setMaps((maps$.value ? [map, ...maps$.value] : [map]));
-            }});
+            }}));
+
+            subs.push(mapsManager.$onMapImported(version).pipe(bufferTime(500)).subscribe({ next: newMaps => {
+                const maps = (maps$.value ?? []).filter(map => !newMaps.some(newMap => newMap.path === map.path));
+                setMaps([...newMaps, ...maps]);
+            }}));
         }
 
         return () => {
-            sub?.unsubscribe();
+            subs.forEach(s => s.unsubscribe());
         }
 
     }, [isActiveOnce, version])
@@ -176,17 +181,18 @@ export const LocalMapsListPanel = forwardRef<LocalMapsListPanelRef, Props>(({ ve
             <MapItem
                 key={map.path}
                 hash={map.hash}
-                title={map.rawInfo._songName}
+                title={map.mapInfo.songName}
                 coverUrl={map.coverUrl}
                 songUrl={map.songUrl}
-                autor={map.rawInfo._levelAuthorName}
-                songAutor={map.rawInfo._songAuthorName}
-                bpm={map.rawInfo._beatsPerMinute}
+                autor={map.mapInfo.levelMappers.at(0)}
+                songAutor={map.mapInfo.songAuthorName}
+                bpm={map.mapInfo.beatsPerMinute}
                 duration={map.songDetails?.duration}
                 selected={renderableMap.selected}
-                diffs={MapItemComponentPropsMapper.extractMapDiffs({ rawMapInfo: map.rawInfo, songDetails: map.songDetails })}
+                diffs={MapItemComponentPropsMapper.extractMapDiffs({ mapInfo: map.mapInfo, songDetails: map.songDetails })}
                 mapId={map.songDetails?.id}
                 ranked={map.songDetails?.ranked}
+                blRanked={map.songDetails?.blRanked}
                 autorId={map.songDetails?.uploader.id}
                 likes={map.songDetails?.upVotes}
                 createdAt={map.songDetails?.uploadedAt}

src/renderer/components/maps-playlists-panel/playlists/local-playlists-list-panel.component.tsx

@@ -6,7 +6,7 @@ import { useOnUpdate } from "renderer/hooks/use-on-update.hook";
 import { useService } from "renderer/hooks/use-service.hook";
 import { PlaylistsManagerService } from "renderer/services/playlists-manager.service";
 import { FolderLinkState } from "renderer/services/version-folder-linker.service";
-import { BehaviorSubject, Observable, combineLatest, distinctUntilChanged, filter, finalize, lastValueFrom, map, tap } from "rxjs";
+import { BehaviorSubject, Observable, Subscription, bufferTime, combineLatest, distinctUntilChanged, filter, finalize, lastValueFrom, map, tap } from "rxjs";
 import { BSVersion } from "shared/bs-version.interface";
 import { noop } from "shared/helpers/function.helpers";
 import { LocalBPList, LocalBPListsDetails } from "shared/models/playlists/local-playlist.models";
@@ -52,7 +52,7 @@ type Props = {
 
 export type LocalPlaylistsListRef = {
     createPlaylist: () => Promise<void>;
-    syncPlaylists: () => Promise<void>;
+    syncPlaylists: (playlists?: LocalBPList[]) => Promise<void>;
     deletePlaylists: () => Promise<void>;
     exportPlaylists: () => Promise<void>;
 }
@@ -111,9 +111,9 @@ export const LocalPlaylistsListPanel = forwardRef<LocalPlaylistsListRef, Props>(
             }
 
         },
-        syncPlaylists: async () => {
+        syncPlaylists: async (playlists?: LocalBPList[]) => {
             if(!isOnline){ return; }
-            const toSync = selectedPlaylists$.value?.length ? selectedPlaylists$.value : playlists$.value;
+            const toSync = playlists ?? (selectedPlaylists$.value?.length ? selectedPlaylists$.value : playlists$.value);
             if(!toSync.length){ return; }
 
             const modalRes = await modals.openModal(SyncPlaylistModal, { data: toSync });
@@ -211,10 +211,22 @@ export const LocalPlaylistsListPanel = forwardRef<LocalPlaylistsListRef, Props>(
             setPlaylists(newPlaylist);
         }
 
-        const sub = playlistDownloader.currentDownload$.pipe(filter(download => download?.downloaded && equal(download?.info.version, version))).subscribe(download => onPlaylistDownloadedCB(download.downloaded));
+        const subs: Subscription[] = [];
+
+        subs.push(playlistDownloader.currentDownload$.pipe(
+            filter(download => download?.downloaded && equal(download?.info.version, version))
+        ).subscribe(download => onPlaylistDownloadedCB(download.downloaded)));
+
+        subs.push(playlistService.$onPlaylistImported(version).pipe(bufferTime(500)).subscribe({
+            next: newPlaylists => {
+                if(!newPlaylists.length){ return; }
+                const playlists = (playlists$.value ?? []).filter(p => !newPlaylists.some(np => np.path === p.path));
+                setPlaylists([...newPlaylists, ...playlists]);
+            }
+        }));
 
         return () => {
-            sub.unsubscribe();
+            subs.forEach(s => s.unsubscribe());
         }
 
     }, [isActiveOnce, version, linked]);

src/renderer/components/modal/modal-types/bs-downgrade/login-to-steam-modal.component.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from "renderer/hooks/use-translation.hook";
 import { ModalComponent, ModalExitCode, ModalService } from "renderer/services/modale.service";
 import { WhySteamCredentialsModal } from "./why-steam-credentials-modal.component";
 import { useService } from "renderer/hooks/use-service.hook";
-import { Observable } from "rxjs";
+import { catchError, Observable, of } from "rxjs";
 import { useObservable } from "renderer/hooks/use-observable.hook";
 import { QRCodeSVG } from "qrcode.react";
 import { BsmCheckbox } from "renderer/components/shared/bsm-checkbox.component";
@@ -21,7 +21,7 @@ export const LoginToSteamModal: ModalComponent<
     const [password, setPassword] = useState("");
     const [stay, setStay] = useState(false);
     const [showPassword, setShowPassword] = useState(false);
-    const qrCodeUrl = useObservable(() => data.qrCode$);
+    const qrCodeUrl = useObservable(() => data.qrCode$.pipe(catchError(() => of(null))));
     const t = useTranslation();
 
     useEffect(() => {

src/renderer/components/modal/modal-types/bs-version-outdated-modal.component.tsx

@@ -0,0 +1,42 @@
+import { BsmButton } from "renderer/components/shared/bsm-button.component";
+import { BsmImage } from "renderer/components/shared/bsm-image.component";
+import { ModalComponent, ModalExitCode } from "renderer/services/modale.service";
+import BeatConflict from "../../../../../assets/images/apngs/beat-conflict.png";
+import { BSVersion } from "shared/bs-version.interface";
+import { BsmCheckbox } from "renderer/components/shared/bsm-checkbox.component";
+import { useTranslationV2 } from "renderer/hooks/use-translation.hook";
+import { useState } from "react";
+import { ConfigurationService } from "renderer/services/configuration.service";
+import { useService } from "renderer/hooks/use-service.hook";
+
+export const BSVersionOutdatedModal: ModalComponent<void, { outdated: BSVersion, recommended: BSVersion }> = ({ resolver, options: {data : { outdated, recommended }}}) => {
+
+    const t = useTranslationV2();
+    const config = useService(ConfigurationService);
+
+    const [remember, setRemember] = useState(false);
+
+    const handleContinue = () => {
+        if (remember) {
+            config.set("not-show-bs-version-outdated-modal", true);
+        }
+
+        resolver({ exitCode: ModalExitCode.COMPLETED });
+    };
+
+    return (
+        <form className="text-gray-800 dark:text-gray-200 max-w-sm">
+            <h1 className="text-3xl uppercase tracking-wide w-full text-center">{t.text("misc.warning")}</h1>
+            <BsmImage className="mx-auto h-24" image={BeatConflict} />
+            <p>{t.element("modals.bs-version-outdated.body", { outdatedVersion: <b>{outdated.BSVersion}</b>, recommendedVersion: <b>{recommended.BSVersion}</b> })}</p>
+            <div className="flex items-center relative py-2 gap-1 mt-1">
+                    <BsmCheckbox className="h-5 relative z-[1]" checked={remember} onChange={val => setRemember(() => val)} />
+                    <span className="italic">{t.text("modals.misc.remember-my-choice")}</span>
+                </div>
+            <div className="grid grid-flow-col grid-cols-2 gap-4 mt-4 h-8">
+                <BsmButton typeColor="cancel" className="rounded-md flex justify-center items-center transition-all" onClick={() => resolver({ exitCode: ModalExitCode.CANCELED })} withBar={false} text="misc.cancel" />
+                <BsmButton typeColor="primary" className="rounded-md flex justify-center items-center transition-all" onClick={handleContinue} withBar={false} text="misc.continue" />
+            </div>
+        </form>
+    );
+};

src/renderer/components/modal/modal-types/chabgelog-modal/changelog-modal.component.css

@@ -1,3 +0,0 @@
-.content * {
-  all: revert;
-}

src/renderer/components/modal/modal-types/chabgelog-modal/changelog-modal.component.tsx

@@ -1,50 +0,0 @@
-import { BsmButton } from "renderer/components/shared/bsm-button.component";
-import { ChangelogVersion } from "renderer/services/auto-updater.service";
-import { LinkOpenerService } from "renderer/services/link-opener.service";
-import { useService } from "renderer/hooks/use-service.hook";
-import { ModalComponent } from "renderer/services/modale.service";
-import DOMPurify from 'dompurify';
-import './changelog-modal.component.css';
-import Tippy from "@tippyjs/react";
-
-export const ChangelogModal: ModalComponent<void, ChangelogVersion> = ({ options: {data: changelog} }) => {
-
-    const linkOpener = useService(LinkOpenerService);
-    const openGithub = () => linkOpener.open("https://github.com/Zagrios/bs-manager");
-    const openTwitter = () => linkOpener.open("https://twitter.com/BSManager_");
-    const openSupportPage = () => linkOpener.open("https://www.patreon.com/bsmanager");
-    const openDiscord = () => linkOpener.open("https://discord.gg/uSqbHVpKdV");
-    const openWebSite = () => linkOpener.open("https://bsmanager.io/");
-    const date = changelog?.timestamp  ? new Date(changelog.timestamp  * 1000).toLocaleDateString() : '';
-
-    return (
-        <form className="w-[350px] text-gray-800 dark:text-gray-200 h-[70vh] flex flex-col justify-between">
-            <h1 className=" p-4 pt-1 text-3xl uppercase tracking-wide w-full text-center text-gray-800 dark:text-gray-200 font-bold">{changelog?.title}</h1>
-            <div className=" overflow-y-scroll h-full content grow scrollbar-default" dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(changelog?.htmlBody) }}/>
-            <span className="block w-[100%] mx-auto mt-0 mb-4 h-1 rounded-full bg-main-color-1" />
-            <div className="flex flex-row justify-between">
-                <div className="my-auto flex flex-col text-sm">
-                    <span>{date}</span>
-                    <span>v{changelog?.version}</span>
-                </div>
-                <div className="flex flex-row gap-2 my-auto">
-                    <Tippy content="Twitter" placement="top" className="font-bold !bg-neutral-900" duration={[200, 0]} arrow={false}>
-                        <div><BsmButton onClick={openTwitter} className="rounded-md p-1 w-7 h-7" icon="twitter" withBar={false}  iconColor="#fff" color="#000"/></div>
-                    </Tippy>
-                    <Tippy content="Github" placement="top" className="font-bold !bg-neutral-900" duration={[200, 0]} arrow={false}>
-                        <div><BsmButton onClick={openGithub} className="rounded-md p-1 w-7 h-7" icon="github" withBar={false}  iconColor="#fff" color="#000"/></div>
-                    </Tippy>
-                    <Tippy content="Discord" placement="top" className="font-bold !bg-neutral-900" duration={[200, 0]} arrow={false}>
-                        <div><BsmButton onClick={openDiscord} className="rounded-md p-1 w-7 h-7" icon="discord" withBar={false} iconColor="#fff" color="#000"/></div>
-                    </Tippy>
-                    <Tippy content="Patreon" placement="top" className="font-bold !bg-neutral-900" duration={[200, 0]} arrow={false}>
-                        <div><BsmButton onClick={openSupportPage} className="rounded-md p-1 w-7 h-7 " icon="patreon" withBar={false} iconColor="#fff" color="#000"/></div>
-                    </Tippy>
-                    <Tippy content="Web Site" placement="top" className="font-bold !bg-neutral-900" duration={[200, 0]} arrow={false}>
-                        <div><BsmButton onClick={openWebSite} className="rounded-md p-1 w-7 h-7 " icon="web-site" withBar={false} iconColor="#fff" color="#000"/></div>
-                    </Tippy>
-                </div>
-            </div>
-        </form>
-    )
-}

src/renderer/components/modal/modal-types/delete-duplicate-maps-modal.component.tsx

@@ -18,7 +18,7 @@ export const DeleteDuplicateMapsModal: ModalComponent<void, { maps: BsmLocalMap[
             <p>{
                 multiple
                     ? t("modals.maps-actions.delete-duplicate-maps.desc-plural", { nb: `${maps.length}` })
-                    : t("modals.maps-actions.delete-duplicate-maps.desc", { map: `${maps.at(0).rawInfo._songName}` })
+                    : t("modals.maps-actions.delete-duplicate-maps.desc", { map: `${maps.at(0).mapInfo.songName}` })
             }</p>
             <div className="grid grid-flow-col grid-cols-2 gap-4 mt-4 h-8">
                 <BsmButton typeColor="cancel" className="rounded-md flex justify-center items-center transition-all" onClick={() => resolver({ exitCode: ModalExitCode.CANCELED })} withBar={false} text="misc.cancel" />

src/renderer/components/modal/modal-types/delete-maps-modal.component.tsx

@@ -34,7 +34,7 @@ export const DeleteMapsModal: ModalComponent<void, { linked: boolean; maps: BsmL
         <form className="text-gray-800 dark:text-gray-200">
             <h1 className="text-3xl uppercase tracking-wide w-full text-center">{t(titleText)}</h1>
             <BsmImage className="mx-auto h-24" image={BeatConflict} />
-            <p className="max-w-sm w-full">{t(descText, multiple ? { nb: maps.length.toString() } : { name: maps.at(0).rawInfo._songName })}</p>
+            <p className="max-w-sm w-full">{t(descText, multiple ? { nb: maps.length.toString() } : { name: maps.at(0).mapInfo.songName })}</p>
             {linked && (
                 <p className="text-sm italic mt-2 cursor-help w-fit" title={t(infoTitleText)}>
                     {t(infoText)}

src/renderer/components/modal/modal-types/download-maps-modal.component.tsx

@@ -22,9 +22,11 @@ import { useConstant } from "renderer/hooks/use-constant.hook";
 import { getLocalTimeZone, parseAbsolute, toCalendarDateTime } from "@internationalized/date";
 import { VirtualScroll } from "renderer/components/shared/virtual-scroll/virtual-scroll.component";
 import { MapItemComponentPropsMapper } from "shared/mappers/map/map-item-component-props.mapper";
+import { ConfigurationService } from "renderer/services/configuration.service";
 
 export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; ownedMaps: BsmLocalMap[] }> = ({ options: {data : { ownedMaps, version }} }) => {
     const beatSaver = useService(BeatSaverService);
+    const config = useService(ConfigurationService);
     const mapsDownloader = useService(MapsDownloaderService);
     const progressBar = useService(ProgressBarService);
     const os = useService(OsDiagnosticService);
@@ -37,12 +39,11 @@ export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; owned
     const [query, setQuery] = useState("");
     const [maps, setMaps] = useState<BsvMapDetail[]>([]);
     const [downloadbleMaps, setDownloadbleMaps] = useState<DownloadableMap[]>([]);
-    const [sortOrder, setSortOrder] = useState<BsvSearchOrder>(BsvSearchOrder.Latest);
     const [ownedMapHashs, setOwnedMapHashs] = useState<string[]>(ownedMaps?.map(map => map.hash) ?? []);
     const [loading, setLoading] = useState(false);
     const isOnline = useObservable(() => os.isOnline$);
     const [searchParams, setSearchParams] = useState<SearchParams>({
-        sortOrder,
+        sortOrder: config.get("map-sort-order"),
         filter,
         page: 0,
         q: query,
@@ -145,7 +146,9 @@ export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; owned
             duration={map.metadata.duration}
             hash={map.versions.at(0).hash}
             likes={map.stats.upvotes}
-            mapId={map.id} ranked={map.ranked}
+            mapId={map.id}
+            ranked={map.ranked}
+            blRanked={map.blRanked}
             title={map.name}
             songAutor={map.metadata.songAuthorName}
             diffs={MapItemComponentPropsMapper.extractMapDiffs({ bsvMap: map })}
@@ -168,21 +171,21 @@ export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; owned
     }, []);
 
     const handleSortChange = (newSort: BsvSearchOrder) => {
-        setSortOrder(() => newSort);
+        config.set("map-sort-order", newSort);
         setMaps(() => []);
         setSearchParams(() => ({ ...searchParams, sortOrder: newSort }));
     };
 
     const handleSearch = () => {
-        const searchParams: SearchParams = {
-            sortOrder,
+        const searchParamsLocal: SearchParams = {
+            sortOrder: searchParams.sortOrder,
             filter,
             q: query.trim(),
             page: 0,
         };
 
         setMaps(() => []);
-        setSearchParams(() => searchParams);
+        setSearchParams(() => searchParamsLocal);
     };
 
     const handleLoadMore = () => {
@@ -203,7 +206,7 @@ export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; owned
             }}
         >
             <div className="flex h-9 gap-2 shrink-0">
-                <BsmDropdownButton ref={filterContainerRef} className="shrink-0 h-full relative z-[1] flex justify-start" buttonClassName="flex items-center justify-center h-full rounded-full px-2 py-1 !bg-light-main-color-1 dark:!bg-main-color-1" icon="filter" text="pages.version-viewer.maps.search-bar.filters-btn" withBar={false}>
+                <BsmDropdownButton ref={filterContainerRef} className="shrink-0 h-full relative z-[1] flex justify-start" buttonClassName="flex items-center justify-center h-full rounded-full px-2 py-1 !bg-light-main-color-1 dark:!bg-main-color-1" icon="filter" text="pages.version-viewer.maps.search-bar.filters-btn" textClassName="whitespace-nowrap" withBar={false}>
                     <FilterPanel className="absolute top-[calc(100%+3px)] origin-top w-[450px] h-fit p-2 rounded-md shadow-md shadow-black" localData={false} filter={filter} onChange={setFilter} onApply={handleSearch} onClose={() => filterContainerRef.current.close()} />
                 </BsmDropdownButton>
                 <input className="h-full bg-light-main-color-1 dark:bg-main-color-1 rounded-full px-2 grow pb-0.5" type="text" placeholder={t("pages.version-viewer.maps.search-bar.search-placeholder")} value={query} onChange={e => setQuery(e.target.value)} />
@@ -211,13 +214,14 @@ export const DownloadMapsModal: ModalComponent<void, { version: BSVersion; owned
                     className="shrink-0 rounded-full py-1 px-3 !bg-light-main-color-1 dark:!bg-main-color-1 flex justify-center items-center capitalize"
                     icon="search"
                     text="modals.download-maps.search-btn"
+                    textClassName="whitespace-nowrap"
                     withBar={false}
                     onClick={e => {
                         e.preventDefault();
                         handleSearch();
                     }}
                 />
-                <BsmSelect className="bg-light-main-color-1 dark:bg-main-color-1 rounded-full px-1 pb-0.5 text-center" options={sortOptions} onChange={sort => handleSortChange(sort)} />
+                <BsmSelect className="bg-light-main-color-1 dark:bg-main-color-1 rounded-full px-1 pb-0.5 text-center" options={sortOptions} selected={searchParams.sortOrder} onChange={sort => handleSortChange(sort)} />
             </div>
 
             {(() => {

src/renderer/components/modal/modal-types/models/download-models-modal.component.tsx

@@ -229,6 +229,7 @@ export const DownloadModelsModal: ModalComponent<void, { version: BSVersion; typ
                     icon="search"
                     type="submit"
                     text="models.modals.download-models.search-btn"
+                    textClassName="whitespace-nowrap"
                     withBar={false}
                     onClick={e => {
                         e.preventDefault();

src/renderer/components/modal/modal-types/playlist/download-playlist-modal/download-playlist-modal-header.component.tsx

@@ -51,11 +51,11 @@ export function DownloadPlaylistModalHeader({ className, value, onSubmit }: Prop
 
     return (
         <form className={cn('flex flex-row gap-2', className)} onSubmit={e => {e.preventDefault(); submit(searchParams);}}>
-            <BsmDropdownButton ref={dropDownFilterRef} buttonClassName="flex items-center justify-center h-full rounded-full px-2 py-1 !bg-light-main-color-1 dark:!bg-main-color-1" icon="filter" text="pages.version-viewer.maps.search-bar.filters-btn" withBar={false}>
+            <BsmDropdownButton ref={dropDownFilterRef} buttonClassName="flex items-center justify-center h-full rounded-full px-2 py-1 !bg-light-main-color-1 dark:!bg-main-color-1" icon="filter" text="pages.version-viewer.maps.search-bar.filters-btn" textClassName="whitespace-nowrap" withBar={false}>
                 <DownloadPlaylistFilterPanel className="z-10 translate-y-1" params={filter} onSubmit={handleFilterSubmit}/>
             </BsmDropdownButton>
             <input className="h-full bg-theme-1 rounded-full px-2 grow pb-0.5" type="text" placeholder={t("playlist.search-playlist")} value={query} onChange={e => setQuery(e.target.value)} />
-            <BsmButton className="shrink-0 rounded-full py-1 px-3 !bg-theme-1 flex justify-center items-center capitalize" icon="search" text="modals.download-maps.search-btn" withBar={false} onClick={() => submit(searchParams)} />
+            <BsmButton className="shrink-0 rounded-full py-1 px-3 !bg-theme-1 flex justify-center items-center capitalize" icon="search" text="modals.download-maps.search-btn" textClassName="whitespace-nowrap" withBar={false} onClick={() => submit(searchParams)} />
             <BsmSelect className="bg-theme-1 rounded-full px-1 pb-0.5 text-center cursor-pointer" options={sortOptions} selected={order} onChange={handleOrderChange}/>
         </form>
     )

src/renderer/components/modal/modal-types/playlist/download-playlist-modal/download-playlist-modal.component.tsx

@@ -5,7 +5,7 @@ import { BSVersion } from "shared/bs-version.interface"
 import { BsmLocalMap } from "shared/models/maps/bsm-local-map.interface"
 import { LocalBPListsDetails } from "shared/models/playlists/local-playlist.models"
 import { DownloadPlaylistModalHeader } from "./download-playlist-modal-header.component"
-import { BsvPlaylist, BsvSearchOrder, PlaylistSearchParams } from "shared/models/maps/beat-saver.model"
+import { BsvPlaylist, PlaylistSearchParams } from "shared/models/maps/beat-saver.model"
 import { useCallback, useState } from "react"
 import { useOnUpdate } from "renderer/hooks/use-on-update.hook"
 import { useService } from "renderer/hooks/use-service.hook"
@@ -20,6 +20,7 @@ import BeatConflict from "../../../../../../../assets/images/apngs/beat-conflict
 import { cn } from "renderer/helpers/css-class.helpers"
 import { VirtualScroll } from "renderer/components/shared/virtual-scroll/virtual-scroll.component"
 import { useTranslation } from "renderer/hooks/use-translation.hook"
+import { ConfigurationService } from "renderer/services/configuration.service"
 
 export const DownloadPlaylistModal: ModalComponent<void, {version: BSVersion, ownedPlaylists$: Observable<LocalBPListsDetails[]>, ownedMaps$: Observable<BsmLocalMap[]>}> = (
     { options: { data: { version, ownedPlaylists$, ownedMaps$ }} }
@@ -27,8 +28,9 @@ export const DownloadPlaylistModal: ModalComponent<void, {version: BSVersion, ow
 
     const t = useTranslation();
 
-    const modal = useService(ModalService);
     const beatSaver = useService(BeatSaverService);
+    const config = useService(ConfigurationService);
+    const modal = useService(ModalService);
     const playlistDownloader = useService(PlaylistDownloaderService);
 
     const [playlists, setPlaylists] = useState<BsvPlaylist[]>(null);
@@ -41,7 +43,7 @@ export const DownloadPlaylistModal: ModalComponent<void, {version: BSVersion, ow
     const [error, setError] = useState(false);
     const [searchParams, setSearchParams] = useState<PlaylistSearchParams>({
         q: "",
-        sortOrder: BsvSearchOrder.Relevance,
+        sortOrder: config.get("playlist-sort-order"),
         page: 0,
     });
 
@@ -63,6 +65,7 @@ export const DownloadPlaylistModal: ModalComponent<void, {version: BSVersion, ow
 
     const handleNewSearch = (value: Omit<PlaylistSearchParams, "page">) => {
         setPlaylists(() => undefined);
+        config.set("playlist-sort-order", value.sortOrder);
         setSearchParams(() => ({ ...value, page: 0}));
     };
 

src/renderer/components/modal/modal-types/playlist/edit-playlist-modal/edit-playlist-modal.component.tsx

@@ -303,7 +303,7 @@ export const EditPlaylistModal: ModalComponent<BPList, Props> = ({ resolver, opt
             availabledHashsSelected$.value.map(hash => tmpLocalMaps.find(map => getHashOfMap(map) === hash)).filter(Boolean)
         ) : tmpLocalMaps;
 
-        const newPlaylistMaps = {...playlistMaps$.value} ?? {};
+        const newPlaylistMaps = {...playlistMaps$.value ?? {}};
         mapsToAdd.forEach(map =>{ newPlaylistMaps[getHashOfMap(map)] = { map }; });
 
         playlistMaps$.next(newPlaylistMaps);
@@ -348,8 +348,8 @@ export const EditPlaylistModal: ModalComponent<BPList, Props> = ({ resolver, opt
 
             const { map } = playlistMap;
 
-            if((map as BsmLocalMap).rawInfo?._levelAuthorName){
-                mappersSet.add((map as BsmLocalMap).rawInfo._levelAuthorName);
+            if((map as BsmLocalMap).mapInfo?.levelMappers){
+                (map as BsmLocalMap).mapInfo.levelMappers.forEach(mapper => mappersSet.add(mapper));
             }
             else if((map as SongDetails).uploader?.name){
                 mappersSet.add((map as SongDetails).uploader.name);

src/renderer/components/modal/modal-types/playlist/playlist-details-modal/bsv-playlist-details-modal.component.tsx

@@ -80,7 +80,9 @@ export const BsvPlaylistDetailsModal: ModalComponent<void, Props> = ({ resolver,
             duration={map.metadata.duration}
             hash={map.versions.at(0).hash}
             likes={map.stats.upvotes}
-            mapId={map.id} ranked={map.ranked}
+            mapId={map.id}
+            ranked={map.ranked}
+            blRanked={map.blRanked}
             title={map.name}
             songAutor={map.metadata.songAuthorName}
             diffs={MapItemComponentPropsMapper.extractMapDiffs({ bsvMap: map })}

src/renderer/components/modal/modal-types/playlist/playlist-details-modal/local-playlist-details-modal.component.tsx

@@ -62,16 +62,17 @@ export const LocalPlaylistDetailsModal: ModalComponent<void, Props> = ({resolver
             <MapItem
                 key={map.path}
                 hash={map.hash}
-                title={map.rawInfo._songName}
+                title={map.mapInfo.songName}
                 coverUrl={map.coverUrl}
                 songUrl={map.songUrl}
-                autor={map.rawInfo._levelAuthorName}
-                songAutor={map.rawInfo._songAuthorName}
-                bpm={map.rawInfo._beatsPerMinute}
+                autor={map.mapInfo.levelMappers.at(0)}
+                songAutor={map.mapInfo.songAuthorName}
+                bpm={map.mapInfo.beatsPerMinute}
                 duration={map.songDetails?.duration}
-                diffs={MapItemComponentPropsMapper.extractMapDiffs({ rawMapInfo: map.rawInfo, songDetails: map.songDetails })}
+                diffs={MapItemComponentPropsMapper.extractMapDiffs({ mapInfo: map.mapInfo, songDetails: map.songDetails })}
                 mapId={map.songDetails?.id}
                 ranked={map.songDetails?.ranked}
+                blRanked={map.songDetails?.blRanked}
                 autorId={map.songDetails?.uploader.id}
                 likes={map.songDetails?.upVotes}
                 createdAt={map.songDetails?.uploadedAt}

src/renderer/components/modal/modal-types/setup/ask-install-path.component.tsx

@@ -75,7 +75,7 @@ export const AskInstallPathModal: ModalComponent<{ installPath: string }, {}> =
                 <BsmButton
                     onClick={selectInstallPath}
                     className="shrink-0 whitespace-nowrap mr-2 px-2 font-bold italic text-sm rounded-md"
-                    text="modals.ask-install-path.choose-folder"
+                    text="misc.choose-folder"
                     withBar={false}
                 />
             </div>

src/renderer/components/modal/modal-types/setup/choose-proton-folder-modal.component.tsx

@@ -0,0 +1,97 @@
+import { lastValueFrom } from "rxjs";
+import { useState } from "react";
+import { useTranslation } from "renderer/hooks/use-translation.hook";
+import { useService } from "renderer/hooks/use-service.hook";
+
+import { IpcService } from "renderer/services/ipc.service";
+import { ModalComponent, ModalExitCode } from "renderer/services/modale.service";
+import { NotificationService } from "renderer/services/notification.service";
+import { StaticConfigurationService } from "renderer/services/static-configuration.service";
+
+import { BsmButton } from "renderer/components/shared/bsm-button.component";
+
+export const ChooseProtonFolderModal: ModalComponent<{}, {}> = ({ resolver }) => {
+
+    const t = useTranslation();
+    const ipcService = useService(IpcService);
+    const notificationService = useService(NotificationService);
+    const staticConfigService = useService(StaticConfigurationService);
+
+    const [protonFolder, setProtonFolder] = useState(null);
+
+    const selectProtonPath = async () => {
+        const response = await lastValueFrom(ipcService.sendV2("choose-folder", {
+            parent: "home",
+            defaultPath: ".local/share/Steam/steamapps/common",
+            showHidden: true,
+        }));
+
+        if (response.canceled || !response.filePaths?.length) {
+            return;
+        }
+
+        const path = response.filePaths[0];
+
+        await staticConfigService.set("proton-folder", path).then(() => {
+            setProtonFolder(path);
+        }).catch(err => {
+            notificationService.notifyError({
+                title: "pages.settings.proton-folder.errors.title",
+                desc: ["invalid-folder"].includes(err?.code)
+                    ? `pages.settings.proton-folder.errors.${err.code}`
+                    : "misc.unknown"
+            });
+        });
+    }
+
+    const onConfirmButtonPressed = async () => {
+        resolver({
+            exitCode: ModalExitCode.COMPLETED
+        });
+    }
+
+    return (
+        <form
+            className="max-w-lg w-max flex flex-col gap-3"
+            onSubmit={event => {
+                event.preventDefault();
+                onConfirmButtonPressed();
+            }}>
+
+            <h1 className="tracking-wide w-full uppercase text-3xl text-center mb-4">{t("modals.choose-proton-folder.title")}</h1>
+
+            <p>{t("modals.choose-proton-folder.proton-folder-description")}</p>
+
+            <a className="underline" href="https://github.com/ValveSoftware/Proton/wiki/Proton-FAQ#where-is-proton-installed" target="_blank">{t("modals.choose-proton-folder.where-is-proton-installed")}</a>
+            <div className="relative flex items-center justify-between w-full h-8 bg-light-main-color-1 dark:bg-main-color-1 rounded-md pl-2 py-1">
+                    {protonFolder ? (
+                        <span
+                            className="block text-ellipsis overflow-hidden min-w-0 whitespace-nowrap"
+                            title={protonFolder}
+                        >
+                            {protonFolder}
+                        </span>
+                    ) : (
+                        <span className="text-gray-500 italic font-bold">{t("modals.choose-proton-folder.proton-folder-placeholder")}</span>
+                    )}
+                    <BsmButton
+                        onClick={selectProtonPath}
+                        className="shrink-0 whitespace-nowrap mr-2 px-2 font-bold italic text-sm rounded-md"
+                        text="misc.choose-folder"
+                        withBar={false}
+                    />
+            </div>
+
+            <div className="h-8 grid grid-flow-col grid-cols-1">
+                <BsmButton
+                    typeColor="primary"
+                    className="rounded-md text-center transition-all"
+                    type="submit"
+                    withBar={false}
+                    text="misc.confirm"
+                    disabled={!protonFolder}
+                />
+            </div>
+        </form>
+    )
+}

src/renderer/components/modal/modal-types/share-folders-modal.component.tsx

@@ -47,7 +47,9 @@ export const ShareFoldersModal: ModalComponent<void, BSVersion> = ({ options: {d
 
     const addFolder = async () => {
         const versionPath = await lastValueFrom(versionManager.getVersionPath(data));
-        const folder = await lastValueFrom(ipc.sendV2("choose-folder", versionPath));
+        const folder = await lastValueFrom(ipc.sendV2("choose-folder", {
+            defaultPath: versionPath
+        }));
 
         if (!folder || folder.canceled || !folder.filePaths?.length) {
             return;

src/renderer/components/models-management/models-panel.component.tsx

@@ -12,7 +12,6 @@ import { useOnUpdate } from "renderer/hooks/use-on-update.hook";
 import { NotificationService } from "renderer/services/notification.service";
 import { ConfigurationService } from "renderer/services/configuration.service";
 import { useTranslation } from "renderer/hooks/use-translation.hook";
-import { lt } from "semver";
 import { lastValueFrom, of, take } from "rxjs";
 import { FolderLinkState } from "renderer/services/version-folder-linker.service";
 import { BsContentTabItemProps } from "../shared/bs-content-tab-panel/bs-content-tab-item.component";
@@ -74,20 +73,6 @@ export function ModelsPanel({ version, isActive, goToMods }: { version?: BSVersi
             });
     }, [isActive]);
 
-    useOnUpdate(() => {
-        if (!isActive || !version || lt(version.BSVersion, "1.29.4")) {
-            return;
-        }
-        if (config.get("not-remind-models-breaks")) {
-            return;
-        }
-        notification.notifyInfo({ title: "models.notifications.prevent-for-models-breaks.title", desc: "models.notifications.prevent-for-models-breaks.desc", actions: [{ id: "0", title: "models.notifications.prevent-for-mods.not-remind", cancel: true }], duration: 12_000 }).then(res => {
-            if (res === "0") {
-                config.set("not-remind-models-breaks", true);
-            }
-        });
-    }, [isActive, version]);
-
     const exportModels = () => {
         const selectedModels = modelsGridRefs.map(ref => ref.current?.getSelectedModels() as BsmLocalModel[]).flat();
         modelsManager.exportModels(selectedModels, version);
@@ -154,6 +139,7 @@ export function ModelsPanel({ version, isActive, goToMods }: { version?: BSVersi
                     icon="add"
                     text="misc.add"
                     typeColor="primary"
+                    textClassName="whitespace-nowrap"
                     withBar={false}
                     onClick={e => {
                         e.preventDefault();

src/renderer/components/settings/supporters-view/supporters-view.component.tsx

@@ -35,7 +35,7 @@ export function SupportersView({ isVisible, setVisible }: Props) {
             (
             {isVisible && (
                 <motion.div className="fixed top-0 left-0 w-full h-full bg-black bg-opacity-90 z-40 text-gray-200" transition={{ duration: 0.3 }} initial={{ opacity: 0, y: "-100%" }} animate={{ opacity: 1, y: "0%" }} exit={{ opacity: 0, y: "-100%" }}>
-                    <BsmButton className="absolute right-10 top-10 !bg-transparent w-7 h-7" icon="cross" withBar={false} onClick={() => setVisible(false)} />
+                    <BsmButton className="absolute right-10 top-10 !bg-transparent w-7 h-7" iconClassName="text-white size-full" icon="cross" withBar={false} onClick={() => setVisible(false)} />
                     {(!!sponsors.length || !!supporters.length) && <img className="absolute bottom-5 right-5 rotate-45 w-32 h-32" src={ManheraChanGif} />}
                     <div className="w-full h-full overflow-y-scroll">
                         {!!sponsors.length && <SupportersBlock className="mt-12" title="pages.settings.patreon.view.sponsors" supporters={sponsors} />}

src/renderer/components/shared/bsm-button.component.tsx

@@ -90,7 +90,7 @@ export const BsmButton = forwardRef<unknown, Props>(({ className, style, iconSty
             {icon && <BsmIcon icon={icon} className={iconClassName ?? "size-full text-gray-800 dark:text-white"} style={{ ...(iconStyle ?? {}), color: (iconColor || textColor) }} />}
             {text &&
                 (type === "submit" ? (
-                    <button type="submit" className={textClassName || "size-full"} style={{ ...(!!textColor && { color: textColor }) }}>
+                    <button type="submit" className={textClassName || "size-full"} style={{ ...(!!textColor && { color: textColor }) }} disabled={disabled}>
                         {t(text)}
                     </button>
                 ) : (

src/renderer/components/shared/dropzone.component.tsx

@@ -0,0 +1,169 @@
+import { AnimatePresence, motion } from "framer-motion";
+import { DragEvent, ReactNode, useCallback, useMemo, useState } from "react";
+import { BsmImage } from "./bsm-image.component";
+import BeatImpatient from "../../../../assets/images/apngs/beat-impatient.png";
+import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
+import Color from "color";
+import { cn } from "renderer/helpers/css-class.helpers";
+import { CloseIcon } from "../svgs/icons/close-icon.component";
+import { OpenDialogOptions } from "electron";
+import { useTranslation } from "renderer/hooks/use-translation.hook";
+import { useService } from "renderer/hooks/use-service.hook";
+import { IpcService } from "renderer/services/ipc.service";
+import { NotificationService } from "renderer/services/notification.service";
+import { lastValueFrom } from "rxjs";
+
+type Props = Readonly<{
+    children?: ReactNode;
+    className?: string;
+    open?: boolean;
+    text?: string;
+    subtext?: string;
+    onFiles?: (paths: string[]) => void;
+    onClose?: () => void;
+    filters?: OpenDialogOptions["filters"];
+    dialogOptions?: {
+        text?: string;
+        dialog?: Exclude<OpenDialogOptions, "filters">;
+    }
+}>;
+
+// Supports drop and drop functionality for files.
+export function Dropzone({
+    children,
+    className,
+    open,
+    text,
+    subtext,
+    filters,
+    dialogOptions,
+    onFiles,
+    onClose
+}: Props) {
+
+    const ipc = useService(IpcService);
+    const notification = useService(NotificationService);
+
+    const t = useTranslation();
+
+    const [dragCount, setDragCount] = useState(0);
+    const [dropZoneDragging, setDropZoneDragging] = useState(false);
+    const themeColor = useThemeColor("first-color");
+    const color = new Color(themeColor).lighten(.25).saturate(.8).hex();
+
+    const supportedExtensions = useMemo(() => {
+        if(!filters?.length) {
+            return [];
+        }
+
+        return filters.flatMap(filter => filter.extensions ?? []);
+    }, [filters]);
+
+    const handleDrop = useCallback((event: DragEvent<HTMLDivElement>) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        setDragCount(() => 0);
+        setDropZoneDragging(() => false);
+
+        if (!onFiles || !event.dataTransfer?.files?.length) {
+            return;
+        }
+
+        const paths = Array.from(event.dataTransfer.files).reduce<string[]>((acc, file) => {
+            const path = window.electron.webUtils.getPathForFile(file);
+
+            if(supportedExtensions.some(ext => path.endsWith(ext))) {
+                acc.push(path);
+            }
+
+            return acc;
+        }, []);
+
+        if(!paths.length) {
+            notification.notifyError({
+                title: t("notifications.shared.errors.titles.file-not-supported"),
+                desc: t("notifications.shared.errors.msg.file-not-supported", { types: supportedExtensions.join(", ") }),
+                duration: 8000
+            });
+            return;
+        }
+
+        onFiles(paths);
+    }, [supportedExtensions]);
+
+    const onDragOver = useCallback((event: DragEvent<HTMLDivElement>) => {
+        event.preventDefault();
+        event.stopPropagation();
+    }, []);
+
+    const onDragEnter = useCallback((event: DragEvent<HTMLDivElement>) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setDragCount(prev => prev + 1);
+    }, []);
+
+    const onDragLeave = useCallback((event: DragEvent<HTMLDivElement>) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setDragCount(prev => prev - 1);
+    }, []);
+
+    const openDialog = useCallback(async () => {
+        if(!dialogOptions?.dialog) {
+            return;
+        }
+
+        const res = await lastValueFrom(ipc.sendV2("open-dialog", { ...dialogOptions.dialog, filters }));
+
+        if(res?.canceled || !res?.filePaths?.length) {
+            return;
+        }
+
+        onFiles?.(res.filePaths);
+    }, []);
+
+    return (
+        <div className={cn("relative", className)} onDragEnter={onDragEnter} onDragLeave={onDragLeave}>
+            <AnimatePresence>
+                {(dragCount || open) ? (
+                    <div onDragEnter={onDragEnter} onDragLeave={onDragLeave} onDrop={onDragLeave} className="absolute size-full top-0 right-0 z-10">
+                    <motion.div className="absolute size-full top-0 right-0 bg-black" initial={{ opacity: 0 }} animate={{ opacity: .6 }} exit={{ opacity: 0 }}/>
+                    <motion.div className="absolute size-full top-0 right-0 flex justify-center items-center p-5" initial={{ y: "100%" }} animate={{ y: "0" }} exit={{ y: "100%" }}>
+                        <div className="relative h-72 max-h-full w-full max-w-lg sm:h-96 sm:max-w-2xl bg-theme-3 rounded-md shadow-black shadow-lg p-7">
+                            {onClose && (
+                                <button className="absolute top-0.5 right-0.5 size-7" onClick={onClose}>
+                                    <CloseIcon className="size-full"/>
+                                </button>
+                            )}
+                            <div
+                                onDragOver={onDragOver}
+                                onDrop={handleDrop}
+                                onDragEnter={() => setDropZoneDragging(true)}
+                                onDragLeave={() => setDropZoneDragging(false)}
+                                className="relative size-full z-[1] border-dashed border-3 rounded-md flex flex-col gap-1 justify-center items-center"
+                                style={{ borderColor: color }}
+                            >
+                                <div className="absolute size-full top-0 right-0 pointer-events-none -z-[1] transition-opacity duration-150" style={{
+                                    backgroundColor: "transparent",
+                                    backgroundImage: `radial-gradient(${color} 1px, transparent 0)`,
+                                    backgroundSize: "60px 60px",
+                                    backgroundPosition: "5px",
+                                    opacity: dropZoneDragging ? .7 : .2,
+                                }}/>
+                                <BsmImage className="size-28 pointer-events-none" image={BeatImpatient}/>
+                                <span className="text-2xl font-bold pointer-events-none">{text}</span>
+                                <span className="pointer-events-none">{subtext}</span>
+                                {dialogOptions?.dialog && (
+                                    <button className="underline hover:no-underline" onClick={openDialog}>{dialogOptions?.text ?? t("drop-zone.or-browse-files")}</button>
+                                )}
+                            </div>
+                        </div>
+                    </motion.div>
+                </div>
+                ): undefined}
+            </AnimatePresence>
+            {children}
+        </div>
+    );
+}

src/renderer/components/svgs/bsm-icon.component.tsx

@@ -56,15 +56,20 @@ import { RussianIcon } from "./flags/russian-icon.component";
 import { ChineseIcon } from "./flags/chinese-icon.component";
 import { ChineseTraditionalIcon } from "./flags/chineseTraditional-icon.component";
 import { JapanIcon } from "./flags/japan-icon.component";
+import { KoreaIcon } from "./flags/korea-icon.component";
 import { ChevronTopIcon } from "./icons/chevron-top-icon.component";
 import { EyeCrossIcon } from "./icons/eye-cross-icon.component";
 import { ShortcutIcon } from "./icons/shortcut-icon.component";
 import { BackupRestoreIcon } from "./icons/backup-restore-icon.component";
 import { SongDetailDiffCharactertistic } from "shared/models/maps/song-details-cache/song-details-cache.model";
 import { CleanIcon } from "./icons/clean-icon.component";
+import { BrowseIcon } from "./icons/browse-icon.component";
+import { AddFileIcon } from "./icons/add-file-icon.component";
+import { CancelIcon } from "./icons/cancel-icon.component";
+import { WarningIcon } from "./icons/warning-icon.component";
 
 
-export type BsmIconType = SongDetailDiffCharactertistic | ("settings" | "trash" | "favorite" | "folder" | "bsNote" | "check" | "three-dots" | "twitch" | "eye" | "play" | "checkCircleIcon" | "discord" | "info" | "eye-cross" | "terminal" | "desktop" | "oculus" | "add" | "cross" | "task" | "github" | "close" | "thumbUpFill" | "timerFill" | "pause" | "twitter" | "sync" | "chevron-top" | "copy" | "steam" | "edit" | "export" | "patreon" | "search" | "bsMapDifficulty" | "link" | "unlink" | "download" | "filter" | "mee6" | "volume-up" | "volume-off" | "volume-down" | "shortcut" | "backup-restore" | "web-site" | "clean" | "fr-FR-flag" | "es-ES-flag" | "en-US-flag" | "en-EN-flag" | "de-DE-flag" | "ru-RU-flag" | "zh-CN-flag" | "zh-TW-flag" | "ja-JP-flag");
+export type BsmIconType = SongDetailDiffCharactertistic | ("settings" | "trash" | "favorite" | "folder" | "bsNote" | "check" | "three-dots" | "twitch" | "eye" | "play" | "checkCircleIcon" | "discord" | "info" | "eye-cross" | "terminal" | "desktop" | "oculus" | "add" | "cross" | "task" | "github" | "close" | "thumbUpFill" | "timerFill" | "pause" | "twitter" | "sync" | "chevron-top" | "copy" | "steam" | "edit" | "export" | "patreon" | "search" | "bsMapDifficulty" | "link" | "unlink" | "download" | "filter" | "mee6" | "volume-up" | "volume-off" | "volume-down" | "shortcut" | "backup-restore" | "web-site" | "clean" | "browse" | "add-file" | "cancel" | "warning" | "fr-FR-flag" | "es-ES-flag" | "en-US-flag" | "en-EN-flag" | "de-DE-flag" | "ru-RU-flag" | "zh-CN-flag" | "zh-TW-flag" | "ja-JP-flag" | "ko-KR-flag");
 
 export const BsmIcon = memo(({ className, icon, style }: { className?: string; icon: BsmIconType; style?: CSSProperties }) => {
     // TODO : Very ugly very messy, need to find a better way to do this
@@ -128,6 +133,9 @@ export const BsmIcon = memo(({ className, icon, style }: { className?: string; i
         if (icon === "ja-JP-flag") {
             return <JapanIcon className={className} style={style} />;
         }
+        if (icon === "ko-KR-flag"){
+            return <KoreaIcon className={className} style={style} />;
+        }
         if (icon === "task") {
             return <TaskIcon className={className} style={style} />;
         }
@@ -262,6 +270,22 @@ export const BsmIcon = memo(({ className, icon, style }: { className?: string; i
             return <CleanIcon className={className} style={style} />;
         }
 
+        if (icon === "browse") {
+            return <BrowseIcon className={className} style={style} />;
+        }
+
+        if(icon === "add-file") {
+            return <AddFileIcon className={className} style={style} />;
+        }
+
+        if(icon === "cancel"){
+            return <CancelIcon className={className} style={style} />;
+        }
+
+        if(icon === "warning"){
+            return <WarningIcon className={className} style={style} />;
+        }
+
         return <TrashIcon className={className} style={style} />;
 
 

src/renderer/components/svgs/flags/korea-icon.component.tsx

@@ -0,0 +1,14 @@
+import { createSvgIcon } from "../svg-icon.type";
+
+export const KoreaIcon = createSvgIcon((props, ref) => {
+    return (
+        <svg ref={ref} {...props} width="71" height="48" viewBox="0 0 71 48" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none">
+                <rect fill="#FFF" x=".01" y=".1" width="100%" height="100%" rx="6.64"/>
+                <path d="M10.39 14.36 16.9 4.6l1.63 1.08-6.51 9.76zm40.69-8.68 1.63-1.08 3 4.47-1.63 1.08zM12.83 16a8272 8272 0 0 1 6.51-9.76l1.62 1.08-6.51 9.76zm35.8-8.67c.53-.39 1.09-.73 1.63-1.1q3.25 4.88 6.51 9.76l-1.63 1.08a868 868 0 0 0-6.51-9.74m-26.85.52 1.63 1.08-6.51 9.76-1.63-1.08zm24.41 1.09 1.63-1.08 3 4.48-1.62 1.08c-1.02-1.5-2.01-2.99-3.01-4.48M54.6 11c.54-.36 1.07-.72 1.61-1.07l3 4.45-1.63 1.08zm-4.88 3.22 1.63-1.08 3 4.47-1.63 1.09zM15.27 29.55l1.63-1.08 6.51 9.76-1.63 1.09zm37.43-1.09 1.63 1.08-3 4.47-1.63-1.08zm-39.87 2.71 1.63-1.08 3 4.47-1.63 1.08zm42.31-1.08 1.63 1.08-3 4.47-1.63-1.09zM10.39 32.8l1.63-1.08 6.51 9.76-1.63 1.09zm47.19-1.08c.55.35 1.09.72 1.63 1.08l-3 4.47-1.63-1.09zm-8.4 2.03 1.63 1.08-3 4.47-1.63-1.08zm-32.82 2.72 1.62-1.09c1 1.48 2 3 3 4.47l-1.63 1.09zm32.27 3.38c1-1.49 2-3 3-4.47.54.37 1.09.72 1.62 1.09l-3 4.47zM54.05 37c.55.35 1.09.72 1.63 1.08l-3 4.47-1.63-1.09z" fill="#434A54"/>
+                <path d="M28.86 13.46a11.73 11.73 0 0 1 17.67 9.75 11.65 11.65 0 0 1-1.74 6.53 5.87 5.87 0 0 0-7.74-8.15 5.85 5.85 0 0 0-2.24 2 5.87 5.87 0 0 1-10.76-3.32 6.3 6.3 0 0 1 .61-2.57 11.65 11.65 0 0 1 4.2-4.24" fill="#EC5565"/>
+                <path d="M23.07 23.2a11.5 11.5 0 0 1 1.6-5.53 6.3 6.3 0 0 0-.61 2.57 5.87 5.87 0 0 0 10.76 3.32 5.87 5.87 0 0 1 10.73 3 5.93 5.93 0 0 1-.76 3.22 11.6 11.6 0 0 1-5.27 4.59 11.74 11.74 0 0 1-16.45-11.13z" fill="#4658A9"/>
+            </g>
+        </svg>
+    );
+});

src/renderer/components/svgs/icons/add-file-icon.component.tsx

@@ -0,0 +1,9 @@
+import { createSvgIcon } from "../svg-icon.type";
+
+export const AddFileIcon = createSvgIcon(( props, ref ) => {
+    return (
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+            <path d="M440-357.37v80q0 17 11.5 28.5t28.5 11.5q17 0 28.5-11.5t11.5-28.5v-80h80q17 0 28.5-11.5t11.5-28.5q0-17-11.5-28.5t-28.5-11.5h-80v-80q0-17-11.5-28.5t-28.5-11.5q-17 0-28.5 11.5t-11.5 28.5v80h-80q-17 0-28.5 11.5t-11.5 28.5q0 17 11.5 28.5t28.5 11.5h80ZM242.87-71.87q-37.78 0-64.39-26.61t-26.61-64.39v-634.26q0-37.78 26.61-64.39t64.39-26.61H525.8q18.22 0 34.72 6.84 16.5 6.83 29.18 19.51L781.78-669.7q12.68 12.68 19.51 29.18 6.84 16.5 6.84 34.72v442.93q0 37.78-26.61 64.39t-64.39 26.61H242.87Zm274.26-570.76v-154.5H242.87v634.26h474.26v-434.26h-154.5q-19.15 0-32.33-13.17-13.17-13.18-13.17-32.33Zm-274.26-154.5V-597.13v-200 634.26-634.26Z"/>
+        </svg>
+    );
+})

src/renderer/components/svgs/icons/browse-icon.component.tsx

@@ -0,0 +1,11 @@
+import { createSvgIcon } from "../svg-icon.type";
+
+export const BrowseIcon = createSvgIcon(( props, ref ) => {
+
+    return (
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+            <path d="M73.38-480q0-84.36 32.02-158.55 32.02-74.2 87.06-129.15 55.03-54.96 129.23-87.06 74.19-32.1 158.55-32.1 134.3 0 238.05 76.51t145.17 196.84q5.8 15.77-1.12 30.78-6.93 15.01-22.85 19.75-14.93 4.2-28.19-4.11-13.25-8.3-18.95-22.99-22.75-67.42-71.58-119.41-48.83-52-116.66-79.69v17.01q0 34.1-23.83 59.02-23.84 24.93-57.93 24.93h-83.87v84.11q0 16.64-12.84 27.87-12.83 11.23-29.75 11.23h-81.28v84.53h60.85q16 0 26.94 11.02 10.93 11.02 10.93 27.02v84.42h-57.2L157.96-556.35q-4.33 19.26-6.5 38.13-2.16 18.87-2.16 37.74 0 122.43 77.84 214.51 77.85 92.08 197.26 111.19 14.87 2.74 23.8 14.97 8.92 12.22 7.57 27.5-1.6 15.83-13.52 25.68-11.92 9.84-27.64 6.72-145.92-23.35-243.57-135.47Q73.38-327.5 73.38-480Zm749.37 355.88L717.04-229.17q-20.76 13.44-44.66 21.04-23.89 7.6-49.14 7.6-73.46 0-125.14-51.53-51.67-51.54-51.67-125.07 0-73.37 51.61-124.79 51.62-51.41 124.99-51.41 73.53 0 124.94 51.55 51.42 51.56 51.42 125.02 0 25.4-7.93 49.26-7.94 23.86-20.71 45.28l105.13 105.05q11.26 11.03 11.47 26.53.22 15.5-10.81 26.52-11.1 11.26-26.89 11.26-15.79 0-26.9-11.26ZM622.86-276.28q42.13 0 71.37-29.27 29.25-29.28 29.25-71.41 0-42.13-29.15-71.37-29.16-29.25-71.29-29.25-42.13 0-71.41 29.15-29.29 29.16-29.29 71.29 0 42.13 29.19 71.49 29.2 29.37 71.33 29.37Z"/>
+        </svg>
+    )
+
+});

src/renderer/components/svgs/icons/cancel-icon.component.tsx

@@ -0,0 +1,9 @@
+import { createSvgIcon } from "../svg-icon.type";
+
+export const CancelIcon = createSvgIcon((props, ref) => {
+    return (
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+            <path d="M480-421.37 592.17-309.2q11.72 11.72 29.32 11.6 17.6-.12 29.31-11.83 11.72-11.72 11.72-29.32t-11.72-29.32L538.63-480 650.8-592.17q11.72-11.72 11.72-29.32T650.8-650.8q-11.71-11.72-29.31-11.72-17.6 0-29.32 11.72L480-538.63 367.83-650.8q-11.72-11.72-29.2-11.72-17.48 0-29.2 11.72-11.71 11.71-11.71 29.31 0 17.6 11.71 29.32L421.37-480 309.2-367.83q-11.72 11.72-11.6 29.2.12 17.48 11.83 29.2 11.72 11.71 29.32 11.71t29.32-11.71L480-421.37Zm0 349.5q-84.91 0-159.35-32.1-74.43-32.1-129.51-87.17-55.07-55.08-87.17-129.51-32.1-74.44-32.1-159.35t32.1-159.35q32.1-74.43 87.17-129.51 55.08-55.07 129.51-87.17 74.44-32.1 159.35-32.1t159.35 32.1q74.43 32.1 129.51 87.17 55.07 55.08 87.17 129.51 32.1 74.44 32.1 159.35t-32.1 159.35q-32.1 74.43-87.17 129.51-55.08 55.07-129.51 87.17-74.44 32.1-159.35 32.1Zm0-91q133.04 0 225.09-92.04 92.04-92.05 92.04-225.09 0-133.04-92.04-225.09-92.05-92.04-225.09-92.04-133.04 0-225.09 92.04-92.04 92.05-92.04 225.09 0 133.04 92.04 225.09 92.05 92.04 225.09 92.04ZM480-480Z"/>
+        </svg>
+    )
+})

src/renderer/components/svgs/icons/warning-icon.component.tsx

@@ -0,0 +1,9 @@
+import { createSvgIcon } from "../svg-icon.type";
+
+export const WarningIcon = createSvgIcon((props, ref) => {
+    return (
+        <svg ref={ref} {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+            <path d="M80-78q-15 0-27-8t-19-19q-7-11-7.5-25t7.5-28l400-689q8-14 20-20t26-6q14 0 26 6t20 20l400 689q8 14 7.5 28t-7.5 25q-7 11-19 19t-27 8H80Zm401-135q22 0 37.5-15.5T534-266q0-22-15.5-37.5T481-319q-22 0-37.5 15.5T428-266q0 22 15.5 37.5T481-213Zm0-143q22 0 37.5-15.5T534-409v-98q0-22-15.5-37.5T481-560q-22 0-37.5 15.5T428-507v98q0 22 15.5 37.5T481-356Z"/>
+        </svg>
+    );
+})

src/renderer/components/version-viewer/slides/launch/launch-slide.component.tsx

@@ -1,8 +1,7 @@
-import { motion } from "framer-motion";
-import { ChangeEvent, useEffect, useState } from "react";
+import { ChangeEvent, useEffect, useMemo, useState } from "react";
 import { BsmButton } from "renderer/components/shared/bsm-button.component";
 import { useObservable } from "renderer/hooks/use-observable.hook";
-import { useTranslation } from "renderer/hooks/use-translation.hook";
+import { useTranslationV2 } from "renderer/hooks/use-translation.hook";
 import { BSLauncherService, LaunchMods } from "renderer/services/bs-launcher.service";
 import { ConfigurationService } from "renderer/services/configuration.service";
 import { BSVersion } from "shared/bs-version.interface";
@@ -15,15 +14,21 @@ import { lastValueFrom } from "rxjs";
 import { BsDownloaderService } from "renderer/services/bs-version-download/bs-downloader.service";
 import equal from "fast-deep-equal";
 import { GlowEffect } from "renderer/components/shared/glow-effect.component";
+import { cn } from "renderer/helpers/css-class.helpers";
+import { BSVersionManagerService } from "renderer/services/bs-version-manager.service";
+import { safeLt } from "shared/helpers/semver.helpers";
+import { WarningIcon } from "renderer/components/svgs/icons/warning-icon.component";
+import Tippy from "@tippyjs/react";
 
 type Props = { version: BSVersion };
 
 export function LaunchSlide({ version }: Props) {
-    const t = useTranslation();
+    const { text: t, element: te } = useTranslationV2();
 
     const configService = useService(ConfigurationService);
     const bsLauncherService = useService(BSLauncherService);
     const bsDownloader = useService(BsDownloaderService);
+    const versions = useService(BSVersionManagerService);
 
     const [oculusMode, setOculusMode] = useState(!!configService.get<boolean>(LaunchMods.OCULUS_MOD));
     const [desktopMode, setDesktopMode] = useState(!!configService.get<boolean>(LaunchMods.DESKTOP_MOD));
@@ -44,6 +49,7 @@ export function LaunchSlide({ version }: Props) {
     }, [desktopMode]);
 
     const setMode = (mode: LaunchMods, value: boolean) => {
+
         if (mode === LaunchMods.DEBUG_MOD) {
             setDebugMode(value);
         } else if (mode === LaunchMods.OCULUS_MOD) {
@@ -64,18 +70,30 @@ export function LaunchSlide({ version }: Props) {
             oculus: version.oculus ? false : oculusMode,
             desktop: desktopMode,
             debug: debugMode,
-            additionalArgs,
-            protonPath: bsLauncherService.getProtonPath(),
+            additionalArgs: advancedLaunch ? additionalArgs : [],
         });
 
         return lastValueFrom(launch$).catch(() => {});
     };
 
+    const isOutdated = useMemo(() => {
+        return safeLt(version?.BSVersion, versions.getRecommendedVersion()?.BSVersion);
+    }, [version]);
+
     return (
         <div className="w-full shrink-0 items-center relative flex flex-col justify-start">
             <div className="flex flex-col gap-3 justify-center items-center mb-5">
                 <BsmImage className="relative object-cover h-28" image={BSLogo} />
-                <h1 className="relative text-4xl font-bold italic -top-3">{version.name ? `${version.BSVersion} - ${version.name}` : version.BSVersion}</h1>
+                <h1 className="relative text-4xl font-bold italic -top-3">
+                    {version.name ? `${version.BSVersion} - ${version.name}` : version.BSVersion}
+                    {isOutdated && (
+                        <Tippy theme="default" content={te("pages.version-viewer.launch-mods.outdated-tippy", { recommendedVersion: <b>{versions.getRecommendedVersion().BSVersion}</b> })}>
+                            <span className="absolute bg-theme-1 size-7 rounded-full p-1.5 flex justify-center items-center -right-2 top-2 translate-x-full translate-y-px cursor-help">
+                                <WarningIcon className="text-warning-400 animate-pulse"/>
+                            </span>
+                        </Tippy>
+                    )}
+                </h1>
             </div>
             <div className="grid grid-flow-col gap-6">
                 {!(version.oculus || version.metadata?.store === BsStore.OCULUS) && <LaunchModToogle infoText="pages.version-viewer.launch-mods.oculus-description" icon="oculus" onClick={() => setMode(LaunchMods.OCULUS_MOD, !oculusMode)} active={oculusMode} text="pages.version-viewer.launch-mods.oculus" />}
@@ -84,9 +102,9 @@ export function LaunchSlide({ version }: Props) {
             </div>
             <div className="pt-4 w-2/3 flex flex-col items-center gap-3">
                 <div className="relative">
-                    <GlowEffect className="!rounded-full" visible={!!additionalArgsString}/>
+                    <GlowEffect className="!rounded-full" visible={!!(advancedLaunch && additionalArgsString)}/>
                     <BsmButton
-                        className="rounded-full w-fit text-lg py-1 px-7 shadow-md shadow-black bg-light-main-color-2 dark:bg-main-color-2 text-gray-800 dark:text-white"
+                        className={cn("rounded-full w-fit text-lg py-1 px-7 bg-theme-2 text-gray-800 dark:text-white", (advancedLaunch && additionalArgsString) ? "" : "shadow-md shadow-black")}
                         text="pages.version-viewer.launch-mods.advanced-launch.button"
                         withBar={false}
                         onClick={e => {
@@ -95,9 +113,9 @@ export function LaunchSlide({ version }: Props) {
                         }}
                     />
                 </div>
-                <motion.div className="bg-light-main-color-2 dark:bg-main-color-2 h-9 rounded-full overflow-hidden flex items-center justify-center" initial={{ width: "0px" }} animate={{ width: advancedLaunch ? "100%" : "0px" }}>
+                <div className="bg-light-main-color-2 dark:bg-main-color-2 h-9 rounded-full overflow-hidden flex items-center justify-center transition-all duration-100 ease-in-out w-full origin-top shadow-black shadow-sm" style={{ scale: advancedLaunch ? "100% 100%" : "0 0" }}>
                     <input className="w-[calc(100%-12px)] h-[calc(100%-12px)] bg-light-main-color-1 dark:bg-main-color-1 text-black dark:text-white rounded-full outline-none text-center" type="text" placeholder={t("pages.version-viewer.launch-mods.advanced-launch.placeholder")} value={additionalArgsString} onChange={handleAdditionalArgsChange} />
-                </motion.div>
+                </div>
             </div>
             <div className='grow flex justify-center items-center'>
                 <BsmButton
@@ -111,3 +129,5 @@ export function LaunchSlide({ version }: Props) {
         </div>
     );
 }
+
+

src/renderer/components/version-viewer/slides/mods/mods-grid.component.tsx

@@ -16,9 +16,10 @@ type Props = {
     disabled?: boolean;
     uninstallMod?: (mods: Mod) => void;
     uninstallAllMods?: () => void;
+    unselectAllMods?: () => void;
 };
 
-export function ModsGrid({ modsMap, installed, modsSelected, onModChange, moreInfoMod, onWantInfos, disabled, uninstallMod, uninstallAllMods }: Props) {
+export function ModsGrid({ modsMap, installed, modsSelected, onModChange, moreInfoMod, onWantInfos, disabled, uninstallMod, uninstallAllMods, unselectAllMods }: Props) {
 
     const [filter, setFilter] = useState("");
     const [filterEnabled, setFilterEnabled] = useState(false);
@@ -61,12 +62,15 @@ export function ModsGrid({ modsMap, installed, modsSelected, onModChange, moreIn
                 <span className="z-10 sticky flex items-center justify-end top-0 bg-inherit border-b-2 border-main-color-1 rounded-tl-md">
                     <BsmButton className="rounded-full h-6 w-6 p-[2px]" withBar={false} icon="search" onClick={handleToogleFilter} />
                 </span>
-                <span className="z-10 sticky top-0 flex items-center bg-inherit border-main-color-1 border-b-2 h-8 px-1 whitespace-nowrap">{filterEnabled ? <motion.input autoFocus className="bg-main-color-1 rounded-md h-6 px-2" initial={{ width: 0 }} animate={{ width: "250px" }} transition={{ ease: "easeInOut", duration: 0.15 }} onChange={e => handleInput(e.target.value)} /> : <span className="w-full text-center">{t("pages.version-viewer.mods.mods-grid.header-bar.name")}</span>}</span>
+                <span className="z-10 sticky top-0 flex items-center bg-inherit border-main-color-1 border-b-2 h-8 px-1 whitespace-nowrap">{filterEnabled ? <motion.input autoFocus className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md h-6 px-2" initial={{ width: 0 }} animate={{ width: "250px" }} transition={{ ease: "easeInOut", duration: 0.15 }} onChange={e => handleInput(e.target.value)} /> : <span className="w-full text-center">{t("pages.version-viewer.mods.mods-grid.header-bar.name")}</span>}</span>
                 <span className="z-10 sticky flex items-center justify-center top-0 bg-inherit border-b-2 border-main-color-1 h-8 px-2 whitespace-nowrap">{t("pages.version-viewer.mods.mods-grid.header-bar.installed")}</span>
                 <span className="z-10 sticky flex items-center justify-center top-0 bg-inherit border-b-2 border-main-color-1 h-8 px-2 whitespace-nowrap">{t("pages.version-viewer.mods.mods-grid.header-bar.latest")}</span>
                 <span className="z-10 sticky flex items-center justify-center top-0 bg-inherit border-b-2 border-main-color-1 h-8 whitespace-nowrap">{t("pages.version-viewer.mods.mods-grid.header-bar.description")}</span>
                 <span className="z-10 sticky top-0 bg-inherit border-b-2 border-main-color-1 h-8 flex justify-start items-center py-1 pl-[3px] min-w-[50px]">
-                    <BsmDropdownButton className="h-full aspect-square relative rounded-full bg-light-main-color-1 dark:bg-main-color-3" withBar={false} icon="three-dots" buttonClassName="!rounded-full !p-[2px] !bg-light-main-color-2 dark:!bg-main-color-2 hover:!bg-light-main-color-1 dark:hover:!bg-main-color-3" menuTranslationY="5px" items={[{ text: "pages.version-viewer.mods.mods-grid.header-bar.dropdown.uninstall-all", icon: "trash", onClick: () => uninstallAllMods?.() }]} />
+                    <BsmDropdownButton className="h-full aspect-square relative rounded-full bg-light-main-color-1 dark:bg-main-color-3" withBar={false} icon="three-dots" buttonClassName="!rounded-full !p-[2px] !bg-light-main-color-2 dark:!bg-main-color-2 hover:!bg-light-main-color-1 dark:hover:!bg-main-color-3" menuTranslationY="5px" items={[
+                        { text: "pages.version-viewer.mods.mods-grid.header-bar.dropdown.unselect-all", icon: "cancel", onClick: () => unselectAllMods?.() },
+                        { text: "pages.version-viewer.mods.mods-grid.header-bar.dropdown.uninstall-all", icon: "trash", onClick: () => uninstallAllMods?.() }
+                    ]} />
                 </span>
 
                 {Array.from(modsMap.keys()).map(

src/renderer/components/version-viewer/slides/mods/mods-slide.component.tsx

@@ -133,6 +133,10 @@ export function ModsSlide({ version, onDisclamerDecline }: { version: BSVersion;
         })
     };
 
+    const unselectAllMods = () => {
+        setModsSelected(() => []);
+    }
+
     const loadMods = (): Promise<void> => {
         if (os.isOffline) {
             return Promise.resolve();
@@ -209,7 +213,18 @@ export function ModsSlide({ version, onDisclamerDecline }: { version: BSVersion;
         return (
             <>
                 <div className="grow overflow-y-scroll w-full min-h-0 scrollbar-default p-0 m-0">
-                    <ModsGrid modsMap={modsAvailable} installed={modsInstalled} modsSelected={modsSelected} onModChange={handleModChange} moreInfoMod={moreInfoMod} onWantInfos={handleMoreInfo} disabled={uninstalling || installing} uninstallMod={uninstallMod} uninstallAllMods={uninstallAllMods}/>
+                    <ModsGrid
+                        modsMap={modsAvailable}
+                        installed={modsInstalled}
+                        modsSelected={modsSelected}
+                        onModChange={handleModChange}
+                        moreInfoMod={moreInfoMod}
+                        onWantInfos={handleMoreInfo}
+                        disabled={uninstalling || installing}
+                        uninstallMod={uninstallMod}
+                        uninstallAllMods={uninstallAllMods}
+                        unselectAllMods={unselectAllMods}
+                    />
                 </div>
                 <div className="shrink-0 flex items-center justify-between px-3 py-2">
                     <BsmButton className="flex items-center justify-center rounded-md px-1 h-8" text="pages.version-viewer.mods.buttons.more-infos" typeColor="cancel" withBar={false} disabled={!moreInfoMod} onClick={handleOpenMoreInfo} style={{ width: downloadWith }}/>

src/renderer/config/default-configuration.config.ts

@@ -1,17 +1,36 @@
-export const defaultConfiguration: { [key in DefaultConfigKey]: any } = {
+import { BsvSearchOrder } from "shared/models/maps/beat-saver.model";
+
+// NOTE: To refactor. Rename to LocalStorageConfigKeyValues since these are stored in the
+//   localStorage in the browser, and for readability
+export interface DefaultConfigKeyValues {
+    "first-color": string;
+    "second-color": string;
+    theme: ThemeConfig;
+    language: string;
+    supported_languages: string[];
+    default_mods: string[];
+    "default-shared-folders": string[];
+    "playlist-sort-order": BsvSearchOrder;
+    "map-sort-order": BsvSearchOrder;
+};
+
+export type DefaultConfigKey = keyof DefaultConfigKeyValues;
+
+export const defaultConfiguration: {
+    [key in DefaultConfigKey]: DefaultConfigKeyValues[key]
+} = {
     "first-color": "#3b82ff",
     "second-color": "#ff4444",
     theme: "os",
     language: window.navigator.language.length <= 2 ? `${window.navigator.language}-${window.navigator.language.toLocaleUpperCase()}` : window.navigator.language,
-    supported_languages: ["en-US", "en-EN", "fr-FR", "es-ES", "de-DE", "ru-RU", "zh-CN", "zh-TW", "ja-JP"],
+    supported_languages: ["en-US", "en-EN", "fr-FR", "es-ES", "de-DE", "ru-RU", "zh-CN", "zh-TW", "ja-JP", "ko-KR"],
     default_mods: ["SongCore", "WhyIsThereNoLeaderboard", "BeatSaverDownloader", "BeatSaverVoting", "PlaylistManager"],
     "default-shared-folders": [
         window.electron.path.join("Beat Saber_Data", "CustomLevels"),
         window.electron.path.join("Beat Saber_Data", "CustomWIPLevels"),
-        "DLC"
     ],
+    "playlist-sort-order": BsvSearchOrder.Relevance,
+    "map-sort-order": BsvSearchOrder.Relevance,
 };
 
-export type DefaultConfigKey = "first-color" | "second-color" | "theme" | "language" | "supported_languages" | "default_mods" | "default-shared-folders";
-
 export type ThemeConfig = "dark" | "light" | "os";

src/renderer/hooks/use-translation.hook.ts

@@ -1,7 +1,12 @@
 import { I18nService } from "renderer/services/i18n.service";
 import { useService } from "./use-service.hook";
 import { useObservable } from "./use-observable.hook";
+import { useConstant } from "./use-constant.hook";
+import { createElement, Fragment } from "react";
 
+/**
+ * @deprecated Use useTranslationV2 instead
+ */
 export function useTranslation(): (translationKey: string, args?: Record<string, string>) => string {
 
     const i18nService = useService(I18nService);
@@ -15,3 +20,35 @@ export function useTranslation(): (translationKey: string, args?: Record<string,
         return i18nService.translate(key, args);
     };
 }
+
+type TranslateFunctions = {
+    text: (translationKey: string, args?: Record<string, string>) => string;
+    element: (translationKey: string, args?: Record<string, JSX.Element>) => JSX.Element;
+}
+
+export function useTranslationV2(): TranslateFunctions {
+
+    const i18nService = useService(I18nService);
+
+    useObservable(() => i18nService.currentLanguage$);
+
+    const text = useConstant(() => {
+        return (key: string, args?: Record<string, string>) => {
+            if (!key) {
+                return key;
+            }
+            return i18nService.translate(key, args);
+        };
+    });
+
+    const element = useConstant(() => {
+        return (key: string, args?: Record<string, JSX.Element>) => {
+            if (!key) {
+                return createElement(Fragment, null, key);
+            }
+            return i18nService.translateElement(key, args);
+        };
+    });
+
+    return { text, element };
+}

src/renderer/pages/available-versions-list.components.tsx

@@ -12,6 +12,10 @@ import { BSVersion } from "shared/bs-version.interface";
 import { useObservable } from "renderer/hooks/use-observable.hook";
 import { BsDownloaderService } from "renderer/services/bs-version-download/bs-downloader.service";
 import { logRenderError } from "renderer";
+import { ModalExitCode, ModalService } from "renderer/services/modale.service";
+import { BSVersionOutdatedModal } from "renderer/components/modal/modal-types/bs-version-outdated-modal.component";
+import { ConfigurationService } from "renderer/services/configuration.service";
+import { safeLt } from "shared/helpers/semver.helpers";
 
 export const AvailableVersionsContext = createContext<{ selectedVersion: BSVersion; setSelectedVersion: (version: BSVersion) => void }>(null);
 
@@ -19,6 +23,8 @@ export function AvailableVersionsList() {
 
     const bsDownloader = useService(BsDownloaderService);
     const versionManager = useService(BSVersionManagerService);
+    const modals = useService(ModalService);
+    const config = useService(ConfigurationService);
 
     const [selectedVersion, setSelectedVersion] = useState<BSVersion>(null);
     const contextValue = useMemo(() => ({ selectedVersion, setSelectedVersion }), [selectedVersion]);
@@ -26,9 +32,22 @@ export function AvailableVersionsList() {
     const downloading = useObservable(() => bsDownloader.downloadingVersion$.pipe(map(v => !!v)));
     const t = useTranslation();
 
-    const startDownload = async () => {
+    const startDownload = async (version: BSVersion) => {
+        const showOutdated = !config.get("not-show-bs-version-outdated-modal");
+        const recommendedVersion = versionManager.getRecommendedVersion();
 
-        return bsDownloader.downloadVersion(selectedVersion)
+        const isVersionOutdated = safeLt(version.BSVersion, recommendedVersion?.BSVersion);
+
+        if (showOutdated && isVersionOutdated) {
+
+            const res = await modals.openModal(BSVersionOutdatedModal, {data: { outdated: version, recommended: recommendedVersion }});
+
+            if (res.exitCode !== ModalExitCode.COMPLETED) {
+                return;
+            }
+        }
+
+        return bsDownloader.downloadVersion(version)
             .catch(logRenderError)
             .finally(() => setSelectedVersion(null));
     };
@@ -56,7 +75,7 @@ export function AvailableVersionsList() {
 
             <AnimatePresence>
                 {selectedVersion && !downloading && (
-                    <motion.div initial={{ y: "150%" }} animate={{ y: "0%" }} exit={{ y: "150%" }} className="absolute bottom-5" onClick={startDownload}>
+                    <motion.div initial={{ y: "150%" }} animate={{ y: "0%" }} exit={{ y: "150%" }} className="absolute bottom-5" onClick={() => startDownload(selectedVersion)}>
                         <BsmButton text="misc.download" className="relative text-gray-800 dark:text-gray-100 rounded-md text-3xl font-bold italic tracking-wide px-3 pb-2 pt-1 shadow-md shadow-black" />
                     </motion.div>
                 )}

src/renderer/pages/settings-page.component.tsx

@@ -39,16 +39,13 @@ import { BsStore } from "shared/models/bs-store.enum";
 import { SteamIcon } from "renderer/components/svgs/icons/steam-icon.component";
 import { OculusIcon } from "renderer/components/svgs/icons/oculus-icon.component";
 import { BsDownloaderService } from "renderer/services/bs-version-download/bs-downloader.service";
-import { AutoUpdaterService } from "renderer/services/auto-updater.service";
-import BeatWaitingImg from "../../../assets/images/apngs/beat-waiting.png";
 import BeatConflict from "../../../assets/images/apngs/beat-conflict.png";
-import { logRenderError } from "renderer";
-import { BSLauncherService } from "renderer/services/bs-launcher.service";
 import { SettingToogleSwitchGrid } from "renderer/components/settings/setting-toogle-switch-grid.component";
 import { BasicModal } from "renderer/components/modal/basic-modal.component";
 import { StaticConfigurationService } from "renderer/services/static-configuration.service";
 import { tryit } from "shared/helpers/error.helpers";
 import { InstallationLocationService } from "renderer/services/installation-location.service";
+import { AutoUpdaterService } from "renderer/services/auto-updater.service";
 
 export function SettingsPage() {
 
@@ -57,7 +54,6 @@ export function SettingsPage() {
     const ipcService = useService(IpcService);
     const modalService = useService(ModalService);
     const bsDownloader = useService(BsDownloaderService);
-    const bsLauncher = useService(BSLauncherService);
     const steamDownloader = useService(SteamDownloaderService);
     const progressBarService = useService(ProgressBarService);
     const notificationService = useService(NotificationService);
@@ -67,9 +63,9 @@ export function SettingsPage() {
     const playlistsManager = useService(PlaylistsManagerService);
     const modelsManager = useService(ModelsManagerService);
     const versionLinker = useService(VersionFolderLinkerService);
-    const autoUpdater = useService(AutoUpdaterService);
     const staticConfig = useService(StaticConfigurationService);
     const installationLocationService = useService(InstallationLocationService);
+    const autoUpdater = useService(AutoUpdaterService);
 
     const { firstColor, secondColor } = useThemeColor();
 
@@ -94,7 +90,7 @@ export function SettingsPage() {
     const downloadStore = useObservable(() => bsDownloader.defaultStore$);
 
     const [installationFolder, setInstallationFolder] = useState(null);
-    const [protonPath, setProtonPath] = useState(bsLauncher.getProtonPath());
+    const [protonFolder, setProtonFolder] = useState("");
     const [showSupporters, setShowSupporters] = useState(false);
     const [mapDeepLinksEnabled, setMapDeepLinksEnabled] = useState(false);
     const [playlistsDeepLinkEnabled, setPlaylistsDeepLinkEnabled] = useState(false);
@@ -102,10 +98,7 @@ export function SettingsPage() {
     const [hasDownloaderSession, setHasDownloaderSession] = useState(false);
     const [hardwareAccelerationEnabled, setHardwareAccelerationEnabled] = useState(true);
     const [useSymlink, setUseSymlink] = useState(false);
-    const appVersion = useObservable(() => ipcService.sendV2("current-version"));
-
-    const [isChangelogAvailable, setIsChangelogAvailable] = useState(true);
-    const [changlogsLoading, setChanglogsLoading] = useState(false);
+    const appVersion = useObservable(() => autoUpdater.getAppVersion());
 
     useEffect(() => {
         loadInstallationFolder();
@@ -116,6 +109,7 @@ export function SettingsPage() {
 
         staticConfig.get("disable-hadware-acceleration").then(disabled =>setHardwareAccelerationEnabled(() => disabled !== true));
         staticConfig.get("use-symlinks").then(useSymlinks => setUseSymlink(() => useSymlinks));
+        staticConfig.get("proton-folder").then(setProtonFolder);
     }, []);
 
     const allDeepLinkEnabled = mapDeepLinksEnabled && playlistsDeepLinkEnabled && modelsDeepLinkEnabled;
@@ -162,36 +156,36 @@ export function SettingsPage() {
         i18nService.setLanguage(item.value);
     };
 
-    const handleVersionClick = async () => {
-        let isChangelogResolved = false;
-        const timeoutId = setTimeout(() => setChanglogsLoading(() => !isChangelogResolved), 100);
-
-        await autoUpdater.showChangelog(await lastValueFrom(autoUpdater.getAppVersion()))
-            .then(() => {
-                setIsChangelogAvailable(() => true);
-            })
-            .catch(err => {
-                logRenderError(err);
-                setIsChangelogAvailable(() => false);
-            })
-            .finally(() => { isChangelogResolved = true; });
-
-        setChanglogsLoading(() => false);
-        clearTimeout(timeoutId);
-    };
-
-    const setDefaultProtonPath = () => {
+    const setDefaultProtonFolder = async () => {
         if (!progressBarService.require()) {
             return;
         }
 
-        lastValueFrom(ipcService.sendV2("choose-file")).then(res => {
-            if (!res.canceled && res.filePaths?.length) {
-                const protonPath = res.filePaths[0];
-                setProtonPath(protonPath);
-                bsLauncher.setProtonPath(protonPath);
+        try {
+            const pathResponse = await lastValueFrom(ipcService.sendV2("choose-folder", {
+                parent: "home",
+                defaultPath: ".local/share/Steam/steamapps/common",
+                showHidden: true,
+        }));
+            if (
+                pathResponse.canceled
+                || !pathResponse.filePaths
+                || pathResponse.filePaths.length === 0
+            ) {
+                return;
             }
-        });
+
+            const folder = pathResponse.filePaths[0];
+            await staticConfig.set("proton-folder", folder);
+            setProtonFolder(folder);
+        } catch (error: any) {
+            notificationService.notifyError({
+                title: "pages.settings.proton-folder.errors.title",
+                desc: ["invalid-folder"].includes(error?.code)
+                    ? `pages.settings.proton-folder.errors.${error.code}`
+                    : "misc.unknown",
+            });
+        }
     };
 
     const setDefaultInstallationFolder = () => {
@@ -390,16 +384,16 @@ export function SettingsPage() {
                         <span className="block text-ellipsis overflow-hidden min-w-0" title={installationFolder}>
                             {installationFolder}
                         </span>
-                        <BsmButton onClick={setDefaultInstallationFolder} className="shrink-1 whitespace-nowrap mr-2 px-2 font-bold italic text-sm rounded-md" text="pages.settings.installation-folder.choose-folder" withBar={false} />
+                        <BsmButton onClick={setDefaultInstallationFolder} className="shrink-1 whitespace-nowrap mr-2 px-2 font-bold italic text-sm rounded-md" text="misc.choose-folder" withBar={false} />
                     </div>
                 </SettingContainer>
 
-                <SettingContainer os="linux" title="pages.settings.proton-path.title" description="pages.settings.proton-path.description">
+                <SettingContainer os="linux" title="pages.settings.proton-folder.title" description="pages.settings.proton-folder.description">
                     <div className="relative flex items-center justify-between w-full h-8 bg-light-main-color-1 dark:bg-main-color-1 rounded-md pl-2 py-1">
-                        <span className="block text-ellipsis overflow-hidden min-w-0 whitespace-nowrap" title={protonPath}>
-                            {protonPath}
+                        <span className="block text-ellipsis overflow-hidden min-w-0 whitespace-nowrap" title={protonFolder}>
+                            {protonFolder}
                         </span>
-                        <BsmButton onClick={setDefaultProtonPath} className="shrink-0 whitespace-nowrap mr-2 px-2 font-bold italic text-sm rounded-md" text="pages.settings.proton-path.choose-file" withBar={false} />
+                        <BsmButton onClick={setDefaultProtonFolder} className="shrink-0 whitespace-nowrap mr-2 px-2 font-bold italic text-sm rounded-md" text="misc.choose-folder" withBar={false} />
                     </div>
                 </SettingContainer>
 
@@ -411,7 +405,7 @@ export function SettingsPage() {
                                 <span className="font-extrabold">{t("notifications.settings.additional-content.deep-link.select-all")}</span>
                             </div>
                             <div className="flex h-full gap-2">
-                                <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={beatSaverIcon}
@@ -421,7 +415,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 rounded-md cursor-pointer"
                                         image={beastSaberIcon}
@@ -431,7 +425,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={scoreSaberIcon}
@@ -441,7 +435,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={beatleaderIcon}
@@ -451,7 +445,7 @@ export function SettingsPage() {
                                         }}
                                     />
                                 </Tippy>
-                                <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                     <BsmImage
                                         className="h-8 cursor-pointer"
                                         image={modelSaberIcon}
@@ -470,7 +464,7 @@ export function SettingsPage() {
                                     <span className="font-extrabold">{t("misc.maps")}</span>
                                 </div>
                                 <div className="flex h-full gap-2">
-                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={beatSaverIcon}
@@ -480,7 +474,7 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
-                                    <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="BeastSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 rounded-md cursor-pointer"
                                             image={beastSaberIcon}
@@ -490,7 +484,7 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
-                                    <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="ScoreSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={scoreSaberIcon}
@@ -500,7 +494,7 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
-                                    <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={beatleaderIcon}
@@ -517,8 +511,8 @@ export function SettingsPage() {
                                     <BsmCheckbox className="relative z-[1] h-5 w-5" onChange={() => tooglePlaylistsDeepLinks()} checked={playlistsDeepLinkEnabled} />
                                     <span className="font-extrabold">{t("misc.playlists")}</span>
                                 </div>
-                                <div className="flex h-full">
-                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                <div className="flex h-full gap-2">
+                                    <Tippy content="BeatSaver" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={beatSaverIcon}
@@ -528,6 +522,16 @@ export function SettingsPage() {
                                             }}
                                         />
                                     </Tippy>
+                                    <Tippy content="BeatLeader" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
+                                        <BsmImage
+                                            className="h-8 cursor-pointer"
+                                            image={beatleaderIcon}
+                                            onClick={e => {
+                                                e.stopPropagation();
+                                                linkOpener.open("https://www.beatleader.xyz/");
+                                            }}
+                                        />
+                                    </Tippy>
                                 </div>
                             </li>
                             <li className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md group-one flex justify-between items-center basis-0 py-2 px-3 cursor-pointer" onClick={() => toogleModelsDeepLinks()}>
@@ -536,7 +540,7 @@ export function SettingsPage() {
                                     <span className="font-extrabold">{t("misc.models")}</span>
                                 </div>
                                 <div className="flex h-full">
-                                    <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" arrow={false} duration={[200, 0]}>
+                                    <Tippy content="ModelSaber" placement="top" className="font-bold bg-main-color-3" theme="default" arrow={false} duration={[200, 0]}>
                                         <BsmImage
                                             className="h-8 cursor-pointer"
                                             image={modelSaberIcon}
@@ -588,12 +592,7 @@ export function SettingsPage() {
                     ]}/>
                 </SettingContainer>
 
-                <Tippy content={isChangelogAvailable ? t("pages.settings.changelogs.open") : t("pages.settings.changelogs.not-founds")} placement="left" className="font-bold bg-main-color-3">
-                    <div className="!bg-light-main-color-1 dark:!bg-main-color-1 rounded-md py-1 px-2 font-bold float-right mb-5 hover:brightness-125 h-auto w-auto">
-                        <BsmButton onClick={handleVersionClick} text={`v${appVersion}`} withBar={false} typeColor="none"/>
-                    </div>
-                </Tippy>
-                <BsmImage className={`h-7 my-auto spin-loading float-right ${changlogsLoading ? "" : "hidden"}`} image={BeatWaitingImg} loading="eager" />
+                <span className="bg-light-main-color-1 dark:bg-main-color-1 rounded-md py-1 px-2 font-bold float-right mb-5">v{appVersion}</span>
             </div>
             <SupportersView isVisible={showSupporters} setVisible={setShowSupporters} />
         </div>

src/renderer/pages/version-viewer.component.tsx

@@ -21,6 +21,9 @@ import { CreateLaunchShortcutModal } from "renderer/components/modal/modal-types
 import { lastValueFrom } from "rxjs";
 import { NotificationService } from "renderer/services/notification.service";
 import { BsDownloaderService } from "renderer/services/bs-version-download/bs-downloader.service";
+import { useOnUpdate } from "renderer/hooks/use-on-update.hook";
+import { safeLt } from "shared/helpers/semver.helpers";
+import { ConfigurationService } from "renderer/services/configuration.service";
 
 export function VersionViewer() {
 
@@ -31,11 +34,41 @@ export function VersionViewer() {
     const ipcService = useService(IpcService);
     const bsLauncher = useService(BSLauncherService);
     const notification = useService(NotificationService);
+    const config = useService(ConfigurationService);
 
     const { state } = useLocation() as { state: BSVersion };
     const navigate = useNavigate();
     const [currentTabIndex, setCurrentTabIndex] = useState(0);
 
+    useOnUpdate(() => {
+
+        checkIsVersionOutaded();
+
+    }, [state]);
+
+    const checkIsVersionOutaded = async () => {
+
+        if(config.get("not-show-bs-version-outdated-notification")){
+            return;
+        }
+
+        const recommended = bsVersionManagerService.getRecommendedVersion();
+        const isOutdated = safeLt(state.BSVersion, recommended?.BSVersion);
+
+        if(!isOutdated){
+            return;
+        }
+
+        const res = await notification.notifyWarning({ title: "notifications.bs-version-oudated.title", desc: "notifications.bs-version-oudated.msg", duration: 9000, actions: [
+            { id: "0", title: "notifications.bs-version-oudated.actions.do-not-remind" },
+            { id: "1", title: "notifications.bs-version-oudated.actions.ok", cancel: true }
+        ] });
+
+        if(res === "0"){
+            config.set("not-show-bs-version-outdated-notification", true);
+        }
+    }
+
     const navigateToVersion = (version?: BSVersion) => {
         if (!version) {
             return navigate("/available-versions");

src/renderer/preload.d.ts

@@ -1,3 +1,5 @@
+import { webUtils } from "electron";
+
 declare global {
     interface Window {
         electron: {
@@ -13,6 +15,9 @@ declare global {
                 basename: (path: string) => string;
                 join: (...args: string[]) => string;
             };
+            webUtils: {
+                getPathForFile: typeof webUtils.getPathForFile;
+            };
         };
     }
 }

src/renderer/services/auto-updater.service.ts

@@ -1,8 +1,5 @@
 import { IpcService } from "./ipc.service";
 import { ProgressBarService } from "./progress-bar.service";
-import { ModalService } from "renderer/services/modale.service";
-import { ChangelogModal } from "renderer/components/modal/modal-types/chabgelog-modal/changelog-modal.component";
-import { ConfigurationService } from "./configuration.service";
 import { Observable, lastValueFrom } from "rxjs";
 import { Progression } from "main/helpers/fs.helpers";
 
@@ -22,12 +19,6 @@ export class AutoUpdaterService {
     private progressService: ProgressBarService;
     private ipcService: IpcService;
 
-    private modal: ModalService;
-
-    private configurationService: ConfigurationService;
-
-    private cacheChangelog: Changelog;
-
     public static getInstance(): AutoUpdaterService {
         if (!AutoUpdaterService.instance) {
             AutoUpdaterService.instance = new AutoUpdaterService();
@@ -38,8 +29,6 @@ export class AutoUpdaterService {
     private constructor() {
         this.progressService = ProgressBarService.getInstance();
         this.ipcService = IpcService.getInstance();
-        this.modal = ModalService.getInstance();
-        this.configurationService = ConfigurationService.getInstance();
     }
 
     public isUpdateAvailable(): Promise<boolean> {
@@ -64,56 +53,8 @@ export class AutoUpdaterService {
         return lastValueFrom(this.ipcService.sendV2("install-update"));
     }
 
-    public getLastAppVersion(): string {
-        return this.configurationService.get("last-app-version");
-    }
-
-    public setLastAppVersion(value : string){
-        this.configurationService.set("last-app-version", value);
-    }
-
-    private async getChangelog(): Promise<Changelog> {
-        if (this.cacheChangelog) {
-            return this.cacheChangelog;
-        }
-
-        const path = `https://raw.githubusercontent.com/Zagrios/bs-manager/master/assets/jsons/changelogs.json`
-        const response = await fetch(path);
-        if (!response.ok) {
-            throw new Error(`Failed to fetch changelogs (${response.status})`);
-        }
-
-        const data = await response.json();
-        if (!data) {
-            throw new Error(`Failed to parse changelogs`);
-        }
-
-        this.cacheChangelog = data;
-        return data;
-    }
-
-    private async getChangelogVersion(version:string): Promise<ChangelogVersion> {
-        const changelogs = await this.getChangelog();
-
-        const changelogVersion = changelogs[version];
-        if (!changelogVersion) {
-            throw new Error(`No changelog found for this version (${version})`);
-        }
-
-        return changelogVersion;
-    }
-
     public getAppVersion() : Observable<string> {
         return this.ipcService.sendV2("current-version");
     }
 
-    public async showChangelog(version:string): Promise<void>{
-            if (version.toLowerCase().includes("alpha")) {
-                throw new Error("Alpha version, skipping changelog");
-            }
-
-            const changelog = await this.getChangelogVersion(version);
-
-            this.modal.openModal(ChangelogModal, {data: changelog});
-    }
 }

src/renderer/services/bs-launcher.service.ts

@@ -23,8 +23,6 @@ export class BSLauncherService {
 
     public readonly versionRunning$: BehaviorSubject<BSVersion> = new BehaviorSubject(null);
 
-    private readonly PROTON_PATH_KEY = "protonPath";
-
     public static getInstance(){
         if(!BSLauncherService.instance){ BSLauncherService.instance = new BSLauncherService(); }
         return BSLauncherService.instance;
@@ -38,14 +36,6 @@ export class BSLauncherService {
         this.modals = ModalService.getInstance();
     }
 
-    public setProtonPath(protonPath: string|undefined): void {
-        this.config.set(this.PROTON_PATH_KEY, protonPath);
-    }
-
-    public getProtonPath(): string|undefined {
-        return this.config.get<string>(this.PROTON_PATH_KEY);
-    }
-
     private notRewindBackupOculus(): boolean{
         return this.config.get<boolean>("not-rewind-backup-oculus");
     }
@@ -93,7 +83,6 @@ export class BSLauncherService {
     }
 
     public doLaunch(launchOptions: LaunchOption): Observable<BSLaunchEventData>{
-        launchOptions.protonPath = this.getProtonPath();
         return this.ipcService.sendV2("bs-launch.launch", launchOptions);
     }