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

100% Statements 17/17
100% Branches 2/2
100% Functions 9/9
100% Lines 17/17

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 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84                          631x     3x       3x             3x           92x               4x                       92x   92x       2x 2x 2x 2x   2x 1x         1x     1x             54x      
import { Node, InputRule } from '@tiptap/core';
import { initEmojiMap, getAllEmoji } from '~/emoji';
 
export default Node.create({
  name: 'emoji',
 
  inline: true,
 
  group: 'inline',
 
  draggable: true,
 
  addAttributes() {
    return {
      moji: {
        default: null,
        parseHTML: (element) => element.textContent,
      },
      name: {
        default: null,
        parseHTML: (element) => element.dataset.name,
      },
      title: {
        default: null,
      },
      unicodeVersion: {
        default: '6.0',
        parseHTML: (element) => element.dataset.unicodeVersion,
      },
    };
  },
 
  parseHTML() {
    return [
      {
        tag: 'gl-emoji',
      },
    ];
  },
 
  renderHTML({ node }) {
    return [
      'gl-emoji',
      {
        'data-name': node.attrs.name,
        title: node.attrs.title,
        'data-unicode-version': node.attrs.unicodeVersion,
      },
      node.attrs.moji,
    ];
  },
 
  addInputRules() {
    const emojiInputRegex = /(?:^|\s)(:(\w+):)$/;
 
    return [
      new InputRule({
        find: emojiInputRegex,
        handler: ({ state, range: { from, to }, match }) => {
          const [, , name] = match;
          const emojis = getAllEmoji();
          const emoji = emojis[name];
          const { tr } = state;
 
          if (emoji) {
            tr.replaceWith(from, to, [
              state.schema.text(' '),
              this.type.create({ name, moji: emoji.e, unicodeVersion: emoji.u, title: emoji.d }),
            ]);
 
            return tr;
          }
 
          return null;
        },
      }),
    ];
  },
 
  onCreate() {
    initEmojiMap();
  },
});