From 00e38b6e2ccd8dfbb91dcacb6db03a83d1f920bf Mon Sep 17 00:00:00 2001
From: Maya <jovannmc@femboyfurry.net>
Date: Mon, 20 Oct 2025 18:47:13 +0300
Subject: [PATCH] fix: prevent conversion on one-way

oops
---
 messages/en.json                |   1 +
 src/routes/convert/+page.svelte | 297 +++++++++++++++++---------------
 2 files changed, 159 insertions(+), 139 deletions(-)

diff --git a/messages/en.json b/messages/en.json
index 620a1e4..a6a31a7 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -94,6 +94,7 @@
 			"vertd_details_error_message": "<b>Error message:</b> [view_link]View error logs[/view_link]",
 			"vertd_details_close": "Close",
 			"unsupported_format": "Only image, video, audio, and document files are supported",
+			"format_output_only": "This format can currently only be used as output (converted to), not as input.",
 			"vertd_not_found": "Could not find the vertd instance to start video conversion. Are you sure the instance URL is set correctly?",
 			"worker_downloading": "The {type} converter is currently being initialized, please wait a few moments.",
 			"worker_error": "The {type} converter had an error during initialization, please try again later.",
diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte
index d616fa2..13c4875 100644
--- a/src/routes/convert/+page.svelte
+++ b/src/routes/convert/+page.svelte
@@ -216,161 +216,180 @@
 					</p>
 				</div>
 			{/if}
-		{:else if currentConverter.status === "downloading"}
-			<div
-				class="h-full flex flex-col text-center justify-center text-failure"
-			>
-				<p class="font-body font-bold">
-					{m["convert.errors.cant_convert"]()}
-				</p>
-				<p class="font-normal">
-					{m["convert.errors.worker_downloading"]({
-						type: isAudio
-							? m["convert.errors.audio"]()
-							: isVideo
-								? "Video"
-								: isDocument
-									? m["convert.errors.doc"]()
-									: m["convert.errors.image"](),
-					})}
-				</p>
-			</div>
-		{:else if currentConverter.status === "error"}
-			<div
-				class="h-full flex flex-col text-center justify-center text-failure"
-			>
-				<p class="font-body font-bold">
-					{m["convert.errors.cant_convert"]()}
-				</p>
-				<p class="font-normal">
-					{m["convert.errors.worker_error"]({
-						type: isAudio
-							? m["convert.errors.audio"]()
-							: isVideo
-								? "Video"
-								: isDocument
-									? m["convert.errors.doc"]()
-									: m["convert.errors.image"](),
-					})}
-				</p>
-			</div>
-		{:else if currentConverter.status === "not-ready"}
-			<div
-				class="h-full flex flex-col text-center justify-center text-failure"
-			>
-				<p class="font-body font-bold">
-					{m["convert.errors.cant_convert"]()}
-				</p>
-				<p class="font-normal">
-					{m["convert.errors.worker_timeout"]({
-						type: isAudio
-							? m["convert.errors.audio"]()
-							: isVideo
-								? "Video"
-								: isDocument
-									? m["convert.errors.doc"]()
-									: m["convert.errors.image"](),
-					})}
-				</p>
-			</div>
-		{:else if isVideo && !$vertdLoaded && !isAudio && !isImage && !isDocument}
-			<div
-				class="h-full flex flex-col text-center justify-center text-failure"
-			>
-				<p class="font-body font-bold">
-					{m["convert.errors.cant_convert"]()}
-				</p>
-				<p class="font-normal">
-					{m["convert.errors.vertd_not_found"]()}
-				</p>
-			</div>
 		{:else}
