chore: prettier format

.prettierrc

@@ -1,5 +1,7 @@
 {
 	"useTabs": true,
 	"tabWidth": 4,
-	"singleQuote": false
+	"singleQuote": false,
+	"plugins": ["prettier-plugin-svelte"],
+    "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

src/app.html

@@ -4,12 +4,18 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png">
+		<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png" />
 
-		<link rel="apple-touch-startup-image" href="%sveltekit.assets%/lettermark.jpg">
+		<link
-		<meta name="mobile-web-app-capable" content="yes">		
+			rel="apple-touch-startup-image"
-		<meta name="apple-mobile-web-app-capable" content="yes">
+			href="%sveltekit.assets%/lettermark.jpg"
-        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+		/>
+		<meta name="mobile-web-app-capable" content="yes" />
+		<meta name="apple-mobile-web-app-capable" content="yes" />
+		<meta
+			name="apple-mobile-web-app-status-bar-style"
+			content="black-translucent"
+		/>
 
 		%sveltekit.head%
 		<script>
@@ -34,8 +40,8 @@
 
 				// Lock dark reader if it's set to dark mode
 				if (theme === "dark") {
-					const lock = document.createElement('meta');
+					const lock = document.createElement("meta");
-					lock.name = 'darkreader-lock';
+					lock.name = "darkreader-lock";
 					document.head.appendChild(lock);
 				}
 			})();

src/hooks.server.ts

@@ -1,15 +1,18 @@
-import type { Handle } from '@sveltejs/kit';
+import type { Handle } from "@sveltejs/kit";
-import { paraglideMiddleware } from '$lib/paraglide/server';
+import { paraglideMiddleware } from "$lib/paraglide/server";
 
 // creating a handle to use the paraglide middleware
 const paraglideHandle: Handle = ({ event, resolve }) =>
-	paraglideMiddleware(event.request, ({ request: localizedRequest, locale }) => {
+	paraglideMiddleware(
+		event.request,
+		({ request: localizedRequest, locale }) => {
 			event.request = localizedRequest;
 			return resolve(event, {
 				transformPageChunk: ({ html }) => {
-				return html.replace('%lang%', locale);
+					return html.replace("%lang%", locale);
-			}
+				},
-		});
 			});
+		},
+	);
 
 export const handle: Handle = paraglideHandle;

src/hooks.ts

