markdown-it-dynamic.js

// this a dynamic text markdown parser for markdown-it that is mostly a fork
// of the '~' markdown-it-sub parser but to handle open/closing tags
//
// dynamic_open and dynamic_close are there in case we decide to do something with them,
// but for now they render noop in the actual editor (see dynamic-text.js)

let dynamicTextParser = (state, silent) => {
  let UNESCAPE_MD_RE = /\\([\\!"#$%&'()*+,.\/:;<=>?@[\]^_`{|}~-])/g;
  const max = state.posMax;
  const start = state.pos;

  if (state.src.charCodeAt(start) !== 123 /* { */) {
    return false;
  }
  if (silent) { return false; }
  if (start + 2 >= max) { return false; }

  let found;
  while (state.pos < max) {
    if (state.src.charCodeAt(state.pos) === 125 /* } */) {
      found = true;
      break;
    }
    state.md.inline.skipToken(state);
  }

  if (!found || start + 1 === state.pos) {
    state.pos = start;
    return false;
  }
  const content = state.src.slice(start + 1, state.pos);

  // disallow unescaped spaces/newlines
  if (content.match(/(^|[^\\])(\\\\)*\s/)) {
    state.pos = start;
    return false;
  }

  state.posMax = state.pos;
  state.pos = start + 1;

  // Earlier we checked !silent, but this implementation does not need it
  let token     = state.push('dynamic_open', 'dynamic', 1);
  token.markup  = '<';

  token         = state.push('dynamic', 'text', 0);
  token.content = content.replace(UNESCAPE_MD_RE, '$1');

  token         = state.push('dynamic_close','dynamic', -1);
  token.markup  = '>';

  state.pos = state.posMax + 1;
  state.posMax = max;
  return true;
}

export default function(md, opts) {
  md.inline.ruler.after('emphasis', 'dynamic', dynamicTextParser);
  md.renderer.rules.dynamic_open = () => {return '<'}
  md.renderer.rules.dynamic_open = () => {return '>'}
};