@tiptap/core/src/commands/clearNodes.ts

headless rich text editor

import { liftTarget } from '@tiptap/pm/transform'

import type { RawCommands } from '../types.js'

declare module '@tiptap/core' {
  interface Commands<ReturnType> {
    clearNodes: {
      /**
       * Normalize nodes to a simple paragraph.
       * @example editor.commands.clearNodes()
       */
      clearNodes: () => ReturnType
    }
  }
}

export const clearNodes: RawCommands['clearNodes'] =
  () =>
  ({ state, tr, dispatch }) => {
    const { selection } = tr
    const { ranges } = selection

    if (!dispatch) {
      return true
    }

    ranges.forEach(({ $from, $to }) => {
      state.doc.nodesBetween($from.pos, $to.pos, (node, pos) => {
        if (node.type.isText) {
          return
        }

        const { doc, mapping } = tr
        const $mappedFrom = doc.resolve(mapping.map(pos))
        const $mappedTo = doc.resolve(mapping.map(pos + node.nodeSize))
        const nodeRange = $mappedFrom.blockRange($mappedTo)

        if (!nodeRange) {
          return
        }

        const targetLiftDepth = liftTarget(nodeRange)

        if (node.type.isTextblock) {
          const { defaultType } = $mappedFrom.parent.contentMatchAt($mappedFrom.index())

          tr.setNodeMarkup(nodeRange.start, defaultType)
        }

        if (targetLiftDepth || targetLiftDepth === 0) {
          tr.lift(nodeRange, targetLiftDepth)
        }
      })
    })

    return true
  }