summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/behaviors/markdown/marks/math.js
blob: ca25ff7d07d2cb661aafe99c34855befa9932863 (plain)
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
/* eslint-disable class-methods-use-this */

import { Mark } from 'tiptap';
import { defaultMarkdownSerializer } from '~/lib/prosemirror_markdown_serializer';
import { HIGHER_PARSE_RULE_PRIORITY } from '../constants';

// Transforms generated HTML back to GFM for Banzai::Filter::MathFilter
export default class MathMark extends Mark {
  get name() {
    return 'math';
  }

  get schema() {
    return {
      parseDOM: [
        // Matches HTML generated by Banzai::Filter::MathFilter
        {
          tag: 'code.code.math[data-math-style=inline]',
          priority: HIGHER_PARSE_RULE_PRIORITY,
        },
        // Matches HTML after being transformed by app/assets/javascripts/behaviors/markdown/render_math.js
        {
          tag: 'span.katex',
          contentElement: 'annotation[encoding="application/x-tex"]',
        },
      ],
      toDOM: () => ['code', { class: 'code math', 'data-math-style': 'inline' }, 0],
    };
  }

  get toMarkdown() {
    return {
      escape: false,
      open(state, mark, parent, index) {
        return `$${defaultMarkdownSerializer.marks.code.open(state, mark, parent, index)}`;
      },
      close(state, mark, parent, index) {
        return `${defaultMarkdownSerializer.marks.code.close(state, mark, parent, index)}$`;
      },
    };
  }
}