feat: more dynamic settings system

src/lib/sections/settings/Conversion.svelte

@@ -7,24 +7,32 @@
 	import { RefreshCwIcon, SaveAllIcon } from "lucide-svelte";
 	import { onMount } from "svelte";
 
-	let filenameFormat = "VERT_%name%";
+	// let filenameFormat = "VERT_%name%";
+	let settings = $state({
+		filenameFormat: "VERT_%name%",
+	});
 
 	function save() {
-		log(["settings"], "Saving settings");
+		log(["settings"], "saving settings");
 		if (!browser) return;
 		try {
-			localStorage.setItem("filenameFormat", filenameFormat);
+			localStorage.setItem("settings", JSON.stringify(settings));
-			log(["settings"], `Saving filename format: ${filenameFormat}`);
+			addToast("success", "settings saved!");
-			addToast("success", "Settings saved!");
 		} catch (error) {
-			log(["settings", "error"], `Failed to save settings: ${error}`);
+			log(["settings", "error"], `failed to save settings: ${error}`);
 			addToast("error", "Failed to save settings!");
 		}
 	}
 
 	onMount(() => {
-		const format = localStorage.getItem("filenameFormat");
+		const savedSettings = localStorage.getItem("settings");
-		if (format) filenameFormat = format;
+		if (savedSettings) {
+			const parsedSettings = JSON.parse(savedSettings);
+			settings = {
+				...settings,
+				...parsedSettings,
+			};
+		}
 	});
 </script>
 
@@ -59,7 +67,7 @@
 				</div>
 				<FancyTextInput
 					placeholder="VERT_%name%"
-					bind:value={filenameFormat}
+					bind:value={settings.filenameFormat}
 					extension=".ext"
 					type="text"
 				/>

src/lib/store/index.svelte.ts

@@ -186,8 +186,8 @@ class Files {
 		const blob = await downloadZip(dlFiles, "converted.zip").blob();
 		const url = URL.createObjectURL(blob);
 
-		const filenameFormat =
+		const settings = JSON.parse(localStorage.getItem("settings") ?? "{}");
-			localStorage.getItem("filenameFormat") ?? "VERT_%name%";
+		const filenameFormat = settings.filenameFormat ?? "VERT_%name%";
 
 		const format = (name: string) => {
 			const date = new Date().toISOString();

src/lib/types/file.svelte.ts

@@ -57,8 +57,8 @@ export class VertFile {
 	public async download() {
 		if (!this.result) throw new Error("No result found");
 
-		const filenameFormat =
+		const settings = JSON.parse(localStorage.getItem("settings") ?? "{}");
-			localStorage.getItem("filenameFormat") ?? "VERT_%name%";
+		const filenameFormat = settings.filenameFormat ?? "VERT_%name%";
 
 		const format = (name: string) => {
 			const date = new Date().toISOString();

src/routes/about/+page.svelte

@@ -52,7 +52,7 @@
 		const cachedContribs = sessionStorage.getItem("ghContribs");
 		if (cachedContribs) {
 			ghContribs = JSON.parse(cachedContribs);
-			log(["about"], "Loaded GitHub contributors from cache");
+			log(["about"], "loaded GitHub contributors from cache");
 			return;
 		}