UNPKG

20.7 kBMarkdownView Raw
1
2# 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://travis-ci.org/pimterry/loglevel.png)](https://travis-ci.org/pimterry/loglevel) [![Coveralls percentage](https://img.shields.io/coveralls/pimterry/loglevel.svg)](https://coveralls.io/r/pimterry/loglevel?branch=master)
3
4[npm-image]: https://img.shields.io/npm/v/loglevel.svg?style=flat
5[npm-url]: https://npmjs.org/package/loglevel
6
7Minimal lightweight simple logging for JavaScript. loglevel replaces console.log() and friends with level-based logging and filtering, with none of console's downsides.
8
9This 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:
10
11## Features
12
13### Simple
14
15* Log things at a given level (trace/debug/info/warn/error) to the console object (as seen in all modern browsers & node.js)
16* 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
17* Single file, no dependencies, weighs in at 1.1KB minified and gzipped
18
19### Effective
20
21* 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
22* 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
23* 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
24
25### Convenient
26
27* 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.
28* It works with all the standard JavaScript loading systems out of the box (CommonJS, AMD, or just as a global)
29* 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)
30* 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)
31* TypeScript type definitions included, so no need for extra `@types` packages
32* Extensible, to add other log redirection, filtering, or formatting functionality, while keeping all the above (except you will clobber your stacktrace, see Plugins below)
33
34## Downloading loglevel
35
36If you're using NPM, you can just run `npm install loglevel`.
37
38Alternatively, 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)
39
40Alternatively 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).
41
42Finally, 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.
43
44[min]: https://raw.github.com/pimterry/loglevel/master/dist/loglevel.min.js
45[max]: https://raw.github.com/pimterry/loglevel/master/dist/loglevel.js
46[cdn]: https://unpkg.com/loglevel/dist/loglevel.min.js
47
48## Setting it up
49
50loglevel supports AMD (e.g. RequireJS), CommonJS (e.g. Node.js) and direct usage (e.g. loading globally with a <script> 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:
51
52### CommonsJS (e.g. Node)
53
54```javascript
55var log = require('loglevel');
56log.warn("unreasonably simple");
57```
58
59### AMD (e.g. RequireJS)
60
61```javascript
62define(['loglevel'], function(log) {
63 log.warn("dangerously convenient");
64});
65```
66
67### Directly in your web page:
68
69```html
70<script src="loglevel.min.js"></script>
71<script>
72log.warn("too easy");
73</script>
74```
75
76### As an ES6 module (assuming some transpilation step):
77
78```javascript
79import * as log from 'loglevel';
80log.warn("ultra-compatible");
81```
82
83### With noConflict():
84
85If 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 to '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.
86
87For example:
88
89```html
90<script src="loglevel.min.js"></script>
91<script>
92var logging = log.noConflict();
93
94logging.warn("still pretty easy");
95</script>
96```
97
98### TypeScript:
99
100loglevel 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!
101
102If 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:
103
104* Create a `loglevel.d.ts` file
105* 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 `///<reference path="./loglevel.d.ts" />`)
106* In that file, add:
107 ```typescript
108 import * as log from 'loglevel';
109 export as namespace log;
110 export = log;
111 ```
112
113## Documentation
114
115The loglevel API is extremely minimal. All methods are available on the root loglevel object, which it's suggested you name 'log' (this is the default if you import it in globally, and is what's set up in the above examples). The API consists of:
116
117* 5 actual logging methods, ordered and available as:
118 * `log.trace(msg)`
119 * `log.debug(msg)`
120 * `log.info(msg)`
121 * `log.warn(msg)`
122 * `log.error(msg)`
123
124 `log.log(msg)` is also available, as an alias for `log.debug(msg)`, to improve compatibility with `console`, and make migration easier.
125
126 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.
127
128 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.
129
130 Be aware that all this means that these method won't necessarily 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. Firefox is a notable example here: due to a [current Firefox bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1172314) `log.trace(msg)` calls in Firefox will print only the stacktrace, and won't include any passed message arguments.
131
132* A `log.setLevel(level, [persist])` method.
133
134 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.
135
136 This can take either a log level name or 'silent' (which disables everything) in one of a few forms:
137 * As a log level from the internal levels list, e.g. log.levels.SILENT ← _for type safety_
138 * As a string, like 'error' (case-insensitive) ← _for a reasonable practical balance_
139 * As a numeric index from 0 (trace) to 5 (silent) ← _deliciously terse, and more easily programmable (...although, why?)_
140
141 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 (i.e. in Node), or if you pass `false` as the optional 'persist' second argument, persistence will be skipped.
142
143 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.
144
145* A `log.setDefaultLevel(level)` method.
146
147 This sets the current log level only if one has not been persisted and can’t be loaded. This is useful when initializing scripts; if a developer or user has previously called `setLevel()`, this won’t alter their settings. For example, your application might 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 say as `trace` on subsequent page loads and refreshes instead of resetting to `error`.
148
149 The `level` argument takes is the same values that you might pass to `setLevel()`. Levels set using `setDefaultLevel()` never persist to subsequent page loads.
150
151* `log.enableAll()` and `log.disableAll()` methods.
152
153 These enable or disable all log messages, and are equivalent to log.setLevel("trace") and log.setLevel("silent") respectively.
154
155* A `log.getLevel()` method.
156
157 Returns the current logging level, as a number from 0 (trace) to 5 (silent)
158
159 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.
160
161 ```javascript
162 if (log.getLevel() <= log.levels.DEBUG) {
163 var logData = runExpensiveDataGeneration();
164 log.debug(logData);
165 }
166 ```
167
168 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.
169
170 ```javascript
171 // Prints 'My concatenated log message'
172 log.debug("My ", "concatenated ", "log message");
173 ```
174
175* A `log.getLogger(loggerName)` method.
176
177 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). Calling `getLogger()` multiple times with the same name will return an identical logger object.
178
179 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.
180
181 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.
182
183 Example usage *(using CommonJS modules, but you could do the same with any module system):*
184
185 ```javascript
186 // In module-one.js:
187 var log = require("loglevel").getLogger("module-one");
188 function doSomethingAmazing() {
189 log.debug("Amazing message from module one.");
190 }
191
192 // In module-two.js:
193 var log = require("loglevel").getLogger("module-two");
194 function doSomethingSpecial() {
195 log.debug("Special message from module two.");
196 }
197
198 // In your main application module:
199 var log = require("loglevel");
200 var moduleOne = require("module-one");
201 var moduleTwo = require("module-two");
202 log.getLogger("module-two").setLevel("TRACE");
203
204 moduleOne.doSomethingAmazing();
205 moduleTwo.doSomethingSpecial();
206 // logs "Special message from module two."
207 // (but nothing from module one.)
208 ```
209
210 Loggers returned by `getLogger()` support all the same properties and methods as the default root logger, excepting `noConflict()` and the `getLogger()` method itself.
211
212 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.
213
214 Likewise, loggers will 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`.
215
216* A `log.getLoggers()` method.
217
218 This will return you the dictionary of all loggers created with `getLogger`, keyed off of their names.
219
220## Plugins
221
222### Existing plugins:
223
224[loglevel-plugin-prefix](https://github.com/kutuluk/loglevel-plugin-prefix) - plugin for loglevel message prefixing.
225
226[loglevel-plugin-remote](https://github.com/kutuluk/loglevel-plugin-remote) - plugin for sending loglevel messages to a remote log server.
227
228ServerSend - https://github.com/artemyarulin/loglevel-serverSend - Forward your log messages to a remote server.
229
230Standard Streams - https://github.com/NatLibFi/loglevel-std-streams - Route logging through STDERR in Node for easier log management.
231
232Message Prefix - https://github.com/NatLibFi/loglevel-message-prefix - Dynamic (timestamp/level) and static ('foo') message prefixing.
233
234Message Buffer - https://github.com/NatLibFi/loglevel-message-buffer - Buffer messages, and flush them on-demand later.
235
236DEBUG - https://github.com/vectrlabs/loglevel-debug - Control logging from a DEBUG environmental variable (similar to the classic [Debug](https://github.com/visionmedia/debug) module)
237
238### Writing plugins:
239
240Loglevel 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)
241
242Including 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.
243
244There's clearly enough enthusiasm for this even at that cost though 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, at the given level, for a logger with the given name. If you'd like to retain all the reliability and features of loglevel, it's recommended that this wraps the initially provided value of `log.methodFactory`
245
246For example, a plugin to prefix all log messages with "Newsflash: " would look like:
247
248```javascript
249var originalFactory = log.methodFactory;
250log.methodFactory = function (methodName, logLevel, loggerName) {
251 var rawMethod = originalFactory(methodName, logLevel, loggerName);
252
253 return function (message) {
254 rawMethod("Newsflash: " + message);
255 };
256};
257log.setLevel(log.getLevel()); // Be sure to call setLevel method in order to apply plugin
258```
259
260*(The above supports only a single log.warn("") argument for clarity, but it's easy to extend to a [fuller variadic version](http://jsbin.com/xehoye/edit?html,console))*
261
262If 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
263
264## Developing & Contributing
265In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality.
266
267Builds 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.
268
269_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!_
270
271#### Release process
272
273To do a release of loglevel:
274
275* Update the version number in package.json and bower.json
276* Run `npm run dist` to build a distributable version in dist/
277* Update the release history in this file (below)
278* Commit the built code, tagging it with the version number and a brief message about the release
279* Push to Github
280* Run `npm publish .` to publish to NPM
281
282## Release History
283v0.1.0 - First working release with apparent compatibility with everything tested
284
285v0.2.0 - Updated release with various tweaks and polish and real proper documentation attached
286
287v0.3.0 - Some bugfixes (#12, #14), cookie-based log level persistence, doc tweaks, support for Bower and JamJS
288
289v0.3.1 - Fixed incorrect text in release build banner, various other minor tweaks
290
291v0.4.0 - Use LocalStorage for level persistence if available, compatibility improvements for IE, improved error messages, multi-environment tests
292
293v0.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
294
295v0.6.0 - Handle logging in Safari private browsing mode (#33), fix TRACE level persistence bug (#35), plus various minor tweaks
296
297v1.0.0 - Official stable release! Fixed a bug with localStorage in Android webviews, improved CommonJS detection, and added noConflict().
298
299v1.1.0 - Added support for including loglevel with preprocessing and .apply() (#50), and fixed QUnit dep version which made tests potentially unstable.
300
301v1.2.0 - New plugin API! Plus various bits of refactoring and tidy up, nicely simplifying things and trimming the size down.
302
303v1.3.0 - Make persistence optional in setLevel, plus lots of documentation updates and other small tweaks
304
305v1.3.1 - With the new optional persistence, stop unnecessarily persisting the initially set default level (warn)
306
307v1.4.0 - Add getLevel(), setDefaultLevel() and getLogger() functionality for more fine-grained log level control
308
309v1.4.1 - Reorder UMD (#92) to improve bundling tool compatibility
310
311v1.5.0 - Fix log.debug (#111) after V8 changes deprecating console.debug, check for `window` upfront (#104), and add `.log` alias for `.debug` (#64)
312
313v1.5.1 - Fix bug (#112) in level-persistence cookie fallback, which failed if it wasn't the first cookie present
314
315v1.6.0 - Add a name property to loggers and add log.getLoggers() (#114), and recommend unpkg as CDN instead of CDNJS.
316
317v1.6.1 - Various small documentation & test updates
318
319v1.6.2 - Include TypeScript type definitions in the package itself
320
321v1.6.3 - Avoid TypeScript type conflicts with other global `log` types (e.g. `core-js`)
322
323v1.6.4 - Ensure package.json's 'main' is a fully qualified path, to fix webpack issues
324
325## License
326Copyright (c) 2013 Tim Perry
327Licensed under the MIT license.