code002lover/game_list
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

feat: Implement game metadata caching to reduce redundant API calls for game details.

Browse Source
This commit is contained in:
code002lover 2025-12-05 11:32:26 +01:00
parent 0a526c0c57
commit b6a31e5eec
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/GameFilter.tsx
View File

@ -12,6 +12,8 @@ export function GameFilter() {
const [people, setPeople] = useState<Person[]>([]);
const [selectedPeople, setSelectedPeople] = useState<Set<string>>(new Set());
const [filteredGames, setFilteredGames] = useState<string[]>([]);
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const [metaData, _setMetaData] = useState<{ [key: string]: GameProto }>({});
useEffect(() => {
apiFetch("/api")
@ -56,11 +58,16 @@ export function GameFilter() {
.filter(([, players]) => players.size === 0)
.map(([game]) => game);
const games = game_titles.map((title) => {
return apiFetch(`/api/game/${encodeURIComponent(title)}`)
const games = game_titles.map(async (title) => {
if (metaData[title]) {
console.log("returned cached metadata");
return metaData[title];
}
return await apiFetch(`/api/game/${encodeURIComponent(title)}`)
.then((res) => res.arrayBuffer())
.then((buffer) => {
const game = GameProto.decode(new Uint8Array(buffer));
const game = GameProto.decode(new Uint8Array(buffer)) as GameProto;
metaData[title] = game;
return game;
})
.catch((err) => console.error("Failed to fetch game:", err));
@ -76,7 +83,7 @@ export function GameFilter() {
});
setFilteredGames(filteredGames.map((g) => (g as GameProto).title));
});
}, [selectedPeople, people]);
}, [selectedPeople, people, metaData]);
const togglePerson = (name: string) => {
const newSelected = new Set(selectedPeople);