84 lines
2.2 KiB
TypeScript
84 lines
2.2 KiB
TypeScript
|
import { shuffleArray } from '$lib/utils';
|
||
|
|
import { nanoid } from 'nanoid';
|
||
|
|
import type { PageServerLoad } from './$types';
|
||
|
|
import type { AlbumSolveState } from '$lib/types';
|
||
|
|
import { albumState } from '$lib/server/AlbumState.svelte';
|
||
|
|
import { playerState } from '$lib/server/PlayerState.svelte';
|
||
|
|
import { invalidateAll } from '$app/navigation';
|
||
|
|
|
||
|
|
const count = 3;
|
||
|
|
export const load: PageServerLoad = async ({ fetch, locals }) => {
|
||
|
|
const { session } = locals;
|
||
|
|
|
||
|
|
if (!session?.data?.userId) {
|
||
|
|
await session.setData({ userId: nanoid() });
|
||
|
|
await session.save();
|
||
|
|
}
|
||
|
|
|
||
|
|
const user = session.data.userId;
|
||
|
|
let stage = playerState.getStage(user);
|
||
|
|
|
||
|
|
if (!stage) {
|
||
|
|
playerState.newPlayer(user);
|
||
|
|
stage = playerState.getStage(user);
|
||
|
|
}
|
||
|
|
|
||
|
|
const highscore = playerState.getHighscore(user);
|
||
|
|
|
||
|
|
const albumData = await fetch(`/api/getAlbums/${count}`)
|
||
|
|
.then((res) => {
|
||
|
|
return res.json();
|
||
|
|
})
|
||
|
|
.then((data) => {
|
||
|
|
return data;
|
||
|
|
});
|
||
|
|
|
||
|
|
const albumNames = albumData.albums.map((album) => ({ id: nanoid(), value: album.name }));
|
||
|
|
const albumImages = albumData.albums.map((album) => ({
|
||
|
|
id: nanoid(),
|
||
|
|
value: album.images.at(0).url
|
||
|
|
}));
|
||
|
|
const albumArtists = albumData.albums.map((album) => ({
|
||
|
|
id: nanoid(),
|
||
|
|
value: album.artists.map((artist) => artist.name).join(', ')
|
||
|
|
}));
|
||
|
|
|
||
|
|
return {
|
||
|
|
names: shuffleArray(albumNames),
|
||
|
|
images: shuffleArray(albumImages),
|
||
|
|
artists: shuffleArray(albumArtists),
|
||
|
|
stage: stage,
|
||
|
|
highscore: highscore
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
export const actions = {
|
||
|
|
default: async ({ request, locals }) => {
|
||
|
|
const { session } = locals; // you can access `locals.session`
|
||
|
|
|
||
|
|
if (!session?.data?.userId) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const user = session.data.userId;
|
||
|
|
const data = await request.formData();
|
||
|
|
|
||
|
|
const state: AlbumSolveState[] = [];
|
||
|
|
|
||
|
|
for (let i = 0; i < count; i++) {
|
||
|
|
const name = data.get(`names_${i}`);
|
||
|
|
const image = data.get(`images_${i}`);
|
||
|
|
const artists = data.get(`artists_${i}`);
|
||
|
|
|
||
|
|
const artistList = artists.split(', ');
|
||
|
|
|
||
|
|
state.push({ name: name, imageUrl: image, artists: artistList });
|
||
|
|
}
|
||
|
|
|
||
|
|
const solved = albumState.checkSolve(state);
|
||
|
|
|
||
|
|
playerState.score(user, solved);
|
||
|
|
return { loading: false };
|
||
|
|
}
|
||
|
|
};
|