Run prettier on all files

src/hooks.server.ts

@@ -3,11 +3,11 @@ import type { Handle } from '@sveltejs/kit';
 import { sveltekitSessionHandle } from 'svelte-kit-sessions';
 
 export const handle: Handle = sveltekitSessionHandle({
-  secret: SESH_SECRET
+	secret: SESH_SECRET
 });
 
 declare module 'svelte-kit-sessions' {
-  interface SessionData {
+	interface SessionData {
-    userId: string;
+		userId: string;
-  }
+	}
 }

src/lib/components/ui/alert-dialog/alert-dialog-action.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '$lib/components/ui/button/index.js';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		class: className,

src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-	import { buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from '$lib/components/ui/button/index.js';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		class: className,
@@ -12,6 +12,6 @@
 
 <AlertDialogPrimitive.Cancel
 	bind:ref
-	class={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
+	class={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}
 	{...restProps}
 />

src/lib/components/ui/alert-dialog/alert-dialog-content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive, type WithoutChild } from "bits-ui";
+	import { AlertDialog as AlertDialogPrimitive, type WithoutChild } from 'bits-ui';
-	import AlertDialogOverlay from "./alert-dialog-overlay.svelte";
+	import AlertDialogOverlay from './alert-dialog-overlay.svelte';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -18,7 +18,7 @@
 	<AlertDialogPrimitive.Content
 		bind:ref
 		class={cn(
-			"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
+			'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
 			className
 		)}
 		{...restProps}

src/lib/components/ui/alert-dialog/alert-dialog-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		class: className,
@@ -11,6 +11,6 @@
 
 <AlertDialogPrimitive.Description
 	bind:ref
-	class={cn("text-muted-foreground text-sm", className)}
+	class={cn('text-sm text-muted-foreground', className)}
 	{...restProps}
 />

src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 
 <div
 	bind:this={ref}
-	class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
+	class={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
 	{...restProps}
 >
 	{@render children?.()}

src/lib/components/ui/alert-dialog/alert-dialog-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 
 <div
 	bind:this={ref}
-	class={cn("flex flex-col space-y-2 text-center sm:text-left", className)}
+	class={cn('flex flex-col space-y-2 text-center sm:text-left', className)}
 	{...restProps}
 >
 	{@render children?.()}

src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		class: className,
@@ -12,7 +12,7 @@
 <AlertDialogPrimitive.Overlay
 	bind:ref
 	class={cn(
-		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+		'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
 		className
 	)}
 	{...restProps}

src/lib/components/ui/alert-dialog/alert-dialog-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+	import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		class: className,
@@ -12,7 +12,7 @@
 
 <AlertDialogPrimitive.Title
 	bind:ref
-	class={cn("text-lg font-semibold", className)}
+	class={cn('text-lg font-semibold', className)}
 	{level}
 	{...restProps}
 />

src/lib/components/ui/alert-dialog/index.ts

@@ -1,13 +1,13 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
 
-import Title from "./alert-dialog-title.svelte";
+import Title from './alert-dialog-title.svelte';
-import Action from "./alert-dialog-action.svelte";
+import Action from './alert-dialog-action.svelte';
-import Cancel from "./alert-dialog-cancel.svelte";
+import Cancel from './alert-dialog-cancel.svelte';
-import Footer from "./alert-dialog-footer.svelte";
+import Footer from './alert-dialog-footer.svelte';
-import Header from "./alert-dialog-header.svelte";
+import Header from './alert-dialog-header.svelte';
-import Overlay from "./alert-dialog-overlay.svelte";
+import Overlay from './alert-dialog-overlay.svelte';
-import Content from "./alert-dialog-content.svelte";
+import Content from './alert-dialog-content.svelte';
-import Description from "./alert-dialog-description.svelte";
+import Description from './alert-dialog-description.svelte';
 
 const Root = AlertDialogPrimitive.Root;
 const Trigger = AlertDialogPrimitive.Trigger;
@@ -36,5 +36,5 @@ export {
 	Trigger as AlertDialogTrigger,
 	Overlay as AlertDialogOverlay,
 	Content as AlertDialogContent,
-	Description as AlertDialogDescription,
+	Description as AlertDialogDescription
 };

src/lib/components/ui/button/button.svelte

@@ -1,36 +1,35 @@
 <script lang="ts" module>
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
+	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
-	import { type VariantProps, tv } from "tailwind-variants";
+	import { type VariantProps, tv } from 'tailwind-variants';
 
 	export const buttonVariants = tv({
-		base: "focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+		base: 'focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
 		variants: {
 			variant: {
-				default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
+				default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow',
-				destructive:
+				destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm',
-					"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",
 				outline:
-					"border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm",
+					'border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm',
-				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm",
+				secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm',
-				ghost: "hover:bg-accent hover:text-accent-foreground",
+				ghost: 'hover:bg-accent hover:text-accent-foreground',
-				link: "text-primary underline-offset-4 hover:underline",
+				link: 'text-primary underline-offset-4 hover:underline'
 			},
 			size: {
-				default: "h-9 px-4 py-2",
+				default: 'h-9 px-4 py-2',
-				sm: "h-8 rounded-md px-3 text-xs",
+				sm: 'h-8 rounded-md px-3 text-xs',
-				lg: "h-10 rounded-md px-8",
+				lg: 'h-10 rounded-md px-8',
-				icon: "h-9 w-9",
+				icon: 'h-9 w-9'
-			},
+			}
 		},
 		defaultVariants: {
-			variant: "default",
+			variant: 'default',
-			size: "default",
+			size: 'default'
-		},
+		}
 	});
 
