browser-log.ts

export type LogLevel = 'error' | 'warn' | 'info' | 'debug';

export interface LoggerOpts {
  level: LogLevel;
}

export type LogMethods = {
  [key in LogLevel]: (...messages: any) => void;
};

export const createLogger = ({ level = 'info' }: LoggerOpts): LogMethods => {
  const levels = {
    error: 0,
    warn: 1,
    info: 2,
    debug: 4,
  };

  // TODO: handle console.dir, console.table, console.assert, etc
  const methods = {
    error: 'error',
    warn: 'warn',
    info: 'log',
    debug: 'debug',
  };

  const log = (method: LogLevel, ...messages: any) => {
    const rank = levels[method];
    const mappedMethod = methods[method];

    const displayLevel = `[${method.toUpperCase()}]`;

    if (levels[level] >= rank) {
      // eslint-disable-next-line no-console
      console[mappedMethod](displayLevel, ...messages);
    }
  };

  const shortcuts = Object.keys(methods).reduce<LogMethods>(
    (acc, method) => ({
      ...acc,
      [method]: (...messages) => log(method as LogLevel, ...messages),
    }),
    {} as any,
  );

  return shortcuts;
};

export const log = createLogger({
  level: (window.localStorage.getItem('LOG_LEVEL') as any) || 'error',
});