✨ Delete convo (#36)

src/lib/types/Conversation.ts

@@ -3,7 +3,9 @@ import type { Message } from './Message';
 
 export interface Conversation {
 	_id: ObjectId;
-	sessionId: string;
+
+	// Can be undefined for shared convo then deleted
+	sessionId?: string;
 
 	title: string;
 	messages: Message[];

src/routes/+layout.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { goto, invalidateAll } from '$app/navigation';
+	import { page } from '$app/stores';
 	import '../styles/main.css';
 	import type { LayoutData } from './$types';
 
@@ -45,6 +47,31 @@
 			alert('Error while sharing conversation: ' + err);
 		}
 	}
+
+	async function deleteConversation(id: string) {
+		try {
+			const res = await fetch(`/conversation/${id}`, {
+				method: 'DELETE',
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			});
+
+			if (!res.ok) {
+				alert('Error while deleting conversation: ' + (await res.text()));
+				return;
+			}
+
+			if ($page.params.id !== id) {
+				await invalidateAll();
+			} else {
+				await goto(`/`, { invalidateAll: true });
+			}
+		} catch (err) {
+			console.error(err);
+			alert('Error while deleting conversation: ' + err);
+		}
+	}
 </script>
 
 <div
@@ -65,11 +92,20 @@
 			{#each data.conversations as conv}
 				<a
 					href="/conversation/{conv.id}"
-					class="truncate py-3 px-3 rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 flex justify-between items-center"
+					class="truncate py-3 px-3 rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center"
 				>
 					{conv.title}
 
+					<span class="grow" />
+					<button
+						type="button"
+						class="bg-white rounded border-black px-2 py-1 border-[1px] border-solid"
+						on:click|preventDefault={() => deleteConversation(conv.id)}
+					>
+						Delele
+					</button>
 					<button
+						type="button"
 						class="bg-white rounded border-black px-2 py-1 border-[1px] border-solid"
 						on:click|preventDefault={() => shareConversation(conv.id, conv.title)}
 					>

src/routes/conversation/[id]/+server.ts

@@ -67,6 +67,28 @@ export async function POST({ request, fetch, locals, params }) {
 	});
 }
 
+export async function DELETE({ locals, params }) {
+	const convId = new ObjectId(params.id);
+
+	const conv = await collections.conversations.findOne({
+		_id: convId,
+		sessionId: locals.sessionId
+	});
+
+	if (!conv) {
+		throw error(404, 'Conversation not found');
+	}
+
+	if (conv.shares?.length) {
+		// Keep the convo, as it's been shared we don't want to invalidate share links
+		await collections.conversations.updateOne({ _id: conv._id }, { $unset: { sessionId: 1 } });
+	} else {
+		await collections.conversations.deleteOne({ _id: conv._id });
+	}
+
+	return new Response();
+}
+
 async function parseGeneratedText(stream: ReadableStream): Promise<string> {
 	const inputs: Uint8Array[] = [];
 	for await (const input of streamToAsyncIterable(stream)) {