123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483 |
- /*
- Markup.js v1.5.21: http://github.com/adammark/Markup.js
- MIT License
- (c) 2011 - 2014 Adam Mark
- */
- var Mark = {
- // Templates to include, by name. A template is a string.
- includes: {},
- // Global variables, by name. Global variables take precedence over context variables.
- globals: {},
- // The delimiter to use in pipe expressions, e.g. {{if color|like>red}}.
- delimiter: ">",
- // Collapse white space between HTML elements in the resulting string.
- compact: false,
- // Shallow-copy an object.
- _copy: function (a, b) {
- b = b || [];
- for (var i in a) {
- b[i] = a[i];
- }
- return b;
- },
- // Get the value of a number or size of an array. This is a helper function for several pipes.
- _size: function (a) {
- return a instanceof Array ? a.length : (a || 0);
- },
- // This object represents an iteration. It has an index and length.
- _iter: function (idx, size) {
- this.idx = idx;
- this.size = size;
- this.length = size;
- this.sign = "#";
- // Print the index if "#" or the count if "##".
- this.toString = function () {
- return this.idx + this.sign.length - 1;
- };
- },
- // Pass a value through a series of pipe expressions, e.g. _pipe(123, ["add>10","times>5"]).
- _pipe: function (val, expressions) {
- var expression, parts, fn, result;
- // If we have expressions, pull out the first one, e.g. "add>10".
- if ((expression = expressions.shift())) {
- // Split the expression into its component parts, e.g. ["add", "10"].
- parts = expression.split(this.delimiter);
- // Pull out the function name, e.g. "add".
- fn = parts.shift().trim();
- try {
- // Run the function, e.g. add(123, 10) ...
- result = Mark.pipes[fn].apply(null, [val].concat(parts));
- // ... then pipe again with remaining expressions.
- val = this._pipe(result, expressions);
- }
- catch (e) {
- }
- }
- // Return the piped value.
- return val;
- },
- // TODO doc
- _eval: function (context, filters, child) {
- var result = this._pipe(context, filters),
- ctx = result,
- i = -1,
- j,
- opts;
- if (result instanceof Array) {
- result = "";
- j = ctx.length;
- while (++i < j) {
- opts = {
- iter: new this._iter(i, j)
- };
- result += child ? Mark.up(child, ctx[i], opts) : ctx[i];
- }
- }
- else if (result instanceof Object) {
- result = Mark.up(child, ctx);
- }
- return result;
- },
- // Process the contents of an IF or IF/ELSE block.
- _test: function (bool, child, context, options) {
- // Process the child string, then split it into the IF and ELSE parts.
- var str = Mark.up(child, context, options).split(/\{\{\s*else\s*\}\}/);
- // Return the IF or ELSE part. If no ELSE, return an empty string.
- return (bool === false ? str[1] : str[0]) || "";
- },
- // Determine the extent of a block expression, e.g. "{{foo}}...{{/foo}}"
- _bridge: function (tpl, tkn) {
- tkn = tkn == "." ? "\\." : tkn.replace(/\$/g, "\\$");
- var exp = "{{\\s*" + tkn + "([^/}]+\\w*)?}}|{{/" + tkn + "\\s*}}",
- re = new RegExp(exp, "g"),
- tags = tpl.match(re) || [],
- t,
- i,
- a = 0,
- b = 0,
- c = -1,
- d = 0;
- for (i = 0; i < tags.length; i++) {
- t = i;
- c = tpl.indexOf(tags[t], c + 1);
- if (tags[t].indexOf("{{/") > -1) {
- b++;
- }
- else {
- a++;
- }
- if (a === b) {
- break;
- }
- }
- a = tpl.indexOf(tags[0]);
- b = a + tags[0].length;
- d = c + tags[t].length;
- // Return the block, e.g. "{{foo}}bar{{/foo}}" and its child, e.g. "bar".
- return [tpl.substring(a, d), tpl.substring(b, c)];
- }
- };
- // Inject a template string with contextual data and return a new string.
- Mark.up = function (template, context, options) {
- context = context || {};
- options = options || {};
- // Match all tags like "{{...}}".
- var re = /\{\{(.+?)\}\}/g,
- // All tags in the template.
- tags = template.match(re) || [],
- // The tag being evaluated, e.g. "{{hamster|dance}}".
- tag,
- // The expression to evaluate inside the tag, e.g. "hamster|dance".
- prop,
- // The token itself, e.g. "hamster".
- token,
- // An array of pipe expressions, e.g. ["more>1", "less>2"].
- filters = [],
- // Does the tag close itself? e.g. "{{stuff/}}".
- selfy,
- // Is the tag an "if" statement?
- testy,
- // The contents of a block tag, e.g. "{{aa}}bb{{/aa}}" -> "bb".
- child,
- // The resulting string.
- result,
- // The global variable being evaluated, or undefined.
- global,
- // The included template being evaluated, or undefined.
- include,
- // A placeholder variable.
- ctx,
- // Iterators.
- i = 0,
- j = 0;
- // Set custom pipes, if provided.
- if (options.pipes) {
- this._copy(options.pipes, this.pipes);
- }
- // Set templates to include, if provided.
- if (options.includes) {
- this._copy(options.includes, this.includes);
- }
- // Set global variables, if provided.
- if (options.globals) {
- this._copy(options.globals, this.globals);
- }
- // Optionally override the delimiter.
- if (options.delimiter) {
- this.delimiter = options.delimiter;
- }
- // Optionally collapse white space.
- if (options.compact !== undefined) {
- this.compact = options.compact;
- }
- // Loop through tags, e.g. {{a}}, {{b}}, {{c}}, {{/c}}.
- while ((tag = tags[i++])) {
- result = undefined;
- child = "";
- selfy = tag.indexOf("/}}") > -1;
- prop = tag.substr(2, tag.length - (selfy ? 5 : 4));
- prop = prop.replace(/`(.+?)`/g, function (s, p1) {
- return Mark.up("{{" + p1 + "}}", context);
- });
- testy = prop.trim().indexOf("if ") === 0;
- filters = prop.split("|");
- filters.shift(); // instead of splice(1)
- prop = prop.replace(/^\s*if/, "").split("|").shift().trim();
- token = testy ? "if" : prop.split("|")[0];
- ctx = context[prop];
- // If an "if" statement without filters, assume "{{if foo|notempty}}"
- if (testy && !filters.length) {
- filters = ["notempty"];
- }
- // Does the tag have a corresponding closing tag? If so, find it and move the cursor.
- if (!selfy && template.indexOf("{{/" + token) > -1) {
- result = this._bridge(template, token);
- tag = result[0];
- child = result[1];
- i += tag.match(re).length - 1; // fast forward
- }
- // Skip "else" tags. These are pulled out in _test().
- if (/^\{\{\s*else\s*\}\}$/.test(tag)) {
- continue;
- }
- // Evaluating a global variable.
- else if ((global = this.globals[prop]) !== undefined) {
- result = this._eval(global, filters, child);
- }
- // Evaluating an included template.
- else if ((include = this.includes[prop])) {
- if (include instanceof Function) {
- include = include();
- }
- result = this._pipe(Mark.up(include, context, options), filters);
- }
- // Evaluating a loop counter ("#" or "##").
- else if (prop.indexOf("#") > -1) {
- options.iter.sign = prop;
- result = this._pipe(options.iter, filters);
- }
- // Evaluating the current context.
- else if (prop === ".") {
- result = this._pipe(context, filters);
- }
- // Evaluating a variable with dot notation, e.g. "a.b.c"
- else if (prop.indexOf(".") > -1) {
- prop = prop.split(".");
- ctx = Mark.globals[prop[0]];
- if (ctx) {
- j = 1;
- }
- else {
- j = 0;
- ctx = context;
- }
- // Get the actual context
- while (ctx && j < prop.length) {
- ctx = ctx[prop[j++]];
- }
- result = this._eval(ctx, filters, child);
- }
- // Evaluating an "if" statement.
- else if (testy) {
- result = this._pipe(ctx, filters);
- }
- // Evaluating an array, which might be a block expression.
- else if (ctx instanceof Array) {
- result = this._eval(ctx, filters, child);
- }
- // Evaluating a block expression.
- else if (child) {
- result = ctx ? Mark.up(child, ctx) : undefined;
- }
- // Evaluating anything else.
- else if (context.hasOwnProperty(prop)) {
- result = this._pipe(ctx, filters);
- }
- // Evaluating special case: if the resulting context is actually an Array
- if (result instanceof Array) {
- result = this._eval(result, filters, child);
- }
- // Evaluating an "if" statement.
- if (testy) {
- result = this._test(result, child, context, options);
- }
- // Replace the tag, e.g. "{{name}}", with the result, e.g. "Adam".
- template = template.replace(tag, result === undefined ? "???" : result);
- }
- return this.compact ? template.replace(/>\s+</g, "><") : template;
- };
- // Freebie pipes. See usage in README.md
- Mark.pipes = {
- empty: function (obj) {
- return !obj || (obj + "").trim().length === 0 ? obj : false;
- },
- notempty: function (obj) {
- return obj && (obj + "").trim().length ? obj : false;
- },
- blank: function (str, val) {
- return !!str || str === 0 ? str : val;
- },
- more: function (a, b) {
- return Mark._size(a) > b ? a : false;
- },
- less: function (a, b) {
- return Mark._size(a) < b ? a : false;
- },
- ormore: function (a, b) {
- return Mark._size(a) >= b ? a : false;
- },
- orless: function (a, b) {
- return Mark._size(a) <= b ? a : false;
- },
- between: function (a, b, c) {
- a = Mark._size(a);
- return a >= b && a <= c ? a : false;
- },
- equals: function (a, b) {
- return a == b ? a : false;
- },
- notequals: function (a, b) {
- return a != b ? a : false;
- },
- like: function (str, pattern) {
- return new RegExp(pattern, "i").test(str) ? str : false;
- },
- notlike: function (str, pattern) {
- return !Mark.pipes.like(str, pattern) ? str : false;
- },
- upcase: function (str) {
- return String(str).toUpperCase();
- },
- downcase: function (str) {
- return String(str).toLowerCase();
- },
- capcase: function (str) {
- return str.replace(/(?:^|\s)\S/g, function (a) { return a.toUpperCase(); });
- },
- chop: function (str, n) {
- return str.length > n ? str.substr(0, n) + "..." : str;
- },
- tease: function (str, n) {
- var a = str.split(/\s+/);
- return a.slice(0, n).join(" ") + (a.length > n ? "..." : "");
- },
- trim: function (str) {
- return str.trim();
- },
- pack: function (str) {
- return str.trim().replace(/\s{2,}/g, " ");
- },
- round: function (num) {
- return Math.round(+num);
- },
- clean: function (str) {
- return String(str).replace(/<\/?[^>]+>/gi, "");
- },
- size: function (obj) {
- return obj.length;
- },
- length: function (obj) {
- return obj.length;
- },
- reverse: function (arr) {
- return [].concat(arr).reverse();
- },
- join: function (arr, separator) {
- return arr.join(separator);
- },
- limit: function (arr, count, idx) {
- return arr.slice(+idx || 0, +count + (+idx || 0));
- },
- split: function (str, separator) {
- return str.split(separator || ",");
- },
- choose: function (bool, iffy, elsy) {
- return !!bool ? iffy : (elsy || "");
- },
- toggle: function (obj, csv1, csv2, str) {
- return csv2.split(",")[csv1.match(/\w+/g).indexOf(obj + "")] || str;
- },
- sort: function (arr, prop) {
- var fn = function (a, b) {
- return a[prop] > b[prop] ? 1 : -1;
- };
- return [].concat(arr).sort(prop ? fn : undefined);
- },
- fix: function (num, n) {
- return (+num).toFixed(n);
- },
- mod: function (num, n) {
- return (+num) % (+n);
- },
- divisible: function (num, n) {
- return num && (+num % n) === 0 ? num : false;
- },
- even: function (num) {
- return num && (+num & 1) === 0 ? num : false;
- },
- odd: function (num) {
- return num && (+num & 1) === 1 ? num : false;
- },
- number: function (str) {
- return parseFloat(str.replace(/[^\-\d\.]/g, ""));
- },
- url: function (str) {
- return encodeURI(str);
- },
- bool: function (obj) {
- return !!obj;
- },
- falsy: function (obj) {
- return !obj;
- },
- first: function (iter) {
- return iter.idx === 0;
- },
- last: function (iter) {
- return iter.idx === iter.size - 1;
- },
- call: function (obj, fn) {
- return obj[fn].apply(obj, [].slice.call(arguments, 2));
- },
- set: function (obj, key) {
- Mark.globals[key] = obj; return "";
- },
- log: function (obj) {
- console.log(obj);
- return obj;
- }
- };
- // Shim for IE.
- if (typeof String.prototype.trim !== "function") {
- String.prototype.trim = function() {
- return this.replace(/^\s+|\s+$/g, "");
- }
- }
- // Export for Node.js and AMD.
- if (typeof module !== "undefined" && module.exports) {
- module.exports = Mark;
- }
- else if (typeof define === "function" && define.amd) {
- define(function() {
- return Mark;
- });
- }
|