/** Vue Router configuration */ import { createRouter, createWebHistory } from 'vue-router' import { supabase } from '@/supabase' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ // ─── Vistas Públicas Core ─────────────────────────────────────────── { path: '/', name: 'splash', component: () => import('@/views/SplashScreen.vue'), }, { path: '/map', name: 'map', component: () => import('@/views/MapView.vue'), }, { path: '/login', name: 'auth', component: () => import('@/views/AuthView.vue'), }, // ─── Vistas de Transporte ──────────────────────────────────────────── { path: '/routes', name: 'routes', component: () => import('@/views/RoutesView.vue'), }, { path: '/schedules', name: 'schedules', component: () => import('@/views/SchedulesView.vue'), }, { path: '/bus-stop/:id', name: 'bus-stop-details', component: () => import('@/views/BusStopDetailsView.vue'), }, { path: '/taxi', name: 'taxi', component: () => import('@/views/TaxiView.vue'), }, // ─── Vistas de Descubrir ───────────────────────────────────────────── { path: '/discover', name: 'discover', component: () => import('@/views/DiscoverView.vue'), }, { path: '/business/:id', name: 'business-details', component: () => import('@/views/BusinessDetailsView.vue'), }, { path: '/coupons', name: 'coupons', component: () => import('@/views/CouponsView.vue'), }, // ─── Vistas de Usuario ─────────────────────────────────────────────── { path: '/favorites', name: 'favorites', component: () => import('@/views/FavoritesView.vue'), }, { path: '/profile', name: 'profile', component: () => import('@/views/ProfileView.vue'), meta: { requiresAuth: true } }, // ─── Vistas de Admin ───────────────────────────────────────────────── { path: '/admin', name: 'admin-panel', component: () => import('@/views/AdminPanel.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/bus-stops', name: 'admin-bus-stops', component: () => import('@/views/AdminBusStops.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/routes', name: 'admin-routes', component: () => import('@/views/AdminRoutes.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/reports', name: 'admin-reports', component: () => import('@/views/AdminReports.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/schedules', name: 'admin-schedules', component: () => import('@/views/AdminSchedules.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/drivers', name: 'admin-drivers', component: () => import('@/views/AdminDrivers.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/analytics', name: 'admin-analytics', component: () => import('@/views/StrategicAnalytics.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/taxis', name: 'admin-taxis', component: () => import('@/views/AdminTaxis.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, { path: '/admin/shuttles', name: 'admin-shuttles', component: () => import('@/views/AdminShuttles.vue'), meta: { requiresAuth: true, role: 'ADMIN' } }, // ─── Vistas de Roles Especiales ────────────────────────────────────── { path: '/promoter', name: 'promoter-dashboard', component: () => import('@/views/PromoterDashboard.vue'), meta: { requiresAuth: true, role: ['PROMOTER', 'ADMIN'] } }, { path: '/driver', name: 'driver-dashboard', component: () => import('@/views/DriverDashboard.vue'), meta: { requiresAuth: true, role: ['DRIVER', 'ADMIN'] } }, ], }) router.beforeEach(async (to, _from, next) => { // Rutas públicas: siempre pasan sin verificación if (!to.meta.requiresAuth && !to.meta.role) { return next() } // Leer sesión activa de Supabase (sustituye el viejo localStorage) const { data: { session } } = await supabase.auth.getSession() // Ruta protegida sin sesión → redirige a login if (to.meta.requiresAuth && !session) { return next('/login') } // Ruta con restricción de rol → verificar en la BD if (to.meta.role && session) { const { data: profile } = await supabase .from('users') .select('role') .eq('id', session.user.id) .single() const userRole = profile?.role?.toUpperCase() || 'PASSENGER' const allowedRoles = Array.isArray(to.meta.role) ? (to.meta.role as string[]).map(r => r.toUpperCase()) : [(to.meta.role as string).toUpperCase()] if (!allowedRoles.includes(userRole)) { // Redirigir a la vista correcta según su rol real if (userRole === 'ADMIN') return next('/admin') else if (userRole === 'DRIVER') return next('/driver') else if (userRole === 'PROMOTER') return next('/promoter') else return next('/map') } } next() }) export default router