discourse/app/assets/javascripts/pretty-text/engines/discourse-markdown/quotes.js.es6

import { performEmojiUnescape } from 'pretty-text/emoji';

const rule = {
  tag: 'quote',

  before: function(state, tagInfo) {

    const attrs = tagInfo.attrs;
    let options = state.md.options.discourse;

    let quoteInfo = attrs['_default'];
    let username, postNumber, topicId, avatarImg, full;

    if (quoteInfo) {
      let split = quoteInfo.split(/\,\s*/);
      username = split[0];

      let i;
      for(i=1;i<split.length;i++) {
        if (split[i].indexOf("post:") === 0) {
          postNumber = parseInt(split[i].substr(5),10);
          continue;
        }

        if (split[i].indexOf("topic:") === 0) {
          topicId = parseInt(split[i].substr(6),10);
          continue;
        }

        if (/full:\s*true/.test(split[i])) {
          full = true;
          continue;
        }
      }
    }


    let token    = state.push('bbcode_open', 'aside', 1);
    token.attrs  = [['class', 'quote']];

    if (postNumber) {
      token.attrs.push(['data-post', postNumber]);
    }

    if (topicId) {
      token.attrs.push(['data-topic', topicId]);
    }

    if (full) {
      token.attrs.push(['data-full', 'true']);
    }

    if (options.lookupAvatarByPostNumber) {
      // client-side, we can retrieve the avatar from the post
      avatarImg = options.lookupAvatarByPostNumber(postNumber, topicId);
    } else if (options.lookupAvatar) {
      // server-side, we need to lookup the avatar from the username
      avatarImg = options.lookupAvatar(username);
    }

    if (username) {
      let offTopicQuote = options.topicId &&
                          postNumber &&
                          options.getTopicInfo &&
                          topicId !== options.topicId;

      // on topic quote
      token = state.push('quote_header_open', 'div', 1);
      token.attrs = [['class', 'title']];

      token = state.push('quote_controls_open', 'div', 1);
      token.attrs = [['class', 'quote-controls']];

      token = state.push('quote_controls_close', 'div', -1);

      if (avatarImg) {
        token = state.push('html_inline', '', 0);
        token.content = avatarImg;
      }

      if (offTopicQuote) {
        const topicInfo = options.getTopicInfo(topicId);
        if (topicInfo) {
          var href = topicInfo.href;
          if (postNumber > 0) { href += "/" + postNumber; }

          let title = topicInfo.title;


          if (options.enableEmoji) {
            title = performEmojiUnescape(topicInfo.title, {
              getURL: options.getURL, emojiSet: options.emojiSet
            });
          }

          token = state.push('link_open', 'a', 1);
          token.attrs = [[ 'href', href ]];
          token.block = false;

          token = state.push('html_inline', '', 0);
          token.content = title;

          token = state.push('link_close', 'a', -1);
          token.block = false;
        }
      } else {
        token = state.push('text', '', 0);
        token.content = ` ${username}:`;
      }

      token = state.push('quote_header_close', 'div', -1);
    }

    token        = state.push('bbcode_open', 'blockquote', 1);
  },

  after: function(state) {
    state.push('bbcode_close', 'blockquote', -1);
    state.push('bbcode_close', 'aside', -1);
  }
};

export function setup(helper) {

  helper.registerOptions((opts, siteSettings) => {
    opts.enableEmoji = siteSettings.enable_emoji;
    opts.emojiSet = siteSettings.emoji_set;
  });

  helper.registerPlugin(md=>{
     md.block.bbcode.ruler.push('quotes', rule);
  });

  helper.whiteList(['img[class=avatar]']);
}