[feat] add click to edit

src/lang/en.ts

@@ -279,5 +279,6 @@ export const languageEnglish = {
     globalLoreBook: 'Global Lorebook',
     globalRegexScript: "Global Regex",
     accessibility: "Accessibility",
-    sendWithEnter: "Send with Enter Key"
+    sendWithEnter: "Send with Enter Key",
+    clickToEdit: "Click Text to Edit"
 }

src/lang/ko.ts

@@ -257,5 +257,7 @@ export const languageKorean = {
     charLoreBook: '캐릭터 로어북',
     globalLoreBook: '글로벌 로어북',
     globalRegexScript: "글로별 정규식",
-    accessibility: "접근성"
+    accessibility: "접근성",
+    sendWithEnter: "엔터키로 메세지 보내기",
+    clickToEdit: "클릭해서 수정하기"
 }

src/lib/ChatScreens/Chat.svelte

@@ -129,7 +129,12 @@
                 <AutoresizeArea bind:value={message} />
             {:else}
                 {#await ParseMarkdown(msgDisplay, character) then md} 
-                    <span class="text chat chattext prose prose-invert minw-0"
+                    <!-- svelte-ignore a11y-click-events-have-key-events -->
+                    <span class="text chat chattext prose prose-invert minw-0" on:click={() => {
+                        if($DataBase.clickToEdit){
+                            editMode = true
+                        }
+                    }}
                         style:font-size="{0.875 * ($DataBase.zoomsize / 100)}rem"
                         style:line-height="{1.25 * ($DataBase.zoomsize / 100)}rem"
                     >{@html md}</span>

src/lib/Setting/Pages/AccessibilitySettings.svelte

@@ -25,3 +25,8 @@
     <Check bind:check={$DataBase.sendWithEnter}/>
     <span>{language.sendWithEnter}</span>
 </div>
+
+<div class="flex items-center mt-2">
+    <Check bind:check={$DataBase.clickToEdit}/>
+    <span>{language.clickToEdit}</span>
+</div>

src/ts/database.ts

@@ -485,6 +485,7 @@ export interface Database{
     }
     globalscript: customscript[]
     sendWithEnter:boolean
+    clickToEdit: boolean
 
 }