Tini Debug
Install
Use npm
npm install @tiki.vn/tini-debug --saveUse yarn
yarn add @tiki.vn/tini-debugHow to use
In file app.js or app.ts
...
import logger from '@tiki.vn/tini-debug';
...
logger.init(config);config:
{
"isOverwriteLog": true, // Ghi đè my.debug.log(), my.debug.warn(), my.debug.error()
"isOverwriteRequest": true, // Ghi đè my.request()
"isApplyConsoleLog": true, // Cho phép console.log() khi overwrite lại my.debug
"config": {
"whitelist": ["*"], // whitelist email ["*"]: tất cả email, ["@tiki.vn"]: email có domain @tiki.vn, ["abc@tiki.vn"]: kiểm tra email
"isSendToSlack": false, // Gá»i thông báo qua Slack channel khi dùng log error
"slackUrl": SLACK_URL, // Link bot gá»i thông báo ở trong channel Slack
"appName": "APP_NAME", // Tên app
},
}Use my.debug:
my.debug.log("Hello world!");
my.debug.warn("Hello world!");
my.debug.error("Hello world!");Register the component into .json config file
{
"usingComponents": {
"logger": "@tiki.vn/tini-debug/lib/components/global-logger/index"
}
}Then you can use it as normal component:
<logger env="prod" type="circle"/>Props của component bao gồm:
| Thuá»™c tÃnh | Kiểu dữ liệu | Giá trị mặc định | Mô tả |
|---|---|---|---|
| env | 'prod', 'dev' | 'dev' | Nếu env = 'prod sẽ kiểm tra whitelist đã được config từ trước |
| type | 'default', 'circle', 'shake' | 'default' | Kiểu hiển thị component, mặc định không hiển thị |
| zIndex | number | 2 | |
| userEmail | string | Email để kiểm tra whitelist, nếu không có sẽ kiểm tra bằng token |
