sta.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <link href="https://huntingstats378.github.io/HuntingStats378/main/assets/ess/odometer.css" rel="stylesheet">
  <script src="https://huntingstats378.github.io/HuntingStats378/main/assets/ess/odometer.js"></script>
  <title>Live XP Counter</title>
  <style>
    body {
      background-color: #111;
      color: #fff;
      font-family: Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      text-align: center;
    }
    h1 {
      color: #E65724;
      font-size: 3rem;
    }
    #xpCounter {
      font-size: 100px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1 id="name">Live XP Counter</h1>
  <div class="odometer" id="xpCounter">Loading...</div>

  <script>
const BASE_URL = "https://huntingstats378.onrender.com/corsproxy?url=https://api.lurkr.gg/v2/levels/1150096734576451614";
let currentPage = 1;

function getAvatarURL(user) {
  if (!user.user.avatar || !user.userId) return "./default.png";
  const isGif = user.user.avatar.startsWith("a_");
  const extension = isGif ? "gif" : "png";
  return `https://cdn.discordapp.com/avatars/${user.userId}/${user.user.avatar}.${extension}`;
}

function getUserIdFromURL() {
  const params = new URLSearchParams(window.location.search);
  return params.get("id");
}

async function fetchUserFromPage(userId, page) {
  const url = `${BASE_URL}?page=${page}`;
  const response = await fetch(url);
  const data = await response.json();
  if (!data.levels || data.levels.length === 0) return null;

  const userData = data.levels.find(u => u.userId === userId);
  return userData || null;
}

async function fetchUserXP() {
  const userId = getUserIdFromURL();
  if (!userId) {
    document.getElementById("xpCounter").innerText = "Missing user ID in URL (?id=...)";
    return;
  }

  try {
    let user = null;
    let page = 1;

    while (!user) {
      user = await fetchUserFromPage(userId, page);
      if (!user) {
        page++;
        // Stop after 10 pages to avoid infinite loops
        if (page > 10) break;
      }
    }

    if (user) {
      document.getElementById("name").innerText = user.user.username;
      document.getElementById("xpCounter").innerText = user.xp.toLocaleString();
      const avatarImg = document.getElementById("avatarImg");
      if (avatarImg) {
        avatarImg.src = getAvatarURL(user);
        avatarImg.onerror = () => {
          avatarImg.onerror = null;
          avatarImg.src = "./default.png";
        };
      }
    } else {
      document.getElementById("xpCounter").innerText = "User not found in top leaderboard pages.";
    }
  } catch (error) {
    document.getElementById("xpCounter").innerText = "Error loading XP";
    console.error("Error fetching XP:", error);
  }
}

fetchUserXP();
setInterval(fetchUserXP, 60000);
  </script>
</body>
</html>