Function bindEvents

integrations/clipper/src/popup.ts:74–118

()

}

function bindEvents(): void {
  targetButtons.forEach((button) => {
    button.addEventListener('click', () => {
      const target = button.dataset.target
      if (!isCaptureTarget(target)) {
        return
      }

      activeTarget = target
      settings.defaultTarget = activeTarget
      updateTargetButtons()
      updateCaptureName()
      updatePreview()
      void persistDefaultTarget()
    })
  })

  captureNameInput?.addEventListener('input', () => {
    isCaptureNameEdited = true
  })

  toggleSettingsButton?.addEventListener('click', () => {
    updateSettingsPanel(settingsPanel?.hidden ?? true)
  })

  saveSettingsButton?.addEventListener('click', () => {
    void persistSettings()
  })

  captureButton?.addEventListener('click', () => {
    void captureCurrentPayload()
  })

  document.addEventListener('keydown', (event) => {
    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
      event.preventDefault()
      void captureCurrentPayload()
      return
    }

    if (event.key === 'Escape') {
      window.close()
    }
  })
}

async function persistSettings(): Promise<void> {
  settings = readSettingsFromForm()