1140 lines
43 KiB
JavaScript
1140 lines
43 KiB
JavaScript
import CodeMirror from '../index';
|
|
|
|
CodeMirror.defineMode(
|
|
'markdown',
|
|
function (cmCfg, modeCfg) {
|
|
var htmlMode = CodeMirror.getMode(cmCfg, 'text/html');
|
|
var htmlModeMissing = htmlMode.name == 'null';
|
|
|
|
function getMode(name) {
|
|
if (CodeMirror.findModeByName) {
|
|
var found = CodeMirror.findModeByName(name);
|
|
if (found) {
|
|
name = found.mime || found.mimes[0];
|
|
}
|
|
}
|
|
var mode = CodeMirror.getMode(cmCfg, name);
|
|
return mode.name == 'null' ? null : mode;
|
|
}
|
|
|
|
// Should characters that affect highlighting be highlighted separate?
|
|
// Does not include characters that will be output (such as `1.` and `-` for lists)
|
|
if (modeCfg.highlightFormatting === undefined) {
|
|
modeCfg.highlightFormatting = false;
|
|
}
|
|
|
|
// Maximum number of nested blockquotes. Set to 0 for infinite nesting.
|
|
// Excess `>` will emit `error` token.
|
|
if (modeCfg.maxBlockquoteDepth === undefined) {
|
|
modeCfg.maxBlockquoteDepth = 0;
|
|
}
|
|
|
|
// Turn on task lists? ("- [ ] " and "- [x] ")
|
|
if (modeCfg.taskLists === undefined) {
|
|
modeCfg.taskLists = false;
|
|
}
|
|
|
|
// Turn on strikethrough syntax
|
|
if (modeCfg.strikethrough === undefined) {
|
|
modeCfg.strikethrough = false;
|
|
}
|
|
|
|
if (modeCfg.emoji === undefined) {
|
|
modeCfg.emoji = false;
|
|
}
|
|
|
|
if (modeCfg.fencedCodeBlockHighlighting === undefined) {
|
|
modeCfg.fencedCodeBlockHighlighting = true;
|
|
}
|
|
|
|
if (modeCfg.xml === undefined) {
|
|
modeCfg.xml = true;
|
|
}
|
|
|
|
// Allow token types to be overridden by user-provided token types.
|
|
if (modeCfg.tokenTypeOverrides === undefined) {
|
|
modeCfg.tokenTypeOverrides = {};
|
|
}
|
|
|
|
var tokenTypes = {
|
|
header: 'header',
|
|
code: 'comment',
|
|
quote: 'quote',
|
|
list1: 'variable-2',
|
|
list2: 'variable-3',
|
|
list3: 'keyword',
|
|
hr: 'hr',
|
|
image: 'image',
|
|
imageAltText: 'image-alt-text',
|
|
imageMarker: 'image-marker',
|
|
formatting: 'formatting',
|
|
linkInline: 'link',
|
|
linkEmail: 'link',
|
|
linkText: 'link',
|
|
linkHref: 'string',
|
|
em: 'em',
|
|
strong: 'strong',
|
|
strikethrough: 'strikethrough',
|
|
emoji: 'builtin'
|
|
};
|
|
|
|
for (var tokenType in tokenTypes) {
|
|
if (
|
|
tokenTypes.hasOwnProperty(tokenType) &&
|
|
modeCfg.tokenTypeOverrides[tokenType]
|
|
) {
|
|
tokenTypes[tokenType] = modeCfg.tokenTypeOverrides[tokenType];
|
|
}
|
|
}
|
|
|
|
var hrRE = /^([*\-_])(?:\s*\1){2,}\s*$/,
|
|
listRE = /^(?:[*\-+]|^[0-9]+([.)]))\s+/,
|
|
taskListRE = /^\[(x| )\](?=\s)/i, // Must follow listRE
|
|
atxHeaderRE = modeCfg.allowAtxHeaderWithoutSpace ?
|
|
/^(#+)/ :
|
|
/^(#+)(?: |$)/,
|
|
setextHeaderRE = /^ *(?:\={1,}|-{1,})\s*$/,
|
|
textRE = /^[^#!\[\]*_\\<>` "'(~:]+/,
|
|
fencedCodeRE = /^(~~~+|```+)[ \t]*([\w+#-]*)[^\n`]*$/,
|
|
linkDefRE = /^\s*\[[^\]]+?\]:.*$/, // naive link-definition
|
|
punctuation = /[!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]/,
|
|
expandedTab = ' '; // CommonMark specifies tab as 4 spaces
|
|
|
|
function switchInline(stream, state, f) {
|
|
state.f = state.inline = f;
|
|
return f(stream, state);
|
|
}
|
|
|
|
function switchBlock(stream, state, f) {
|
|
state.f = state.block = f;
|
|
return f(stream, state);
|
|
}
|
|
|
|
function lineIsEmpty(line) {
|
|
return !line || !/\S/.test(line.string);
|
|
}
|
|
|
|
// Blocks
|
|
|
|
function blankLine(state) {
|
|
// Reset linkTitle state
|
|
state.linkTitle = false;
|
|
state.linkHref = false;
|
|
state.linkText = false;
|
|
// Reset EM state
|
|
state.em = false;
|
|
// Reset STRONG state
|
|
state.strong = false;
|
|
// Reset strikethrough state
|
|
state.strikethrough = false;
|
|
// Reset state.quote
|
|
state.quote = 0;
|
|
// Reset state.indentedCode
|
|
state.indentedCode = false;
|
|
if (state.f == htmlBlock) {
|
|
var exit = htmlModeMissing;
|
|
if (!exit) {
|
|
var inner = CodeMirror.innerMode(htmlMode, state.htmlState);
|
|
exit =
|
|
inner.mode.name == 'xml' &&
|
|
inner.state.tagStart === null &&
|
|
(!inner.state.context && inner.state.tokenize.isInText);
|
|
}
|
|
if (exit) {
|
|
state.f = inlineNormal;
|
|
state.block = blockNormal;
|
|
state.htmlState = null;
|
|
}
|
|
}
|
|
// Reset state.trailingSpace
|
|
state.trailingSpace = 0;
|
|
state.trailingSpaceNewLine = false;
|
|
// Mark this line as blank
|
|
state.prevLine = state.thisLine;
|
|
state.thisLine = {stream: null};
|
|
return null;
|
|
}
|
|
|
|
function blockNormal(stream, state) {
|
|
var firstTokenOnLine = stream.column() === state.indentation;
|
|
var prevLineLineIsEmpty = lineIsEmpty(state.prevLine.stream);
|
|
var prevLineIsIndentedCode = state.indentedCode;
|
|
var prevLineIsHr = state.prevLine.hr;
|
|
var prevLineIsList = state.list !== false;
|
|
var maxNonCodeIndentation =
|
|
(state.listStack[state.listStack.length - 1] || 0) + 3;
|
|
|
|
state.indentedCode = false;
|
|
|
|
var lineIndentation = state.indentation;
|
|
// compute once per line (on first token)
|
|
if (state.indentationDiff === null) {
|
|
state.indentationDiff = state.indentation;
|
|
if (prevLineIsList) {
|
|
state.list = null;
|
|
// While this list item's marker's indentation is less than the deepest
|
|
// list item's content's indentation,pop the deepest list item
|
|
// indentation off the stack, and update block indentation state
|
|
while (
|
|
lineIndentation < state.listStack[state.listStack.length - 1]
|
|
) {
|
|
state.listStack.pop();
|
|
if (state.listStack.length) {
|
|
state.indentation = state.listStack[state.listStack.length - 1];
|
|
// less than the first list's indent -> the line is no longer a list
|
|
} else {
|
|
state.list = false;
|
|
}
|
|
}
|
|
if (state.list !== false) {
|
|
state.indentationDiff =
|
|
lineIndentation - state.listStack[state.listStack.length - 1];
|
|
}
|
|
}
|
|
}
|
|
|
|
// not comprehensive (currently only for setext detection purposes)
|
|
var allowsInlineContinuation =
|
|
!prevLineLineIsEmpty &&
|
|
!prevLineIsHr &&
|
|
!state.prevLine.header &&
|
|
(!prevLineIsList || !prevLineIsIndentedCode) &&
|
|
!state.prevLine.fencedCodeEnd;
|
|
|
|
var isHr =
|
|
(state.list === false || prevLineIsHr || prevLineLineIsEmpty) &&
|
|
state.indentation <= maxNonCodeIndentation &&
|
|
stream.match(hrRE);
|
|
|
|
var match = null;
|
|
if (
|
|
state.indentationDiff >= 4 &&
|
|
(prevLineIsIndentedCode ||
|
|
state.prevLine.fencedCodeEnd ||
|
|
state.prevLine.header ||
|
|
prevLineLineIsEmpty)
|
|
) {
|
|
stream.skipToEnd();
|
|
state.indentedCode = true;
|
|
return tokenTypes.code;
|
|
} else if (stream.eatSpace()) {
|
|
return null;
|
|
} else if (
|
|
firstTokenOnLine &&
|
|
state.indentation <= maxNonCodeIndentation &&
|
|
(match = stream.match(atxHeaderRE)) &&
|
|
match[1].length <= 6
|
|
) {
|
|
state.quote = 0;
|
|
state.header = match[1].length;
|
|
state.thisLine.header = true;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'header';
|
|
}
|
|
state.f = state.inline;
|
|
return getType(state);
|
|
} else if (
|
|
state.indentation <= maxNonCodeIndentation &&
|
|
stream.eat('>')
|
|
) {
|
|
state.quote = firstTokenOnLine ? 1 : state.quote + 1;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'quote';
|
|
}
|
|
stream.eatSpace();
|
|
return getType(state);
|
|
} else if (
|
|
!isHr &&
|
|
!state.setext &&
|
|
firstTokenOnLine &&
|
|
state.indentation <= maxNonCodeIndentation &&
|
|
(match = stream.match(listRE))
|
|
) {
|
|
var listType = match[1] ? 'ol' : 'ul';
|
|
|
|
state.indentation = lineIndentation + stream.current().length;
|
|
state.list = true;
|
|
state.quote = 0;
|
|
|
|
// Add this list item's content's indentation to the stack
|
|
state.listStack.push(state.indentation);
|
|
// Reset inline styles which shouldn't propagate aross list items
|
|
state.em = false;
|
|
state.strong = false;
|
|
state.code = false;
|
|
state.strikethrough = false;
|
|
|
|
if (modeCfg.taskLists && stream.match(taskListRE, false)) {
|
|
state.taskList = true;
|
|
}
|
|
state.f = state.inline;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = ['list', 'list-' + listType];
|
|
}
|
|
return getType(state);
|
|
} else if (
|
|
firstTokenOnLine &&
|
|
state.indentation <= maxNonCodeIndentation &&
|
|
(match = stream.match(fencedCodeRE, true))
|
|
) {
|
|
state.quote = 0;
|
|
state.fencedEndRE = new RegExp(match[1] + '+ *$');
|
|
// try switching mode
|
|
state.localMode =
|
|
modeCfg.fencedCodeBlockHighlighting && getMode(match[2]);
|
|
if (state.localMode) {
|
|
state.localState = CodeMirror.startState(state.localMode);
|
|
}
|
|
state.f = state.block = local;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'code-block';
|
|
}
|
|
state.code = -1;
|
|
return getType(state);
|
|
// SETEXT has lowest block-scope precedence after HR, so check it after
|
|
// the others (code, blockquote, list...)
|
|
} else if (
|
|
// if setext set, indicates line after ---/===
|
|
state.setext ||
|
|
// line before ---/===
|
|
((!allowsInlineContinuation || !prevLineIsList) &&
|
|
!state.quote &&
|
|
state.list === false &&
|
|
!state.code &&
|
|
!isHr &&
|
|
!linkDefRE.test(stream.string) &&
|
|
(match = stream.lookAhead(1)) &&
|
|
(match = match.match(setextHeaderRE)))
|
|
) {
|
|
if (!state.setext) {
|
|
state.header = match[0].charAt(0) == '=' ? 1 : 2;
|
|
state.setext = state.header;
|
|
} else {
|
|
state.header = state.setext;
|
|
// has no effect on type so we can reset it now
|
|
state.setext = 0;
|
|
stream.skipToEnd();
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'header';
|
|
}
|
|
}
|
|
state.thisLine.header = true;
|
|
state.f = state.inline;
|
|
return getType(state);
|
|
} else if (isHr) {
|
|
stream.skipToEnd();
|
|
state.hr = true;
|
|
state.thisLine.hr = true;
|
|
return tokenTypes.hr;
|
|
} else if (stream.peek() === '[') {
|
|
return switchInline(stream, state, footnoteLink);
|
|
}
|
|
|
|
return switchInline(stream, state, state.inline);
|
|
}
|
|
|
|
function htmlBlock(stream, state) {
|
|
var style = htmlMode.token(stream, state.htmlState);
|
|
if (!htmlModeMissing) {
|
|
var inner = CodeMirror.innerMode(htmlMode, state.htmlState);
|
|
if (
|
|
(inner.mode.name == 'xml' &&
|
|
inner.state.tagStart === null &&
|
|
(!inner.state.context && inner.state.tokenize.isInText)) ||
|
|
(state.md_inside && stream.current().indexOf('>') > -1)
|
|
) {
|
|
state.f = inlineNormal;
|
|
state.block = blockNormal;
|
|
state.htmlState = null;
|
|
}
|
|
}
|
|
return style;
|
|
}
|
|
|
|
function local(stream, state) {
|
|
var currListInd = state.listStack[state.listStack.length - 1] || 0;
|
|
var hasExitedList = state.indentation < currListInd;
|
|
var maxFencedEndInd = currListInd + 3;
|
|
if (
|
|
state.fencedEndRE &&
|
|
state.indentation <= maxFencedEndInd &&
|
|
(hasExitedList || stream.match(state.fencedEndRE))
|
|
) {
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'code-block';
|
|
}
|
|
var returnType;
|
|
if (!hasExitedList) {
|
|
returnType = getType(state);
|
|
}
|
|
state.localMode = state.localState = null;
|
|
state.block = blockNormal;
|
|
state.f = inlineNormal;
|
|
state.fencedEndRE = null;
|
|
state.code = 0;
|
|
state.thisLine.fencedCodeEnd = true;
|
|
if (hasExitedList) {
|
|
return switchBlock(stream, state, state.block);
|
|
}
|
|
return returnType;
|
|
} else if (state.localMode) {
|
|
return state.localMode.token(stream, state.localState);
|
|
} else {
|
|
stream.skipToEnd();
|
|
return tokenTypes.code;
|
|
}
|
|
}
|
|
|
|
// Inline
|
|
function getType(state) {
|
|
var styles = [];
|
|
|
|
if (state.formatting) {
|
|
styles.push(tokenTypes.formatting);
|
|
|
|
if (typeof state.formatting === 'string') {
|
|
state.formatting = [state.formatting];
|
|
}
|
|
|
|
for (var i = 0; i < state.formatting.length; i++) {
|
|
styles.push(tokenTypes.formatting + '-' + state.formatting[i]);
|
|
|
|
if (state.formatting[i] === 'header') {
|
|
styles.push(
|
|
tokenTypes.formatting +
|
|
'-' +
|
|
state.formatting[i] +
|
|
'-' +
|
|
state.header
|
|
);
|
|
}
|
|
|
|
// Add `formatting-quote` and `formatting-quote-#` for blockquotes
|
|
// Add `error` instead if the maximum blockquote nesting depth is passed
|
|
if (state.formatting[i] === 'quote') {
|
|
if (
|
|
!modeCfg.maxBlockquoteDepth ||
|
|
modeCfg.maxBlockquoteDepth >= state.quote
|
|
) {
|
|
styles.push(
|
|
tokenTypes.formatting +
|
|
'-' +
|
|
state.formatting[i] +
|
|
'-' +
|
|
state.quote
|
|
);
|
|
} else {
|
|
styles.push('error');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (state.taskOpen) {
|
|
styles.push('meta');
|
|
return styles.length ? styles.join(' ') : null;
|
|
}
|
|
if (state.taskClosed) {
|
|
styles.push('property');
|
|
return styles.length ? styles.join(' ') : null;
|
|
}
|
|
|
|
if (state.linkHref) {
|
|
styles.push(tokenTypes.linkHref, 'url');
|
|
} else {
|
|
// Only apply inline styles to non-url text
|
|
if (state.strong) {
|
|
styles.push(tokenTypes.strong);
|
|
}
|
|
if (state.em) {
|
|
styles.push(tokenTypes.em);
|
|
}
|
|
if (state.strikethrough) {
|
|
styles.push(tokenTypes.strikethrough);
|
|
}
|
|
if (state.emoji) {
|
|
styles.push(tokenTypes.emoji);
|
|
}
|
|
if (state.linkText) {
|
|
styles.push(tokenTypes.linkText);
|
|
}
|
|
if (state.code) {
|
|
styles.push(tokenTypes.code);
|
|
}
|
|
if (state.image) {
|
|
styles.push(tokenTypes.image);
|
|
}
|
|
if (state.imageAltText) {
|
|
styles.push(tokenTypes.imageAltText, 'link');
|
|
}
|
|
if (state.imageMarker) {
|
|
styles.push(tokenTypes.imageMarker);
|
|
}
|
|
}
|
|
|
|
if (state.header) {
|
|
styles.push(
|
|
tokenTypes.header,
|
|
tokenTypes.header + '-' + state.header
|
|
);
|
|
}
|
|
|
|
if (state.quote) {
|
|
styles.push(tokenTypes.quote);
|
|
|
|
// Add `quote-#` where the maximum for `#` is modeCfg.maxBlockquoteDepth
|
|
if (
|
|
!modeCfg.maxBlockquoteDepth ||
|
|
modeCfg.maxBlockquoteDepth >= state.quote
|
|
) {
|
|
styles.push(tokenTypes.quote + '-' + state.quote);
|
|
} else {
|
|
styles.push(tokenTypes.quote + '-' + modeCfg.maxBlockquoteDepth);
|
|
}
|
|
}
|
|
|
|
if (state.list !== false) {
|
|
var listMod = (state.listStack.length - 1) % 3;
|
|
if (!listMod) {
|
|
styles.push(tokenTypes.list1);
|
|
} else if (listMod === 1) {
|
|
styles.push(tokenTypes.list2);
|
|
} else {
|
|
styles.push(tokenTypes.list3);
|
|
}
|
|
}
|
|
|
|
if (state.trailingSpaceNewLine) {
|
|
styles.push('trailing-space-new-line');
|
|
} else if (state.trailingSpace) {
|
|
styles.push(
|
|
'trailing-space-' + (state.trailingSpace % 2 ? 'a' : 'b')
|
|
);
|
|
}
|
|
|
|
return styles.length ? styles.join(' ') : null;
|
|
}
|
|
|
|
function handleText(stream, state) {
|
|
if (stream.match(textRE, true)) {
|
|
return getType(state);
|
|
}
|
|
return undefined;
|
|
}
|
|
|
|
function inlineNormal(stream, state) {
|
|
var style = state.text(stream, state);
|
|
if (typeof style !== 'undefined') {
|
|
return style;
|
|
}
|
|
|
|
if (state.list) {
|
|
// List marker (*, +, -, 1., etc)
|
|
state.list = null;
|
|
return getType(state);
|
|
}
|
|
|
|
if (state.taskList) {
|
|
var taskOpen = stream.match(taskListRE, true)[1] === ' ';
|
|
if (taskOpen) {
|
|
state.taskOpen = true;
|
|
} else {
|
|
state.taskClosed = true;
|
|
}
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'task';
|
|
}
|
|
state.taskList = false;
|
|
return getType(state);
|
|
}
|
|
|
|
state.taskOpen = false;
|
|
state.taskClosed = false;
|
|
|
|
if (state.header && stream.match(/^#+$/, true)) {
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'header';
|
|
}
|
|
return getType(state);
|
|
}
|
|
|
|
var ch = stream.next();
|
|
|
|
// Matches link titles present on next line
|
|
if (state.linkTitle) {
|
|
state.linkTitle = false;
|
|
var matchCh = ch;
|
|
if (ch === '(') {
|
|
matchCh = ')';
|
|
}
|
|
matchCh = (String(matchCh)).replace(/([.?*+^\[\]\\(){}|-])/g, '\\$1');
|
|
var regex =
|
|
'^\\s*(?:[^' + matchCh + '\\\\]+|\\\\\\\\|\\\\.)' + matchCh;
|
|
if (stream.match(new RegExp(regex), true)) {
|
|
return tokenTypes.linkHref;
|
|
}
|
|
}
|
|
|
|
// If this block is changed, it may need to be updated in GFM mode
|
|
if (ch === '`') {
|
|
var previousFormatting = state.formatting;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'code';
|
|
}
|
|
stream.eatWhile('`');
|
|
var count = stream.current().length;
|
|
if (state.code == 0 && (!state.quote || count == 1)) {
|
|
state.code = count;
|
|
return getType(state);
|
|
} else if (count == state.code) {
|
|
// Must be exact
|
|
var t = getType(state);
|
|
state.code = 0;
|
|
return t;
|
|
} else {
|
|
state.formatting = previousFormatting;
|
|
return getType(state);
|
|
}
|
|
} else if (state.code) {
|
|
return getType(state);
|
|
}
|
|
|
|
if (ch === '\\') {
|
|
stream.next();
|
|
if (modeCfg.highlightFormatting) {
|
|
var type = getType(state);
|
|
var formattingEscape = tokenTypes.formatting + '-escape';
|
|
return type ? type + ' ' + formattingEscape : formattingEscape;
|
|
}
|
|
}
|
|
|
|
if (ch === '!' && stream.match(/\[[^\]]*\] ?(?:\(|\[)/, false)) {
|
|
state.imageMarker = true;
|
|
state.image = true;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'image';
|
|
}
|
|
return getType(state);
|
|
}
|
|
|
|
if (
|
|
ch === '[' &&
|
|
state.imageMarker &&
|
|
stream.match(/[^\]]*\](\(.*?\)| ?\[.*?\])/, false)
|
|
) {
|
|
state.imageMarker = false;
|
|
state.imageAltText = true;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'image';
|
|
}
|
|
return getType(state);
|
|
}
|
|
|
|
if (ch === ']' && state.imageAltText) {
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'image';
|
|
}
|
|
var type = getType(state);
|
|
state.imageAltText = false;
|
|
state.image = false;
|
|
state.inline = state.f = linkHref;
|
|
return type;
|
|
}
|
|
|
|
if (ch === '[' && !state.image) {
|
|
if (state.linkText && stream.match(/^.*?\]/)) {
|
|
return getType(state);
|
|
}
|
|
state.linkText = true;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link';
|
|
}
|
|
return getType(state);
|
|
}
|
|
|
|
if (ch === ']' && state.linkText) {
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link';
|
|
}
|
|
var type = getType(state);
|
|
state.linkText = false;
|
|
state.inline = state.f = stream.match(/\(.*?\)| ?\[.*?\]/, false) ?
|
|
linkHref :
|
|
inlineNormal;
|
|
return type;
|
|
}
|
|
|
|
if (
|
|
ch === '<' &&
|
|
stream.match(/^(https?|ftps?):\/\/(?:[^\\>]|\\.)+>/, false)
|
|
) {
|
|
state.f = state.inline = linkInline;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link';
|
|
}
|
|
var type = getType(state);
|
|
if (type) {
|
|
type += ' ';
|
|
} else {
|
|
type = '';
|
|
}
|
|
return type + tokenTypes.linkInline;
|
|
}
|
|
|
|
if (ch === '<' && stream.match(/^[^> \\]+@(?:[^\\>]|\\.)+>/, false)) {
|
|
state.f = state.inline = linkInline;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link';
|
|
}
|
|
var type = getType(state);
|
|
if (type) {
|
|
type += ' ';
|
|
} else {
|
|
type = '';
|
|
}
|
|
return type + tokenTypes.linkEmail;
|
|
}
|
|
|
|
if (
|
|
modeCfg.xml &&
|
|
ch === '<' &&
|
|
stream.match(
|
|
/^(!--|\?|!\[CDATA\[|[a-z][a-z0-9-]*(?:\s+[a-z_:.\-]+(?:\s*=\s*[^>]+)?)*\s*(?:>|$))/i,
|
|
false
|
|
)
|
|
) {
|
|
var end = stream.string.indexOf('>', stream.pos);
|
|
if (end != -1) {
|
|
var atts = stream.string.substring(stream.start, end);
|
|
if (/markdown\s*=\s*('|"){0,1}1('|"){0,1}/.test(atts)) {
|
|
state.md_inside = true;
|
|
}
|
|
}
|
|
stream.backUp(1);
|
|
state.htmlState = CodeMirror.startState(htmlMode);
|
|
return switchBlock(stream, state, htmlBlock);
|
|
}
|
|
|
|
if (modeCfg.xml && ch === '<' && stream.match(/^\/\w*?>/)) {
|
|
state.md_inside = false;
|
|
return 'tag';
|
|
} else if (ch === '*' || ch === '_') {
|
|
var len = 1,
|
|
before =
|
|
stream.pos == 1 ? ' ' : stream.string.charAt(stream.pos - 2);
|
|
while (len < 3 && stream.eat(ch)) {
|
|
len++;
|
|
}
|
|
var after = stream.peek() || ' ';
|
|
// See http://spec.commonmark.org/0.27/#emphasis-and-strong-emphasis
|
|
var leftFlanking =
|
|
!/\s/.test(after) &&
|
|
(!punctuation.test(after) ||
|
|
/\s/.test(before) ||
|
|
punctuation.test(before));
|
|
var rightFlanking =
|
|
!/\s/.test(before) &&
|
|
(!punctuation.test(before) ||
|
|
/\s/.test(after) ||
|
|
punctuation.test(after));
|
|
var setEm = null,
|
|
setStrong = null;
|
|
if (len % 2) {
|
|
// Em
|
|
if (
|
|
!state.em &&
|
|
leftFlanking &&
|
|
(ch === '*' || !rightFlanking || punctuation.test(before))
|
|
) {
|
|
setEm = true;
|
|
} else if (
|
|
state.em == ch &&
|
|
rightFlanking &&
|
|
(ch === '*' || !leftFlanking || punctuation.test(after))
|
|
) {
|
|
setEm = false;
|
|
}
|
|
}
|
|
if (len > 1) {
|
|
// Strong
|
|
if (
|
|
!state.strong &&
|
|
leftFlanking &&
|
|
(ch === '*' || !rightFlanking || punctuation.test(before))
|
|
) {
|
|
setStrong = true;
|
|
} else if (
|
|
state.strong == ch &&
|
|
rightFlanking &&
|
|
(ch === '*' || !leftFlanking || punctuation.test(after))
|
|
) {
|
|
setStrong = false;
|
|
}
|
|
}
|
|
if (setStrong != null || setEm != null) {
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting =
|
|
setEm == null ?
|
|
'strong' :
|
|
setStrong == null ?
|
|
'em' :
|
|
'strong em';
|
|
}
|
|
if (setEm === true) {
|
|
state.em = ch;
|
|
}
|
|
if (setStrong === true) {
|
|
state.strong = ch;
|
|
}
|
|
var t = getType(state);
|
|
if (setEm === false) {
|
|
state.em = false;
|
|
}
|
|
if (setStrong === false) {
|
|
state.strong = false;
|
|
}
|
|
return t;
|
|
}
|
|
} else if (ch === ' ') {
|
|
if (stream.eat('*') || stream.eat('_')) {
|
|
// Probably surrounded by spaces
|
|
if (stream.peek() === ' ') {
|
|
// Surrounded by spaces, ignore
|
|
return getType(state);
|
|
} else {
|
|
// Not surrounded by spaces, back up pointer
|
|
stream.backUp(1);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (modeCfg.strikethrough) {
|
|
if (ch === '~' && stream.eatWhile(ch)) {
|
|
if (state.strikethrough) {
|
|
// Remove strikethrough
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'strikethrough';
|
|
}
|
|
var t = getType(state);
|
|
state.strikethrough = false;
|
|
return t;
|
|
} else if (stream.match(/^[^\s]/, false)) {
|
|
// Add strikethrough
|
|
state.strikethrough = true;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'strikethrough';
|
|
}
|
|
return getType(state);
|
|
}
|
|
} else if (ch === ' ') {
|
|
if (stream.match(/^~~/, true)) {
|
|
// Probably surrounded by space
|
|
if (stream.peek() === ' ') {
|
|
// Surrounded by spaces, ignore
|
|
return getType(state);
|
|
} else {
|
|
// Not surrounded by spaces, back up pointer
|
|
stream.backUp(2);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (
|
|
modeCfg.emoji &&
|
|
ch === ':' &&
|
|
stream.match(/^(?:[a-z_\d+][a-z_\d+-]*|\-[a-z_\d+][a-z_\d+-]*):/)
|
|
) {
|
|
state.emoji = true;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'emoji';
|
|
}
|
|
var retType = getType(state);
|
|
state.emoji = false;
|
|
return retType;
|
|
}
|
|
|
|
if (ch === ' ') {
|
|
if (stream.match(/^ +$/, false)) {
|
|
state.trailingSpace++;
|
|
} else if (state.trailingSpace) {
|
|
state.trailingSpaceNewLine = true;
|
|
}
|
|
}
|
|
|
|
return getType(state);
|
|
}
|
|
|
|
function linkInline(stream, state) {
|
|
var ch = stream.next();
|
|
|
|
if (ch === '>') {
|
|
state.f = state.inline = inlineNormal;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link';
|
|
}
|
|
var type = getType(state);
|
|
if (type) {
|
|
type += ' ';
|
|
} else {
|
|
type = '';
|
|
}
|
|
return type + tokenTypes.linkInline;
|
|
}
|
|
|
|
stream.match(/^[^>]+/, true);
|
|
|
|
return tokenTypes.linkInline;
|
|
}
|
|
|
|
function linkHref(stream, state) {
|
|
// Check if space, and return NULL if so (to avoid marking the space)
|
|
if (stream.eatSpace()) {
|
|
return null;
|
|
}
|
|
var ch = stream.next();
|
|
if (ch === '(' || ch === '[') {
|
|
state.f = state.inline = getLinkHrefInside(ch === '(' ? ')' : ']');
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link-string';
|
|
}
|
|
state.linkHref = true;
|
|
return getType(state);
|
|
}
|
|
return 'error';
|
|
}
|
|
|
|
var linkRE = {
|
|
')': /^(?:[^\\\(\)]|\\.|\((?:[^\\\(\)]|\\.)*\))*?(?=\))/,
|
|
']': /^(?:[^\\\[\]]|\\.|\[(?:[^\\\[\]]|\\.)*\])*?(?=\])/
|
|
};
|
|
|
|
function getLinkHrefInside(endChar) {
|
|
return function (stream, state) {
|
|
var ch = stream.next();
|
|
|
|
if (ch === endChar) {
|
|
state.f = state.inline = inlineNormal;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link-string';
|
|
}
|
|
var returnState = getType(state);
|
|
state.linkHref = false;
|
|
return returnState;
|
|
}
|
|
|
|
stream.match(linkRE[endChar]);
|
|
state.linkHref = true;
|
|
return getType(state);
|
|
};
|
|
}
|
|
|
|
function footnoteLink(stream, state) {
|
|
if (stream.match(/^([^\]\\]|\\.)*\]:/, false)) {
|
|
state.f = footnoteLinkInside;
|
|
stream.next(); // Consume [
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link';
|
|
}
|
|
state.linkText = true;
|
|
return getType(state);
|
|
}
|
|
return switchInline(stream, state, inlineNormal);
|
|
}
|
|
|
|
function footnoteLinkInside(stream, state) {
|
|
if (stream.match(/^\]:/, true)) {
|
|
state.f = state.inline = footnoteUrl;
|
|
if (modeCfg.highlightFormatting) {
|
|
state.formatting = 'link';
|
|
}
|
|
var returnType = getType(state);
|
|
state.linkText = false;
|
|
return returnType;
|
|
}
|
|
|
|
stream.match(/^([^\]\\]|\\.)+/, true);
|
|
|
|
return tokenTypes.linkText;
|
|
}
|
|
|
|
function footnoteUrl(stream, state) {
|
|
// Check if space, and return NULL if so (to avoid marking the space)
|
|
if (stream.eatSpace()) {
|
|
return null;
|
|
}
|
|
// Match URL
|
|
stream.match(/^[^\s]+/, true);
|
|
// Check for link title
|
|
if (stream.peek() === undefined) {
|
|
// End of line, set flag to check next line
|
|
state.linkTitle = true;
|
|
} else {
|
|
// More content on line, check if link title
|
|
stream.match(
|
|
/^(?:\s+(?:"(?:[^"\\]|\\\\|\\.)+"|'(?:[^'\\]|\\\\|\\.)+'|\((?:[^)\\]|\\\\|\\.)+\)))?/,
|
|
true
|
|
);
|
|
}
|
|
state.f = state.inline = inlineNormal;
|
|
return tokenTypes.linkHref + ' url';
|
|
}
|
|
|
|
var mode = {
|
|
startState: function () {
|
|
return {
|
|
f: blockNormal,
|
|
|
|
prevLine: {stream: null},
|
|
thisLine: {stream: null},
|
|
|
|
block: blockNormal,
|
|
htmlState: null,
|
|
indentation: 0,
|
|
|
|
inline: inlineNormal,
|
|
text: handleText,
|
|
|
|
formatting: false,
|
|
linkText: false,
|
|
linkHref: false,
|
|
linkTitle: false,
|
|
code: 0,
|
|
em: false,
|
|
strong: false,
|
|
header: 0,
|
|
setext: 0,
|
|
hr: false,
|
|
taskList: false,
|
|
list: false,
|
|
listStack: [],
|
|
quote: 0,
|
|
trailingSpace: 0,
|
|
trailingSpaceNewLine: false,
|
|
strikethrough: false,
|
|
emoji: false,
|
|
fencedEndRE: null
|
|
};
|
|
},
|
|
|
|
copyState: function (s) {
|
|
return {
|
|
f: s.f,
|
|
|
|
prevLine: s.prevLine,
|
|
thisLine: s.thisLine,
|
|
|
|
block: s.block,
|
|
htmlState:
|
|
s.htmlState && CodeMirror.copyState(htmlMode, s.htmlState),
|
|
indentation: s.indentation,
|
|
|
|
localMode: s.localMode,
|
|
localState: s.localMode ?
|
|
CodeMirror.copyState(s.localMode, s.localState) :
|
|
null,
|
|
|
|
inline: s.inline,
|
|
text: s.text,
|
|
formatting: false,
|
|
linkText: s.linkText,
|
|
linkTitle: s.linkTitle,
|
|
linkHref: s.linkHref,
|
|
code: s.code,
|
|
em: s.em,
|
|
strong: s.strong,
|
|
strikethrough: s.strikethrough,
|
|
emoji: s.emoji,
|
|
header: s.header,
|
|
setext: s.setext,
|
|
hr: s.hr,
|
|
taskList: s.taskList,
|
|
list: s.list,
|
|
listStack: s.listStack.slice(0),
|
|
quote: s.quote,
|
|
indentedCode: s.indentedCode,
|
|
trailingSpace: s.trailingSpace,
|
|
trailingSpaceNewLine: s.trailingSpaceNewLine,
|
|
md_inside: s.md_inside,
|
|
fencedEndRE: s.fencedEndRE
|
|
};
|
|
},
|
|
|
|
token: function (stream, state) {
|
|
// Reset state.formatting
|
|
state.formatting = false;
|
|
|
|
if (stream != state.thisLine.stream) {
|
|
state.header = 0;
|
|
state.hr = false;
|
|
|
|
if (stream.match(/^\s*$/, true)) {
|
|
blankLine(state);
|
|
return null;
|
|
}
|
|
|
|
state.prevLine = state.thisLine;
|
|
state.thisLine = {stream: stream};
|
|
|
|
// Reset state.taskList
|
|
state.taskList = false;
|
|
|
|
// Reset state.trailingSpace
|
|
state.trailingSpace = 0;
|
|
state.trailingSpaceNewLine = false;
|
|
|
|
if (!state.localState) {
|
|
state.f = state.block;
|
|
if (state.f != htmlBlock) {
|
|
var indentation = stream
|
|
.match(/^\s*/, true)[0]
|
|
.replace(/\t/g, expandedTab).length;
|
|
state.indentation = indentation;
|
|
state.indentationDiff = null;
|
|
if (indentation > 0) {
|
|
return null;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return state.f(stream, state);
|
|
},
|
|
|
|
innerMode: function (state) {
|
|
if (state.block == htmlBlock) {
|
|
return {state: state.htmlState, mode: htmlMode};
|
|
}
|
|
if (state.localState) {
|
|
return {state: state.localState, mode: state.localMode};
|
|
}
|
|
return {state: state, mode: mode};
|
|
},
|
|
|
|
indent: function (state, textAfter, line) {
|
|
if (state.block == htmlBlock && htmlMode.indent) {
|
|
return htmlMode.indent(state.htmlState, textAfter, line);
|
|
}
|
|
if (state.localState && state.localMode.indent) {
|
|
return state.localMode.indent(state.localState, textAfter, line);
|
|
}
|
|
return CodeMirror.Pass;
|
|
},
|
|
|
|
blankLine: blankLine,
|
|
|
|
getType: getType,
|
|
|
|
blockCommentStart: '<!--',
|
|
blockCommentEnd: '-->',
|
|
closeBrackets: '()[]{}\'\'""``',
|
|
fold: 'markdown'
|
|
};
|
|
return mode;
|
|
},
|
|
'xml'
|
|
);
|
|
|
|
CodeMirror.defineMIME('text/src', 'markdown');
|
|
|
|
CodeMirror.defineMIME('text/x-src', 'markdown');
|