import { Extension } from '@codemirror/state'
import {
  hoverTooltip,
  tooltips,
  ViewPlugin,
  EditorView,
} from '@codemirror/view'

import { LanguageServerPlugin } from './lsp'
import { offsetToPos } from './util'

export default function lspHoverExt(
  plugin: ViewPlugin<LanguageServerPlugin>
): Extension {
  return [
    hoverTooltip((view, pos) => {
      const value = view.plugin(plugin)
      return (
        value?.requestHoverTooltip(view, offsetToPos(view.state.doc, pos)) ??
        null
      )
    }),
    tooltips({
      position: 'absolute',
      parent: document.body,
    }),
    EditorView.baseTheme({
      '.cm-tooltip': {
        fontSize: '12px',
        maxWidth: '400px',
      },
    }),
  ]
}