feat: client for communicate with API/LLM Servers

package.json

@@ -26,6 +26,7 @@
     "@tiptap/starter-kit": "^2.1.12",
     "@types/cookie": "^0.5.3",
     "autoprefixer": "^10.4.16",
+    "booga.js": "^0.2.1",
     "marked": "^9.1.2",
     "postcss": "^8.4.31",
     "postcss-import": "^15.1.0",

src/lib/client/Client.ts

@@ -0,0 +1,47 @@
+import { stateStore } from "$lib/stores/StateStore"
+import { Author } from "$lib/types/Chat"
+import { Client as LLM } from "booga.js"
+
+export class Client {
+
+    constructor() {
+        stateStore.subscribe((state) => {
+            this._url = state.url.model
+        })
+    }
+
+    private _url: string = ""
+
+    public llm = new LLM({
+        uri: this._url
+    })
+
+    public async appendHistory(author: Author, msg: string) {
+        stateStore.update((state) => {
+            return {
+                ...state,
+                history: [
+                    ...state.history,
+                    {
+                        author: author,
+                        message: msg
+                    }
+                ]
+            }
+        })
+    }
+
+
+    public async send(msg: string, char: string = "Commander") {
+        await this.appendHistory(Author.User, msg)
+
+        await this.llm.chat(msg, {
+            character: char
+        }).then(res => {
+            this.appendHistory(Author.Assistant, res.output)
+        })
+    }
+
+}
+
+export const client = new Client()

src/lib/components/share/ChatInput.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { client } from "$lib/client/Client"
   import { stateStore } from "$lib/stores/StateStore"
   import Icon from "@iconify/svelte"
   import { onMount } from "svelte"
@@ -10,14 +11,17 @@
   onMount(() => {
     textarea.focus()
   })
-  
+
   const submitText = async () => {
     if (text.length === 0) return
     if (text.trim() === "") return
 
-    $stateStore.input = text
     console.log("Text Submitted:", text)
+
+    $stateStore.input = text
     text = ""
+
+    await client.send($stateStore.input)
   }
 
   const handleKeyDown = (event: KeyboardEvent) => {