RPGnotes/static/js/autocomplete.js

import Autocomplete from "@trevoreyre/autocomplete-js"

const form = document.getElementById("autocomplete-form")

form.addEventListener("submit", function (e) {
    e.preventDefault()
})

new Autocomplete('#autocomplete', {
    search: input => {
        const url = `/search/autocomplete/?q=${encodeURI(input)}`

        return new Promise(resolve => {
            if (input.length === 0) {
                return resolve([])
            }

            fetch(url)
                .then(response => response.json())
                .then(data => {
                    resolve(data)
                })
        })
    },
    getResultValue: result => result.name,
    onSubmit: result => {
        if (!result) {
            form.submit()
            return
        }
        location.href = result.url
    }

})