npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

javascript-console-logger

v1.1.0

Published

## Package description This package is just a simple logger that group browser `console.*` functionalities, and add the possibility to disable output for specifics environments, and send log throught a server.

Downloads

11

Readme

javascript-console-logger

Package description

This package is just a simple logger that group browser console.* functionalities, and add the possibility to disable output for specifics environments, and send log throught a server.

Logger usage

Simple logger usage

In dev mode, you will probably display all console outputs:

loggerOutput ({})(loggerTypes.log, 'My message');

In production mode, you will probably disable console output to avoid errors to be displayed:

loggerOutput ({
    isConsoleClearedOnInit: false,
    willDisplayConsole: false
})(loggerTypes.log, 'My message');

Advanced usage

Example to use the logger with a server call:

const logger = loggerOutput ({
    callbackHeaderConfig: {"Content-Type": "text/plain"},
    callbackLogLevels: [loggerTypes.error], // Will only send error to server
    callbackParamName: 'paramKey', // Will result a server call with parameter: {paramKey: '...logs'}
    callbackUrl: 'https://some-server.com', // URL to send logs to
    isConsoleClearedOnInit: true, // Will clean console when launching logger
    willDoCallback: true, // Will send some logs to server
    willDisplayConsole: true // Will display logs in the browser console
});

logger(loggerTypes.error, 'My message'); // Will be displayed & sent to server
logger(loggerTypes.warn, 'My message'); // Will be displayed & not sent to server

Logger configuration

The loggerOutput function take an object as parameter, with given keys:

  • callbackHeaderConfig = {}
  • callbackLogLevels = [],
  • callbackParamName = '',
  • callbackUrl = '',
  • isConsoleClearedOnInit = true,
  • willDoCallback = false,
  • willDisplayConsole = true

{object} callbackHeaderConfig

Fetch header object that extends the default one:

const headers = {
     cache: 'no-cache',
     headers: {'Content-Type': 'application/json'},
     method: 'POST',
     mode: 'cors',
     redirect: 'follow'
 };

{array} callbackLogLevels

List of all logs type loggerTypes allowed to be sent to server.

{string} callbackParamName

The object parameter name to push logs to given url.

{string} callbackUrl

The url to call to send logs to.

{Boolean} isConsoleClearedOnInit

  • true: will do a console.clear(); when calling function.
  • false: will not do anything.

{Boolean} willDoCallback

  • true: will do a callback to a given URL for each configurated log
  • false: will not call anything. Simple console usage.

{Boolean} willDisplayConsole

  • true: output logs to browser console
  • false: will not display anything in browser console.