@renanmalato/logger-plus/loggerPlus.js

A powerful and easy-to-use logging utility for React Native and Expo applications. @renanmalato/logger-plus provides a consistent way to log messages with different levels of severity (info, success, warning, error) and includes timestamps for each log en

const getCurrentTimestamp = () => {
  const now = new Date();
  return now.toTimeString().split(' ')[0]; // HH:MM:SS
};

const formatMessage = (msg) => {
  if (msg === true || msg === false) {
    return [String(msg)];
  }
  
  if (typeof msg === 'object') {
    try {
      return JSON.stringify(msg, null, 2).split('\n').map(line => line.trim());
    } catch (e) {
      return ['[Unable to stringify object]'];
    }
  }
  return [msg || '']; // Ensure that msg is not undefined
};

const logBase = (type, emoji, message, screenOrFunction = '(not called)', ...messages) => {
  const timestamp = getCurrentTimestamp();

  // Ensure that screenOrFunction is a string; otherwise, treat it as a message
  if (typeof screenOrFunction !== 'string') {
    messages.unshift(screenOrFunction);
    screenOrFunction = '(not called)';
  }

  console.group('');
  console[type]('---------------------------------');
  console[type](`${emoji} from ${screenOrFunction}`);
  console[type]('---------------------------------');
  console[type]('');
  
  const lines = formatMessage(message);
  console[type](lines[0]);
  for (let i = 1; i < lines.length; i++) {
    console.log(lines[i]);
  }

  // Handle messages properly, including logging boolean values like false/true
  messages.forEach(msg => {
    if (msg !== undefined) {
      const msgLines = formatMessage(msg);
      msgLines.forEach(line => console.log(line));
    }
  });

  console.log(''); // Add a line break before the timestamp
  console[type](`[${timestamp}]`);
  console[type]('');
  console.groupEnd();
};

const logError = (message, screenOrFunction = '(not called)', ...messages) => {
  const timestamp = getCurrentTimestamp();

  // Ensure that screenOrFunction is a string; otherwise, treat it as a message
  if (typeof screenOrFunction !== 'string') {
    messages.unshift(screenOrFunction);
    screenOrFunction = '(not called)';
  }

  console.group('');
  console.log('---------------------------------');
  console.log(`❌ from ${screenOrFunction}`);
  console.log('---------------------------------');
  console.log('');
  const lines = formatMessage(message);
  console.error(lines[0]);
  for (let i = 1; i < lines.length; i++) {
    console.log(lines[i]);
  }
  messages.forEach(msg => {
    if (msg !== undefined) {
      const msgLines = formatMessage(msg);
      msgLines.forEach(line => console.log(line));
    }
  });
  console.log(''); // Add a line break before the timestamp
  console.log(`[${timestamp}]`);
  console.log('');
  console.groupEnd();
};

const logWarn = (message, screenOrFunction = '(not called)', ...messages) => {
  const timestamp = getCurrentTimestamp();

  // Ensure that screenOrFunction is a string; otherwise, treat it as a message
  if (typeof screenOrFunction !== 'string') {
    messages.unshift(screenOrFunction);
    screenOrFunction = '(not called)';
  }

  console.group('');
  console.log('---------------------------------');
  console.log(`⚠️ from ${screenOrFunction}`);
  console.log('---------------------------------');
  console.log('');
  const lines = formatMessage(message);
  console.warn(lines[0]);
  for (let i = 1; i < lines.length; i++) {
    console.log(lines[i]);
  }
  messages.forEach(msg => {
    if (msg !== undefined) {
      const msgLines = formatMessage(msg);
      msgLines.forEach(line => console.log(line));
    }
  });
  console.log(''); // Add a line break before the timestamp
  console.log(`[${timestamp}]`);
  console.log('');
  console.groupEnd();
};

const line = (message, ...messages) => {
  const timestamp = getCurrentTimestamp();

  console.group('');
  formatMessage(message).forEach(line => console.log(line));
  messages.forEach(msg => {
    if (msg !== undefined && msg !== '') {
      formatMessage(msg).forEach(line => console.log(line));
    }
  });
  console.log(''); // Add a line break before the timestamp
  console.log(`[${timestamp}]`);
  console.log('----------------------------------');
  console.groupEnd();
};

const printBox = (...lines) => {
  const timestamp = getCurrentTimestamp();
  const timestampFormatted = `[${timestamp}]`;
  
  // Convert objects to strings
  lines = lines.map(line => {
    if (typeof line === 'object') {
      try {
        return JSON.stringify(line, null, 2).split('\n').map(subLine => subLine.trim());
      } catch (e) {
        return '[Unable to stringify object]';
      }
    }
    return line || ''; // Ensure that line is not undefined
  }).flat();

  console.group(''); // Add group

  // Find the longest line length
  const maxLength = Math.max(...lines.map(line => line.length), timestampFormatted.length);

  // Create the top border
  let topBorder = '╔' + '═'.repeat(maxLength + 2) + '╗';
  console.log(topBorder);

  // Add a line spacer at the top
  let lineSpacer = '║' + ' '.repeat(maxLength + 2) + '║';
  console.log(lineSpacer);

  // Create each line with padding
  lines.forEach(line => {
    console.log(lineSpacer);
    let padding = ' '.repeat(maxLength - line.length);
    console.log(`║ ${line}${padding} ║`);
  });

  // Add the timestamp
  console.log(lineSpacer);
  let timestampPadding = ' '.repeat(maxLength - timestampFormatted.length);
  console.log(`║ ${timestampFormatted}${timestampPadding} ║`);
  console.log(lineSpacer);

  // Create the bottom border
  let bottomBorder = '╚' + '═'.repeat(maxLength + 2) + '╝';
  console.log(bottomBorder);

  console.groupEnd(); // End group
};

const log = (message, screenOrFunction = '(not called)', ...messages) => logBase('log', '', message, screenOrFunction, ...messages);
const success = (message, screenOrFunction = '(not called)', ...messages) => logBase('log', '✅', message, screenOrFunction, ...messages);
const info = (message, screenOrFunction = '(not called)', ...messages) => logBase('info', 'ℹ️', message, screenOrFunction, ...messages);
const warn = (message, screenOrFunction = '(not called)', ...messages) => logWarn(message, screenOrFunction, ...messages);
const error = (message, screenOrFunction = '(not called)', ...messages) => logError(message, screenOrFunction, ...messages);

const box = (...lines) => {
  printBox(...lines);
};

const Logger = {
  log,
  success,
  info,
  warn,
  error,
  line,
  box,
};

// UMD pattern to support both CommonJS and ES Modules
if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
  module.exports = Logger;
} else {
  window.Logger = Logger;
}