Tini Debug

Install

Use npm

npm install @tiki.vn/tini-debug --save

Use yarn

yarn add @tiki.vn/tini-debug

How 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, ["[email protected]"]: 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 |