From 8069db626f7db576ad5a13c37db9018cb2a82cf4 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Sun, 3 Mar 2024 11:32:36 -0800
Subject: [PATCH] Fixing search form.

---
 .../components/search/GameSearchForm.svelte   |  56 ++++---
 src/routes/(app)/game/[id]/+page.server.ts    | 147 +++++++++---------
 src/routes/(app)/search/+page.svelte          |   2 +-
 3 files changed, 109 insertions(+), 96 deletions(-)

diff --git a/src/lib/components/search/GameSearchForm.svelte b/src/lib/components/search/GameSearchForm.svelte
index 5aa5d01..7fff7c9 100644
--- a/src/lib/components/search/GameSearchForm.svelte
+++ b/src/lib/components/search/GameSearchForm.svelte
@@ -1,38 +1,54 @@
 <script lang="ts">
-	import type { SuperValidated } from 'sveltekit-superforms';
+	import { superForm, type Infer, type SuperValidated } from 'sveltekit-superforms';
   import { search_schema, type SearchSchema } from '$lib/zodValidation';
 	import * as Form from "$lib/components/ui/form";
+	import { zodClient } from 'sveltekit-superforms/adapters';
+	import Input from '$components/ui/input/input.svelte';
+	import Checkbox from '$components/ui/checkbox/checkbox.svelte';
 
-	export let form: SuperValidated<SearchSchema>;
+	export let data: SuperValidated<Infer<SearchSchema>>;
+
+	const form = superForm(data, {
+		validators: zodClient(search_schema),
+	});
+
+	const { form: formData } = form;
 </script>
 
 <search>
-	<Form.Root id="search-form" action="/search" method="GET" data-sveltekit-reload {form} schema={search_schema} let:config>
+	<form id="search-form" action="/search" method="GET" data-sveltekit-reload>
 		<fieldset>
-			<Form.Item>
-				<Form.Field {config} name="q">
-					<Form.Label for="label">Search</Form.Label>
-					<Form.Input />
-					<Form.Validation />
-				</Form.Field>
-				<Form.Field {config} name="skip">
-					<Form.Input type="hidden" />
-				</Form.Field>
-				<Form.Field {config} name="limit">
-					<Form.Input type="hidden" />
-				</Form.Field>
-			</Form.Item>
+			<Form.Field {form} name="q">
+				<Form.Control let:attrs>
+					<Form.Label>Search</Form.Label>
+					<Input {...attrs} bind:value={$formData.q} />
+				</Form.Control>
+				<Form.FieldErrors />
+			</Form.Field>
+			<Form.Field {form} name="skip">
+				<Form.Control let:attrs>
+					<Input type="hidden" />
+				</Form.Control>
+			</Form.Field>
+			<Form.Field {form} name="limit">
+				<Form.Control let:attrs>
+					<Input type="hidden" />
+				</Form.Control>
+			</Form.Field>
 		</fieldset>
 		<fieldset>
 			<div class="flex items-center space-x-2">
-				<Form.Field {config} name="exact">
-					<Form.Label>Exact Search</Form.Label>
-					<Form.Checkbox class="mt-0" />
+				<Form.Field {form} name="exact">
+					<Form.Control let:attrs>
+						<Form.Label>Exact Search</Form.Label>
+						<Checkbox {...attrs} class="mt-0" bind:checked={$formData.exact} />
+						<input name={attrs.name} value={$formData.exact} hidden />
+					</Form.Control>
 				</Form.Field>
 			</div>
 		</fieldset>
 		<Form.Button>Submit</Form.Button>
-	</Form.Root>
+	</form>
 </search>
 
 <style lang="postcss">
diff --git a/src/routes/(app)/game/[id]/+page.server.ts b/src/routes/(app)/game/[id]/+page.server.ts
index 2db7c8a..dc489b7 100644
--- a/src/routes/(app)/game/[id]/+page.server.ts
+++ b/src/routes/(app)/game/[id]/+page.server.ts
@@ -1,52 +1,52 @@
 import { error } from '@sveltejs/kit';
-import type { Game } from '@prisma/client';
-import {
-	createArtist,
-	createCategory,
-	createDesigner,
-	createExpansion,
-	createMechanic,
-	createOrUpdateGame,
-	createPublisher
-} from '$lib/utils/db/dbUtils.js';
 import { mapAPIGameToBoredGame } from '$lib/utils/gameMapper.js';
-import prisma from '$lib/prisma';
 import type { PageServerLoad } from './$types';
