Add files via upload

GUI/js/players.js

@@ -0,0 +1,154 @@
+
+const API_URL = 'http://3.10.208.30/api';
+let updateInterval = null;
+let currentUserId = null;
+
+export async function initPlayersCounter() {
+  setupPlayersCounter();
+  
+  if (window.electronAPI && window.electronAPI.getUserId) {
+    currentUserId = await window.electronAPI.getUserId();
+  } else {
+    console.error('Electron API not available');
+    return;
+  }
+  
+  let username = 'Player';
+  if (window.electronAPI.loadUsername) {
+    const savedUsername = await window.electronAPI.loadUsername();
+    if (savedUsername) username = savedUsername;
+  }
+  
+  await registerPlayer(username, currentUserId);
+  
+  await fetchPlayerStats();
+  startAutoUpdate();
+}
+
+function setupPlayersCounter() {
+  const counterElement = document.getElementById('playersOnlineCounter');
+  if (!counterElement) {
+    console.warn('Players counter element not found');
+  }
+}
+
+async function fetchPlayerStats() {
+  try {
+    const response = await fetch(`${API_URL}/players/stats`);
+    
+    if (!response.ok) {
+      throw new Error(`API error: ${response.status}`);
+    }
+
+    const data = await response.json();
+    updateCounterDisplay(data);
+  } catch (error) {
+    console.error('Error fetching player stats:', error);
+    updateCounterDisplay({ online: 0, peak: 0 });
+  }
+}
+
+function updateCounterDisplay(stats) {
+  const counterElement = document.getElementById('playersOnlineCounter');
+  const onlineCount = document.getElementById('onlineCount');
+
+  if (onlineCount) {
+    onlineCount.textContent = stats.online || 0;
+  }
+
+  if (counterElement) {
+    counterElement.classList.add('updated');
+    setTimeout(() => {
+      counterElement.classList.remove('updated');
+    }, 300);
+  }
+}
+
+async function registerPlayer(username, userId) {
+  try {
+    const response = await fetch(`${API_URL}/players/register`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ username, userId })
+    });
+
+    if (!response.ok) {
+      throw new Error(`Failed to register player: ${response.status}`);
+    }
+
+    const data = await response.json();
+    currentUserId = userId;
+    console.log('Player registered:', data);
+    
+    await fetchPlayerStats();
+    
+    return data;
+  } catch (error) {
+    console.error('Error registering player:', error);
+    return null;
+  }
+}
+
+async function unregisterPlayer(userId) {
+  try {
+    const response = await fetch(`${API_URL}/players/unregister`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ userId })
+    });
+
+    if (!response.ok) {
+      throw new Error(`Failed to unregister player: ${response.status}`);
+    }
+
+    const data = await response.json();
+    currentUserId = null;
+    console.log('Player unregistered:', data);
+    
+    await fetchPlayerStats();
+    
+    return data;
+  } catch (error) {
+    console.error('Error unregistering player:', error);
+    return null;
+  }
+}
+
+function startAutoUpdate() {
+  updateInterval = setInterval(async () => {
+    await fetchPlayerStats();
+    
+    if (currentUserId) {
+      const username = window.LauncherState?.username || 'Player';
+      await registerPlayer(username, currentUserId);
+    }
+  }, 3000);
+}
+
+function stopAutoUpdate() {
+  if (updateInterval) {
+    clearInterval(updateInterval);
+    updateInterval = null;
+  }
+}
+
+
+window.addEventListener('beforeunload', () => {
+  if (currentUserId) {
+    const data = JSON.stringify({ userId: currentUserId });
+    navigator.sendBeacon(`${API_URL}/players/unregister`, data);
+  }
+  stopAutoUpdate();
+});
+
+window.PlayersAPI = {
+  register: registerPlayer,
+  unregister: unregisterPlayer,
+  fetchStats: fetchPlayerStats
+};
+
+document.addEventListener('DOMContentLoaded', initPlayersCounter);