-	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+	export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
+	export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
 
 	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
 		WithElementRef<HTMLAnchorAttributes> & {
@@ -40,27 +39,22 @@
 </script>
 
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		class: className,
-		variant = "default",
+		variant = 'default',
-		size = "default",
+		size = 'default',
 		ref = $bindable(null),
 		href = undefined,
-		type = "button",
+		type = 'button',
 		children,
 		...restProps
 	}: ButtonProps = $props();
 </script>
 
 {#if href}
-	<a
+	<a bind:this={ref} class={cn(buttonVariants({ variant, size }), className)} {href} {...restProps}>
-		bind:this={ref}
-		class={cn(buttonVariants({ variant, size }), className)}
-		{href}
-		{...restProps}
-	>
 		{@render children?.()}
 	</a>
 {:else}

src/lib/components/ui/button/index.ts

@@ -2,8 +2,8 @@ import Root, {
 	type ButtonProps,
 	type ButtonSize,
 	type ButtonVariant,
-	buttonVariants,
+	buttonVariants
-} from "./button.svelte";
+} from './button.svelte';
 
 export {
 	Root,
@@ -13,5 +13,5 @@ export {
 	buttonVariants,
 	type ButtonProps,
 	type ButtonSize,
-	type ButtonVariant,
+	type ButtonVariant
 };

src/lib/components/ui/card/card-content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} class={cn("p-6", className)} {...restProps}>
+<div bind:this={ref} class={cn('p-6', className)} {...restProps}>
 	{@render children?.()}
 </div>

src/lib/components/ui/card/card-description.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
 </script>
 
-<p bind:this={ref} class={cn("text-muted-foreground text-sm", className)} {...restProps}>
+<p bind:this={ref} class={cn('text-sm text-muted-foreground', className)} {...restProps}>
 	{@render children?.()}
 </p>

src/lib/components/ui/card/card-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} class={cn("flex items-center p-6 pt-0", className)} {...restProps}>
+<div bind:this={ref} class={cn('flex items-center p-6 pt-0', className)} {...restProps}>
 	{@render children?.()}
 </div>

src/lib/components/ui/card/card-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} class={cn("flex flex-col space-y-1.5 p-6 pb-0", className)} {...restProps}>
+<div bind:this={ref} class={cn('flex flex-col space-y-1.5 p-6 pb-0', className)} {...restProps}>
 	{@render children?.()}
 </div>

src/lib/components/ui/card/card-title.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -18,7 +18,7 @@
 	role="heading"
 	aria-level={level}
 	bind:this={ref}
-	class={cn("font-semibold leading-none tracking-tight", className)}
+	class={cn('font-semibold leading-none tracking-tight', className)}
 	{...restProps}
 >
 	{@render children?.()}

src/lib/components/ui/card/card.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef } from "bits-ui";
+	import type { WithElementRef } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 
 <div
 	bind:this={ref}
