/* === JitterFree — Tweaks integration ===
Reads TWEAK_DEFAULTS from window, applies axis values as data-attributes on
, and renders the floating TweaksPanel. Each tweak is a "mode" that
reshapes many properties at once via tweaks-styles.css. */
(function mountTweaks() {
const { useEffect } = React;
function TweaksApp() {
const [t, setTweak] = window.useTweaks(window.TWEAK_DEFAULTS);
useEffect(() => {
const r = document.documentElement;
r.dataset.mood = t.mood;
r.dataset.material = t.material;
r.dataset.rhythm = t.rhythm;
}, [t.mood, t.material, t.rhythm]);
return (
setTweak("mood", v)}
/>
setTweak("material", v)}
/>
setTweak("rhythm", v)}
/>
);
}
// Mount into its own root so it doesn't fight the main App's render tree.
const mount = document.createElement("div");
mount.id = "tweaks-root";
document.body.appendChild(mount);
const root = ReactDOM.createRoot(mount);
root.render();
})();