@rdlabo/eslint-plugin-rules

This is a public version of the eslint rules I use in the app I created with Ionic Angular.

Installation

npm install @rdlabo/eslint-plugin-rules --save-dev

If your project does not install angular-eslint packages, please do so: https://github.com/angular-eslint/angular-eslint

eslint@8

npm install @rdlabo/[email protected] --save-dev

Configuration (legacy: .eslintrc*)

Recommend settings is here:

module.exports = tseslint.config(
      {
        "files": [
          "*.ts"
        ],

+       "plugins": {
+         '@rdlabo/rules': rdlabo,
+       },
        "rules": {
+         "@rdlabo/rules/deny-constructor-di": "error",
+         "@rdlabo/rules/import-inject-object": "error",
+         "@rdlabo/rules/deny-import-from-ionic-module": "error",
+         "@rdlabo/rules/implements-ionic-lifecycle": "error",
+         "@rdlabo/rules/deny-soft-private-modifier": "error",
+         "@rdlabo/rules/signal-use-as-signal": "error",
        }
      },
      {
        "files": [
          "*.html"
        ],
+       "plugins": {
+         '@rdlabo/rules': rdlabo,
+       },
        "rules": {
+         "@rdlabo/rules/deny-element": [
+           "error",
+           {
+             "elements": [
+               "ion-modal",
+               "ion-popover",
+               "ion-toast",
+               "ion-alert",
+               "ion-loading",
+               "ion-picker",
+               "ion-action-sheet"
+             ]
+           }
+         ]
          ]
        }
      }
    ]
  }

List of supported rules

| rule | description | auto fix | | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------- | :------: | | @rdlabo/rules/deny-constructor-di | This plugin disallows Dependency Injection within the constructor. | ○ | | @rdlabo/rules/import-inject-object | This plugin automatically imports when inject is used but not imported. | ○ | | @rdlabo/rules/deny-element | This plugin disallows the use of certain HTML tags. | ☓ | | @rdlabo/rules/deny-import-from-ionic-module | This plugin disallows import from @ionic/angular | ○ | | @rdlabo/rules/implements-ionic-lifecycle | This plugin checks the implementation of the Ionic lifecycle. | ☓ | | @rdlabo/rules/deny-soft-private-modifier | This plugin disallows the use of soft private modifier. | ◯ | | @rdlabo/rules/signal-use-as-signal | This plugin check to valid signal use as signal. | ☓ |

Recommend rules with this plugin

@typescript-eslint/explicit-member-accessibility

Control to allow / disallow placing explicit public, protected, and private accessibility modifiers in front of class members.

  "rules": {
+   "@typescript-eslint/explicit-member-accessibility": ["error", { "accessibility": "no-public" }],