Create and send a custom event "GET_DATA." Wait for data from another event "RETURN_DATA" with a timeout. Useful for two-way communication between a content script and an injected script.

custom-event-timeout.js

const delay = (duration=200) => new Promise((resolve) => {
  setTimeout(() => resolve, duration)
})

const getData = (timeout) => {
  window.dispatchEvent(new CustomEvent("GET_DATA"))

  let listener

  const cleanup = () => {
    if (listener) {
      window.removeEventListener("RETURN_DATA", listener)
    }
  }

  const data = new Promise((resolve) => {
    listener = ((event) => {
      resolve(event.detail?.data)
    })
    
    window.addEventListener("RETURN_DATA", listener)
  })

  return Promise.race([delay(timeout), draft]).finally(cleanup)
}