(function (Prism) { // TODO: // - Add CSS highlighting inside <style> tags // - Add support for multi-line code blocks // - Add support for interpolation #{} and !{} // - Add support for tag interpolation #[] // - Add explicit support for plain text using | // - Add support for markup embedded in plain text Prism.languages.pug = { // Multiline stuff should appear before the rest // This handles both single-line and multi-line comments 'comment': { pattern: /(^([\t ]*))\/\/.*(?:(?:\r?\n|\r)\2[\t ].+)*/m, lookbehind: true }, // All the tag-related part is in lookbehind // so that it can be highlighted by the "tag" pattern 'multiline-script': { pattern: /(^([\t ]*)script\b.*\.[\t ]*)(?:(?:\r?\n|\r(?!\n))(?:\2[\t ].+|\s*?(?=\r?\n|\r)))+/m, lookbehind: true, inside: Prism.languages.javascript }, // See at the end of the file for known filters 'filter': { pattern: /(^([\t ]*)):.+(?:(?:\r?\n|\r(?!\n))(?:\2[\t ].+|\s*?(?=\r?\n|\r)))+/m, lookbehind: true, inside: { 'filter-name': { pattern: /^:[\w-]+/, alias: 'variable' }, 'text': /\S[\s\S]*/, } }, 'multiline-plain-text': { pattern: /(^([\t ]*)[\w\-#.]+\.[\t ]*)(?:(?:\r?\n|\r(?!\n))(?:\2[\t ].+|\s*?(?=\r?\n|\r)))+/m, lookbehind: true }, 'markup': { pattern: /(^[\t ]*)<.+/m, lookbehind: true, inside: Prism.languages.markup }, 'doctype': { pattern: /((?:^|\n)[\t ]*)doctype(?: .+)?/, lookbehind: true }, // This handle all conditional and loop keywords 'flow-control': { pattern: /(^[\t ]*)(?:case|default|each|else|if|unless|when|while)\b(?: .+)?/m, lookbehind: true, inside: { 'each': { pattern: /^each .+? in\b/, inside: { 'keyword': /\b(?:each|in)\b/, 'punctuation': /,/ } }, 'branch': { pattern: /^(?:case|default|else|if|unless|when|while)\b/, alias: 'keyword' }, rest: Prism.languages.javascript } }, 'keyword': { pattern: /(^[\t ]*)(?:append|block|extends|include|prepend)\b.+/m, lookbehind: true }, 'mixin': [ // Declaration { pattern: /(^[\t ]*)mixin .+/m, lookbehind: true, inside: { 'keyword': /^mixin/, 'function': /\w+(?=\s*\(|\s*$)/, 'punctuation': /[(),.]/ } }, // Usage { pattern: /(^[\t ]*)\+.+/m, lookbehind: true, inside: { 'name': { pattern: /^\+\w+/, alias: 'function' }, rest: Prism.languages.javascript } } ], 'script': { pattern: /(^[\t ]*script(?:(?:&[^(]+)?\([^)]+\))*[\t ]).+/m, lookbehind: true, inside: Prism.languages.javascript }, 'plain-text': { pattern: /(^[\t ]*(?!-)[\w\-#.]*[\w\-](?:(?:&[^(]+)?\([^)]+\))*\/?[\t ]).+/m, lookbehind: true }, 'tag': { pattern: /(^[\t ]*)(?!-)[\w\-#.]*[\w\-](?:(?:&[^(]+)?\([^)]+\))*\/?:?/m, lookbehind: true, inside: { 'attributes': [ { pattern: /&[^(]+\([^)]+\)/, inside: Prism.languages.javascript }, { pattern: /\([^)]+\)/, inside: { 'attr-value': { pattern: /(=\s*(?!\s))(?:\{[^}]*\}|[^,)\r\n]+)/, lookbehind: true, inside: Prism.languages.javascript }, 'attr-name': /[\w-]+(?=\s*!?=|\s*[,)])/, 'punctuation': /[!=(),]+/ } } ], 'punctuation': /:/, 'attr-id': /#[\w\-]+/, 'attr-class': /\.[\w\-]+/ } }, 'code': [ { pattern: /(^[\t ]*(?:-|!?=)).+/m, lookbehind: true, inside: Prism.languages.javascript } ], 'punctuation': /[.\-!=|]+/ }; var filter_pattern = /(^([\t ]*)):<filter_name>(?:(?:\r?\n|\r(?!\n))(?:\2[\t ].+|\s*?(?=\r?\n|\r)))+/.source; // Non exhaustive list of available filters and associated languages var filters = [ { filter: 'atpl', language: 'twig' }, { filter: 'coffee', language: 'coffeescript' }, 'ejs', 'handlebars', 'less', 'livescript', 'markdown', { filter: 'sass', language: 'scss' }, 'stylus' ]; var all_filters = {}; for (var i = 0, l = filters.length; i < l; i++) { var filter = filters[i]; filter = typeof filter === 'string' ? { filter: filter, language: filter } : filter; if (Prism.languages[filter.language]) { all_filters['filter-' + filter.filter] = { pattern: RegExp(filter_pattern.replace('<filter_name>', function () { return filter.filter; }), 'm'), lookbehind: true, inside: { 'filter-name': { pattern: /^:[\w-]+/, alias: 'variable' }, 'text': { pattern: /\S[\s\S]*/, alias: [filter.language, 'language-' + filter.language], inside: Prism.languages[filter.language] } } }; } } Prism.languages.insertBefore('pug', 'filter', all_filters); }(Prism));