fix: better auth validation, remove accidental top level "document" call

src/hooks.server.ts

@@ -0,0 +1,18 @@
+import type { Handle } from "@sveltejs/kit";
+
+export const handle: Handle = async ({ event, resolve }) => {
+    const githubToken = event.cookies.get("github_oauth_token") ?? null;
+    const githubUserResponse = await fetch("https://api.github.com/user", {
+        headers: {
+            Authorization: `Bearer ${githubToken}`
+        }
+    });
+    if (githubUserResponse.ok) {
+        const githubUser = await githubUserResponse.json();
+        event.locals.githubUser = githubUser;
+    } else {
+        event.locals.githubUser = null;
+    }
+
+    return resolve(event);
+};

src/routes/+layout.server.ts

@@ -1,16 +1,5 @@
-// import { githubAuth } from "$lib/ts/github/auth";
-import type { RequestEvent } from "@sveltejs/kit";
-
-export async function load(event: RequestEvent) {
-    const token = event.cookies.get("github_oauth_token") ?? null;
-
-    const githubUserResponse = await fetch("https://api.github.com/user", {
-        headers: {
-            Authorization: `Bearer ${token}`
-        }
-    });
-    const githubUser = await githubUserResponse.json();
+export async function load({ locals }) {
     return {
-        githubUser
+        githubUser: locals.githubUser
     };
 }

src/routes/+layout.svelte

@@ -34,7 +34,7 @@
                     class="absolute h-6 w-6 translate-y-10 transition-transform dark:translate-y-0"
                 />
             </Button>
-            {#if data.githubUser.login}
+            {#if data.githubUser}
                 <Avatar.Root>
                     <Avatar.Image src={data.githubUser.avatar_url} alt={data.githubUser.login} />
                     <Avatar.Fallback>CN</Avatar.Fallback>

src/routes/+page.svelte

@@ -11,7 +11,7 @@
     >
         My repositories
     </h2>
-    {#if !data.githubUser.login}
+    {#if !data.githubUser}
         <Button href="/api/login" size="lg" variant="default" class="mx-auto max-w-xl">
             Log in with GitHub</Button
         >

src/routes/new/+page.server.ts

@@ -0,0 +1,7 @@
+import { redirect } from "@sveltejs/kit";
+export function load({ locals }) {
+    console.log(locals);
+    if (locals.githubUser === null) {
+        redirect(303, "/");
+    }
+}

src/routes/new/+page.svelte

@@ -12,7 +12,7 @@
     let log: Array<string> = [];
     export let data;
 
-    let repoName = document.getElementById("reponame");
+    let repoName = "";
 
     async function createRepo() {
         setupStep = "inprogress";