monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-12-18 22:19:05 +08:00
Code Issues Projects Releases Packages Wiki Activity

impr: remember last opened leaderboard in local storage (@fehmer) (#6304)

Browse source
This commit is contained in:
Christian Fehmer 2025-02-24 12:21:12 +01:00 • committed by GitHub
parent 566ec04162
commit 5acdc6d364
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 32 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
frontend/src/ts/pages/leaderboards.ts
View file

@ -6,7 +6,11 @@ import {
} from "@monkeytype/contracts/schemas/leaderboards";
import { capitalizeFirstLetter } from "../utils/strings";
import Ape from "../ape";
import { Mode } from "@monkeytype/contracts/schemas/shared";
import {
Mode,
Mode2Schema,
ModeSchema,
} from "@monkeytype/contracts/schemas/shared";
import * as Notifications from "../elements/notifications";
import Format from "../utils/format";
import { Auth, isAuthenticated } from "../firebase";
@ -28,9 +32,13 @@ import {
getStartOfDayTimestamp,
} from "@monkeytype/util/date-and-time";
import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
import { z } from "zod";
import { LocalStorageWithSchema } from "../utils/local-storage-with-schema";
import { LanguageSchema } from "@monkeytype/contracts/schemas/util";
// import * as ServerConfiguration from "../ape/server-configuration";
type LeaderboardType = "allTime" | "weekly" | "daily";
const LeaderboardTypeSchema = z.enum(["allTime", "weekly", "daily"]);
type LeaderboardType = z.infer<typeof LeaderboardTypeSchema>;
type AllTimeState = {
type: "allTime";
@ -87,6 +95,21 @@ const state = {
scrollToUserAfterFill: false,
} as State;
const SelectorSchema = z.object({
type: LeaderboardTypeSchema,
mode: ModeSchema.optional(),
mode2: Mode2Schema.optional(),
language: LanguageSchema.optional(),
yesterday: z.boolean().optional(),
lastWeek: z.boolean().optional(),
});
const selectorLS = new LocalStorageWithSchema({
key: "leaderboardSelector",
schema: SelectorSchema,
fallback: { type: "allTime", mode: "time", mode2: "15" },
});
function updateTitle(): void {
const type =
state.type === "allTime"
@ -1140,11 +1163,18 @@ function updateGetParameters(): void {
const newUrl = `${window.location.pathname}?${params.toString()}`;
window.history.replaceState({}, "", newUrl);
selectorLS.set(state);
}
function readGetParameters(): void {
const params = new URLSearchParams(window.location.search);
if (params.size == 0) {
Object.assign(state, selectorLS.get());
return;
}
const type = params.get("type") as "allTime" | "weekly" | "daily";
if (type) {
state.type = type;