Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

auto refresh the player data when claiming a profile
Some checks are pending
Deploy Website / deploy (push) Waiting to run
Details
Deploy Backend / deploy (push) Successful in 3m33s
Details

Browse Source
This commit is contained in:
Lee 2024-10-09 15:18:42 +01:00
parent 580665b2f6
commit 094e030f11
4 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/common/src/types/player/impl/scoresaber-player.ts
View File

@ -97,7 +97,9 @@ export async function getScoreSaberPlayerFromToken(
const { statistics: history } = await ky const { statistics: history } = await ky
.get<{ .get<{
statistics: { [key: string]: PlayerHistory }; statistics: { [key: string]: PlayerHistory };
}>(`${apiUrl}/player/history/${token.id}${playerIdCookie == token.id ? "?createIfMissing=true" : ""}`) }>(
`${apiUrl}/player/history/${token.id}${playerIdCookie && playerIdCookie == token.id ? "?createIfMissing=true" : ""}`
)
.json(); .json();
if (history === undefined || Object.entries(history).length === 0) { if (history === undefined || Object.entries(history).length === 0) {
console.log("Player has no history, using fallback"); console.log("Player has no history, using fallback");

5
projects/website/src/app/(pages)/player/[...slug]/page.tsx
View File

@ -11,7 +11,7 @@ import { scoresaberService } from "@ssr/common/service/impl/scoresaber";
import ScoreSaberPlayerScoresPageToken from "@ssr/common/types/token/scoresaber/score-saber-player-scores-page-token"; import ScoreSaberPlayerScoresPageToken from "@ssr/common/types/token/scoresaber/score-saber-player-scores-page-token";
import { getScoreSaberPlayerFromToken } from "@ssr/common/types/player/impl/scoresaber-player"; import { getScoreSaberPlayerFromToken } from "@ssr/common/types/player/impl/scoresaber-player";
import { config } from "../../../../../config"; import { config } from "../../../../../config";
import { getPlayerIdCookie } from "@/common/website-utils"; import { cookies } from "next/headers";
const UNKNOWN_PLAYER = { const UNKNOWN_PLAYER = {
title: "ScoreSaber Reloaded - Unknown Player", title: "ScoreSaber Reloaded - Unknown Player",
@ -42,7 +42,8 @@ const getPlayerData = cache(async ({ params }: Props, fetchScores: boolean = tru
const search = (slug[3] as string) || ""; // The search query const search = (slug[3] as string) || ""; // The search query
const playerToken = await scoresaberService.lookupPlayer(id); const playerToken = await scoresaberService.lookupPlayer(id);
const player = playerToken && (await getScoreSaberPlayerFromToken(playerToken, config.siteApi, getPlayerIdCookie())); const player =
playerToken && (await getScoreSaberPlayerFromToken(playerToken, config.siteApi, cookies().get("playerId")?.value));
let scores: ScoreSaberPlayerScoresPageToken | undefined; let scores: ScoreSaberPlayerScoresPageToken | undefined;
if (fetchScores) { if (fetchScores) {
scores = await scoresaberService.lookupPlayerScores({ scores = await scoresaberService.lookupPlayerScores({

3
projects/website/src/components/player/claim-profile.tsx
View File

@ -7,6 +7,8 @@ import useDatabase from "../../hooks/use-database";
import { useToast } from "@/hooks/use-toast"; import { useToast } from "@/hooks/use-toast";
import Tooltip from "../tooltip"; import Tooltip from "../tooltip";
import { Button } from "../ui/button"; import { Button } from "../ui/button";
import { router } from "next/client";
import { revalidatePath } from "next/cache";
type Props = { type Props = {
/** /**
@ -32,6 +34,7 @@ export default function ClaimProfile({ playerId }: Props) {
title: "Profile Claimed", title: "Profile Claimed",
description: "You have claimed this profile.", description: "You have claimed this profile.",
}); });
revalidatePath("/player/[...slug]");
} }
if (settings?.playerId == playerId || settings == undefined) { if (settings?.playerId == playerId || settings == undefined) {

7
projects/website/src/components/player/player-data.tsx
View File

@ -16,6 +16,9 @@ import { ScoreSort } from "@ssr/common/types/score/score-sort";
import { scoresaberService } from "@ssr/common/service/impl/scoresaber"; import { scoresaberService } from "@ssr/common/service/impl/scoresaber";
import { config } from "../../../config"; import { config } from "../../../config";
import { getPlayerIdCookie } from "@/common/website-utils"; import { getPlayerIdCookie } from "@/common/website-utils";
import { useGetPlayerIdCookie } from "@/hooks/use-player-id-cookie";
import useDatabase from "@/hooks/use-database";
import { useLiveQuery } from "dexie-react-hooks";
type Props = { type Props = {
initialPlayerData: ScoreSaberPlayer; initialPlayerData: ScoreSaberPlayer;
@ -35,10 +38,12 @@ export default function PlayerData({
const isMobile = useIsMobile(); const isMobile = useIsMobile();
const miniRankingsRef = useRef<HTMLDivElement>(null); const miniRankingsRef = useRef<HTMLDivElement>(null);
const isMiniRankingsVisible = useIsVisible(miniRankingsRef); const isMiniRankingsVisible = useIsVisible(miniRankingsRef);
const database = useDatabase();
const settings = useLiveQuery(() => database.getSettings());
let player = initialPlayerData; let player = initialPlayerData;
const { data, isLoading, isError } = useQuery({ const { data, isLoading, isError } = useQuery({
queryKey: ["player", player.id], queryKey: ["playerData", player.id, settings?.playerId],
queryFn: async (): Promise<ScoreSaberPlayer | undefined> => { queryFn: async (): Promise<ScoreSaberPlayer | undefined> => {
const playerResponse = await scoresaberService.lookupPlayer(player.id); const playerResponse = await scoresaberService.lookupPlayer(player.id);
if (playerResponse == undefined) { if (playerResponse == undefined) {