Ajustement pour une interface minimale

v1-com-officielle/glitcher/glitcher.js

@@ -9,11 +9,16 @@ async function updateFromForm(){
     
     let image = data.get("image")
     if(image.size > 0){
-        await UI_GLITCHER.setImage(image)
-        UI_GLITCHER.clearGlitch()
+        if(UI_GLITCHER.currentImageFile != image){
+            await UI_GLITCHER.setImage(image)
+            UI_GLITCHER.clearGlitch()
+        }
     } else {
         UI_GLITCHER.clearImage()
     }
+
+    document.getElementById("welcome-panel").hidden = image.size > 0
+    document.getElementById("glitch-panel").hidden = image.size == 0
     
     UI_GLITCHER.render()
 }
@@ -27,6 +32,21 @@ FORM.addEventListener("submit", e => {
         updateFromForm()
     })
 
+FORM.addEventListener("reset", e => {
+        FORM.elements["image"].value = ""
+        updateFromForm()
+    })
+
+document.getElementById("download-btn").addEventListener("click", async e => {
+    e.preventDefault();
+    let data = await UI_GLITCHER.toBlob("image/jpeg", 0.9);
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(data)
+    a.download = UI_GLITCHER.currentImageFile.name
+    a.click()
+    setTimeout(() => URL.revokeObjectURL(a.href), 10000)
+})
+
 CANVAS.addEventListener("pointerdown", e => {
     let pointerId = e.pointerId;