Merge pull request #1 from FabulousCodingFox/feat/save-editor

Feat/save editor

Author: FabulousCodingFox

messages/de.json

@@ -7,30 +7,9 @@
   "theme_dark": "Dunkles Design",
   "page_save_title": "Spielstand-Editor",
   "page_save_description": "Bearbeite No Man's Sky Spielstände. Lade eine save.hg-Datei hoch.",
-  "page_save_warning_notimplemented_title": "Noch nicht verfügbar",
-  "page_save_warning_notimplemented_description": "Der Spielstand-Editor ist noch in Arbeit.",
   "page_account_title": "Konto-Editor",
   "page_account_description": "Verwalte Expeditions-Belohnungen, Twitch-Drops und Plattform-Boni. Lade deine Konto-Datei hoch.",
-  "page_account_draganddrop_title": "Zum Hochladen klicken oder Datei hierher ziehen",
-  "page_account_error_uploadmultiplefiles_title": "Mehrere Dateien erkannt",
-  "page_account_error_uploadmultiplefiles_description": "Bitte nur eine Datei hochladen.",
-  "page_account_error_invalidfile_title": "Ungültige Datei",
-  "page_account_error_invalidfile_description": "Bitte eine gültige .hg-Datei hochladen.",
-  "page_account_error_filesize_title": "Datei zu groß",
-  "page_account_error_filesize_description": "Maximale Größe: {maxSize}MB.",
-  "page_account_error_nofile_title": "Keine Datei",
-  "page_account_error_nofile_description": "Bitte wähle eine Datei aus.",
-  "page_account_error_filetype_title": "Ungültiger Typ",
-  "page_account_error_filetype_description": "Bitte eine .hg-Datei hochladen.",
-  "page_account_error_corrupted_title": "Datei beschädigt",
-  "page_account_error_corrupted_description": "Die Datei ist fehlerhaft oder hat ein ungültiges Format.",
-  "page_account_error_download_title": "Download fehlgeschlagen",
-  "page_account_error_download_description": "Kontodaten konnten nicht exportiert werden.",
-  "page_account_toast_loading_title": "Lädt...",
-  "page_account_toast_loading_description": "Datei wird verarbeitet.",
-  "page_account_toast_uploadsuccess_title": "Verarbeitung abgeschlossen",
-  "page_account_toast_uploadsuccess_description": "Datei erfolgreich verarbeitet.",
-  "page_account_export": "Kontodaten exportieren",
+  "page_account_tab_start": "Start",
   "page_account_tab_season_rewards": "Expeditions-Belohnungen",
   "page_account_tab_twitch_rewards": "Twitch-Belohnungen",
   "page_account_tab_platform_rewards": "Plattform-Belohnungen",
@@ -40,23 +19,6 @@
   "page_account_table_platform": "Plattform",
   "page_account_table_expedition": "Expedition",
   "page_account_table_drop": "Drop",
-  "page_account_success_download_title": "Download gestartet",
-  "page_account_success_download_description": "Datei wird heruntergeladen.",
-  "page_account_reset_title": "Editor zurückgesetzt",
-  "page_account_reset_description": "Neue Datei kann hochgeladen werden.",
-  "page_account_processing": "Verarbeite Datei...",
-  "page_account_upload_failed": "Upload fehlgeschlagen – erneut versuchen",
-  "page_account_file_loaded": "Datei geladen: {filename}",
-  "page_account_ready_edit": "Bereit zur Bearbeitung",
-  "page_account_load_different": "Andere Datei laden",
-  "page_account_processing_button": "Verarbeite...",
-  "page_account_location_title": "Speicherort der Kontodaten",
-  "page_account_location_description": "Die Spielstände für {gameName} liegen hier:",
-  "page_account_location_linux": "Linux (Proton):",
-  "page_account_location_windows": "Windows:",
-  "page_account_location_linux_path": "/home/<benutzername>/.steam/steam/steamapps/compatdata/275850/pfx/drive_c/users/steamuser/AppData/Roaming/HelloGames/NMS/",
-  "page_account_location_windows_path": "C:/users/<benutzername>/AppData/Roaming/HelloGames/NMS/",
-  "page_account_location_instructions": "Dort findest du die Datei {filename}, die die Kontodaten enthält.",
   "page_home_title": "Start",
   "page_home_description": "No Man's Sky Spielstand- & Konto-Editor",
   "page_home_hero_title": "Quelloffener No Man's Sky Spielstand-Editor",