-			<div class="flex flex-row justify-between">
+			{@const formatInfo = currentConverter.supportedFormats.find(
+				(f) => f.name === file.from,
+			)}
+			{#if formatInfo && !formatInfo.fromSupported}
 				<div
-					class="flex gap-4 w-full h-[152px] overflow-hidden relative"
+					class="h-full flex flex-col text-center justify-center text-failure"
 				>
-					<div class="w-1/2 h-full overflow-hidden rounded-xl">
-						{#if file.blobUrl}
-							<img
-								class="object-cover w-full h-full"
-								src={file.blobUrl}
-								alt={file.name}
-							/>
-						{:else}
-							<div
-								class="w-full h-full flex items-center justify-center text-black"
-								style="background: var({isAudio
-									? '--bg-gradient-purple-alt'
-									: isVideo
-										? '--bg-gradient-red-alt'
-										: isDocument
-											? '--bg-gradient-green-alt'
-											: '--bg-gradient-blue-alt'})"
-							>
-								{#if isAudio}
-									<FileMusicIcon size="56" />
-								{:else if isVideo}
-									<FileVideo2 size="56" />
-								{:else if isDocument}
-									<BookText size="56" />
-								{:else}
-									<ImageOffIcon size="56" />
-								{/if}
-							</div>
-						{/if}
-					</div>
+					<p class="font-body font-bold">
+						{m["convert.errors.cant_convert"]()}
+					</p>
+					<p class="font-normal">
+						{m["convert.errors.format_output_only"]()}
+					</p>
 				</div>
+			{:else if currentConverter.status === "downloading"}
 				<div
-					class="absolute top-16 right-0 mr-4 pl-2 h-[calc(100%-83px)] w-[calc(50%-38px)] pr-4 pb-1 flex items-center justify-center aspect-square"
+					class="h-full flex flex-col text-center justify-center text-failure"
 				>
+					<p class="font-body font-bold">
+						{m["convert.errors.cant_convert"]()}
+					</p>
+					<p class="font-normal">
+						{m["convert.errors.worker_downloading"]({
+							type: isAudio
+								? m["convert.errors.audio"]()
+								: isVideo
+									? "Video"
+									: isDocument
+										? m["convert.errors.doc"]()
+										: m["convert.errors.image"](),
+						})}
+					</p>
+				</div>
+			{:else if currentConverter.status === "error"}
+				<div
+					class="h-full flex flex-col text-center justify-center text-failure"
+				>
+					<p class="font-body font-bold">
+						{m["convert.errors.cant_convert"]()}
+					</p>
+					<p class="font-normal">
+						{m["convert.errors.worker_error"]({
+							type: isAudio
+								? m["convert.errors.audio"]()
+								: isVideo
+									? "Video"
+									: isDocument
+										? m["convert.errors.doc"]()
+										: m["convert.errors.image"](),
+						})}
+					</p>
+				</div>
+			{:else if currentConverter.status === "not-ready"}
+				<div
+					class="h-full flex flex-col text-center justify-center text-failure"
+				>
+					<p class="font-body font-bold">
+						{m["convert.errors.cant_convert"]()}
+					</p>
+					<p class="font-normal">
+						{m["convert.errors.worker_timeout"]({
+							type: isAudio
+								? m["convert.errors.audio"]()
+								: isVideo
+									? "Video"
+									: isDocument
+										? m["convert.errors.doc"]()
+										: m["convert.errors.image"](),
+						})}
+					</p>
+				</div>
+			{:else if isVideo && !$vertdLoaded && !isAudio && !isImage && !isDocument}
+				<div
+					class="h-full flex flex-col text-center justify-center text-failure"
+				>
+					<p class="font-body font-bold">
+						{m["convert.errors.cant_convert"]()}
+					</p>
+					<p class="font-normal">
+						{m["convert.errors.vertd_not_found"]()}
+					</p>
+				</div>
+			{:else}
+				<div class="flex flex-row justify-between">
 					<div
-						class="w-[122px] h-fit flex flex-col gap-2 items-center justify-center"
+						class="flex gap-4 w-full h-[152px] overflow-hidden relative"
 					>
-						<FormatDropdown
-							{categories}
-							from={file.from}
-							bind:selected={file.to}
-							onselect={(option) => handleSelect(option, file)}
-						/>
-						<div class="w-full flex items-center justify-between">
-							<Tooltip
-								text={m["convert.tooltips.convert_file"]()}
-								position="bottom"
-							>
-								<button
-									class="btn {$effects
-										? ''
-										: '!scale-100'} p-0 w-14 h-14 text-black {isAudio
-										? 'bg-accent-purple'
+						<div class="w-1/2 h-full overflow-hidden rounded-xl">
+							{#if file.blobUrl}
+								<img
+									class="object-cover w-full h-full"
+									src={file.blobUrl}
+									alt={file.name}
+								/>
+							{:else}
+								<div
+									class="w-full h-full flex items-center justify-center text-black"
+									style="background: var({isAudio
+										? '--bg-gradient-purple-alt'
 										: isVideo
-											? 'bg-accent-red'
+											? '--bg-gradient-red-alt'
 											: isDocument
-												? 'bg-accent-green'
-												: 'bg-accent-blue'}"
-									disabled={!files.ready}
-									onclick={() => file.convert()}
+												? '--bg-gradient-green-alt'
+												: '--bg-gradient-blue-alt'})"
 								>
-									<RotateCwIcon size="24" />
-								</button>
-							</Tooltip>
-							<Tooltip
-								text={m["convert.tooltips.download_file"]()}
-								position="bottom"
+									{#if isAudio}
+										<FileMusicIcon size="56" />
+									{:else if isVideo}
+										<FileVideo2 size="56" />
+									{:else if isDocument}
+										<BookText size="56" />
+									{:else}
+										<ImageOffIcon size="56" />
+									{/if}
+								</div>
+							{/if}
+						</div>
+					</div>
+					<div
+						class="absolute top-16 right-0 mr-4 pl-2 h-[calc(100%-83px)] w-[calc(50%-38px)] pr-4 pb-1 flex items-center justify-center aspect-square"
+					>
+						<div
+							class="w-[122px] h-fit flex flex-col gap-2 items-center justify-center"
+						>
+							<FormatDropdown
+								{categories}
+								from={file.from}
+								bind:selected={file.to}
+								onselect={(option) =>
+									handleSelect(option, file)}
+							/>
+							<div
+								class="w-full flex items-center justify-between"
 							>
-								<button
-									class="btn {$effects
-										? ''
-										: '!scale-100'} p-0 w-14 h-14"
-									onclick={file.download}
-									disabled={!file.result}
+								<Tooltip
+									text={m["convert.tooltips.convert_file"]()}
+									position="bottom"
 								>
-									<DownloadIcon size="24" />
-								</button>
-							</Tooltip>
+									<button
+										class="btn {$effects
+											? ''
+											: '!scale-100'} p-0 w-14 h-14 text-black {isAudio
+											? 'bg-accent-purple'
+											: isVideo
+												? 'bg-accent-red'
+												: isDocument
+													? 'bg-accent-green'
+													: 'bg-accent-blue'}"
+										disabled={!files.ready}
+										onclick={() => file.convert()}
+									>
+										<RotateCwIcon size="24" />
+									</button>
+								</Tooltip>
+								<Tooltip
+									text={m["convert.tooltips.download_file"]()}
+									position="bottom"
+								>
+									<button
+										class="btn {$effects
+											? ''
+											: '!scale-100'} p-0 w-14 h-14"
+										onclick={file.download}
+										disabled={!file.result}
+									>
+										<DownloadIcon size="24" />
+									</button>
+								</Tooltip>
+							</div>
 						</div>
 					</div>
 				</div>
-			</div>
+			{/if}
 		{/if}
 	</Panel>
 {/snippet}