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

console-logger.js

v1.0.0

Published

A logging utility for the modern web

Downloads

2

Readme

Logger

Build Status

What is Logger?

Logger is a logging utility for your browser. Ever encountered one or more of these issues:

  • Need defined (and perhaps customizable) log levels
  • Need ability to mute certain levels logging on certain environements
  • Need to pipe your error logs to a tracking service
  • Need more color and liveness in your console
  • Need prettier error statements

Logger aims to solve ALL of these issues and more! It's a library that is build next to the browser's default console and does not override it. It can be loaded as an AMD module or used globaly.

logger

And it's super light: 1.74Kb (minified)!

Compatibility

Browser | Compatibility ---------------------| ----------------------- Chrome | Yes Firefox | Yes IE / Edge | Yes Opera | Yes Safari | Yes

Releases

Latest release

All releases

Usage

Simply import the minified/unminified script from dist, then start configuring:

Loading the module

// If requireJS or another AMD-compatible loader is detected:
require('logger', function(logger) {
    logger.log('Hello there!');
});

// Or else, it should be available through the global namespace:
window.logger.log('Bloody hell!');

Creating log levels

// I want an error level for when stuff explodes
logger.add('critical', {
	style: 'color:purple;font-weight:bold;'
});

Selecting levels

// I want to mute everythin in Production
logger.select('*').mute();	// Mutes all the channels

Piping

// I want to send errors and criticals to my tracking service
logger.select(['error', 'critical']).pipe(myTrackingService);

Changing the style

// I want error logs to be sassier
logger.select('error').style('color:pink;text-shadow:1px 1px 0px rgba(0,0,0,0.4)');
// I can use CSS styling!

Actually printing stuff

logger.log('This is a log!');
logger.warn('This is a warning!');
logger.error('This is an error!');
// These 3 are created by default

Compiling

Running gulp will compile new minified and minifed versions.

Testing

Running gulp test will launch the test sequence.

Roadmap

Milestones

  • make usage docs
  • DocBlock internal methods
  • Try to bind to console methods - simplifies the stack trace