/* eslint-disable */
// Main app shell — wires dashboard + session + tweaks panel
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"fontSize": 1,
"paperTone": "warm",
"showMarginalia": true,
"cardRotation": 1
}/*EDITMODE-END*/;
const App = () => {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const [state, setState] = useState(() => window.VocabStore.load());
const [view, setView] = useState('dashboard');
const [words, setWords] = useState(window.OXFORD_WORDS || []);
// Save on every state change
useEffect(() => { window.VocabStore.save(state); }, [state]);
// Wait for words load
useEffect(() => {
if (!words.length) {
const onLoad = () => setWords(window.OXFORD_WORDS || []);
window.addEventListener('oxford-loaded', onLoad);
return () => window.removeEventListener('oxford-loaded', onLoad);
}
}, []);
// Apply paper tone to
useEffect(() => {
document.documentElement.dataset.tone = t.paperTone;
}, [t.paperTone]);
// Pass mode/level setters into dashboard via state.settings
const setSettings = (k, v) => setState(s => ({ ...s, settings: { ...s.settings, [k]: v }}));
if (!words.length) {
return (
Loading word list…
);
}
return (
{view === 'dashboard' && (
setView('session')}
/>
)}
{view === 'session' && (
setView('dashboard')}
/>
)}
setTweak('fontSize', v)}/>
setTweak('paperTone', v)}/>
setTweak('showMarginalia', v)}/>
setTweak('cardRotation', v)}/>
setSettings('mode', v)}/>
setSettings('level', v)}/>
setSettings('dailyGoal', v)}/>
location.reload()}/>
{
if (confirm('Reset all progress, streaks, and stats? This cannot be undone.')) {
localStorage.removeItem(window.VocabStore.KEY);
location.reload();
}
}}/>
);
};
// Mount
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render();