refactor: remove legacy imports and update event handling in chat and trigger components

This commit is contained in:
Kwaroran
2025-02-14 00:21:42 +09:00
parent 7b57bdf5f1
commit dffc5ee65e
2 changed files with 16 additions and 16 deletions

View File

@@ -28,7 +28,6 @@
import { getInlayAsset } from 'src/ts/process/files/inlays'; import { getInlayAsset } from 'src/ts/process/files/inlays';
import PlaygroundMenu from '../Playground/PlaygroundMenu.svelte'; import PlaygroundMenu from '../Playground/PlaygroundMenu.svelte';
import { ConnectionOpenStore } from 'src/ts/sync/multiuser'; import { ConnectionOpenStore } from 'src/ts/sync/multiuser';
import { preventDefault } from 'svelte/legacy';
let messageInput:string = $state('') let messageInput:string = $state('')
let messageInputTranslate:string = $state('') let messageInputTranslate:string = $state('')

View File

@@ -1,24 +1,23 @@
<script lang="ts"> <script lang="ts">
import { stopPropagation } from 'svelte/legacy';
import type { triggerscript } from "src/ts/storage/database.svelte"; import type { triggerscript } from "src/ts/storage/database.svelte";
import TriggerData from "./TriggerData.svelte"; import TriggerData from "./TriggerData.svelte";
import Sortable from "sortablejs"; import Sortable from "sortablejs";
import { sleep, sortableOptions } from "src/ts/util"; import { sleep, sortableOptions } from "src/ts/util";
import { onDestroy, onMount } from "svelte"; import { onDestroy, onMount } from "svelte";
import { language } from "src/lang"; import { language } from "src/lang";
import { alertConfirm } from "src/ts/alert"; import { alertConfirm } from "src/ts/alert";
import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte"; import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte";
import Button from "src/lib/UI/GUI/Button.svelte"; import Button from "src/lib/UI/GUI/Button.svelte";
import { openURL } from "src/ts/globalApi.svelte"; import { openURL } from "src/ts/globalApi.svelte";
import { hubURL } from "src/ts/characterCards"; import { hubURL } from "src/ts/characterCards";
import { PlusIcon } from "lucide-svelte"; import { PlusIcon } from "lucide-svelte";
interface Props { interface Props {
value?: triggerscript[]; value?: triggerscript[];
lowLevelAble?: boolean; lowLevelAble?: boolean;
} }
let { value = $bindable([]), lowLevelAble = false }: Props = $props(); let { value = $bindable([]), lowLevelAble = false }: Props = $props();
let stb: Sortable = null let stb: Sortable = null
let ele: HTMLDivElement = $state() let ele: HTMLDivElement = $state()
let sorted = $state(0) let sorted = $state(0)
@@ -80,7 +79,8 @@
<button class="bg-bgcolor py-1 rounded-md text-sm px-2" class:ring-1={ <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 !== 'triggercode' &&
value?.[0]?.effect?.[0]?.type !== 'triggerlua' value?.[0]?.effect?.[0]?.type !== 'triggerlua'
} onclick={stopPropagation(async () => { } onclick={(async (e) => {
e.stopPropagation()
const codeType = value?.[0]?.effect?.[0]?.type const codeType = value?.[0]?.effect?.[0]?.type
if(codeType === 'triggercode' || codeType === 'triggerlua'){ if(codeType === 'triggercode' || codeType === 'triggerlua'){
const codeTrigger = value?.[0]?.effect?.[0]?.code const codeTrigger = value?.[0]?.effect?.[0]?.code
@@ -93,7 +93,8 @@
value = [] value = []
} }
})}>{language.blockMode}</button> })}>{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?.[0]?.effect?.[0]?.type !== 'triggerlua'){
if(value && value.length > 0){ if(value && value.length > 0){
const t = await alertConfirm(language.triggerSwitchWarn) const t = await alertConfirm(language.triggerSwitchWarn)