From 7c4754e50616df0979a5c6bff87b73719f680608 Mon Sep 17 00:00:00 2001 From: nessi Date: Fri, 6 Feb 2026 18:44:44 +0100 Subject: [PATCH] "Enhance loading experience and optimize theme application Added a fallback background and a preload lock for smoother loading transitions. Improved theme application by applying it prior to React rendering and removed theme flash. Adjusted Service Worker registration for better performance and reliability." --- frontend/index.html | 47 ++++++++++++++++++++++++++++++++++++++----- frontend/src/main.jsx | 20 +++++++++++------- 2 files changed, 55 insertions(+), 12 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index 5e8af46..ab00530 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,12 +2,48 @@ - + Cluedo Sheet - - - + + + + + + + + + + - + +
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx index 9bd8180..7c3d36e 100644 --- a/frontend/src/main.jsx +++ b/frontend/src/main.jsx @@ -4,6 +4,7 @@ import App from "./App.jsx"; import { applyTheme, DEFAULT_THEME_KEY } from "./styles/themes"; import { registerSW } from "virtual:pwa-register"; +// ✅ Theme VOR React setzen (kein Theme-Flash) try { const key = localStorage.getItem("hpTheme:guest") || DEFAULT_THEME_KEY; applyTheme(key); @@ -11,12 +12,17 @@ try { applyTheme(DEFAULT_THEME_KEY); } +// ✅ Preload Unlock (nach Theme!) +document.body.classList.remove("preload"); +document.body.classList.add("ready"); + ReactDOM.createRoot(document.getElementById("root")).render(); -registerSW({ immediate: true }); + +// ✅ Service Worker NUR EINMAL registrieren const updateSW = registerSW({ - immediate: true, - onNeedRefresh() { - updateSW(true); // sofort neue Version aktivieren - window.location.reload(); - }, - }); + immediate: true, + onNeedRefresh() { + updateSW(true); + window.location.reload(); + }, +});