feat: implement user authentication check in router and create UserService for fetching current user

Author: JasonKrik

services/frontend/src/router/index.ts

@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import { useDatabaseStore } from '@/stores/database'
+import { UserService } from '@/services/userService'
 
 const routes = [
   {
@@ -76,6 +77,15 @@ const router = createRouter({
 // Navigation guard to check database setup
 router.beforeEach(async (to, from, next) => {
   const databaseStore = useDatabaseStore()
+  const user = await UserService.getCurrentUser()
+
+  // If user is logged in and trying to access Login or Register, redirect to Dashboard
+  if (user) {
+    if (to.name === 'Login' || to.name === 'Register') {
+      next('/dashboard')
+      return
+    }
+  }
 
   // Skip setup check for the setup route itself
   if (to.name === 'Setup') {

services/frontend/src/services/userService.ts

@@ -0,0 +1,52 @@
+import { getEnv } from '@/utils/env';
+
+export interface User {
+  id: string;
+  email: string;
+  // Add other user properties as needed
+}
+
+export class UserService {
+  private static getApiUrl(): string {
+    const apiUrl = getEnv('VITE_DEPLOYSTACK_BACKEND_URL');
+    if (!apiUrl) {
+      throw new Error('API URL not configured. Make sure VITE_DEPLOYSTACK_BACKEND_URL is set.');
+    }
+    return apiUrl;
+  }
+
+  static async getCurrentUser(): Promise<User | null> {
+    try {
+      const apiUrl = this.getApiUrl();
+      const response = await fetch(`${apiUrl}/api/users/me`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        credentials: 'include', // Important for sending session cookies
+      });
+
+      if (response.ok) {
+        const data = await response.json();
+        if (data.success && data.data) {
+          return data.data as User;
+        }
+        // If success is false or data is missing, treat as not logged in for this check
+        return null;
+      }
+
+      if (response.status === 401) {
+        // Unauthorized, user is not logged in
+        return null;
+      }
+
+      // For other errors, we might not want to block navigation,
+      // but for the purpose of this check, any error means we can't confirm the user.
+      console.error('Failed to fetch current user:', response.status);
+      return null;
+    } catch (error) {
+      console.error('Error in getCurrentUser:', error);
+      return null; // Network error or other issues
+    }
+  }
+}

services/frontend/src/views/Logout.vue

@@ -44,11 +44,11 @@ onMounted(async () => {
   message.value = t('logout.inProgressMessage');
   console.log('Attempting to logout from backend...');
 
-  const backendBaseUrl = getEnv('VITE_DEPLOYSTACK_APP_URL');
+  const backendBaseUrl = getEnv('VITE_DEPLOYSTACK_BACKEND_URL');
 
   if (!backendBaseUrl) {
     console.error(
-      'VITE_DEPLOYSTACK_APP_URL is not set in your environment. ' +
+      'VITE_DEPLOYSTACK_BACKEND_URL is not set in your environment. ' + 
       'Please ensure it is defined in .env.local (for local development) or as a runtime environment variable (for Docker). ' +
       'API call to logout will likely fail.'
     );