Stimulus.js controller to debounce form submissions

debounced-form.html

<form method="post" data-controller="form-debounce" data-action="submit->form-debounce#debounce" data-form-debounce-is-submitting-class="submitting">
  [...]
  <button type="submit" data-form-debounce-target="submitButton">
    Submit once
  </button>
</form>

form_debounce_controller.js

import { Controller } from 'stimulus'

export default class extends Controller {

    static classes = [ 'isSubmitting' ]
    static targets = [ 'submitButton' ]
    static values = { isSubmitting: Boolean }

    debounce (e) {
        if (true === this.isSubmittingValue) {
            e.preventDefault()
            e.stopPropagation()
            return false
        }
        this.isSubmittingValue = true
        if (this.hasIsSubmittingClass) {
            this.element.classList.add(this.isSubmittingClass)
        }
        if (this.hasSubmitButtonTarget) {
            this.submitButtonTarget.setAttribute('disabled', 'disabled')
        }
    }
}