Package detail

eslint-plugin-fsd-architecture

tony-show30ISC0.0.14

ESlint plugin to comply with FSD (Feature Sliced Design) frontend architecture rules

ESlint plugin to comply with FSD (Feature Sliced Design) frontend architecture rules. FSD Architecture documentation

You'll first need to install ESLint:

npm i eslint --save-dev

Next, install eslint-plugin-fsd-architecture:

npm install eslint-plugin-fsd-architecture --save-dev

Add fsd-architecture to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
    "plugins": [
        "fsd-architecture"
    ]
}

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

{
    "rules": {
        "fsd-architecture/rule-name": 2
    }
}

Name	Description
import-path-check	Checking imports against FSD architecture rules
layer-imports	Rule for check imports from layers structure of FSD architecture
public-api-imports	FSD Architecture rule for public api imports

Add auto fix for import-path-check rule error (Within one slice, all import paths must be relative)

Fix public-api-imports rule for relative path for import from another layer.
Add auto fix for error of this rule (Must be imported from a public API file (index.js/ts)) See rule documentation of last incorrect import path example

Add auto fix option for public-api-imports rule If the --fix option on the command line automatically fixes problems of "Absolute import is allowed only from public API (index.js/ts)" reported by the rule.

Added documentation
Change in import-path-check rule. For shared layer imports. See examples in the documentation of rule.