wrap selected text with quotes - IDE style

quote-wrap.js

const search = document.querySelector([
  'input[name="q"]', // google, github, ...
  'input[name="query"]:not([type="hidden"])' // craigslist
].join(','))

if (search instanceof HTMLInputElement) {
  search.addEventListener('keydown', function (event) {
    let {
      selectionStart: start,
      selectionEnd: end
    } = this

    if (event.code !== 'Quote' || start === end) return
    event.preventDefault()
    
    if (' ' === this.value[end - 1]) end -= 1
    if (' ' === this.value[start]) start += 1
    
    this.setRangeText(`"${this.value.slice(start, end)}"`, start, end)
    this.setSelectionRange(start + 1, end + 1)
  })
}