A debug.js-based logging utility:

• Predefined log types (debug, info, warn, error);
• Use namespace to distinguish your app logs from other outputs in browser Consoles or Terminals;
• Enable one or more types or a log level as you need;
• Title-scoped logs to further title your logs across app modules.

npm install @gloxy/logger
# or
yarn add @gloxy/logger
# or
pnpm add @gloxy/logger

The only parameter namespace (e.g., 'myapp') helps distinguish these logs from other prints on Browser DevTool Consoles or Terminals.

import { createLogger } from '@gloxy/logger'
const logger = createLogger('myapp')

Logger includes 4 types of logging: debug, info, warn, and error, which use the respective console methods under the hood of the browsers and Node.js.

logger.info('Ball player %s is performing well', 'Mary')
// myapp:info Ball player Mary is performing well +0ms

You can create title-scoped logger logger(<title>), especially useful for module files.

/* ./logger.js  */

import { createLogger } from '@gloxy/logger'
export const logger = createLogger('myapp')

/* ./foo.js */

import { logger } from './logger'

const log = logger('foo')
log.info('Ball player %s is performing well', 'Mary')
// myapp:info [foo] Ball player Mary is performing well +0ms

/* ./bar.js */

import { logger } from './logger'

const log = logger('bar')
log.info('Ball player %s is performing well', 'Mary')
// myapp:info [bar] Ball player Mary is performing well +0ms

Logger is disabled by default. You can enable all log types (*) or one of them(debug, info, warn, and error) by setting name (namespace:type), or multiple types (separated with commas, namespace:type1,namespace:type2). Refer to debug.js.

Note: enable() completely overrides the previous enabled setting.

• To enable the logger:

  • In web browsers: localStorage.logger = 'myapp:*'
  • In Node.js: set the environment variable LOGGER=myapp:*

  Specify a type to enable the single type of logger, e.g, myapp:error.

• Disable logger by removing these settings.

import { disable, enable } from '@gloxy/logger'

enable('myapp:*')
disable()

Logger supports 4 levels. You can enable multiple log types by enabling a level (namespace:level).

• 1: error
• 2: error, warn
• 3: error, warn, info
• 4: error, warn, info, debug

For example, enable level 2 to output only critical error and warning logs in producation.

if (import.meta.env.NODE_ENV === 'producation') {
  enable('myapp:2')
}

👤 GloryWong

• Website: https://glorywong.com
• GitHub: @GloryWong

Give a ⭐️ if this project helped you!