Add chat endpoint

index.js

@@ -42,12 +42,10 @@ void (async () => {
     res.json({ success: true })
   })
 
-  app.post("/chat", async (req, res) => {
+  app.post("/chat", urlencoded({ "extended": true }), async (req, res) => {
     try {
-    const output = await chat(req.body.prompt, redisClient)
-    res.json({
-      response: output
-    })
+      const output = await chat(req.body.text, redisClient)
+      res.send(output)
     } catch(err) {
       console.log("Error in /chat", err)
       res.status(500).send(err)

public/index.html

@@ -44,6 +44,10 @@
   width: 100%;
 }
 
+input[type="submit"]:disabled {
+  background-color: #888;
+}
+
 button:hover {
   background-color: #444;
 }
@@ -83,7 +87,8 @@ <h2>Teach something to the AI</h2>
       hx-push-url="false"
       hx-swap="none"
       hx-on::before-send="handleBeforeSend(event)"
-      hx-on::after-request="handleAfterRequest(event)"
+      hx-on::after-request="handleAfterAdd(event)"
+      hx-on::after-settle="alert('I learned something new!')"
     >
       <textarea
         name="text"
@@ -101,19 +106,23 @@ <h2>Teach something to the AI</h2>
     <h2>Talk to the AI about your data</h2>
     <form
       hx-boost="true"
-      action="/createEmbedding"
+      action="/chat"
       method="post"
       hx-push-url="false"
-      hx-swap="none"
+      hx-target="#response"
+      hx-swap="innerHTML"
       hx-on::before-send="handleBeforeSend(event)"
-      hx-on::after-request="handleAfterRequest(event)"
+      hx-on::after-request="handleAfterChat(event)"
     >
       <textarea
-        id="talk2dataText"
+        name="text"
         maxlength="4000"
       ></textarea>
       <br/>
-      <button onclick="talk2data()" id="talk2dataButton"> Chat </button>
+      <input
+        type="submit"
+        value="Chat"
+      />
     </form>
 
     <p id="response"></p>
@@ -127,14 +136,23 @@ <h2>Talk to the AI about your data</h2>
     button.disabled = true
   }
 
-  function handleAfterRequest(event) {
+  function handleAfterAdd(event) {
+    const textArea = event.target.querySelector("textarea")
+    const button = event.target.querySelector("input[type='submit']")
+
+    textArea.disabled = false
+    button.disabled = false
+    textArea.value = ""
+    alert("I learned something new!")
+  }
+
+  function handleAfterChat(event) {
     const textArea = event.target.querySelector("textarea")
     const button = event.target.querySelector("input[type='submit']")
 
     textArea.disabled = false
     button.disabled = false
     textArea.value = ""
-    alert('I learned something new!')
   }
 
   function talk2data() {