|
|
@@ -11,13 +11,11 @@ import {
|
|
|
import {
|
|
|
EditorSelection,
|
|
|
EditorState,
|
|
|
- Facet,
|
|
|
Prec,
|
|
|
SelectionRange,
|
|
|
StateEffect,
|
|
|
StateField,
|
|
|
} from '@codemirror/state'
|
|
|
-import type { ReactNode } from 'react'
|
|
|
import { ancestorOfNodeWithType } from '../utils/tree-query'
|
|
|
import { ensureSyntaxTree, syntaxTree } from '@codemirror/language'
|
|
|
import {
|
|
|
@@ -34,30 +32,12 @@ import {
|
|
|
} from '@codemirror/autocomplete'
|
|
|
import { SyntaxNode } from '@lezer/common'
|
|
|
|
|
|
-export type ActiveTooltip = {
|
|
|
+type ActiveTooltip = {
|
|
|
range: SelectionRange
|
|
|
tooltip: Tooltip
|
|
|
command: string
|
|
|
} | null
|
|
|
|
|
|
-export type CommandTooltipContext = {
|
|
|
- state: EditorState
|
|
|
- pos: number
|
|
|
- value: ActiveTooltip
|
|
|
- commandNode: SyntaxNode
|
|
|
-}
|
|
|
-
|
|
|
-// A command-tooltip handler lets a module add a tooltip for a syntax node type
|
|
|
-// that isn't part of the LaTeX `$CommandTooltipCommand` group (e.g. the
|
|
|
-// markdown `Link` node)
|
|
|
-export type CommandTooltipHandler = {
|
|
|
- command: string
|
|
|
- createTooltip: (context: CommandTooltipContext) => ActiveTooltip
|
|
|
- render: () => ReactNode
|
|
|
-}
|
|
|
-
|
|
|
-export const commandTooltipHandlers = Facet.define<CommandTooltipHandler>()
|
|
|
-
|
|
|
const createTooltipView = (
|
|
|
update?: (update: ViewUpdate) => void
|
|
|
): TooltipView => {
|
|
|
@@ -67,7 +47,7 @@ const createTooltipView = (
|
|
|
return { dom, update }
|
|
|
}
|
|
|
|
|
|
-export const buildTooltip = (
|
|
|
+const buildTooltip = (
|
|
|
command: string,
|
|
|
pos: number,
|
|
|
value: ActiveTooltip,
|
|
|
@@ -109,12 +89,7 @@ const createTooltipState = (
|
|
|
const { main } = state.selection
|
|
|
const pos = main.head
|
|
|
const node = syntaxTree(state).resolveInner(pos, 0)
|
|
|
- const moduleHandlers = state.facet(commandTooltipHandlers)
|
|
|
- const commandNode = ancestorOfNodeWithType(
|
|
|
- node,
|
|
|
- '$CommandTooltipCommand',
|
|
|
- ...moduleHandlers.map(handler => handler.command)
|
|
|
- )
|
|
|
+ const commandNode = ancestorOfNodeWithType(node, '$CommandTooltipCommand')
|
|
|
if (!commandNode) {
|
|
|
return null
|
|
|
}
|
|
|
@@ -124,15 +99,6 @@ const createTooltipState = (
|
|
|
}
|
|
|
const commandName = commandNode.name
|
|
|
|
|
|
- // Module-provided handlers (e.g. the markdown link tooltip) take priority
|
|
|
- // over the built-in LaTeX commands below.
|
|
|
- const handler = moduleHandlers.find(
|
|
|
- handler => handler.command === commandName
|
|
|
- )
|
|
|
- if (handler) {
|
|
|
- return handler.createTooltip({ state, pos, value, commandNode })
|
|
|
- }
|
|
|
-
|
|
|
switch (commandName) {
|
|
|
// a hyperlink (\href)
|
|
|
case 'HrefCommand': {
|
|
|
@@ -351,7 +317,7 @@ export const commandTooltipState = (
|
|
|
state: EditorState
|
|
|
): ActiveTooltip | undefined => state.field(commandTooltipStateField, false)
|
|
|
|
|
|
-export const firstInteractiveElement = (
|
|
|
+const firstInteractiveElement = (
|
|
|
view: EditorView,
|
|
|
tooltipState: NonNullable<ActiveTooltip>
|
|
|
) =>
|