From 82046767cd986dfd85eade80fda6f736baadbf1f Mon Sep 17 00:00:00 2001
From: not-nullptr <needhelpwithrift@gmail.com>
Date: Tue, 12 Nov 2024 11:04:40 +0000
Subject: [PATCH] feat: zip downloading, file conversion

---
 bun.lockb                                     | Bin 119684 -> 120042 bytes
 package.json                                  |   1 +
 src/app.css                                   |  10 +
 src/lib/animation/index.ts                    |   8 +-
 src/lib/components/functional/Dropdown.svelte | 128 ++++++
 src/lib/converters/converter.ts               |   4 +
 src/lib/converters/vips.ts                    |   1 +
 src/lib/store/index.svelte.ts                 |   3 +
 src/routes/convert/+page.svelte               | 375 ++++++++++++++----
 9 files changed, 446 insertions(+), 84 deletions(-)
 create mode 100644 src/lib/components/functional/Dropdown.svelte

diff --git a/bun.lockb b/bun.lockb
index a4ad605e10235f33eab146e323f6b6d9d9bf106b..1064691bfd2ce659984b6e83e16db883ceffe326 100755
GIT binary patch
delta 20383
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
Jj%RfT{2!d^(B1$5

delta 19828
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

diff --git a/package.json b/package.json
index 733113e..2015120 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
 		"@fontsource/azeret-mono": "^5.1.0",
 		"@fontsource/lexend": "^5.1.1",
 		"@imagemagick/magick-wasm": "^0.0.31",
+		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
 		"lucide-svelte": "^0.456.0",
 		"svelte-adapter-bun": "^0.5.2",
diff --git a/src/app.css b/src/app.css
index 6183cc4..c89d1f4 100644
--- a/src/app.css
+++ b/src/app.css
@@ -24,3 +24,13 @@ body {
 	@apply text-foreground bg-background font-body overflow-x-hidden;
 	width: 100vw;
 }
+
+@layer components {
+	select {
+		@apply appearance-none;
+	}
+
+	.btn {
+		@apply font-display flex items-center justify-center overflow-hidden relative cursor-pointer px-4 border-2 border-solid bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none hover:scale-105 transition-transform duration-200 active:scale-95;
+	}
+}
diff --git a/src/lib/animation/index.ts b/src/lib/animation/index.ts
index c574e9b..6392734 100644
--- a/src/lib/animation/index.ts
+++ b/src/lib/animation/index.ts
@@ -29,6 +29,8 @@ const choose = (
 			? outValue
 			: defaultValue;
 
+type Combination<T extends string, U extends string> = `${T} ${U}`;
+
 export const blur = (
 	_: HTMLElement,
 	config:
@@ -50,6 +52,10 @@ export const blur = (
 				};
 				delay: number;
 				opacity: boolean;
+				origin: Combination<
+					"top" | "bottom" | "left" | "right" | "center",
+					"top" | "bottom" | "left" | "right" | "center"
+				>;
 		  }>
 		| undefined,
 	dir: {
@@ -120,7 +126,7 @@ export const blur = (
 				: ``;
 			return `filter: blur(${(1 - t) * (config?.blurMultiplier || 1)}px); opacity: ${config?.opacity ? t : 1}; transform: ${
 				translate
-			};`;
+			}; ${config?.origin ? `transform-origin: ${config.origin};` : ""}`;
 		},
 		easing: config?.easing,
 	};
diff --git a/src/lib/components/functional/Dropdown.svelte b/src/lib/components/functional/Dropdown.svelte
new file mode 100644
index 0000000..8d9b28b
--- /dev/null
+++ b/src/lib/components/functional/Dropdown.svelte
@@ -0,0 +1,128 @@
+<script lang="ts">
+	import { blur, duration, flip, transition } from "$lib/animation";
+	import { ChevronDown } from "lucide-svelte";
+	import { onMount } from "svelte";
+	import { quintOut } from "svelte/easing";
+	import { fade } from "svelte/transition";
+
+	type Props = {
+		options: string[];
+		selected?: string;
+		onselect?: (option: string) => void;
+	};
+
+	let { options, selected = $bindable(), onselect }: Props = $props();
+
+	let open = $state(false);
+	let isUp = $state(false);
+	let selectedWidth = $state(100 - 64);
+	let dropdown = $state<HTMLDivElement>();
+
+	const toggle = () => {
+		open = !open;
+	};
+
+	const select = (option: string) => {
+		const oldIndex = options.indexOf(selected || "");
+		const newIndex = options.indexOf(option);
+		isUp = oldIndex > newIndex;
+		selected = option;
+		onselect?.(option);
+		toggle();
+	};
+
+	$effect(() => {
+		selected = selected || options[0];
+	});
+
+	onMount(() => {
+		const click = (e: MouseEvent) => {
+			if (dropdown && !dropdown.contains(e.target as Node)) {
+				open = false;
+			}
+		};
+
+		window.addEventListener("click", click);
+		return () => window.removeEventListener("click", click);
+	});
+</script>
+
+<div class="relative" bind:this={dropdown}>
+	<button
+		style="width: {selectedWidth + 64}px; transition: width 100ms ease;"
+		class="font-display justify-between overflow-hidden relative cursor-pointer px-3 border-2 border-solid flex items-center bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none"
+		onclick={toggle}
+	>
+		<!-- <p>{selected}</p> -->
+		<div class="grid grid-cols-1 grid-rows-1 w-fit">
+			{#key selected}
+				<p
+					bind:clientWidth={selectedWidth}
+					in:blur={{
+						duration,
+						easing: quintOut,
+						blurMultiplier: 6,
+						scale: {
+							start: 0.5,
+							end: 1,
+						},
+						y: {
+							start: isUp ? 50 : -50,
+							end: 0,
+						},
+					}}
+					out:blur={{
+						duration,
+						easing: quintOut,
+						blurMultiplier: 6,
+						scale: {
+							start: 1,
+							end: 0.5,
+						},
+						y: {
+							start: 0,
+							end: isUp ? -50 : 50,
+						},
+					}}
+					class="col-start-1 row-start-1"
+				>
+					{selected}
+				</p>
+			{/key}
+		</div>
+		<ChevronDown
+			class="w-4 h-4 ml-4 mt-0.5 flex-shrink-0"
+			style="transform: rotate({open
+				? 180
+				: 0}deg); transition: transform {duration}ms {transition};"
+		/>
+	</button>
+	{#if open}
+		<div
+			transition:blur={{
+				duration,
+				easing: quintOut,
+				blurMultiplier: 6,
+				scale: {
+					start: 0.9,
+					end: 1,
+				},
+				y: {
+					start: -10,
+					end: 0,
+				},
+				origin: "top center",
+			}}
+			class="w-full shadow-xl shadow-black/25 absolute overflow-hidden top-full mt-1 left-0 z-50 bg-background border-2 border-solid border-foreground-muted-alt rounded-xl"
+		>
+			{#each options as option}
+				<button
+					class="w-full p-2 px-4 text-left hover:bg-foreground-muted-alt brightness-125"
+					onclick={() => select(option)}
+				>
+					{option}
+				</button>
+			{/each}
+		</div>
+	{/if}
+</div>
diff --git a/src/lib/converters/converter.ts b/src/lib/converters/converter.ts
index c2eda76..9c16dbc 100644
--- a/src/lib/converters/converter.ts
+++ b/src/lib/converters/converter.ts
@@ -4,6 +4,10 @@ import type { IFile, OmitBetterStrict } from "$lib/types";
  * Base class for all converters.
  */
 export class Converter {
+	/**
+	 * The public name of the converter.
+	 */
+	public name: string = "Unknown";
 	/**
 	 * List of supported formats.
 	 */
diff --git a/src/lib/converters/vips.ts b/src/lib/converters/vips.ts
index e9b7f4e..ebe11f5 100644
--- a/src/lib/converters/vips.ts
+++ b/src/lib/converters/vips.ts
@@ -7,6 +7,7 @@ import type { VipsWorkerMessage, OmitBetterStrict } from "$lib/types";
 export class VipsConverter extends Converter {
 	private worker: Worker = browser ? new VipsWorker() : null!;
 	private id = 0;
+	public name = "Vips";
 	public supportedFormats = [
 		".jpg",
 		".jpeg",
diff --git a/src/lib/store/index.svelte.ts b/src/lib/store/index.svelte.ts
index 78487c8..7878b4f 100644
--- a/src/lib/store/index.svelte.ts
+++ b/src/lib/store/index.svelte.ts
@@ -1,3 +1,5 @@
+import type { IFile } from "$lib/types";
+
 class Files {
 	public files = $state<
 		{
@@ -6,6 +8,7 @@ class Files {
 			to: string;
 			blobUrl: string;
 			id: string;
+			result?: (IFile & { blobUrl: string; animating: boolean }) | null;
 		}[]
 	>([]);
 	public conversionTypes = $state<string[]>([]);
diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte
index 0dca94d..8ec5a91 100644
--- a/src/routes/convert/+page.svelte
+++ b/src/routes/convert/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { blur, duration, flip, transition } from "$lib/animation";
+	import Dropdown from "$lib/components/functional/Dropdown.svelte";
 	import ProgressiveBlur from "$lib/components/visual/effects/ProgressiveBlur.svelte";
 	import { converters } from "$lib/converters";
 	import { files } from "$lib/store/index.svelte";
@@ -7,6 +8,7 @@
 	import { XIcon } from "lucide-svelte";
 	import { onMount } from "svelte";
 	import { quintOut } from "svelte/easing";
+	import { downloadZip } from "client-zip";
 
 	const reversed = $derived(files.files.slice().reverse());
 
@@ -14,6 +16,8 @@
 		Array.from({ length: files.files.length }, () => false),
 	);
 
+	let converterName = $state(converters[0].name);
+
 	onMount(() => {
 		finisheds.forEach((_, i) => {
 			const duration = 750 + i * 50 - 32;
@@ -23,6 +27,119 @@
 			}, duration);
 		});
 	});
+
+	const convertAll = async () => {
+		// for (let i = 0; i < files.files.length; i++) {
+		// 	const file = files.files[i];
+		// 	const to = files.conversionTypes[i];
+		// 	const converter = converters.find(
+		// 		(c) => c.name === files.conversionTypes[i],
+		// 	);
+		// 	if (!converter) {
+		// 		console.error("Converter not found");
+		// 		continue;
+		// 	}
+		// 	const converted = await converter.convert({
+		// 		name: file.file.name,
+		// 		buffer: await file.file.arrayBuffer(),
+		// 	}, to);
+		// 	files.files[i] = {
+		// 		...file,
+		// 		file: new File([converted.buffer], file.file.name, {
+		// 			type: file.file.type,
+		// 		}),
+		// 		blobUrl: URL.createObjectURL(new Blob([converted.buffer], { type: file.file.type })),
+		// 	};
+		// }
+
+		const promises: Promise<void>[] = [];
+		for (let i = 0; i < files.files.length; i++) {
+			const file = files.files[i];
+			const to = files.conversionTypes[i];
+			const converter = converters.find((c) => c.name === converterName);
+			if (!converter) {
+				console.error("Converter not found");
+				continue;
+			}
+			promises.push(
+				(async () => {
+					const converted = await converter.convert(
+						{
+							name: file.file.name,
+							buffer: await file.file.arrayBuffer(),
+						},
+						to,
+					);
+					files.files[i] = {
+						...file,
+						result: {
+							...converted,
+							blobUrl: URL.createObjectURL(
+								new Blob([converted.buffer], {
+									type: file.file.type,
+								}),
+							),
+							animating: true,
+						},
+					};
+					await new Promise((r) => setTimeout(r, 750));
+					if (
+						files.files[i].result !== null &&
+						files.files[i].result !== undefined
+					)
+						files.files[i].result!.animating = false;
+				})(),
+			);
+		}
+
+		await Promise.all(promises);
+		console.log("done");
+	};
+
+	const downloadAll = async () => {
+		const dlFiles: any[] = [];
+		for (let i = 0; i < files.files.length; i++) {
+			const file = files.files[i];
+			const result = file.result;
+			if (!result) {
+				console.error("No result found");
+				continue;
+			}
+			dlFiles.push({
+				name:
+					file.file.name.replace(/\.[^/.]+$/, "") +
+					files.conversionTypes[i],
+				lastModified: Date.now(),
+				input: result.buffer,
+			});
+		}
+		if (files.files.length === 0) return;
+		if (files.files.length === 1) {
+			// download the image only
+			const blob = URL.createObjectURL(
+				new Blob([dlFiles[0].input], {
+					type: files.files[0].file.type,
+				}),
+			);
+			const a = document.createElement("a");
+			a.href = blob;
+			a.download = `${new Date().toISOString()}-vert-converted${
+				files.conversionTypes[0]
+			}`;
+			a.click();
+			URL.revokeObjectURL(blob);
+			a.remove();
+			return;
+		}
+		const blob = await downloadZip(dlFiles, "converted.zip").blob();
+		const url = URL.createObjectURL(blob);
+		const a = document.createElement("a");
+		a.href = url;
+		a.download = `${new Date().toISOString()}-vert-converted.zip`;
+		a.click();
+		URL.revokeObjectURL(url);
+		a.remove();
+	};
 </script>
 
 <div class="grid grid-cols-1 grid-rows-1 w-full">
@@ -30,98 +147,168 @@
 		<p class="text-foreground-muted col-start-1 row-start-1 text-center">
 			No files uploaded. Head to the Upload tab to begin!
 		</p>
-	{/if}
-	<div
-		class="flex flex-col gap-4 w-full items-center col-start-1 row-start-1"
-	>
-		{#each reversed as file, i (file.id)}
+	{:else}
+		<div
+			class="flex flex-col gap-4 w-full items-center col-start-1 row-start-1"
+			out:blur={{
+				duration,
+				easing: quintOut,
+				blurMultiplier: 16,
+			}}
+		>
 			<div
-				animate:flip={{ duration, easing: quintOut }}
-				out:blur={{
-					duration,
-					easing: quintOut,
-					blurMultiplier: 16,
-				}}
-				class={clsx(
-					"h-16 px-3 flex relative flex-shrink-0 items-center w-full border-2 border-solid border-foreground-muted-alt rounded-xl",
-					{
-						"initial-fade": !finisheds[i],
-					},
-				)}
-				style="--delay: {i *
-					50}ms; --transition: {transition}; --duration: {duration}ms;"
+				class="w-full px-4 py-3 max-w-screen-lg p-1 border-solid flex-col border-2 rounded-2xl border-foreground-muted-alt flex flex-shrink-0"
 			>
-				<div
-					class="flex items-center justify-between w-full z-50 relative"
-				>
-					<div
-						class="py-2 px-3 bg-background text-foreground rounded-xl"
-					>
-						{file.file.name}
-					</div>
-					<div class="flex items-center gap-3 flex-shrink-0">
-						{#if converters[0].supportedFormats.includes(file.from)}
-							<span>from</span>
-							<span
-								class="py-2 px-3 font-display bg-foreground text-background rounded-xl"
-								>{file.from}</span
-							>
-							<span>to</span>
-							<select
-								class="font-display border-2 border-solid border-foreground-muted-alt rounded-xl p-2 focus:!outline-none"
-								bind:value={files.conversionTypes[i]}
-							>
-								{#each converters[0].supportedFormats as conversionType}
-									<option value={conversionType}
-										>{conversionType}</option
-									>
-								{/each}
-							</select>
-						{:else}
-							<span
-								class="py-2 px-3 font-display bg-foreground-failure text-white rounded-xl"
-								>{file.from}</span
-							>
-
-							<span class="text-foreground-failure">
-								is not supported!
-							</span>
-						{/if}
-						<button
-							onclick={() => {
-								// delete the file from the list
-								files.files = files.files.filter(
-									(f) => f !== file,
-								);
-							}}
-							class="ml-2 mr-1"
-						>
-							<XIcon size="18" />
-						</button>
+				<h2 class="font-bold text-xl mb-3">Options</h2>
+				<div class="flex flex-col gap-4 mt-2">
+					<div class="w-fit flex flex-col items-center gap-2">
+						<h3 class="mr-5">Converter</h3>
+						<Dropdown
+							options={converters.map(
+								(converter) => converter.name,
+							)}
+							bind:selected={converterName}
+						/>
 					</div>
 				</div>
-				{#if converters[0].supportedFormats.includes(file.from)}
-					<!-- god knows why, but setting opacity > 0.98 causes a z-ordering issue in firefox ??? -->
+				<h2 class="font-bold text-xl mb-3 mt-6">Quick Actions</h2>
+				<div class="flex flex-col mb-1 w-full gap-4 mt-2">
+					<div class="flex flex-col gap-4 w-fit">
+						<h3>Set all formats</h3>
+						<Dropdown
+							options={converters[0].supportedFormats}
+							onselect={(o) => {
+								files.conversionTypes = Array.from(
+									{ length: files.files.length },
+									() => o,
+								);
+
+								files.files.forEach((file) => {
+									file.result = null;
+								});
+							}}
+						/>
+					</div>
+					<div class="flex gap-4">
+						<button onclick={convertAll} class="btn flex-grow"
+							>Convert{files.files.length > 1
+								? " All"
+								: ""}</button
+						>
+						<button onclick={downloadAll} class="btn flex-grow"
+							>Download{files.files.length > 1
+								? " All"
+								: ""}</button
+						>
+					</div>
+				</div>
+			</div>
+			{#each reversed as file, i (file.id)}
+				<div
+					class={clsx("w-full rounded-xl", {
+						"finished-anim": file.result?.animating,
+					})}
+					animate:flip={{ duration, easing: quintOut }}
+					out:blur={{
+						duration,
+						easing: quintOut,
+						blurMultiplier: 16,
+					}}
+					style="--transition: ease-in-out;"
+				>
 					<div
-						class="absolute top-0 -z-50 left-0 w-full h-full rounded-[10px] overflow-hidden opacity-[0.98]"
+						class={clsx(
+							"h-16 px-3 flex relative flex-shrink-0 items-center w-full rounded-xl",
+							{
+								"initial-fade": !finisheds[i],
+							},
+						)}
+						style="--delay: {i *
+							50}ms; --transition: {transition}; --duration: {duration}ms; z-index: {files
+							.files.length - i}; border: solid 3px {file.result
+							? 'var(--accent-bg)'
+							: 'var(--fg-muted-alt)'}; transition: border 1000ms ease;"
 					>
 						<div
-							class="bg-cover bg-center w-full h-full"
-							style="background-image: url({file.blobUrl});"
-						></div>
-						<div class="absolute top-0 right-0 w-5/6 h-full">
-							<ProgressiveBlur
-								direction="right"
-								endIntensity={128}
-								iterations={6}
-								fadeTo="rgba(255, 255, 255, 0.8)"
-							/>
+							class="flex items-center justify-between w-full z-50 relative"
+						>
+							<div
+								class="py-2 px-3 bg-background text-foreground rounded-xl"
+							>
+								{file.file.name}
+							</div>
+							<div class="flex items-center gap-3 flex-shrink-0">
+								{#if converters[0].supportedFormats.includes(file.from)}
+									<span>from</span>
+									<span
+										class="py-2 px-3 font-display bg-foreground text-background rounded-xl"
+										>{file.from}</span
+									>
+									<span>to</span>
+									<!-- <select bind:value={files.conversionTypes[i]}>
+									{#each converters[0].supportedFormats as conversionType}
+										<option value={conversionType}
+											>{conversionType}</option
+										>
+									{/each}
+								</select> -->
+									<Dropdown
+										options={converters[0].supportedFormats}
+										bind:selected={files.conversionTypes[i]}
+										onselect={() => {
+											file.result = null;
+										}}
+									/>
+								{:else}
+									<span
+										class="py-2 px-3 font-display bg-foreground-failure text-white rounded-xl"
+										>{file.from}</span
+									>
+
+									<span class="text-foreground-failure">
+										is not supported!
+									</span>
+								{/if}
+								<button
+									onclick={() => {
+										// delete the file from the list
+										files.files = files.files.filter(
+											(f) => f !== file,
+										);
+									}}
+									class="ml-2 mr-1"
+								>
+									<XIcon size="18" />
+								</button>
+							</div>
 						</div>
+						{#if converters[0].supportedFormats.includes(file.from)}
+							<!-- god knows why, but setting opacity > 0.98 causes a z-ordering issue in firefox ??? -->
+							<div
+								class="absolute top-0 -z-50 left-0 w-full h-full rounded-[10px] overflow-hidden opacity-[0.98]"
+							>
+								<div
+									class="bg-cover bg-center w-full h-full"
+									style="background-image: url({file.blobUrl});"
+								></div>
+								<div
+									class="absolute top-0 right-0 w-5/6 h-full"
+								>
+									<ProgressiveBlur
+										direction="right"
+										endIntensity={128}
+										iterations={6}
+										fadeTo="rgba(255, 255, 255, 0.8)"
+									/>
+								</div>
+							</div>
+						{/if}
 					</div>
-				{/if}
-			</div>
-		{/each}
-	</div>
+				</div>
+			{/each}
+			<div class="w-full h-4 flex-shrink-0"></div>
+		</div>
+	{/if}
 </div>
 
 <style>
@@ -139,6 +326,23 @@
 		}
 	}
 
+	@keyframes finished-animation {
+		0% {
+			transform: scale(1);
+			filter: blur(0);
+		}
+
+		50% {
+			transform: scale(1.02);
+			filter: blur(4px);
+		}
+
+		100% {
+			transform: scale(1);
+			filter: blur(0);
+		}
+	}
+
 	.initial-fade {
 		animation: initial-transition 750ms var(--delay) ease-out;
 		animation-timing-function: var(--transition);
@@ -149,4 +353,9 @@
 		animation: none;
 		opacity: 1 !important;
 	}
+
+	.finished-anim {
+		animation: finished-animation 750ms;
+		animation-timing-function: var(--transition);
+	}
 </style>