feat: callback github page

apps/web/package.json

@@ -2,7 +2,7 @@
 	"name": "web",
 	"version": "0.0.1",
 	"scripts": {
-		"dev": "vite dev",
+		"dev": "vite dev --port 3000",
 		"build": "vite build",
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",

apps/web/src/lib/components/layout/NavBar.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <div class="beatforge-page-navbar flex w-full items-center py-8 px-4 mx-auto max-w-7xl z-[100] text-sm font-bold">
-	<Link variant="ghost" focusRing={false}>
+	<Link variant="ghost" focusRing={false} href="/">
 		<img src="/images/logo.svg" draggable="false" alt="logo" class="h-12 p-3" />
 	</Link>
 

apps/web/src/routes/callback/github/+page.svelte

@@ -0,0 +1,3 @@
+<div class="h-screen">
+
+</div>

apps/web/src/routes/callback/github/+page.ts

@@ -0,0 +1,38 @@
+import { env } from '$env/dynamic/public';
+
+export async function load({ url: { searchParams } }) {
+    const code = searchParams.get('code');
+    if (!code) {
+        return {
+            status: 302,
+            headers: {
+                location: '/'
+            }
+        };
+    } else {
+        try {
+            const response = await fetch(`${env.PUBLIC_API_URL}/auth/github?code=${code}`, {
+                method: 'POST'
+            })
+            const { jwt } = await response.json();
+            return {
+                status: 302,
+                headers: {
+                    location: '/',
+                    'set-cookie': `jwt=${jwt}; Path=/; HttpOnly`
+                }
+            };
+        } catch (error) {
+            console.log(error)
+            return {
+                status: 500,
+                headers: {
+                    location: '/'
+                },
+                body: {
+                    error: error.message
+                }
+            };
+        }
+    }
+}