import { Glitcher } from "./lib/glitcher";

const UI_GLITCHER = new Glitcher(document.getElementById("ui-canvas"))
const FORM = document.getElementById("glitcher-form")

async function updateFromForm(){
    let data = new FormData(FORM)
    
    let image = data.get("image")
    if(image){
        await UI_GLITCHER.setImage(image)
    } else {
        UI_GLITCHER.clearImage()
    }

    UI_GLITCHER.render()
}

for(let el of FORM.elements){
    el.addEventListener("change", () => FORM.requestSubmit())
}

FORM.addEventListener("submit", e => {
        e.preventDefault()
        updateFromForm()
    })

updateFromForm()