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

import { parseBBCodeTag } from 'pretty-text/engines/discourse-markdown/bbcode-block';

function tokanizeBBCode(state, silent, ruler) {

  let pos = state.pos;

  // 91 = [
  if (silent || state.src.charCodeAt(pos) !== 91) {
    return false;
  }

  const tagInfo = parseBBCodeTag(state.src, pos, state.posMax);

  if (!tagInfo) {
    return false;
  }

  let rule, i;

  let ruleInfo = ruler.getRuleForTag(tagInfo.tag);
  if (!ruleInfo) { return false; }
  rule = ruleInfo.rule;


  if (rule.replace) {
    // special handling for replace
    // we pass raw contents to callback so we simply need to greedy match to end tag
    if (tagInfo.closing) {
      return false;
    }

    let closeTag = '[/' + tagInfo.tag + ']';
    let found = false;

    for(i=state.pos+tagInfo.length; i<=state.posMax-closeTag.length; i++) {
      if (state.src.charCodeAt(pos) === 91 && state.src.slice(i, i + closeTag.length).toLowerCase() === closeTag) {
        found = true;
        break;
      }
    }

    if (!found) {
      return false;
    }

    let content = state.src.slice(state.pos+tagInfo.length, i);

    if (rule.replace(state, tagInfo, content)) {
      state.pos = i + closeTag.length;
      return true;
    } else {
      return false;
    }
  } else {

    tagInfo.rule = rule;

    let token = state.push('text', '' , 0);
    token.content = state.src.slice(pos, pos+tagInfo.length);
    token.meta = 'bbcode';

    state.delimiters.push({
      bbInfo: tagInfo,
      marker: 'bb' + tagInfo.tag,
      open: !tagInfo.closing,
      close: !!tagInfo.closing,
      token: state.tokens.length - 1,
      level: state.level,
      end: -1,
      jump: 0
    });

    state.pos = pos + tagInfo.length;
    return true;
  }
}

function processBBCode(state, silent) {
  let i,
      startDelim,
      endDelim,
      token,
      tagInfo,
      delimiters = state.delimiters,
      max = delimiters.length;

  if (silent) {
    return;
  }

  for (i=0; i<max-1; i++) {
    startDelim = delimiters[i];
    tagInfo = startDelim.bbInfo;

    if (!tagInfo) {
      continue;
    }

    if (startDelim.end === -1) {
      continue;
    }

    endDelim = delimiters[startDelim.end];

    token = state.tokens[startDelim.token];
    let tag, className;

    if (typeof tagInfo.rule.wrap === 'function') {
      let content = "";
      for (let j = startDelim.token+1; j < endDelim.token; j++) {
        let inner = state.tokens[j];
        if (inner.type === 'text' && inner.meta !== 'bbcode') {
          content += inner.content;
        }
      }
      tagInfo.rule.wrap(token, state.tokens[endDelim.token], tagInfo, content);
      continue;
    } else {
      let split = tagInfo.rule.wrap.split('.');
      tag = split[0];
      className = split.slice(1).join(' ');
    }

    token.type = 'bbcode_' + tagInfo.tag + '_open';
    token.tag = tag;
    if (className) {
      token.attrs = [['class', className]];
    }
    token.nesting = 1;
    token.markup = token.content;
    token.content = '';

    token = state.tokens[endDelim.token];
    token.type = 'bbcode_' + tagInfo.tag + '_close';
    token.tag = tag;
    token.nesting = -1;
    token.markup = token.content;
    token.content = '';
  }
  return false;
}

export function setup(helper) {
  helper.whiteList(['span.bbcode-b', 'span.bbcode-i', 'span.bbcode-u', 'span.bbcode-s']);

  helper.registerOptions(opts => {
    opts.features['bbcode-inline'] = true;
  });

  helper.registerPlugin(md => {
    const ruler = md.inline.bbcode.ruler;

    md.inline.ruler.push('bbcode-inline', (state,silent) => tokanizeBBCode(state,silent,ruler));
    md.inline.ruler2.before('text_collapse', 'bbcode-inline', processBBCode);

    ruler.push('code', {
      tag: 'code',
      replace: function(state, tagInfo, content) {
        let token;
        token = state.push('code_inline', 'code', 0);
        token.content = content;
        return true;
      }
    });

    const simpleUrlRegex = /^http[s]?:\/\//;
    ruler.push('url', {
      tag: 'url',
      wrap: function(startToken, endToken, tagInfo, content) {
        const url = (tagInfo.attrs['_default'] || content).trim();

        if (simpleUrlRegex.test(url)) {
          startToken.type = 'link_open';
          startToken.tag = 'a';
          startToken.attrs = [['href', url], ['data-bbcode', 'true']];
          startToken.content = '';
          startToken.nesting = 1;

          endToken.type = 'link_close';
          endToken.tag = 'a';
          endToken.content = '';
          endToken.nesting = -1;
        } else {
          // just strip the bbcode tag
          endToken.content = '';
          startToken.content = '';

          // edge case, we don't want this detected as a onebox if auto linked
          // this ensures it is not stripped
          startToken.type = 'html_inline';
        }

        return false;
      }
    });

    ruler.push('email', {
      tag: 'email',
      replace: function(state, tagInfo, content) {
        let token;
        let email = tagInfo.attrs['_default'] || content;

        token = state.push('link_open', 'a', 1);
        token.attrs = [['href', 'mailto:' + email], ['data-bbcode', 'true']];

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

        token = state.push('link_close', 'a', -1);
        return true;
      }
    });

    ruler.push('image', {
      tag: 'img',
      replace: function(state, tagInfo, content) {
        let token = state.push('image', 'img', 0);
        token.attrs = [['src', content],['alt','']];
        token.children = [];
        return true;
      }
    });

    ruler.push('bold', {
      tag: 'b',
      wrap: 'span.bbcode-b',
    });

    ruler.push('italic', {
      tag: 'i',
      wrap: 'span.bbcode-i'
    });

    ruler.push('underline', {
      tag: 'u',
      wrap: 'span.bbcode-u'
    });

    ruler.push('strike', {
      tag: 's',
      wrap: 'span.bbcode-s'
    });
  });
}