From 4c65aee867c6f651583905e43d9e85ab9faaaf19 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Tue, 18 Feb 2025 20:56:30 +0300
Subject: [PATCH 1/4] feat: add converter status to category cards

---
 src/lib/converters/ffmpeg.svelte.ts |  2 +-
 src/routes/+page.svelte             | 43 +++++++++++++++++++++++------
 2 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/src/lib/converters/ffmpeg.svelte.ts b/src/lib/converters/ffmpeg.svelte.ts
index 963b975..bfb8fc4 100644
--- a/src/lib/converters/ffmpeg.svelte.ts
+++ b/src/lib/converters/ffmpeg.svelte.ts
@@ -32,6 +32,7 @@ export class FFmpegConverter extends Converter {
 		log(["converters", this.name], `created converter`);
 		if (!browser) return;
 		try {
+			// this is just to cache the wasm and js for when we actually use it. we're not using this ffmpeg instance
 			this.ffmpeg = new FFmpeg();
 			(async () => {
 				const baseURL =
@@ -40,7 +41,6 @@ export class FFmpegConverter extends Converter {
 					coreURL: `${baseURL}/ffmpeg-core.js`,
 					wasmURL: `${baseURL}/ffmpeg-core.wasm`,
 				});
-				// this is just to cache the wasm and js for when we actually use it. we're not using this ffmpeg instance
 				this.ready = true;
 			})();
 		} catch (err) {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1555deb..206721f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,17 +11,29 @@
 
 	import Uploader from "$lib/components/functional/Uploader.svelte";
 	import { converters } from "$lib/converters";
+	import { vertdLoaded } from "$lib/store/index.svelte";
 	import { AudioLines, Check, Film, Image } from "lucide-svelte";
 
 	const getSupportedFormats = (name: string) =>
 		converters.find((c) => c.name === name)?.supportedFormats.join(", ") ||
 		"none";
 
-	const supportedFormats = {
-		images: getSupportedFormats("libvips"),
-		audio: getSupportedFormats("ffmpeg"),
-		video: getSupportedFormats("vertd"),
-	};
+	const status = $derived({
+		images: {
+			ready: converters.find((c) => c.name === "libvips")?.ready,
+			formats: getSupportedFormats("libvips"),
+		},
+		audio: {
+			ready: converters.find((c) => c.name === "ffmpeg")?.ready,
+			formats: getSupportedFormats("ffmpeg"),
+		},
+		video: {
+			ready:
+				converters.find((c) => c.name === "vertd")?.ready &&
+				$vertdLoaded,
+			formats: getSupportedFormats("vertd"),
+		},
+	});
 </script>
 
 <div class="max-w-6xl w-full mx-auto px-6 md:px-8">
@@ -66,9 +78,13 @@
 					<p class="flex items-center justify-center gap-2">
 						<Check size="20" /> Fully supported
 					</p>
+					<p>
+						<b>Status: </b>
+						{status.images.ready ? "ready" : "not ready"}
+					</p>
 					<p>
 						<b>Supported formats:</b>
-						{supportedFormats.images}
+						{status.images.formats}
 					</p>
 				</div>
 			</div>
@@ -85,9 +101,13 @@
 					<p class="flex items-center justify-center gap-2">
 						<Check size="20" /> Fully supported
 					</p>
+					<p>
+						<b>Status: </b>
+						{status.audio.ready ? "ready" : "not ready"}
+					</p>
 					<p>
 						<b>Supported formats:</b>
-						{supportedFormats.audio}
+						{status.audio.formats}
 					</p>
 				</div>
 			</div>
@@ -107,7 +127,14 @@
 							>Learn more</a
 						>.
 					</p>
-					<p><b>Supported formats:</b> {supportedFormats.video}</p>
+					<p>
+						<b>Status: </b>
+						{status.video.ready ? "ready" : "not ready"}
+					</p>
+					<p>
+						<b>Supported formats:</b>
+						{status.video.formats}
+					</p>
 				</div>
 			</div>
 		</div>

From 10c7b035a21f5f887f576922eabdeb30a5630878 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Thu, 20 Feb 2025 20:37:44 +0300
Subject: [PATCH 2/4] feat: add email to about page

---
 src/lib/sections/about/Vertd.svelte | 51 ++++++++++++++++++++++++-----
 1 file changed, 42 insertions(+), 9 deletions(-)

diff --git a/src/lib/sections/about/Vertd.svelte b/src/lib/sections/about/Vertd.svelte
index 27502df..8f97b4f 100644
--- a/src/lib/sections/about/Vertd.svelte
+++ b/src/lib/sections/about/Vertd.svelte
@@ -1,8 +1,18 @@
 <script lang="ts">
 	import Panel from "$lib/components/visual/Panel.svelte";
-	import { PiggyBankIcon } from "lucide-svelte";
+	import { PiggyBankIcon, CopyIcon } from "lucide-svelte";
 	import HotMilk from "$lib/assets/hotmilk.svg?component";
 	import { DISCORD_URL } from "$lib/consts";
+	import { error } from "$lib/logger";
+
+	function copyToClipboard() {
+		try {
+			navigator.clipboard.writeText("hello@vert.sh");
+			alert("Email copied to clipboard!");
+		} catch (err) {
+			error(`Failed to copy email: ${err}`);
+		}
+	}
 </script>
 
 <Panel class="flex flex-col gap-3 p-6 min-h-[280px]">
@@ -24,11 +34,34 @@
 				<HotMilk class="w-full h-16" />
 			</a>
 		</div>
-		<p class="text-muted">
-			Want to support us? Contact a developer in the <a
-				href={DISCORD_URL}
-				target="_blank">Discord</a
-			> server!
-		</p>
-	</div>
-</Panel>
+		<div>
+			<p class="text-muted">
+				Want to support us? Contact a developer in the <a
+					href={DISCORD_URL}
+					target="_blank">Discord</a
+				>
+				server, or send an email to
+				<span class="inline-block mx-[2px] relative top-[2px]"
+					><button
+						id="email"
+						class="flex items-center gap-2 cursor-pointer"
+						onclick={copyToClipboard}
+						aria-label="Copy email to clipboard"
+					>
+						<CopyIcon size="14"></CopyIcon> hello@vert.sh
+					</button></span
+				>!
+			</p>
+		</div>
+	</div></Panel
+>
+
+<style>
+	#email {
+		@apply font-mono bg-gray-200 rounded-md px-1 text-inherit no-underline dynadark:bg-panel-alt dynadark:text-white;
+	}
+
+	#email:hover {
+		@apply font-mono !bg-accent !text-black rounded-md px-1 duration-200;
+	}
+</style>

