This package will make you fall in love with your console!
In case you already haven't... It was designed for fun, with some learning purpouses in the mind. But, it also provides some functionality, for example you can inspect FormData
without using loop - this package does it for you!
As this package is really simple here is quick referrence how to use it in your project:
-
Installation
npm install bk-awesome-log
-
Usage
-
First you need to import package to your project:
import {BaseLogger} from 'bk-awesome-log'
-
Then you have to init logger object. If you are using TS, you will get type suggestions as this project was written with TS in mind.
const logger = new BaseLogger({ name: 'Bartosz', organization: 'Owls Department', componentName: 'The Menu', showGreet: true, }, () => { // your code... })
-
Once you have instance of component you can use following methods:
- This method log to the console. As a second parameter you can pass optional heading - the default one is
Log
logger.log("Hello world!");
- This method allows you to show warning in the console. As a second parameter you can pass optional heading - the default one is
Warning
logger.warn("Make sure to turn into production mode!");
- This method allows you to show error in the console. As a second parameter you can pass optional heading - the default one is
Error
logger.error("Hey, something went wrong fetching data!");
- This method log to the console. As a second parameter you can pass optional heading - the default one is
-
Available config options:
Option name Type Default Description showGreet
boolean
false
Flag that indicates whether you want to show greet message on init. name
string
''
Your name, useful when showGreet
is set to trueorganization
string
''
Your organization name, useful when showGreet
is set to truecomponentName
string
''
Your component name, useful when showGreet
is set to true -
onMounted
hook: You can pass a second parameter to class constructor, that will be called after config initialization. This is similar to lifecycle hooks that you can see in every modern JS framework.
-