prism/prism.js

420 lines
9.4 KiB
JavaScript
Raw Normal View History

2012-07-19 06:57:08 +08:00
/***********************************************
Begin prism-core.js
***********************************************/
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
*/
(function(){
// Private helper vars
2012-07-27 09:17:55 +08:00
var lang = /\blang(?:uage)?-(?!\*)(\w+)\b/i;
2012-07-11 03:48:14 +08:00
var _ = self.Prism = {
languages: {
insertBefore: function (inside, before, insert, root) {
root = root || _.languages;
var grammar = root[inside];
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];
}
}
return root[inside] = ret;
}
},
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;
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
if (!grammar) {
2012-07-11 03:48:14 +08:00
return;
}
// Set language on the element, if not present
element.className = element.className.replace(lang, '') + ' 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)) {
var parentLanguage = (parent.className.match(lang) || [,''])[1];
parent.className = parent.className.replace(lang, '') + ' language-' + parentLanguage;
2012-07-27 09:17:55 +08:00
}
2012-07-27 09:41:49 +08:00
var code = element.textContent.trim();
2012-07-11 03:48:14 +08:00
if(!code) {
return;
}
code = code.replace(/&/g, '&amp;').replace(/</g, '&lt;')
.replace(/>/g, '&gt;').replace(/\u00a0/g, ' ');
//console.time(code.slice(0,50));
var env = {
element: element,
language: language,
grammar: grammar,
code: code
};
2012-07-16 13:36:05 +08:00
_.hooks.run('before-highlight', env);
2012-07-27 09:17:55 +08:00
if (async && self.Worker) {
2012-07-11 03:48:14 +08:00
var worker = new Worker(_.filename);
worker.onmessage = function(evt) {
env.highlightedCode = Token.stringify(JSON.parse(evt.data));
2012-07-16 13:36:05 +08:00
env.element.innerHTML = env.highlightedCode;
callback && callback.call(env.element);
//console.timeEnd(code.slice(0,50));
2012-07-16 13:36:05 +08:00
_.hooks.run('after-highlight', env);
2012-07-11 03:48:14 +08:00
};
worker.postMessage(JSON.stringify({
language: env.language,
code: env.code
}));
2012-07-11 03:48:14 +08:00
}
else {
env.highlightedCode = _.highlight(env.code, env.grammar)
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);
//console.timeEnd(code.slice(0,50));
2012-07-11 03:48:14 +08:00
}
},
highlight: function (text, grammar) {
return Token.stringify(_.tokenize(text, grammar));
},
tokenize: function(text, grammar) {
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;
}
var pattern = grammar[token],
inside = pattern.inside,
lookbehind = !!pattern.lookbehind || 0;
2012-07-11 03:48:14 +08:00
pattern = pattern.pattern || pattern;
for (var i=0; i<strarr.length; i++) { // Dont cache length as it changes during the loop
2012-07-11 03:48:14 +08:00
var str = strarr[i];
if (strarr.length > text.length) {
// Something went terribly wrong, ABORT, ABORT!
break tokenloop;
}
if (str instanceof Token) {
2012-07-11 03:48:14 +08:00
continue;
}
pattern.lastIndex = 0;
var match = pattern.exec(str);
if (match) {
if(lookbehind) {
lookbehind = match[1].length;
}
var from = match.index - 1 + lookbehind,
match = match[0].slice(lookbehind),
len = match.length,
to = from + len,
before = str.slice(0, from + 1),
after = str.slice(to + 1);
var args = [i, 1];
2012-07-11 03:48:14 +08:00
if (before) {
args.push(before);
2012-07-11 03:48:14 +08:00
}
var wrapped = new Token(token, inside? _.tokenize(match, inside) : match);
args.push(wrapped);
if (after) {
args.push(after);
}
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) {
this.type = type;
this.content = content;
};
Token.stringify = function(o) {
if (typeof o == 'string') {
return o;
}
if (Object.prototype.toString.call(o) == '[object Array]') {
for (var i=0; i<o.length; i++) {
o[i] = Token.stringify(o[i]);
}
return o.join('');
}
var env = {
type: o.type,
content: Token.stringify(o.content),
tag: 'span',
classes: ['token', o.type],
attributes: {}
};
if (env.type == 'comment') {
env.attributes['spellcheck'] = 'true';
}
_.hooks.run('wrap', env);
var attributes = '';
for (var name in env.attributes) {
attributes += name + '="' + (env.attributes[name] || '') + '"';
}
return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributes + '>' + env.content + '</' + env.tag + '>';
};
2012-07-11 03:48:14 +08:00
if (!self.document) {
// In worker
self.addEventListener('message', function(evt) {
var message = JSON.parse(evt.data),
lang = message.language;
code = message.code;
2012-07-11 03:48:14 +08:00
self.postMessage(JSON.stringify(_.tokenize(code, _.languages[lang])));
2012-07-11 03:48:14 +08:00
self.close();
}, false);
return;
}
// Get current script and highlight
var script = document.getElementsByTagName('script');
script = script[script.length - 1];
if (script) {
_.filename = script.src;
2012-07-11 03:48:14 +08:00
2012-07-27 09:41:49 +08:00
if (document.addEventListener && !script.hasAttribute('data-manual')) {
document.addEventListener('DOMContentLoaded', _.highlightAll);
2012-07-12 03:01:44 +08:00
}
2012-07-11 03:48:14 +08:00
}
})();
/***********************************************
Begin prism-css.js
***********************************************/
Prism.languages.css = {
'comment': /\/\*[\w\W]*?\*\//g,
'atrule': /@[\w-]+?(\s+.+)?(?=\s*{|\s*;)/gi,
2012-07-27 19:25:21 +08:00
'url': /url\((["']?).*?\1\)/gi,
'selector': /[^\{\}\s][^\{\}]*(?=\s*\{)/g,
2012-07-11 03:48:14 +08:00
'property': /(\b|\B)[a-z-]+(?=\s*:)/ig,
'string': /("|')(\\?.)*?\1/g,
2012-07-11 03:48:14 +08:00
'important': /\B!important\b/gi,
'ignore': /&(lt|gt|amp);/gi,
'punctuation': /[\{\};:]/g
};
/***********************************************
Begin prism-javascript.js
***********************************************/
Prism.languages.javascript = {
'comment': /\/\*[\w\W]*?\*\//g,
'line-comment': {
pattern: /(^|[^\\])\/\/.*?(\r?\n|$)/g,
lookbehind: true
},
'string': /("|')(\\?.)*?\1/g,
'regex': {
pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}/g,
lookbehind: true
},
2012-07-11 03:48:14 +08:00
'keyword': /\b(var|let|if|else|while|do|for|return|in|instanceof|function|new|with|typeof|try|catch|finally|null|break|continue)\b/g,
'boolean': /\b(true|false)\b/g,
'number': /\b-?(0x)?\d*\.?\d+\b/g,
'operator': /[-+]{1,2}|!|=?&lt;|=?&gt;|={1,2}|(&amp;){1,2}|\|?\||\?|\*|\//g,
2012-07-11 03:48:14 +08:00
'ignore': /&(lt|gt|amp);/gi,
'punctuation': /[{}[\];(),.:]/g
2012-07-11 03:48:14 +08:00
};
/***********************************************
Begin prism-markup.js
2012-07-11 03:48:14 +08:00
***********************************************/
Prism.languages.markup = {
2012-07-11 03:48:14 +08:00
'comment': /&lt;!--[\w\W]*?--(>|&gt;)/g,
'prolog': /&lt;\?.+?\?(>|&gt;)/,
'doctype': /&lt;!DOCTYPE.+?(>|&gt;)/,
2012-07-13 07:31:49 +08:00
'cdata': /&lt;!\[CDATA\[[\w\W]+]]&gt;/i,
2012-07-11 03:48:14 +08:00
'tag': {
2012-07-13 07:31:49 +08:00
pattern: /(&lt;|<)\/?[\w:-]+\s*[\w\W]*?(>|&gt;)/gi,
2012-07-11 03:48:14 +08:00
inside: {
'tag': {
pattern: /^(&lt;|<)\/?[\w:-]+/i,
inside: {
'punctuation': /^(&lt;|<)\/?/,
'namespace': /^[\w-]+?:/
}
},
2012-07-11 03:48:14 +08:00
'attr-value': {
pattern: /=(('|")[\w\W]*?(\2)|[^\s>]+)/gi,
2012-07-11 03:48:14 +08:00
inside: {
'punctuation': /=/g
}
},
'punctuation': /\/?&gt;|\/?>/g,
'attr-name': {
pattern: /[\w:-]+/g,
inside: {
'namespace': /^[\w-]+?:/
}
}
2012-07-11 03:48:14 +08:00
}
},
'entity': /&amp;#?[\da-z]{1,8};/gi
};
if (Prism.languages.javascript) {
Prism.languages.insertBefore('markup', 'cdata', {
'script': {
pattern: /(&lt;|<)script[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/script(>|&gt;)/ig,
inside: {
'tag': {
pattern: /(&lt;|<)script[\w\W]*?(>|&gt;)|(&lt;|<)\/script(>|&gt;)/ig,
inside: Prism.languages.markup.tag.inside
},
rest: Prism.languages.javascript
}
2012-07-11 03:48:14 +08:00
}
});
2012-07-11 03:48:14 +08:00
}
if (Prism.languages.css) {
Prism.languages.insertBefore('markup', 'cdata', {
'style': {
pattern: /(&lt;|<)style[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/style(>|&gt;)/ig,
inside: {
'tag': {
pattern: /(&lt;|<)style[\w\W]*?(>|&gt;)|(&lt;|<)\/style(>|&gt;)/ig,
inside: Prism.languages.markup.tag.inside
},
rest: Prism.languages.css
}
2012-07-11 03:48:14 +08:00
}
});
}
2012-07-24 10:16:50 +08:00
// Plugin to make entity title show the real entity, idea by Roman Komarov
Prism.hooks.add('wrap', function(env) {
2012-07-24 10:16:50 +08:00
if (env.type === 'entity') {
env.attributes['title'] = env.content.replace(/&amp;/, '&');
}
});