@@ -1,5 +1,5 @@
-import type { Reroute } from '@sveltejs/kit';
+import type { Reroute } from "@sveltejs/kit";
-import { deLocalizeUrl } from '$lib/paraglide/runtime';
+import { deLocalizeUrl } from "$lib/paraglide/runtime";
 
 export const reroute: Reroute = (request) => {
 	return deLocalizeUrl(request.url).pathname;

src/lib/components/functional/Uploader.svelte

@@ -102,7 +102,7 @@
 			{m["upload.uploader.text"]({
 				action: jpegify
 					? m["upload.uploader.jpegify"]()
-					: m["upload.uploader.convert"]()
+					: m["upload.uploader.convert"](),
 			})}
 		</h2>
 	</Panel>

src/lib/components/layout/index.ts

@@ -1,7 +1,7 @@
-export { default as UploadRegion } from './UploadRegion.svelte';
+export { default as UploadRegion } from "./UploadRegion.svelte";
-export { default as Gradients } from './Gradients.svelte';
+export { default as Gradients } from "./Gradients.svelte";
-export { default as Toasts } from './Toasts.svelte';
+export { default as Toasts } from "./Toasts.svelte";
-export { default as Dialogs } from './Dialogs.svelte';
+export { default as Dialogs } from "./Dialogs.svelte";
-export { default as PageContent } from './PageContent.svelte';
+export { default as PageContent } from "./PageContent.svelte";
-export { default as MobileLogo } from './MobileLogo.svelte';
+export { default as MobileLogo } from "./MobileLogo.svelte";
-export { default as Footer } from './Footer.svelte';
+export { default as Footer } from "./Footer.svelte";

src/lib/converters/index.ts

@@ -48,7 +48,6 @@ categories.doc.formats =
 		?.supportedFormats.filter((f) => f.toSupported && f.isNative)
 		.map((f) => f.name) || [];
 
-
 export const byNative = (format: string) => {
 	return (a: Converter, b: Converter) => {
 		const aFormat = a.supportedFormats.find((f) => f.name === format);

src/lib/converters/magick.svelte.ts

@@ -114,7 +114,10 @@ export class MagickConverter extends Converter {
 		let compression: number | undefined = args.at(0);
 		if (!compression) {
 			compression = Settings.instance.settings.magickQuality ?? 100;
-			log(["converters", this.name], `using user setting for quality: ${compression}%`);
+			log(
+				["converters", this.name],
+				`using user setting for quality: ${compression}%`,
+			);
 		}
 		log(["converters", this.name], `converting ${input.name} to ${to}`);
 
@@ -138,7 +141,8 @@ export class MagickConverter extends Converter {
 		}
 
 		// every other format handled by magick worker
-		const keepMetadata: boolean = Settings.instance.settings.metadata ?? true;
+		const keepMetadata: boolean =
+			Settings.instance.settings.metadata ?? true;
 		log(["converters", this.name], `keep metadata: ${keepMetadata}`);
 		const msg = {
 			type: "convert",

src/lib/converters/vertd.svelte.ts

@@ -264,7 +264,7 @@ export class VertdConverter extends Converter {
 						token: uploadRes.auth,
 						to,
 						speed,
-						keepMetadata
+						keepMetadata,
 					},
 				};
 				ws.send(JSON.stringify(msg));

src/lib/logger/index.ts

@@ -59,4 +59,4 @@ export const error = (prefix: string | string[], ...args: any[]) => {
 		),
 		...args,
 	);
-}
+};

src/lib/sections/about/Credits.svelte

@@ -102,7 +102,10 @@
 							m["about.credits.github_description"](),
 							["/jpegify", GITHUB_URL_VERT],
 							[false, true],
-							["text-black dynadark:text-white", "text-blue-500 font-normal hover:underline"]
+							[
+								"text-black dynadark:text-white",
+								"text-blue-500 font-normal hover:underline",
+							],
 						)}
 					</p>
 				{:else}

src/lib/sections/about/Donate.svelte

@@ -67,10 +67,7 @@
 
 		if (!res.ok) {
 			paymentState = "prepay";
-			addToast(
+			addToast("error", m["about.donate.payment_error"]());
-				"error",
-				m["about.donate.payment_error"](),
-			);
 			return;
 		}
 
@@ -104,7 +101,7 @@
 				"error",
 				m["about.donate.payment_failed"]({
 					message: submitResult.error.message || "",
-					period 
+					period,
 				}),
 			);
 			enablePay = true;
@@ -126,7 +123,7 @@
 				"error",
 				m["about.donate.payment_failed"]({
 					message: res.error.message || "",
-					period 
+					period,
 				}),
 			);
 		} else {
@@ -152,10 +149,7 @@
 					addToast("success", m["about.donate.thank_you"]());
 					break;
 				default:
-					addToast(
+					addToast("error", m["about.donate.donation_error"]());
-						"error",
-						m["about.donate.donation_error"](),
-					);
 			}
 
 			goto("/about");
@@ -298,7 +292,9 @@
 								class="btn w-full h-12 bg-accent-red text-black rounded-full mt-4"
 								onclick={donate}
 							>
-								{m["about.donate.donate_amount"]({ amount: amount.toFixed(2) })}
+								{m["about.donate.donate_amount"]({
+									amount: amount.toFixed(2),
+								})}
 							</button>
 						</div>
 					</div>

src/lib/sections/settings/Conversion.svelte

@@ -82,7 +82,10 @@
 						</button>
 					</div>
 				</div>
