logzone
v1.0.1
Published
a package to print pretty log messages. you can use predefined or customize your own!
Downloads
2
Maintainers
Readme
logzone 🍭
a package to print pretty log messages. you can use predefined or customize your own!
Installation ⚙️
npm install logzone
or
yarn add logzone
Methodes
the package has some built-in methods, the below graph explains them with the arguments.
| Method | Description |arguments |
|----------------|-------------------------------------------------------------|------------------------------------------|
|log
| the method you can use for customization your log. | log(msg, color, background , fontSize)
- msg: the log message - required. - color: log text color - optional - type: string
- default: ""
. - background: log background color - optional - type: string
- default: ""
. - fontSize: log font size in px - optional - type: accept both number or string
- default: browser default
. |
|success
| predefined method for success logs. | success(msg, fontSize)
- msg: the log message - required. - fontSize: log font size in px - optional - type: accept both number or string
- default: browser default
.|
|info
| predefined method for info logs. | info(msg, fontSize)
- msg: the log message - required. - fontSize: log font size in px - optional - type: accept both number or string
- default: browser default
.|
|warning
| predefined method for warning logs. | warning(msg, fontSize)
- msg: the log message - required. - fontSize: log font size in px - optional - type: accept both number or string
- default: browser default
.|
|danger
| predefined method for error logs. | danger(msg, fontSize)
- msg: the log message - required. - fontSize: log font size in px - optional - type: accept both number or string
- default: browser default
.|
Feel free to open a pull requests and add your favorite theme too.
Examples...
ES.Next
import { log, success, info, warning, danger } from "logzone";
log("I'm customizable log!", "black", "red", 25 );
success("I'm predefined logzone baby success log!");
success("I'm predefined logzone baby success log, with custom font size!", 14);
info("I'm predefined logzone baby info log!");
info("I'm predefined logzone baby info log, with custom font size!", 14);
warning("I'm predefined logzone baby warning log!");
warning("I'm predefined logzone baby warning log, with custom font size!",14);
danger("I'm predefined logzone baby danger log!");
danger("I'm predefined logzone baby danger log, with custom font size!", 14);
Old School
<!-- Include latest version from https://www.jsdelivr.com/package/npm/logzone -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/logzone.min.js"></script>
<script>
logzone.log("I'm customizable log!", "black", "red", 25);
logzone.success("I'm predefined logzone baby success log!");
logzone.success("I'm predefined logzone baby success log, with custom font size!", 14);
logzone.info("I'm predefined logzone baby info log!");
logzone.info("I'm predefined logzone baby info log, with custom font size!", 14);
logzone.warning("I'm predefined logzone baby warning log!");
logzone.warning("I'm predefined logzone baby warning log, with custom font size!", 14);
logzone.danger("I'm predefined logzone baby danger log!");
logzone.danger("I'm predefined logzone baby danger log, with custom font size!", 14);
</script>
One Result! 🔥
Examples Links
Todo ✔️
- add
init()
method. - add more themes.
- tailwind colors utils compatibility.
- add React hook.