feat: Integrate CrazyGames SDK and enhance user authentication flow

- Added a caching mechanism for the CrazyGames public key to optimize API calls and reduce latency.
- Updated the Home component to call the loadingStop method immediately upon receiving a response from the CrazyGames authentication API, improving user experience.
- Modified the HeadContent component to preload the CrazyGames SDK when on the CrazyGames platform, ensuring faster script loading.
- Enhanced the formatNumber utility to remove trailing zeroes more effectively, improving number display consistency.

Author: codergautam

api/crazyAuth.js

@@ -9,6 +9,22 @@ import { getLeague } from '../components/utils/leagues.js';
 
 const USERNAME_CHANGE_COOLDOWN = 30 * 24 * 60 * 60 * 1000; // 30 days
 
+// In-memory cache for CrazyGames public key (1 hour TTL)
+let cachedPublicKey = null;
+let publicKeyCacheTime = 0;
+const PUBLIC_KEY_CACHE_TTL = 60 * 60 * 1000; // 1 hour
+
+async function getCrazyGamesPublicKey() {
+  const now = Date.now();
+  if (cachedPublicKey && (now - publicKeyCacheTime) < PUBLIC_KEY_CACHE_TTL) {
+    return cachedPublicKey;
+  }
+  const resp = await axios.get("https://sdk.crazygames.com/publicKey.json");
+  cachedPublicKey = resp.data["publicKey"];
+  publicKeyCacheTime = now;
+  return cachedPublicKey;
+}
+
 /**
  * Get extended user data (publicAccount + eloRank data) for combined response
  */
@@ -70,8 +86,7 @@ export default async function handler(req, res) {
 
   let decodedToken;
   try {
-    const resp = await axios.get("https://sdk.crazygames.com/publicKey.json");
-    const publicKey = resp.data["publicKey"];
+    const publicKey = await getCrazyGamesPublicKey();
     decodedToken = verify(token, publicKey, { algorithms: ["RS256"] });
   } catch (error) {
     return res.status(400).json({ error: 'Invalid token' });

components/headContent.js

@@ -2,7 +2,8 @@ import Head from "next/head";
 import Script from "next/script";
 import { useEffect } from "react";
 
-export default function HeadContent({text,inCoolMathGames}) {
+export default function HeadContent({ text, inCoolMathGames, inCrazyGames = false }) {
+
   useEffect(() => {
     if (!window.location.search.includes("crazygames") && !process.env.NEXT_PUBLIC_POKI &&
   !process.env.NEXT_PUBLIC_COOLMATH) {
@@ -121,6 +122,10 @@ ads.js"></script>*/
 
 {/* <link rel="preconnect" href="https://fonts.googleapis.com"/>
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> */}
+{/* Preload CrazyGames SDK when on CrazyGames platform */}
+{inCrazyGames && (
+  <link rel="preload" href="https://sdk.crazygames.com/crazygames-sdk-v3.js" as="script" />
+)}
 <link href="https://fonts.googleapis.com/css2?family=Jockey+One&display=swap" rel="stylesheet"/>
 <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap" rel="stylesheet"/>
 

components/home.js

@@ -34,7 +34,6 @@ import FriendsModal from "@/components/friendModal";
 import { toast, ToastContainer } from "react-toastify";
 import InfoModal from "@/components/infoModal";
 import { inIframe, isForbiddenIframe } from "@/components/utils/inIframe";
-import moment from 'moment-timezone';
 import MapsModal from "@/components/maps/mapsModal";
 import { useRouter } from "next/router";
 import { fromLonLat } from "ol/proj";
@@ -356,17 +355,27 @@ export default function Home({ }) {
                 const token = await window.CrazyGames.SDK.user.getUserToken();
                 if (token && user.username) {
                     // /api/crazyAuth
+                    let loadingStopCalled = false;
+                    const callLoadingStop = () => {
+                        if (loadingStopCalled) return;
+                        loadingStopCalled = true;
+                        try {
+                            window.CrazyGames.SDK.game.loadingStop();
+                        } catch (e) { }
+                    };
+
                     fetch(clientConfigData.apiUrl + "/api/crazyAuth", {
                         method: "POST",
                         headers: {
                             'Content-Type': 'application/json'
                         },
                         body: JSON.stringify({ token, username: user.username })
-                    }).then((res) => res.json()).then((data) => {
+                    }).then((res) => {
+                        // Call loadingStop immediately when response is received (before JSON parsing)
+                        callLoadingStop();
+                        return res.json();
+                    }).then((data) => {
                         console.log("crazygames auth", token, user, data)
-                        try {
-                            window.CrazyGames.SDK.game.loadingStop();
-                        } catch (e) { }
                         if (data.secret && data.username) {
                             // Store full auth data including extended fields (elo, rank, etc.)
                             setSession({ token: data })
@@ -386,9 +395,8 @@ export default function Home({ }) {
                             toast.error("CrazyGames auth failed")
                         }
                     }).catch((e) => {
-                        try {
-                            window.CrazyGames.SDK.game.loadingStop();
-                        } catch (e) { }
+                        // Call loadingStop in case of network error (where first .then() never ran)
+                        callLoadingStop();
                         console.error("crazygames auth failed", e)
                     });
 
@@ -1190,7 +1198,7 @@ export default function Home({ }) {
                         console.log("connected to ws", window.verifyPayload)
                         if (!inCrazyGames && !window.location.search.includes("crazygames")) {
 
-                            const tz = moment.tz.guess();
+                            const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
                             let secret = "not_logged_in";
                             try {
                                 const s = window.localStorage.getItem("wg_secret");

components/utils/fmtNumber.js

@@ -16,8 +16,8 @@ export default function formatNumber(number, identifyingDigits) {
 
   let formattedNumber = scaledNumber.toFixed(precision);
 
-  // Remove trailing zeroes
-  formattedNumber = formattedNumber.replace(/\.?0+$/, '');
+  // Remove trailing zeroes after decimal point (e.g., "1.50" → "1.5", "2.00" → "2")
+  formattedNumber = formattedNumber.replace(/(\.\d*?)0+$/, '$1').replace(/\.$/, '');
 
   return `${formattedNumber}${suffix}`;
 }