From 90ca53c2a5ea09b1cbbe59e648182263d2ce9090 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Thu, 20 Feb 2025 20:45:16 +0300
Subject: [PATCH 3/4] feat: show check icon and toast when copied

---
 src/lib/sections/about/Vertd.svelte | 55 +++++++++++++++++------------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/lib/sections/about/Vertd.svelte b/src/lib/sections/about/Vertd.svelte
index 8f97b4f..61b914c 100644
--- a/src/lib/sections/about/Vertd.svelte
+++ b/src/lib/sections/about/Vertd.svelte
@@ -1,14 +1,22 @@
 <script lang="ts">
 	import Panel from "$lib/components/visual/Panel.svelte";
-	import { PiggyBankIcon, CopyIcon } from "lucide-svelte";
+	import { PiggyBankIcon, CopyIcon, CheckIcon } from "lucide-svelte";
 	import HotMilk from "$lib/assets/hotmilk.svg?component";
 	import { DISCORD_URL } from "$lib/consts";
 	import { error } from "$lib/logger";
+	import { addToast } from "$lib/store/ToastProvider";
+
+	let copied = false;
+	let timeoutId: number | undefined;
 
 	function copyToClipboard() {
 		try {
 			navigator.clipboard.writeText("hello@vert.sh");
-			alert("Email copied to clipboard!");
+			copied = true;
+			addToast("success", "Email copied to clipboard!");
+
+			if (timeoutId) clearTimeout(timeoutId);
+			timeoutId = setTimeout(() => (copied = false), 2000);
 		} catch (err) {
 			error(`Failed to copy email: ${err}`);
 		}
@@ -34,27 +42,30 @@
 				<HotMilk class="w-full h-16" />
 			</a>
 		</div>
-		<div>
-			<p class="text-muted">
-				Want to support us? Contact a developer in the <a
-					href={DISCORD_URL}
-					target="_blank">Discord</a
+		<p class="text-muted">
+			Want to support us? Contact a developer in the <a
+				href={DISCORD_URL}
+				target="_blank">Discord</a
+			>
+			server, or send an email to
+			<span class="inline-block mx-[2px] relative top-[2px]">
+				<button
+					id="email"
+					class="flex items-center gap-[6px] cursor-pointer"
+					onclick={copyToClipboard}
+					aria-label="Copy email to clipboard"
 				>
-				server, or send an email to
-				<span class="inline-block mx-[2px] relative top-[2px]"
-					><button
-						id="email"
-						class="flex items-center gap-2 cursor-pointer"
-						onclick={copyToClipboard}
-						aria-label="Copy email to clipboard"
-					>
-						<CopyIcon size="14"></CopyIcon> hello@vert.sh
-					</button></span
-				>!
-			</p>
-		</div>
-	</div></Panel
->
+					{#if copied}
+						<CheckIcon size="14"></CheckIcon>
+					{:else}
+						<CopyIcon size="14"></CopyIcon>
+					{/if}
+					hello@vert.sh
+				</button>
+			</span>!
+		</p>
+	</div>
+</Panel>
 
 <style>
 	#email {

From d013fb00844369977f63164a4c72b389721e7010 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Thu, 20 Feb 2025 21:01:44 +0300
Subject: [PATCH 4/4] fix: save scroll position on mobile while switching pages

---
 src/lib/components/layout/Gradients.svelte |  8 ++++++--
 src/routes/+layout.svelte                  | 20 ++++++++++++++++++--
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/layout/Gradients.svelte b/src/lib/components/layout/Gradients.svelte
index 2adefcf..6a9c9e4 100644
--- a/src/lib/components/layout/Gradients.svelte
+++ b/src/lib/components/layout/Gradients.svelte
@@ -2,7 +2,11 @@
 	import { page } from "$app/state";
 	import { duration } from "$lib/animation";
 	import VertVBig from "$lib/assets/vert-bg.svg?component";
-	import { files, gradientColor, showGradient } from "$lib/store/index.svelte";
+	import {
+		files,
+		gradientColor,
+		showGradient,
+	} from "$lib/store/index.svelte";
 	import { quintOut } from "svelte/easing";
 	import { fade } from "$lib/animation";
 </script>
@@ -90,4 +94,4 @@
 			easing: quintOut,
 		}}
 	></div>
