@shirtiny/logger
Version:
Simple console log with css, write in typescript.
1 lines • 10 kB
JavaScript
var ShirtinyLogger=(()=>{var L=Object.defineProperty;var O=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var k=(i,e,o)=>e in i?L(i,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[e]=o,G=(i,e)=>{for(var o in e||(e={}))A.call(e,o)&&k(i,o,e[o]);if(O)for(var o of O(e))B.call(e,o)&&k(i,o,e[o]);return i};var P=(i,e)=>{for(var o in e)L(i,o,{get:e[o],enumerable:!0})};var b=(i,e,o)=>new Promise((t,n)=>{var l=u=>{try{m(o.next(u))}catch(h){n(h)}},s=u=>{try{m(o.throw(u))}catch(h){n(h)}},m=u=>u.done?t(u.value):Promise.resolve(u.value).then(l,s);m((o=o.apply(i,e)).next())});var j={};P(j,{LEVELS:()=>g,Logger:()=>x,LoggerOption:()=>v,ShLogger:()=>w,css:()=>p,default:()=>F,theme:()=>R});var a;(function(r){r.red="#e72528",r.blue="#2a79af",r.weakBlue="#6eb6f4",r.geekblue="#85a5ff",r.gold="#ffd666",r.orange="#ffa940",r.cyan="#13c2c2",r.green="#52c41a",r.volcano="#fa541c",r.lime="#389e0d",r.pink="#eb2f96",r.purple="#722ed1",r.darkPurple="#292F4C",r.gray="#8c8c8c",r.darkGreen="#3f6600",r.cutePurple="#6a51b2",r.groupBlue="#39B5E0"})(a||(a={}));var f=class{constructor(){this.colors=a,this.shapes={slider:new T}}};var T=class{constructor(){}title(e=""){return p`color: ${e};border-left: 3px solid ${e};padding: 2px;font-weight: 600;`}message(e=""){return p`color: ${e};`}message_button(e="#eee",o=a.darkPurple,t="#fff"){return p`background-color: ${o};color: ${e};padding: 2px 5px;border-radius: 3px;text-shadow: 0 0 2px ${t};`}};var S=i=>i?String(i).trim().replace(/\s*(;|\{|\})+\s*[\n]*[\n\r]*/g,"$1"):"",p=(i,...e)=>{if(!e.length)return S(i[0]);let o="";return e.forEach((t,n)=>{o+=i[n]+t}),o+=i[i.length-1],S(o)},d;(function(t){t[t.title=1]="title",t[t.message=2]="message",t[t.message_button=3]="message_button"})(d||(d={}));var y=({color:i},e=new T,o)=>{switch(o){case 1:return e.title(i);case 2:return e.message(i);case 3:return e.message_button();default:return""}};var I=class{constructor(e){this._option={enable:typeof(e==null?void 0:e.enable)=="boolean"?e.enable:!0,log:e==null?void 0:e.log,logGroup:e==null?void 0:e.logGroup,logGroupEnd:e==null?void 0:e.logGroupEnd,logTime:e==null?void 0:e.logTime,logTimeStep:e==null?void 0:e.logTimeStep,logTimeEnd:e==null?void 0:e.logTimeEnd,logTrace:e==null?void 0:e.logTrace}}log(...e){let{enable:o,log:t}=this._option;o&&t&&t(...e)}logGroup(...e){let{enable:o,logGroup:t}=this._option;o&&t&&t(...e)}logGroupEnd(){let{enable:e,logGroupEnd:o}=this._option;e&&o&&o()}logTime(e){let{enable:o,logTime:t}=this._option;o&&t&&t(e)}logTimeStep(e,...o){let{enable:t,logTimeStep:n}=this._option;t&&n&&n(e,...o)}logTimeEnd(e){let{enable:o,logTimeEnd:t}=this._option;o&&t&&t(e)}logTrace(...e){let{enable:o,logTrace:t}=this._option;o&&t&&t(...e)}set baseOption(e){this._option=e}get baseOption(){return this._option}setEnable(e){this._option.enable=!!e}};var v=class{constructor(e){let o={enable:!0,log:(...t)=>{var n;return(n=window==null?void 0:window.console)==null?void 0:n.log(...t)},logGroup:(...t)=>{var n;return(n=window==null?void 0:window.console)==null?void 0:n.group(...t)},logGroupCollapsed:(...t)=>{var n;return(n=window==null?void 0:window.console)==null?void 0:n.groupCollapsed(...t)},logGroupEnd:()=>{var t;return(t=window==null?void 0:window.console)==null?void 0:t.groupEnd()},logTime:t=>{var n;return(n=window==null?void 0:window.console)==null?void 0:n.time(t)},logTimeStep:(t,...n)=>{var l;return(l=window==null?void 0:window.console)==null?void 0:l.timeLog(t,...n)},logTimeEnd:t=>{var n;return(n=window==null?void 0:window.console)==null?void 0:n.timeEnd(t)},logTrace:(...t)=>{var n;return(n=window==null?void 0:window.console)==null?void 0:n.trace(...t)},level:39,shape:new f().shapes.slider,isCollapsed:!0};this.enable=e&&typeof e.enable=="boolean"?e.enable:o.enable,this.log=e&&e.log||o.log,this.logGroup=e&&e.logGroup||o.logGroup,this.logGroupCollapsed=e&&e.logGroupCollapsed||o.logGroupCollapsed,this.logGroupEnd=e&&e.logGroupEnd||o.logGroupEnd,this.logTime=e&&e.logTime||o.logTime,this.logTimeStep=e&&e.logTimeStep||o.logTimeStep,this.logTimeEnd=e&&e.logTimeEnd||o.logTimeEnd,this.logTrace=e&&e.logTrace||o.logTrace,this.level=e&&typeof e.level=="number"?e.level:o.level,this.shape=e&&e.shape?e.shape:o.shape,this.isCollapsed=e&&e.isCollapsed?e.isCollapsed:o.isCollapsed}},x=class extends I{constructor(e){let o=new v(e);super(o);this.loggerOption=o}setLoggerOption(e){let o=G(G({},this.loggerOption),e);this.loggerOption=o,super.baseOption={enable:o.enable,log:o.log,logGroup:o.isCollapsed?o.logGroupCollapsed:o.logGroup,logGroupEnd:o.logGroupEnd,logTime:o.logTime,logTimeEnd:o.logTimeEnd,logTrace:o.logTrace}}getLoggerOption(){return this.loggerOption}setLevel(e){typeof e=="number"&&(this.loggerOption.level=e)}isLevelAllowed(e){return!(!this.loggerOption.level&&this.loggerOption.level!==0||this.loggerOption.level<e)}customFormat(e,o,...t){if(!this.isLevelAllowed(e))return;let n="%c"+o.map(s=>s.str).join("%c"),l=o.map(s=>s.style);this.log(n,...l,...t)}formatLog(e,o,t,n,l,...s){!this.isLevelAllowed(e)||this.log(`%c${o}%c${t}`,n,l,...s)}formatGroup(e,o,t){if(!!this.isLevelAllowed(e)){if(Array.isArray(o)){let n="%c"+o.map(s=>s.str).join("%c"),l=o.map(s=>s.style);this.logGroup(n,...l)}else this.logGroup(String(o));t(),this.logGroupEnd()}}formatTiming(e,o,t,n="<---"){return b(this,null,function*(){!this.isLevelAllowed(e)||(this.logTime(o),yield t((...l)=>{this.logTimeStep(o,n,...l)}),this.logTimeEnd(o))})}formatTrace(e,...o){!this.isLevelAllowed(e)||this.logTrace(...o)}};var _=i=>{let e=new FileReader;return new Promise((o,t)=>{e.onload=()=>{o(e.result)},e.onerror=n=>{t(n)},i&&i(e)})},g;(function(r){r[r.version=0]="version",r[r.repo=0]="repo",r[r.error=0]="error",r[r.warn=1]="warn",r[r.interval=1]="interval",r[r.group=2]="group",r[r.img=2]="img",r[r.log=2]="log",r[r.key=3]="key",r[r.service=4]="service",r[r.api=5]="api",r[r.component=5]="component",r[r.http=6]="http",r[r.doms=6]="doms",r[r.debug=7]="debug",r[r.trace=7]="trace",r[r.timing=7]="timing"})(g||(g={}));var c={debug:{name:"debug",title:" Debug :",color:a.lime,level:7},http:{name:"http",title:" Http :",color:a.weakBlue,level:6},api:{name:"api",title:" Api :",color:a.cyan,level:5},service:{name:"service",title:" Service :",color:a.purple,level:4},interval:{name:"interval",title:" Interval :",color:a.pink,level:1},doms:{name:"doms",title:" DOM :",color:a.darkGreen,level:6},component:{name:"component",title:" COM :",color:a.cutePurple,level:5},warn:{name:"warn",title:" WARN :",color:a.orange,level:1},error:{name:"error",title:" ERR :",color:a.red,level:0},key:{name:"key",title:" Key :",color:a.darkPurple,level:3}},w=class extends x{constructor(){super(...arguments);this.doms=(e,...o)=>{this.formatShapeLog(c.doms,e,[...o])};this.component=(e,o,...t)=>{this.formatShapeLog(c.component,String(e),o,...t)};this.group=(e,o)=>{this.formatGroup(2,[{str:e,style:p`color: ${a.groupBlue};`}],o)};this.timing=(e,o)=>{this.formatTiming(7,e,o,"|")};this.trace=(...e)=>{this.formatTrace(7,...e)};this.error=(e,...o)=>{this.formatShapeLog(c.error,`${(e==null?void 0:e.stack)||e}`,...o)};this.key=(e,...o)=>{let t=c.key;this.formatLog(t.level,t.title,e.toUpperCase(),y({color:t.color},this.getLoggerOption().shape,d.title),y({},this.getLoggerOption().shape,d.message_button),...o)};this.version=(e="",o,...t)=>{this.formatLog(0,e.toUpperCase(),o,p`background: linear-gradient(to right, #009fff, #ec2f4b);color: white;padding: 2px 5px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;`,p`background-color: ${a.darkPurple};color: white;padding: 2px 5px;`,...t)};this.repo=(e,...o)=>{this.customFormat(0,[{str:"REP",style:p`background-color: green;color: white;padding: 2px 5px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.06);border-right: none;`},{str:e,style:p`background-color: #fff;color: #333;padding: 2px 5px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.06);border-left: none;`}],...o)};this.img=(e,o="")=>b(this,null,function*(){let t=e;if(!String(e).includes("blob")){let n=yield(yield fetch(e)).blob();t=yield _(l=>{l.readAsDataURL(n)})}this.customFormat(2,[{str:" ",style:p`margin-left: 8px;padding: 15px;color: transparent;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(${t});${o} `}])});this.unionVersion=(e,o,t,n,...l)=>b(this,null,function*(){let s=n==null?void 0:n.src;if(s&&!String(s).includes("blob")){let u=yield(yield fetch(s)).blob();s=yield _(h=>{h.readAsDataURL(u)})}let m=[{str:String(e).toUpperCase(),style:p`background: linear-gradient(to right, #009fff, #ec2f4b);color: white;padding: 2px 5px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;`},{str:o,style:p`background-color: #292f4c;color: white;padding: 2px 5px;margin-right: 8px;`},{str:"REP",style:p`background-color: green;color: white;padding: 2px 5px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.06);border-right: none;`},{str:t,style:p`background-color: #fff;color: #333;padding: 2px 5px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border: 1px solid rgba(0, 0, 0, 0.06);border-left: none;`}];s&&m.push({str:" ",style:p`margin-left: 8px;padding: 15px;color: transparent;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(${s});${(n==null?void 0:n.style)||""} `}),this.customFormat(0,m,...l)})}formatShapeLog({level:e,title:o,color:t},n,...l){this.formatLog(e,o,n,y({color:t},this.getLoggerOption().shape,d.title),y({color:t},this.getLoggerOption().shape,d.message),...l)}debug(e,...o){this.formatShapeLog(c.debug,e,...o)}http(e,...o){this.formatShapeLog(c.http,e,...o)}api(e,...o){this.formatShapeLog(c.api,e,...o)}service(e,...o){this.formatShapeLog(c.service,e,...o)}interval(e,...o){this.formatShapeLog(c.interval,e,...o)}warn(e,...o){this.formatShapeLog(c.warn,e,...o)}};var R=new f;var $=new w;var F=$;return j;})();