feat: implement loaders

src/lib/loaders/LoaderYear.ts

@@ -0,0 +1,11 @@
+import { DB } from '$lib/integrations/db';
+
+export const LoaderYear = (year?: number) => {
+	year = year ?? new Date().getFullYear();
+
+	return () => DB.getYear(year);
+};
+
+export const LoaderYears = () => {
+	return () => DB.getYears();
+};

src/lib/loaders/index.ts

@@ -0,0 +1,3 @@
+export const orchestrateLoaders = (loaders: (() => Promise<any>)[]) => {
+	return Promise.all(loaders.map((loader) => loader()));
+};

src/routes/+page.server.ts

@@ -1,10 +1,12 @@
-import { DB } from '$lib/integrations/db';
+import { orchestrateLoaders } from '$lib/loaders';
+import { LoaderYear } from '$lib/loaders/LoaderYear';
+import { LoaderYears } from '$lib/loaders/LoaderYear';
 
 export const load = async () => {
-	const year = new Date().getFullYear();
-	const yearData = await DB.getYear(year);
+	const [yearData, yearsData] = await orchestrateLoaders([LoaderYear(), LoaderYears()]);
 
 	return {
-		year: yearData
+		year: yearData,
+		years: yearsData
 	};
 };

src/routes/+page.svelte

@@ -1,8 +1,10 @@
 <script>
 	import YearOverview from '$lib/components/organisms/YearOverview.svelte';
+	import YearNav from '$lib/components/molecules/YearNav.svelte';
 
 	let { data } = $props();
 </script>
 
 <h1>{data.year.year}</h1>
 <YearOverview heading="Podsumowanie roku" data={data.year} />
+<YearNav years={data.years} />