export default class BrowserReporter {
constructor (options) {
this.options = Object.assign({}, options)
this.defaultColor = '#7f8c8d' this.levelColorMap = {
0: '#c0392b', 1: '#f39c12', 3: '#00BCD4' }
this.typeColorMap = {
success: '#2ecc71' }
}
log (logObj) {
const consoleLogFn = logObj.level < 1
? (console.__error || console.error)
: logObj.level === 1 && console.warn ? (console.__warn || console.warn) : (console.__log || console.log)
const type = logObj.type !== 'log' ? logObj.type : ''
const tag = logObj.tag ? logObj.tag : ''
const color = this.typeColorMap[logObj.type] || this.levelColorMap[logObj.level] || this.defaultColor
const style = `
background: ${color};
border-radius: 0.5em;
color: white;
font-weight: bold;
padding: 2px 0.5em;
`
const badge = `%c${[tag, type].filter(Boolean).join(':')}`
if (typeof logObj.args[0] === 'string') {
consoleLogFn(
`${badge}%c ${logObj.args[0]}`,
style,
'',
...logObj.args.slice(1)
)
} else {
consoleLogFn(badge, style, ...logObj.args)
}
}
}