All files / app/assets/javascripts/content_editor/extensions inline_diff.js

100% Statements 10/10
100% Branches 2/2
100% Functions 8/8
100% Lines 10/10

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57            186x           641x     2x           102x               8x                   102x 102x   102x       2x         4x          
import { Mark, markInputRule, mergeAttributes } from '@tiptap/core';
 
export default Mark.create({
  name: 'inlineDiff',
 
  addOptions() {
    return {
      HTMLAttributes: {},
    };
  },
 
  addAttributes() {
    return {
      type: {
        default: 'addition',
        parseHTML: (element) => (element.classList.contains('deletion') ? 'deletion' : 'addition'),
      },
    };
  },
 
  parseHTML() {
    return [
      {
        tag: 'span.idiff',
      },
    ];
  },
 
  renderHTML({ HTMLAttributes: { type, ...HTMLAttributes } }) {
    return [
      'span',
      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
        class: `idiff left right ${type}`,
      }),
      0,
    ];
  },
 
  addInputRules() {
    const inputRegexAddition = /(\{\+(.+?)\+\})$/gm;
    const inputRegexDeletion = /(\{-(.+?)-\})$/gm;
 
    return [
      markInputRule({
        find: inputRegexAddition,
        type: this.type,
        getAttributes: () => ({ type: 'addition' }),
      }),
      markInputRule({
        find: inputRegexDeletion,
        type: this.type,
        getAttributes: () => ({ type: 'deletion' }),
      }),
    ];
  },
});