/* global React, ReactDOM */ const { useState, useEffect, useRef } = React; // ===== TWEAKABLE DEFAULTS ===== const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accentHue": 85, "bgHue": 220, "showCursor": true, "showTicker": true, "headlineVariant": "through", "ctaLabel": "Join the waitlist", "waitlistCount": 0, "showGrid": false }/*EDITMODE-END*/; // ===== ROOT ===== function App() { const [t, setTweak] = window.useTweaks(TWEAK_DEFAULTS); const [liveCount, setLiveCount] = useState(t.waitlistCount); // Fetch real count from Supabase on load useEffect(() => { fetch('/api/count') .then((r) => r.json()) .then((d) => { if (d.count !== undefined) setLiveCount(d.count); }) .catch(() => {}); // silently fall back to default }, []); // Apply CSS vars globally useEffect(() => { const root = document.documentElement; root.style.setProperty('--accent-hue', t.accentHue); root.style.setProperty('--bg-hue', t.bgHue); }, [t.accentHue, t.bgHue]); return ( <>