feat: rename old -> v1 folder

web/src/lib/v1/components/DownloadButton.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import { downloadBlob, encode } from "$lib/core/io";
+	import type { PixelImage } from "$lib/core/types";
+	import { t } from "$lib/i18n/t";
+	import type { OutputFormat } from "$lib/v1/registry";
+	import Button from "./ui/Button.svelte";
+
+	interface Props {
+		image: PixelImage | null;
+		format?: OutputFormat;
+		baseName: string;
+		params: Record<string, unknown>;
+		onError?: (e: unknown) => void;
+	}
+
+	let { image, format, baseName, params, onError }: Props = $props();
+
+	let busy = $state(false);
+
+	async function download() {
+		if (!image || !format || busy) return;
+		busy = true;
+		try {
+			const raw = format.qualityParamId
+				? params[format.qualityParamId]
+				: undefined;
+			const quality =
+				typeof raw === "number"
+					? Math.min(Math.max(raw, 1), 100) / 100
+					: undefined;
+			const blob = await encode(image, format.mime, quality);
+			downloadBlob(blob, `${baseName}.${format.ext}`);
+		} catch (e) {
+			onError?.(e);
+		} finally {
+			busy = false;
+		}
+	}
+</script>
+
+<Button
+	variant="primary"
+	fullWidth
+	disabled={!image || !format}
+	{busy}
+	busyText={t("download.busy")}
+	onclick={download}
+>
+	{t("download.file", { ext: format?.ext ?? "png" })}
+</Button>