From 59911f71c1b463703a726367b8e5bc3af6ab63c1 Mon Sep 17 00:00:00 2001
From: d3rpp <github@d3rpp.dev>
Date: Sun, 25 Aug 2024 17:09:00 +1200
Subject: [PATCH] yeah

---
 src/hooks.server.ts                              |  3 ++-
 .../components/ui/avatar/avatar-fallback.svelte  |  2 +-
 src/lib/components/ui/avatar/avatar-image.svelte |  2 +-
 src/lib/components/ui/avatar/avatar.svelte       |  2 +-
 src/lib/components/ui/button/button.svelte       |  4 ++--
 src/lib/components/ui/card/card-content.svelte   |  2 +-
 .../components/ui/card/card-description.svelte   |  2 +-
 src/lib/components/ui/card/card-footer.svelte    |  2 +-
 src/lib/components/ui/card/card-header.svelte    |  2 +-
 src/lib/components/ui/card/card-title.svelte     |  2 +-
 src/lib/components/ui/card/card.svelte           |  2 +-
 .../dropdown-menu-checkbox-item.svelte           |  2 +-
 .../dropdown-menu/dropdown-menu-content.svelte   |  2 +-
 .../ui/dropdown-menu/dropdown-menu-item.svelte   |  2 +-
 .../ui/dropdown-menu/dropdown-menu-label.svelte  |  2 +-
 .../dropdown-menu-radio-item.svelte              |  2 +-
 .../dropdown-menu/dropdown-menu-separator.svelte |  2 +-
 .../dropdown-menu/dropdown-menu-shortcut.svelte  |  2 +-
 .../dropdown-menu-sub-content.svelte             |  2 +-
 .../dropdown-menu-sub-trigger.svelte             |  2 +-
 src/lib/components/ui/input/input-file.svelte    |  2 +-
 src/lib/components/ui/input/input.svelte         |  2 +-
 src/lib/components/ui/label/label.svelte         |  2 +-
 src/lib/components/ui/separator/separator.svelte |  2 +-
 .../components/ui/tooltip/tooltip-content.svelte |  2 +-
 src/lib/server/db.ts                             |  4 +++-
 src/lib/trpc/client.ts                           | 16 +++++++++++++++-
 src/routes/(app)/app/+page.svelte                | 11 ++++++++++-
 src/routes/(app)/app/account/+page.ts            | 10 ++++++----
 src/routes/(auth)/auth/sign-up/+page.svelte      |  1 -
 src/routes/+layout.svelte                        |  2 +-
 31 files changed, 62 insertions(+), 35 deletions(-)

diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index ad8fbf1..32cdc4e 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -2,6 +2,7 @@ import { lucia } from "$lib/server/auth/adapter";
 import { authHook } from "$lib/server/auth/hook";
 import { createContext } from "$lib/server/trpc/context";
 import { router } from "$lib/server/trpc/router";
+import { TRPC_PATH } from "$lib/trpc/client";
 
 import type { Handle } from "@sveltejs/kit";
 import { sequence } from "@sveltejs/kit/hooks";
