import GlobalDragHandle from 'tiptap-extension-global-drag-handle'
import AutoJoiner from 'tiptap-extension-auto-joiner'
import { BLOCK_DRAG_HANDLE_ID, BLOCK_DRAG_HANDLE_WIDTH } from './block-at-drag-handle'

/** Extensions drag handle Novel / Notion — une poignée globale, position fixed */
export const globalDragHandleExtensions = [
  GlobalDragHandle.configure({
    dragHandleWidth: BLOCK_DRAG_HANDLE_WIDTH,
    scrollTreshold: 100,
    dragHandleSelector: `#${BLOCK_DRAG_HANDLE_ID}`,
    excludedTags: [],
    customNodes: [],
  }),
  AutoJoiner.configure({
    elementsToJoin: ['bulletList', 'orderedList'],
  }),
]