From dfadac7813500a9050991ccd33fcf375610692ee Mon Sep 17 00:00:00 2001
From: HanishKVC <hanishkvc@gmail.com>
Date: Mon, 20 May 2024 11:56:41 +0530
Subject: [PATCH] SimpleChat: textarea for multiline user chat, inturn
 shift+enter 4 enter

---
 examples/server/public_simplechat/simplechat.html | 9 +++++----
 examples/server/public_simplechat/simplechat.js   | 4 +++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/examples/server/public_simplechat/simplechat.html b/examples/server/public_simplechat/simplechat.html
index 4bfcadb01..85cc73454 100644
--- a/examples/server/public_simplechat/simplechat.html
+++ b/examples/server/public_simplechat/simplechat.html
@@ -30,14 +30,15 @@
         </div>
         <hr>
         <div id="chat">
-            <p> Enter the system prompt above, before entering/submitting any user query</p>
-            <p> Enter your text to the ai assistant below</p>
-            <p> Refresh the page to start over fresh</p>
+            <p> Enter the system prompt above, before entering/submitting any user query.</p>
+            <p> Enter your text to the ai assistant below.</p>
+            <p> Use shift+enter for inserting enter.</p>
+            <p> Refresh the page to start over fresh.</p>
         </div>
 
         <hr>
         <div class="sameline">
-            <input type="text" id="user" class="flex-grow" />
+            <textarea id="user" class="flex-grow" rows="3"></textarea>
             <button id="submit">submit</button>
         </div>
     </body>
diff --git a/examples/server/public_simplechat/simplechat.js b/examples/server/public_simplechat/simplechat.js
index d7cf61bc2..5e73c204c 100644
--- a/examples/server/public_simplechat/simplechat.js
+++ b/examples/server/public_simplechat/simplechat.js
@@ -239,7 +239,9 @@ function startme() {
     });
 
     inputUser?.addEventListener("keyup", (ev)=> {
-        if (ev.key === "Enter") {
+        // allow user to insert enter into their message using shift+enter.
+        // while just pressing enter key will lead to submitting.
+        if ((ev.key === "Enter") && (!ev.shiftKey)) {
             btnSubmit?.click();
             ev.preventDefault();
         }