Feat: Delete branch #1210 (#1240)

* feat: delete branch #1210

* removed some files

* lint

* types & error handling

* Improve query efficiency & add auth check

* Icon styling

* make it hover only

---------

Co-authored-by: Nathan Sarrazin <[email protected]>

src/lib/components/chat/ChatMessage.svelte

@@ -10,6 +10,7 @@
 	import CopyToClipBoardBtn from "../CopyToClipBoardBtn.svelte";
 	import IconLoading from "../icons/IconLoading.svelte";
 	import CarbonRotate360 from "~icons/carbon/rotate-360";
+	import CarbonTrashCan from "~icons/carbon/trash-can";
 	import CarbonDownload from "~icons/carbon/download";
 	import CarbonThumbsUp from "~icons/carbon/thumbs-up";
 	import CarbonThumbsDown from "~icons/carbon/thumbs-down";
@@ -512,7 +513,7 @@
 		<svelte:fragment slot="childrenNav">
 			{#if nChildren > 1 && $convTreeStore.editing === null}
 				<div
-					class="font-white z-10 -mt-1 ml-3.5 mr-auto flex h-6 w-fit select-none flex-row items-center justify-center gap-1 text-sm"
+					class="font-white group/navbranch z-10 -mt-1 ml-3.5 mr-auto flex h-6 w-fit select-none flex-row items-center justify-center gap-1 text-sm"
 				>
 					<button
 						class="inline text-lg font-thin text-gray-400 disabled:pointer-events-none disabled:opacity-25 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-200"
@@ -535,6 +536,19 @@
 					>
 						<CarbonChevronRight class="text-sm" />
 					</button>
+					{#if !loading && message.children}<form
+							method="POST"
+							action="?/deleteBranch"
+							class="hidden group-hover/navbranch:block"
+						>
+							<input name="messageId" value={message.children[childrenToRender]} type="hidden" />
+							<button
+								class="flex items-center justify-center text-xs text-gray-400 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-200"
+								type="submit"
+								><CarbonTrashCan />
+							</button>
+						</form>
+					{/if}
 				</div>
 			{/if}
 		</svelte:fragment>

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

@@ -66,3 +66,44 @@ export const load = async ({ params, depends, locals }) => {
 		shared,
 	};
 };
+
+export const actions = {
+	deleteBranch: async ({ request, locals, params }) => {
+		const data = await request.formData();
+		const messageId = data.get("messageId");
+
+		if (!messageId || typeof messageId !== "string") {
+			throw error(400, "Invalid message id");
+		}
+
+		const conversation = await collections.conversations.findOne({
+			...authCondition(locals),
+			_id: new ObjectId(params.id),
+		});
+
+		if (!conversation) {
+			throw error(404, "Conversation not found");
+		}
+
+		const filteredMessages = conversation.messages
+			.filter(
+				(message) =>
+					// not the message AND the message is not in ancestors
+					!(message.id === messageId) && message.ancestors && !message.ancestors.includes(messageId)
+			)
+			.map((message) => {
+				// remove the message from children if it's there
+				if (message.children && message.children.includes(messageId)) {
+					message.children = message.children.filter((child) => child !== messageId);
+				}
+				return message;
+			});
+
+		await collections.conversations.updateOne(
+			{ _id: conversation._id, ...authCondition(locals) },
+			{ $set: { messages: filteredMessages } }
+		);
+
+		return { from: "deleteBranch", ok: true };
+	},
+};