-	class={cn("bg-card text-card-foreground rounded-xl border shadow", className)}
+	class={cn('rounded-xl border bg-card text-card-foreground shadow', className)}
 	{...restProps}
 >
 	{@render children?.()}

src/lib/components/ui/card/index.ts

@@ -1,9 +1,9 @@
-import Root from "./card.svelte";
+import Root from './card.svelte';
-import Content from "./card-content.svelte";
+import Content from './card-content.svelte';
-import Description from "./card-description.svelte";
+import Description from './card-description.svelte';
-import Footer from "./card-footer.svelte";
+import Footer from './card-footer.svelte';
-import Header from "./card-header.svelte";
+import Header from './card-header.svelte';
-import Title from "./card-title.svelte";
+import Title from './card-title.svelte';
 
 export {
 	Root,
@@ -18,5 +18,5 @@ export {
 	Description as CardDescription,
 	Footer as CardFooter,
 	Header as CardHeader,
-	Title as CardTitle,
+	Title as CardTitle
 };

src/lib/components/ui/separator/index.ts

@@ -1,7 +1,7 @@
-import Root from "./separator.svelte";
+import Root from './separator.svelte';
 
 export {
 	Root,
 	//
-	Root as Separator,
+	Root as Separator
 };

src/lib/components/ui/separator/separator.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { Separator as SeparatorPrimitive } from "bits-ui";
+	import { Separator as SeparatorPrimitive } from 'bits-ui';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
 		class: className,
-		orientation = "horizontal",
+		orientation = 'horizontal',
 		...restProps
 	}: SeparatorPrimitive.RootProps = $props();
 </script>
@@ -13,8 +13,8 @@
 <SeparatorPrimitive.Root
 	bind:ref
 	class={cn(
-		"bg-border shrink-0",
+		'shrink-0 bg-border',
-		orientation === "horizontal" ? "h-[1px] w-full" : "min-h-full w-[1px]",
+		orientation === 'horizontal' ? 'h-[1px] w-full' : 'min-h-full w-[1px]',
 		className
 	)}
 	{orientation}

src/lib/components/ui/skeleton/index.ts

@@ -1,7 +1,7 @@
-import Root from "./skeleton.svelte";
+import Root from './skeleton.svelte';
 
 export {
 	Root,
 	//
-	Root as Skeleton,
+	Root as Skeleton
 };

