From db01b7043b94d07e7e9a5131c235f0580ab967f0 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Sun, 3 Nov 2024 10:02:44 -0500
Subject: Bare-bones multiline input

---
 ui/lib/components/Message.svelte      |  2 +-
 ui/lib/components/MessageInput.svelte | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'ui')

diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index 0b91b66..a82318a 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -5,7 +5,7 @@
 	export let at;
 	export let body;
 
-	$: renderedBody = DOMPurify.sanitize(marked.parse(body));
+	$: renderedBody = DOMPurify.sanitize(marked.parse(body, { breaks: true }));
 
 	let scroll = (message) => {
 		message.scrollIntoView();
diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte
index 7aac442..94ef98a 100644
--- a/ui/lib/components/MessageInput.svelte
+++ b/ui/lib/components/MessageInput.svelte
@@ -20,13 +20,21 @@
 			input.focus();
 		}
 	}
+
+	function onKeyDown(event) {
+		if (!event.altKey && event.key === 'Enter') {
+			handleSubmit();
+			event.preventDefault();
+		}
+	}
 </script>
 
 <form on:submit|preventDefault={handleSubmit} class="flex flex-row flex-nowrap">
-	<input
+	<textarea
 		bind:this={input}
 		bind:value
 		{disabled}
+		on:keydown={onKeyDown}
 		type="search"
 		class="flex-auto h-6 input rounded-r-none"
 	/>
-- 
cgit v1.2.3