libundler/utils/log.js

const { argv } = require('yargs')
const { exit } = require('shelljs')
const fs = require('fs')
const path = require('path')
const c = require('chalk')
const emoji = require('node-emoji')
const filesize = require('filesize')
const gzip = require('gzip-size')
const logUpdate = require('log-update')
const PrettyError = require('pretty-error')

const pe = new PrettyError()

const symbols = require('./symbols')
const filenameReplace = require('./filename-replace')

const ROOT_PATH = argv.cwd
const HAS_GZIP = argv.compress

const placeholder = text => c.gray(`${text}:`)
const getFilesize = file => filesize(fs.statSync(file).size)

const getGZipFilesize = file =>
  filesize(gzip.sync(fs.readFileSync(file, 'utf-8')))

const logWarning = ({ loc, frame, message }) => {
  console.log('')
  console.warn(c.yellow.bold(`---------- WARNING  ----------`))

  if (loc) {
    const line = c.cyan.bold(`(${loc.line}:${loc.column})`)
    console.warn(`${loc.file} ${line}`)
    console.warn(`${c.yellow(message)}`)
    if (frame) {
      console.warn('')
      console.warn(`${c.gray(frame)}`)
    }
  } else {
    console.warn(`${c.yellow(message)}`)
    console.log('')
  }
}

exports.compiling = relative => {
  const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
  let i = 0

  return setInterval(() => {
    const frame = frames[(i = ++i % frames.length)]
    logUpdate(`${c.dim(frame)} Compiling ${c.cyan.bold(relative)}...`)
  }, 80)
}

exports.success = ({ dest, input, output, warning }) => {
  const file = filenameReplace(ROOT_PATH, input, output.filename)
  const outputFile = path.join(dest, file)

  const successTitle = `${symbols.success}  ${c.green.bold(
    'Successfully compiled:'
  )}`
  const warningTitle = `${symbols.warning}  ${c.yellow.bold(
    'Compiled with warnings:'
  )}`
  const title = warning ? warningTitle : successTitle
  const size = `${placeholder('size')} ${getFilesize(outputFile)}`
  const gzip = HAS_GZIP
    ? ` | ${placeholder('gzip')} ${getGZipFilesize(outputFile)}`
    : ''
  const sizes = c.gray.dim(`(${size}${gzip})`)

  const msg = `${title} ${c.cyan(
    path.relative(ROOT_PATH, outputFile)
  )} ${sizes}`

  logUpdate(msg)
  if (warning) logWarning(warning)
  logUpdate.done()
}

exports.watch = context => ev => {
  const file = ev.input && path.relative(context, ev.input)
  const evType = code => ev.code === code

  switch (ev.code) {
    case 'START':
      logUpdate(`${emoji.get(':mag_right:')}  Watching...`)
      logUpdate.done()
      break
    case 'BUNDLE_START':
      logUpdate(
        `${c.cyan.bold(symbols.arrow)}  ${c.cyan.bold(
          'Start compiling:'
        )} ${file}`
      )
      break
    case 'BUNDLE_END':
      logUpdate(
        `${symbols.success}  ${c.green.bold('Finished compiling:')} ${file}`
      )
      logUpdate.done()
      break
    case 'END':
      logUpdate(`${symbols.success}  ${c.green.bold('All completed')}`)
      logUpdate.done()
      break
    case 'FATAL':
      console.log(pe.render(ev.error))
      evType('FATAL') && exit(1)
      break
    case 'ERROR':
      console.log(pe.render(ev.error))
      evType('FATAL') && exit(1)
      break
    default:
      break
  }
}