@@ -17,5 +18,5 @@ setInterval(() => {
 
 export const handle: Handle = sequence(
 	authHook,
-	createTRPCHandle({ router, createContext }),
+	createTRPCHandle({ router, createContext, url: TRPC_PATH }),
 );
diff --git a/src/lib/components/ui/avatar/avatar-fallback.svelte b/src/lib/components/ui/avatar/avatar-fallback.svelte
index c4d4569..f4fda20 100644
--- a/src/lib/components/ui/avatar/avatar-fallback.svelte
+++ b/src/lib/components/ui/avatar/avatar-fallback.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	type $$Props = AvatarPrimitive.FallbackProps;
 
diff --git a/src/lib/components/ui/avatar/avatar-image.svelte b/src/lib/components/ui/avatar/avatar-image.svelte
index 6558dc4..27b0e7d 100644
--- a/src/lib/components/ui/avatar/avatar-image.svelte
+++ b/src/lib/components/ui/avatar/avatar-image.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	type $$Props = AvatarPrimitive.ImageProps;
 
diff --git a/src/lib/components/ui/avatar/avatar.svelte b/src/lib/components/ui/avatar/avatar.svelte
index 99fccf6..31ecb43 100644
--- a/src/lib/components/ui/avatar/avatar.svelte
+++ b/src/lib/components/ui/avatar/avatar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Avatar as AvatarPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	type $$Props = AvatarPrimitive.Props;
 
diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
index 61dc968..90df905 100644
--- a/src/lib/components/ui/button/button.svelte
+++ b/src/lib/components/ui/button/button.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Button as ButtonPrimitive } from "bits-ui";
-	import { type Props, buttonVariants } from "./index.js";
-	import { cn } from "$lib/utils.js";
+	import { type Props, buttonVariants } from "./index";
+	import { cn } from "$lib/utils";
 
 	let {
 		class: className,
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
index e1ca52e..91dcd1c 100644
--- a/src/lib/components/ui/card/card-content.svelte
+++ b/src/lib/components/ui/card/card-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
index 09a802f..844df35 100644
--- a/src/lib/components/ui/card/card-description.svelte
+++ b/src/lib/components/ui/card/card-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte
index 9f2dea8..3a0c9d8 100644
--- a/src/lib/components/ui/card/card-footer.svelte
+++ b/src/lib/components/ui/card/card-footer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
index bc24b79..b4c798e 100644
--- a/src/lib/components/ui/card/card-header.svelte
+++ b/src/lib/components/ui/card/card-header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
index 24f2fa0..2a7e317 100644
--- a/src/lib/components/ui/card/card-title.svelte
+++ b/src/lib/components/ui/card/card-title.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
 	import type { HeadingLevel } from "./index.js";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className = undefined,
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
index d6d96dc..3576983 100644
--- a/src/lib/components/ui/card/card.svelte
+++ b/src/lib/components/ui/card/card.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
index 3a62695..0e26a60 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 	import Check from "lucide-svelte/icons/check";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	import type { CheckBoxItemProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
index e779d64..e29fca3 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "$lib/utils.js";
+	import { cn, flyAndScale } from "$lib/utils";
 
 	import type { ContentProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
index 766a840..0c0a928 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	import type { ItemProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
index 6cb6d4e..364a32d 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	import type { LabelProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
index a9d6676..fba9d2e 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 	import Circle from "lucide-svelte/icons/circle";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	import type { RadioItemProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
index 2ebe304..93e7ad7 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	import type { SeparatorProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
index 7e1f94d..3ddf570 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	import type { ShortcutProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
index 488c25c..9002f7e 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "$lib/utils.js";
+	import { cn, flyAndScale } from "$lib/utils";
 
 	import type { SubContentProps } from ".";
 
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
index 896ead2..6b16efd 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 	import ChevronRight from "lucide-svelte/icons/chevron-right";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	import type { SubTriggerProps } from ".";
 
diff --git a/src/lib/components/ui/input/input-file.svelte b/src/lib/components/ui/input/input-file.svelte
index 381a257..34b0bea 100644
--- a/src/lib/components/ui/input/input-file.svelte
+++ b/src/lib/components/ui/input/input-file.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLInputAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	let {
 		class: className,
diff --git a/src/lib/components/ui/input/input.svelte b/src/lib/components/ui/input/input.svelte
index e07e3d8..f34ee6f 100644
--- a/src/lib/components/ui/input/input.svelte
+++ b/src/lib/components/ui/input/input.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { HTMLInputAttributes } from "svelte/elements";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	let {
 		class: className,
diff --git a/src/lib/components/ui/label/label.svelte b/src/lib/components/ui/label/label.svelte
index 5207474..f069959 100644
--- a/src/lib/components/ui/label/label.svelte
+++ b/src/lib/components/ui/label/label.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Label as LabelPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte
index e6723af..f07deba 100644
--- a/src/lib/components/ui/separator/separator.svelte
+++ b/src/lib/components/ui/separator/separator.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Separator as SeparatorPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
+	import { cn } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/components/ui/tooltip/tooltip-content.svelte b/src/lib/components/ui/tooltip/tooltip-content.svelte
index e424015..06593ea 100644
--- a/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ b/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "$lib/utils.js";
+	import { cn, flyAndScale } from "$lib/utils";
 
 	const {
 		class: className,
diff --git a/src/lib/server/db.ts b/src/lib/server/db.ts
index 754695b..e460f69 100644
--- a/src/lib/server/db.ts
+++ b/src/lib/server/db.ts
@@ -15,7 +15,9 @@ sqlite.exec("PRAGMA journal_mode = WAL;");
 sqlite.exec("PRAGMA foreign_keys = on;");
 
 export const DB = drizzle(sqlite, {
-	logger: process.env.NODE_ENV == "development" && ["1", "true"].includes(process.env.LOGGER_ENABLED ?? ""),
+	logger:
+		process.env.NODE_ENV == "development" &&
+		["1", "true"].includes(process.env.LOGGER_ENABLED ?? ""),
 });
 
 /**
diff --git a/src/lib/trpc/client.ts b/src/lib/trpc/client.ts
index 7efbdb8..a23a930 100644
--- a/src/lib/trpc/client.ts
+++ b/src/lib/trpc/client.ts
@@ -1,15 +1,21 @@
 // type imported for TSDoc, ignore this.
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type { page } from "$app/stores";
+
 import type { Router } from "$lib/server/trpc/router";
 
 import { createTRPCClient, type TRPCClientInit } from "trpc-sveltekit";
 import type { QueryClient } from "@tanstack/svelte-query";
 import { svelteQueryWrapper } from "trpc-svelte-query-adapter";
+
+import { httpBatchLink, loggerLink } from "@trpc/client";
+
 import { browser } from "$app/environment";
 
 let browserClient: ReturnType<typeof svelteQueryWrapper<Router>>;
 
+export const TRPC_PATH = `/__trpc`;
+
 /**
  * allows access to a client-side tRPC client
  *
@@ -19,7 +25,15 @@ let browserClient: ReturnType<typeof svelteQueryWrapper<Router>>;
 export const trpc = (init?: TRPCClientInit, queryClient?: QueryClient) => {
 	if (browser && browserClient) return browserClient;
 	const client = svelteQueryWrapper({
-		client: createTRPCClient<Router>({ init }),
+		client: createTRPCClient<Router>({
+			links: [
+				loggerLink(),
+				httpBatchLink({
+					url: TRPC_PATH,
+					fetch: init?.fetch,
+				}),
+			],
+		}),
 		queryClient,
 	});
 	if (browser) browserClient = client;
diff --git a/src/routes/(app)/app/+page.svelte b/src/routes/(app)/app/+page.svelte
index 1408797..9b1d424 100644
--- a/src/routes/(app)/app/+page.svelte
+++ b/src/routes/(app)/app/+page.svelte
@@ -3,8 +3,17 @@
 
 	import { Button } from "$lib/components/ui/button";
 
+    import { toast } from "svelte-sonner";
+
 	const aaaa = () => {
-		console.error("AAAAAAAA");
+        toast.promise(new Promise(res => setTimeout(res, 5_000)), {
+            loading: "Loading",
+            important: true,
+            finally: () => {
+                toast.success("Done.")
+            }
+        });
+
 	};
 </script>
 
diff --git a/src/routes/(app)/app/account/+page.ts b/src/routes/(app)/app/account/+page.ts
index 42328df..605114d 100644
--- a/src/routes/(app)/app/account/+page.ts
+++ b/src/routes/(app)/app/account/+page.ts
@@ -6,9 +6,11 @@ export const load = (async (event) => {
 	const client = trpc(event, queryClient);
 
 	return {
-		uploadedFileCount:
-			await client.user.getUploadedFiles.createServerQuery(undefined, {
-                ssr: false
-            }),
+		uploadedFileCount: await client.user.getUploadedFiles.createServerQuery(
+			undefined,
+			{
+				ssr: false,
+			},
+		),
 	};
 }) satisfies PageLoad;
diff --git a/src/routes/(auth)/auth/sign-up/+page.svelte b/src/routes/(auth)/auth/sign-up/+page.svelte
index b44d9b1..7d76775 100644
--- a/src/routes/(auth)/auth/sign-up/+page.svelte
+++ b/src/routes/(auth)/auth/sign-up/+page.svelte
@@ -61,7 +61,6 @@
 	 */
 	const username_invalid_error_text: Readable<string | undefined> =
 		derived_store(username_availability_query, (val) => {
-			console.log(val.data);
 			if (val.data && val.data.available === false)
 				return "Username is Taken";
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 11ffb24..cf85c6b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -27,7 +27,7 @@
 
 <ModeWatcher defaultMode="system" />
 
-<Toaster />
+<Toaster position="bottom-center" />
 
 <QueryClientProvider client={queryClient}>
 	{@render children()}