phase 5

frontend/src/hooks.server.ts

@@ -12,7 +12,7 @@ export const handle: Handle = async ({ event, resolve }) => {
   const pathname = url.pathname;
 
   // Check if route requires authentication
-  const requiresAuth = protectedRoutes.some(route => pathname.startsWith(route));
+  const requiresAuth = protectedRoutes.some((route) => pathname.startsWith(route));
 
   if (requiresAuth) {
     // Check for auth token in cookies (or you could check localStorage via client-side)
@@ -23,8 +23,8 @@ export const handle: Handle = async ({ event, resolve }) => {
       return new Response(null, {
         status: 302,
         headers: {
-          location: `/login?redirect=${encodeURIComponent(pathname)}`
-        }
+          location: `/login?redirect=${encodeURIComponent(pathname)}`,
+        },
       });
     }
   }
@@ -32,4 +32,3 @@ export const handle: Handle = async ({ event, resolve }) => {
   const response = await resolve(event);
   return response;
 };
-

frontend/src/routes/boards/+page.svelte

@@ -6,7 +6,6 @@
   import CreateBoardModal from '$lib/components/boards/CreateBoardModal.svelte';
 
   let showCreateModal = false;
-  let deleteConfirmId: string | null = null;
 
   onMount(() => {
     boards.load();
@@ -118,7 +117,9 @@
     font-size: 1rem;
     font-weight: 600;
     cursor: pointer;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition:
+      transform 0.2s,
+      box-shadow 0.2s;
   }
 
   .btn-primary:hover {
@@ -215,4 +216,3 @@
     gap: 1.5rem;
   }
 </style>
-

frontend/src/routes/boards/[id]/edit/+page.svelte

@@ -13,6 +13,12 @@
   $: boardId = $page.params.id;
 
   onMount(async () => {
+    if (!boardId) {
+      errors.general = 'Invalid board ID';
+      isLoading = false;
+      return;
+    }
+
     try {
       await boards.loadBoard(boardId);
 
@@ -45,7 +51,7 @@
   }
 
   async function handleSubmit() {
-    if (!validate()) return;
+    if (!validate() || !boardId) return;
 
     isSubmitting = true;
 
@@ -92,9 +98,7 @@
       <div class="error-banner">
         <span class="error-icon">⚠</span>
         {errors.general}
-        <button class="back-btn-inline" on:click={() => goto('/boards')}>
-          Return to Boards
-        </button>
+        <button class="back-btn-inline" on:click={() => goto('/boards')}> Return to Boards </button>
       </div>
     {:else}
       <form on:submit|preventDefault={handleSubmit} class="board-form">
@@ -378,4 +382,3 @@
     }
   }
 </style>
-

frontend/src/routes/boards/new/+page.svelte

@@ -81,7 +81,6 @@
           class:error={errors.title}
           maxlength="255"
           required
-          autofocus
         />
         {#if errors.title}
           <span class="error-text">{errors.title}</span>
@@ -316,4 +315,3 @@
     }
   }
 </style>
-

frontend/src/routes/login/+page.svelte

@@ -11,7 +11,7 @@
 
   onMount(() => {
     // Redirect if already authenticated
-    authStore.subscribe(state => {
+    authStore.subscribe((state) => {
       if (state.isAuthenticated) {
         goto('/boards');
       }
@@ -39,7 +39,7 @@
 <div class="login-page">
   <div class="login-container">
     <h1>Login to Reference Board Viewer</h1>
-    
+
     {#if error}
       <div class="error-message" role="alert">
         {error}
@@ -111,4 +111,3 @@
     text-decoration: underline;
   }
 </style>
-

frontend/src/routes/register/+page.svelte

@@ -12,7 +12,7 @@
 
   onMount(() => {
     // Redirect if already authenticated
-    authStore.subscribe(state => {
+    authStore.subscribe((state) => {
       if (state.isAuthenticated) {
         goto('/boards');
       }
@@ -28,21 +28,24 @@
     try {
       await authApi.register({ email, password });
       success = 'Registration successful! Redirecting to login...';
-      
+
       // Auto-login after successful registration
       setTimeout(async () => {
         try {
           const response = await authApi.login({ email, password });
           authStore.login(response.user, response.access_token);
           goto('/boards');
-        } catch (loginErr) {
+        } catch {
           // If auto-login fails, just redirect to login page
           goto('/login');
         }
       }, 1500);
     } catch (err) {
       const apiError = err as ApiError;
-      error = apiError.error || (apiError.details as any)?.detail || 'Registration failed. Please try again.';
+      error =
+        apiError.error ||
+        (apiError.details as any)?.detail ||
+        'Registration failed. Please try again.';
     } finally {
       isLoading = false;
     }
@@ -52,7 +55,7 @@
 <div class="register-page">
   <div class="register-container">
     <h1>Create Your Account</h1>
-    
+
     {#if error}
       <div class="error-message" role="alert">
         {error}
@@ -140,4 +143,3 @@
     text-decoration: underline;
   }
 </style>
-