From 0635dd5a946aa81595445d6d98ba4dac30cf6bf0 Mon Sep 17 00:00:00 2001
From: d3rpp <github@d3rpp.dev>
Date: Fri, 8 Nov 2024 11:03:09 +1300
Subject: [PATCH] fixed up some formatting and linting issues

---
 src/lib/components/inline-codeblock.svelte    |  26 +++--
 src/lib/components/theme-toggle.svelte        |   2 +-
 .../app/account/create_key_dialog.svelte      |  11 +-
 .../account/key_managerment_section.svelte    |  26 +++--
 src/routes/(auth)/auth/login/+page.svelte     |  13 +--
 src/routes/(auth)/auth/sign-up/+page.svelte   | 101 +-----------------
 .../(auth)/oauth/[method=oauth]/+error.svelte |   1 -
 7 files changed, 40 insertions(+), 140 deletions(-)

diff --git a/src/lib/components/inline-codeblock.svelte b/src/lib/components/inline-codeblock.svelte
index d7b8b50..ec2f630 100644
--- a/src/lib/components/inline-codeblock.svelte
+++ b/src/lib/components/inline-codeblock.svelte
@@ -1,21 +1,19 @@
 <script lang="ts">
-    import type { HTMLAttributes } from "svelte/elements"
+	import type { HTMLAttributes } from "svelte/elements";
 
 	import { cn } from "$lib/utils";
-    
-    const {
-        children,
-        class: className,
 
-        ...rest
-    }: HTMLAttributes<HTMLSpanElement> = $props();
+	const {
+		children,
+		class: className,
+
+		...rest
+	}: HTMLAttributes<HTMLSpanElement> = $props();
 </script>
 
-<code class={cn(
-    "rounded-sm bg-slate-500/30 p-1 font-mono",
-    className
-    )} 
-    {...rest}
+<code
+	class={cn("rounded-sm bg-slate-500/30 p-1 font-mono", className)}
+	{...rest}
 >
-    {@render children?.()}
-</code>
\ No newline at end of file
+	{@render children?.()}
+</code>
diff --git a/src/lib/components/theme-toggle.svelte b/src/lib/components/theme-toggle.svelte
index f646644..b03cf85 100644
--- a/src/lib/components/theme-toggle.svelte
+++ b/src/lib/components/theme-toggle.svelte
@@ -4,7 +4,7 @@
 	import Gear from "svelte-radix/Gear.svelte";
 
 	import { resetMode, setMode } from "mode-watcher";
-	import { Button, buttonVariants } from "$lib/components/ui/button/index.js";
+	import { buttonVariants } from "$lib/components/ui/button/index.js";
 	import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
 </script>
 
diff --git a/src/routes/(app)/app/account/create_key_dialog.svelte b/src/routes/(app)/app/account/create_key_dialog.svelte
index 64a0015..c60ab7e 100644
--- a/src/routes/(app)/app/account/create_key_dialog.svelte
+++ b/src/routes/(app)/app/account/create_key_dialog.svelte
@@ -58,6 +58,7 @@
 		key_pair_encoded_download_blob = window.URL.createObjectURL(blob);
 
 		tabs_value = "download";
+		reset_pk_query();
 	};
 
 	// button cannot be pressed without the values being valid
@@ -76,7 +77,7 @@
 				publicExponent: new Uint8Array([0x01, 0x00, 0x01]),
 				// `+` like this just parses it to an integer
 				modulusLength: +modulus,
-			} satisfies RsaHashedKeyGenParams);
+			});
 
 			final_kid = confirmed_kid;
 
@@ -193,9 +194,10 @@
 						</Select.Content>
 					</Select.Root>
 					<span class="text-sm opacity-50">
-						If you don't know what this means, just use <InlineCodeblock>
+						If you don't know what this means, just use <InlineCodeblock
+						>
 							SHA-256
-                        </InlineCodeblock>
+						</InlineCodeblock>
 					</span>
 				</div>
 
