0.1.11 • Published 2 years ago
@codemantion/logger v0.1.11
About The Project
A simple and lightweight logger for the browsers
Installation
- npm
npm install @codemantion/logger
yarn
yarn add @codemantion/logger
Usage
import
import logger from "@codemantion/logger";
using log (.log
)
logger.log("Your message");
logger.log("message1", "message2", "message3"); // multiple message
logger.log("info", "Your info message"); // with type
log types: log, info, warn, error
log output
using info (.info
)
logger.info("Your info message");
logger.info("message1", "message2", "message3"); // multiple message
logger.log("info", "Your info message"); // with type
info output
using warning (.worn
)
logger.warn("Your warning message");
logger.warn("message1", "message2", "message3"); // multiple message
logger.log("warn", "Your warning message"); // with type
warning output
using warning (.error
)
logger.error("Your error message");
logger.error("message1", "message2", "message3"); // multiple message
logger.log("error", "Your error message"); // with type
error output
Config Options
Override options
logger.setConfig({
// remove label
isShowLabel: false,
// remove timestamp
isShowTimestamp: false
});
Disable logging
logger.setConfig({
isEnable: process.env.NODE_ENV === "development"
});
List of all options
key | Type | Default Value | Description |
---|---|---|---|
isEnable | boolean | true | Enable or disable logging |
name | string | log | Name of the output log |
styles | { label: { log: string; info: string; warn: string; error: string; }; } | { label: { log: 'background: #222; color: #bada55', info: 'background: #222; color: #bada55', warn: 'background: #ffdd76; color: #222', error: 'background: #ffc0c0; color: #ff0000', },} | Override the css of label |
templates | { log: string; timestamp: string;}; | { log: '[%name%]:%type%', timestamp: '%timestamp%:',}; | Template for printing label and timestamp |
isShowLabel | boolean | true | Print log without label |
isShowTimestamp | boolean | true | Print log without timestamp |
isUseNative | boolean | false | Use native console on print logs |
isPrintOnConsole | boolean | true | Print logs on console or not |
Events
add event listener
logger.on("log", (message) => {
console.log(message);
});
add and remove event listener
const onLog = (message) => {
console.log(message);
};
logger.on("log", onLog);
// ...
// ...
logger.off("log", onLog);
for all events
const onLog = (message) => {
console.log(message);
};
logger.on("*", onLog);
// ...
// ...
logger.off("*", onLog);
access log details
const onLog = (message) => {
console.log(message);
const { type, messages, originalMessages } = message.detail;
};
logger.on("*", onLog);
0.1.10
2 years ago
0.1.11
2 years ago
0.1.8
2 years ago
0.1.7
2 years ago
0.1.9
2 years ago
0.1.4
2 years ago
0.1.6
2 years ago
0.1.5
2 years ago
0.1.3-pre.5
2 years ago
0.1.3-pre.6
2 years ago
0.1.3-pre.3
2 years ago
0.1.3
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.1.0
2 years ago