/* ============================================================
APP — router + tweaks wiring
============================================================ */
function parseRoute() {
const h = (location.hash || '#/home').replace(/^#\/?/, '');
const [route, sub] = h.split('/');
return { route: route || 'home', sub: sub || null };
}
function App() {
const [{ route, sub }, setRouteState] = useState(parseRoute());
const [tweaks, setTweaks] = useState(window.__TWEAK_DEFAULTS);
const [tweaksOn, setTweaksOn] = useState(false);
// Apply tweaks to
useEffect(() => {
const h = document.documentElement;
h.setAttribute('data-palette', tweaks.palette);
h.setAttribute('data-fonts', tweaks.fonts);
h.setAttribute('data-hero', tweaks.hero);
h.setAttribute('data-dark', String(!!tweaks.dark));
h.setAttribute('data-nav', tweaks.nav);
h.setAttribute('data-density', tweaks.density);
}, [tweaks]);
// Hash router
useEffect(() => {
const onHash = () => {
setRouteState(parseRoute());
window.scrollTo({ top: 0, behavior: 'instant' });
};
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, []);
// Edit-mode host protocol
useEffect(() => {
const handler = (e) => {
if (!e.data || typeof e.data !== 'object') return;
if (e.data.type === '__activate_edit_mode') setTweaksOn(true);
if (e.data.type === '__deactivate_edit_mode') setTweaksOn(false);
};
window.addEventListener('message', handler);
window.parent?.postMessage({ type: '__edit_mode_available' }, '*');
return () => window.removeEventListener('message', handler);
}, []);
let Page;
switch (route) {
case 'home': Page = ; break;
case 'about': Page = ; break;
case 'sermons': Page = ; break;
case 'events': Page = ; break;
case 'ministries':
Page = sub ? : ;
break;
case 'visit': Page = ; break;
case 'give': Page = ; break;
case 'contact': Page = ; break;
default: Page = ;
}
const screenLabel = route === 'ministries' && sub ? `${route}/${sub}` : route;
return (
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render();