@quasar/app-webpack/lib/utils/logger.js

Quasar Framework App CLI with Webpack

const {
  bgGreen,
  green,
  inverse,
  bgRed,
  red,
  bgYellow,
  yellow,
  black,
  white,
  underline
} = require('kolorist')

const readline = require('node:readline')

/**
 * Pills
 */

const successPill = msg => bgGreen(black(` ${msg} `))
const infoPill = msg => inverse(` ${msg} `)
const errorPill = msg => bgRed(white(` ${msg} `))
const warningPill = msg => bgYellow(black(` ${msg} `))

module.exports.successPill = successPill
module.exports.infoPill = infoPill
module.exports.errorPill = errorPill
module.exports.warningPill = warningPill

/**
 * Main approach - App CLI related
 */

const dot = '•'
module.exports.dot = dot

const banner = 'App ' + dot
const greenBanner = green(banner)
const redBanner = red(banner)
const yellowBanner = yellow(banner)
const tipBanner = `${green('App')} ${dot} ${successPill('TIP')} ${dot} 🚀 `

module.exports.clearConsole = process.stdout.isTTY
  ? () => {
      // Fill screen with blank lines. Then move to 0 (beginning of visible part) and clear it
      const blank = '\n'.repeat(process.stdout.rows)
      console.log(blank)
      readline.cursorTo(process.stdout, 0, 0)
      readline.clearScreenDown(process.stdout)
    }
  : () => {}

module.exports.tip = function tip(msg) {
  console.log(msg ? ` ${tipBanner} ${msg}` : '')
}

function log(msg) {
  console.log(msg ? ` ${greenBanner} ${msg}` : '')
}
module.exports.log = log

module.exports.warn = function warn(msg, pill) {
  if (msg !== void 0) {
    const pillBanner = pill !== void 0 ? warningPill(pill) + ' ' : ''
    console.warn(` ${yellowBanner} ⚠️  ${pillBanner}${msg}`)
  } else {
    console.warn()
  }
}

module.exports.fatal = function fatal(msg, pill) {
  if (msg !== void 0) {
    const pillBanner = pill !== void 0 ? errorPill(pill) + ' ' : ''

    console.error(`\n ${redBanner} ⚠️  ${pillBanner}${msg}\n`)
  } else {
    console.error()
  }

  process.exit(1)
}

/**
 * Extended approach - Compilation status & pills
 */

function success(msg, title = 'SUCCESS') {
  console.log(` ${greenBanner} ${successPill(title)} ${green(dot + ' ' + msg)}`)
}
module.exports.success = success
module.exports.getSuccess = function getSuccess(msg, title) {
  return ` ${greenBanner} ${successPill(title)} ${green(dot + ' ' + msg)}`
}

function info(msg, title = 'INFO') {
  console.log(` ${greenBanner} ${infoPill(title)} ${green(dot)} ${msg}`)
}
module.exports.info = info
module.exports.getInfo = function getInfo(msg, title) {
  return ` ${greenBanner} ${infoPill(title)} ${green(dot)} ${msg}`
}

module.exports.error = function error(msg, title = 'ERROR') {
  console.log(` ${redBanner} ${errorPill(title)} ${red(dot + ' ' + msg)}`)
}
module.exports.getError = function getError(msg, title = 'ERROR') {
  return ` ${redBanner} ${errorPill(title)} ${red(dot + ' ' + msg)}`
}

module.exports.warning = function warning(msg, title = 'WARNING') {
  console.log(
    ` ${yellowBanner} ${warningPill(title)} ${yellow(dot + ' ' + msg)}`
  )
}
module.exports.getWarning = function getWarning(msg, title = 'WARNING') {
  return ` ${yellowBanner} ${warningPill(title)} ${yellow(dot + ' ' + msg)}`
}

/**
 * Progress related
 */

module.exports.progress = function progress(msg, token) {
  const parseMsg =
    token !== void 0
      ? text => text.replace('___', underline(green(token)))
      : text => text

  info(parseMsg(msg), 'WAIT')

  const startTime = Date.now()

  return progressMessage => {
    const diffTime = Number(new Date()) - startTime
    success(`${parseMsg(progressMessage)} ${dot} ${diffTime}ms`, 'DONE')
    log()
  }
}