From 71e26cc3c352589a99324e64b1baeda8f03f0f5a Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Wed, 13 Nov 2024 17:49:57 +0300
Subject: [PATCH] Make dialog default to only show supported formats

---
 src/lib/components/functional/Uploader.svelte | 4 +++-
 src/routes/+page.svelte                       | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/functional/Uploader.svelte b/src/lib/components/functional/Uploader.svelte
index 23e23af..28beb68 100644
--- a/src/lib/components/functional/Uploader.svelte
+++ b/src/lib/components/functional/Uploader.svelte
@@ -10,6 +10,7 @@
 		files: File[] | undefined;
 		onupload?: () => void;
 		isMobile: boolean;
+		acceptedFormats?: string[];
 	}
 
 	$effect(() => {
@@ -20,7 +21,7 @@
 	let fileInput = $state<HTMLInputElement>();
 	let dragOver = $state(false);
 
-	let { files = $bindable(), onupload, isMobile }: Props = $props();
+	let { files = $bindable(), onupload, isMobile, acceptedFormats }: Props = $props();
 
 	function upload() {
 		if (!fileInput) return;
@@ -108,6 +109,7 @@
 	class="hidden"
 	bind:this={fileInput}
 	onchange={addFiles}
+	accept={acceptedFormats?.join(",") ?? "*"}
 	multiple
 />
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cfce393..73bae9d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -86,6 +86,7 @@
 		isMobile={data.isMobile}
 		bind:files={ourFiles}
 		onupload={runUpload}
+		acceptedFormats={converters.flatMap((c) => c.supportedFormats)}
 	/>
 </div>