refactor(web): reformat index.html and update Flutter loading script

fulleni · fulleni · commit 935674c90d11 · 2025-09-30T07:30:56.000+01:00
- Reformat HTML structure for better readability
- Remove unnecessary script tags for serviceWorkerVersion
- Update Flutter loading script with new bootstrap and config variables
- Adjust CSS styling for splash screen
diff --git a/web/index.html b/web/index.html
@@ -1,4 +1,7 @@
-<!DOCTYPE html><html><head>
+<!DOCTYPE html>
+<html>
+
+<head>
   <base href="$FLUTTER_BASE_HREF">
 
   <meta charset="UTF-8">
@@ -20,10 +23,8 @@
 
 
   <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
-  <script>
-    var serviceWorkerVersion = null;
-  </script>
-  <script src="flutter.js" defer=""></script>
+
+
   <style id="splash-screen-style">
     html {
       height: 100%
@@ -33,7 +34,7 @@
       margin: 0;
       min-height: 100%;
       background-color: #FFFFFF;
-          background-size: 100% 100%;
+      background-size: 100% 100%;
     }
 
     .center {
@@ -46,19 +47,22 @@
     }
 
     .contain {
-      display:block;
-      width:100%; height:100%;
+      display: block;
+      width: 100%;
+      height: 100%;
       object-fit: contain;
     }
 
     .stretch {
-      display:block;
-      width:100%; height:100%;
+      display: block;
+      width: 100%;
+      height: 100%;
     }
 
     .cover {
-      display:block;
-      width:100%; height:100%;
+      display: block;
+      width: 100%;
+      height: 100%;
       object-fit: cover;
     }
 
@@ -85,7 +89,7 @@
     @media (prefers-color-scheme: dark) {
       body {
         background-color: #212121;
-          }
+      }
     }
   </style>
   <script id="splash-screen-script">
@@ -99,22 +103,26 @@
 
 <body>
   <picture id="splash">
-      <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)">
-      <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
-      <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt="">
+    <source
+      srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x"
+      media="(prefers-color-scheme: light)">
+    <source
+      srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x"
+      media="(prefers-color-scheme: dark)">
+    <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt="">
   </picture>
-  
+
+
 
   <div id="splash-container" class="center">
     <div class="loader"></div>
   </div>
   <script>
+    { { flutter_bootstrap_js } }
+    { { flutter_js } }
+    { { flutter_build_config } }
     window.addEventListener('load', function (ev) {
-      // Download main.dart.js
-      _flutter.loader.loadEntrypoint({
-        serviceWorker: {
-          serviceWorkerVersion: serviceWorkerVersion,
-        },
+      _flutter.loader.load({
         onEntrypointLoaded: function (engineInitializer) {
           engineInitializer.initializeEngine().then(function (appRunner) {
             appRunner.runApp();
@@ -126,4 +134,6 @@
 
 
 
-</body></html>
+</body>
+
+</html>
