use-clipboard.ts

import { useRenderer } from '@opentui/react'
import { useCallback, useEffect, useRef, useState } from 'react'

import {
  copyTextToClipboard,
  subscribeClipboardMessages,
} from '../utils/clipboard'

function formatDefaultClipboardMessage(text: string): string | null {
  const preview = text.replace(/\s+/g, ' ').trim()
  if (!preview) {
    return null
  }
  const truncated = preview.length > 40 ? `${preview.slice(0, 37)}…` : preview
  return `Copied: "${truncated}"`
}

export const useClipboard = () => {
  const renderer = useRenderer()
  const [clipboardMessage, setClipboardMessage] = useState<string | null>(null)
  const pendingCopyTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(
    null,
  )
  const copyDelayRef = useRef<number>(2000)
  const pendingSelectionRef = useRef<string | null>(null)
  const lastCopiedRef = useRef<string | null>(null)

  useEffect(() => {
    return subscribeClipboardMessages(setClipboardMessage)
  }, [])

  useEffect(() => {
    const handleSelection = (selectionEvent: any) => {
      const rendererAny = renderer as any
      const selectionObj = selectionEvent ?? (rendererAny?.getSelection ? rendererAny.getSelection() : undefined)
      const rawText: string | null = selectionObj?.getSelectedText
        ? selectionObj.getSelectedText()
        : typeof selectionObj === 'string'
          ? selectionObj
          : null

      if (!rawText || rawText.trim().length === 0) {
        pendingSelectionRef.current = null
        if (pendingCopyTimeoutRef.current) {
          clearTimeout(pendingCopyTimeoutRef.current)
          pendingCopyTimeoutRef.current = null
        }
        return
      }

      if (rawText === pendingSelectionRef.current) {
        return
      }

      pendingSelectionRef.current = rawText

      if (pendingCopyTimeoutRef.current) {
        clearTimeout(pendingCopyTimeoutRef.current)
      }

      pendingCopyTimeoutRef.current = setTimeout(() => {
        pendingCopyTimeoutRef.current = null
        const pending = pendingSelectionRef.current
        if (!pending || pending === lastCopiedRef.current) {
          return
        }

        lastCopiedRef.current = pending
        const successMessage = formatDefaultClipboardMessage(pending)
        void copyTextToClipboard(pending, {
          successMessage,
          durationMs: 3000,
        }).catch(() => {
          // Errors are logged within copyTextToClipboard
        })
      }, copyDelayRef.current)
    }

    if (renderer?.on) {
      renderer.on('selection', handleSelection)
      return () => {
        renderer.off?.('selection', handleSelection)
      }
    }
    return undefined
  }, [renderer])

  useEffect(() => {
    return () => {
      if (pendingCopyTimeoutRef.current) {
        clearTimeout(pendingCopyTimeoutRef.current)
        pendingCopyTimeoutRef.current = null
      }
    }
  }, [])

  return {
    clipboardMessage,
  }
}