92 lines
2.5 KiB
JavaScript
92 lines
2.5 KiB
JavaScript
(function(Prism) {
|
|
|
|
var handlebars_pattern = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g;
|
|
|
|
Prism.languages.handlebars = Prism.languages.extend('markup', {
|
|
'handlebars': {
|
|
pattern: handlebars_pattern,
|
|
inside: {
|
|
'delimiter': {
|
|
pattern: /^\{\{\{?|\}\}\}?$/i,
|
|
alias: 'punctuation'
|
|
},
|
|
'string': /(["'])(\\?.)*?\1/,
|
|
'number': /\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee][+-]?\d+)?)\b/,
|
|
'boolean': /\b(true|false)\b/,
|
|
'block': {
|
|
pattern: /^(\s*~?\s*)[#\/]\S+?(?=\s*~?\s*$|\s)/i,
|
|
lookbehind: true,
|
|
alias: 'keyword'
|
|
},
|
|
'brackets': {
|
|
pattern: /\[[^\]]+\]/,
|
|
inside: {
|
|
punctuation: /\[|\]/,
|
|
variable: /[\s\S]+/
|
|
}
|
|
},
|
|
'punctuation': /[!"#%&'()*+,.\/;<=>@\[\\\]^`{|}~]/,
|
|
'variable': /[^!"#%&'()*+,.\/;<=>@\[\\\]^`{|}~\s]+/
|
|
}
|
|
}
|
|
});
|
|
|
|
// Comments are inserted at top so that they can
|
|
// surround markup
|
|
Prism.languages.insertBefore('handlebars', 'tag', {
|
|
'handlebars-comment': {
|
|
pattern: /\{\{![\s\S]*?\}\}/,
|
|
alias: ['handlebars','comment']
|
|
}
|
|
});
|
|
|
|
// Tokenize all inline Handlebars expressions that are wrapped in {{ }} or {{{ }}}
|
|
// This allows for easy Handlebars + markup highlighting
|
|
Prism.hooks.add('before-highlight', function(env) {
|
|
if (env.language !== 'handlebars') {
|
|
return;
|
|
}
|
|
|
|
env.tokenStack = [];
|
|
|
|
env.backupCode = env.code;
|
|
env.code = env.code.replace(handlebars_pattern, function(match) {
|
|
var i = env.tokenStack.length;
|
|
// Check for existing strings
|
|
while (env.backupCode.indexOf('___HANDLEBARS' + i + '___') !== -1)
|
|
++i;
|
|
|
|
// Create a sparse array
|
|
env.tokenStack[i] = match;
|
|
|
|
return '___HANDLEBARS' + i + '___';
|
|
});
|
|
});
|
|
|
|
// Restore env.code for other plugins (e.g. line-numbers)
|
|
Prism.hooks.add('before-insert', function(env) {
|
|
if (env.language === 'handlebars') {
|
|
env.code = env.backupCode;
|
|
delete env.backupCode;
|
|
}
|
|
});
|
|
|
|
// Re-insert the tokens after highlighting
|
|
// and highlight them with defined grammar
|
|
Prism.hooks.add('after-highlight', function(env) {
|
|
if (env.language !== 'handlebars') {
|
|
return;
|
|
}
|
|
|
|
for (var i = 0, keys = Object.keys(env.tokenStack); i < keys.length; ++i) {
|
|
var k = keys[i];
|
|
var t = env.tokenStack[k];
|
|
|
|
// The replace prevents $$, $&, $`, $', $n, $nn from being interpreted as special patterns
|
|
env.highlightedCode = env.highlightedCode.replace('___HANDLEBARS' + k + '___', Prism.highlight(t, env.grammar, 'handlebars').replace(/\$/g, '$$$$'));
|
|
}
|
|
|
|
env.element.innerHTML = env.highlightedCode;
|
|
});
|
|
|
|
}(Prism));
|