fix: enforce max file size

Signed-off-by: skidoodle <contact@albert.lol>

web/static/js/app.js

@@ -32,6 +32,20 @@ if (dropZone) {
 }
 
 async function handleUpload(file) {
+  const maxMB = parseInt(dropZone.dataset.maxMb);
+  if (file.size > maxMB * 1024 * 1024) {
+    $("idle-state").classList.add("hidden");
+    $("result-state").classList.remove("hidden");
+    $("result-state").innerHTML = `
+      <div class="result-container">
+        <div class="error-text">File too large (Max ${maxMB}MB)</div>
+        <div class="reset-wrapper">
+          <button class="reset-btn" onclick="resetUI()">Try again</button>
+        </div>
+      </div>`;
+    return;
+  }
+
   $("idle-state").classList.add("hidden");
   $("busy-state").classList.remove("hidden");
   $("p-bar-container").classList.add("visible");

web/templates/index.html

@@ -1,5 +1,5 @@
 {{define "content"}}
-<main class="upload-area" id="drop-zone">
+<main class="upload-area" id="drop-zone" data-max-mb="{{.MaxMB}}">
     <div id="idle-state">
         <div class="upload-icon">↑</div>
         <div class="upload-text">Click or drag to upload</div>