// Main app — wires sections, hosts Tweaks panel
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"theme": "dark",
"accent": "amber",
"density": "regular",
"showVideo": true,
"showCalculator": true,
"showParts": true,
"showEquipment": true,
"showMaterials": true,
"showProcess": true,
"showAbout": true,
"showFAQ": true,
"showMap": true,
"showMarquee": true
}/*EDITMODE-END*/;
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => {
document.documentElement.setAttribute('data-theme', t.theme);
document.documentElement.setAttribute('data-accent', t.accent);
document.documentElement.setAttribute('data-density', t.density);
}, [t.theme, t.accent, t.density]);
return (
<>
{t.showMarquee && }
{t.showVideo && }
{t.showCalculator && }
{t.showParts && }
{t.showEquipment && }
{t.showMaterials && }
{t.showProcess && }
{t.showAbout && }
{t.showFAQ && }
{t.showMap && }
setTweak('theme', v)}
/>
setTweak('accent', v)}
/>
setTweak('density', v)}
/>
setTweak('showMarquee', v)} />
setTweak('showVideo', v)} />
setTweak('showCalculator', v)} />
setTweak('showParts', v)} />
setTweak('showEquipment', v)} />
setTweak('showMaterials', v)} />
setTweak('showProcess', v)} />
setTweak('showAbout', v)} />
setTweak('showFAQ', v)} />
setTweak('showMap', v)} />
>
);
}
ReactDOM.createRoot(document.getElementById('root')).render();