This commit is contained in:
2022-02-18 20:55:54 +03:00
parent da86b36821
commit 4e2f85b01d
5 changed files with 132 additions and 105 deletions
+19 -50
View File
@@ -5,39 +5,10 @@ __PluginManager__.register('loggerService', function(module, exports, require, g
var Logger = require('Logger');
var Collection = require('Collection');
var lightMap = [
{class: 'kit-logger-row--success', keys: ['pass', 'success']},
{class: 'kit-logger-row--warning', keys: ['warn', 'warning']},
{class: 'kit-logger-row--error', keys: ['fail', 'error', 'errors']},
];
var getLightClass = function(key) {
key = ''+key;
var addClass = '', ar;
for(var i=0; i < lightMap.length; i++){
ar = lightMap[i]['keys'];
addClass = ar.includes(key)?lightMap[i]['class']:addClass;
}
return addClass;
};
// function dump(value) {
// var rArray = [];
// if(value === null) {
// rArray[0] = 'null';
// } else {
// rArray[0] = String(typeof value);
// rArray[1] = emptyPHP(value)?'empty':'';
// }
// return rArray.join(' ');
// };
function getRowNode(level, key, value, opClass = ''){
if(opClass) {
opClass = ' kit-logger-row--'+opClass;
}
var lvlTemplate;
function getRowNode(depth, key, value, level = ''){
key = String(key);
value = String(value);
lvlTemplate = level?'style="--logger-lvl:'+level+';" ':'';
var result = '<logger-item '+lvlTemplate+'class="'+getLightClass(key)+opClass+'"><logger-item__key>'+key+'</logger-item__key><logger-item__value>'+value+'</logger-item__value></logger-item>';
var result = '<logger-item style="--logger-depth:'+support.toNumber(depth, 1)+';" class="kit-logger-row--'+level+'"><logger-item__key>'+key+'</logger-item__key><logger-item__value>'+value+'</logger-item__value></logger-item>';
return support.makeNode(result);
}
@@ -77,61 +48,59 @@ __PluginManager__.register('loggerService', function(module, exports, require, g
}
};
LoggerService.prototype.__row = function(message, lvl = 0, opClass = '') {
LoggerService.prototype.__row = function(message, depth = 0, logLevel = '') {
if (!this.__htmlCollection) {
this.setHtmlCollection();
}
var log = this.__htmlCollection;
function setObjectValue(log, lvl, key, value, opClass, depth = 3, openDepth = 1, isRoot = true) {
var rowChild, isObj = support.isObject(value), id = isObj?support.uniqueId():'',
function setObjectValue(log, depth, key, value, opClass, maxDepth = 3, openDepth = 1, isRoot = true) {
var rowChildNode, isObj = support.isObject(value), id = isObj?support.uniqueId():'',
skipValue = value === window || value === document,
valueString = ((isObj && typeof value.toString !== 'function') || typeof value === 'symbol')?(typeof value):value,
val = (isObj&&depth)?'<label for="'+id+'">'+valueString+'</label>':valueString, inp, j,
val = (isObj&&maxDepth&&!skipValue)?'<label class="logger-toggler" for="'+id+'">'+valueString+'</label>':valueString, inp, j,
len = isObj?Object.keys(value).length:0;
if(!isRoot || (isRoot && !isObj)) {
log.appendChild(getRowNode(lvl, key, '' + val + (isObj?(' ['+len+']'):''), opClass));
log.appendChild(getRowNode(depth, key, '' + val + (isObj?(' ['+len+']'):''), opClass));
}
if(value === window || value === document) {
if(skipValue) {
return;
}
if(isObj&&depth) {
!isRoot && ++lvl;
depth = Math.max(0, depth - 1);
if(isObj&&maxDepth) {
!isRoot && ++depth;
maxDepth = Math.max(0, maxDepth - 1);
log.appendChild(inp = support.makeNode('<input id="'+id+'" type="checkbox" style="display: none;">'));
inp.checked = !!openDepth;
openDepth = Math.max(0, openDepth - 1);
log.appendChild(rowChild = getItemObjectNode(id));
log.appendChild(rowChildNode = getItemObjectNode(id));
for(j in value) {
if(value.hasOwnProperty(j))
setObjectValue(rowChild, lvl, j, value[j], opClass, depth, openDepth, false);
setObjectValue(rowChildNode, depth, j, value[j], opClass, maxDepth, openDepth, false);
}
}
}
setObjectValue(log, lvl, '', message, opClass, 6, 3);
setObjectValue(log, depth, '', message, logLevel, 6, 3);
log.scrollTop = log.scrollHeight;
};
LoggerService.prototype.__logHandler = function(data = {
lvl: 0,
level: '',
message: '',
context: [],
type: ''
}){
lvl = support.toNumber(data.lvl);
var opClass = String(data.type);
this.__row(data.message, lvl, opClass);
this.__row(data.message, 1, data.level);
if(support.isObject(data.context))
this.__row(data.context, lvl+1);
this.__row(data.context, 2);
};
LoggerService.prototype.logList = function (logList) {
var self = this;
logList = new Collection(logList);
logList.map(function (log) {
self.log(log.lvl, log.message, log.context, log.type);
self.log(log.level, log.message, log.context);
});
};