Implement Session Persistence: 'Keep me logged in' now works by toggling between localStorage and sessionStorage based on user choice

This commit is contained in:
2026-03-01 12:19:30 -05:00
parent 4d7b472c6c
commit a092df33f7
4 changed files with 122 additions and 50 deletions

View File

@ -14,38 +14,96 @@ export function useETA() {
const busesActivos = ref<BusETA[]>([]);
const cargando = ref<boolean>(false);
// Configuración para el cálculo del ETA mejorado
const VELOCIDAD_PROMEDIO_KMH = 35; // km/h (promedio ciudad/carretera)
const TIEMPO_PARADA_SEGUNDOS = 45; // segundos detenido por parada
// Fórmula Haversine para distancia en línea recta (km)
function getDistanceKm(lat1: number, lon1: number, lat2: number, lon2: number): number {
const R = 6371;
const dLat = (lat2 - lat1) * (Math.PI / 180);
const dLon = (lon2 - lon1) * (Math.PI / 180);
const a =
Math.sin(dLat / 2) * Math.sin(dLat / 2) +
Math.cos(lat1 * (Math.PI / 180)) * Math.cos(lat2 * (Math.PI / 180)) *
Math.sin(dLon / 2) * Math.sin(dLon / 2);
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
return R * c;
}
const calcularETA = async (ruta_id: string, parada_cercana: BusStop) => {
cargando.value = true;
busesActivos.value = [];
try {
// PASO 1: Obtener travel_time_minutes de la parada del usuario
// desde route_stops usando el stop_id de la parada cercana
const { data: routeStopData, error: rsError } = await supabase
.from('route_stops')
.select('travel_time_minutes, stop_order, stop_delay_minutes')
.eq('route_id', ruta_id)
.eq('stop_id', parada_cercana.id)
.single();
// PASO 1: Obtener detalles de la ruta y todas sus paradas para calcular distancia real
const [routeRes, stopsRes] = await Promise.all([
supabase
.from('routes')
.select('distance_km, average_speed_kmh')
.eq('id', ruta_id)
.single(),
supabase
.from('route_stops')
.select('stop_id, stop_order, bus_stops(latitude, longitude)')
.eq('route_id', ruta_id)
.order('stop_order', { ascending: true })
]);
if (rsError || !routeStopData) {
console.warn('SIBU | No se encontró travel_time para la parada:',
parada_cercana.name);
return;
if (routeRes.error || !stopsRes.data) throw new Error('Error al cargar datos de ruta');
const routeData = routeRes.data;
const routeStops = stopsRes.data;
// Encontrar el orden de la parada donde está el usuario
const targetStopIndex = routeStops.findIndex(s => s.stop_id === parada_cercana.id);
if (targetStopIndex === -1) return;
// CALCULAR DISTANCIA ACUMULADA (Terminal hasta Parada Destino)
// Usamos Haversine entre cada parada consecutiva para mayor precisión que una línea recta total
let distanciaAcumuladaKm = 0;
for (let i = 0; i < targetStopIndex; i++) {
const stopA = routeStops[i];
const stopB = routeStops[i + 1];
const start = stopA ? (stopA.bus_stops as any) : null;
const end = stopB ? (stopB.bus_stops as any) : null;
if (start?.latitude != null && start?.longitude != null &&
end?.latitude != null && end?.longitude != null) {
distanciaAcumuladaKm += getDistanceKm(
start.latitude, start.longitude,
end.latitude, end.longitude
);
}
}
// Tiempo total hasta la parada del usuario en minutos
const minutosHastaParada =
(routeStopData.travel_time_minutes ?? 0) +
(routeStopData.stop_delay_minutes ?? 0);
// Aplicar factor de corrección de ruta (las calles no son rectas, aprox +20%)
distanciaAcumuladaKm *= 1.2;
// PASO 2: Obtener horarios activos para hoy
// PASO 2: Aplicar Fórmula Mejorada (Requerida por el usuario)
// ETA = (Distancia / Velocidad) + (Nº Paradas * Tiempo Parada)
const velocidad = routeData.average_speed_kmh || VELOCIDAD_PROMEDIO_KMH;
// Tiempo de viaje (en minutos)
const tiempoViajeMinutos = (distanciaAcumuladaKm / velocidad) * 60;
// Tiempo total en paradas (N paradas previas × tiempo promedio)
// numeroParadas = stops antes de llegar a la parada destino
const numeroParadas = targetStopIndex;
const tiempoParadasMinutos = (numeroParadas * TIEMPO_PARADA_SEGUNDOS) / 60;
// Tiempo total hasta la parada del usuario
const minutosHastaParada = tiempoViajeMinutos + tiempoParadasMinutos;
console.log(`SIBU ETA | Ruta: ${ruta_id} | Dist: ${distanciaAcumuladaKm.toFixed(2)}km | Paradas: ${numeroParadas} | Total: ${minutosHastaParada.toFixed(1)}min`);
// PASO 3: Obtener horarios activos para hoy
const diaActual = new Date().getDay();
const dias = ['domingo', 'lunes', 'martes', 'miercoles',
'jueves', 'viernes', 'sabado'];
const dias = ['domingo', 'lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'sabado'];
const diaString = dias[diaActual];
const tipoDia = (diaActual === 0 || diaActual === 6)
? 'weekend' : 'weekday';
const tipoDia = (diaActual === 0 || diaActual === 6) ? 'weekend' : 'weekday';
const { data: horarios, error: hError } = await supabase
.from('bus_schedules')
@ -56,60 +114,44 @@ export function useETA() {
if (hError) throw hError;
// Filtrar horarios que operan hoy
const horariosHoy = (horarios ?? []).filter(h => {
if (h.dias_operacion) {
return h.dias_operacion.includes('todos') ||
h.dias_operacion.includes(diaString);
return h.dias_operacion.includes('todos') || h.dias_operacion.includes(diaString);
}
return h.schedule_type === tipoDia ||
h.schedule_type === 'todos' ||
!h.schedule_type;
return h.schedule_type === tipoDia || h.schedule_type === 'todos' || !h.schedule_type;
});
// PASO 3: Calcular ETA para cada horario
// PASO 4: Calcular ETA para cada salida desde la terminal
const ahora = new Date();
const minutosAhora = ahora.getHours() * 60 + ahora.getMinutes();
const resultados: BusETA[] = [];
for (const h of horariosHoy) {
const salida = h.departure_time; // "HH:mm:ss"
const salida = h.departure_time;
if (!salida) continue;
// Parsear hora de salida a minutos desde medianoche
const [hStr, mStr] = salida.split(':');
const minutosSalida = parseInt(hStr) * 60 + parseInt(mStr);
// ── FÓRMULA PRINCIPAL ────────────────────────────
// Hora de llegada del bus a la parada del usuario:
// Hora estimada de llegada a la parada del usuario:
const minutosLlegadaParada = minutosSalida + minutosHastaParada;
// ETA = cuántos minutos faltan desde ahora:
const etaMinutos = minutosLlegadaParada - minutosAhora;
// ─────────────────────────────────────────────────
// Formatear hora de llegada para mostrar en UI
const horaLlegada = minutosAHora(minutosLlegadaParada);
const horaSalidaFormato = `${hStr.padStart(2, '0')}:${mStr.padStart(2, '0')}`;
// Determinar estado
let estado: BusETA['estado'];
if (etaMinutos > 5) {
// Bus aún no llega a la parada
// Verificar si ya salió del terminal o no
const yaPartio = minutosAhora >= minutosSalida;
estado = yaPartio ? 'en_camino' : 'próximo';
} else if (etaMinutos >= -2) {
// Llegando ahora (ventana de ±2 minutos)
estado = 'en_camino';
} else {
// Ya pasó la parada
estado = 'pasó';
}
// No incluir buses que pasaron hace más de 60 minutos
if (etaMinutos < -60) continue;
resultados.push({
@ -121,9 +163,6 @@ export function useETA() {
});
}
// PASO 4: Ordenar resultados
// Prioridad: en_camino → próximo → pasó
// Dentro de cada grupo: menor ETA primero
resultados.sort((a, b) => {
const prioridad = { 'en_camino': 0, 'próximo': 1, 'pasó': 2 };
if (prioridad[a.estado] !== prioridad[b.estado]) {
@ -132,7 +171,6 @@ export function useETA() {
return a.etaMinutos - b.etaMinutos;
});
// Máximo 3 buses
busesActivos.value = resultados.slice(0, 3);
} catch (e) {