From 6299f8776f7461ce5dfbd1c5442aad74a3140a9f Mon Sep 17 00:00:00 2001
From: MickaelK <mickael@kerjean.me>
Date: Tue, 23 Sep 2025 12:28:51 +1000
Subject: [PATCH] feature (loadspeed): optimise load speed

---
 public/index.frontoffice.html | 21 +++++++++++----------
 server/ctrl/static.go         | 19 +++++++++++++------
 2 files changed, 24 insertions(+), 16 deletions(-)
diff --git a/public/index.frontoffice.html b/public/index.frontoffice.html
index feb0c560..106aebca 100644
--- a/public/index.frontoffice.html
+++ b/public/index.frontoffice.html
@@ -1,13 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <base href="{{ .base }}">
         <meta charset="UTF-8">
+        <title></title>
+        <base href="{{ .base }}">
+        {{- range .bundle }}
+        <link rel="modulepreload" href="{{ . }}" />
+        {{- end }}
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="application-name" content="Filestash">
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
-        <title></title>
-        <link rel="icon" href="{{ .favicon }}">
         <script>{{ if eq .license "agpl" }}{{ template "loader-cat" }}{{ else }}{{ template "loader-basic" }}{{ end }}</script>
     </head>
     <body>
@@ -34,16 +36,15 @@
 
         <script type="module">
          async function ignitionSequence() {
-             window.VERSION = "{{ slice .version 0 7 }}::{{ .hash }}";
-
              try {
                  if (!HTMLScriptElement.supports?.("importmap")) throw new Error("fastboot is not supported on this platform");
                  {{ load_asset "assets/boot/bundler_init.js" }}
-                 await Promise.all(Array({{ .bundle_size }}).fill().map((_, i) => new Promise((resolve, reject) => document.head.appendChild(Object.assign(document.createElement("script"), {
-                     type: "module",
-                     src: `./assets/bundle.js?version=${window.VERSION}&chunk=${i+1}`,
-                     onload: resolve,
-                     onerror: reject,
+                 await Promise.all([
+                     {{- range .bundle }}
+                     "{{ . }}",
+                     {{- end }}
+                 ].map((src) => new Promise((onload, onerror) => document.head.appendChild(Object.assign(document.createElement("script"), {
+                     type: "module", src, onload, onerror,
                  })))));
                  {{ load_asset "assets/boot/bundler_complete.js" }}
              } catch (err) { console.error(err); }
diff --git a/server/ctrl/static.go b/server/ctrl/static.go
index 2dd32479..04cef7af 100644
--- a/server/ctrl/static.go
+++ b/server/ctrl/static.go
@@ -239,12 +239,19 @@ func ServeIndex(indexPath string) func(*App, http.ResponseWriter, *http.Request)
 		sign := signature()
 		base := WithBase("/")
 		templateData := map[string]any{
-			"base":        base,
-			"version":     BUILD_REF,
-			"license":     LICENSE,
-			"hash":        sign,
-			"favicon":     favicon(),
-			"bundle_size": len(preload),
+			"base":    base,
+			"version": BUILD_REF,
+			"license": LICENSE,
+			"hash":    sign,
+			"favicon": favicon(),
+			"bundle": func() []string {
+				b := make([]string, len(preload))
+				v := BUILD_REF[0:7] + "::" + sign
+				for i := 0; i < len(preload); i++ {
+					b[i] = fmt.Sprintf("./assets/bundle.js?version=%s&chunk=%d", v, i+1)
+				}
+				return b
+			}(),
 		}
 		calculatedEtag := QuickHash(base+BUILD_REF+LICENSE+sign, 10)
 		head.Set("ETag", calculatedEtag)
