From 7afd07e8c148a317456ee864685258e40cab484d Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Sat, 22 Aug 2026 15:04:49 +0500
Subject: [PATCH] refactor: dropzone update

---
 web/src/lib/components/DropZone.svelte | 17 +++++++----------
 web/src/lib/core/io.ts                 |  6 ++++++
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/web/src/lib/components/DropZone.svelte b/web/src/lib/components/DropZone.svelte
index 4bccdb3..f8b0f4c 100644
--- a/web/src/lib/components/DropZone.svelte
+++ b/web/src/lib/components/DropZone.svelte
@@ -1,24 +1,21 @@
 <script lang="ts">
-	import { ACCEPTED_IMAGE_TYPES } from '$lib/core/io';
+	import { ACCEPTED_IMAGE_TYPES, isSupportedImage } from '$lib/core/io';
 
-	let {
-		onFile,
-		onError,
-		label = 'Перетащите изображение сюда или нажмите, чтобы выбрать файл'
-	}: {
+	interface Props {
 		onFile: (file: File) => void;
 		onError?: (message: string) => void;
 		label?: string;
-	} = $props();
+	}
+
+	let { onFile, onError, label = 'Перетащите изображение сюда или нажмите, чтобы выбрать файл' }: Props =
+		$props();
 
 	let input = $state<HTMLInputElement | undefined>();
 	let dragging = $state(false);
 
-	const acceptedMimes = new Set(ACCEPTED_IMAGE_TYPES.split(','));
-
 	function accept(file: File | undefined | null) {
 		if (!file) return;
-		if (!acceptedMimes.has(file.type)) {
+		if (!isSupportedImage(file)) {
 			onError?.(
 				`Неподдерживаемый формат файла (${file.type || 'неизвестный'}). Поддерживаются PNG, JPEG, WebP, GIF и BMP.`
 			);
diff --git a/web/src/lib/core/io.ts b/web/src/lib/core/io.ts
index d3e31b9..91b9a4d 100644
--- a/web/src/lib/core/io.ts
+++ b/web/src/lib/core/io.ts
@@ -5,6 +5,12 @@ export type OutputMime = 'image/png' | 'image/jpeg' | 'image/webp';
 export const ACCEPTED_IMAGE_TYPES =
 	'image/png,image/jpeg,image/webp,image/gif,image/bmp,image/x-icon';
 
+const SUPPORTED_MIME_TYPES = new Set(ACCEPTED_IMAGE_TYPES.split(','));
+
+export function isSupportedImage(file: File): boolean {
+	return SUPPORTED_MIME_TYPES.has(file.type);
+}
+
 export async function decodeFile(file: File): Promise<PixelImage> {
 	const bitmap = await createImageBitmap(file);
 	try {