From 39e6064c7defaf9289714d2ac444b486853af9b6 Mon Sep 17 00:00:00 2001
From: PleahMaCaka <pleahmacaka@gmail.com>
Date: Tue, 31 Oct 2023 10:49:22 +0900
Subject: [PATCH] feat!: BIG FEATURE <FAKE MESSAGE GENERATOR> IS OUT 2023 FREE

---
 src/lib/components/Sidebar.svelte             |  2 +
 .../debug/FakeMessageGenerator.svelte         | 39 +++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 src/lib/components/debug/FakeMessageGenerator.svelte

diff --git a/src/lib/components/Sidebar.svelte b/src/lib/components/Sidebar.svelte
index 2aec0e1..8e81c7e 100644
--- a/src/lib/components/Sidebar.svelte
+++ b/src/lib/components/Sidebar.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import FakeMessageGenerator from "$lib/components/debug/FakeMessageGenerator.svelte"
   import Profile from "$lib/components/sidebar/Profile.svelte"
   import SettingsButton from "$lib/components/sidebar/SettingsButton.svelte"
   import SideButton from "$lib/components/sidebar/SideButton.svelte"
@@ -59,6 +60,7 @@
         {/if}
       </SideButton>
     </ul>
+    <FakeMessageGenerator />
   </div>
   <!--  -->
   <div class="side-bottom">
diff --git a/src/lib/components/debug/FakeMessageGenerator.svelte b/src/lib/components/debug/FakeMessageGenerator.svelte
new file mode 100644
index 0000000..283a082
--- /dev/null
+++ b/src/lib/components/debug/FakeMessageGenerator.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { client } from "$lib/client/Client"
+  import { stateStore } from "$lib/stores/StateStore"
+  import { Author } from "$lib/types/Chat"
+
+  let isBot: boolean = false
+  let content: string = ""
+
+  const sendAs = async () => {
+    await client.appendHistory(isBot ? Author.Assistant : Author.User, content)
+  }
+</script>
+
+{#if $stateStore.debug}
+  <div id="fmsg">
+    <div id="fmsg-is-this">
+      <h3>Is this a bot?</h3>
+      <input type="checkbox" bind:value={isBot} />
+    </div>
+    <div id="fmsg-is-this">
+      <input bind:value={content} />
+      <button on:click={sendAs}>Send</button>
+    </div>
+  </div>
+{/if}
+
+<style>
+  #fmsg-is-this {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  #fmsg {
+    display: flex;
+    flex-direction: column;
+    color: #f2f2f2;
+  }
+</style>
\ No newline at end of file