// ResultPopup 팝업 스크립트
// 설계서 03: 2-phase 리사이즈, auto-close, 마우스 호버 시 유지

;(function () {
  'use strict'

  var container = document.getElementById('container')
  var resultText = document.getElementById('result-text')
  var copyBtn = document.getElementById('copy-btn')
  var copyIcon = document.getElementById('copy-icon')
  var checkIcon = document.getElementById('check-icon')

  var autoCloseTimer = null
  var remainingTime = 0
  var lastTick = 0

  // ── Auto-close 제어 ─────────────────────────────────
  function startAutoCloseTimer(ms) {
    remainingTime = ms
    lastTick = Date.now()
    clearInterval(autoCloseTimer)
    autoCloseTimer = setInterval(function () {
      remainingTime -= (Date.now() - lastTick)
      lastTick = Date.now()
      if (remainingTime <= 0) {
        clearInterval(autoCloseTimer)
        autoCloseTimer = null
        window.popupAPI.send('window:hideResultPopup')
      }
    }, 100)
  }

  function pauseAutoClose() {
    clearInterval(autoCloseTimer)
    autoCloseTimer = null
  }

  function resumeAutoClose() {
    startAutoCloseTimer(remainingTime > 0 ? remainingTime : 2000)
  }

  // ── 복사 버튼 ───────────────────────────────────────
  copyBtn.addEventListener('click', function () {
    // navigator.clipboard는 팝업에서 작동 안 할 수 있으므로 IPC 사용
    window.popupAPI.send('clipboard:copy', resultText.textContent)

    copyBtn.classList.add('copied')
    copyIcon.classList.add('hidden')
    checkIcon.classList.remove('hidden')

    setTimeout(function () {
      copyBtn.classList.remove('copied')
      copyIcon.classList.remove('hidden')
      checkIcon.classList.add('hidden')
    }, 2000)
  })

  // ── 마우스 호버 시 auto-close 일시정지 ──────────────
  container.addEventListener('mouseenter', pauseAutoClose)
  container.addEventListener('mouseleave', resumeAutoClose)

  // ── IPC 리스너 ───────────────────────────────────────

  // Phase 1: prepare — 결과 텍스트 세팅 + 크기 측정
  window.popupAPI.on('result:prepare', function (data) {
    resultText.textContent = data.text || ''
    container.classList.remove('visible')

    requestAnimationFrame(function () {
      requestAnimationFrame(function () {
        var rect = container.getBoundingClientRect()
        window.popupAPI.send('result:measured', {
          width: Math.ceil(rect.width) + 4,
          height: Math.ceil(rect.height) + 4
        })
      })
    })
  })

  // Phase 2: show — 리사이즈 완료 후 표시
  window.popupAPI.on('result:show', function (data) {
    container.classList.add('visible')
    var autoHideMs = (data && data.autoHideMs) || 5000
    if (autoHideMs > 0) {
      startAutoCloseTimer(autoHideMs)
    }
  })

  // hide
  window.popupAPI.on('result:hide', function () {
    container.classList.remove('visible')
    clearInterval(autoCloseTimer)
    autoCloseTimer = null
  })
})()