Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pimterry/loglevel

:ledger: Minimal lightweight logging for JavaScript, adding reliable log level methods to wrap any available console.log methods
https://github.com/pimterry/loglevel

javascript lightweight logging loglevel setlevel stack-traces

Last synced: 11 days ago
JSON representation

:ledger: Minimal lightweight logging for JavaScript, adding reliable log level methods to wrap any available console.log methods

Awesome Lists containing this project

README 

        

# loglevel [![NPM version][npm-image]][npm-url] [![NPM downloads](https://img.shields.io/npm/dw/loglevel.svg)](https://www.npmjs.com/package/loglevel) [![Build Status](https://github.com/pimterry/loglevel/actions/workflows/ci.yml/badge.svg)](https://github.com/pimterry/loglevel/actions/workflows/ci.yml)



[npm-image]: https://img.shields.io/npm/v/loglevel.svg?style=flat

[npm-url]: https://npmjs.org/package/loglevel



> _Don't debug with logs alone - check out [HTTP Toolkit](https://httptoolkit.tech/javascript): beautiful, powerful & open-source tools for building, testing & debugging HTTP(S)_



Minimal lightweight simple logging for JavaScript (browsers, node.js or elsewhere). loglevel extends `console.log()` & friends with level-based logging and filtering, with none of console's downsides.



Test it out live in your browser console at https://pimterry.github.io/loglevel/demo/index.html



Loglevel is a barebones reliable everyday logging library. It does not do fancy things, it does not let you reconfigure appenders or add complex log filtering rules or boil tea (more's the pity), but it does have the all core functionality that you actually use:



## Features



### Simple



* Log things at a given level (trace/debug/info/warn/error) to the `console` object (as seen in all modern browsers & node.js).

* Filter logging by level (all the above or 'silent'), so you can disable all but error logging in production, and then run `log.setLevel("trace")` in your console to turn it all back on for a furious debugging session.

* Single file, no dependencies, weighs in at 1.4 KB minified and gzipped.



### Effective



* Log methods gracefully fall back to simpler console logging methods if more specific ones aren't available: so calls to `log.debug()` go to `console.debug()` if possible, or `console.log()` if not.

* Logging calls still succeed even if there's no `console` object at all, so your site doesn't break when people visit with old browsers that don't support the `console` object (here's looking at you, IE) and similar.

* This then comes together giving a consistent reliable API that works in every JavaScript environment with a console available, and never breaks anything anywhere else.



### Convenient



* Log output keeps line numbers: most JS logging frameworks call `console.log` methods through wrapper functions, clobbering your stacktrace and making the extra info many browsers provide useless. We'll have none of that thanks.

* It works with all the standard JavaScript loading systems out of the box (CommonJS, AMD, or just as a global).

* Logging is filtered to "warn" level by default, to keep your live site clean in normal usage (or you can trivially re-enable everything with an initial `log.enableAll()` call).

* Magically handles situations where console logging is not initially available (IE8/9), and automatically enables logging as soon as it does become available (when developer console is opened).

* TypeScript type definitions included, so no need for extra `@types` packages.

