From e7d1df356e38461c0fbde205ed43f0dea1588772 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Sun, 10 Mar 2024 12:09:37 -0700
Subject: [PATCH] Removing hopefully that last of prisma, convert the files to
 use drizzle, and fix shadcn-svelte pagination with newer lucide icon.

---
 src/lib/components/ui/button/button.svelte    |  4 +-
 .../ui/pagination/pagination-content.svelte   |  2 +-
 .../ui/pagination/pagination-ellipsis.svelte  |  6 +--
 .../ui/pagination/pagination-item.svelte      |  2 +-
 .../ui/pagination/pagination-link.svelte      |  4 +-
 .../pagination/pagination-next-button.svelte  |  4 +-
 .../pagination/pagination-prev-button.svelte  |  4 +-
 .../ui/pagination/pagination.svelte           |  2 +-
 .../api/collection/[id]/search/+server.ts     | 47 +++++++-----------
 .../api/wishlist/[id]/search/+server.ts       | 48 +++++++------------
 10 files changed, 49 insertions(+), 74 deletions(-)

diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
index a128f14..0634d48 100644
--- a/src/lib/components/ui/button/button.svelte
+++ b/src/lib/components/ui/button/button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Button as ButtonPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
-	import { buttonVariants, type Props, type Events } from ".";
+	import { cn } from "$lib/utils.js";
+	import { buttonVariants, type Props, type Events } from "./index.js";
 
 	type $$Props = Props;
 	type $$Events = Events;
diff --git a/src/lib/components/ui/pagination/pagination-content.svelte b/src/lib/components/ui/pagination/pagination-content.svelte
index 1e8ea9d..49b5908 100644
--- a/src/lib/components/ui/pagination/pagination-content.svelte
+++ b/src/lib/components/ui/pagination/pagination-content.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
+	import { cn } from "$lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	type $$Props = HTMLAttributes<HTMLUListElement>;
diff --git a/src/lib/components/ui/pagination/pagination-ellipsis.svelte b/src/lib/components/ui/pagination/pagination-ellipsis.svelte
index 5595256..2a1d70c 100644
--- a/src/lib/components/ui/pagination/pagination-ellipsis.svelte
+++ b/src/lib/components/ui/pagination/pagination-ellipsis.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import MoreHorizontal from "lucide-svelte/icons/more-horizontal";
-	import { cn } from "$lib/utils";
+	import Ellipsis from "lucide-svelte/icons/ellipsis";
+	import { cn } from "$lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	type $$Props = HTMLAttributes<HTMLSpanElement>;
@@ -14,6 +14,6 @@
 	class={cn("flex h-9 w-9 items-center justify-center", className)}
 	{...$$restProps}
 >
-	<MoreHorizontal class="h-4 w-4" />
+	<Ellipsis class="h-4 w-4" />
 	<span class="sr-only">More pages</span>
 </span>
diff --git a/src/lib/components/ui/pagination/pagination-item.svelte b/src/lib/components/ui/pagination/pagination-item.svelte
index 7f372ac..302a92d 100644
--- a/src/lib/components/ui/pagination/pagination-item.svelte
+++ b/src/lib/components/ui/pagination/pagination-item.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
+	import { cn } from "$lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 
 	type $$Props = HTMLAttributes<HTMLLIElement>;