+import { createCategory } from '$lib/utils/db/categoryUtils';
+import { createMechanic } from '$lib/utils/db/mechanicUtils';
+import { createPublisher } from '$lib/utils/db/publisherUtils';
+import { createExpansion } from '$lib/utils/db/expansionUtils';
+import { createOrUpdateGame } from '$lib/utils/db/gameUtils';
+import db from '$lib/drizzle';
+import { and, eq } from 'drizzle-orm';
+import { collection_items, collections, expansions, games, wishlist_items, wishlists } from '../../../../schema';
 
 export const load: PageServerLoad = async ({ params, locals, fetch }) => {
 	try {
 		const { user } = locals;
 		const { id } = params;
-		const game = await prisma.game.findUnique({
-			where: {
-				id
-			},
-			include: {
-				artists: true,
-				designers: true,
-				publishers: true,
-				mechanics: true,
-				categories: true,
-				expansions: {
-					include: {
-						game: {
-							select: {
+		const game = await db.query.games.findFirst({
+			where: eq(games.id, id),
+			with: {
+				publishers_to_games: {
+					with: {
+						publisher: {
+							columns: {
 								id: true,
 								name: true
 							}
 						}
 					}
 				},
-				expansion_of: {
-					include: {
-						base_game: {
-							select: {
+				mechanics_to_games: {
+					with: {
+						mechanic: {
+							columns: {
 								id: true,
 								name: true
 							}
 						}
 					}
-				}
+				},
+				categories_to_games: {
+					with: {
+						category: {
+							columns: {
+								id: true,
+								name: true
+							}
+						}
+					}
+				},
 			}
 		});
 		console.log('found game', game);
@@ -64,45 +64,54 @@ export const load: PageServerLoad = async ({ params, locals, fetch }) => {
 			await syncGameAndConnectedData(locals, game, fetch);
 		}
 
-		let wishlist;
-		let collection;
-		if (user) {
-			wishlist = await prisma.wishlist.findUnique({
-				where: {
-					user_id: user.id
-				},
-				include: {
-					items: {
-						where: {
-							game_id: game.id
-						}
+		const gameExpansions = await db.query.expansions.findMany({
+			where: eq(expansions.base_game_id, game.id),
+			with: {
+				game: {
+					columns: {
+						id: true,
+						name: true,
+						thumb_url: true
 					}
 				}
+			}
+		});
+
+		let collectionItem;
+		let wishlistItem;
+		if (user) {
+			const wishlist = await db.query.wishlists.findFirst({
+				where: eq(wishlists.user_id, user.id),
 			});
 
-			collection = await prisma.collection.findUnique({
-				where: {
-					user_id: user.id
-				},
-				include: {
-					items: {
-						where: {
-							game_id: game.id
-						}
-					}
-				}
+			// TODO: Select wishlist items based on wishlist
+			if (wishlist) {
+				wishlistItem = await db.query.wishlist_items.findFirst({
+					where: and(eq(wishlist_items.wishlist_id, wishlist.id), eq(wishlist_items.game_id, game.id)),
+				})
+			}
+
+			const collection = await db.query.collections.findFirst({
+				where: eq(collections.user_id, user.id),
 			});
+
+			// TODO: Select collection items based on collection
+
+			if (collection) {
+				collectionItem = await db.query.collection_items.findFirst({
+					where: and(eq(collection_items.collection_id, collection.id), eq(collection_items.game_id, game.id)),
+				})
+			}
 		}
 
 		console.log('Returning game', game);
 
 		return {
 			game,
+			expansions: gameExpansions,
 			user,
-			in_wishlist: wishlist?.items?.length !== 0 || false,
-			in_collection: collection?.items?.length !== 0 || false,
-			wishlist,
-			collection
+			in_wishlist: wishlistItem !== undefined || false,
+			in_collection: collectionItem !== undefined || false,
 		};
 	} catch (error) {
 		console.log(error);
@@ -121,38 +130,28 @@ async function syncGameAndConnectedData(locals: App.Locals, game: Game, eventFet
 		console.log('externalGame', externalGame);
 		const categories = [];
 		const mechanics = [];
-		const artists = [];
-		const designers = [];
 		const publishers = [];
 		for (const externalCategory of externalGame.categories) {
-			const category = await createCategory(locals, externalCategory);
+			const category = await createCategory(locals, externalCategory, externalGame.external_id);
 			categories.push({
 				id: category.id
 			});
 		}
 		for (const externalMechanic of externalGame.mechanics) {
-			const mechanic = await createMechanic(locals, externalMechanic);
+			const mechanic = await createMechanic(locals, externalMechanic, externalGame.external_id);
 			mechanics.push({ id: mechanic.id });
 		}
-		for (const externalArtist of externalGame.artists) {
-			const artist = await createArtist(locals, externalArtist);
-			artists.push({ id: artist.id });
-		}
-		for (const externalDesigner of externalGame.designers) {
-			const designer = await createDesigner(locals, externalDesigner);
-			designers.push({ id: designer.id });
-		}
 		for (const externalPublisher of externalGame.publishers) {
-			const publisher = await createPublisher(locals, externalPublisher);
+			const publisher = await createPublisher(locals, externalPublisher, externalGame.external_id);
 			publishers.push({ id: publisher.id });
 		}
 
 		for (const externalExpansion of externalGame.expansions) {
 			console.log('Inbound?', externalExpansion.inbound);
 			if (externalExpansion?.inbound === true) {
-				createExpansion(locals, game, externalExpansion, false, eventFetch);
+				createExpansion(locals, externalExpansion);
 			} else {
-				createExpansion(locals, game, externalExpansion, true, eventFetch);
+				createExpansion(locals,externalExpansion);
 			}
 		}
 
@@ -160,10 +159,8 @@ async function syncGameAndConnectedData(locals: App.Locals, game: Game, eventFet
 
 		boredGame.categories = categories;
 		boredGame.mechanics = mechanics;
-		boredGame.designers = designers;
-		boredGame.artists = artists;
 		boredGame.publishers = publishers;
 		// boredGame.expansions = expansions;
-		return createOrUpdateGame(locals, boredGame);
+		return createOrUpdateGame(locals, boredGame, externalGame.external_id);
 	}
 }
diff --git a/src/routes/(app)/search/+page.svelte b/src/routes/(app)/search/+page.svelte
index e90f470..cbf0712 100644
--- a/src/routes/(app)/search/+page.svelte
+++ b/src/routes/(app)/search/+page.svelte
@@ -36,7 +36,7 @@
 		<SuperDebug collapsible data={data.form} />
 	{/if}
 
-	<GameSearchForm form={data.form} />
+	<GameSearchForm data={data.form} />
 
 	<section class="games">
 		<div>