import type { Editor } from '@tiptap/core'
import { getEditorScrollElement } from '@admin/utils/editor/get-editor-scroll-element'

export function isElementVisibleInEditor(editor: Editor, element: HTMLElement) {
  const scrollElement = getEditorScrollElement(editor)
  if (!scrollElement) return false

  const elementRect = element.getBoundingClientRect()
  const editorRect = scrollElement.getBoundingClientRect()

  return (
    elementRect.bottom > editorRect.top &&
    elementRect.top < editorRect.bottom &&
    elementRect.right > editorRect.left &&
    elementRect.left < editorRect.right
  )
}