feat: add application preloader, identity roles, and resilient database initialization with automated seeding

2026-05-01 09:07:26 +02:00
parent 0210611edf
commit 47bffd629f
11 changed files with 262 additions and 21 deletions
@@ -5,7 +5,6 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base href="/" />
-    <ResourcePreloader />
    <link rel="stylesheet" href="_content/NexusReader.UI.Shared/app.css" />
    <link rel="stylesheet" href="NexusReader.Web.styles.css" />
    <ImportMap />
@@ -14,9 +13,35 @@
 </head>

 <body>
+    <div id="app-preloader">
+        <div class="preloader-spinner"></div>
+        <div class="preloader-text">Nexus Reader</div>
+    </div>
+
    <NexusReader.UI.Shared.Routes @rendermode="InteractiveAuto" />
    <ReconnectModal />
    <script src="_framework/blazor.web.js"></script>
+    <script>
+        (function() {
+            function hidePreloader() {
+                const preloader = document.getElementById('app-preloader');
+                if (preloader) {
+                    preloader.classList.add('loaded');
+                    // Completely remove from DOM after transition for better accessibility
+                    setTimeout(() => preloader.style.display = 'none', 1000);
+                }
+            }
+
+            if (document.readyState === 'complete') {
+                hidePreloader();
+            } else {
+                window.addEventListener('load', hidePreloader);
+            }
+            
+            // Fallback: If for some reason 'load' doesn't fire (e.g. big assets), hide after 3s anyway
+            setTimeout(hidePreloader, 3000);
+        })();
+    </script>
 </body>