diff --git a/src/lib/components/ui/pagination/pagination-link.svelte b/src/lib/components/ui/pagination/pagination-link.svelte
index 446c8e6..0feafc1 100644
--- a/src/lib/components/ui/pagination/pagination-link.svelte
+++ b/src/lib/components/ui/pagination/pagination-link.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
-	import { buttonVariants, type Props } from "$lib/components/ui/button";
+	import { cn } from "$lib/utils.js";
+	import { buttonVariants, type Props } from "$lib/components/ui/button/index.js";
 
 	type $$Props = PaginationPrimitive.PageProps &
 		Props & {
diff --git a/src/lib/components/ui/pagination/pagination-next-button.svelte b/src/lib/components/ui/pagination/pagination-next-button.svelte
index dae0caa..f9d6c13 100644
--- a/src/lib/components/ui/pagination/pagination-next-button.svelte
+++ b/src/lib/components/ui/pagination/pagination-next-button.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronRight from "lucide-svelte/icons/chevron-right";
-	import { Button } from "$lib/components/ui/button";
-	import { cn } from "$lib/utils";
+	import { Button } from "$lib/components/ui/button/index.js";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = PaginationPrimitive.NextButtonProps;
 	type $$Events = PaginationPrimitive.NextButtonEvents;
diff --git a/src/lib/components/ui/pagination/pagination-prev-button.svelte b/src/lib/components/ui/pagination/pagination-prev-button.svelte
index 47577d8..411d2aa 100644
--- a/src/lib/components/ui/pagination/pagination-prev-button.svelte
+++ b/src/lib/components/ui/pagination/pagination-prev-button.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronLeft from "lucide-svelte/icons/chevron-left";
-	import { Button } from "$lib/components/ui/button";
-	import { cn } from "$lib/utils";
+	import { Button } from "$lib/components/ui/button/index.js";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = PaginationPrimitive.PrevButtonProps;
 	type $$Events = PaginationPrimitive.PrevButtonEvents;
diff --git a/src/lib/components/ui/pagination/pagination.svelte b/src/lib/components/ui/pagination/pagination.svelte
index 339f5a2..1c66b40 100644
--- a/src/lib/components/ui/pagination/pagination.svelte
+++ b/src/lib/components/ui/pagination/pagination.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 
-	import { cn } from "$lib/utils";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = PaginationPrimitive.Props;
 	type $$Events = PaginationPrimitive.Events;
diff --git a/src/routes/api/collection/[id]/search/+server.ts b/src/routes/api/collection/[id]/search/+server.ts
index 03e3c6a..b84b889 100644
--- a/src/routes/api/collection/[id]/search/+server.ts
+++ b/src/routes/api/collection/[id]/search/+server.ts
@@ -1,7 +1,7 @@
 import { error, json } from '@sveltejs/kit';
 import { eq } from 'drizzle-orm';
 import db from '$lib/drizzle.js';
-import { collection_items, collection_items, users } from '../../../../../schema.js';
+import { collection_items, users } from '../../../../../schema.js';
 
 // Search a user's collection
 export async function GET({ url, locals, params }) {
@@ -12,16 +12,15 @@ export async function GET({ url, locals, params }) {
 	const order = searchParams?.order || 'asc';
 	const sort = searchParams?.sort || 'name';
 	const collection_id = params.id;
-	const session = await locals.auth.validate();
 	console.log('url', url);
 	console.log('username', locals?.user?.id);
 
-	if (!session) {
+	if (!locals.user) {
 		error(401, { message: 'Unauthorized' });
 	}
 
 	const collection = await db.query.collections.findFirst({
-		where: eq(users.id, locals?.user?.userId)
+		where: eq(users.id, locals?.user?.id)
 	});
 	console.log('collection', collection);
 
@@ -31,40 +30,30 @@ export async function GET({ url, locals, params }) {
 	}
 
 	try {
-		const orderBy = { [sort]: order };
-		let collection_items = await db.query.collection_items.findMany({
+		const userCollectionItems = await db.query.collection_items.findMany({
 			where: eq(collection_items.collection_id, collection_id),
-				AND: [
-					{
-						game: {
-							name: {
-								contains: q
-							}
-						}
-					}
-				]
-			},
-			orderBy: [
-				{
-					game: {
-						...orderBy
-					}
-				}
-			],
-			include: {
+			with: {
 				game: {
-					select: {
+					columns: {
 						id: true,
 						name: true,
 						thumb_url: true
-					}
+					},
 				}
 			},
-			skip,
-			take: limit
+			orderBy: (collection_items, { asc, desc }) => {
+				const dbSort = sort === 'dateAdded' ? collection_items.created_at : collection_items.times_played;
+				if (order === 'asc') {
+					return asc(dbSort);
+				} else {
+					return desc(dbSort);
+				}
+			},
+			offset: skip,
+			limit
 		});
 
-		return json(collection_items);
+		return json(userCollectionItems);
 	} catch (e) {
 		console.error(e);
 		error(500, { message: 'Something went wrong' });
diff --git a/src/routes/api/wishlist/[id]/search/+server.ts b/src/routes/api/wishlist/[id]/search/+server.ts
index 1b219be..c201925 100644
--- a/src/routes/api/wishlist/[id]/search/+server.ts
+++ b/src/routes/api/wishlist/[id]/search/+server.ts
@@ -1,18 +1,16 @@
 import { error, json } from '@sveltejs/kit';
-import prisma from '$lib/prisma';
-import { and, eq } from 'drizzle-orm';
-import { collection_items } from '../../../../../schema.js';
+import { eq } from 'drizzle-orm';
 import db from '$lib/drizzle.js';
+import { wishlist_items, wishlists } from '../../../../../schema.js';
 
 // Search a user's collection
 export async function GET({ url, locals, params }) {
 	const searchParams = Object.fromEntries(url.searchParams);
-	const q = searchParams?.q || '';
+	// const q = searchParams?.q || '';
 	const limit = parseInt(searchParams?.limit) || 10;
 	const skip = parseInt(searchParams?.skip) || 0;
 	const order = searchParams?.order || 'asc';
-	const sort = searchParams?.sort || 'name';
-	const collection_id = params.id;
+	const wishlist_id = params.id;
 	console.log('url', url);
 	console.log('username', locals?.user?.id);
 
@@ -22,32 +20,30 @@ export async function GET({ url, locals, params }) {
 		});
 	}
 
-	const collection = await db.collection.findUnique({
-		where: {
-			user_id: locals.user.id
-		}
+	const wishlist = await db.query.wishlists.findFirst({
+		where: eq(wishlists.user_id, locals?.user?.id)
 	});
-	console.log('collection', collection);
+	console.log('wishlist', wishlist);
 
-	if (!collection) {
-		console.log('Collection was not found');
-		error(404, { message: 'Collection was not found' });
+	if (!wishlist) {
+		console.log('Wishlist was not found');
+		error(404, { message: 'Wishlist was not found' });
 	}
 
 	try {
-		const itemsInCollection = await db.query.collection_items.findMany({
-			where: eq(collection_items.collection_id, collection_id),
+		const itemsInWishlist = await db.query.wishlist_items.findMany({
+			where: eq(wishlist_items.wishlist_id, wishlist_id),
 			with: {
 				game: {
 					columns: {
 						id: true,
 						name: true,
-						thumb_url: true,
-					},
+						thumb_url: true
+					}
 				}
 			},
-			orderBy: (collection_items, { asc, desc }) => {
-				const dbSort = sort === 'dateAdded' ? collection_items.created_at : collection_items.times_played;
+			orderBy: (wishlist_items, { asc, desc }) => {
+				const dbSort = wishlist_items.created_at;
 				if (order === 'asc') {
 					return asc(dbSort);
 				} else {
@@ -58,17 +54,7 @@ export async function GET({ url, locals, params }) {
 			limit
 		});
 
-		// include: {
-		// 		game: {
-		// 			select: {
-		// 				id: true,
-		// 				name: true,
-		// 				thumb_url: true
-		// 			}
-		// 		}
-		// 	},
-
-		return json(collection_items);
+		return json(itemsInWishlist);
 	} catch (e) {
 		console.error(e);
 		error(500, { message: 'Something went wrong' });