Swap online players API

cohstats · Dec 12, 2024 · a6965d6 · a6965d6
1 parent e958d90
commit a6965d6
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 93 deletions.
diff --git a/__tests__/pages/api/onlineSteamPlayers.test.ts b/__tests__/pages/api/onlineSteamPlayers.test.ts
diff --git a/components/online-players.tsx b/components/online-players.tsx
@@ -1,5 +1,6 @@
 import { Badge, Flex, Tooltip } from "@mantine/core";
 import React, { useEffect, useState } from "react";
+import { getNumberOfOnlinePlayersSteamUrl } from "../src/apis/steam-api";
 
 export const OnlinePlayers: React.FC = () => {
   const [onlinePlayersData, setOnlinePlayersData] = useState<null | {
@@ -15,8 +16,13 @@ export const OnlinePlayers: React.FC = () => {
             onlinePlayersData.timeStampMs < new Date().getTime() - 1000 * 60 * 4) ||
           !onlinePlayersData
         ) {
-          const fetchData = await fetch("/api/onlineSteamPlayers");
-          setOnlinePlayersData(await fetchData.json());
+          const fetchData = await fetch(getNumberOfOnlinePlayersSteamUrl());
+          // reader header last-modified:
+          const data = await fetchData.json();
+          setOnlinePlayersData({
+            playerCount: data.response.player_count,
+            timeStampMs: new Date(fetchData.headers.get("last-modified") || "").getTime(),
+          });
         }
 
         // Update the data every 5 minutes
@@ -28,10 +34,13 @@ export const OnlinePlayers: React.FC = () => {
                   onlinePlayersData.timeStampMs < new Date().getTime() - 1000 * 60 * 4) ||
                 !onlinePlayersData
               ) {
-                const fetchData = await fetch("/api/onlineSteamPlayers");
+                const fetchData = await fetch(getNumberOfOnlinePlayersSteamUrl());
                 const data = await fetchData.json();
-                if (data && data.playerCount > 0) {
-                  setOnlinePlayersData(data);
+                if (data && data.player_count > 0) {
+                  setOnlinePlayersData({
+                    playerCount: data.response.player_count,
+                    timeStampMs: new Date(fetchData.headers.get("last-modified") || "").getTime(),
+                  });
                 }
               }
             } catch (e) {

diff --git a/pages/api/onlineSteamPlayers.ts b/pages/api/onlineSteamPlayers.ts
diff --git a/src/apis/steam-api.ts b/src/apis/steam-api.ts
@@ -1,6 +1,8 @@
 import { logger } from "../logger";
 
 const baseUrl = "https://api.steampowered.com/";
+const baseUrlProxied = "https://steam.coh3stats.com/";
+
 const COH3_STEAM_APP_ID = 1677280;
 
 const steamImagesBaseUrl = "https://clan.cloudflare.steamstatic.com/images";
@@ -21,7 +23,9 @@ export type COH3SteamNewsType = {
 };
 
 const getNumberOfOnlinePlayersSteamUrl = (appId: number | string = COH3_STEAM_APP_ID) => {
-  return encodeURI(`${baseUrl}ISteamUserStats/GetNumberOfCurrentPlayers/v1/?appid=${appId}`);
+  return encodeURI(
+    `${baseUrlProxied}ISteamUserStats/GetNumberOfCurrentPlayers/v1/?appid=${appId}`,
+  );
 };
 
 const getCOH3SteamNewsUrl = (count: number = 20) => {