@@ -66,5 +28,51 @@
   "page_home_feature_local_title": "Lokal",
   "page_home_feature_local_description": "Alle Änderungen erfolgen nur auf deinem PC.",
   "page_home_feature_ui_title": "Einfache Oberfläche",
-  "page_home_feature_ui_description": "Übersichtliches Design für schnelle Bearbeitung."
+  "page_home_feature_ui_description": "Übersichtliches Design für schnelle Bearbeitung.",
+  "upload_error_multiple_files_title": "Mehrere Dateien erkannt",
+  "upload_error_multiple_files_description": "Bitte nur eine Datei hochladen.",
+  "upload_error_no_file_title": "Keine Datei",
+  "upload_error_no_file_description": "Bitte wähle eine Datei aus.",
+  "upload_error_invalid_file_type_title": "Ungültiger Typ",
+  "upload_error_invalid_file_type_description": "Bitte eine .hg-Datei hochladen.",
+  "upload_error_file_too_large_title": "Datei zu groß",
+  "upload_error_file_too_large_description": "Maximale Größe: {maxSize}MB.",
+  "upload_error_file_corrupted_title": "Datei beschädigt",
+  "upload_error_file_corrupted_description": "Die Datei ist fehlerhaft oder hat ein ungültiges Format.",
+  "upload_loading_title": "Lädt...",
+  "upload_loading_description": "Datei wird verarbeitet.",
+  "upload_success_title": "Verarbeitung abgeschlossen",
+  "upload_success_description": "Datei erfolgreich verarbeitet.",
+  "upload_input": "Zum Hochladen klicken oder Datei hierher ziehen",
+  "upload_input_error": "Upload fehlgeschlagen – erneut versuchen",
+  "upload_input_processing": "Verarbeite Datei...",
+  "upload_location_account_title": "Speicherort der Kontodaten",
+  "upload_location_account_description": "Die Spielstände für No Man's Sky liegen hier:",
+  "upload_location_account_linux": "Linux (Proton):",
+  "upload_location_account_windows": "Windows:",
+  "upload_location_account_linux_path": "/home/<benutzername>/.steam/steam/steamapps/compatdata/275850/pfx/drive_c/users/steamuser/AppData/Roaming/HelloGames/NMS/",
+  "upload_location_account_windows_path": "C:/users/<benutzername>/AppData/Roaming/HelloGames/NMS/",
+  "upload_location_account_instructions": "Dort findest du die Datei accountdata.hg, die die Kontodaten enthält.",
+  "upload_location_save_title": "Speicherort der Spielstände",
+  "upload_location_save_description": "Die Spielstände für No Man's Sky liegen hier:",
+  "upload_location_save_linux": "Linux (Proton):",
+  "upload_location_save_windows": "Windows:",
+  "upload_location_save_linux_path": "/home/<benutzername>/.steam/steam/steamapps/compatdata/275850/pfx/drive_c/users/steamuser/AppData/Roaming/HelloGames/NMS/",
+  "upload_location_save_windows_path": "C:/users/<benutzername>/AppData/LocalLow/HelloGames/NMS/",
+  "upload_location_save_instructions": "Dort findest du die Datei save.hg, die deine Spielstände enthält.",
+  "fileinfo_loaded": "Datei geladen: {filename}",
+  "fileinfo_load_different": "Andere Datei laden",
+  "fileinfo_ready_edit": "Bereit zur Bearbeitung",
+  "fileinfo_load_different_success_title": "Andere Datei laden",
+  "fileinfo_load_different_success_description": "Der Editor wurde zurückgesetzt. Du kannst eine neue Datei hochladen.",
+  "fileinfo_load_different_failed_title": "Fehler",
+  "fileinfo_load_different_failed_description": "Der Editor konnte nicht zurückgesetzt werden.",
+  "export_button": "Herunterladen",
+  "export_button_processing": "Exportiere...",
+  "export_processing_title": "Exportiere...",
+  "export_processing_description": "Datei wird exportiert.",
+  "export_failed_title": "Download fehlgeschlagen",
+  "export_failed_description": "Export ist fehlgeschlagen.",
+  "export_success_title": "Download gestartet",
+  "export_success_description": "Datei wird heruntergeladen."
 }