@@ -230,7 +232,8 @@
 						</Select.Content>
 					</Select.Root>
 					<span class="text-sm opacity-50">
-						If you don't know what this means, just use <InlineCodeblock>
+						If you don't know what this means, just use <InlineCodeblock
+						>
 							4096
 						</InlineCodeblock>
 					</span>
diff --git a/src/routes/(app)/app/account/key_managerment_section.svelte b/src/routes/(app)/app/account/key_managerment_section.svelte
index 6d7188b..69953fa 100644
--- a/src/routes/(app)/app/account/key_managerment_section.svelte
+++ b/src/routes/(app)/app/account/key_managerment_section.svelte
@@ -88,19 +88,29 @@
 						<Table.Row>
 							<Table.Cell>{key.name}</Table.Cell>
 							<Table.Cell class="flex flex-col gap-2">
-								<span>Key ID: <InlineCodeblock>{key.kid}</InlineCodeblock></span>
-								<span>Fingerprint: <InlineCodeblock>{create_md5_fingerprint(key.key as Uint8Array)}</InlineCodeblock></span>
+								<span>
+									Key ID: <InlineCodeblock>
+										{key.kid}
+									</InlineCodeblock>
+								</span>
+								<span>
+									Fingerprint: <InlineCodeblock>
+										{create_md5_fingerprint(
+											key.key as Uint8Array,
+										)}
+									</InlineCodeblock>
+								</span>
 							</Table.Cell>
 							<Table.Cell>Actions (todo)</Table.Cell>
 						</Table.Row>
 					{/each}
 				</Table.Body>
-                <Table.Footer>
-                    <Table.Row>
-                        <Table.Cell colspan={2}>Total Key Count</Table.Cell>
-                        <Table.Cell>{$pkquery.data.length}</Table.Cell>
-                    </Table.Row>
-                </Table.Footer>
+				<Table.Footer>
+					<Table.Row>
+						<Table.Cell colspan={2}>Total Key Count</Table.Cell>
+						<Table.Cell>{$pkquery.data.length}</Table.Cell>
+					</Table.Row>
+				</Table.Footer>
 			</Table.Root>
 		{/if}
 	</Card.Content>
diff --git a/src/routes/(auth)/auth/login/+page.svelte b/src/routes/(auth)/auth/login/+page.svelte
index 4dcf24f..8c6d61a 100644
--- a/src/routes/(auth)/auth/login/+page.svelte
+++ b/src/routes/(auth)/auth/login/+page.svelte
@@ -1,29 +1,18 @@
 <script lang="ts">
 	import type { ValidOauthMethods } from "$lib/server/auth/oauth_methods";
 
-	import { trpc } from "$lib/trpc/client";
-	import { page } from "$app/stores";
-
 	import Main from "@/main.svelte";
 
 	import { Button } from "@/ui/button";
 	import * as Card from "@/ui/card";
-	import { Input } from "@/ui/input";
-	import { Label } from "@/ui/label";
-	import { Separator } from "@/ui/separator";
 
 	import { GithubLogo } from "svelte-radix";
 
 	import { PAGE_TRANSITION_TIME } from "$lib";
 
-	import { fade, slide } from "svelte/transition";
+	import { fade } from "svelte/transition";
 	import { goto } from "$app/navigation";
 
