Tracking a specfic type of node changes (deletion, addition) in tiptap/prosemirror

TrackNodeChange.js

import { Plugin } from 'prosemirror-state'

export default function ({ nodeType, onChange }) {
  return new Plugin({
    state: {
      init: () => null,
      // eslint-disable-next-line max-params
      apply: (tr, currentValue, oldState, newState) => {
        const changes = { added: [], removed: [] }
        tr.mapping.maps.forEach(map => {
          // eslint-disable-next-line max-params
          map.forEach((oldStart, oldEnd, newStart, newEnd) => {
            newState.doc.nodesBetween(
              newStart,
              newEnd,
              // eslint-disable-next-line max-params
              (node, pos, parent, index) => {
                if (node.type.name === nodeType) {
                  changes.added.push(node)
                }
              }
            )

            oldState.doc.nodesBetween(
              oldStart,
              oldEnd,
              // eslint-disable-next-line max-params
              (node, pos, parent, index) => {
                if (node.type.name === nodeType) {
                  changes.removed.push(node)
                }
              }
            )
          })
          // maintain a list of mention with position
        })

        onChange(changes)

        return null
      },
    },
  })
}