Refactor svelte/legacy functions to svelte 5 syntax

This commit is contained in:
kwaroran
2024-10-23 21:03:34 +09:00
parent f078292843
commit 9add01cda2
24 changed files with 201 additions and 216 deletions

View File

@@ -1,5 +1,4 @@
<script lang="ts">
import { run } from 'svelte/legacy';
import Check from "src/lib/UI/GUI/CheckInput.svelte";
import { language } from "src/lang";
@@ -26,8 +25,7 @@
import ChatFormatSettings from "./ChatFormatSettings.svelte";
import PromptSettings from "./PromptSettings.svelte";
import { openPresetList } from "src/ts/stores";
import { selectSingleFile } from "src/ts/util";
import { isArray } from "lodash";
import { selectSingleFile } from "src/ts/util";
let tokens = $state({
mainPrompt: 0,
@@ -35,11 +33,11 @@
globalNote: 0,
})
interface Props {
goPromptTemplate?: any;
}
interface Props {
goPromptTemplate?: any;
}
let { goPromptTemplate = () => {} }: Props = $props();
let { goPromptTemplate = () => {} }: Props = $props();
async function loadTokenize(){
tokens.mainPrompt = await tokenizeAccurate($DataBase.mainPrompt, true)
@@ -47,11 +45,11 @@
tokens.globalNote = await tokenizeAccurate($DataBase.globalNote, true)
}
run(() => {
if($DataBase.aiModel === 'textgen_webui' || $DataBase.subModel === 'mancer'){
$DataBase.useStreaming = $DataBase.textgenWebUIStreamURL.startsWith("wss://")
}
});
$effect.pre(() => {
if($DataBase.aiModel === 'textgen_webui' || $DataBase.subModel === 'mancer'){
$DataBase.useStreaming = $DataBase.textgenWebUIStreamURL.startsWith("wss://")
}
});
let submenu = $state($DataBase.useLegacyGUI ? -1 : 0)
</script>

View File

@@ -1,6 +1,4 @@
<script type="ts" lang="ts">
import { run } from 'svelte/legacy';
<script lang="ts">
import { language } from "src/lang";
import TextInput from "src/lib/UI/GUI/TextInput.svelte";
import LoreBookData from "src/lib/SideBars/LoreBook/LoreBookData.svelte";
@@ -28,7 +26,7 @@
let assetFileExtensions:string[] = $state([])
let assetFilePath:string[] = $state([])
run(() => {
$effect.pre(() => {
if($DataBase.useAdditionalAssetsPreview){
if(currentModule?.assets){
for(let i = 0; i < currentModule.assets.length; i++){

View File

@@ -1,6 +1,4 @@
<script lang="ts">
import { run } from 'svelte/legacy';
import Check from "src/lib/UI/GUI/CheckInput.svelte";
import { language } from "src/lang";
import Help from "src/lib/Others/Help.svelte";
@@ -15,8 +13,8 @@
import Button from "src/lib/UI/GUI/Button.svelte";
import { getCharImage } from "src/ts/characters";
import Arcodion from "src/lib/UI/Arcodion.svelte";
import CheckInput from "src/lib/UI/GUI/CheckInput.svelte";
run(() => {
import CheckInput from "src/lib/UI/GUI/CheckInput.svelte";
$effect.pre(() => {
$DataBase.NAIImgConfig ??= {
width: 512,
height: 512,

View File

@@ -1,6 +1,4 @@
<script lang="ts">
import { run } from 'svelte/legacy';
import { ArrowLeft, PlusIcon } from "lucide-svelte";
import { language } from "src/lang";
import PromptDataItem from "src/lib/UI/PromptDataItem.svelte";
@@ -10,10 +8,10 @@
import Check from "src/lib/UI/GUI/CheckInput.svelte";
import TextInput from "src/lib/UI/GUI/TextInput.svelte";
import NumberInput from "src/lib/UI/GUI/NumberInput.svelte";
import Help from "src/lib/Others/Help.svelte";
import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte";
import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
import Help from "src/lib/Others/Help.svelte";
import TextAreaInput from "src/lib/UI/GUI/TextAreaInput.svelte";
import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
let sorted = 0
let opened = 0
@@ -34,10 +32,10 @@
extokens = await tokenizePreset(prest, false)
}
run(() => {
$effect.pre(() => {
warns = templateCheck($DataBase)
});
run(() => {
$effect.pre(() => {
executeTokenize($DataBase.promptTemplate)
});
</script>