fix score leaderboard staying open when switching sort/page

projects/common/src/types/player/impl/scoresaber-player.ts

@@ -4,9 +4,9 @@ import { PlayerHistory } from "../player-history";
 import ScoreSaberPlayerToken from "../../token/scoresaber/score-saber-player-token";
 import { formatDateMinimal, getDaysAgoDate, getMidnightAlignedDate } from "../../../utils/time-utils";
 import { getPageFromRank } from "../../../utils/utils";
-import { getCookieValue } from "website/src/common/cookie-utils";
 import { db } from "website/src/common/database/database";
 import { isServer } from "@tanstack/react-query";
+import { getCookieValue } from "@ssr/utils/cookie-utils";
 
 /**
  * A ScoreSaber player.
@@ -107,7 +107,7 @@ export async function getScoreSaberPlayerFromToken(
       .get<{
         statistics: { [key: string]: PlayerHistory };
       }>(
-        `${apiUrl}/player/history/${token.id}${playerIdCookie && playerIdCookie == token.id ? "?createIfMissing=true" : ""}`
+        `${apiUrl}/player/history/${token.id}${playerIdCookie && playerIdCookie === token.id ? "?createIfMissing=true" : ""}`
       )
       .json();
     if (history) {

projects/common/src/utils/cookie-utils.ts

@@ -0,0 +1,47 @@
+import { isServer } from "./utils";
+
+export type CookieName = "playerId" | "lastScoreSort";
+
+/**
+ * Gets the value of a cookie
+ *
+ * @param name the name of the cookie
+ * @param defaultValue the fallback value
+ * @returns the value of the cookie, or the fallback value (undefined if no fallback value is provided)
+ */
+export async function getCookieValue(name: CookieName, defaultValue?: string): Promise<string | undefined> {
+  let value: string | undefined;
+  if (isServer()) {
+    const { cookies } = await import("next/headers");
+
+    const cookieStore = await cookies();
+    const cookieValue = cookieStore.get(name)?.value;
+    value = cookieValue ? cookieValue : defaultValue ? defaultValue : undefined;
+  } else {
+    const { get } = (await import("js-cookie")).default;
+    value = get(name) || defaultValue ? defaultValue : undefined;
+  }
+
+  return value;
+}
+
+/**
+ * Sets the value of a cookie
+ *
+ * @param name the name of the cookie
+ * @param value the value of the cookie
+ */
+export async function setCookieValue(name: CookieName, value: string) {
+  if (isServer()) {
+    const { cookies } = await import("next/headers");
+
+    const cookieStore = await cookies();
+    cookieStore.set(name, value, {
+      path: "/",
+    });
+  }
+  const { set } = (await import("js-cookie")).default;
+  set(name, value, {
+    path: "/",
+  });
+}

projects/common/src/utils/utils.ts

@@ -7,6 +7,13 @@ export function isProduction() {
   return process.env.NODE_ENV === "production";
 }
 
+/**
+ * Checks if we're running on the server
+ */
+export function isServer() {
+  return typeof window === "undefined";
+}
+
 /**
  * Delays a promise
  *