prism.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563
  1. /**
  2. * Prism: Lightweight, robust, elegant syntax highlighting
  3. * MIT license http://www.opensource.org/licenses/mit-license.php/
  4. * @author Lea Verou http://lea.verou.me
  5. */
  6. (function(){
  7. // Private helper vars
  8. var lang = /\blang(?:uage)?-(?!\*)(\w+)\b/i;
  9. var _ = self.Prism = {
  10. util: {
  11. type: function (o) {
  12. return Object.prototype.toString.call(o).match(/\[object (\w+)\]/)[1];
  13. },
  14. // Deep clone a language definition (e.g. to extend it)
  15. clone: function (o) {
  16. var type = _.util.type(o);
  17. switch (type) {
  18. case 'Object':
  19. var clone = {};
  20. for (var key in o) {
  21. if (o.hasOwnProperty(key)) {
  22. clone[key] = _.util.clone(o[key]);
  23. }
  24. }
  25. return clone;
  26. case 'Array':
  27. return o.slice();
  28. }
  29. return o;
  30. }
  31. },
  32. languages: {
  33. extend: function (id, redef) {
  34. var lang = _.util.clone(_.languages[id]);
  35. for (var key in redef) {
  36. lang[key] = redef[key];
  37. }
  38. return lang;
  39. },
  40. // Insert a token before another token in a language literal
  41. insertBefore: function (inside, before, insert, root) {
  42. root = root || _.languages;
  43. var grammar = root[inside];
  44. var ret = {};
  45. for (var token in grammar) {
  46. if (grammar.hasOwnProperty(token)) {
  47. if (token == before) {
  48. for (var newToken in insert) {
  49. if (insert.hasOwnProperty(newToken)) {
  50. ret[newToken] = insert[newToken];
  51. }
  52. }
  53. }
  54. ret[token] = grammar[token];
  55. }
  56. }
  57. return root[inside] = ret;
  58. },
  59. // Traverse a language definition with Depth First Search
  60. DFS: function(o, callback) {
  61. for (var i in o) {
  62. callback.call(o, i, o[i]);
  63. if (_.util.type(o) === 'Object') {
  64. _.languages.DFS(o[i], callback);
  65. }
  66. }
  67. }
  68. },
  69. highlightAll: function(async, callback) {
  70. var elements = document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');
  71. for (var i=0, element; element = elements[i++];) {
  72. _.highlightElement(element, async === true, callback);
  73. }
  74. },
  75. highlightElement: function(element, async, callback) {
  76. // Find language
  77. var language, grammar, parent = element;
  78. while (parent && !lang.test(parent.className)) {
  79. parent = parent.parentNode;
  80. }
  81. if (parent) {
  82. language = (parent.className.match(lang) || [,''])[1];
  83. grammar = _.languages[language];
  84. }
  85. if (!grammar) {
  86. return;
  87. }
  88. // Set language on the element, if not present
  89. element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
  90. // Set language on the parent, for styling
  91. parent = element.parentNode;
  92. if (/pre/i.test(parent.nodeName)) {
  93. parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
  94. }
  95. var code = element.textContent;
  96. if(!code) {
  97. return;
  98. }
  99. code = code.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
  100. var env = {
  101. element: element,
  102. language: language,
  103. grammar: grammar,
  104. code: code
  105. };
  106. _.hooks.run('before-highlight', env);
  107. // if (async && self.Worker) {
  108. // var worker = new Worker(_.filename);
  109. // worker.onmessage = function(evt) {
  110. // env.highlightedCode = Token.stringify(JSON.parse(evt.data), language);
  111. // _.hooks.run('before-insert', env);
  112. // env.element.innerHTML = env.highlightedCode;
  113. // callback && callback.call(env.element);
  114. // _.hooks.run('after-highlight', env);
  115. // };
  116. // worker.postMessage(JSON.stringify({
  117. // language: env.language,
  118. // code: env.code
  119. // }));
  120. // }
  121. // else {
  122. env.highlightedCode = _.highlight(env.code, env.grammar, env.language)
  123. _.hooks.run('before-insert', env);
  124. env.element.innerHTML = env.highlightedCode;
  125. callback && callback.call(element);
  126. _.hooks.run('after-highlight', env);
  127. // }
  128. },
  129. highlight: function (text, grammar, language) {
  130. return Token.stringify(_.tokenize(text, grammar), language);
  131. },
  132. tokenize: function(text, grammar, language) {
  133. var Token = _.Token;
  134. var strarr = [text];
  135. var rest = grammar.rest;
  136. if (rest) {
  137. for (var token in rest) {
  138. grammar[token] = rest[token];
  139. }
  140. delete grammar.rest;
  141. }
  142. tokenloop: for (var token in grammar) {
  143. if(!grammar.hasOwnProperty(token) || !grammar[token]) {
  144. continue;
  145. }
  146. var pattern = grammar[token],
  147. inside = pattern.inside,
  148. lookbehind = !!pattern.lookbehind,
  149. lookbehindLength = 0;
  150. pattern = pattern.pattern || pattern;
  151. for (var i=0; i<strarr.length; i++) { // Don’t cache length as it changes during the loop
  152. var str = strarr[i];
  153. if (strarr.length > text.length) {
  154. // Something went terribly wrong, ABORT, ABORT!
  155. break tokenloop;
  156. }
  157. if (str instanceof Token) {
  158. continue;
  159. }
  160. pattern.lastIndex = 0;
  161. var match = pattern.exec(str);
  162. if (match) {
  163. if(lookbehind) {
  164. lookbehindLength = match[1].length;
  165. }
  166. var from = match.index - 1 + lookbehindLength,
  167. match = match[0].slice(lookbehindLength),
  168. len = match.length,
  169. to = from + len,
  170. before = str.slice(0, from + 1),
  171. after = str.slice(to + 1);
  172. var args = [i, 1];
  173. if (before) {
  174. args.push(before);
  175. }
  176. var wrapped = new Token(token, inside? _.tokenize(match, inside) : match);
  177. args.push(wrapped);
  178. if (after) {
  179. args.push(after);
  180. }
  181. Array.prototype.splice.apply(strarr, args);
  182. }
  183. }
  184. }
  185. return strarr;
  186. },
  187. hooks: {
  188. all: {},
  189. add: function (name, callback) {
  190. var hooks = _.hooks.all;
  191. hooks[name] = hooks[name] || [];
  192. hooks[name].push(callback);
  193. },
  194. run: function (name, env) {
  195. var callbacks = _.hooks.all[name];
  196. if (!callbacks || !callbacks.length) {
  197. return;
  198. }
  199. for (var i=0, callback; callback = callbacks[i++];) {
  200. callback(env);
  201. }
  202. }
  203. }
  204. };
  205. var Token = _.Token = function(type, content) {
  206. this.type = type;
  207. this.content = content;
  208. };
  209. Token.stringify = function(o, language, parent) {
  210. if (typeof o == 'string') {
  211. return o;
  212. }
  213. if (Object.prototype.toString.call(o) == '[object Array]') {
  214. return o.map(function(element) {
  215. return Token.stringify(element, language, o);
  216. }).join('');
  217. }
  218. var env = {
  219. type: o.type,
  220. content: Token.stringify(o.content, language, parent),
  221. tag: 'span',
  222. classes: ['token', o.type],
  223. attributes: {},
  224. language: language,
  225. parent: parent
  226. };
  227. if (env.type == 'comment') {
  228. env.attributes['spellcheck'] = 'true';
  229. }
  230. _.hooks.run('wrap', env);
  231. var attributes = '';
  232. for (var name in env.attributes) {
  233. attributes += name + '="' + (env.attributes[name] || '') + '"';
  234. }
  235. return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributes + '>' + env.content + '</' + env.tag + '>';
  236. };
  237. // if (!self.document) {
  238. // // In worker
  239. // self.addEventListener('message', function(evt) {
  240. // var message = JSON.parse(evt.data),
  241. // lang = message.language,
  242. // code = message.code;
  243. // self.postMessage(JSON.stringify(_.tokenize(code, _.languages[lang])));
  244. // self.close();
  245. // }, false);
  246. // return;
  247. // }
  248. // // Get current script and highlight
  249. // var script = document.getElementsByTagName('script');
  250. // script = script[script.length - 1];
  251. // if (script) {
  252. // _.filename = script.src;
  253. // if (document.addEventListener && !script.hasAttribute('data-manual')) {
  254. // document.addEventListener('DOMContentLoaded', _.highlightAll);
  255. // }
  256. // }
  257. })();;
  258. Prism.languages.markup = {
  259. 'comment': /&lt;!--[\w\W]*?-->/g,
  260. 'prolog': /&lt;\?.+?\?>/,
  261. 'doctype': /&lt;!DOCTYPE.+?>/,
  262. 'cdata': /&lt;!\[CDATA\[[\w\W]*?]]>/i,
  263. 'tag': {
  264. pattern: /&lt;\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|[^\s'">=]+))?\s*)*\/?>/gi,
  265. inside: {
  266. 'tag': {
  267. pattern: /^&lt;\/?[\w:-]+/i,
  268. inside: {
  269. 'punctuation': /^&lt;\/?/,
  270. 'namespace': /^[\w-]+?:/
  271. }
  272. },
  273. 'attr-value': {
  274. pattern: /=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,
  275. inside: {
  276. 'punctuation': /=|>|"/g
  277. }
  278. },
  279. 'punctuation': /\/?>/g,
  280. 'attr-name': {
  281. pattern: /[\w:-]+/g,
  282. inside: {
  283. 'namespace': /^[\w-]+?:/
  284. }
  285. }
  286. }
  287. },
  288. 'entity': /&amp;#?[\da-z]{1,8};/gi
  289. };
  290. // Plugin to make entity title show the real entity, idea by Roman Komarov
  291. Prism.hooks.add('wrap', function(env) {
  292. if (env.type === 'entity') {
  293. env.attributes['title'] = env.content.replace(/&amp;/, '&');
  294. }
  295. });
  296. ;
  297. Prism.languages.css = {
  298. 'comment': /\/\*[\w\W]*?\*\//g,
  299. 'atrule': {
  300. pattern: /@[\w-]+?.*?(;|(?=\s*{))/gi,
  301. inside: {
  302. 'punctuation': /[;:]/g
  303. }
  304. },
  305. 'url': /url\((["']?).*?\1\)/gi,
  306. 'selector': /[^\{\}\s][^\{\};]*(?=\s*\{)/g,
  307. 'property': /(\b|\B)[\w-]+(?=\s*:)/ig,
  308. 'string': /("|')(\\?.)*?\1/g,
  309. 'important': /\B!important\b/gi,
  310. 'ignore': /&(lt|gt|amp);/gi,
  311. 'punctuation': /[\{\};:]/g
  312. };
  313. if (Prism.languages.markup) {
  314. Prism.languages.insertBefore('markup', 'tag', {
  315. 'style': {
  316. pattern: /(&lt;|<)style[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/style(>|&gt;)/ig,
  317. inside: {
  318. 'tag': {
  319. pattern: /(&lt;|<)style[\w\W]*?(>|&gt;)|(&lt;|<)\/style(>|&gt;)/ig,
  320. inside: Prism.languages.markup.tag.inside
  321. },
  322. rest: Prism.languages.css
  323. }
  324. }
  325. });
  326. };
  327. Prism.languages.clike = {
  328. 'comment': {
  329. pattern: /(^|[^\\])(\/\*[\w\W]*?\*\/|(^|[^:])\/\/.*?(\r?\n|$))/g,
  330. lookbehind: true
  331. },
  332. 'string': /("|')(\\?.)*?\1/g,
  333. 'class-name': {
  334. pattern: /((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/ig,
  335. lookbehind: true,
  336. inside: {
  337. punctuation: /(\.|\\)/
  338. }
  339. },
  340. 'keyword': /\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/g,
  341. 'boolean': /\b(true|false)\b/g,
  342. 'function': {
  343. pattern: /[a-z0-9_]+\(/ig,
  344. inside: {
  345. punctuation: /\(/
  346. }
  347. },
  348. 'number': /\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/g,
  349. 'operator': /[-+]{1,2}|!|&lt;=?|>=?|={1,3}|(&amp;){1,2}|\|?\||\?|\*|\/|\~|\^|\%/g,
  350. 'ignore': /&(lt|gt|amp);/gi,
  351. 'punctuation': /[{}[\];(),.:]/g
  352. };
  353. ;
  354. Prism.languages.javascript = Prism.languages.extend('clike', {
  355. 'keyword': /\b(var|let|if|else|while|do|for|return|in|instanceof|function|get|set|new|with|typeof|try|throw|catch|finally|null|break|continue|this)\b/g,
  356. 'number': /\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?|NaN|-?Infinity)\b/g
  357. });
  358. Prism.languages.insertBefore('javascript', 'keyword', {
  359. 'regex': {
  360. pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,
  361. lookbehind: true
  362. }
  363. });
  364. if (Prism.languages.markup) {
  365. Prism.languages.insertBefore('markup', 'tag', {
  366. 'script': {
  367. pattern: /(&lt;|<)script[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/script(>|&gt;)/ig,
  368. inside: {
  369. 'tag': {
  370. pattern: /(&lt;|<)script[\w\W]*?(>|&gt;)|(&lt;|<)\/script(>|&gt;)/ig,
  371. inside: Prism.languages.markup.tag.inside
  372. },
  373. rest: Prism.languages.javascript
  374. }
  375. }
  376. });
  377. }
  378. ;
  379. Prism.languages.coffeescript = Prism.languages.extend('javascript', {
  380. 'block-comment': /([#]{3}\s*\r?\n(.*\s*\r*\n*)\s*?\r?\n[#]{3})/g,
  381. 'comment': /(\s|^)([#]{1}[^#^\r^\n]{2,}?(\r?\n|$))/g,
  382. 'keyword': /\b(this|window|delete|class|extends|namespace|extend|ar|let|if|else|while|do|for|each|of|return|in|instanceof|new|with|typeof|try|catch|finally|null|undefined|break|continue)\b/g
  383. });
  384. Prism.languages.insertBefore('coffeescript', 'keyword', {
  385. 'function': {
  386. pattern: /[a-z|A-z]+\s*[:|=]\s*(\([.|a-z\s|,|:|{|}|\"|\'|=]*\))?\s*-&gt;/gi,
  387. inside: {
  388. 'function-name': /[_?a-z-|A-Z-]+(\s*[:|=])| @[_?$?a-z-|A-Z-]+(\s*)| /g,
  389. 'operator': /[-+]{1,2}|!|=?&lt;|=?&gt;|={1,2}|(&amp;){1,2}|\|?\||\?|\*|\//g
  390. }
  391. },
  392. 'attr-name': /[_?a-z-|A-Z-]+(\s*:)| @[_?$?a-z-|A-Z-]+(\s*)| /g
  393. });
  394. ;
  395. Prism.languages.c = Prism.languages.extend('clike', {
  396. 'keyword': /\b(asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/g,
  397. 'operator': /[-+]{1,2}|!=?|&lt;{1,2}=?|&gt;{1,2}=?|\-&gt;|={1,2}|\^|~|%|(&amp;){1,2}|\|?\||\?|\*|\//g
  398. });
  399. Prism.languages.insertBefore('c', 'keyword', {
  400. //property class reused for macro statements
  401. 'property': {
  402. pattern:/#[a-zA-Z]+\ .*/g,
  403. inside: {
  404. property: /&lt;[a-zA-Z.]+>/g
  405. }
  406. }
  407. });
  408. ;
  409. Prism.languages.cpp = Prism.languages.extend('c', {
  410. 'keyword': /\b(alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|class|compl|const|constexpr|const_cast|continue|decltype|default|delete|delete\[\]|do|double|dynamic_cast|else|enum|explicit|export|extern|float|for|friend|goto|if|inline|int|long|mutable|namespace|new|new\[\]|noexcept|nullptr|operator|private|protected|public|register|reinterpret_cast|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/g,
  411. 'operator': /[-+]{1,2}|!=?|&lt;{1,2}=?|&gt;{1,2}=?|\-&gt;|:{1,2}|={1,2}|\^|~|%|(&amp;){1,2}|\|?\||\?|\*|\/|\b(and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/g
  412. });
  413. ;
  414. Prism.languages.python= {
  415. 'comment': {
  416. pattern: /(^|[^\\])#.*?(\r?\n|$)/g,
  417. lookbehind: true
  418. },
  419. 'string' : /("|')(\\?.)*?\1/g,
  420. 'keyword' : /\b(as|assert|break|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|pass|print|raise|return|try|while|with|yield)\b/g,
  421. 'boolean' : /\b(True|False)\b/g,
  422. 'number' : /\b-?(0x)?\d*\.?[\da-f]+\b/g,
  423. 'operator' : /[-+]{1,2}|=?&lt;|=?&gt;|!|={1,2}|(&){1,2}|(&amp;){1,2}|\|?\||\?|\*|\/|~|\^|%|\b(or|and|not)\b/g,
  424. 'ignore' : /&(lt|gt|amp);/gi,
  425. 'punctuation' : /[{}[\];(),.:]/g
  426. };
  427. ;
  428. /**
  429. * Original by Samuel Flores
  430. *
  431. * Adds the following new token classes:
  432. * constant, builtin, variable, symbol, regex
  433. */
  434. Prism.languages.ruby = Prism.languages.extend('clike', {
  435. 'comment': /#[^\r\n]*(\r?\n|$)/g,
  436. 'keyword': /\b(alias|and|BEGIN|begin|break|case|class|def|define_method|defined|do|each|else|elsif|END|end|ensure|false|for|if|in|module|new|next|nil|not|or|raise|redo|require|rescue|retry|return|self|super|then|throw|true|undef|unless|until|when|while|yield)\b/g,
  437. 'builtin': /\b(Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Stat|File|Fixnum|Fload|Hash|Integer|IO|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|String|Struct|TMS|Symbol|ThreadGroup|Thread|Time|TrueClass)\b/,
  438. 'constant': /\b[A-Z][a-zA-Z_0-9]*[?!]?\b/g
  439. });
  440. Prism.languages.insertBefore('ruby', 'keyword', {
  441. 'regex': {
  442. pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,
  443. lookbehind: true
  444. },
  445. 'variable': /[@$]+\b[a-zA-Z_][a-zA-Z_0-9]*[?!]?\b/g,
  446. 'symbol': /:\b[a-zA-Z_][a-zA-Z_0-9]*[?!]?\b/g
  447. });
  448. ;
  449. Prism.languages.go = Prism.languages.extend('clike', {
  450. 'keyword': /\b(break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/g,
  451. 'builtin': /\b(bool|byte|complex(64|128)|error|float(32|64)|rune|string|u?int(8|16|32|64|)|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(ln)?|real|recover)\b/g,
  452. 'boolean': /\b(_|iota|nil|true|false)\b/g,
  453. 'operator': /([(){}\[\]]|[*\/%^!]=?|\+[=+]?|-[>=-]?|\|[=|]?|>[=>]?|&lt;(&lt;|[=-])?|==?|&amp;(&amp;|=|^=?)?|\.(\.\.)?|[,;]|:=?)/g,
  454. 'number': /\b(-?(0x[a-f\d]+|(\d+\.?\d*|\.\d+)(e[-+]?\d+)?)i?)\b/ig,
  455. 'string': /("|'|`)(\\?.|\r|\n)*?\1/g
  456. });
  457. delete Prism.languages.go['class-name'];
  458. ;