-	let username = $state("");
-	let password = $state("");
-
-	const rpc = trpc($page);
-
 	const oauthLoginGenerator =
 		(provider: ValidOauthMethods) => (ev: MouseEvent) => {
 			ev.stopPropagation();
diff --git a/src/routes/(auth)/auth/sign-up/+page.svelte b/src/routes/(auth)/auth/sign-up/+page.svelte
index 7402381..42a54b6 100644
--- a/src/routes/(auth)/auth/sign-up/+page.svelte
+++ b/src/routes/(auth)/auth/sign-up/+page.svelte
@@ -1,113 +1,18 @@
 <script lang="ts">
 	import type { ValidOauthMethods } from "$lib/server/auth/oauth_methods";
 
-	import { page } from "$app/stores";
 	import { goto } from "$app/navigation";
 
-	import { trpc } from "$lib/trpc/client";
-	import { PASSWORD_SCHEMA } from "$lib/trpc/schemas";
-	import { debounce } from "$lib/utils";
 	import { PAGE_TRANSITION_TIME } from "$lib";
 
-	// renamed because it clashes with the $derived rune?
-	// ¯\_(ツ)_/¯
-	//
-	// Damn you Rich Harris
-	import {
-		derived as derived_store,
-		get,
-		writable,
-		type Readable,
-	} from "svelte/store";
-	import { slide, fade } from "svelte/transition";
+	import { fade } from "svelte/transition";
 
 	import Main from "@/main.svelte";
 
 	import { Button } from "@/ui/button";
 	import * as Card from "@/ui/card";
-	import { Input } from "@/ui/input";
-	import { Label } from "@/ui/label";
-	import { Separator } from "@/ui/separator";
-
-	import { AnimatedLoading } from "$lib/icons";
-
-	import { CircleCheck, CircleX } from "lucide-svelte";
 	import { GithubLogo } from "svelte-radix";
 
-	const rpc = trpc($page);
-	// const utils = rpc.createUtils();
-
-	// #region Username Validation
-	const username = writable("");
-	const username_is_empty = derived_store(
-		username,
-		(val) => val.length == 0,
-		true,
-	);
-
-	const username_availability_query =
-		rpc.auth.checkUsernameAvailability.createQuery(
-			username,
-			derived_store(username_is_empty, (val) => {
-				return {
-					retry: false,
-					enabled: !val,
-					placeholderData: { available: true },
-				};
-			}),
-		);
-
-	/**
-	 * Error text generated from zod error, error reasons (used in `reason`) are defined
-	 * in the server handler for the `username_availability_query`.
-	 */
-	const username_invalid_error_text: Readable<string | undefined> =
-		derived_store(username_availability_query, (val) => {
-			if (val.data && val.data.available === false)
-				return "Username is Taken";
-
-			if (!val.error) return undefined;
-			if (
-				!val.error.data?.zodError ||
-				val.error.data?.zodError.formErrors.length == 0
-			)
-				return "Unknown Error";
-
-			const first_form_error = val.error.data.zodError.formErrors[0];
-			if (first_form_error) return first_form_error;
-		});
-
-	// #endregion
-
-	// #region Password Validation
-	let password = $state("");
-
-	const password_validation: string | boolean = $derived.by(() => {
-		if (password.length === 0) return false;
-
-		const validity = PASSWORD_SCHEMA.safeParse(password);
-		if (validity.success) return true;
-
-		return validity.error.format()._errors[0];
-	});
-	// #endregion
-
-	const signUpMutation = rpc.auth.signUp.createMutation({
-		onSuccess: () => {
-			goto("/auth/sign-up/onboarding");
-		},
-	});
-
-	/**
-	 * On Submit form handler
-	 */
-	const onsubmit = (ev: SubmitEvent) => {
-		ev.stopPropagation();
-		ev.preventDefault();
-
-		$signUpMutation.mutate({ username: get(username), password });
-	};
-
 	const oauthLoginGenerator =
 		(provider: ValidOauthMethods) => (ev: MouseEvent) => {
 			ev.stopPropagation();
@@ -139,7 +44,3 @@
 		</Card.Root>
 	</div>
 </Main>
-
-{#if $username_availability_query.isError}
-	<pre>{$username_availability_query.error.message}</pre>
-{/if}
diff --git a/src/routes/(auth)/oauth/[method=oauth]/+error.svelte b/src/routes/(auth)/oauth/[method=oauth]/+error.svelte
index 82235b7..0ae90c2 100644
--- a/src/routes/(auth)/oauth/[method=oauth]/+error.svelte
+++ b/src/routes/(auth)/oauth/[method=oauth]/+error.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { goto } from "$app/navigation";
 	import { page } from "$app/stores";
 	import Main from "@/main.svelte";