feat: Autosave and server sync expansion

Author: prima

embd_res/css/esoStyling.css

@@ -43,11 +43,6 @@
 	    box-sizing: border-box;
 	}
 
-	#popupContainer .popupContent input::placeholder,
-	#popupContainer .popupContent textarea::placeholder {
-	    color: #666;
-	}
-
 	.containAndScaleImage.tile {
 		height: 128px;
 		width: 128px;
@@ -83,7 +78,7 @@
 	}
 
 	.characterCreatorGrid {
-	    color: white;
+	    color: var(--theme_color_text);
 	    padding: 10px;
 	    display: grid;
 	    grid-template-columns: 1fr 1fr;

embd_res/css/popupUtils.css

@@ -1,48 +1,26 @@
 let originalIndexDBSave = indexeddb_save
 let numberOfActionsBetweenSaves = 5, currentTurn = 0
 indexeddb_save = async (name, data) => {
-    if (is_using_kcpp_with_server_saving() && !!localsettings?.enableAutosaveToServer) {
-        if (name === "story") {
-            if (currentTurn === numberOfActionsBetweenSaves) {
-                try {
-                    await fetch(`${custom_kobold_endpoint}/api/data/delete`, {
-                        method: "POST",
-                        headers: getAuthHeaders(),
-                        body: JSON.stringify({ filename: "Autosave" })
-                    })
-                        .catch(e => {
-
-                        })
-
-                    let data = generate_compressed_story(true, true, true)
-                    let bodyData = {
-                        filename: "Autosave",
-                        data: btoa(data),
-                        type: "Save",
-                        isEncrypted: "0",
-                        group: "Public (can be accessed by anybody)",
-                        type: null,
-                        thumbnail: null
-                    };
-                    fetch(`${custom_kobold_endpoint}/api/data/put`, {
-                        method: "POST",
-                        body: JSON.stringify(bodyData),
-                        headers: getAuthHeaders()
-                    })
-                        .then(resp => resp.json())
-                        .catch(e => {
-                            handleError(e)
-                        })
-                }
-                catch (e) {
-                    console.error(e)
+    if (name === "story") {
+        if (currentTurn === numberOfActionsBetweenSaves)
+        {
+            try
+            {
+                let remoteDataSettings = JSON.parse(await indexeddb_load("remoteDataSettings"))
+                if (!!remoteDataSettings) {
+                    let { remoteDataStorageUrl, autosaveName, autosaveMaxNumber, autosaveRemoteSync } = remoteDataSettings;
+                    await syncAutosave(autosaveName, true)
                 }
-
-                currentTurn = 0
             }
-            else {
-                currentTurn++
+            catch (e)
+            {
+                console.error("Error during autosave", e)
             }
+            currentTurn = 0
+        }
+        else
+        {
+            currentTurn++
         }
     }