messages/en.json

@@ -7,30 +7,9 @@
   "theme_dark": "Dark",
   "page_save_title": "Save Game Editor",
   "page_save_description": "Edit No Man's Sky save games. Upload a save.hg file.",
-  "page_save_warning_notimplemented_title": "Not available yet",
-  "page_save_warning_notimplemented_description": "The save game editor is still in development.",
   "page_account_title": "Account Editor",
   "page_account_description": "Manage expedition rewards, Twitch drops, and platform bonuses. Upload your account file.",
-  "page_account_draganddrop_title": "Click to upload or drag file here",
-  "page_account_error_uploadmultiplefiles_title": "Multiple files detected",
-  "page_account_error_uploadmultiplefiles_description": "Please upload only one file.",
-  "page_account_error_invalidfile_title": "Invalid file",
-  "page_account_error_invalidfile_description": "Please upload a valid .hg file.",
-  "page_account_error_filesize_title": "File too large",
-  "page_account_error_filesize_description": "Maximum size: {maxSize}MB.",
-  "page_account_error_nofile_title": "No file",
-  "page_account_error_nofile_description": "Please select a file to upload.",
-  "page_account_error_filetype_title": "Invalid type",
-  "page_account_error_filetype_description": "Please upload a .hg file.",
-  "page_account_error_corrupted_title": "Corrupted file",
-  "page_account_error_corrupted_description": "The file is damaged or invalid.",
-  "page_account_error_download_title": "Download failed",
-  "page_account_error_download_description": "Could not prepare account data for download.",
-  "page_account_toast_loading_title": "Loading...",
-  "page_account_toast_loading_description": "Processing file.",
-  "page_account_toast_uploadsuccess_title": "Done",
-  "page_account_toast_uploadsuccess_description": "File processed successfully.",
-  "page_account_export": "Export account data",
+  "page_account_tab_start": "Start",
   "page_account_tab_season_rewards": "Expedition rewards",
   "page_account_tab_twitch_rewards": "Twitch rewards",
   "page_account_tab_platform_rewards": "Platform rewards",
@@ -40,23 +19,6 @@
   "page_account_table_platform": "Platform",
   "page_account_table_expedition": "Expedition",
   "page_account_table_drop": "Drop",
-  "page_account_success_download_title": "Download started",
-  "page_account_success_download_description": "File is ready to download.",
-  "page_account_reset_title": "Editor reset",
-  "page_account_reset_description": "You can upload a new file.",
-  "page_account_processing": "Processing file...",
-  "page_account_upload_failed": "Upload failed – Try again",
-  "page_account_file_loaded": "File loaded: {filename}",
-  "page_account_ready_edit": "Ready to edit",
-  "page_account_load_different": "Load another file",
-  "page_account_processing_button": "Processing...",
-  "page_account_location_title": "Account data location",
-  "page_account_location_description": "{gameName} save games are located here:",
-  "page_account_location_linux": "Linux (Proton):",
-  "page_account_location_windows": "Windows:",
-  "page_account_location_linux_path": "/home/<username>/.steam/steam/steamapps/compatdata/275850/pfx/drive_c/users/steamuser/AppData/Roaming/HelloGames/NMS/",
-  "page_account_location_windows_path": "C:/users/<username>/AppData/Roaming/HelloGames/NMS/",
-  "page_account_location_instructions": "Look for {filename} in these folders. It contains the account data.",
   "page_home_title": "Home",
   "page_home_description": "No Man's Sky Save Game & Account Editor",
   "page_home_hero_title": "Open Source No Man's Sky Save Game Editor",
@@ -66,5 +28,51 @@
   "page_home_feature_local_title": "Local",
   "page_home_feature_local_description": "All edits happen only on your computer.",
   "page_home_feature_ui_title": "Simple Interface",
