/* ============================================================
Shared App State — useAppState() hook
Közös állapot a V1 és V2 UI-hoz
============================================================ */
const { useState, useEffect, useMemo } = React;
function useAppState(options = {}) {
// --- Smart defaults az aktuális idő alapján ---
const initNow = new Date();
const initHour = initNow.getHours();
const initMin = initNow.getMinutes();
const initMins = initHour * 60 + initMin;
let initDirection, initMode, initCustomTime, initDayOffset;
const initDayOfWeek = initNow.getDay(); // 0=vas, 6=szo
const isWeekend = initDayOfWeek === 0 || initDayOfWeek === 6;
if (isWeekend) {
// Hétvégén mindig "most" módban, iskola irány
initDirection = "school";
initMode = "now";
initCustomTime = "06:30";
initDayOffset = 0;
} else if (initMins >= 17 * 60) {
// Hétköznap este 5 után → holnap, iskola irány, 06:20-tól
initDirection = "school";
initMode = "custom";
initCustomTime = "06:20";
initDayOffset = 1;
} else if (initMins >= 12 * 60) {
// Hétköznap dél után → haza irány, 14:00-tól
initDirection = "home";
initMode = "custom";
initCustomTime = "14:00";
initDayOffset = 0;
} else {
// Hétköznap délelőtt → iskola irány, most
initDirection = "school";
initMode = "now";
initCustomTime = "06:30";
initDayOffset = 0;
}
const [lang, setLang] = useState("hu");
const [mode, setMode] = useState(initMode);
const [customTime, setCustomTime] = useState(initCustomTime);
const [dayOffset, setDayOffset] = useState(initDayOffset);
const [missed, setMissed] = useState(0);
const [tick, setTick] = useState(0);
const [direction, setDirection] = useState(initDirection);
const [allowedTransfers, setAllowedTransfers] = useState(["komakut","szinhaz","buszall"]);
const [allowedTransfersSchool, setAllowedTransfersSchool] = useState(["komakut","buszall","szinhaz_walk"]);
// --- localStorage load ---
useEffect(() => {
const saved = localStorage.getItem("hazaut.lang");
if (saved) setLang(saved);
const savedT = localStorage.getItem("hazaut.transfers");
if (savedT) { try { const p = JSON.parse(savedT); if (Array.isArray(p) && p.length) setAllowedTransfers(p); } catch(e){} }
const savedTS = localStorage.getItem("hazaut.transfersSchool");
if (savedTS) { try { const p = JSON.parse(savedTS); if (Array.isArray(p) && p.length) setAllowedTransfersSchool(p); } catch(e){} }
// direction nem töltődik localStorage-ból — a smart default mindig az aktuális napszak alapján áll be
}, []);
// --- localStorage save ---
useEffect(() => { localStorage.setItem("hazaut.lang", lang); }, [lang]);
useEffect(() => { localStorage.setItem("hazaut.transfers", JSON.stringify(allowedTransfers)); }, [allowedTransfers]);
useEffect(() => { localStorage.setItem("hazaut.transfersSchool", JSON.stringify(allowedTransfersSchool)); }, [allowedTransfersSchool]);
useEffect(() => { localStorage.setItem("hazaut.direction", direction); }, [direction]);
// --- Dynamic ---
useEffect(() => { document.documentElement.lang = lang; }, [lang]);
// --- 15s ticker ---
useEffect(() => {
const id = setInterval(() => setTick((t) => t + 1), 15000);
return () => clearInterval(id);
}, []);
// --- `now` computation ---
const now = useMemo(() => {
const base = new Date();
if (mode === "custom") {
base.setDate(base.getDate() + dayOffset);
const [h, m] = customTime.split(":").map(Number);
base.setHours(h, m, 0, 0);
}
base.setMinutes(base.getMinutes() + missed);
return base;
}, [mode, customTime, missed, tick, dayOffset]);
// --- Route planning ---
// walkMin: délután 10 perc (suliból a megállóig), reggel 0 (Csererdő megálló közel)
const routes = useMemo(() => {
if (direction === "school") {
return window.planSchoolRoutes({
now, walkMin: 0, minTransfer: 3, maxResults: 3,
allowedTransfers: allowedTransfersSchool,
});
}
return window.planRoutes({
now, walkMin: 10, minTransfer: 5, maxResults: 3, allowedTransfers,
});
}, [now, allowedTransfers, allowedTransfersSchool, direction]);
const t = window.I18N[lang];
// --- Mode helpers ---
const goToNow = () => { setMode("now"); setDayOffset(0); setMissed(0); };
const goToCustom = (overrides = {}) => {
setMode("custom");
setMissed(0);
if (overrides.dayOffset !== undefined) setDayOffset(overrides.dayOffset);
if (overrides.customTime !== undefined) setCustomTime(overrides.customTime);
};
// --- State object & dispatcher ---
const state = { now, mode, customTime, missed, lang, routes, dayOffset, direction };
const setState = (s) => {
if (s.mode !== undefined && s.mode !== mode) {
if (s.mode === "now") { goToNow(); return; }
if (s.mode === "custom") { goToCustom(); return; }
}
if (s.dayOffset !== undefined && s.dayOffset !== dayOffset) {
if (s.dayOffset !== 0) { goToCustom({ dayOffset: s.dayOffset }); return; }
goToNow(); return;
}
if (s.customTime !== undefined && s.customTime !== customTime) {
if (mode === "now") goToCustom({ customTime: s.customTime });
else setCustomTime(s.customTime);
return;
}
if (s.missed !== undefined && s.missed !== missed) { setMissed(s.missed); return; }
if (s.direction !== undefined && s.direction !== direction) {
setDirection(s.direction);
// Irányváltáskor a saját idő alapértéke is változik
if (s.direction === "school") setCustomTime("06:30");
else setCustomTime("13:30");
return;
}
if (s.lang !== undefined && s.lang !== lang) { setLang(s.lang); return; }
};
// --- Day picker ---
const dayNames = { hu:["Vas","Hét","Kedd","Sze","Csüt","Pén","Szo"], en:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"] };
const dayPickerOptions = [];
for (let i = 0; i < 7; i++) {
const d = new Date(); d.setDate(d.getDate() + i);
const label = i===0 ? (lang==="hu"?"Ma":"Today") : i===1 ? (lang==="hu"?"Holnap":"Tom.") : dayNames[lang][d.getDay()];
dayPickerOptions.push({ offset: i, label, date: d });
}
const activeDayOffset = mode === "now" ? 0 : dayOffset;
// --- Transfer toggle (direction-aware) ---
const toggleTransfer = (id) => {
if (direction === "school") {
setAllowedTransfersSchool((prev) => {
if (prev.includes(id)) {
const next = prev.filter(x => x !== id);
return next.length === 0 ? prev : next;
}
return [...prev, id];
});
} else {
setAllowedTransfers((prev) => {
if (prev.includes(id)) {
const next = prev.filter(x => x !== id);
return next.length === 0 ? prev : next;
}
return [...prev, id];
});
}
};
state.allowedTransfers = direction === "school" ? allowedTransfersSchool : allowedTransfers;
state.toggleTransfer = toggleTransfer;
// --- Transfer labels ---
const TRANSFER_LABELS_HOME = {
komakut: lang==="hu"?"Komak\u00fat t\u00e9r":"Komak\u00fat sq.",
szinhaz: lang==="hu"?"Sz\u00ednh\u00e1z":"Theatre",
buszall: lang==="hu"?"Aut\u00f3busz-\u00e1ll.":"Bus stn.",
};
const TRANSFER_LABELS_SCHOOL = {
komakut: lang==="hu"?"Komak\u00fat t\u00e9r":"Komak\u00fat sq.",
buszall: lang==="hu"?"Aut\u00f3busz-\u00e1ll.":"Bus stn.",
szinhaz_walk: t.transferShinhaz,
};
const transferIds = direction === "school"
? ["komakut","buszall","szinhaz_walk"]
: ["komakut","szinhaz","buszall"];
const transferLabels = direction === "school" ? TRANSFER_LABELS_SCHOOL : TRANSFER_LABELS_HOME;
const activeTransfers = direction === "school" ? allowedTransfersSchool : allowedTransfers;
// --- Shared sub-components ---
state.TransferPicker = (props) => {
const labelColor = (props && props.labelColor) || '#6A5F7C';
return (
🔄 {lang==="hu"?"\u00c1tsz\u00e1ll\u00e1s":"Transfer"}:
{transferIds.map((id) => (
))}
);
};
state.DirectionPicker = (props) => {
const labelColor = (props && props.labelColor) || '#6A5F7C';
return (
🧭 {lang==="hu"?"Ir\u00e1ny":"Direction"}:
);
};
state.DayPicker = (props) => {
const labelColor = (props && props.labelColor) || '#6A5F7C';
return (
📅 {lang==="hu"?"Nap":"Day"}:
{dayPickerOptions.map((o) => (
))}
);
};
return { state, setState, t, setLang };
}
window.useAppState = useAppState;