src/lib/components/ui/skeleton/skeleton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WithElementRef, WithoutChildren } from "bits-ui";
+	import type { WithElementRef, WithoutChildren } from 'bits-ui';
-	import type { HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from "$lib/utils.js";
+	import { cn } from '$lib/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 
 <div
 	bind:this={ref}
-	class={cn("bg-primary/10 animate-pulse rounded-md", className)}
+	class={cn('animate-pulse rounded-md bg-primary/10', className)}
 	{...restProps}
 ></div>

src/lib/config.ts

@@ -5,9 +5,9 @@ export const siteName = 'Stuff.Kasterpalu';
 export const baseURL = 'https://stuff.kasterpalu.ee';
 
 export const games: GamesObj = {
-  '/pakubiiti': {
+	'/pakubiiti': {
-    name: 'Paku biiti',
+		name: 'Paku biiti',
-    image: '',
+		image: '',
-    description: 'Sorteeri kolme suvalise muusika albumi pealkiri, artistid ja pilt.'
+		description: 'Sorteeri kolme suvalise muusika albumi pealkiri, artistid ja pilt.'
-  }
+	}
 };

src/lib/server/AlbumState.svelte.ts

@@ -1,45 +1,45 @@
 import type { AlbumSolveState } from '$lib/types';
 
 class AlbumState {
-  private albums: AlbumSolveState[] | undefined = undefined;
+	private albums: AlbumSolveState[] | undefined = undefined;
 
-  setAlbums(data: AlbumSolveState[]) {
+	setAlbums(data: AlbumSolveState[]) {
-    if (!data) {
+		if (!data) {
-      return;
+			return;
-    }
+		}
 
-    this.albums = data;
+		this.albums = data;
-  }
+	}
 
-  checkSolve(data: AlbumSolveState[]) {
+	checkSolve(data: AlbumSolveState[]) {
-    if (!data || !this.albums) {
+		if (!data || !this.albums) {
-      return false;
+			return false;
-    }
+		}
 
-    for (const solve of data) {
+		for (const solve of data) {
-      const search = this.albums.filter((album) => album.name === solve.name);
+			const search = this.albums.filter((album) => album.name === solve.name);
 
-      if (!search) {
+			if (!search) {
-        return false;
+				return false;
-      }
+			}
 
-      const matching = search.at(0);
+			const matching = search.at(0);
 
-      if (!matching) {
+			if (!matching) {
-        return false;
+				return false;
-      }
+			}
 
-      if (matching.image !== solve.image) {
+			if (matching.image !== solve.image) {
-        return false;
+				return false;
-      }
+			}
 
-      if (matching.artists !== solve.artists) {
+			if (matching.artists !== solve.artists) {
-        return false;
+				return false;
-      }
+			}
-    }
+		}
 
-    return true;
+		return true;
-  }
+	}
 }
 
 export const albumState = new AlbumState();

src/lib/server/Spotify.svelte.ts

@@ -3,59 +3,59 @@ import { CLIENT_ID, CLIENT_SECRET } from '$env/static/private';
 import { getRandomSearch } from '$lib/utils';
 
 class SpotifyAPI {
-  private api = new SpotifyWebApi({
+	private api = new SpotifyWebApi({
-    clientId: CLIENT_ID,
+		clientId: CLIENT_ID,
-    clientSecret: CLIENT_SECRET
+		clientSecret: CLIENT_SECRET
-  });
+	});
-  private exiresAt: Date = $state(new Date());
+	private exiresAt: Date = $state(new Date());
 
-  async refreshAccessToken() {
+	async refreshAccessToken() {
-    // If current token is valid for at least 100ms more
+		// If current token is valid for at least 100ms more
-    if (this.exiresAt.getTime() - new Date().getTime() > 10) {
+		if (this.exiresAt.getTime() - new Date().getTime() > 10) {
-      return true;
+			return true;
-    }
+		}
 
-    return await this.api.clientCredentialsGrant().then(
+		return await this.api.clientCredentialsGrant().then(
-      (data) => {
+			(data) => {
-        if (!data.body['expires_in'] || !data.body['access_token']) {
+				if (!data.body['expires_in'] || !data.body['access_token']) {
-          return false;
+					return false;
-        }
+				}
 
-        const new_date = new Date();
+				const new_date = new Date();
-        new_date.setSeconds(new_date.getSeconds() + Number(data.body['expires_in']));
+				new_date.setSeconds(new_date.getSeconds() + Number(data.body['expires_in']));
 
-        this.exiresAt = new_date;
+				this.exiresAt = new_date;
-        this.api.setAccessToken(data.body['access_token']);
+				this.api.setAccessToken(data.body['access_token']);
 
-        return true;
+				return true;
-      },
+			},
-      function (err) {
+			function (err) {
-        console.log('Something went wrong when retrieving an access token', err);
+				console.log('Something went wrong when retrieving an access token', err);
-        return false;
+				return false;
-      }
+			}
-    );
+		);
-  }
+	}
 
-  async getRandomAlbum() {
+	async getRandomAlbum() {
-    if (!(await this.refreshAccessToken())) {
+		if (!(await this.refreshAccessToken())) {
-      return undefined;
+			return undefined;
-    }
+		}
 
-    const randomSearch = getRandomSearch();
+		const randomSearch = getRandomSearch();
-    const randomOffset = Math.floor(Math.random() * 1000);
+		const randomOffset = Math.floor(Math.random() * 1000);
 
-    return await this.api.search(randomSearch, ['album'], { limit: 1, offset: randomOffset }).then(
+		return await this.api.search(randomSearch, ['album'], { limit: 1, offset: randomOffset }).then(
-      function (data) {
+			function (data) {
-        if (data.body.albums?.items?.at(0)) {
+				if (data.body.albums?.items?.at(0)) {
-          return data.body.albums.items.at(0);
+					return data.body.albums.items.at(0);
-        }
+				}
-      },
+			},
-      (err) => {
+			(err) => {
-        console.log(err);
+				console.log(err);
-        return undefined;
+				return undefined;
-      }
+			}
-    );
+		);
-  }
+	}
 }
 
 export const spotifyAPI = new SpotifyAPI();

src/lib/types.ts

@@ -1,31 +1,31 @@
 export type AlbumData = {
-  names: AlbumDataField[];
+	names: AlbumDataField[];
-  artists: AlbumDataField[];
+	artists: AlbumDataField[];
-  images: AlbumDataField[];
+	images: AlbumDataField[];
 };
 
 export type AlbumDataField = {
-  id: string;
+	id: string;
-  value: string;
+	value: string;
 };
 
 export type AlbumSolveState = {
-  name: string;
+	name: string;
-  artists: string;
+	artists: string;
-  image: string;
+	image: string;
 };
 
 export type Player = {
-  id: string;
+	id: string;
-  stage: number;
+	stage: number;
-  highscore: number;
+	highscore: number;
-  playing: boolean;
+	playing: boolean;
 };
 
 export type Game = {
-  name: string;
+	name: string;
-  image: string;
+	image: string;
-  description: string;
+	description: string;
 };
 
 export type GamesObj = Record<string, Game>;

src/routes/(games)/+layout.server.ts

@@ -2,19 +2,19 @@ import type { LayoutServerData } from './$types';
 import { games } from '$lib/config';
 
 export const load: LayoutServerData = async ({ url }) => {
-  if (!url?.pathname) {
+	if (!url?.pathname) {
-    return;
+		return;
-  }
+	}
 
-  const game = games[url.pathname];
+	const game = games[url.pathname];
 
-  if (!game) {
+	if (!game) {
-    return;
+		return;
-  }
+	}
 
-  return {
+	return {
-    name: game.name,
+		name: game.name,
-    description: game.description,
+		description: game.description,
-    image: game.image
+		image: game.image
-  };
+	};
 };

src/routes/api/pakubiiti/getAlbums/[count]/+server.ts

@@ -4,27 +4,27 @@ import type { AlbumSolveState } from '$lib/types';
 import { json } from '@sveltejs/kit';
 
 export async function GET({ params }) {
-  const count = params.count || 1;
+	const count = params.count || 1;
 
-  const albums: AlbumSolveState[] = [];
+	const albums: AlbumSolveState[] = [];
 
-  for (let i = 0; i < count; i++) {
+	for (let i = 0; i < count; i++) {
-    const album = await spotifyAPI.getRandomAlbum();
+		const album = await spotifyAPI.getRandomAlbum();
-    if (album) {
+		if (album) {
-      const image = album.images.at(0);
+			const image = album.images.at(0);
-      if (!image?.url) {
+			if (!image?.url) {
-        return;
+				return;
-      }
+			}
 
-      albums.push({
+			albums.push({
-        name: album.name,
+				name: album.name,
-        artists: album.artists.map((artist) => artist.name).join(', '),
+				artists: album.artists.map((artist) => artist.name).join(', '),
-        image: image.url
+				image: image.url
-      });
+			});
-    }
+		}
-  }
+	}
 
-  albumState.setAlbums(albums);
+	albumState.setAlbums(albums);
 
-  return json({ albums: albums });
+	return json({ albums: albums });
 }

static/site.webmanifest

@@ -1,21 +1,21 @@
 {
-  "name": "Kasterpalu",
+	"name": "Kasterpalu",
-  "short_name": "Kasterpalu",
+	"short_name": "Kasterpalu",
-  "icons": [
+	"icons": [
-    {
+		{
-      "src": "/web-app-manifest-192x192.png",
+			"src": "/web-app-manifest-192x192.png",
-      "sizes": "192x192",
+			"sizes": "192x192",
-      "type": "image/png",
+			"type": "image/png",
-      "purpose": "maskable"
+			"purpose": "maskable"
-    },
+		},
-    {
+		{
-      "src": "/web-app-manifest-512x512.png",
+			"src": "/web-app-manifest-512x512.png",
-      "sizes": "512x512",
+			"sizes": "512x512",
-      "type": "image/png",
+			"type": "image/png",
-      "purpose": "maskable"
+			"purpose": "maskable"
-    }
+		}
-  ],
+	],
-  "theme_color": "#ffffff",
+	"theme_color": "#ffffff",
-  "background_color": "#ffffff",
+	"background_color": "#ffffff",
-  "display": "standalone"
+	"display": "standalone"
-}
+}