feat: Add Repair Game button, UserData backup and cache clearing (#79)

* feat: Add Repair Game functionality including UserData backup and cache clearing

* feat: Add In-App Logs Viewer and Logs Folder shortcut

* feat: Add Open Logs feature

* disable dev tools

* Fix Settings UI

* fix reorder settings section in index.html

relocated sections in settings from most used to least:
1. game options (playername, opengamedir, repair, GPUpreference)
2. player uuid management
3. discord integration rich presence
4. custom java path

---------

Co-authored-by: Fazri Gading <super.fai700@gmail.com>

GUI/js/launcher.js

@@ -23,14 +23,6 @@ export function setupLauncher() {
     javaPathInput.addEventListener('change', saveJavaPath);
   }
 
-  if (window.electronAPI && window.electronAPI.onProgressUpdate) {
-    window.electronAPI.onProgressUpdate((data) => {
-      if (!isDownloading) return;
-      if (window.LauncherUI) {
-        window.LauncherUI.updateProgress(data);
-      }
-    });
-  }
   if (window.electronAPI && window.electronAPI.onProgressUpdate) {
     window.electronAPI.onProgressUpdate((data) => {
       if (!isDownloading) return;
@@ -445,6 +437,49 @@ async function performUninstall() {
   }
 }
 
+export async function repairGame() {
+  showCustomConfirm(
+    'Are you sure you want to repair Hytale? This will reinstall the game files but keep your data (saves, screenshots, etc.).',
+    'Repair Game',
+    async () => {
+      await performRepair();
+    },
+    null,
+    'Repair',
+    'Cancel'
+  );
+}
+
+async function performRepair() {
+  if (window.LauncherUI) window.LauncherUI.showProgress();
+  if (window.LauncherUI) window.LauncherUI.updateProgress({ message: 'Repairing game...' });
+  isDownloading = true;
+
+  try {
+    if (window.electronAPI && window.electronAPI.repairGame) {
+      const result = await window.electronAPI.repairGame();
+
+      if (result.success) {
+        if (window.LauncherUI) {
+          window.LauncherUI.updateProgress({ message: 'Game repaired successfully!' });
+          setTimeout(() => {
+            window.LauncherUI.hideProgress();
+          }, 2000);
+        }
+      } else {
+        throw new Error(result.error || 'Repair failed');
+      }
+    }
+  } catch (error) {
+    if (window.LauncherUI) {
+      window.LauncherUI.updateProgress({ message: `Repair failed: ${error.message}` });
+      setTimeout(() => window.LauncherUI.hideProgress(), 3000);
+    }
+  } finally {
+    isDownloading = false;
+  }
+}
+
 function resetPlayButton() {
   isDownloading = false;
   if (playBtn) {
@@ -537,5 +572,59 @@ async function loadCustomJavaPath() {
 
 window.launch = launch;
 window.uninstallGame = uninstallGame;
+window.repairGame = repairGame;
+
+window.openLogs = async () => {
+  if (window.LauncherUI) {
+    window.LauncherUI.showPage('logs-page');
+    window.LauncherUI.setActiveNav('logs');
+  }
+  await refreshLogs();
+};
+
+window.openLogsFolder = async () => {
+  try {
+    if (window.electronAPI && window.electronAPI.openLogsFolder) {
+      await window.electronAPI.openLogsFolder();
+    }
+  } catch (error) {
+    console.error('Failed to open logs folder:', error);
+  }
+};
+
+window.refreshLogs = async () => {
+  const terminal = document.getElementById('logsTerminal');
+  if (!terminal) return;
+
+  try {
+    if (window.electronAPI && window.electronAPI.getRecentLogs) {
+      // Fetch up to MAX_LOG_LINES lines
+      const logs = await window.electronAPI.getRecentLogs(MAX_LOG_LINES);
+      if (logs) {
+        // Formatting for colors could be done here if needed
+        terminal.textContent = logs;
+        terminal.scrollTop = terminal.scrollHeight;
+      } else {
+        terminal.textContent = 'No logs available.';
+      }
+    }
+  } catch (error) {
+    terminal.textContent = 'Error loading logs: ' + error.message;
+  }
+};
+
+window.copyLogs = () => {
+  const terminal = document.getElementById('logsTerminal');
+  if (terminal) {
+    navigator.clipboard.writeText(terminal.textContent)
+      .then(() => alert('Logs copied to clipboard!'))
+      .catch(err => console.error('Failed to copy logs:', err));
+  }
+};
+
+window.repairGame = repairGame;
+
+// Constants
+const MAX_LOG_LINES = 500;
 
 document.addEventListener('DOMContentLoaded', setupLauncher);

GUI/js/logs.js

@@ -0,0 +1,96 @@
+
+// Logs Page Logic
+
+async function loadLogs() {
+    const terminal = document.getElementById('logsTerminal');
+    if (!terminal) return;
+
+    terminal.innerHTML = '<div class="text-gray-500 text-center mt-10">Loading logs...</div>';
+
+    try {
+        const logs = await window.electronAPI.getRecentLogs(500); // Fetch last 500 lines
+
+        if (logs) {
+            // Escape HTML to prevent XSS and preserve format
+            const safeLogs = logs.replace(/&/g, "&amp;")
+                .replace(/</g, "&lt;")
+                .replace(/>/g, "&gt;")
+                .replace(/"/g, "&quot;")
+                .replace(/'/g, "&#039;");
+
+            terminal.innerHTML = `<pre class="logs-content">${safeLogs}</pre>`;
+
+            // Auto scroll to bottom
+            terminal.scrollTop = terminal.scrollHeight;
+        } else {
+            terminal.innerHTML = '<div class="text-gray-500 text-center mt-10">No logs found.</div>';
+        }
+    } catch (error) {
+        console.error('Failed to load logs:', error);
+        terminal.innerHTML = `<div class="text-red-500 text-center mt-10">Error loading logs: ${error.message}</div>`;
+    }
+}
+
+async function refreshLogs() {
+    const btn = document.querySelector('button[onclick="refreshLogs()"] i');
+    if (btn) btn.classList.add('fa-spin');
+
+    await loadLogs();
+
+    if (btn) setTimeout(() => btn.classList.remove('fa-spin'), 500);
+}
+
+async function copyLogs() {
+    const terminal = document.getElementById('logsTerminal');
+    if (!terminal) return;
+
+    const content = terminal.innerText;
+    if (!content) return;
+
+    try {
+        await navigator.clipboard.writeText(content);
+
+        const btn = document.querySelector('button[onclick="copyLogs()"]');
+        const originalText = btn.innerHTML;
+
+        btn.innerHTML = '<i class="fas fa-check"></i> Copied!';
+        setTimeout(() => {
+            btn.innerHTML = originalText;
+        }, 2000);
+    } catch (err) {
+        console.error('Failed to copy logs:', err);
+    }
+}
+
+async function openLogsFolder() {
+    await window.electronAPI.openLogsFolder();
+}
+
+function openLogs() {
+    // Navigation is handled by sidebar logic, but we can trigger a refresh
+    window.LauncherUI.showPage('logs-page');
+    window.LauncherUI.setActiveNav('logs');
+    refreshLogs();
+}
+
+// Expose functions globally
+window.refreshLogs = refreshLogs;
+window.copyLogs = copyLogs;
+window.openLogsFolder = openLogsFolder;
+window.openLogs = openLogs;
+
+// Auto-load logs when the page becomes active
+const logsObserver = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+        if (mutation.target.classList.contains('active') && mutation.target.id === 'logs-page') {
+            loadLogs();
+        }
+    });
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    const logsPage = document.getElementById('logs-page');
+    if (logsPage) {
+        logsObserver.observe(logsPage, { attributes: true, attributeFilter: ['class'] });
+    }
+});

GUI/js/script.js

@@ -6,8 +6,9 @@ import './mods.js';
 import './players.js';
 import './chat.js';
 import './settings.js';
+import './logs.js';
 
-window.closeDiscordNotification = function() {
+window.closeDiscordNotification = function () {
   const notification = document.getElementById('discordNotification');
   if (notification) {
     notification.classList.add('hidden');
@@ -24,7 +25,7 @@ document.addEventListener('DOMContentLoaded', () => {
     if (!dismissed) {
       setTimeout(() => {
         notification.style.display = 'flex';
-      }, 3000); 
+      }, 3000);
     } else {
       notification.style.display = 'none';
     }
@@ -32,7 +33,7 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 
 const originalClose = window.closeDiscordNotification;
-window.closeDiscordNotification = function() {
+window.closeDiscordNotification = function () {
   localStorage.setItem('discordNotificationDismissed', 'true');
   originalClose();
 };