Source: utils/ui.js

/** @module utils/ui */

import chalk from 'chalk'

/**
 * #### File Info
 * @typedef THEME_FILE_INFO
 * @type {object}
 * @property {string} [name]
 * @property {string} [path]
 * @property {string} [dist]
 * @property {string} [size]
 */

/**
 * #### convert file size B -> kB/MB
 * @param {number} size - env variables
 * @returns {string} file size B/kB/MB
 * @example
 * convertFileSize(size)
 */
function convertFileSize (size) {
  if (size < 1000) {
    return `${parseFloat(size.toFixed(2))} B`
  } else if (size >= 1000) {
    return `${parseFloat((size / 1000).toFixed(2))} kB`
  } else if (size >= 1000000) {
    return `${parseFloat((size / 1000000).toFixed(2))} MB`
  } else {
    return `${parseFloat((size / 1000000).toFixed(2))} MB`
  }
}

/**
 * #### parse file info
 * @private
 * @param {Array<THEME_FILE_INFO>} files
 * @returns {string} all file info
 */
function filesStats (files) {
  let infoBlock = ''
  const lastItem = files.length - 1
  files.forEach((file, index) => {
    if (file.size) {
      infoBlock = infoBlock + `${chalk.green(file.dist)} ${chalk.yellow(`- ${file.size}`)}`
    } else {
      infoBlock = infoBlock + `${chalk.green(file.dist)}`
    }
    if (index !== lastItem) {
      infoBlock = infoBlock + '\n'
    }
  })
  return infoBlock
}

/**
 * #### Start task message
 * @description Show in console start task message with timestamp
 * @param {string} taskName - task name
 * @returns {number} timestamp
 * @example
 * const timeStart = utils.startTask('Compile CSS')
 */
function startTask (taskName) {
  const timeStart = Date.now()
  console.log(
    `${chalk.blue(taskName)} ${chalk.dim('start')}`
  )
  return timeStart
}

/**
 * #### end task/tasks options
 * @typedef EndTask
 * @type {object}
 * @property {Array<THEME_FILE_INFO>} [files] - file list
 * @property {string} taskName
 * @property {number} timeStart
 */

/**
 * #### End task console message
 * @description End task console message with date, title, time and filelist if present
 * @param {EndTask} options - EndTask options
 * @returns undefined
 * @example
 * utils.endTask({taskName: 'Compile CSS', timeStart: 1663932841247 })
 */
function endTask (options) {
  const timeEnd = Date.now()
  const timeDiff = (timeEnd - options.timeStart) / 1000
  const msg = `${chalk.dim(`${chalk.magenta('─────●')}`)} ${chalk.blue(options.taskName)}`
  if (options.files && options.files.length > 0) {
    console.log(
      `${filesStats(options.files)}\n${msg} ${chalk.gray('finished after')} ${chalk.dim.yellow(`${timeDiff}s`)}\n`
    )
  } else {
    console.log(
      `${msg} ${chalk.gray('finished after')} ${chalk.dim.yellow(`${timeDiff}s`)}\n`
    )
  }
}

/**
 * #### Start task group message
 * @description Show in console start task group message with timestamp
 * @param {string} taskName - Task name
 * @returns {number} timestart timestamp
 * @example
 * const timeStart = utils.startTaskGroup('Build task')
 */
function startTaskGroup (taskName) {
  const timeStart = Date.now()
  const msg = `${chalk.bold(taskName)} ${chalk.dim(`[${new Date(timeStart).toLocaleTimeString()}]`)}`
  console.log(`${msg}`)
  return timeStart
}

/**
 * #### End group of tasks info
 * @description End group of tasks console message with date, title and time
 * @param {EndTask} options - End task options
 * @returns undefined
 * @example
 * utils.endTaskGroup({ taskName: 'Build task', timeStart: 1663932841247 })
 */
function endTaskGroup (options) {
  const timeEnd = Date.now()
  const timeDiff = (timeEnd - options.timeStart) / 1000
  const msg = `${chalk.bold(options.taskName)}`
  let processStatusMark
  if (process.exitCode === 1) {
    processStatusMark = chalk.red('●')
  } else {
    processStatusMark = chalk.green('●')
  }
  console.log(`${processStatusMark} ${msg} ${chalk.grey('finished after')} ${chalk.dim.yellow.underline(`${timeDiff}s`)} ${chalk.dim(`[${new Date(timeEnd).toLocaleTimeString()}]`)}`)
}

export { startTask, endTask, startTaskGroup, endTaskGroup, convertFileSize }