@dialpad/eslint-plugin-dialtone

eslint-plugin-dialtone

Dialtone ESLint plugin containing rules to help developers maintain dialtone recommended practices.

Adding a new rule

We use yeoman generator to generate new rules.

First, install it globally:

pnpm add -g yo generator-eslint mem-fs

Then, run the command below and follow the steps.

yo eslint:rule

Writing rules

You can try the code you're trying to detect here: AST Explorer to know which function you need to call inside create function.

Installation

You'll first need to install ESLint:

npm i eslint --save-dev

Next, install @dialpad/eslint-plugin-dialtone:

npm install @dialpad/eslint-plugin-dialtone --save-dev

Usage

Add @dialpad/dialtone to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
    "plugins": [
        "@dialpad/dialtone"
    ]
}

Then configure the rules you want to use under the rules section.

{
    "rules": {
        "@dialpad/dialtone/rule-name": 2
    }
}

Supported Rules

• custom-implementation
• deprecated-base-color-classes
• deprecated-component
• deprecated-directive
• deprecated-flex-gap-classes
• deprecated-grid-gap-classes
• deprecated-icons
• deprecated-stack-alignment-classes
• recommend-typography-style