From d02d17f177ca6ad9a34266bdb49fdb6b2865c720 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Mon, 4 Nov 2024 19:01:37 +0900
Subject: [PATCH] Fix textarea reloading

---
 src/lib/SideBars/Scripts/RegexData.svelte | 13 ++++++++++---
 src/lib/UI/GUI/TextAreaInput.svelte       |  8 +++++++-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/lib/SideBars/Scripts/RegexData.svelte b/src/lib/SideBars/Scripts/RegexData.svelte
index ef82a37d..5bff0328 100644
--- a/src/lib/SideBars/Scripts/RegexData.svelte
+++ b/src/lib/SideBars/Scripts/RegexData.svelte
@@ -10,6 +10,7 @@
     import OptionInput from "../../UI/GUI/OptionInput.svelte";
     import Arcodion from "src/lib/UI/Arcodion.svelte";
   import NumberInput from "src/lib/UI/GUI/NumberInput.svelte";
+  import { ReloadGUIPointer } from "src/ts/stores.svelte";
 
   interface Props {
     value: customscript;
@@ -108,9 +109,13 @@
     {#if open}
         <div class="seperator p-2">
             <span class="text-textcolor mt-6">{language.name}</span>
-            <TextInput size="sm" bind:value={value.comment} />
+            <TextInput size="sm" bind:value={value.comment} onchange={(e) => {
+                $ReloadGUIPointer += 1
+            }} />
             <span class="text-textcolor mt-4">Modification Type</span>
-            <SelectInput bind:value={value.type}>
+            <SelectInput bind:value={value.type} onchange={(e) => {
+                $ReloadGUIPointer += 1
+            }}>
                 <OptionInput value="editinput">{language.editInput}</OptionInput>
                 <OptionInput value="editoutput">{language.editOutput}</OptionInput>
                 <OptionInput value="editprocess">{language.editProcess}</OptionInput>
@@ -120,7 +125,9 @@
             <span class="text-textcolor mt-6">IN:</span>
             <TextInput size="sm" bind:value={value.in} />
             <span class="text-textcolor mt-6">OUT:</span>
-            <TextAreaInput highlight autocomplete="off" size="sm" bind:value={value.out} />
+            <TextAreaInput highlight autocomplete="off" size="sm" bind:value={value.out} onInput={(e) => {
+                $ReloadGUIPointer += 1
+            }} />
             {#if value.ableFlag}
                 <!-- <span class="text-textcolor mt-6">FLAG:</span>
                 <TextInput size="sm" bind:value={value.flag} /> -->
diff --git a/src/lib/UI/GUI/TextAreaInput.svelte b/src/lib/UI/GUI/TextAreaInput.svelte
index 73df1ba2..a67bb764 100644
--- a/src/lib/UI/GUI/TextAreaInput.svelte
+++ b/src/lib/UI/GUI/TextAreaInput.svelte
@@ -65,6 +65,7 @@
                     value = e.currentTarget.value
                     onInput()
                 }
+                onchange()
             }}
 ></textarea>
 {:else}
@@ -86,6 +87,9 @@
                 insertTextAtSelection(text)
             }
         }}
+        onchange={(e) => {
+            onchange()
+        }}
         bind:this={inputDom}
         translate="no"
     >{value ?? ''}</div>
@@ -119,6 +123,7 @@
         className?: string;
         optimaizedInput?: boolean;
         highlight?: boolean;
+        onchange?: () => void;
     }
 
     let {
@@ -134,7 +139,8 @@
         height = 'default',
         className = '',
         optimaizedInput = true,
-        highlight = false
+        highlight = false,
+        onchange = () => {}
     }: Props = $props();
     let selectingAutoComplete = $state(0)
     let highlightId = highlight ? getNewHighlightId() : 0