create-react-component-folder/lib/logger/index.js

Creates single react component folder structure

/* eslint-disable no-console */
const chalk = require('chalk');
const logUpdate = require('log-update');

const logTypes = {
  warn: {
    bg: 'bgYellow',
    msg: ' WARNING ',
    text: 'yellow',
  },
  info: {
    bg: 'bgMagenta',
    msg: ' INFO ',
    text: 'magenta',
  },
  error: {
    bg: 'bgRed',
    msg: ' ERROR ',
    text: 'red',
  },
  start: {
    bg: 'bgBlue',
    msg: ' WAIT ',
    text: 'blue',
  },
  done: {
    bg: 'bgGreen',
    msg: ' DONE ',
    text: 'green',
  },
  title: {
    bg: 'bgMagenta',
    msg: ' TITLE MISSING ',
    text: 'magenta',
  },
};

/**
 * Logger function to log to console
 * @param {String} type - Type of message or special title
 * @param {String} text - Log message
 * @param {Object} verbose - Log data
 * @param {String} strongTxt - Title message with background
 */
function write(type, text, verbose, strongTxt) {
  let textToLog = '';
  let logObject = false;
  const logType = logTypes[type];

  if (strongTxt) {
    logType.msg = ` ${strongTxt.toUpperCase()} `;
  }

  textToLog += `${chalk[logType.bg].black(logType.msg)} ${chalk[logType.text](text)}`;

  // Adds optional verbose output
  if (verbose) {
    if (typeof verbose === 'object') {
      logObject = true;
    } else {
      textToLog += `\n\n${verbose}`;
    }
  }

  console.log(textToLog);
  if (['start', 'done', 'error'].indexOf(type) > -1) {
    console.log();
  }

  if (logObject) console.dir(verbose, { depth: 15 });
}

let interval = null;

/**
 * Logs text with animation frames infront of text
 *
 * @param {String} text - Text to log
 * @param {Array} frames - Array strings (frames) to animate
 */
function animateStart(text, frames) {
  /* eslint-disable no-param-reassign */
  frames = frames || ['-', '\\', '|', '/'];
  let i = 0;

  interval = setInterval(() => {
    /* eslint-disable no-plusplus */
    const frame = frames[(i = ++i % frames.length)];

    logUpdate(`${frame} ${text}`);
  }, 80);
}

/**
 * Clears interval for animating text
 */
function animateStop() {
  clearInterval(interval);
}

/**
 * Printing any statements
 * @param {String} text - Message to log
 */
function log(text = '') {
  console.log(text);
}

/**
 * Starting message
 * @param {String} text - Message to log
 */
function start(text) {
  write('start', text);
}

/**
 * Done message
 * @param {String} text - Message to log
 */
function done(text) {
  write('done', text);
}

/**
 * Info message
 * @param {String} text - Message to log
 */
function info(text) {
  write('info', text);
}

/**
 * Warning output which takes optional data
 * @param {String} text - Message to log
 * @param {Object} data - Verbose data
 */
function warn(text, data) {
  write('warn', text, data);
}

/**
 * Error output which takes optional err
 * @param {String} text - Message to log
 * @param {Object} err - Verbose err
 */
function error(text, err) {
  write('error', text, err);
}

/**
 * Message with specific title
 * @param {String} strong - Strong title text
 * @param {String} text - Text to log
 */
function title(strong, text) {
  write('title', text, null, strong);
}

module.exports = {
  log,
  info,
  warn,
  error,
  start,
  done,
  title,
  animateStart,
  animateStop,
};