total5
Version:
Total.js framework v5
410 lines (324 loc) • 11.7 kB
JavaScript
// Tangular template engine
// The MIT License
// Copyright 2017-2023 (c) Peter Širka <petersirka@gmail.com>
(function(W) {
if (W.Tangular)
return;
var Tangular = {};
var Thelpers = Tangular.helpers = {};
Tangular.version = 'v5.0.5';
Tangular.cache = {};
W.Ta = W.Tangular = Tangular;
W.Thelpers = Thelpers;
var SKIP = { 'null': true, 'undefined': true, 'true': true, 'false': true, 'Object': 1, 'String': 1, 'Number': 1, 'Boolean': 1, 'Date': 1, 'Array': 1, 'window': 1, 'global': 1, 'arguments': 1, 'eval': 1, 'Function': 1, 'function': 1, 'var': 1, 'let': 1, 'const': 1, 'delete': 1 };
var REG_CMDFIND = /\{\{.*?\}\}/g;
var REG_CMDCLEAN = /\{\{|\}\}/g;
var REG_ENCODE = /[<>&"]/g;
var REG_TRIM = /\n$/g;
function parseInlineVariables(line, blacklist) {
var tmp = '';
var variables = [];
var skip = 0;
for (var i = 0; i < line.length; i++) {
var c = line.charCodeAt(i);
if (!skip) {
if ((tmp && c > 47 && c < 58) || (c > 64 && c < 91) || (c > 96 && c < 123) || (c === 95 || c === 36)) {
tmp += line.charAt(i);
continue;
}
if (tmp) {
if (!SKIP[tmp] && variables.indexOf(tmp) === -1 && (!blacklist || blacklist.indexOf(tmp) === -1))
variables.push(tmp);
tmp = '';
}
}
if (c === 46 || c === 124) { // "." or "|"
skip = c;
} else if ((skip === 46 || skip === 124) && c === 40) { // ("." or "|") and "("
skip = 0;
} else if (c === 96 || c === 34 || c === 39) { // "`" or "'" or "\""
if (c === skip)
skip = 0;
else
skip = c;
}
}
if (tmp && !SKIP[tmp] && variables.indexOf(tmp) === -1 && (!blacklist || blacklist.indexOf(tmp) === -1))
variables.push(tmp);
return variables;
}
Tangular.toArray = function(obj) {
var keys = Object.keys(obj);
var arr = [];
for (var i = 0, length = keys.length; i < length; i++)
arr.push({ key: keys[i], value: obj[keys[i]] });
return arr;
};
function Template() {
this.commands;
this.variables;
this.builder;
this.split = '\0';
}
Template.prototype.compile = function(template, tagbeg, tagend) {
var self = this;
var ifcount = 0;
var loopcount = 0;
var loops = [];
var reg_find = REG_CMDFIND;
var reg_clean = REG_CMDCLEAN;
var tmp;
if (tagbeg && tagend) {
reg_find = new RegExp(tagbeg + '.*?' + tagend, 'g');
reg_clean = new RegExp(tagbeg + '|' + tagend, 'g');
}
self.template = template;
template = template.replace(/\|\|/g, '\x01');
self.variables = {};
self.commands = [];
self.builder = template.replace(reg_find, function(text) {
var cmd = text.replace(reg_clean, '').trim();
var variable = null;
var helpers = null;
var index;
var isif = false;
var isloop = false;
var iscode = true;
if (cmd === 'fi') {
ifcount--;
// end of condition
} else if (cmd === 'end') {
loopcount--;
// end of loop
loops.pop();
} else if (cmd.substring(0, 3) === 'if ') {
// condition
ifcount++;
variable = parseInlineVariables(cmd.substring(3), loops);
if (variable.length) {
for (var i = 0; i < variable.length; i++) {
var name = variable[i];
if (self.variables[name])
self.variables[name]++;
else
self.variables[name] = 1;
}
} else
variable = null;
isif = true;
iscode = true;
} else if (cmd.substring(0, 8) === 'foreach ') {
loopcount++;
// loop
tmp = cmd.substring(8).split(' ');
loops.push(tmp[0].trim());
index = tmp[2].indexOf('.');
if (index !== -1)
tmp[2] = tmp[2].substring(0, index);
variable = tmp[2].trim();
if (loops.indexOf(variable) === -1) {
if (self.variables[variable])
self.variables[variable]++;
else
self.variables[variable] = 1;
variable = [variable];
}
else
variable = null;
isloop = true;
} else if (cmd.substring(0, 8) === 'else if ') {
// else if
variable = parseInlineVariables(cmd.substring(8), loops);
if (variable.length) {
for (var i = 0; i < variable.length; i++) {
var name = variable[i];
if (self.variables[name])
self.variables[name]++;
else
self.variables[name] = 1;
}
} else
variable = null;
isif = true;
} else if (cmd !== 'continue' && cmd !== 'break' && cmd !== 'else') {
variable = parseInlineVariables(cmd);
var ishelper = false;
for (var i = 0; i < variable.length; i++) {
var v = variable[i];
if (v + '(' === cmd.substring(0, v.length + 1)) {
ishelper = true;
continue;
}
if (self.variables[v])
self.variables[v]++;
else
self.variables[v] = 1;
}
if (!variable.length)
variable = null;
var hindex = cmd.indexOf('|');
var fnhelper = null;
if (ishelper) {
fnhelper = cmd.substring(0, hindex === -1 ? cmd.length : hindex);
if (hindex === -1)
cmd = '';
else
cmd = '' + cmd.substring(index);
} else if (!ishelper && hindex === -1)
cmd += ' | encode';
helpers = cmd.split('|');
cmd = helpers[0];
helpers = helpers.slice(1);
if (ishelper)
helpers.unshift(fnhelper);
if (helpers.length) {
for (var i = 0; i < helpers.length; i++) {
var helper = helpers[i].trim();
var ishelperfirst = ishelper && !i;
index = helper.indexOf('(');
if (index === -1) {
helper = 'Thelpers.$execute($helpers,model,\'' + helper + '\',' + (ishelperfirst ? '' : '\x07)');
} else
helper = 'Thelpers.$execute($helpers,model,\'' + helper.substring(0, index) + '\',' + (ishelperfirst ? '' : '\x07,') + helper.substring(index + 1);
helpers[i] = helper;
}
} else
helpers = null;
cmd = self.safe(cmd.trim() || 'model');
iscode = false;
}
self.commands.push({ index: self.commands.length, cmd: cmd, ifcount: ifcount, loopcount: loopcount, variable: variable, helpers: helpers, isloop: isloop, isif: isif, iscode: iscode });
return self.split;
}).split(self.split);
for (var i = 0; i < self.builder.length; i++) {
var m = self.builder[i];
self.builder[i] = m ? m.replace(REG_TRIM, '') : m;
}
return self.make();
};
Template.prototype.safe = function(cmd) {
var arr = cmd.split('.');
var output = [];
for (var i = 1; i < arr.length; i++) {
var k = arr.slice(0, i).join('.');
output.push(k + '==null?\'\':');
}
return output.join('') + arr.join('.');
};
Template.prototype.make = function() {
var self = this;
var builder = ['var $output=$text[0];var $tmp;var $index=0;'];
for (var i = 0, length = self.commands.length; i < length; i++) {
var cmd = self.commands[i];
var tmp;
i && builder.push('$output+=$text[' + i + '];');
if (cmd.iscode) {
if (cmd.isloop) {
var name = '$i' + Math.random().toString(16).substring(3, 6);
var namea = name + 'a';
var index = cmd.cmd.lastIndexOf(' in ');
if (index === -1)
index = cmd.cmd.lastIndexOf(' of ');
tmp = cmd.cmd.substring(index + 4).trim();
tmp = namea + '=' + self.safe(tmp) + ';if(!(' + namea + ' instanceof Array)){if(' + namea + '&&typeof(' + namea + ')===\'object\')' + namea + '=Tangular.toArray(' + namea + ')}if(' + namea + ' instanceof Array&&' + namea + '.length){for(var ' + name + '=0,' + name + 'l=' + namea + '.length;' + name + '<' + name + 'l;' + name + '++){$index=' + name + ';var ' + cmd.cmd.split(' ')[1] + '=' + namea + '[' + name + '];';
builder.push(tmp);
} else if (cmd.isif) {
if (cmd.cmd.substring(0, 8) === 'else if ')
builder.push('}' + cmd.cmd.substring(0, 8).trim() + '(' + cmd.cmd.substring(8).trim() + '){');
else
builder.push(cmd.cmd.substring(0, 3).trim() + '(' + cmd.cmd.substring(3).trim() + '){');
} else {
switch (cmd.cmd) {
case 'else':
builder.push('}else{');
break;
case 'end':
builder.push('}}');
break;
case 'fi':
builder.push('}');
break;
case 'break':
builder.push('break;');
break;
case 'continue':
builder.push('continue;');
break;
}
}
} else {
if (cmd.helpers) {
var str = '';
for (var j = 0; j < cmd.helpers.length; j++) {
var helper = cmd.helpers[j];
if (j === 0)
str = helper.replace('\x07', cmd.cmd.trim()).trim();
else
str = helper.replace('\x07', str.trim());
}
builder.push('$tmp=' + str + ';if($tmp!=null)$output+=$tmp;');
} else
builder.push('if(' + cmd.cmd + '!=null)$output+=' + cmd.cmd + ';');
}
}
builder.push((length ? ('$output+=$text[' + length + '];') : '') + 'return $output.charAt(0) === \'\\n\'?$output.substring(1):$output;');
delete self.variables.$;
var variables = Object.keys(self.variables);
var names = ['$helpers||{}', '$||{}', 'model'];
for (var i = 0; i < variables.length; i++)
names.push('model.' + variables[i]);
for (var i = 0; i < self.builder.length; i++)
self.builder[i] = self.builder[i].replace(/\1/g, '||');
var code = 'var tangular=function($helpers,$,model' + (variables.length ? (',' + variables.join(',')) : '') + '){' + builder.join('') + '};return function(model,$,$helpers){try{return tangular(' + names.join(',') + ')}catch(e){console.error(\'Tangular error:\',e + \'\',$template)}}';
return (new Function('$text', '$template', code.replace(/\1/g, '||')))(self.builder, self.template);
};
Thelpers.$execute = function(helpers, model, name, a, b, c, d, e, f, g, h) {
var fn = helpers[name] || Thelpers[name];
if (!fn) {
console && console.warn('Tangular: missing helper', '"' + name + '"');
return a;
}
return fn.call(model, a, b, c, d, e, f, g, h);
};
Thelpers.encode = function(value, type) {
if (type) {
if (typeof(type) === 'function')
return type(value);
if (type === 'json')
return JSON.stringify(value);
if (type === 'json2')
return JSON.stringify(value, null, '\t');
if (type === 'url' || type === 'urlencoded')
return encodeURIComponent(value);
if (type === 'querify')
return QUERIFY(value);
}
return value == null ? '' : (value + '').replace(REG_ENCODE, function(c) {
switch (c) {
case '&': return '&';
case '<': return '<';
case '>': return '>';
case '"': return '"';
}
return c;
});
};
Thelpers.raw = function(value) {
return value;
};
Tangular.render = function(template, model, repository, helpers) {
var template = new Template().compile(template);
return template(model == null ? {} : model, repository, helpers);
};
Tangular.compile = function(template, tagbeg, tagend) {
return new Template().compile(template, tagbeg, tagend);
};
Tangular.register = function(name, fn) {
Thelpers[name] = fn;
return Tangular;
};
Thelpers.pluralize = function(r,e,t,a,n){ return r||(r=0),'number'!=typeof r&&(r=parseFloat(r.toString().replace(/\s/g,'').replace(',','.'))),r.pluralize(e,t,a,n)};
Thelpers.format=function(r,e,t,a){var n=typeof r;if(r==null)return'';if('number'===n||r instanceof Date)return r.format(e==null?null:e,t,a);'string'!==n&&(r=r.toString()),r=r.trim();for(var i=!1,o=0,f=0,u=0,l=r.length;l>u;u++){var g=r.charCodeAt(u);if(58===g||32===g||84===g){i=!0;break;}if(45===g){if(o++,1===o)continue;i=!0;break;}if(46===g){if(f++,1===f)continue;i=!0;break;}}return i?r.parseDate().format(e||'dd.MM.yyyy'):r.parseFloat().format(e,t,a)};
Thelpers.empty=Thelpers.def=function(e,n){return e?Thelpers.encode(e):n||'---'};
Thelpers.currency=function(e,t){switch(typeof e){case'number':return e.currency(t);case'string':return e.parseFloat().currency(t);default:return''}};
})(global);