Add doctype/lang and harden JSON response parsing

build.sh

@@ -1,7 +1,7 @@
 #!/bin/sh
 set -eu
 
-VERSION=1.1.0
+VERSION=1.1.1
 GIT_SHA=$(git rev-parse --short HEAD)
 IMAGE="docker.sdal.tech/beam:$VERSION-$GIT_SHA"
 IMAGE_LATEST="docker.sdal.tech/beam:latest"

index.html.tmpl

@@ -1,4 +1,5 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -134,7 +135,7 @@
             <p>📁 Click to select files or drag and drop here</p>
             <p style="margin-top: 10px; font-size: 0.85em; color: #666;">Maximum file size: <span id="maxUploadSizeText"></span></p>
             <input type="file" id="fileInput" multiple>
-            <button onclick="document.getElementById('fileInput').click()">Select Files</button>
+            <button type="button" onclick="event.stopPropagation(); document.getElementById('fileInput').click()">Select Files</button>
         </div>
         <div class="progress-container" id="progressContainer">
             <div class="progress-bar" id="progressBar"></div>
@@ -178,7 +179,10 @@
             results.replaceChildren(div);
         }
 
-        uploadArea.addEventListener('click', () => fileInput.click());
+        uploadArea.addEventListener('click', (e) => {
+            if (e.target.closest('button')) return;
+            fileInput.click();
+        });
 
         uploadArea.addEventListener('dragover', (e) => {
             e.preventDefault();
@@ -244,8 +248,12 @@
 
             xhr.addEventListener('load', () => {
                 if (xhr.status === 200) {
+                    try {
                         const response = JSON.parse(xhr.responseText);
                         displayResults(response.urls);
+                    } catch (e) {
+                        showMessage('Upload failed: Unexpected response from server');
+                    }
                 } else {
                     let message = xhr.statusText;
                     try {