-				<div class="grid gap-3 grid-cols-2 md:grid-cols-4" class:opacity-50={!settings.useDefaultFormat}>
+				<div
+					class="grid gap-3 grid-cols-2 md:grid-cols-4"
+					class:opacity-50={!settings.useDefaultFormat}
+				>
 					<div class="flex flex-col gap-2">
 						<p class="text-sm font-bold">
 							{m["settings.conversion.default_format_image"]()}

src/lib/sections/settings/Vertd.svelte

@@ -71,7 +71,8 @@
 				"!text-muted": vertdCommit === "loading",
 			})}
 		>
-			{m["settings.vertd.status"]()} {vertdCommit
+			{m["settings.vertd.status"]()}
+			{vertdCommit
 				? vertdCommit === "loading"
 					? m["settings.vertd.loading"]()
 					: m["settings.vertd.available"]({ commitId: vertdCommit })
@@ -83,10 +84,16 @@
 					{@html m["settings.vertd.description"]()}
 				</p>
 				<p class="text-sm text-muted font-normal">
-					{@html link("vertd_link", m["settings.vertd.hosting_info"](), GITHUB_URL_VERTD)}
+					{@html link(
+						"vertd_link",
+						m["settings.vertd.hosting_info"](),
+						GITHUB_URL_VERTD,
+					)}
 				</p>
 				<div class="flex flex-col gap-2">
-					<p class="text-base font-bold">{m["settings.vertd.instance_url"]()}</p>
+					<p class="text-base font-bold">
+						{m["settings.vertd.instance_url"]()}
+					</p>
 					<input
 						type="text"
 						placeholder={m["settings.vertd.url_placeholder"]()}
@@ -95,7 +102,9 @@
 				</div>
 				<div class="flex flex-col gap-4">
 					<div class="flex flex-col gap-2">
-						<p class="text-base font-bold">{m["settings.vertd.conversion_speed"]()}</p>
+						<p class="text-base font-bold">
+							{m["settings.vertd.conversion_speed"]()}
+						</p>
 						<p class="text-sm text-muted font-normal">
 							{m["settings.vertd.speed_description"]()}
 						</p>
@@ -113,7 +122,9 @@
 						selected={(() => {
 							switch (settings.vertdSpeed) {
 								case "verySlow":
-									return m["settings.vertd.speeds.very_slow"]();
+									return m[
+										"settings.vertd.speeds.very_slow"
+									]();
 								case "slower":
 									return m["settings.vertd.speeds.slower"]();
 								case "slow":
@@ -123,7 +134,9 @@
 								case "fast":
 									return m["settings.vertd.speeds.fast"]();
 								case "ultraFast":
-									return m["settings.vertd.speeds.ultra_fast"]();
+									return m[
+										"settings.vertd.speeds.ultra_fast"
+									]();
 							}
 						})()}
 						onselect={(selected) => {

src/routes/+page.svelte

@@ -57,8 +57,7 @@
 			formats: getSupportedFormats("vertd"),
 			icon: Film,
 			title: m["upload.cards.video"](),
-			status:
+			status: $vertdLoaded === true ? "ready" : "not-ready", // not using converter.status for this
-				$vertdLoaded === true ? "ready" : "not-ready", // not using converter.status for this
 		},
 	});
 

src/routes/about/+page.svelte

@@ -90,7 +90,7 @@
 			const excludedNames = new Set([
 				...mainContribs.map((c) => c.github.split("/").pop()),
 				...notableContribs.map((c) => c.github.split("/").pop()),
-				"Z2r-YT"
+				"Z2r-YT",
 			]);
 
 			const filteredContribs = allContribs.filter(

src/routes/convert/+page.svelte

@@ -271,7 +271,7 @@
 					})}
 				</p>
 			</div>
-		{:else if (isVideo && $vertdLoaded) && (!isAudio && !isImage && !isDocument)}
+		{:else if isVideo && $vertdLoaded && !isAudio && !isImage && !isDocument}
 			<div
 				class="h-full flex flex-col text-center justify-center text-failure"
 			>