-  "page_home_feature_ui_description": "Clear design for easy editing."
+  "page_home_feature_ui_description": "Clear design for easy editing.",
+  "upload_error_multiple_files_title": "Multiple files detected",
+  "upload_error_multiple_files_description": "Please upload only one file.",
+  "upload_error_no_file_title": "No file",
+  "upload_error_no_file_description": "Please select a file.",
+  "upload_error_invalid_file_type_title": "Invalid type",
+  "upload_error_invalid_file_type_description": "Please upload a .hg file.",
+  "upload_error_file_too_large_title": "File too large",
+  "upload_error_file_too_large_description": "Maximum size: {maxSize}MB.",
+  "upload_error_file_corrupted_title": "Corrupted file",
+  "upload_error_file_corrupted_description": "The file is damaged or invalid.",
+  "upload_loading_title": "Loading...",
+  "upload_loading_description": "File is being processed.",
+  "upload_success_title": "Processing complete",
+  "upload_success_description": "File processed successfully.",
+  "upload_input": "Click to upload or drag file here",
+  "upload_input_error": "Upload failed – try again",
+  "upload_input_processing": "Processing file...",
+  "upload_location_account_title": "Account data location",
+  "upload_location_account_description": "No Man's Sky save games are located here:",
+  "upload_location_account_linux": "Linux (Proton):",
+  "upload_location_account_windows": "Windows:",
+  "upload_location_account_linux_path": "/home/<username>/.steam/steam/steamapps/compatdata/275850/pfx/drive_c/users/steamuser/AppData/Roaming/HelloGames/NMS/",
+  "upload_location_account_windows_path": "C:/users/<username>/AppData/Roaming/HelloGames/NMS/",
+  "upload_location_account_instructions": "Look for the accountdata.hg file in these folders. It contains the account data.",
+  "upload_location_save_title": "Save game location",
+  "upload_location_save_description": "No Man's Sky save games are located here:",
+  "upload_location_save_linux": "Linux (Proton):",
+  "upload_location_save_windows": "Windows:",
+  "upload_location_save_linux_path": "/home/<username>/.steam/steam/steamapps/compatdata/275850/pfx/drive_c/users/steamuser/AppData/Roaming/HelloGames/NMS/",
+  "upload_location_save_windows_path": "C:/users/<username>/AppData/LocalLow/HelloGames/NMS/",
+  "upload_location_save_instructions": "Look for the save.hg file in these folders. It contains the save data.",
+  "fileinfo_loaded": "File loaded: {filename}",
+  "fileinfo_load_different": "Load another file",
+  "fileinfo_ready_edit": "Ready to edit",
+  "fileinfo_load_different_success_title": "Load another file",
+  "fileinfo_load_different_success_description": "The editor has been reset. You can upload a new file.",
+  "fileinfo_load_different_failed_title": "Error",
+  "fileinfo_load_different_failed_description": "The editor could not be reset.",
+  "export_button": "Download",
+  "export_button_processing": "Exporting...",
+  "export_processing_title": "Exporting...",
+  "export_processing_description": "File is being exported.",
+  "export_failed_title": "Download failed",
+  "export_failed_description": "Export failed.",
+  "export_success_title": "Download started",
+  "export_success_description": "File is being downloaded."
 }

src/app.html

@@ -9,7 +9,7 @@
       document.documentElement.classList.toggle('light', localStorage.getItem('theme') === 'light');
     </script>
   </head>
-  <body data-sveltekit-preload-data="hover">
+  <body data-sveltekit-preload-data="hover" class="size-full pt-16">
     <div style="display: contents">%sveltekit.body%</div>
   </body>
 </html>

