prism/prism.js

710 lines
17 KiB
JavaScript
Raw Normal View History

2012-07-19 06:57:08 +08:00
/* **********************************************
Begin prism-core.js
********************************************** */
2012-07-19 06:57:08 +08:00
var _self = (typeof window !== 'undefined')
? window // if in browser
: (
(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
? self // if in worker
: {} // if in node js
);
2013-11-13 06:33:44 +08:00
2012-07-11 03:48:14 +08:00
/**
* Prism: Lightweight, robust, elegant syntax highlighting
* MIT license http://www.opensource.org/licenses/mit-license.php/
* @author Lea Verou http://lea.verou.me
*/
2013-11-13 06:33:44 +08:00
var Prism = (function(){
2012-07-11 03:48:14 +08:00
// Private helper vars
2016-01-17 20:56:32 +08:00
var lang = /\blang(?:uage)?-(\w+)\b/i;
var _ = _self.Prism = {
util: {
2014-05-25 04:14:20 +08:00
encode: function (tokens) {
if (tokens instanceof Token) {
return new Token(tokens.type, _.util.encode(tokens.content), tokens.alias);
2014-05-25 04:14:20 +08:00
} else if (_.util.type(tokens) === 'Array') {
return tokens.map(_.util.encode);
} else {
return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
}
},
type: function (o) {
return Object.prototype.toString.call(o).match(/\[object (\w+)\]/)[1];
},
// Deep clone a language definition (e.g. to extend it)
clone: function (o) {
var type = _.util.type(o);
switch (type) {
case 'Object':
var clone = {};
for (var key in o) {
if (o.hasOwnProperty(key)) {
clone[key] = _.util.clone(o[key]);
}
}
return clone;
case 'Array':
// Check for existence for IE8
return o.map && o.map(function(v) { return _.util.clone(v); });
}
return o;
}
},
languages: {
extend: function (id, redef) {
var lang = _.util.clone(_.languages[id]);
for (var key in redef) {
lang[key] = redef[key];
}
return lang;
},
/**
* Insert a token before another token in a language literal
* As this needs to recreate the object (we cannot actually insert before keys in object literals),
* we cannot just provide an object, we need anobject and a key.
* @param inside The key (or language id) of the parent
* @param before The key to insert before. If not provided, the function appends instead.
* @param insert Object with the key/value pairs to insert
* @param root The object that contains `inside`. If equal to Prism.languages, it can be omitted.
*/
insertBefore: function (inside, before, insert, root) {
root = root || _.languages;
var grammar = root[inside];
if (arguments.length == 2) {
insert = arguments[1];
for (var newToken in insert) {
if (insert.hasOwnProperty(newToken)) {
grammar[newToken] = insert[newToken];
}
}
return grammar;
}
var ret = {};
for (var token in grammar) {
if (grammar.hasOwnProperty(token)) {
if (token == before) {
for (var newToken in insert) {
if (insert.hasOwnProperty(newToken)) {
ret[newToken] = insert[newToken];
}
}
}
ret[token] = grammar[token];
}
}
// Update references in other language definitions
_.languages.DFS(_.languages, function(key, value) {
if (value === root[inside] && key != inside) {
this[key] = ret;
}
});
return root[inside] = ret;
},
// Traverse a language definition with Depth First Search
2015-12-26 16:50:23 +08:00
DFS: function(o, callback, type, visited) {
visited = visited || {};
for (var i in o) {
if (o.hasOwnProperty(i)) {
callback.call(o, i, o[i], type || i);
2015-12-26 16:50:23 +08:00
if (_.util.type(o[i]) === 'Object' && !visited[o[i]]) {
visited[o[i]] = true;
_.languages.DFS(o[i], callback, null, visited);
}
2015-12-26 16:50:23 +08:00
else if (_.util.type(o[i]) === 'Array' && !visited[o[i]]) {
visited[o[i]] = true;
_.languages.DFS(o[i], callback, i, visited);
}
}
}
}
},
plugins: {},
2012-07-27 09:17:55 +08:00
highlightAll: function(async, callback) {
var elements = document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');
2012-07-11 03:48:14 +08:00
for (var i=0, element; element = elements[i++];) {
2012-07-27 09:17:55 +08:00
_.highlightElement(element, async === true, callback);
2012-07-11 03:48:14 +08:00
}
},
2012-07-27 09:17:55 +08:00
highlightElement: function(element, async, callback) {
// Find language
var language, grammar, parent = element;
2012-07-27 09:17:55 +08:00
while (parent && !lang.test(parent.className)) {
parent = parent.parentNode;
2012-07-11 03:48:14 +08:00
}
2012-07-27 09:17:55 +08:00
if (parent) {
language = (parent.className.match(lang) || [,''])[1];
2012-07-27 09:17:55 +08:00
grammar = _.languages[language];
}
2012-07-11 03:48:14 +08:00
// Set language on the element, if not present
2012-07-31 15:08:31 +08:00
element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
// Set language on the parent, for styling
2012-07-27 09:17:55 +08:00
parent = element.parentNode;
if (/pre/i.test(parent.nodeName)) {
parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
2012-07-27 09:17:55 +08:00
}
2012-09-14 01:06:11 +08:00
var code = element.textContent;
var env = {
element: element,
language: language,
grammar: grammar,
code: code
};
if (!code || !grammar) {
2015-08-09 06:05:14 +08:00
_.hooks.run('complete', env);
return;
}
2012-07-16 13:36:05 +08:00
_.hooks.run('before-highlight', env);
if (async && _self.Worker) {
var worker = new Worker(_.filename);
2012-07-11 03:48:14 +08:00
worker.onmessage = function(evt) {
env.highlightedCode = evt.data;
_.hooks.run('before-insert', env);
2012-07-16 13:36:05 +08:00
env.element.innerHTML = env.highlightedCode;
callback && callback.call(env.element);
2012-07-16 13:36:05 +08:00
_.hooks.run('after-highlight', env);
_.hooks.run('complete', env);
2012-07-11 03:48:14 +08:00
};
worker.postMessage(JSON.stringify({
language: env.language,
code: env.code,
immediateClose: true
}));
2012-07-11 03:48:14 +08:00
}
else {
2015-01-09 15:11:48 +08:00
env.highlightedCode = _.highlight(env.code, env.grammar, env.language);
_.hooks.run('before-insert', env);
2012-07-16 13:36:05 +08:00
env.element.innerHTML = env.highlightedCode;
callback && callback.call(element);
2012-07-16 13:36:05 +08:00
_.hooks.run('after-highlight', env);
_.hooks.run('complete', env);
2012-07-11 03:48:14 +08:00
}
},
2013-05-10 02:01:17 +08:00
highlight: function (text, grammar, language) {
var tokens = _.tokenize(text, grammar);
2014-05-25 04:14:20 +08:00
return Token.stringify(_.util.encode(tokens), language);
},
2013-05-10 02:01:17 +08:00
tokenize: function(text, grammar, language) {
var Token = _.Token;
2012-07-11 03:48:14 +08:00
var strarr = [text];
var rest = grammar.rest;
2012-07-11 03:48:14 +08:00
if (rest) {
for (var token in rest) {
grammar[token] = rest[token];
2012-07-11 03:48:14 +08:00
}
delete grammar.rest;
2012-07-11 03:48:14 +08:00
}
tokenloop: for (var token in grammar) {
if(!grammar.hasOwnProperty(token) || !grammar[token]) {
continue;
}
2014-08-12 17:27:26 +08:00
var patterns = grammar[token];
patterns = (_.util.type(patterns) === "Array") ? patterns : [patterns];
2014-08-12 17:27:26 +08:00
for (var j = 0; j < patterns.length; ++j) {
var pattern = patterns[j],
inside = pattern.inside,
lookbehind = !!pattern.lookbehind,
lookbehindLength = 0,
alias = pattern.alias;
2014-08-12 17:27:26 +08:00
pattern = pattern.pattern || pattern;
2014-08-12 17:27:26 +08:00
for (var i=0; i<strarr.length; i++) { // Dont cache length as it changes during the loop
2014-08-12 17:27:26 +08:00
var str = strarr[i];
2014-08-12 17:27:26 +08:00
if (strarr.length > text.length) {
// Something went terribly wrong, ABORT, ABORT!
break tokenloop;
}
2014-08-12 17:27:26 +08:00
if (str instanceof Token) {
continue;
}
2014-08-12 17:27:26 +08:00
pattern.lastIndex = 0;
2014-08-12 17:27:26 +08:00
var match = pattern.exec(str);
if (match) {
if(lookbehind) {
lookbehindLength = match[1].length;
}
2014-08-12 17:27:26 +08:00
var from = match.index - 1 + lookbehindLength,
match = match[0].slice(lookbehindLength),
len = match.length,
to = from + len,
before = str.slice(0, from + 1),
after = str.slice(to + 1);
2014-08-12 17:27:26 +08:00
var args = [i, 1];
2014-08-12 17:27:26 +08:00
if (before) {
args.push(before);
}
var wrapped = new Token(token, inside? _.tokenize(match, inside) : match, alias);
2014-08-12 17:27:26 +08:00
args.push(wrapped);
2014-08-12 17:27:26 +08:00
if (after) {
args.push(after);
}
2014-08-12 17:27:26 +08:00
Array.prototype.splice.apply(strarr, args);
}
2012-07-11 03:48:14 +08:00
}
}
}
return strarr;
2012-07-11 03:48:14 +08:00
},
hooks: {
all: {},
add: function (name, callback) {
var hooks = _.hooks.all;
hooks[name] = hooks[name] || [];
hooks[name].push(callback);
},
run: function (name, env) {
var callbacks = _.hooks.all[name];
if (!callbacks || !callbacks.length) {
return;
}
for (var i=0, callback; callback = callbacks[i++];) {
callback(env);
}
}
2012-07-11 03:48:14 +08:00
}
};
var Token = _.Token = function(type, content, alias) {
this.type = type;
this.content = content;
this.alias = alias;
};
2013-05-11 09:37:44 +08:00
Token.stringify = function(o, language, parent) {
if (typeof o == 'string') {
return o;
}
2013-05-11 09:37:44 +08:00
2015-02-19 04:52:53 +08:00
if (_.util.type(o) === 'Array') {
2013-05-10 02:01:17 +08:00
return o.map(function(element) {
2013-05-11 09:37:44 +08:00
return Token.stringify(element, language, o);
2013-05-10 02:01:17 +08:00
}).join('');
}
var env = {
type: o.type,
2013-05-11 09:37:44 +08:00
content: Token.stringify(o.content, language, parent),
tag: 'span',
classes: ['token', o.type],
2013-05-10 02:01:17 +08:00
attributes: {},
2013-05-11 09:37:44 +08:00
language: language,
parent: parent
};
if (env.type == 'comment') {
env.attributes['spellcheck'] = 'true';
}
if (o.alias) {
var aliases = _.util.type(o.alias) === 'Array' ? o.alias : [o.alias];
Array.prototype.push.apply(env.classes, aliases);
}
_.hooks.run('wrap', env);
var attributes = '';
for (var name in env.attributes) {
attributes += (attributes ? ' ' : '') + name + '="' + (env.attributes[name] || '') + '"';
}
return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributes + '>' + env.content + '</' + env.tag + '>';
};
if (!_self.document) {
if (!_self.addEventListener) {
2013-11-13 06:33:44 +08:00
// in Node.js
return _self.Prism;
2013-11-13 06:33:44 +08:00
}
// In worker
_self.addEventListener('message', function(evt) {
var message = JSON.parse(evt.data),
2012-08-01 08:02:46 +08:00
lang = message.language,
code = message.code,
2015-09-24 15:16:57 +08:00
immediateClose = message.immediateClose;
_self.postMessage(_.highlight(code, _.languages[lang], lang));
if (immediateClose) {
_self.close();
}
2012-07-11 03:48:14 +08:00
}, false);
return _self.Prism;
}
//Get current script and highlight
var script = document.currentScript || [].slice.call(document.getElementsByTagName("script")).pop();
if (script) {
_.filename = script.src;
2012-07-27 09:41:49 +08:00
if (document.addEventListener && !script.hasAttribute('data-manual')) {
2014-05-23 05:36:51 +08:00
document.addEventListener('DOMContentLoaded', _.highlightAll);
2012-07-12 03:01:44 +08:00
}
2012-07-11 03:48:14 +08:00
}
return _self.Prism;
2013-11-13 06:33:44 +08:00
2012-07-11 03:48:14 +08:00
})();
2013-11-13 06:33:44 +08:00
if (typeof module !== 'undefined' && module.exports) {
module.exports = Prism;
}
2015-09-04 00:43:33 +08:00
// hack for components to work correctly in node.js
if (typeof global !== 'undefined') {
global.Prism = Prism;
}
/* **********************************************
Begin prism-markup.js
********************************************** */
2012-07-11 03:48:14 +08:00
Prism.languages.markup = {
'comment': /<!--[\w\W]*?-->/,
'prolog': /<\?[\w\W]+?\?>/,
'doctype': /<!DOCTYPE[\w\W]+?>/,
'cdata': /<!\[CDATA\[[\w\W]*?]]>/i,
2012-07-11 03:48:14 +08:00
'tag': {
2015-10-14 03:08:49 +08:00
pattern: /<\/?(?!\d)[^\s>\/=.$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,
2012-07-11 03:48:14 +08:00
inside: {
'tag': {
pattern: /^<\/?[^\s>\/]+/i,
inside: {
'punctuation': /^<\/?/,
'namespace': /^[^\s>\/:]+:/
}
},
2012-07-11 03:48:14 +08:00
'attr-value': {
pattern: /=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,
2012-07-11 03:48:14 +08:00
inside: {
'punctuation': /[=>"']/
2012-07-11 03:48:14 +08:00
}
},
'punctuation': /\/?>/,
'attr-name': {
pattern: /[^\s>\/]+/,
inside: {
'namespace': /^[^\s>\/:]+:/
}
}
2012-07-11 03:48:14 +08:00
}
},
'entity': /&#?[\da-z]{1,8};/i
2012-07-11 03:48:14 +08:00
};
// Plugin to make entity title show the real entity, idea by Roman Komarov
Prism.hooks.add('wrap', function(env) {
if (env.type === 'entity') {
env.attributes['title'] = env.content.replace(/&amp;/, '&');
}
});
2015-09-04 05:39:16 +08:00
Prism.languages.xml = Prism.languages.markup;
Prism.languages.html = Prism.languages.markup;
Prism.languages.mathml = Prism.languages.markup;
Prism.languages.svg = Prism.languages.markup;
2014-02-28 02:25:09 +08:00
/* **********************************************
Begin prism-css.js
********************************************** */
Prism.languages.css = {
'comment': /\/\*[\w\W]*?\*\//,
'atrule': {
pattern: /@[\w-]+?.*?(;|(?=\s*\{))/i,
inside: {
2015-07-09 01:32:10 +08:00
'rule': /@[\w-]+/
// See rest below
}
},
2015-07-09 02:23:32 +08:00
'url': /url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,
'selector': /[^\{\}\s][^\{\};]*?(?=\s*\{)/,
2015-07-09 02:23:32 +08:00
'string': /("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,
'property': /(\b|\B)[\w-]+(?=\s*:)/i,
'important': /\B!important\b/i,
'function': /[-a-z0-9]+(?=\()/i,
'punctuation': /[(){};:]/
};
2015-07-09 01:32:10 +08:00
Prism.languages.css['atrule'].inside.rest = Prism.util.clone(Prism.languages.css);
if (Prism.languages.markup) {
Prism.languages.insertBefore('markup', 'tag', {
'style': {
pattern: /(<style[\w\W]*?>)[\w\W]*?(?=<\/style>)/i,
lookbehind: true,
inside: Prism.languages.css,
alias: 'language-css'
}
});
Prism.languages.insertBefore('inside', 'attr-value', {
'style-attr': {
pattern: /\s*style=("|').*?\1/i,
inside: {
'attr-name': {
pattern: /^\s*style/i,
inside: Prism.languages.markup.tag.inside
},
'punctuation': /^\s*=\s*['"]|['"]\s*$/,
'attr-value': {
pattern: /.+/i,
inside: Prism.languages.css
}
},
alias: 'language-css'
}
}, Prism.languages.markup.tag);
2012-07-11 03:48:14 +08:00
}
/* **********************************************
Begin prism-clike.js
********************************************** */
Prism.languages.clike = {
2014-08-12 18:11:31 +08:00
'comment': [
{
pattern: /(^|[^\\])\/\*[\w\W]*?\*\//,
2014-08-12 18:11:31 +08:00
lookbehind: true
},
{
pattern: /(^|[^\\:])\/\/.*/,
2014-08-12 18:11:31 +08:00
lookbehind: true
}
],
2015-09-17 04:38:15 +08:00
'string': /(["'])(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
'class-name': {
pattern: /((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,
2013-05-18 07:57:08 +08:00
lookbehind: true,
inside: {
punctuation: /(\.|\\)/
}
},
'keyword': /\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
'boolean': /\b(true|false)\b/,
'function': /[a-z0-9_]+(?=\()/i,
'number': /\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)\b/i,
'operator': /--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,
'punctuation': /[{}[\];(),.:]/
};
2014-02-28 02:25:09 +08:00
/* **********************************************
Begin prism-javascript.js
********************************************** */
Prism.languages.javascript = Prism.languages.extend('clike', {
'keyword': /\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,
'number': /\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,
// Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
'function': /[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\()/i
});
Prism.languages.insertBefore('javascript', 'keyword', {
'regex': {
pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,
lookbehind: true
}
});
Prism.languages.insertBefore('javascript', 'class-name', {
2015-06-15 00:26:16 +08:00
'template-string': {
pattern: /`(?:\\`|\\?[^`])*`/,
inside: {
'interpolation': {
pattern: /\$\{[^}]+\}/,
inside: {
'interpolation-punctuation': {
pattern: /^\$\{|\}$/,
alias: 'punctuation'
},
rest: Prism.languages.javascript
}
},
'string': /[\s\S]+/
}
}
});
if (Prism.languages.markup) {
Prism.languages.insertBefore('markup', 'tag', {
'script': {
pattern: /(<script[\w\W]*?>)[\w\W]*?(?=<\/script>)/i,
lookbehind: true,
inside: Prism.languages.javascript,
alias: 'language-javascript'
}
});
2013-05-19 08:20:58 +08:00
}
2015-09-04 05:39:16 +08:00
Prism.languages.js = Prism.languages.javascript;
2014-02-28 02:25:09 +08:00
2013-05-19 08:20:58 +08:00
/* **********************************************
Begin prism-file-highlight.js
********************************************** */
2015-03-21 06:48:56 +08:00
(function () {
2015-09-04 00:43:33 +08:00
if (typeof self === 'undefined' || !self.Prism || !self.document || !document.querySelector) {
2015-03-21 06:48:56 +08:00
return;
}
2013-05-19 08:20:58 +08:00
2015-03-21 06:48:56 +08:00
self.Prism.fileHighlight = function() {
var Extensions = {
'js': 'javascript',
'html': 'markup',
'svg': 'markup',
'xml': 'markup',
'py': 'python',
'rb': 'ruby',
'ps1': 'powershell',
'psm1': 'powershell'
};
2013-05-19 08:20:58 +08:00
if(Array.prototype.forEach) { // Check to prevent error in IE8
Array.prototype.slice.call(document.querySelectorAll('pre[data-src]')).forEach(function (pre) {
var src = pre.getAttribute('data-src');
var language, parent = pre;
var lang = /\blang(?:uage)?-(?!\*)(\w+)\b/i;
while (parent && !lang.test(parent.className)) {
parent = parent.parentNode;
}
if (parent) {
language = (pre.className.match(lang) || [, ''])[1];
}
if (!language) {
var extension = (src.match(/\.(\w+)$/) || [, ''])[1];
language = Extensions[extension] || extension;
}
2013-05-19 08:20:58 +08:00
var code = document.createElement('code');
code.className = 'language-' + language;
2015-03-21 06:48:56 +08:00
pre.textContent = '';
2015-03-21 06:48:56 +08:00
code.textContent = 'Loading…';
2015-03-21 06:48:56 +08:00
pre.appendChild(code);
2015-03-21 06:48:56 +08:00
var xhr = new XMLHttpRequest();
2015-03-21 06:48:56 +08:00
xhr.open('GET', src, true);
2015-03-21 06:48:56 +08:00
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
2015-03-21 06:48:56 +08:00
if (xhr.status < 400 && xhr.responseText) {
code.textContent = xhr.responseText;
2015-03-21 06:48:56 +08:00
Prism.highlightElement(code);
}
else if (xhr.status >= 400) {
code.textContent = '✖ Error ' + xhr.status + ' while fetching file: ' + xhr.statusText;
}
else {
code.textContent = '✖ Error: File does not exist or is empty';
}
2015-03-21 06:48:56 +08:00
}
};
2015-03-21 06:48:56 +08:00
xhr.send(null);
});
}
2013-05-19 08:20:58 +08:00
};
2015-03-21 06:48:56 +08:00
document.addEventListener('DOMContentLoaded', self.Prism.fileHighlight);
2013-05-19 08:20:58 +08:00
})();