-{/if}
\ No newline at end of file
+{/if}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a793d0f..c8af493 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount } from "svelte";
-	import { goto } from "$app/navigation";
+	import { goto, beforeNavigate, afterNavigate } from "$app/navigation";
 
 	import { PUB_PLAUSIBLE_URL, PUB_HOSTNAME } from "$env/static/public";
 	import { VERT_NAME } from "$lib/consts";
@@ -20,6 +20,21 @@
 	let { children } = $props();
 	let enablePlausible = $state(false);
 
+	let scrollPositions = new Map<string, number>();
+
+	beforeNavigate((nav) => {
+		if (!nav.from || !$isMobile) return;
+		scrollPositions.set(nav.from.url.pathname, window.scrollY);
+	});
+
+	afterNavigate((nav) => {
+		if (!$isMobile) return;
+		const scrollY = nav.to
+			? scrollPositions.get(nav.to.url.pathname) || 0
+			: 0;
+		window.scrollTo(0, scrollY);
+	});
+
 	const dropFiles = (e: DragEvent) => {
 		e.preventDefault();
 		dropping.set(false);
@@ -49,7 +64,8 @@
 
 	$effect(() => {
 		// Enable plausible if enabled
-		enablePlausible = !!PUB_PLAUSIBLE_URL && Settings.instance.settings.plausible;
+		enablePlausible =
+			!!PUB_PLAUSIBLE_URL && Settings.instance.settings.plausible;
 	});
 </script>