Add GUI size options

src/ts/gui/guisize.ts

@@ -0,0 +1,46 @@
+import { get, writable } from "svelte/store";
+import { DataBase } from "../storage/database";
+
+export let textAreaSize = writable(0)
+export let sideBarSize = writable(0)
+export let textAreaTextSize = writable(0)
+
+export function updateGuisize(){
+    let db = get(DataBase)
+    const root = document.querySelector(':root') as HTMLElement;
+    if(!root){
+        return
+    }
+    textAreaSize.set(db.textAreaSize)
+    sideBarSize.set(db.sideBarSize)
+    textAreaTextSize.set(db.textAreaTextSize)
+}
+
+export function guiSizeText(num:number){
+    switch(num){
+        case 0:
+            return 'Default'
+        case 1:
+            return 'Big'
+        case 2:
+            return 'Bigger'
+        case 3:
+            return 'Huge'
+        case 4:
+            return 'Huger'
+        case 5:
+            return 'Hugest'
+        case -1:
+            return 'Small'
+        case -2:
+            return 'Smaller'
+        case -3:
+            return 'Tiny'
+        case -4:
+            return 'Tinier'
+        case -5:
+            return 'Tiniest'
+        default:
+            return 'Default'
+    }
+}

src/ts/storage/database.ts

@@ -396,6 +396,9 @@ export function setDatabase(data:Database){
     data.hanuraiEnable ??= false
     data.hanuraiSplit ??= false
     data.hanuraiTokens ??= 1000
+    data.textAreaSize ??= 0
+    data.sideBarSize ??= 0
+    data.textAreaTextSize ??= 0
 
     changeLanguage(data.language)
     DataBase.set(data)
@@ -647,6 +650,9 @@ export interface Database{
     hanuraiTokens:number
     hanuraiSplit:boolean
     hanuraiEnable:boolean
+    textAreaSize:number
+    sideBarSize:number
+    textAreaTextSize:number
 }
 
 export interface customscript{

src/ts/storage/globalApi.ts

@@ -31,6 +31,7 @@ import { registerPlugin } from '@capacitor/core';
 import { language } from "src/lang";
 import { startObserveDom } from "../observer";
 import { removeDefaultHandler } from "src/main";
+import { updateGuisize } from "../gui/guisize";
 
 //@ts-ignore
 export const isTauri = !!window.__TAURI__
@@ -505,6 +506,7 @@ export async function loadData() {
             updateAnimationSpeed()
             updateHeightMode()
             updateErrorHandling()
+            updateGuisize()
             if(db.botSettingAtStart){
                 botMakerMode.set(true)
             }