From dffc5ee65e5873509db253617c2a74a02d061d68 Mon Sep 17 00:00:00 2001
From: Kwaroran <amasio1234@proton.me>
Date: Fri, 14 Feb 2025 00:21:42 +0900
Subject: [PATCH] refactor: remove legacy imports and update event handling in
 chat and trigger components

---
 src/lib/ChatScreens/DefaultChatScreen.svelte |  1 -
 src/lib/SideBars/Scripts/TriggerList.svelte  | 31 ++++++++++----------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/lib/ChatScreens/DefaultChatScreen.svelte b/src/lib/ChatScreens/DefaultChatScreen.svelte
index 8a16e92b..991d9410 100644
--- a/src/lib/ChatScreens/DefaultChatScreen.svelte
+++ b/src/lib/ChatScreens/DefaultChatScreen.svelte
@@ -28,7 +28,6 @@
     import { getInlayAsset } from 'src/ts/process/files/inlays';
     import PlaygroundMenu from '../Playground/PlaygroundMenu.svelte';
     import { ConnectionOpenStore } from 'src/ts/sync/multiuser';
-  import { preventDefault } from 'svelte/legacy';
 
     let messageInput:string = $state('')
     let messageInputTranslate:string = $state('')
diff --git a/src/lib/SideBars/Scripts/TriggerList.svelte b/src/lib/SideBars/Scripts/TriggerList.svelte
index b6be55ea..2e2a0070 100644
--- a/src/lib/SideBars/Scripts/TriggerList.svelte
+++ b/src/lib/SideBars/Scripts/TriggerList.svelte
@@ -1,24 +1,23 @@
 <script lang="ts">
-  import { stopPropagation } from 'svelte/legacy';
 
     import type { triggerscript } from "src/ts/storage/database.svelte";
     import TriggerData from "./TriggerData.svelte";
     import Sortable from "sortablejs";
     import { sleep, sortableOptions } from "src/ts/util";
     import { onDestroy, onMount } from "svelte";
-  import { language } from "src/lang";
-  import { alertConfirm } from "src/ts/alert";
-  import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte";
-  import Button from "src/lib/UI/GUI/Button.svelte";
-  import { openURL } from "src/ts/globalApi.svelte";
-  import { hubURL } from "src/ts/characterCards";
-  import { PlusIcon } from "lucide-svelte";
-  interface Props {
-    value?: triggerscript[];
-    lowLevelAble?: boolean;
-  }
+    import { language } from "src/lang";
+    import { alertConfirm } from "src/ts/alert";
+    import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte";
+    import Button from "src/lib/UI/GUI/Button.svelte";
+    import { openURL } from "src/ts/globalApi.svelte";
+    import { hubURL } from "src/ts/characterCards";
+    import { PlusIcon } from "lucide-svelte";
+    interface Props {
+        value?: triggerscript[];
+        lowLevelAble?: boolean;
+    }
 
-  let { value = $bindable([]), lowLevelAble = false }: Props = $props();
+    let { value = $bindable([]), lowLevelAble = false }: Props = $props();
     let stb: Sortable = null
     let ele: HTMLDivElement = $state()
     let sorted = $state(0)
@@ -80,7 +79,8 @@
     <button class="bg-bgcolor py-1 rounded-md text-sm px-2" class:ring-1={
         value?.[0]?.effect?.[0]?.type !== 'triggercode' &&
         value?.[0]?.effect?.[0]?.type !== 'triggerlua'
-    } onclick={stopPropagation(async () => {
+    } onclick={(async (e) => {
+        e.stopPropagation()
         const codeType = value?.[0]?.effect?.[0]?.type
         if(codeType === 'triggercode' || codeType === 'triggerlua'){
             const codeTrigger = value?.[0]?.effect?.[0]?.code
@@ -93,7 +93,8 @@
             value = []
         }
     })}>{language.blockMode}</button>
-    <button class="bg-bgcolor py-1 rounded-md text-sm px-2" class:ring-1={value?.[0]?.effect?.[0]?.type === 'triggerlua'} onclick={stopPropagation(async () => {
+    <button class="bg-bgcolor py-1 rounded-md text-sm px-2" class:ring-1={value?.[0]?.effect?.[0]?.type === 'triggerlua'} onclick={(async (e) => {
+        e.stopPropagation()
         if(value?.[0]?.effect?.[0]?.type !== 'triggerlua'){
             if(value && value.length > 0){
                 const t = await alertConfirm(language.triggerSwitchWarn)