update client cors and api url

client/.env.production

@@ -1 +0,0 @@
- 

client/src/config/api.js

@@ -1 +1,19 @@
- 
+// Detect if we're running in a HF Space
+const isHfSpace =
+  window.location.hostname.endsWith(".hf.space") ||
+  window.location !== window.parent.location;
+
+// Get the base API URL based on the environment
+const API_BASE_URL = isHfSpace ? "/api" : "http://localhost:3002/api";
+
+export const API_URLS = {
+  leaderboards: `${API_BASE_URL}/leaderboards`,
+  health: `${API_BASE_URL}/health`,
+};
+
+// Export additional environment info
+export const ENV_INFO = {
+  isHfSpace,
+};
+
+export default API_URLS;

client/src/pages/LeaderboardPage/LeaderboardPage.jsx

@@ -11,6 +11,7 @@ import Logo from "../../components/Logo/Logo";
 import PageHeader from "../../components/PageHeader/PageHeader";
 import LeaderboardSection from "../../components/LeaderboardSection";
 import { alpha } from "@mui/material/styles";
+import API_URLS from "../../config/api";
 
 const LeaderboardPage = () => {
   const [leaderboards, setLeaderboards] = useState(null);
@@ -18,7 +19,7 @@ const LeaderboardPage = () => {
   const [arenaOnly, setArenaOnly] = useState(false);
 
   useEffect(() => {
-    fetch("http://localhost:3002/api/leaderboards")
+    fetch(API_URLS.leaderboards)
       .then((res) => res.json())
       .then((data) => {
         const leaderboardsArray = Array.isArray(data)

server/server.py

@@ -22,6 +22,8 @@ app.add_middleware(
     allow_origins=[
         "http://localhost:5173",  # Vite dev server
         f"http://localhost:{API_PORT}",  # API port
+        "https://huggingface.co",  # HF main domain
+        "https://*.hf.space",      # HF Spaces domains
     ],
     allow_credentials=True,
     allow_methods=["*"],