reaper-arcade-hub 2.0.4 → 2.0.5

package/js/app.js

@@ -765,13 +765,14 @@ class ReaperHubApp {
     const container = document.getElementById('admin-users-directory');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `<div style="text-align: center; color: #88aacc; padding: 1.5rem; font-size: 0.82rem;">No other users active yet.</div>`;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.map(u => {
+    container.innerHTML = validUsers.map(u => {
       const isSelf = u.username === this.currentUser.username;
       const currentRank = (u.rank || 'member').toLowerCase();
       const timeStr = this.formatPlaytime(u.seconds || 0);
@@ -779,7 +780,7 @@ class ReaperHubApp {
       return `
         <div style="display: flex; justify-content: space-between; align-items: center; background: #041022; padding: 0.45rem 0.75rem; border-radius: 6px; border: 1px solid var(--blue-border); font-size: 0.8rem;">
           <div>
-            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username || 'User')}</strong>
+            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username)}</strong>
             <span class="rank-pill rank-${currentRank}">${currentRank.toUpperCase()}</span>
             <span style="color: #88ccff; margin-left: 0.5rem;">Playtime: ${timeStr}</span>
           </div>
@@ -1143,7 +1144,8 @@ class ReaperHubApp {
         window.reaperFirebase.db.ref("reaperPlaytime").on("value", (snap) => {
           const val = snap.val();
           if (val) {
-            this.leaderboardData = Object.values(val);
+            const raw = Object.values(val);
+            this.leaderboardData = raw.filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon' && (u.seconds || 0) > 0);
             this.leaderboardData.sort((a, b) => (b.seconds || 0) - (a.seconds || 0));
           } else {
             this.leaderboardData = [
@@ -1176,13 +1178,18 @@ class ReaperHubApp {
     const container = document.getElementById('leaderboard-rows-container');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `
+        <div style="text-align: center; color: #88aacc; padding: 2rem; font-size: 0.85rem;">
+          No active leaderboard entries yet. Play games to earn your ranking!
+        </div>
+      `;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.slice(0, 20).map((player, idx) => {
+    container.innerHTML = validUsers.slice(0, 20).map((player, idx) => {
       const rankNum = idx + 1;
       const timeStr = this.formatPlaytime(player.seconds || 0);
       const isSelf = player.username === this.currentUser.username;

package/main/js/app.js

@@ -765,13 +765,14 @@ class ReaperHubApp {
     const container = document.getElementById('admin-users-directory');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `<div style="text-align: center; color: #88aacc; padding: 1.5rem; font-size: 0.82rem;">No other users active yet.</div>`;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.map(u => {
+    container.innerHTML = validUsers.map(u => {
       const isSelf = u.username === this.currentUser.username;
       const currentRank = (u.rank || 'member').toLowerCase();
       const timeStr = this.formatPlaytime(u.seconds || 0);
@@ -779,7 +780,7 @@ class ReaperHubApp {
       return `
         <div style="display: flex; justify-content: space-between; align-items: center; background: #041022; padding: 0.45rem 0.75rem; border-radius: 6px; border: 1px solid var(--blue-border); font-size: 0.8rem;">
           <div>
-            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username || 'User')}</strong>
+            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username)}</strong>
             <span class="rank-pill rank-${currentRank}">${currentRank.toUpperCase()}</span>
             <span style="color: #88ccff; margin-left: 0.5rem;">Playtime: ${timeStr}</span>
           </div>
@@ -1143,7 +1144,8 @@ class ReaperHubApp {
         window.reaperFirebase.db.ref("reaperPlaytime").on("value", (snap) => {
           const val = snap.val();
           if (val) {
-            this.leaderboardData = Object.values(val);
+            const raw = Object.values(val);
+            this.leaderboardData = raw.filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon' && (u.seconds || 0) > 0);
             this.leaderboardData.sort((a, b) => (b.seconds || 0) - (a.seconds || 0));
           } else {
             this.leaderboardData = [
@@ -1176,13 +1178,18 @@ class ReaperHubApp {
     const container = document.getElementById('leaderboard-rows-container');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `
+        <div style="text-align: center; color: #88aacc; padding: 2rem; font-size: 0.85rem;">
+          No active leaderboard entries yet. Play games to earn your ranking!
+        </div>
+      `;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.slice(0, 20).map((player, idx) => {
+    container.innerHTML = validUsers.slice(0, 20).map((player, idx) => {
       const rankNum = idx + 1;
       const timeStr = this.formatPlaytime(player.seconds || 0);
       const isSelf = player.username === this.currentUser.username;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaper-arcade-hub",
-  "version": "2.0.4",
-  "description": "Reaper Hub - Full High-Speed Arcade Engine (788 Games), Security Shield, HWID Gateway, Realtime Chat & DMs, Playtime Leaderboard & Working Game Launcher",
+  "version": "2.0.5",
+  "description": "Reaper Hub - Cleaned Admin Directory & Leaderboard, 788 Games, Security Shield, Gateway Key System, Realtime Chat & Working Game Engine",
   "main": "main/index.html",
   "unpkg": "main/index.html",
   "jsdelivr": "main/index.html",