import React, { useEffect, useState, useCallback } from 'react'; import './ClassiquesDeparts.css'; import supabase from '../../../lib/supabase'; // Helper utilitaire : format HHhMM sans secondes (ex: 06h44) const formatTimeNoSeconds = (v) => { if (v == null) return ''; const tryDate = new Date(v); if (!isNaN(tryDate.getTime())) { const hh = String(tryDate.getHours()).padStart(2, '0'); const mm = String(tryDate.getMinutes()).padStart(2, '0'); return `${hh}h${mm}`; } if (typeof v === 'string') { const m = v.match(/(\d{1,2}):(\d{2})(?::\d{2})?/); if (m) return `${String(m[1]).padStart(2,'0')}h${m[2]}`; const m2 = v.match(/T(\d{2}):(\d{2})/); if (m2) return `${m2[1]}h${m2[2]}`; return v.slice(0,5).replace(':','h'); } return String(v).slice(0,5).replace(':','h'); }; // Données proviennent exclusivement de la table `horaires`. function Logo({op}){ // Tente de charger un logo SVG depuis /type/ en fonction de l'opérateur. // mapping pour opérateurs connus -> noms de fichiers dans public/type const mapping = { 'TGV inOUI': 'logo-inoui.svg', 'TGV inOUI ': 'logo-inoui.svg', 'TGV': 'logo-tgv.svg', 'TER': 'sncf-voyageurs-logo.png', 'MOBIGO': 'logo-mobigo.svg', 'TGV Lyria': 'logo-lyria.svg', 'TGV Lyria ': 'logo-lyria.svg', }; const defaultFileFromOp = (name) => { if (!name) return null; // nettoyer et fabriquer un nom plausible : "logo-.svg" const slug = name.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, ''); return `logo-${slug}.svg`; }; const fileName = mapping[op] || mapping[op.split(' ')[0]] || defaultFileFromOp(op); const [hasImg, setHasImg] = React.useState(true); return (
{hasImg && fileName ? ( {op} setHasImg(false)} /> ) : (
{op.split(' ')[0]}
)}
); } // (La fonction TrainType a été retirée car la colonne affiche désormais directement les // informations via .train-meta dans la colonne .col-train-type) function Clock(){ const [now, setNow] = useState(new Date()); useEffect(() => { const id = setInterval(() => setNow(new Date()), 1000); return () => clearInterval(id); }, []); const hh = String(now.getHours()).padStart(2, '0'); const mm = String(now.getMinutes()).padStart(2, '0'); const ss = String(now.getSeconds()).padStart(2, '0'); return (
{hh}:{mm}
{ss}
); } export default function ClassiquesDeparts(){ // lire le paramètre de requête ?gare=Nom-de-la-gare const params = new URLSearchParams(window.location.search); const gareParam = params.get('gare'); // support pour ?gare_id=123 ou ?gareId=123 const gareIdParam = params.get('gare_id') || params.get('gareId'); // gérer les +, décoder et remplacer les tirets par des espaces const gareDisplay = gareParam ? decodeURIComponent(String(gareParam).replace(/\+/g, ' ')).replace(/-/g, ' ') : null; // debug flag activable via ?debug=1 or ?debug=true const debugEnabled = (params.get('debug') === '1' || String(params.get('debug')).toLowerCase() === 'true'); const debug = useCallback((...args) => { if (debugEnabled) console.debug(...args); }, [debugEnabled]); // État pour alterner l'affichage toutes les 3 secondes const [showStatus, setShowStatus] = useState(false); // Données depuis Supabase const [horaires, setHoraires] = useState([]); const [allHoraires, setAllHoraires] = useState([]); const [perturbations, setPerturbations] = useState([]); // type de la gare affichée (valeurs attendues: 'interurbaine', 'ville', ...) const [stationType, setStationType] = useState(null); const [, setTravaux] = useState([]); const [, setLoading] = useState(false); const [, setError] = useState(null); // debug des données brutes renvoyées par Supabase const [rawDebug, setRawDebug] = useState({ count: 0, sample: [] }); // --- Helpers pour perturbations (définis ici pour éviter use-before-define dans useEffect) --- const normalizeName = useCallback((s) => { if (!s) return ''; try { const t = String(s).normalize('NFD').replace(/\p{M}/gu, '').toLowerCase().trim(); return t.replace(/[-_]+/g, ' ').replace(/\s+/g, ' '); } catch (e) { return String(s).toLowerCase().trim(); } }, []); const safeParseArrets = useCallback((p) => { const raw = p && (p.perturbations_arrets || p.arrets || p.arrets_perturbations); if (!raw) return []; if (Array.isArray(raw)) return raw; try { const parsed = JSON.parse(raw); // some payloads wrap { arrets: [...], jours_perturbation: [...] } if (parsed && typeof parsed === 'object') { if (Array.isArray(parsed.arrets)) return parsed.arrets; // if parsed itself is an array-like object, return it return parsed; } return []; } catch (e) { return []; } }, []); // Retourne la liste d'arrêts d'un horaire, supporte plusieurs noms de champs (stops, gares_desservies...) const getStops = useCallback((h) => { if (!h) return []; if (Array.isArray(h.stops) && h.stops.length) return h.stops; if (Array.isArray(h.gares_desservies) && h.gares_desservies.length) return h.gares_desservies; if (Array.isArray(h.garesDesservies) && h.garesDesservies.length) return h.garesDesservies; // parfois la colonne est stockée sous forme de chaîne JSON const candidates = ['stops','gares_desservies','garesDesservies','gares_desservies_json']; for (const key of candidates) { const raw = h[key]; if (!raw) continue; if (Array.isArray(raw)) return raw; if (typeof raw === 'string') { try { const parsed = JSON.parse(raw); if (Array.isArray(parsed)) return parsed; } catch (e) { /* ignore */ } } } return []; }, []); // parse perturbations_arrets as object to extract both arrets and jours_perturbation const parsePerturbArretsObject = useCallback((p) => { const raw = p && (p.perturbations_arrets || p.arrets || p.arrets_perturbations); if (!raw) return { arrets: [], jours: null }; if (typeof raw === 'object') { if (Array.isArray(raw.arrets)) return { arrets: raw.arrets, jours: raw.jours_perturbation || raw.jours || null }; if (Array.isArray(raw)) return { arrets: raw, jours: null }; return { arrets: [], jours: null }; } try { const parsed = JSON.parse(raw); if (parsed && typeof parsed === 'object') { return { arrets: Array.isArray(parsed.arrets) ? parsed.arrets : (Array.isArray(parsed) ? parsed : []), jours: parsed.jours_perturbation || parsed.jours || null }; } return { arrets: [], jours: null }; } catch (e) { return { arrets: [], jours: null }; } }, []); // extrait un set de dates 'YYYY-MM-DD' depuis p.jours_perturbation (top-level) ou depuis perturbations_arrets.jours_perturbation const getPerturbationJours = useCallback((p) => { if (!p) return null; // check top-level field first const candidate = p.jours_perturbation || p.jours || null; const result = new Set(); const pushDate = (d) => { if (!d) return; try { const dd = new Date(d); if (!isNaN(dd.getTime())) result.add(dd.toISOString().slice(0,10)); } catch (e) {} }; if (candidate) { if (Array.isArray(candidate)) { candidate.forEach(item => pushDate(item.date || item)); } else if (typeof candidate === 'string') { try { const parsed = JSON.parse(candidate); if (Array.isArray(parsed)) parsed.forEach(it => pushDate(it.date || it)); } catch (e) { pushDate(candidate); } } else if (typeof candidate === 'object') { if (Array.isArray(candidate)) candidate.forEach(it => pushDate(it.date || it)); else pushDate(candidate.date || null); } } // fallback: inspect perturbations_arrets object try { const parsedObj = parsePerturbArretsObject(p); const jp = parsedObj.jours; if (jp) { if (Array.isArray(jp)) jp.forEach(it => pushDate(it.date || it)); else if (typeof jp === 'string') { try { const parsed = JSON.parse(jp); if (Array.isArray(parsed)) parsed.forEach(it => pushDate(it.date || it)); } catch (e) { pushDate(jp); } } else if (typeof jp === 'object') pushDate(jp.date || null); } } catch (e) {} return result.size ? result : null; }, [parsePerturbArretsObject]); const parseDelayMinutesFromArret = useCallback((arret) => { if (!arret) return null; const keys = ['retard_minutes','retard','delay_minutes','delay','retard_min']; for (const k of keys) { if (typeof arret[k] !== 'undefined' && arret[k] !== null && arret[k] !== '') { const n = Number(arret[k]); if (!isNaN(n)) return Math.round(n); } } return null; }, []); // parse HH:mm or ISO into minutes since midnight (utilisable ailleurs dans le composant) const parseTimeHM = useCallback((s) => { if (!s) return null; if (typeof s === 'number') return s; const m = String(s).match(/(\d{1,2}):(\d{2})/); if (m) return parseInt(m[1],10)*60 + parseInt(m[2],10); const d = new Date(s); if (!isNaN(d.getTime())) return d.getHours()*60 + d.getMinutes(); return null; }, []); // retourne le threshold (en minutes) pour afficher le quai selon le type de gare const thresholdForStationType = useCallback((type) => { if (!type) return 0; const t = String(type).toLowerCase(); if (t.includes('interurb') || t.includes('interurbaine')) return 360; // 6 heures if (t.includes('ville')) return 30; // 30 minutes return 0; }, []); const formatTimeFromHM = useCallback((totalMinutes) => { if (typeof totalMinutes !== 'number' || isNaN(totalMinutes)) return ''; const m = ((totalMinutes % 1440) + 1440) % 1440; const hh = String(Math.floor(m / 60)).padStart(2, '0'); const mm = String(m % 60).padStart(2, '0'); return `${hh}h${mm}`; }, []); // buildPerturbMap now accepts an optional list of horaires to link horaire_id -> numero_train const buildPerturbMap = useCallback((list = perturbations, horairesList = allHoraires) => { const idx = { byHoraire: {}, byNumber: {}, byStopId: {}, byStopName: {}, global: [] }; (list || []).forEach(p => { const horaireId = p.horaire_id || p.horaire || p.horaireId || p.horaireID; if (horaireId != null) { const k = String(horaireId); idx.byHoraire[k] = idx.byHoraire[k] || []; idx.byHoraire[k].push(p); } const number = p.number || p.train_number || p.train || p.numero || p.numero_train; if (number != null) { const kn = String(number); idx.byNumber[kn] = idx.byNumber[kn] || []; idx.byNumber[kn].push(p); } const arrets = safeParseArrets(p); if (Array.isArray(arrets) && arrets.length) { arrets.forEach(a => { const stopId = a.gare_id || a.gareId || a.id || a.station_id || a.stationId || a.uic || a.code_uic || a.gare_uic || a.code; const stopName = a.gare_nom || a.nom || a.name || a.station_name || a.station_nom; if (stopId != null) { const ks = String(stopId); idx.byStopId[ks] = idx.byStopId[ks] || []; idx.byStopId[ks].push({ perturbation: p, arret: a }); } if (stopName) { const key = normalizeName(stopName); idx.byStopName[key] = idx.byStopName[key] || []; idx.byStopName[key].push({ perturbation: p, arret: a }); } }); } if ((horaireId == null && number == null && (!Array.isArray(arrets) || !arrets.length))) { idx.global.push(p); } }); // If we have horairesList, propagate horaire_id perturbations to byNumber using the matching horaire's numero_train if (Array.isArray(horairesList) && horairesList.length) { try { const byH = Object.keys(idx.byHoraire || {}); if (byH && byH.length) { for (const hid of byH) { const h = horairesList.find(x => String(x.id || x.horaire_id || x.horaireId || x.numero) === String(hid)); if (h) { const num = h.numero_train || h.number || h.numero || null; if (num != null) { const numKey = String(num); idx.byNumber[numKey] = idx.byNumber[numKey] || []; // append all perturbations that reference this horaire id (idx.byHoraire[hid] || []).forEach(p => idx.byNumber[numKey].push(p)); } } } } } catch (e) { // ignore mapping errors } } return idx; }, [perturbations, allHoraires, safeParseArrets, normalizeName]); const findPerturbsForHoraireAndStop = useCallback((horaire, stationId, stationName, idx) => { const res = []; const map = idx || buildPerturbMap(); try { debug('findPerturbsForHoraireAndStop', { horaireId: horaire && (horaire.id || horaire.horaire_id), numero: horaire && (horaire.numero_train || horaire.numero), stationId, stationName, counts: { byHoraire: Object.keys(map.byHoraire||{}).length, byNumber: Object.keys(map.byNumber||{}).length } }); } catch (e) {} const hId = horaire && (horaire.id || horaire.horaire_id || horaire.numero || horaire.numero_train); const number = horaire && (horaire.numero_train || horaire.number || horaire.numero || horaire.train_number); if (hId != null) { const kh = String(hId); if (map.byHoraire && map.byHoraire[kh]) res.push(...map.byHoraire[kh]); } if (number != null) { const kn = String(number); if (map.byNumber && map.byNumber[kn]) res.push(...map.byNumber[kn]); } if (stationId != null) { const ks = String(stationId); if (map.byStopId && map.byStopId[ks]) map.byStopId[ks].forEach(x => res.push(x.perturbation)); } if (stationName && map.byStopName) { const key = normalizeName(stationName); if (map.byStopName[key]) map.byStopName[key].forEach(x => res.push(x.perturbation)); // recherche permissive : accepter les clés qui contiennent ou sont contenues par le needle try { const needle = key; for (const existingKey of Object.keys(map.byStopName || {})) { if (existingKey === needle) continue; if (existingKey.includes(needle) || needle.includes(existingKey)) { map.byStopName[existingKey].forEach(x => res.push(x.perturbation)); } } } catch (e) { // ignore } } return Array.from(new Set(res)); }, [buildPerturbMap, normalizeName, debug]); // serviceDate (YYYY-MM-DD) optional: forces the evaluation date for perturbations when horaire._date is missing const computeStatusForHoraireAtStop = useCallback((horaire, stationId, stationName, idx, serviceDate = null) => { const found = findPerturbsForHoraireAndStop(horaire, stationId, stationName, idx) || []; try { debug('computeStatusForHoraireAtStop', { id: horaire && horaire.id, numero: horaire && (horaire.numero_train || horaire.numero), stationId, stationName, found: found.length }); } catch (e) {} const toYMD = (v) => { if (!v) return null; const d = new Date(v); if (isNaN(d.getTime())) return null; return d.toISOString().slice(0,10); }; let horaireYmd = toYMD(horaire && (horaire._date || horaire.date || horaire.date_service || horaire.service_date)); if (!horaireYmd && serviceDate) horaireYmd = serviceDate; let maxDelay = null; for (const p of found) { // date filter: if perturbation carries explicit dates or jours_perturbation, check they match horaireYmd try { if (horaireYmd) { const pDate = toYMD(p.date || p.date_service || p.start_date || p.date_debut); const db = toYMD(p.date_debut || p.start_date); const df = toYMD(p.date_fin || p.end_date); if (pDate && pDate !== horaireYmd) { debug('perturbation date mismatch', p.id); continue; } if (db && df && !(horaireYmd >= db && horaireYmd <= df)) { debug('perturbation date-range mismatch', p.id); continue; } } } catch (e) { /* ignore date parse errors -> assume applies */ } // also check jours_perturbation (may be inside perturbations_arrets wrapper) try { const joursSet = getPerturbationJours(p); if (joursSet && horaireYmd) { if (!joursSet.has(horaireYmd)) { debug('perturbation jours mismatch', p.id); continue; } } } catch (e) {} const parsedObj = parsePerturbArretsObject(p) || { arrets: [], jours: null }; const arrets = parsedObj.arrets || []; let matched = false; for (const a of arrets) { const aId = a.gare_id || a.gareId || a.id || a.station_id || a.stationId || a.uic || a.code; const aName = a.gare_nom || a.nom || a.name || a.station_name || a.station_nom; const na = normalizeName(aName || ''); const ns = normalizeName(stationName || ''); const nameMatches = stationName && (na === ns || na.includes(ns) || ns.includes(na)); if ((stationId != null && String(aId) === String(stationId)) || nameMatches) { matched = true; const t = (a.type_perturbation || a.type || '').toString().toLowerCase(); if (t.includes('arret_supprime') || /suppressed|supprim/.test(t)) return { label: 'supprimé', detail: '', delayMinutes: null }; if (t.includes('retard') || t.includes('delay') || /retard/.test(t)) { const d = parseDelayMinutesFromArret(a) || parseDelayMinutesFromArret(p) || 0; if (maxDelay == null || d > maxDelay) maxDelay = d; } } } if (!matched) { // top-level perturbation that references the horaire/numero const ref = p.horaire_id || p.horaire || p.horaireId || p.numero_train || p.train_number || p.numero; const numberRef = p.number || p.train_number || p.numero || p.numero_train; const appliesByRef = ref && (String(ref) === String(horaire.id) || String(ref) === String(horaire.numero_train) || String(ref) === String(horaire.numero)); const appliesByNumber = numberRef && (String(numberRef) === String(horaire.numero_train) || String(numberRef) === String(horaire.numero) || String(numberRef) === String(horaire.number)); const isGlobal = (!Array.isArray(arrets) || arrets.length === 0) && !ref && !numberRef; if (appliesByRef || appliesByNumber || isGlobal) { const t = (p.type_perturbation || p.type || '').toString().toLowerCase(); if (t.includes('arret_supprime') || /suppressed|supprim/.test(t)) return { label: 'supprimé', detail: '', delayMinutes: null }; if (t.includes('retard') || t.includes('delay') || /retard/.test(t)) { const d = parseDelayMinutesFromArret(p) || 0; if (maxDelay == null || d > maxDelay) maxDelay = d; } } } } if (maxDelay != null) return { label: `retardé +${maxDelay}min.`, detail: '', delayMinutes: maxDelay }; return { label: "à l'heure", detail: '', delayMinutes: null }; }, [findPerturbsForHoraireAndStop, parsePerturbArretsObject, getPerturbationJours, parseDelayMinutesFromArret, normalizeName, debug]); // Applique les perturbations à une liste d'horaires : calcule status par arrêt et met à jour l'heure affichée const applyPerturbationsToHoraires = useCallback((list = [], perturbList = perturbations, displayStationId = null, displayStationName = null, serviceDate = null) => { const map = buildPerturbMap(perturbList || []); // fallback to global display station context const targetStationId = displayStationId || gareIdParam || null; const targetStationName = displayStationName || gareDisplay || null; return (list || []).map(h => { const horaire = { ...h }; const stops = getStops(horaire); const stopsStatus = []; for (let i = 0; i < stops.length; i++) { const s = stops[i] || {}; const stationId = s.gare_id || s.gareId || s.id || s.station_id || s.stationId || s.uic || s.code; const stationName = s.gare_nom || s.nom || s.name || s.station_name || s.station_nom; const st = computeStatusForHoraireAtStop(horaire, stationId, stationName, map, serviceDate); stopsStatus.push({ stationId, stationName, status: st }); } // compute display time using delay at the display station if any const displayStatus = computeStatusForHoraireAtStop(horaire, targetStationId, targetStationName, map, serviceDate); let displayTime = horaire._displayTime || formatTimeNoSeconds(horaire.heure_depart || horaire.time || horaire.heure || ''); if (displayStatus && typeof displayStatus.delayMinutes === 'number' && !isNaN(displayStatus.delayMinutes)) { if (typeof horaire._depHM === 'number') { displayTime = formatTimeFromHM(horaire._depHM + displayStatus.delayMinutes); } else { const tryParse = (s) => { if (!s) return null; const m = String(s).match(/(\d{1,2}):(\d{2})/); if (m) return parseInt(m[1],10)*60 + parseInt(m[2],10); const d = new Date(s); if (!isNaN(d.getTime())) return d.getHours()*60 + d.getMinutes(); return null; }; const base = tryParse(horaire._rawTime || horaire.heure_depart || horaire.time || horaire.heure || ''); if (typeof base === 'number') displayTime = formatTimeFromHM(base + displayStatus.delayMinutes); } } horaire._stopsStatus = stopsStatus; // prefer platform from stop data (quai) if available const stopForStation = (stops || []).find(s => { const sid = s.gare_id || s.gareId || s.id || s.stop_id || s.stopId || null; const nm = s.gare_nom || s.nom || s.name || s.stop_name || ''; const ns = normalizeName(nm || ''); const target = normalizeName(targetStationName || ''); return (targetStationId && String(sid) === String(targetStationId)) || (targetStationName && (ns === target || ns.includes(target) || target.includes(ns))); }) || null; horaire._status = displayStatus; horaire._displayTime = displayTime; horaire._displayPlatform = (stopForStation && (stopForStation.quai || stopForStation.platform || stopForStation.quay)) || horaire.platform || ''; return horaire; }); }, [buildPerturbMap, computeStatusForHoraireAtStop, formatTimeFromHM, perturbations, gareDisplay, gareIdParam, getStops, normalizeName]); useEffect(() => { const id = setInterval(() => setShowStatus(s => !s), 3000); return () => clearInterval(id); }, []); // Récupération Supabase — maintenant avec polling pour synchroniser sans recharger la page useEffect(() => { let mounted = true; let inFlight = false; // empêche les fetchs concurrents const fetchData = async () => { if (!mounted) return; if (inFlight) return; // éviter les appels simultanés si le fetch précédent n'est pas terminé inFlight = true; if (!supabase) { // Supabase non initialisé — avertir et définir un message d'erreur pour l'UI // eslint-disable-next-line no-console console.warn('Supabase non initialisé — vérifiez REACT_APP_SUPABASE_URL et REACT_APP_SUPABASE_ANON_KEY'); setError('Supabase non initialisé — vérifiez les variables d\'environnement'); setLoading(false); inFlight = false; return; } setLoading(true); setError(null); try { const [{ data: horairesData, error: hError }, { data: perturbData, error: pError }, { data: travauxData, error: tError }] = await Promise.all([ // DEBUG: récupérer explicitement l'id et toutes les colonnes pour s'assurer que l'identifiant // `id` est bien présent et peut être mis en correspondance avec `horaire_id` dans perturbations supabase.from('horaires').select('id, *'), supabase.from('perturbations').select('*'), supabase.from('travaux').select('*') ]); if (!mounted) { inFlight = false; return; } if (hError || pError || tError) { if (mounted) setError((hError || pError || tError).message || String(hError || pError || tError)); setLoading(false); inFlight = false; return; } // debug: afficher ce que Supabase retourne // eslint-disable-next-line no-console debug('Supabase horaires fetched', { count: (horairesData || []).length, sample: (horairesData || []).slice(0,5) }); if (mounted) setRawDebug({ count: (horairesData || []).length, sample: (horairesData || []).slice(0,3) }); // conserver la liste complète telle que renvoyée par la BDD (avant filtrage par gare) let parsedHoraires = (horairesData || []).map(h => h || {}); // Certains champs (comme stops) peuvent arriver en tant que chaîne JSON depuis la BDD; // essayer de parser pour garantir que stops est un tableau utilisable. parsedHoraires = parsedHoraires.map(h => { try { if (h && typeof h.stops === 'string') { const parsed = JSON.parse(h.stops); if (Array.isArray(parsed)) { return { ...h, stops: parsed }; } } } catch (e) { // ignore parse error } return h; }); // debug: afficher après normalisation // eslint-disable-next-line no-console debug('Supabase horaires normalized', { count: parsedHoraires.length, sampleStopsExample: (parsedHoraires[0] && parsedHoraires[0].stops) || null }); // stocker la liste complète (non filtrée) pour associer horaire_id -> numero_train if (mounted) setAllHoraires(parsedHoraires || []); // Récupérer le type de gare depuis la table `gares` si possible try { let fetchedType = null; if (gareIdParam) { const { data: gdata, error: gerr } = await supabase.from('gares').select('id,type').eq('id', gareIdParam).limit(1); if (!gerr && gdata && gdata.length) fetchedType = gdata[0] && gdata[0].type; } else if (gareDisplay) { const needle = `%${gareDisplay}%`; try { const { data: gdata, error: gerr } = await supabase.from('gares').select('id,type').or(`nom.ilike.${needle},name.ilike.${needle}`).limit(1); if (!gerr && gdata && gdata.length) fetchedType = gdata[0] && gdata[0].type; } catch (e) { try { const { data: gdata } = await supabase.from('gares').select('id,type').ilike('nom', needle).limit(1); if (gdata && gdata.length) fetchedType = gdata[0] && gdata[0].type; } catch (err) { /* ignore */ } } } if (mounted) setStationType(fetchedType ? String(fetchedType).toLowerCase() : null); } catch (e) { /* ignore errors reading gares table */ } // Filtrer par gare : garder uniquement les horaires qui DESSERVENT la gare ciblée // (soit comme gare_depart, soit comme un arrêt intermédiaire dans `stops` / `gares_desservies`) // Exclure les horaires pour lesquels la gare ciblée est la gare d'arrivée finale (terminus) let displayHoraires = parsedHoraires.slice(); if (gareDisplay) { const normalized = normalizeName(String(gareDisplay).replace(/-/g, ' ')); displayHoraires = displayHoraires.filter(h => { // Exclure si la gare ciblée est la gare d'arrivée finale const destName = normalizeName((h.gare_arrivee_nom || h.gare_arrivee || '').toString()); if (destName && (destName === normalized || destName.includes(normalized) || normalized.includes(destName))) return false; // Inclure si gare de départ correspond const departName = normalizeName((h.gare_depart_nom || h.gare_depart_name || h.gare_depart || '').toString()); if (departName && (departName === normalized || departName.includes(normalized) || normalized.includes(departName))) return true; // Chercher dans les arrêts desservis ; ignorer si l'arrêt est le terminus (isLast ou index==max) const stopsList = getStops(h); if (Array.isArray(stopsList) && stopsList.length) { let maxIdx = null; for (const st of stopsList) { if (typeof st.index !== 'undefined' && st.index !== null) { const n = Number(st.index); if (!Number.isNaN(n)) maxIdx = maxIdx == null ? n : Math.max(maxIdx, n); } } for (const s of stopsList) { const stopName = normalizeName((s.gare_nom || s.nom || s.name || s.stop_name || '').toString()); if (!stopName) continue; const isTerminus = Boolean(s.isLast || s.is_last || (typeof s.index !== 'undefined' && maxIdx != null && Number(s.index) === maxIdx)); if (isTerminus) continue; if (stopName === normalized || stopName.includes(normalized) || normalized.includes(stopName)) return true; } } return false; }); } else if (gareIdParam) { const gid = String(gareIdParam); displayHoraires = displayHoraires.filter(h => { // Exclure si gare d'arrivée finale correspond const destId = (h.gare_arrivee_id || h.gare_arrivee || null); if (destId != null && String(destId) === gid) return false; // Inclure si gare de départ correspond const departId = h.gare_depart_id || h.gare_id || h.origin_id || null; if (departId != null && String(departId) === gid) return true; // Chercher dans les arrêts desservis (ignorer terminus) const stopsList = getStops(h); if (Array.isArray(stopsList) && stopsList.length) { let maxIdx = null; for (const st of stopsList) { if (typeof st.index !== 'undefined' && st.index !== null) { const n = Number(st.index); if (!Number.isNaN(n)) maxIdx = maxIdx == null ? n : Math.max(maxIdx, n); } } for (const s of stopsList) { const stopId = s.gare_id || s.gareId || s.id || s.stop_id || s.stopId || null; if (stopId == null) continue; const isTerminus = Boolean(s.isLast || s.is_last || (typeof s.index !== 'undefined' && maxIdx != null && Number(s.index) === maxIdx)); if (isTerminus) continue; if (String(stopId) === gid) return true; } } return false; }); } // Normaliser date de service (si présente) const dateKeys = ['date_depart','date','jour','service_date','date_service','date_dep']; const normalizeDate = (o) => { for (const k of dateKeys) { if (!o) continue; const v = o[k]; if (!v) continue; const d = new Date(v); if (!isNaN(d.getTime())) return d.toISOString().slice(0,10); } return null; }; const withDates = displayHoraires.map(h => ({ ...h, _date: normalizeDate(h) })); // parse HH:mm or HH:MM:SS into minutes since midnight const parseTimeHM = (s) => { if (!s) return null; if (typeof s === 'number') return s; const m = String(s).match(/(\d{1,2}):(\d{2})/); if (m) return parseInt(m[1],10)*60 + parseInt(m[2],10); const d = new Date(s); if (!isNaN(d.getTime())) return d.getHours()*60 + d.getMinutes(); return null; }; // enrichir withDates avec heures en minutes pour aujourd'hui et demain const now = new Date(); const todayHM = now.getHours()*60 + now.getMinutes(); const enrich = withDates.map(h => { let raw = h.heure_depart || h.time || h.heure || ''; // si stops contient la gare ciblée, préférer son heure const stopsListForH = getStops(h); if ((gareIdParam || gareDisplay) && Array.isArray(stopsListForH)) { const byId = gareIdParam ? stopsListForH.find(s => String(s.gare_id || s.gareId || s.id) === String(gareIdParam)) : null; const byName = gareDisplay ? stopsListForH.find(s => normalizeName((s.gare_nom || s.nom || s.name || '').toString()) === normalizeName(gareDisplay)) : null; const stop = byId || byName; if (stop && (stop.heure_depart || stop.time || stop.heure)) raw = stop.heure_depart || stop.time || stop.heure; } const depHM = parseTimeHM(raw); const displayTime = formatTimeNoSeconds(raw); return { ...h, _rawTime: raw, _depHM: depHM, _displayTime: displayTime }; }); // fonctions utilitaires de jours const pad = (n) => String(n).padStart(2,'0'); const localDateStr = (d) => `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())}`; const today = new Date(); const todayStr = localDateStr(today); const tomorrow = new Date(today); tomorrow.setDate(today.getDate()+1); const tomorrowStr = localDateStr(tomorrow); const weekdayIndex = (d) => d.getDay(); // 0 dimanche .. 6 samedi const weekdayNameForColumn = (d) => { const i = weekdayIndex(d); switch(i) { case 1: return 'circule_lundi'; case 2: return 'circule_mardi'; case 3: return 'circule_mercredi'; case 4: return 'circule_jeudi'; case 5: return 'circule_vendredi'; case 6: return 'circule_samedi'; case 0: return 'circule_dimanche'; default: return null; } }; const circulatesOn = (h, d) => { const col = weekdayNameForColumn(d); if (!col) return true; const v = h[col]; if (typeof v === 'boolean') return v; if (typeof v === 'number') return v === 1; if (typeof v === 'string') { const s = v.trim().toLowerCase(); return s === 'true' || s === '1' || s === 't' || s === 'y' || s === 'yes'; } // si la colonne est undefined ou null, on considère que ça circule (fallback permissif) return (typeof v === 'undefined' || v === null) ? true : Boolean(v); }; // Construire listes pour aujourd'hui et demain en tenant compte des colonnes circule_* // Calculer les travaux applicables et les substitutions const travauxList = travauxData || []; const parseDateOnly = (v) => { if (!v) return null; const d = new Date(v); if (isNaN(d.getTime())) return null; return new Date(d.getFullYear(), d.getMonth(), d.getDate()); }; const parseJoursTravaux = (val) => { if (val == null) return null; if (Array.isArray(val)) return new Set(val.map(x => String(x).toLowerCase())); const s = String(val || ''); const parts = s.split(/[,;\s]+/).map(p => p.trim()).filter(Boolean); return parts.length ? new Set(parts.map(p => p.toLowerCase())) : null; }; const weekdayShort = (i) => { switch(i) { case 0: return 'dim'; case 1: return 'lun'; case 2: return 'mar'; case 3: return 'mer'; case 4: return 'jeu'; case 5: return 'ven'; case 6: return 'sam'; default: return null; } }; const travauxApplies = (t, h, date) => { if (!t) return false; const db = parseDateOnly(t.date_debut || t.dateDebut || t.start_date); const df = parseDateOnly(t.date_fin || t.dateFin || t.end_date); if (!db || !df) return false; const d = new Date(date.getFullYear(), date.getMonth(), date.getDate()); if (d < db || d > df) return false; const joursSet = parseJoursTravaux(t.jours_travaux || t.jours || t.days); if (joursSet) { const name = weekdayShort(d.getDay()); if (!name) return false; let ok = false; for (const v of joursSet) { if (v.includes(name) || name.includes(v)) { ok = true; break; } } if (!ok) return false; } const startHM = parseTimeHM(t.heure_debut || t.heureDebut || t.start_time); const endHM = parseTimeHM(t.heure_fin || t.heureFin || t.end_time); if (startHM == null || endHM == null) return true; if (typeof h._depHM === 'number') return h._depHM >= startHM && h._depHM <= endHM; return false; }; const isSubstitution = (h) => { if (!h) return false; // nouvelle colonne spécifique if (h.substitution_disponible === true) return true; // anciennes variantes const subFlag = h.substitution === true || h.is_substitution === true || h.isSubstitution === true; const subStr = (typeof h.substitution === 'string' && ['true','1','yes','y','t'].includes(h.substitution.toLowerCase())); const typeMatch = h.type_train && /subst|substitut|remplac/i.test(String(h.type_train)); const commentMatch = h.comment && /subst|substitut|remplac/i.test(String(h.comment)); return Boolean(subFlag || subStr || typeMatch || commentMatch); }; // compute linkage and travaux applicability per horaire const enriched = enrich.map(h => { let linked = false; let appliesToday = false; let appliesTomorrow = false; for (const t of travauxList) { // Extraire identifiants de ligne (différentes variantes possibles) const tLine = t.ligne_id || t.ligne || t.line_id || t.line || t.ligneId || t.lineId; const hLine = h.ligne_id || h.ligne || h.line_id || h.line || h.ligneId || h.lineId; // Si le travail a une ligne attribuée, n'appliquer le travail QUE si la ligne correspond // (si hLine est absent on considère qu'on ne peut pas appliquer ce travail à cet horaire) if (typeof tLine !== 'undefined' && tLine !== null) { if (typeof hLine === 'undefined' || hLine === null) { // pas de ligne sur l'horaire -> ignorer ce travail pour cet horaire continue; } if (String(tLine) !== String(hLine)) { // lignes différentes -> ignorer ce travail pour cet horaire continue; } } const ref = t.horaire_id || t.horaire || t.horaireId || t.numero_train || t.train_number || t.numero; if (ref && (String(ref) === String(h.id) || String(ref) === String(h.numero_train) || String(ref) === String(h.numero))) linked = true; if (!appliesToday && travauxApplies(t,h,today)) appliesToday = true; if (!appliesTomorrow && travauxApplies(t,h,tomorrow)) appliesTomorrow = true; if (linked && appliesToday && appliesTomorrow) break; } return { ...h, _linkedToTravaux: linked, _travauxAppliesToday: appliesToday, _travauxAppliesTomorrow: appliesTomorrow }; }); // Build today and tomorrow candidate lists const todayCandidates = enriched.filter(h => { if (h._date && h._date !== todayStr) return false; if (!circulatesOn(h, today)) return false; if (typeof h._depHM !== 'number') return false; if (h._depHM <= todayHM) return false; // if travaux apply at this horaire today, hide regular horaires if (h._travauxAppliesToday && !isSubstitution(h)) return false; if (isSubstitution(h)) { // show substitution only if substitution_disponible AND linked to travaux that apply today return Boolean(h.substitution_disponible === true && h._linkedToTravaux && h._travauxAppliesToday); } return true; }); const tomorrowCandidates = enriched.filter(h => { if (h._date && h._date !== tomorrowStr) return false; if (!circulatesOn(h, tomorrow)) return false; // hide regular horaires if travaux apply tomorrow during their time window if (h._travauxAppliesTomorrow && !isSubstitution(h)) return false; if (isSubstitution(h)) { // show substitution only if substitution_disponible AND linked to travaux that apply tomorrow return Boolean(h.substitution_disponible === true && h._linkedToTravaux && h._travauxAppliesTomorrow); } return true; }); // final list: if there are any todayCandidates use them; otherwise use tomorrowCandidates let finalList; let serviceDateStr; if (todayCandidates && todayCandidates.length > 0) { finalList = todayCandidates.slice().sort((a,b)=> (a._depHM||99999)-(b._depHM||99999)); serviceDateStr = todayStr; } else { finalList = (tomorrowCandidates || []).slice().sort((a,b)=> (a._depHM||99999)-(b._depHM||99999)); serviceDateStr = tomorrowStr; } // Construire un index local des perturbations à partir des données fraîchement récupérées // Filtrer pour ne garder que les perturbations applicables aujourd'hui (éviter d'appliquer les perturbations d'hier) const todayYmd = new Date().toLocaleDateString('en-CA'); const filteredPerturb = (perturbData || []).filter(p => { try { const toYMD = (v) => { if (!v) return null; const d = new Date(v); if (isNaN(d.getTime())) return null; return d.toISOString().slice(0,10); }; const pDate = toYMD(p.date || p.date_service || p.start_date || p.date_debut); const db = toYMD(p.date_debut || p.start_date); const df = toYMD(p.date_fin || p.end_date); // si pDate fourni et ne correspond pas à aujourd'hui -> ignorer if (pDate && pDate !== todayYmd) return false; // si fourche de dates fournie et aujourd'hui n'est pas dans l'intervalle -> ignorer if (db && df && !(todayYmd >= db && todayYmd <= df)) return false; // si jours_perturbation fourni -> vérifier qu'aujourd'hui en fait partie try { const joursSet = getPerturbationJours(p); if (joursSet && !joursSet.has(todayYmd)) return false; } catch (e) { // ignore parse errors and keep perturbation } return true; } catch (e) { return true; } }); const localPerturbMap = buildPerturbMap(filteredPerturb || [], parsedHoraires || []); // Debug: afficher sommaire de l'index des perturbations debug('localPerturbMap summary', { horaireCount: Object.keys(localPerturbMap.byHoraire || {}).length, numberCount: Object.keys(localPerturbMap.byNumber || {}).length, stopIdCount: Object.keys(localPerturbMap.byStopId || {}).length, stopNameCount: Object.keys(localPerturbMap.byStopName || {}).length, globalCount: (localPerturbMap.global || []).length, sampleStopNames: Object.keys(localPerturbMap.byStopName || {}).slice(0,10) }); // Annoter chaque horaire avec un statut calculé (synchronisé avec la BDD) // déterminer la date de service utilisée pour ces finalList (aujourd'hui ou demain) const annotated = applyPerturbationsToHoraires(finalList, filteredPerturb || [], null, null, serviceDateStr); // Debug: log first few annotated horaires try { debug('annotated horaires sample', annotated.slice(0,6).map(a => ({ id: a.id, numero: a.numero_train || a.numero, _status: a._status, _displayTime: a._displayTime }))); } catch (e) {} // afficher seulement les 9 premières lignes sur l'afficheur setHoraires((annotated || []).slice(0, 9)); setPerturbations(filteredPerturb || []); setTravaux(travauxData || []); } catch (err) { // eslint-disable-next-line no-console console.error('Erreur Supabase horaires', err); if (mounted) setError(err.message || String(err)); } finally { if (mounted) setLoading(false); inFlight = false; } }; // Exécuter immédiatement, puis périodiquement pour synchroniser sans recharger fetchData(); const intervalMs = 15000; // 15 secondes par défaut const intervalId = setInterval(fetchData, intervalMs); return () => { mounted = false; clearInterval(intervalId); }; }, [gareDisplay, gareIdParam, buildPerturbMap, computeStatusForHoraireAtStop, findPerturbsForHoraireAndStop, normalizeName, formatTimeFromHM, applyPerturbationsToHoraires, debug, getStops, getPerturbationJours]); // Helpers pour perturbations (memoized plus haut) return (
{/* nom de la gare configurable via ?gare=Nom-de-la-gare */}
départs
{/* Footer visuel de l'afficheur — barre foncée en bas */}
) }