From 4dc268c11f0755e1f1f047fd24b09ee6b82e8e6d Mon Sep 17 00:00:00 2001
From: videogame hacker <half-kh-hacker@hackery.site>
Date: Thu, 6 Jul 2023 22:58:33 +0000
Subject: [PATCH] Support drag and drop for file upload

---
 src/demucs_server/templates/demix.html.j2 | 29 +++++++++++++++++++++++
 src/run.sh                                |  2 +-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/demucs_server/templates/demix.html.j2 b/src/demucs_server/templates/demix.html.j2
index 7f29f89..c9e9f4d 100644
--- a/src/demucs_server/templates/demix.html.j2
+++ b/src/demucs_server/templates/demix.html.j2
@@ -36,6 +36,35 @@
             document.querySelector(".file-upload-status").textContent = `no file selected.`
         }
     });
+
+    document.addEventListener("dragover", event => {
+        fileInput.style['pointer-events'] = "auto";
+    });
+
+    document.addEventListener("drop", event => {
+        fileInput.style['pointer-events'] = "none";
+    });
+
+    document.addEventListener("dragleave", event => {
+        fileInput.style['pointer-events'] = "none";
+    });
 </script>
+
+<style>
+    input[type=file] {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+        padding: 0;
+        margin: 0;
+        pointer-events: none;
+        opacity: 0;
+        border: none;
+        display: block;
+    }
+</style>
 {% endblock %}
 {% endblock %}
diff --git a/src/run.sh b/src/run.sh
index 0dccd80..c41bf8d 100755
--- a/src/run.sh
+++ b/src/run.sh
@@ -1,3 +1,3 @@
 #!/usr/bin/env sh
 
-gunicorn --threads 16 -b '127.0.0.2:8000' demucs_server:app
+gunicorn --threads 16 --timeout 5 -b '127.0.0.2:8000' demucs_server:app