From 616a66db2842cdaed5f89dddf6c79f39c38ca9e5 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Mon, 29 Jul 2024 01:10:09 +0900
Subject: [PATCH] feat: add updateGUI

---
 src/lib/ChatScreens/BackgroundDom.svelte | 14 ++++++++------
 src/lib/ChatScreens/Chat.svelte          | 17 +++++++++--------
 src/ts/process/lua.ts                    |  6 +++++-
 src/ts/stores.ts                         |  1 +
 4 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/lib/ChatScreens/BackgroundDom.svelte b/src/lib/ChatScreens/BackgroundDom.svelte
index 789a92a5..a1b8254d 100644
--- a/src/lib/ChatScreens/BackgroundDom.svelte
+++ b/src/lib/ChatScreens/BackgroundDom.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { ParseMarkdown, risuChatParser } from "src/ts/parser";
     import { DataBase, type Database, type character, type groupChat } from "src/ts/storage/database";
-    import { CurrentVariablePointer, moduleBackgroundEmbedding, selectedCharID } from "src/ts/stores";
+    import { CurrentVariablePointer, moduleBackgroundEmbedding, ReloadGUIPointer, selectedCharID } from "src/ts/stores";
     import { onDestroy } from "svelte";
 
     let backgroundHTML = ''
@@ -43,10 +43,12 @@
 
 {#if backgroundHTML || $moduleBackgroundEmbedding}
     {#key $CurrentVariablePointer}
-        <div class="absolute top-0 left-0 w-full h-full">
-            {#await ParseMarkdown(risuChatParser((backgroundHTML || '') + ($moduleBackgroundEmbedding || ''), {chara:currentChar}), currentChar, 'back') then md} 
-                {@html md}
-            {/await}
-        </div>
+        {#key $ReloadGUIPointer}
+            <div class="absolute top-0 left-0 w-full h-full">
+                {#await ParseMarkdown(risuChatParser((backgroundHTML || '') + ($moduleBackgroundEmbedding || ''), {chara:currentChar}), currentChar, 'back') then md} 
+                    {@html md}
+                {/await}
+            </div>
+        {/key}
     {/key}
 {/if}
\ No newline at end of file
diff --git a/src/lib/ChatScreens/Chat.svelte b/src/lib/ChatScreens/Chat.svelte
index eb793c9b..89f1cb2b 100644
--- a/src/lib/ChatScreens/Chat.svelte
+++ b/src/lib/ChatScreens/Chat.svelte
@@ -5,7 +5,7 @@
     import { alertConfirm, alertError, alertRequestData } from "../../ts/alert";
     import { language } from "../../lang";
     import { DataBase, type MessageGenerationInfo } from "../../ts/storage/database";
-    import { CurrentCharacter, CurrentChat, CurrentVariablePointer, HideIconStore } from "../../ts/stores";
+    import { CurrentCharacter, CurrentChat, CurrentVariablePointer, HideIconStore, ReloadGUIPointer } from "../../ts/stores";
     import { translateHTML } from "../../ts/translator/translator";
     import { risuChatParser } from "src/ts/process/scripts";
     import { get } from "svelte/store";
@@ -276,14 +276,15 @@
                     style:font-size="{0.875 * ($DataBase.zoomsize / 100)}rem"
                     style:line-height="{($DataBase.lineHeight ?? 1.25) * ($DataBase.zoomsize / 100)}rem"
                 >
-                    {#key $CurrentVariablePointer}
-                        {#await markParsing(msgDisplay, character, 'normal', idx, translated)}
-                            {@html lastParsed}
-                        {:then md}
-                            {@html md}
-                        {/await}
+                    {#key $ReloadGUIPointer}
+                        {#key $CurrentVariablePointer}
+                            {#await markParsing(msgDisplay, character, 'normal', idx, translated)}
+                                {@html lastParsed}
+                            {:then md}
+                                {@html md}
+                            {/await}
+                        {/key}
                     {/key}
-                    
                 </span>
             {/if}
         </span>
diff --git a/src/ts/process/lua.ts b/src/ts/process/lua.ts
index c327ab9e..fde00266 100644
--- a/src/ts/process/lua.ts
+++ b/src/ts/process/lua.ts
@@ -2,7 +2,7 @@ import { getChatVar, risuChatParser, setChatVar, type simpleCharacterArgument }
 import { LuaEngine, LuaFactory } from "wasmoon";
 import { DataBase, setDatabase, type Chat, type character, type groupChat } from "../storage/database";
 import { get } from "svelte/store";
-import { CurrentCharacter, CurrentChat, selectedCharID } from "../stores";
+import { CurrentCharacter, CurrentChat, CurrentVariablePointer, ReloadGUIPointer, selectedCharID } from "../stores";
 import { alertError, alertInput, alertNormal } from "../alert";
 import { HypaProcesser } from "./memory/hypamemory";
 import { generateAIImage } from "./stableDiff";
@@ -191,6 +191,10 @@ export async function runLua(code:string, arg:{
                 console.log(JSON.parse(value))
             })
 
+            luaEngine.global.set('updateGUI', () => {
+                ReloadGUIPointer.set(get(ReloadGUIPointer) + 1)
+            })
+
             //Low Level Access
             luaEngine.global.set('similarity', async (id:string, source:string, value:string[]) => {
                 if(!LuaLowLevelIds.has(id)){
diff --git a/src/ts/stores.ts b/src/ts/stores.ts
index 3bffe86f..2c69938e 100644
--- a/src/ts/stores.ts
+++ b/src/ts/stores.ts
@@ -38,6 +38,7 @@ export const CurrentShowMemoryLimit = writable(false) as Writable<boolean>
 export const ShowVN = writable(false)
 export const SettingsMenuIndex = writable(-1)
 export const CurrentVariablePointer = writable({} as {[key:string]: string|number|boolean})
+export const ReloadGUIPointer = writable(0)
 export const OpenRealmStore = writable(false)
 export const ShowRealmFrameStore = writable('')
 export const PlaygroundStore = writable(0)