1 (function (global, factory) {
2 typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
3 typeof define === 'function' && define.amd ? define(factory) :
4 (global = global || self, global.Mustache = factory());
5 }(this, (function () { 'use strict';
8 * mustache.js - Logic-less {{mustache}} templates with JavaScript
9 * http://github.com/janl/mustache.js
12 var objectToString = Object.prototype.toString;
13 var isArray = Array.isArray || function isArrayPolyfill (object) {
14 return objectToString.call(object) === '[object Array]';
17 function isFunction (object) {
18 return typeof object === 'function';
22 * More correct typeof string handling array
23 * which normally returns typeof 'object'
25 function typeStr (obj) {
26 return isArray(obj) ? 'array' : typeof obj;
29 function escapeRegExp (string) {
30 return string.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&');
34 * Null safe way of checking whether or not an object,
35 * including its prototype, has a given property
37 function hasProperty (obj, propName) {
38 return obj != null && typeof obj === 'object' && (propName in obj);
42 * Safe way of detecting whether or not the given thing is a primitive and
43 * whether it has the given property
45 function primitiveHasOwnProperty (primitive, propName) {
48 && typeof primitive !== 'object'
49 && primitive.hasOwnProperty
50 && primitive.hasOwnProperty(propName)
54 // Workaround for https://issues.apache.org/jira/browse/COUCHDB-577
55 // See https://github.com/janl/mustache.js/issues/189
56 var regExpTest = RegExp.prototype.test;
57 function testRegExp (re, string) {
58 return regExpTest.call(re, string);
61 var nonSpaceRe = /\S/;
62 function isWhitespace (string) {
63 return !testRegExp(nonSpaceRe, string);
77 function escapeHtml (string) {
78 return String(string).replace(/[&<>"'`=\/]/g, function fromEntityMap (s) {
85 var equalsRe = /\s*=/;
86 var curlyRe = /\s*\}/;
87 var tagRe = /#|\^|\/|>|\{|&|=|!/;
90 * Breaks up the given `template` string into a tree of tokens. If the `tags`
91 * argument is given here it must be an array with two string values: the
92 * opening and closing tags used in the template (e.g. [ "<%", "%>" ]). Of
93 * course, the default is to use mustaches (i.e. mustache.tags).
95 * A token is an array with at least 4 elements. The first element is the
96 * mustache symbol that was used inside the tag, e.g. "#" or "&". If the tag
97 * did not contain a symbol (i.e. {{myValue}}) this element is "name". For
98 * all text that appears outside a symbol this element is "text".
100 * The second element of a token is its "value". For mustache tags this is
101 * whatever else was inside the tag besides the opening symbol. For text tokens
102 * this is the text itself.
104 * The third and fourth elements of the token are the start and end indices,
105 * respectively, of the token in the original template.
107 * Tokens that are the root node of a subtree contain two more elements: 1) an
108 * array of tokens in the subtree and 2) the index in the original template at
109 * which the closing tag for that section begins.
111 * Tokens for partials also contain two more elements: 1) a string value of
112 * indendation prior to that tag and 2) the index of that tag on that line -
113 * eg a value of 2 indicates the partial is the third tag on this line.
115 function parseTemplate (template, tags) {
118 var lineHasNonSpace = false;
119 var sections = []; // Stack to hold section tokens
120 var tokens = []; // Buffer to hold the tokens
121 var spaces = []; // Indices of whitespace tokens on the current line
122 var hasTag = false; // Is there a {{tag}} on the current line?
123 var nonSpace = false; // Is there a non-space char on the current line?
124 var indentation = ''; // Tracks indentation for tags that use it
125 var tagIndex = 0; // Stores a count of number of tags encountered on a line
127 // Strips all whitespace tokens array for the current line
128 // if there was a {{#tag}} on it and otherwise only space.
129 function stripSpace () {
130 if (hasTag && !nonSpace) {
131 while (spaces.length)
132 delete tokens[spaces.pop()];
141 var openingTagRe, closingTagRe, closingCurlyRe;
142 function compileTags (tagsToCompile) {
143 if (typeof tagsToCompile === 'string')
144 tagsToCompile = tagsToCompile.split(spaceRe, 2);
146 if (!isArray(tagsToCompile) || tagsToCompile.length !== 2)
147 throw new Error('Invalid tags: ' + tagsToCompile);
149 openingTagRe = new RegExp(escapeRegExp(tagsToCompile[0]) + '\\s*');
150 closingTagRe = new RegExp('\\s*' + escapeRegExp(tagsToCompile[1]));
151 closingCurlyRe = new RegExp('\\s*' + escapeRegExp('}' + tagsToCompile[1]));
154 compileTags(tags || mustache.tags);
156 var scanner = new Scanner(template);
158 var start, type, value, chr, token, openSection;
159 while (!scanner.eos()) {
162 // Match any text between tags.
163 value = scanner.scanUntil(openingTagRe);
166 for (var i = 0, valueLength = value.length; i < valueLength; ++i) {
167 chr = value.charAt(i);
169 if (isWhitespace(chr)) {
170 spaces.push(tokens.length);
174 lineHasNonSpace = true;
178 tokens.push([ 'text', chr, start, start + 1 ]);
181 // Check for whitespace on the current line.
186 lineHasNonSpace = false;
191 // Match the opening tag.
192 if (!scanner.scan(openingTagRe))
198 type = scanner.scan(tagRe) || 'name';
199 scanner.scan(whiteRe);
201 // Get the tag value.
203 value = scanner.scanUntil(equalsRe);
204 scanner.scan(equalsRe);
205 scanner.scanUntil(closingTagRe);
206 } else if (type === '{') {
207 value = scanner.scanUntil(closingCurlyRe);
208 scanner.scan(curlyRe);
209 scanner.scanUntil(closingTagRe);
212 value = scanner.scanUntil(closingTagRe);
215 // Match the closing tag.
216 if (!scanner.scan(closingTagRe))
217 throw new Error('Unclosed tag at ' + scanner.pos);
220 token = [ type, value, start, scanner.pos, indentation, tagIndex, lineHasNonSpace ];
222 token = [ type, value, start, scanner.pos ];
227 if (type === '#' || type === '^') {
228 sections.push(token);
229 } else if (type === '/') {
230 // Check section nesting.
231 openSection = sections.pop();
234 throw new Error('Unopened section "' + value + '" at ' + start);
236 if (openSection[1] !== value)
237 throw new Error('Unclosed section "' + openSection[1] + '" at ' + start);
238 } else if (type === 'name' || type === '{' || type === '&') {
240 } else if (type === '=') {
241 // Set the tags for the next time around.
248 // Make sure there are no open sections when we're done.
249 openSection = sections.pop();
252 throw new Error('Unclosed section "' + openSection[1] + '" at ' + scanner.pos);
254 return nestTokens(squashTokens(tokens));
258 * Combines the values of consecutive text tokens in the given `tokens` array
261 function squashTokens (tokens) {
262 var squashedTokens = [];
264 var token, lastToken;
265 for (var i = 0, numTokens = tokens.length; i < numTokens; ++i) {
269 if (token[0] === 'text' && lastToken && lastToken[0] === 'text') {
270 lastToken[1] += token[1];
271 lastToken[3] = token[3];
273 squashedTokens.push(token);
279 return squashedTokens;
283 * Forms the given array of `tokens` into a nested tree structure where
284 * tokens that represent a section have two additional items: 1) an array of
285 * all tokens that appear in that section and 2) the index in the original
286 * template that represents the end of that section.
288 function nestTokens (tokens) {
289 var nestedTokens = [];
290 var collector = nestedTokens;
294 for (var i = 0, numTokens = tokens.length; i < numTokens; ++i) {
300 collector.push(token);
301 sections.push(token);
302 collector = token[4] = [];
305 section = sections.pop();
306 section[5] = token[2];
307 collector = sections.length > 0 ? sections[sections.length - 1][4] : nestedTokens;
310 collector.push(token);
318 * A simple string scanner that is used by the template parser to find
319 * tokens in template strings.
321 function Scanner (string) {
322 this.string = string;
328 * Returns `true` if the tail is empty (end of string).
330 Scanner.prototype.eos = function eos () {
331 return this.tail === '';
335 * Tries to match the given regular expression at the current position.
336 * Returns the matched text if it can match, the empty string otherwise.
338 Scanner.prototype.scan = function scan (re) {
339 var match = this.tail.match(re);
341 if (!match || match.index !== 0)
344 var string = match[0];
346 this.tail = this.tail.substring(string.length);
347 this.pos += string.length;
353 * Skips all text until the given regular expression can be matched. Returns
354 * the skipped string, which is the entire tail if no match can be made.
356 Scanner.prototype.scanUntil = function scanUntil (re) {
357 var index = this.tail.search(re), match;
368 match = this.tail.substring(0, index);
369 this.tail = this.tail.substring(index);
372 this.pos += match.length;
378 * Represents a rendering context by wrapping a view object and
379 * maintaining a reference to the parent context.
381 function Context (view, parentContext) {
383 this.cache = { '.': this.view };
384 this.parent = parentContext;
388 * Creates a new context using the given view with this context
391 Context.prototype.push = function push (view) {
392 return new Context(view, this);
396 * Returns the value of the given name in this context, traversing
397 * up the context hierarchy if the value is absent in this context's view.
399 Context.prototype.lookup = function lookup (name) {
400 var cache = this.cache;
403 if (cache.hasOwnProperty(name)) {
406 var context = this, intermediateValue, names, index, lookupHit = false;
409 if (name.indexOf('.') > 0) {
410 intermediateValue = context.view;
411 names = name.split('.');
415 * Using the dot notion path in `name`, we descend through the
418 * To be certain that the lookup has been successful, we have to
419 * check if the last object in the path actually has the property
420 * we are looking for. We store the result in `lookupHit`.
422 * This is specially necessary for when the value has been set to
423 * `undefined` and we want to avoid looking up parent contexts.
425 * In the case where dot notation is used, we consider the lookup
426 * to be successful even if the last "object" in the path is
427 * not actually an object but a primitive (e.g., a string, or an
428 * integer), because it is sometimes useful to access a property
429 * of an autoboxed primitive, such as the length of a string.
431 while (intermediateValue != null && index < names.length) {
432 if (index === names.length - 1)
434 hasProperty(intermediateValue, names[index])
435 || primitiveHasOwnProperty(intermediateValue, names[index])
438 intermediateValue = intermediateValue[names[index++]];
441 intermediateValue = context.view[name];
444 * Only checking against `hasProperty`, which always returns `false` if
445 * `context.view` is not an object. Deliberately omitting the check
446 * against `primitiveHasOwnProperty` if dot notation is not used.
448 * Consider this example:
450 * Mustache.render("The length of a football field is {{#length}}{{length}}{{/length}}.", {length: "100 yards"})
453 * If we were to check also against `primitiveHasOwnProperty`, as we do
454 * in the dot notation case, then render call would return:
456 * "The length of a football field is 9."
458 * rather than the expected:
460 * "The length of a football field is 100 yards."
462 lookupHit = hasProperty(context.view, name);
466 value = intermediateValue;
470 context = context.parent;
476 if (isFunction(value))
477 value = value.call(this.view);
483 * A Writer knows how to take a stream of tokens and render them to a
484 * string, given a context. It also maintains a cache of templates to
485 * avoid the need to parse the same template twice.
488 this.templateCache = {
490 set: function set (key, value) {
491 this._cache[key] = value;
493 get: function get (key) {
494 return this._cache[key];
496 clear: function clear () {
503 * Clears all cached templates in this writer.
505 Writer.prototype.clearCache = function clearCache () {
506 if (typeof this.templateCache !== 'undefined') {
507 this.templateCache.clear();
512 * Parses and caches the given `template` according to the given `tags` or
513 * `mustache.tags` if `tags` is omitted, and returns the array of tokens
514 * that is generated from the parse.
516 Writer.prototype.parse = function parse (template, tags) {
517 var cache = this.templateCache;
518 var cacheKey = template + ':' + (tags || mustache.tags).join(':');
519 var isCacheEnabled = typeof cache !== 'undefined';
520 var tokens = isCacheEnabled ? cache.get(cacheKey) : undefined;
522 if (tokens == undefined) {
523 tokens = parseTemplate(template, tags);
524 isCacheEnabled && cache.set(cacheKey, tokens);
530 * High-level method that is used to render the given `template` with
533 * The optional `partials` argument may be an object that contains the
534 * names and templates of partials that are used in the template. It may
535 * also be a function that is used to load partial templates on the fly
536 * that takes a single argument: the name of the partial.
538 * If the optional `config` argument is given here, then it should be an
539 * object with a `tags` attribute or an `escape` attribute or both.
540 * If an array is passed, then it will be interpreted the same way as
541 * a `tags` attribute on a `config` object.
543 * The `tags` attribute of a `config` object must be an array with two
544 * string values: the opening and closing tags used in the template (e.g.
545 * [ "<%", "%>" ]). The default is to mustache.tags.
547 * The `escape` attribute of a `config` object must be a function which
548 * accepts a string as input and outputs a safely escaped string.
549 * If an `escape` function is not provided, then an HTML-safe string
550 * escaping function is used as the default.
552 Writer.prototype.render = function render (template, view, partials, config) {
553 var tags = this.getConfigTags(config);
554 var tokens = this.parse(template, tags);
555 var context = (view instanceof Context) ? view : new Context(view, undefined);
556 return this.renderTokens(tokens, context, partials, template, config);
560 * Low-level method that renders the given array of `tokens` using
561 * the given `context` and `partials`.
563 * Note: The `originalTemplate` is only ever used to extract the portion
564 * of the original template that was contained in a higher-order section.
565 * If the template doesn't use higher-order sections, this argument may
568 Writer.prototype.renderTokens = function renderTokens (tokens, context, partials, originalTemplate, config) {
571 var token, symbol, value;
572 for (var i = 0, numTokens = tokens.length; i < numTokens; ++i) {
577 if (symbol === '#') value = this.renderSection(token, context, partials, originalTemplate, config);
578 else if (symbol === '^') value = this.renderInverted(token, context, partials, originalTemplate, config);
579 else if (symbol === '>') value = this.renderPartial(token, context, partials, config);
580 else if (symbol === '&') value = this.unescapedValue(token, context);
581 else if (symbol === 'name') value = this.escapedValue(token, context, config);
582 else if (symbol === 'text') value = this.rawValue(token);
584 if (value !== undefined)
591 Writer.prototype.renderSection = function renderSection (token, context, partials, originalTemplate, config) {
594 var value = context.lookup(token[1]);
596 // This function is used to render an arbitrary template
597 // in the current context by higher-order sections.
598 function subRender (template) {
599 return self.render(template, context, partials, config);
604 if (isArray(value)) {
605 for (var j = 0, valueLength = value.length; j < valueLength; ++j) {
606 buffer += this.renderTokens(token[4], context.push(value[j]), partials, originalTemplate, config);
608 } else if (typeof value === 'object' || typeof value === 'string' || typeof value === 'number') {
609 buffer += this.renderTokens(token[4], context.push(value), partials, originalTemplate, config);
610 } else if (isFunction(value)) {
611 if (typeof originalTemplate !== 'string')
612 throw new Error('Cannot use higher-order sections without the original template');
614 // Extract the portion of the original template that the section contains.
615 value = value.call(context.view, originalTemplate.slice(token[3], token[5]), subRender);
620 buffer += this.renderTokens(token[4], context, partials, originalTemplate, config);
625 Writer.prototype.renderInverted = function renderInverted (token, context, partials, originalTemplate, config) {
626 var value = context.lookup(token[1]);
628 // Use JavaScript's definition of falsy. Include empty arrays.
629 // See https://github.com/janl/mustache.js/issues/186
630 if (!value || (isArray(value) && value.length === 0))
631 return this.renderTokens(token[4], context, partials, originalTemplate, config);
634 Writer.prototype.indentPartial = function indentPartial (partial, indentation, lineHasNonSpace) {
635 var filteredIndentation = indentation.replace(/[^ \t]/g, '');
636 var partialByNl = partial.split('\n');
637 for (var i = 0; i < partialByNl.length; i++) {
638 if (partialByNl[i].length && (i > 0 || !lineHasNonSpace)) {
639 partialByNl[i] = filteredIndentation + partialByNl[i];
642 return partialByNl.join('\n');
645 Writer.prototype.renderPartial = function renderPartial (token, context, partials, config) {
646 if (!partials) return;
647 var tags = this.getConfigTags(config);
649 var value = isFunction(partials) ? partials(token[1]) : partials[token[1]];
651 var lineHasNonSpace = token[6];
652 var tagIndex = token[5];
653 var indentation = token[4];
654 var indentedValue = value;
655 if (tagIndex == 0 && indentation) {
656 indentedValue = this.indentPartial(value, indentation, lineHasNonSpace);
658 var tokens = this.parse(indentedValue, tags);
659 return this.renderTokens(tokens, context, partials, indentedValue, config);
663 Writer.prototype.unescapedValue = function unescapedValue (token, context) {
664 var value = context.lookup(token[1]);
669 Writer.prototype.escapedValue = function escapedValue (token, context, config) {
670 var escape = this.getConfigEscape(config) || mustache.escape;
671 var value = context.lookup(token[1]);
673 return (typeof value === 'number' && escape === mustache.escape) ? String(value) : escape(value);
676 Writer.prototype.rawValue = function rawValue (token) {
680 Writer.prototype.getConfigTags = function getConfigTags (config) {
681 if (isArray(config)) {
684 else if (config && typeof config === 'object') {
692 Writer.prototype.getConfigEscape = function getConfigEscape (config) {
693 if (config && typeof config === 'object' && !isArray(config)) {
694 return config.escape;
704 tags: [ '{{', '}}' ],
705 clearCache: undefined,
713 * Allows a user to override the default caching strategy, by providing an
714 * object with set, get and clear methods. This can also be used to disable
715 * the cache by setting it to the literal `undefined`.
717 set templateCache (cache) {
718 defaultWriter.templateCache = cache;
721 * Gets the default or overridden caching object from the default writer.
723 get templateCache () {
724 return defaultWriter.templateCache;
728 // All high-level mustache.* functions use this writer.
729 var defaultWriter = new Writer();
732 * Clears all cached templates in the default writer.
734 mustache.clearCache = function clearCache () {
735 return defaultWriter.clearCache();
739 * Parses and caches the given template in the default writer and returns the
740 * array of tokens it contains. Doing this ahead of time avoids the need to
741 * parse templates on the fly as they are rendered.
743 mustache.parse = function parse (template, tags) {
744 return defaultWriter.parse(template, tags);
748 * Renders the `template` with the given `view`, `partials`, and `config`
749 * using the default writer.
751 mustache.render = function render (template, view, partials, config) {
752 if (typeof template !== 'string') {
753 throw new TypeError('Invalid template! Template should be a "string" ' +
754 'but "' + typeStr(template) + '" was given as the first ' +
755 'argument for mustache#render(template, view, partials)');
758 return defaultWriter.render(template, view, partials, config);
761 // Export the escaping function so that the user may override it.
762 // See https://github.com/janl/mustache.js/issues/244
763 mustache.escape = escapeHtml;
765 // Export these mainly for testing, but also for advanced usage.
766 mustache.Scanner = Scanner;
767 mustache.Context = Context;
768 mustache.Writer = Writer;