/* NEXABOT — HUD layer: cut-corner viewport frame + left chapter rail + bottom bar (Hubtown-style) */
const { useLang: useHudLang } = window.NEXA_I18N;
/* chapter list — narrative labels mapped to existing section ids */
const CHAPTERS = {
fr: [
["#top", "Vision"], ["#manifesto", "Conviction"], ["#services", "Expertise"],
["#apropos", "Approche"], ["#portfolio", "Réalisations"], ["#contact", "Contact"],
],
en: [
["#top", "Vision"], ["#manifesto", "Belief"], ["#services", "Expertise"],
["#apropos", "Approach"], ["#portfolio", "Work"], ["#contact", "Contact"],
],
};
const Social = {
linkedin: (p) => (),
github: (p) => (),
mail: (p) => (),
};
/* cut-corner viewport frame, redrawn on resize */
function HudFrame() {
const [d, setD] = React.useState({ w: 0, h: 0 });
React.useEffect(() => {
const on = () => setD({ w: window.innerWidth, h: window.innerHeight });
on();
window.addEventListener("resize", on);
return () => window.removeEventListener("resize", on);
}, []);
const { w: W, h: H } = d;
if (!W || !H) return ;
const m = Math.max(12, Math.min(22, W * 0.014));
const c = 26;
const pts = [
[m + c, m], [W - m - c, m], [W - m, m + c], [W - m, H - m - c],
[W - m - c, H - m], [m + c, H - m], [m, H - m - c], [m, m + c],
];
const path = "M" + pts.map((p) => p.join(" ")).join(" L ") + " Z";
const ticks = [
[[m + c, m], [m, m + c]], // TL
[[W - m - c, m], [W - m, m + c]], // TR
[[W - m, H - m - c], [W - m - c, H - m]], // BR
[[m + c, H - m], [m, H - m - c]], // BL
];
return (
);
}
/* shared scroll state: which chapter is active + whether section is light-themed */
function useActiveChapter(ids) {
const [active, setActive] = React.useState(ids[0]);
const [light, setLight] = React.useState(false);
React.useEffect(() => {
const onScroll = () => {
const line = window.innerHeight * 0.4;
let cur = ids[0], lit = false;
for (const id of ids) {
const el = document.querySelector(id);
if (!el) continue;
const r = el.getBoundingClientRect();
if (r.top <= line && r.bottom > line) { cur = id; lit = el.getAttribute("data-theme") === "light"; }
}
setActive(cur); setLight(lit);
};
onScroll();
window.addEventListener("scroll", onScroll, { passive: true });
window.addEventListener("resize", onScroll);
return () => { window.removeEventListener("scroll", onScroll); window.removeEventListener("resize", onScroll); };
}, [ids.join("|")]);
return { active, light };
}
function ChapterRail() {
const { lang } = useHudLang();
const chapters = CHAPTERS[lang] || CHAPTERS.fr;
const ids = chapters.map((c) => c[0]);
const { active } = useActiveChapter(ids);
return (
);
}
function HudBottom() {
return (
);
}
window.NexaHud = { HudFrame, ChapterRail, HudBottom };