* Extensible, to add other log redirection, filtering, or formatting functionality, while keeping all the above (except you will clobber your stacktrace, see [“Plugins”](#plugins) below).



## Downloading loglevel



If you're using NPM, you can just run `npm install loglevel`.



Alternatively, loglevel is also available via [Bower](https://github.com/bower/bower) (`bower install loglevel`), as a [Webjar](http://www.webjars.org/), or an [Atmosphere package](https://atmospherejs.com/spacejamio/loglevel) (for Meteor)



Alternatively if you just want to grab the file yourself, you can download either the current stable [production version][min] or the [development version][max] directly, or reference it remotely on unpkg at [`https://unpkg.com/loglevel/dist/loglevel.min.js`][cdn] (this will redirect to a latest version, use the resulting redirected URL if you want to pin that version).



Finally, if you want to tweak loglevel to your own needs or you immediately need the cutting-edge version, clone this repo and see [Developing & Contributing](#developing--contributing) below for build instructions.



[min]: https://raw.github.com/pimterry/loglevel/master/dist/loglevel.min.js

[max]: https://raw.github.com/pimterry/loglevel/master/dist/loglevel.js

[cdn]: https://unpkg.com/loglevel/dist/loglevel.min.js



## Setting it up



loglevel supports AMD (e.g. RequireJS), CommonJS (e.g. Node.js) and direct usage (e.g. loading globally with a `` tag) loading methods. You should be able to do nearly anything, and then skip to the next section anyway and have it work. Just in case, though, here's some specific examples that definitely do the right thing:



### CommonsJS (e.g. Node)



```javascript

var log = require('loglevel');

log.warn("unreasonably simple");

```



### AMD (e.g. RequireJS)



```javascript

define(['loglevel'], function(log) {

   log.warn("dangerously convenient");

});

```



### Directly in your web page



```html

<script src="loglevel.min.js">



log.warn("too easy");



```



### As an ES6 module



loglevel is written as a UMD module, with a single object exported. Unfortunately, ES6 module loaders & transpilers don't all handle this the same way. Some will treat the object as the default export, while others use it as the root exported object. In addition, loglevel includes a `default` property on the root object, designed to help handle this difference. Nonetheless, there are two possible syntaxes that might work for you:



For most tools, using the default import is the most convenient and flexible option:



```javascript

import log from 'loglevel';

log.warn("module-tastic");

```



For some tools though, it might better to wildcard import the whole object:



```javascript

import * as log from 'loglevel';

log.warn("module-tastic");

```



There's no major difference, unless you're using TypeScript & building a loglevel plugin (in that case, see ). In general though, just use whichever suits your environment, and everything should work out fine.



### With noConflict()



If you're using another JavaScript library that exposes a `log` global, you can run into conflicts with loglevel. Similarly to jQuery, you can solve this by putting loglevel into no-conflict mode immediately after it is loaded onto the page. This resets the `log` global to its value before loglevel was loaded (typically `undefined`), and returns the loglevel object, which you can then bind to another name yourself.



For example:



```html



var logging = log.noConflict();



logging.warn("still pretty easy");



```



### TypeScript



loglevel includes its own type definitions, assuming you're using a modern module environment (e.g. Node.JS, webpack, etc), you should be able to use the ES6 syntax above, and everything will work immediately. If not, file a bug!



If you really want to use LogLevel as a global however, but from TypeScript, you'll need to declare it as such first. To do that:



* Create a `loglevel.d.ts` file

* Ensure that file is included in your build (e.g. add it to `include` in your tsconfig, pass it on the command line, or use `///`)

* In that file, add:



  ```typescript

  import * as log from 'loglevel';

  export as namespace log;

  export = log;

  ```



## Documentation



### Methods



The loglevel API is extremely minimal. All methods are available on the root loglevel object, which we suggest you name `log` (this is the default if you import it globally, and is what's set up in the above examples). The API consists of:



#### Logging Methods



5 actual logging methods, ordered and available as:



* `log.trace(msg)`

* `log.debug(msg)`

* `log.info(msg)`

* `log.warn(msg)`

* `log.error(msg)`



`log.log(msg)` is also available, as an alias for `log.debug(msg)`, to improve compatibility with `console`, and make migration easier.



Exact output formatting of these will depend on the console available in the current context of your application. For example, many environments will include a full stack trace with all `trace()` calls, and icons or similar to highlight other calls.



These methods should never fail in any environment, even if no `console` object is currently available, and should always fall back to an available log method even if the specific method called (e.g. `warn`) isn't available.



Be aware that this means that these methods won't always produce exactly the output you expect in every environment; loglevel only guarantees that these methods will never explode on you, and that it will call the most relevant method it can find, with your argument. For example, `log.trace(msg)` in Firefox before version 64 prints the stacktrace by itself, and doesn't include your message (see [#84](https://github.com/pimterry/loglevel/issues/84)).



#### `log.setLevel(level, [persist])`



This disables all logging below the given level, so that after a `log.setLevel("warn")` call `log.warn("something")` or `log.error("something")` will output messages, but `log.info("something")` will not.



This can take either a log level name or `'silent'` (which disables everything) in one of a few forms:



* As a log level from the internal levels list, e.g. `log.levels.SILENT` ← _for type safety_

* As a string, like `'error'` (case-insensitive) ← _for a reasonable practical balance_

* As a numeric index from `0` (trace) to `5` (silent) ← _deliciously terse, and more easily programmable (...although, why?)_



Where possible, the log level will be persisted. LocalStorage will be used if available, falling back to cookies if not. If neither is available in the current environment (e.g. in Node), or if you pass `false` as the optional 'persist' second argument, persistence will be skipped.



If `log.setLevel()` is called when a `console` object is not available (in IE 8 or 9 before the developer tools have been opened, for example) logging will remain silent until the console becomes available, and then begin logging at the requested level.



#### `log.setDefaultLevel(level)`



This sets the current log level only if one has not been persisted and can’t be loaded. This is useful when initializing modules or scripts; if a developer or user has previously called `setLevel()`, this won’t alter their settings. For example, your application might use `setDefaultLevel("error")` set the log level to `error` in a production environment, but when debugging an issue, you might call `setLevel("trace")` on the console to see all the logs. If that `error` setting was set using `setDefaultLevel()`, it will still stay as `trace` on subsequent page loads and refreshes instead of resetting to `error`.



The `level` argument takes the same values that you might pass to `setLevel()`. Levels set using `setDefaultLevel()` never persist to subsequent page loads.



#### `log.resetLevel()`



This resets the current log level to the logger's default level (if no explicit default was set, then it resets it to the root logger's level, or to `WARN`) and clears the persisted level if one was previously persisted.



#### `log.enableAll()` and `log.disableAll()`



These enable or disable all log messages, and are equivalent to `log.setLevel("trace")` and `log.setLevel("silent")`, respectively.



#### `log.getLevel()`



Returns the current logging level, as a number from `0` (trace) to `5` (silent)



It's very unlikely you'll need to use this for normal application logging; it's provided partly to help plugin development, and partly to let you optimize logging code as below, where debug data is only generated if the level is set such that it'll actually be logged. This probably doesn't affect you, unless you've run profiling on your code and you have hard numbers telling you that your log data generation is a real performance problem.



```javascript

if (log.getLevel() <= log.levels.DEBUG) {

  var logData = runExpensiveDataGeneration();

  log.debug(logData);

}

```



This notably isn't the right solution to avoid the cost of string concatenation in your logging. Firstly, it's very unlikely that string concatenation in your logging is really an important performance problem. Even if you do genuinely have hard metrics showing that it is, though, the better solution that wrapping your log statements in this is to use multiple arguments, as below. The underlying console API will automatically concatenate these for you if logging is enabled, and if it isn't then all log methods are no-ops, and no concatenation will be done at all.



```javascript

// Prints 'My concatenated log message'

log.debug("My", "concatenated", "log message");

```



#### `log.getLogger(loggerName)`



This gets you a new logger object that works exactly like the root `log` object, but can have its level and logging methods set independently. All loggers must have a name (which is a non-empty string, or a [Symbol](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol)). Calling `getLogger()` multiple times with the same name will return an identical logger object.



In large applications, it can be incredibly useful to turn logging on and off for particular modules as you are working with them. Using the `getLogger()` method lets you create a separate logger for each part of your application with its own logging level.



Likewise, for small, independent modules, using a named logger instead of the default root logger allows developers using your module to selectively turn on deep, trace-level logging when trying to debug problems, while logging only errors or silencing logging altogether under normal circumstances.



Example usage _(using CommonJS modules, but you could do the same with any module system):_



```javascript

// In module-one.js:

var log = require("loglevel").getLogger("module-one");

function doSomethingAmazing() {

  log.debug("Amazing message from module one.");

}



// In module-two.js:

var log = require("loglevel").getLogger("module-two");

function doSomethingSpecial() {

  log.debug("Special message from module two.");

}



// In your main application module:

var log = require("loglevel");

var moduleOne = require("module-one");

var moduleTwo = require("module-two");

log.getLogger("module-two").setLevel("TRACE");



moduleOne.doSomethingAmazing();

moduleTwo.doSomethingSpecial();

// logs "Special message from module two."

// (but nothing from module one.)

```



Loggers returned by `getLogger()` support all the same properties and methods as the default root logger, excepting `noConflict()` and the `getLogger()` method itself.



Like the root logger, other loggers can have their logging level saved. If a logger’s level has not been saved, it will inherit the root logger’s level when it is first created. If the root logger’s level changes later, the new level will not affect other loggers that have already been created. Loggers with Symbol names (rather than string names) will always be considered unique instances, and will never have their logging level saved or restored.



Likewise, loggers inherit the root logger’s `methodFactory`. After creation, each logger can have its `methodFactory` independently set. See the _plugins_ section below for more about `methodFactory`.



#### `log.getLoggers()`



This will return the dictionary of all loggers created with `getLogger()`, keyed by their names.



#### `log.rebuild()`



Ensure the various logging methods (`log.info()`, `log.warn()`, etc.) behave as expected given the currently set logging level and `methodFactory`. It will also rebuild all child loggers of the logger this was called on.



This is mostly useful for plugin development. When you call `log.setLevel()` or `log.setDefaultLevel()`, the logger is rebuilt automatically. However, if you change the logger’s `methodFactory`, you should use this to rebuild all the logging methods with your new factory.



It is also useful if you change the level of the root logger and want it to affect child loggers that you’ve already created (and have not called `someChildLogger.setLevel()` or `someChildLogger.setDefaultLevel()` on). For example:



```js

var childLogger1 = log.getLogger("child1");

childLogger1.getLevel();  // WARN (inherited from the root logger)



var childLogger2 = log.getLogger("child2");

childLogger2.setDefaultLevel("TRACE");

childLogger2.getLevel();  // TRACE



log.setLevel("ERROR");



// At this point, the child loggers have not changed:

childLogger1.getLevel();  // WARN

childLogger2.getLevel();  // TRACE



// To update them:

log.rebuild();

childLogger1.getLevel();  // ERROR (still inheriting from root logger)

childLogger2.getLevel();  // TRACE (no longer inheriting because `.setDefaultLevel() was called`)

```



## Plugins



### Existing plugins



[loglevel-plugin-prefix](https://github.com/kutuluk/loglevel-plugin-prefix) - plugin for loglevel message prefixing.



[loglevel-plugin-remote](https://github.com/kutuluk/loglevel-plugin-remote) - plugin for sending loglevel messages to a remote log server.



[loglevel-serverSend](https://github.com/artemyarulin/loglevel-serverSend) - Forward your log messages to a remote server.



[loglevel-debug](https://github.com/vectrlabs/loglevel-debug) - Control logging from a DEBUG environmental variable (similar to the classic [Debug](https://github.com/visionmedia/debug) module).



### Writing plugins



Loglevel provides a simple, reliable, minimal base for console logging that works everywhere. This means it doesn't include lots of fancy functionality that might be useful in some cases, such as log formatting and redirection (e.g. also sending log messages to a server over AJAX)



Including that would increase the size and complexity of the library, but more importantly would remove stacktrace information. Currently log methods are either disabled, or enabled with directly bound versions of the `console.log` methods (where possible). This means your browser shows the log message as coming from your code at the call to `log.info("message!")` not from within loglevel, since it really calls the bound console method directly, without indirection. The indirection required to dynamically format, further filter, or redirect log messages would stop this.



There's clearly enough enthusiasm for this even at that cost that loglevel now includes a plugin API. To use it, redefine `log.methodFactory(methodName, logLevel, loggerName)` with a function of your own. This will be called for each enabled method each time the level is set (including initially), and should return a function to be used for the given log method `methodName`, at the given _configured_ (not actual) level `logLevel`, for a logger with the given name `loggerName`. If you'd like to retain all the reliability and features of loglevel, we recommended that you wrap the initially provided value of `log.methodFactory`.



For example, a plugin to prefix all log messages with "Newsflash: " would look like:



```javascript

var originalFactory = log.methodFactory;

log.methodFactory = function (methodName, logLevel, loggerName) {

    var rawMethod = originalFactory(methodName, logLevel, loggerName);



    return function (message) {

        rawMethod("Newsflash: " + message);

    };

};

log.rebuild(); // Be sure to call the rebuild method in order to apply plugin.

```



*(The above supports only a single string `log.warn("...")` argument for clarity, but it's easy to extend to a [fuller variadic version](http://jsbin.com/xehoye/edit?html,console).)*



If you develop and release a plugin, please get in contact! I'd be happy to reference it here for future users. Some consistency is helpful; naming your plugin 'loglevel-PLUGINNAME' (e.g. loglevel-newsflash) is preferred, as is giving it the 'loglevel-plugin' keyword in your `package.json`.



## Developing & Contributing



In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality.



Builds can be run with npm: run `npm run dist` to build a distributable version of the project (in `dist/`), or `npm test` to just run the tests and linting. During development you can run `npm run watch` and it will monitor source files, and rerun the tests and linting as appropriate when they're changed.



_Also, please don't manually edit files in the `dist/` subdirectory as they are generated via Grunt. You'll find source code in the `lib/` subdirectory!_



#### Release process



To do a release of loglevel:



* Update the version number in `package.json` and `bower.json`.

* Run `npm run dist` to build a distributable version in `dist/`.

* Update the release history in this file (below).

* Commit the built code, tagging it with the version number and a brief message about the release.

* Push to Github.

* Run `npm publish .` to publish to NPM.



## Release History



v0.1.0 - First working release with apparent compatibility with everything tested



v0.2.0 - Updated release with various tweaks and polish and real proper documentation attached



v0.3.0 - Some bugfixes ([#12](https://github.com/pimterry/loglevel/issues/12), [#14](https://github.com/pimterry/loglevel/issues/14)), cookie-based log level persistence, doc tweaks, support for Bower and JamJS



v0.3.1 - Fixed incorrect text in release build banner, various other minor tweaks



v0.4.0 - Use LocalStorage for level persistence if available, compatibility improvements for IE, improved error messages, multi-environment tests



v0.5.0 - Fix for Modernizr+IE8 issues, improved setLevel error handling, support for auto-activation of desired logging when console eventually turns up in IE8



v0.6.0 - Handle logging in Safari private browsing mode ([#33](https://github.com/pimterry/loglevel/issues/33)), fix `TRACE` level persistence bug ([#35](https://github.com/pimterry/loglevel/issues/35)), plus various minor tweaks



v1.0.0 - Official stable release! Fixed a bug with localStorage in Android webviews, improved CommonJS detection, and added `noConflict()`.



v1.1.0 - Added support for including loglevel with preprocessing and `.apply()` ([#50](https://github.com/pimterry/loglevel/issues/50)), and fixed QUnit dep version which made tests potentially unstable.



v1.2.0 - New plugin API! Plus various bits of refactoring and tidy up, nicely simplifying things and trimming the size down.



v1.3.0 - Make persistence optional in `setLevel()`, plus lots of documentation updates and other small tweaks



v1.3.1 - With the new optional persistence, stop unnecessarily persisting the initially set default level (`WARN`)



v1.4.0 - Add `getLevel()`, `setDefaultLevel()` and `getLogger()` functionality for more fine-grained log level control



v1.4.1 - Reorder UMD ([#92](https://github.com/pimterry/loglevel/issues/92)) to improve bundling tool compatibility



v1.5.0 - Fix `log.debug` ([#111](https://github.com/pimterry/loglevel/issues/111)) after V8 changes deprecating console.debug, check for `window` upfront ([#104](https://github.com/pimterry/loglevel/issues/104)), and add `.log` alias for `.debug` ([#64](https://github.com/pimterry/loglevel/issues/64))



v1.5.1 - Fix bug ([#112](https://github.com/pimterry/loglevel/issues/112)) in level-persistence cookie fallback, which failed if it wasn't the first cookie present



v1.6.0 - Add a name property to loggers and add `log.getLoggers()` ([#114](https://github.com/pimterry/loglevel/issues/114)), and recommend unpkg as CDN instead of CDNJS.



v1.6.1 - Various small documentation & test updates



v1.6.2 - Include TypeScript type definitions in the package itself



v1.6.3 - Avoid TypeScript type conflicts with other global `log` types (e.g. `core-js`)



v1.6.4 - Ensure `package.json`'s `"main"` is a fully qualified path, to fix webpack issues



v1.6.5 - Ensure the provided message is included when calling `trace()` in IE11



v1.6.6 - Fix bugs in v1.6.5, which caused issues in node.js & IE < 9



v1.6.7 - Fix a bug in environments with `window` defined but no `window.navigator`



v1.6.8 - Update TypeScript type definitions to include `log.log()`.



v1.7.0 - Add support for Symbol-named loggers, and a `.default` property to help with ES6 module usage.



v1.7.1 - Update TypeScript types to support Symbol-named loggers.



v1.8.0 - Add `resetLevel()` method to clear persisted levels & reset to defaults



v1.8.1 - Fix incorrect type definitions for `MethodFactory`



v1.9.0 - Added `rebuild()` method, overhaul dev & test setup, and fix some bugs (notably around cookies) en route



v1.9.1 - Fix a bug introduced in 1.9.0 that broke `setLevel()` in some ESM-focused runtime environments



v1.9.2 - Remove unnecessarily extra test & CI files from deployed package



## `loglevel` for enterprise



Available as part of the Tidelift Subscription.



The maintainers of `loglevel` and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. [Learn more.](https://tidelift.com/subscription/pkg/npm-loglevel?utm_source=npm-loglevel&utm_medium=referral&utm_campaign=enterprise&utm_term=repo)



## License



Copyright (c) 2013 Tim Perry

Licensed under the MIT license. See [`LICENSE-MIT`](./LICENSE-MIT) for full license text.