Ever thought the native console logging feature could be better?

This npm module makes it slightly easier but mainly a lot nicer to log to the browser console.

Installation & Usage

Install with npm

Installation is as simple as any other npm module.

npm i vividlog --save-dev

Install with CDN

Or add this to your html file directly

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vividlog@latest/dist/vividLog.js"></script>

Usage

Available methods

Note that VividLog is bound to window.vividLog

Configuration

Preview - more images coming soon

What you can expect

Without grouping and with grouping

Expanded group

What your error log looks like after using v.takeover()

Release History (v1.5.0)

• 1.5.0
  • Added new method called v.style() in which you can define your own log style
  • A lot of refactoring of the code, less chaos more nice code
• 1.3.15
  • v.takeover() renamed to v.takeOver()
  • New sample images
  • Readme fixes and updates
• 1.3.0
  • Added support to log multiple variables
  • Added ability to group variables
• 1.0.0
  • The first release, it's now working and can be used.
• 0.9.0
  • Added the actual code; v.err() / v.debug() / v.log() / v.done() / v.warn() / v.info() / v.say()
  • Added option to configure some settings
  • Added semi-support for FireFox
• 0.0.2
  • Work in progress

Tested on Chrome / Firefox / Opera

If anyone could share some experiences with other browsers with me I would be very thankful!

Meta

Distributed under the MIT license. See LICENSE for more information.

gitlab.com/QuintenJustus