// Main app — wires the router, tweaks, and pages
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"language": "en",
"palette": "pastel",
"aesthetic": "crayon"
}/*EDITMODE-END*/;
function App() {
const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS);
// Apply theme to
useEffect(() => {
document.documentElement.setAttribute("data-palette", tweaks.palette);
document.documentElement.setAttribute("data-aesthetic", tweaks.aesthetic);
}, [tweaks.palette, tweaks.aesthetic]);
// Listen for header LanguageToggle events
useEffect(() => {
const onSet = (e) => setTweak(e.detail.key, e.detail.value);
window.addEventListener("pixelcraft:setTweak", onSet);
return () => window.removeEventListener("pixelcraft:setTweak", onSet);
}, [setTweak]);
return (
setTweak("language", v)}
/>
setTweak("palette", v)}
/>
setTweak("aesthetic", v)}
/>
);
}
function Main() {
const { path } = useRouter();
const pages = {
home: window.HomePage,
about: window.AboutPage,
games: window.GamesPage,
cafe: window.CafePage,
pricing: window.PricingPage,
faq: window.FAQPage,
contact: window.ContactPage,
booking: window.BookingPage,
};
const Page = pages[path] || window.HomePage;
return ;
}
// ============ Boot ============
const rootEl = document.getElementById("root");
ReactDOM.createRoot(rootEl).render();