[fix] nai i2i saving at db

src/lib/Setting/Pages/OtherBotSettings.svelte

@@ -4,14 +4,14 @@
     import Help from "src/lib/Others/Help.svelte";
     import { selectSingleFile } from "src/ts/util";
     import { DataBase } from "src/ts/storage/database";
-    import { isTauri } from "src/ts/storage/globalApi";
+    import { isTauri, saveAsset } from "src/ts/storage/globalApi";
     import NumberInput from "src/lib/UI/GUI/NumberInput.svelte";
     import TextInput from "src/lib/UI/GUI/TextInput.svelte";
     import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
     import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
     import SliderInput from "src/lib/UI/GUI/SliderInput.svelte";
     import Button from "src/lib/UI/GUI/Button.svelte";
-    import { convertToBase64 } from "src/ts/process/uinttobase64";
+  import { getCharImage } from "src/ts/characters";
 
 </script>
 <h2 class="mb-2 text-2xl font-bold mt-2">{language.otherBots}</h2>
@@ -83,11 +83,8 @@
         <SliderInput min={0} max={0.99} step={0.01} bind:value={$DataBase.NAIImgConfig.noise}/>
         <span class="text-textcolor2 mb-6 text-sm">{$DataBase.NAIImgConfig.noise}</span>
 
-        <span class="text-textcolor">base image</span>
-        <TextInput size="sm" marginBottom placeholder="If empty, a profile picture is sent." bind:value={$DataBase.NAIImgConfig.image}/>
-        <span class="text-textcolor">If empty, a profile picture is sent.</span>
-        
-        <Button on:click={async () => {
+        <span class="text-textcolor">Base image</span>
+        <button on:click={async () => {
             const img = await selectSingleFile([
                 'jpg',
                 'jpeg',
@@ -97,9 +94,20 @@
             if(!img){
                 return null
             }
-            const base64 = await convertToBase64(img.data)
-            $DataBase.NAIImgConfig.image = base64
-        }}>Select Image</Button>
+            const saveId = await saveAsset(img.data)
+            $DataBase.NAIImgConfig.image = saveId
+        }}>
+            {#if $DataBase.NAIImgConfig.image === ''}
+                <div class="rounded-md h-20 w-20 shadow-lg bg-textcolor2 cursor-pointer hover:text-green-500"/>
+            {:else}
+                {#await getCharImage($DataBase.NAIImgConfig.image, 'css')}
+                    <div class="rounded-md h-20 w-20 shadow-lg bg-textcolor2 cursor-pointer hover:text-green-500"/>
+                {:then im} 
+                    <div class="rounded-md h-20 w-20 shadow-lg bg-textcolor2 cursor-pointer hover:text-green-500" style={im} />                
+                {/await}
+            {/if}
+        </button>
+
     {/if}
 
     <span class="text-textcolor">Width</span>

src/ts/process/stableDiff.ts

@@ -6,7 +6,6 @@ import { globalFetch, readImage } from "../storage/globalApi"
 import { CharEmotion } from "../stores"
 import type { OpenAIChat } from "."
 import { processZip } from "./processzip"
-import { convertToBase64 } from "./uinttobase64" 
 import type { List } from "lodash"
 import { generateRandomSeed } from "./generateSeed"
 export async function stableDiff(currentChar:character,prompt:string){
@@ -186,10 +185,9 @@ export async function stableDiff(currentChar:character,prompt:string){
                 const charimg = currentChar.image;
                 
                 const img = await readImage(charimg)
-                const base64 = await convertToBase64(img);
-                base64img = base64.split('base64,')[1];
-            }else{
-                base64img = db.NAIImgConfig.image.split('base64,')[1];
+                base64img = Buffer.from(img).toString('base64');
+            }   else{
+                base64img = Buffer.from(await readImage(db.NAIImgConfig.image)).toString('base64');
             }
             
             let randomseed = generateRandomSeed(10);

src/ts/process/uinttobase64.ts

@@ -1,17 +0,0 @@
-export async function convertToBase64(data: Uint8Array): Promise<string> {
-    return new Promise((resolve, reject) => {
-        const blob = new Blob([data]);
-        const reader = new FileReader();
-
-        reader.onloadend = function() {
-            const base64String = reader.result as string;
-            resolve(base64String);
-        };
-
-        reader.onerror = function(error) {
-            reject(error);
-        };
-
-        reader.readAsDataURL(blob);
-    });
-}