implement episode type filtering

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

@@ -1,5 +1,6 @@
 import { cache } from '$lib/cache/cache';
 import { PER_PAGE, SHOW_QUERY } from '$server/ai/queries';
+import { $Enums } from '@prisma/client';
 import type { PageServerLoad } from './$types';
 
 const epoch_day = new Date().getTime() / 86400;
@@ -12,14 +13,20 @@ export const load: PageServerLoad = async function ({ locals, url, setHeaders })
 	const order_val = url.searchParams.get('order');
 	const take = parseInt(url.searchParams.get('perPage') || PER_PAGE.toString());
 	const order = order_val === 'desc' || !order_val ? 'desc' : 'asc'; // Ensure order can only be 'asc' or 'desc'
-	const filter = url.searchParams.get('type');
+	const show_type = url.searchParams.get('type')?.toUpperCase();
 	const page = parseInt(url.searchParams.get('page') || '1');
 	// const limit = url.searchParams.get('limit') || 100;
 
+  function isShowType(type: string | null | undefined): type is $Enums.ShowType {
+    if(!type) return false;
+    return $Enums.ShowType.hasOwnProperty(type);
+  }
+
   const query = SHOW_QUERY({
     take,
     order,
-    skip: page ? (page * take) - take : 0
+    skip: page ? (page * take) - take : 0,
+    show_type: isShowType(show_type) ? show_type : undefined
   });
   return {
 		shows: locals.prisma.show.findMany(query),

src/routes/shows/+page.svelte

@@ -76,6 +76,7 @@
 
 	<div class="shows">
 		{#each shows as show (show.id)}
+			<!-- <pre>{JSON.stringify(show, null, ' ')}</pre> -->
 			<ShowCard {show} display="list" heading="h2" />
 		{/each}
 	</div>

src/server/ai/queries.ts

@@ -1,4 +1,4 @@
-import { Prisma } from '@prisma/client';
+import { Prisma, $Enums } from '@prisma/client';
 
 export const transcript_with_utterances = Prisma.validator<Prisma.TranscriptDefaultArgs>()({
 	include: {
@@ -135,18 +135,23 @@ export const example_response = {
 	guests: ['Guest 2']
 };
 
+
+
 type QueryInputs = {
   take?: number;
   order?: 'asc' | 'desc';
   skip?: number;
+  show_type?: $Enums.ShowType
 };
 
-
 export const PER_PAGE = 10;
-export const SHOW_QUERY = ({ take, order, skip }: QueryInputs = { take: PER_PAGE, order: 'desc', skip: 0}) => Prisma.validator<Prisma.ShowFindManyArgs>()({
+export const SHOW_QUERY = ({ take, order, skip, show_type }: QueryInputs = { take: PER_PAGE, order: 'desc', skip: 0}) => Prisma.validator<Prisma.ShowFindManyArgs>()({
   take,
   orderBy: { number: order },
   skip,
+  where: {
+    ...(show_type && { show_type: show_type }),
+  },
   include: {
     guests: {
       select: {

src/styles/buttons.css

@@ -39,7 +39,7 @@
 	:is(button, .button).subtle {
 		--button-bg: var(--black-1);
 		--button-color: var(--yellow-8);
-		box-shadow: inset 0 0 0 2px oklch(var(--blacklch) / 0.2);
+		box-shadow: inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / 0.2);
 	}
 
 	:is(button, .button).big {
@@ -94,6 +94,6 @@
 		border-radius: 50%;
 		border-width: 1px;
 		padding: 10px;
-		box-shadow: inset 0 0 0 2px oklch(var(--blacklch) / 0.2);
+		box-shadow: inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / 0.2);
 	}
 }