src/components/ExportButton.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { m } from '$lib/paraglide/messages';
+  import toast from '$lib/toast/index.svelte';
+  import { ArrowPath, DocumentArrowDown, DocumentArrowUp } from '@steeze-ui/heroicons';
+  import { Icon } from '@steeze-ui/svelte-icon';
+
+  let { callback = async () => {} }: { callback: () => Promise<void> } = $props();
+
+  let blocked = $state(false);
+
+  async function handleClick() {
+    if (blocked) return;
+    blocked = true;
+    try {
+      toast.info(m.export_processing_title(), m.export_processing_description());
+      await callback();
+      toast.success(m.export_success_title(), m.export_success_description());
+    } catch (e) {
+      toast.error(m.export_failed_title(), m.export_failed_description());
+    }
+    blocked = false;
+  }
+</script>
+
+<div class="flex flex-col gap-3 sm:flex-row sm:justify-center">
+  <button
+    onclick={handleClick}
+    disabled={blocked}
+    type="button"
+    class="flex items-center justify-center gap-x-2 rounded-md bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition-colors hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:cursor-not-allowed disabled:opacity-50"
+  >
+    {#if blocked}
+      <Icon src={ArrowPath} aria-hidden="true" class="-ml-0.5 size-5 animate-spin" />
+      {m.export_button_processing()}
+    {:else}
+      <Icon src={DocumentArrowDown} aria-hidden="true" class="-ml-0.5 size-5" />
+      {m.export_button()}
+    {/if}
+  </button>
+</div>

src/components/FileInfo.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { m } from '$lib/paraglide/messages';
+  import toast from '$lib/toast/index.svelte';
+  import { DocumentArrowUp } from '@steeze-ui/heroicons';
+  import { Icon } from '@steeze-ui/svelte-icon';
+
+  let { fileName, callback = async () => {} }: { fileName: string; callback: () => Promise<void> } = $props();
+
+  let blocked = $state(false);
+
+  async function handleClick() {
+    if (blocked) return;
+    blocked = true;
+    try {
+      await callback();
+      toast.info(m.fileinfo_load_different_success_title(), m.fileinfo_load_different_success_description());
+    } catch (e) {
+      toast.error(m.fileinfo_load_different_failed_title(), m.fileinfo_load_different_failed_description());
+    }
+    blocked = false;
+  }
+</script>
+
+<div class="rounded-lg border border-green-200 bg-green-50 p-4 dark:border-green-800 dark:bg-green-900/20">
+  <div class="flex items-center justify-between">
+    <div class="flex items-center space-x-3">
+      <div class="flex-shrink-0">
+        <Icon src={DocumentArrowUp} class="size-5 text-green-600 dark:text-green-400" />
+      </div>
+      <div class="min-w-0 flex-1">
+        <p class="text-sm font-medium text-green-800 dark:text-green-200">
+          {m.fileinfo_loaded({ filename: fileName })}
+        </p>
+        <p class="text-sm text-green-600 dark:text-green-300">
+          {m.fileinfo_ready_edit()}
+        </p>
+      </div>
+    </div>
+    <button type="button" onclick={handleClick} disabled={blocked} class="text-sm font-medium text-green-700 hover:text-green-900 disabled:cursor-not-allowed disabled:opacity-50 dark:text-green-300 dark:hover:text-green-100">
+      {m.fileinfo_load_different()}
+    </button>
+  </div>
+</div>

src/components/Nav.svelte

@@ -21,7 +21,7 @@
   {/if}
 {/snippet}
 
-<nav class="relative bg-white dark:dark:bg-gray-800/50 dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10 light:shadow-sm">
+<nav class="fixed top-0 left-0 z-10 w-full bg-white dark:bg-gray-900 dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10 light:shadow-sm">
   <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
     <div class="flex h-16 justify-between">
       <div class="flex">
@@ -51,7 +51,7 @@
             </svg>
           </Select.Trigger>
           <Select.Portal>
-            <Select.Content class="max-h-56 overflow-auto rounded-md bg-white py-1 text-base shadow-lg outline-1 outline-black/5 sm:text-sm dark:bg-gray-800 dark:outline-white/10">
+            <Select.Content class="z-10 max-h-56 overflow-auto rounded-md bg-white py-1 text-base shadow-lg outline-1 outline-black/5 sm:text-sm dark:bg-gray-800 dark:outline-white/10">
               {#each Object.values(themes) as theme (theme.id)}
                 <Select.Item
                   value={theme.id}
@@ -96,7 +96,7 @@
             </svg>
           </Select.Trigger>
           <Select.Portal>
-            <Select.Content class="max-h-56 overflow-auto rounded-md bg-white py-1 text-base shadow-lg outline-1 outline-black/5 sm:text-sm dark:bg-gray-800 dark:outline-white/10">
+            <Select.Content class="z-10 max-h-56 overflow-auto rounded-md bg-white py-1 text-base shadow-lg outline-1 outline-black/5 sm:text-sm dark:bg-gray-800 dark:outline-white/10">
               {#each Object.values(languages) as lang (lang.id)}
                 <Select.Item
                   value={lang.id}