import type { Editor } from '@tiptap/core'
import type { Node as PMNode } from '@tiptap/pm/model'

export const BLOCK_DRAG_HANDLE_ID = 'notion-block-drag-handle'
export const BLOCK_DRAG_HANDLE_WIDTH = 20

/** Même logique de résolution de bloc que tiptap-extension-global-drag-handle */
export function resolveBlockAtDragHandle(editor: Editor): { node: PMNode; pos: number } | null {
  const handle = document.getElementById(BLOCK_DRAG_HANDLE_ID)
  if (!handle || editor.isDestroyed) return null

  const rect = handle.getBoundingClientRect()
  const coords = editor.view.posAtCoords({
    left: rect.right + 50 + BLOCK_DRAG_HANDLE_WIDTH,
    top: rect.top + rect.height / 2,
  })
  if (coords?.pos == null) return null

  const $pos = editor.state.doc.resolve(coords.pos)
  const blockPos = $pos.depth > 1 ? $pos.before($pos.depth) : coords.pos
  const node = editor.state.doc.nodeAt(blockPos)
  if (!node) return null

  return { node, pos: blockPos }
}