DISABLE SSR AND TRANSITION TO SPA

src/routes/racepicks/+page.server.ts

@@ -1,92 +0,0 @@
-import { form_data_clean, form_data_ensure_keys, form_data_get_and_remove_id } from "$lib/form";
-import type { CurrentPickedUser, Race, RacePick, RaceResult } from "$lib/schema";
-import type { Actions, PageServerLoad } from "./$types";
-
-export const actions = {
-  create_racepick: async ({ request, locals }) => {
-    const data: FormData = form_data_clean(await request.formData());
-    form_data_ensure_keys(data, ["user", "race", "pxx", "dnf"]);
-
-    if (locals.user?.id !== data.get("user")) return { unauthorized: true };
-
-    await locals.pb.collection("racepicks").create(data);
-  },
-
-  update_racepick: async ({ request, locals }) => {
-    const data: FormData = form_data_clean(await request.formData());
-    form_data_ensure_keys(data, ["user", "race"]);
-    const id: string = form_data_get_and_remove_id(data);
-
-    if (locals.user?.id !== data.get("user")) return { unauthorized: true };
-
-    await locals.pb.collection("racepicks").update(id, data);
-  },
-
-  delete_racepick: async ({ request, locals }) => {
-    const data: FormData = form_data_clean(await request.formData());
-    form_data_ensure_keys(data, ["user", "race"]);
-    const id: string = form_data_get_and_remove_id(data);
-
-    if (locals.user?.id !== data.get("user")) return { unauthorized: true };
-
-    await locals.pb.collection("racepicks").delete(id);
-  },
-} satisfies Actions;
-
-export const load: PageServerLoad = async ({ fetch, locals }) => {
-  const fetch_currentrace = async (): Promise<Race | null> => {
-    const currentrace: Race[] = await locals.pb.collection("currentrace").getFullList();
-
-    // The currentrace collection either has a single or no entries
-    if (currentrace.length == 0) return null;
-
-    currentrace[0].pictogram_url = await locals.pb.files.getURL(
-      currentrace[0],
-      currentrace[0].pictogram,
-    );
-
-    return currentrace[0];
-  };
-
-  const fetch_racepicks = async (): Promise<RacePick[]> => {
-    // Don't expand race/pxx/dnf since we already fetched those
-    const racepicks: RacePick[] = await locals.pb
-      .collection("racepicks")
-      .getFullList({ fetch: fetch, expand: "user" });
-
-    return racepicks;
-  };
-
-  const fetch_currentpickedusers = async (): Promise<CurrentPickedUser[]> => {
-    const currentpickedusers: CurrentPickedUser[] = await locals.pb
-      .collection("currentpickedusers")
-      .getFullList();
-
-    currentpickedusers.map((currentpickeduser: CurrentPickedUser) => {
-      if (currentpickeduser.avatar) {
-        currentpickeduser.avatar_url = locals.pb.files.getURL(
-          currentpickeduser,
-          currentpickeduser.avatar,
-        );
-      }
-    });
-
-    return currentpickedusers;
-  };
-
-  // TODO: Duplicated code from data/raceresults/+page.server.ts
-  const fetch_raceresults = async (): Promise<RaceResult[]> => {
-    // Don't expand races/pxxs/dnfs since we already fetched those
-    const raceresults: RaceResult[] = await locals.pb.collection("raceresultsdesc").getFullList();
-
-    return raceresults;
-  };
-
-  return {
-    racepicks: fetch_racepicks(),
-    currentpickedusers: fetch_currentpickedusers(),
-    raceresults: fetch_raceresults(),
-
-    currentrace: await fetch_currentrace(),
-  };
-};

src/routes/racepicks/+page.ts

@@ -0,0 +1,57 @@
+import { pb } from "$lib/pocketbase";
+import type { CurrentPickedUser, Race, RacePick, RaceResult } from "$lib/schema";
+import type { PageLoad } from "../$types";
+
+export const load: PageLoad = async ({ fetch }) => {
+  const fetch_currentrace = async (): Promise<Race | null> => {
+    const currentrace: Race[] = await pb.collection("currentrace").getFullList({ fetch: fetch });
+
+    // The currentrace collection either has a single or no entries
+    if (currentrace.length == 0) return null;
+
+    currentrace[0].pictogram_url = pb.files.getURL(currentrace[0], currentrace[0].pictogram);
+
+    return currentrace[0];
+  };
+
+  const fetch_racepicks = async (): Promise<RacePick[]> => {
+    // Don't expand race/pxx/dnf since we already fetched those
+    const racepicks: RacePick[] = await pb
+      .collection("racepicks")
+      .getFullList({ fetch: fetch, expand: "user" });
+
+    return racepicks;
+  };
+
+  const fetch_currentpickedusers = async (): Promise<CurrentPickedUser[]> => {
+    const currentpickedusers: CurrentPickedUser[] = await pb
+      .collection("currentpickedusers")
+      .getFullList({ fetch: fetch });
+
+    currentpickedusers.map((currentpickeduser: CurrentPickedUser) => {
+      if (currentpickeduser.avatar) {
+        currentpickeduser.avatar_url = pb.files.getURL(currentpickeduser, currentpickeduser.avatar);
+      }
+    });
+
+    return currentpickedusers;
+  };
+
+  // TODO: Duplicated code from data/raceresults/+page.server.ts
+  const fetch_raceresults = async (): Promise<RaceResult[]> => {
+    // Don't expand races/pxxs/dnfs since we already fetched those
+    const raceresults: RaceResult[] = await pb
+      .collection("raceresultsdesc")
+      .getFullList({ fetch: fetch });
+
+    return raceresults;
+  };
+
+  return {
+    racepicks: fetch_racepicks(),
+    currentpickedusers: fetch_currentpickedusers(),
+    raceresults: fetch_raceresults(),
+
+    currentrace: await fetch_currentrace(),
+  };
+};