Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/javierbrea/eslint-plugin-boundaries

Eslint plugin checking architecture boundaries between elements
https://github.com/javierbrea/eslint-plugin-boundaries

architectural-patterns architecture dependencies eslint eslint-plugin eslint-rules import quality

Last synced: about 1 month ago
JSON representation

Eslint plugin checking architecture boundaries between elements

Awesome Lists containing this project

README 

        
[![Build status][build-image]][build-url] [![Coverage Status][coveralls-image]][coveralls-url] [![Quality Gate][quality-gate-image]][quality-gate-url]



[![Renovate](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com) [![Last commit][last-commit-image]][last-commit-url] [![Last release][release-image]][release-url]



[![NPM downloads][npm-downloads-image]][npm-downloads-url] [![License][license-image]][license-url]



# eslint-plugin-boundaries



In words of Robert C. Martin, _"Software architecture is the art of drawing lines that I call boundaries. Those boundaries separate software elements from one another, and restrict those on one side from knowing about those on the other."_ _([\*acknowledgements](#acknowledgements))_



__This plugin ensures that your architecture boundaries are respected by the elements in your project__ checking the folders and files structure and the dependencies between them. __It is not a replacement for [eslint-plugin-import](https://www.npmjs.com/package/eslint-plugin-import), on the contrary, the combination of both plugins is recommended.__



By default, __the plugin works by checking `import` statements, but it is also able to analyze "require", "exports" and dynamic imports, and can be configured to check any other [AST nodes](https://eslint.org/docs/latest/extend/selectors)__. (_Read the [main rules overview](#main-rules-overview) and [configuration](#configuration) chapters for better comprehension_)



## Table of Contents



Details



- [Installation](#installation)

- [Overview](#overview)

- [Main rules overview](#main-rules-overview)

  * [Allowed element types](#allowed-element-types)

  * [Allowed external modules](#allowed-external-modules)

  * [Private elements](#private-elements)

  * [Entry point](#entry-point)

- [Rules](#rules)

- [Configuration](#configuration)

  * [Global settings](#global-settings)

  * [Predefined configurations](#predefined-configurations)

  * [Rules configuration](#rules-configuration)

    * [Main format of rules options](#main-format-of-rules-options)

    * [Elements matchers](#elements-matchers)

    * [Error messages](#error-messages)

    * [Advanced example](#advanced-example)

- [Resolvers](#resolvers)

- [Usage with TypeScript](#usage-with-typescript)

- [Migration guides](#migration-guides)

- [Debug mode](#debug-mode)

- [Acknowledgements](#acknowledgements)

- [Contributing](#contributing)

- [License](#license)



## Installation



This module is distributed via npm which is bundled with node and should be installed as one of your project's devDependencies:



```bash

npm install --save-dev eslint eslint-plugin-boundaries

```



`eslint-plugin-boundaries` does not install `eslint` for you. You must install it yourself.



Activate the plugin and one of the canned configs in your `.eslintrc.(yml|json|js)`:



```json

{

  "plugins": ["boundaries"],

  "extends": ["plugin:boundaries/recommended"]

}

```



### Eslint v9 and above



You must use beta versions of this plugin starting from 5.0.0-beta.0 to use it with eslint v9 and above. The compatibility is not guaranteed yet. In case you face any issue, please open an issue.



To install the latest beta version, you can use the next command:



```sh

npm install --save-dev eslint-plugin-boundaries@beta

```



The beta eslint v9 beta versions are maintained in the [`release-eslint-v9` branch](https://github.com/javierbrea/eslint-plugin-boundaries/tree/release-eslint-v9). Once we have tested enough the compatibility with eslint v9 of predefined configurations, examples, and the integration with other eslint plugins, such as those needed to use TypeScript with this plugin, we will release a stable version.



## Overview



All of the plugin rules need to be able to identify the elements in the project, so, first of all you have to define your project element types by using the `boundaries/elements` setting.



The plugin will use the provided patterns to identify each file as one of the element types. It will also assign a type to each dependency detected in the [dependency nodes (`import` or other statements)](#boundariesdependency-nodes), and it will check if the relationship between the dependent element and the dependency is allowed or not.



```json

{

  "settings": {

    "boundaries/elements": [

      {

        "type": "helpers",

        "pattern": "helpers/*"

      },

      {

        "type": "components",

        "pattern": "components/*"

      },

      {

        "type": "modules",

        "pattern": "modules/*"

      }

    ]

  }

}

```



This is only a basic example of configuration. The plugin can be configured to identify elements being a file, or elements being a folder containing files. It also supports capturing path fragments to be used afterwards on each rule options, etc. __Read the [configuration chapter](#configuration) for further info, as configuring it properly is crucial__ to take advantage of all of the plugin features.



Once your project element types are defined, you can use them to configure each rule using its own options. For example, you could define which elements can be dependencies of other ones by configuring the `element-types` rule as in:



```json

{

  "rules": {

    "boundaries/element-types": [2, {

      "default": "disallow",

      "rules": [

        {

          "from": "components",

          "allow": ["helpers", "components"]

        },

        {

          "from": "modules",

          "allow": ["helpers", "components", "modules"]

        }

      ]

    }]

  }

}

```



> The plugin won't apply rules to a file or dependency when it does not recognize its element type, but you can force all files in your project to belong to an element type by enabling the [boundaries/no-unknown-files](docs/rules/no-unknown-files.md) rule.



## Main rules overview



### Allowed element types



This rule ensures that dependencies between your project element types are allowed.



Examples of usage:



* Define types in your project as "models", "views" and "controllers". Then ensure that "views" and "models" can be imported only by "controllers", and "controllers" will never be used by "views" or "models".

* Define types in your project as "components", "views", "layouts", "pages", "helpers". Then ensure that "components" can only import "helpers", that "views" can only import "components" or "helpers", that "layouts" can only import "views", "components" or "helpers", and that "pages" can import any other element type.



Read the [docs of the `boundaries/element-types` rule](docs/rules/element-types.md) for further info.



### Allowed external modules



External dependencies used by each type of element in your project can be checked using this rule. For example, you can define that "helpers" can't import `react`, or "components" can't import  `react-router-dom`, or modules can't import `{ Link } from react-router-dom`.



Read the [docs of the `boundaries/external` rule](docs/rules/external.md) for further info.



### Private elements



This rule ensures that elements can't require other element's children. So, when an element B is children of A, B becomes a "private" element of A, and only A can use it.



Read the [docs of the `boundaries/no-private` rule](docs/rules/no-private.md) for further info.



### Entry point



This rule ensures that elements can't import another file from other element than the defined entry point for that type (`index.js` by default)



Read the [docs of the `boundaries/entry-point` rule](docs/rules/entry-point.md) for further info.



## Rules



* __[boundaries/element-types](docs/rules/element-types.md)__: Check allowed dependencies between element types

* __[boundaries/external](docs/rules/external.md)__: Check allowed external dependencies by element type

* __[boundaries/entry-point](docs/rules/entry-point.md)__: Check entry point used for each element type

* [boundaries/no-private](docs/rules/no-private.md): Prevent importing private elements of another element

* [boundaries/no-unknown](docs/rules/no-unknown.md): Prevent importing unknown elements from the known ones

* [boundaries/no-ignored](docs/rules/no-ignored.md): Prevent importing ignored files from recognized elements

* [boundaries/no-unknown-files](docs/rules/no-unknown-files.md): Prevent creating files not recognized as any of the element types



## Configuration



### Global settings



#### __`boundaries/element-types`__



Define patterns to recognize each file in the project as one of this element types. All rules need this setting to be configured properly to work. The plugin tries to identify each file being analyzed or `import` statement in rules as one of the defined element types. The assigned element type will be that with the first matching pattern, in the same order that elements are defined in the array, so you __should sort them from the most accurate patterns to the less ones__. Properties of each `element`:



* __`type`__: `` Element type to be assigned to files or imports matching the `pattern`. This type will be used afterwards in the rules configuration.

* __`pattern`__: `|` [`micromatch` pattern](https://github.com/micromatch/micromatch). __By default the plugin will try to match this pattern progressively starting from the right side of each file path.__ This means that you don't have to define patterns matching from the base project path, but only the last part of the path that you want to be matched. This is made because the plugin supports elements being children of other elements, and otherwise it could wrongly recognize children elements as a part of the parent one. 
For example, given a path `src/helpers/awesome-helper/index.js`, it will try to assign the element to a pattern matching `index.js`, then `awesome-helper/index.js`, then `helpers/awesome-helper/index.js`, etc. Once a pattern matches, it assign the correspondent element type, and continues searching for parents elements with the same logic until the full path has been analyzed. __This behavior can be disabled setting the `mode` option to `full`__, then the provided pattern will try to match the full path.

* __`basePattern`__: `` Optional [`micromatch` pattern](https://github.com/micromatch/micromatch). If provided, the left side of the element path must match also with this pattern from the root of the project (like if pattern is `[basePattern]/**/[pattern]`). This option is useful when using the option `mode` with `file` or `folder` values, but capturing fragments from the rest of the full path is also needed (see `baseCapture` option below).

* __`mode`__: ` file|folder|full` Optional.

  * When it is set to `folder` (default value), the element type will be assigned to the first file's parent folder matching the pattern. In the practice, it is like adding `**/*` to the given pattern, but the plugin makes it by itself because it needs to know exactly which parent folder has to be considered the element.

  * If it is set to `file`, the given pattern will not be modified, but the plugin will still try to match the last part of the path. So, a pattern like `*.model.js` would match with paths `src/foo.model.js`, `src/modules/foo/foo.model.js`, `src/modules/foo/models/foo.model.js`, etc.

  * If it is set to `full`, the given pattern will only match with patterns matching the full path. This means that you will have to provide patterns matching from the base project path. So, in order to match `src/modules/foo/foo.model.js` you'll have to provide patterns like `**/*.model.js`, `**/*/*.model.js`, `src/*/*/*.model.js`, etc. _(the chosen pattern will depend on what do you want to capture from the path)_

* __`capture`__: `` Optional. This is a very powerful feature of the plugin. It allows to capture values of some fragments in the matching path to use them later in the rules configuration. It uses [`micromatch` capture feature](https://github.com/micromatch/micromatch#capture) under the hood, and stores each value in an object with the given `capture` key being in the same index of the captured array.
For example, given `pattern: "helpers/*/*.js"`, `capture: ["category", "elementName"]`, and a path `helpers/data/parsers.js`, it will result in `{ category: "data", elementName: "parsers" }`.

* __`baseCapture`__: `` Optional. [`micromatch` pattern](https://github.com/micromatch/micromatch). It allows capturing values from `basePattern` as `capture` does with `pattern`. All keys from `capture` and `baseCapture` can be used in the rules configuration.



```json

{

  "settings": {

    "boundaries/elements": [

      {

        "type": "helpers",

        "pattern": "helpers/*/*.js",

        "mode": "file",

        "capture": ["category", "elementName"]

      },

      {

        "type": "components",

        "pattern": "components/*/*",

        "capture": ["family", "elementName"]

      },

      {

        "type": "modules",

        "pattern": "module/*",

        "capture": ["elementName"]

      }

    ]

  }

}

```



> Tip: You can enable the [debug mode](#debug-mode) when configuring the plugin, and you will get information about the type assigned to each file in the project, as well as captured properties and values.



#### __`boundaries/dependency-nodes`__



This setting allows to modify built-in default dependency nodes. By default, the plugin will analyze only the `import` statements. All the rules defined for the plugin will be applicable to the nodes defined in this setting.



The setting should be an array of the following strings:



* `'require'`: analyze `require` statements.

* `'import'`: analyze `import` statements.

* `'export'`: analyze `export` statements.

* `'dynamic-import'`: analyze [dynamic import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) statements.



If you want to define custom dependency nodes, such as `jest.mock(...)`, use [additional-dependency-nodes](#boundariesadditional-dependency-nodes) setting.



For example, if you want to analyze the `import` and `dynamic-import` statements, you should use the following value:



```jsonc

"boundaries/dependency-nodes": ["import", "dynamic-import"],

```



#### __`boundaries/additional-dependency-nodes`__



This setting allows to define custom dependency nodes to analyze. All the rules defined for the plugin will be applicable to the nodes defined in this setting. 



The setting should be an array of objects with the following structure:



* __`selector`__: The [esquery selector](https://github.com/estools/esquery) for the `Literal` node in which dependency source are defined. For example, to analyze `jest.mock(...)` calls you could use this [AST selector](https://eslint.org/docs/latest/extend/selectors): `CallExpression[callee.object.name=jest][callee.property.name=mock] > Literal:first-child`.

* __`kind`__: The kind of dependency, possible values are: `"value"` or `"type"`. It is available only when using TypeScript.



Example of usage:



```jsonc

{

  "boundaries/additional-dependency-nodes": [

    // jest.requireActual('source')

    {

      "selector": "CallExpression[callee.object.name=jest][callee.property.name=requireActual] > Literal",

      "kind": "value",

    },

    // jest.mock('source', ...)

    {

      "selector": "CallExpression[callee.object.name=jest][callee.property.name=mock] > Literal:first-child",

      "kind": "value",

    },

  ],

}

```



#### __`boundaries/include`__



Files or dependencies not matching these [`micromatch` patterns](https://github.com/micromatch/micromatch) will be ignored by the plugin. If this option is not provided, all files will be included.



```json

{

  "settings": {

    "boundaries/include": ["src/**/*.js"]

  }

}

```



#### __`boundaries/ignore`__



Files or dependencies matching these [`micromatch` patterns](https://github.com/micromatch/micromatch) will be ignored by the plugin.



```json

{

  "settings": {

    "boundaries/ignore": ["**/*.spec.js", "src/legacy-code/**/*"]

  }

}

```



> Note: The `boundaries/include` option has preference over `boundaries/ignore`. If you define `boundaries/include`, use `boundaries/ignore` to ignore subsets of included files.



#### __`boundaries/root-path`__



Use this setting only if you are facing issues with the plugin when executing the lint command from a different path than the project root.



How to define the root path of the project



By default, the plugin uses the current working directory (`process.cwd()`) as root path of the project. This path is used as the base path when resolving file matchers from rules and `boundaries/elements` settings. This is specially important when using the `basePattern` option or the `full` mode in the `boundaries/elements` setting. This may produce unexpected results [when the lint command is executed from a different path than the project root](https://github.com/javierbrea/eslint-plugin-boundaries/issues/296). To fix this, you can define a different root path by using this option.



For example, supposing that the `.eslintrc.js` file is located in the project root, you could define the root path as in:



```js

{

  settings: {

    "boundaries/root-path": path.resolve(__dirname)

  }

}

```



Note that the path should be absolute and resolved before passing it to the plugin. Otherwise, it will be resolved using the current working directory, and the problem will persist. In case you are defining the configuration in a `.eslintrc.(yml|json)` file, and you don't want to hardcode an absolute path, you can use the next environment variable to define the root path when executing the lint command:



```bash

ESLINT_PLUGIN_BOUNDARIES_ROOT_PATH=../../project-root npm run lint

```



You can also provide an absolute path in the environment variable, but it may be more useful to use a relative path to the project root. Remember that it will be resolved from the path where the lint command is executed.



### Predefined configurations



The plugin is distributed with two different predefined configurations: "recommended" and "strict".



#### Recommended



We recommend to use this setting if you are applying the plugin to an already existing project. Rules `boundaries/no-unknown`, `boundaries/no-unknown-files` and `boundaries/no-ignored` are disabled, so it allows to have parts of the project non-compliant with your element types, allowing to refactor the code progressively.



```json

{

  "extends": ["plugin:boundaries/recommended"]

}

```



#### Strict



All rules are enabled, so all elements in the project will be compliant with your architecture boundaries. 😃



```json

{

  "extends": ["plugin:boundaries/strict"]

}

```



### Rules configuration



Some rules require extra configuration, and it has to be defined in each specific `rule` property of the `.eslintrc..(yml|json|js)` file. For example, allowed element types relationships has to be provided as an option to the [`boundaries/element-types` rule](docs/rules/element-types.md). Rules requiring extra configuration will print a warning in case they are enabled without the needed options.



#### Main format of rules options



The docs of each rule contains an specification of their own options, but __the main rules share the format in which the options have to be defined__. The format described here is valid for options of [`element-types`](docs/rules/element-types.md), [`external`](docs/rules/external.md) and [`entry-point`](docs/rules/entry-point.md) rules.



Options set an `allow` or `disallow` value by default, and provide an array of rules. Each matching rule will override the default value and the value returned by previous matching rules. So, the final result of the options, once processed for each case, will be `allow` or `disallow`, and this value will be applied by the plugin rule in the correspondent way, making it to produce an eslint error or not.



```jsonc

{

  "rules": {

    "boundaries/element-types": [2, {

      // Allow or disallow any dependency by default

      "default": "allow",

      // Define a custom message for this rule

      "message": "${file.type} is not allowed to import ${dependency.type}",

      "rules": [

        {

          // In this type of files...

          "from": ["helpers"],

          // ...disallow importing this type of elements

          "disallow": ["modules", "components"],

          // ..for this kind of imports (applies only when using TypeScript)

          "importKind": "value",

          // ...and return this custom error message

          "message": "Helpers must not import other thing than helpers"

        },

        {

          "from": ["components"],

          "disallow": ["modules"]

          // As this rule has not "message" property, it will use the message defined at first level

        }

      ]

    }]

  }

}

```



Remember that:



* All rules are executed, and the resultant value will be the one returned by the last matching one.

* If one rule contains both `allow` and `disallow` properties, the `disallow` one has priority. It will not try to match the `allow` one if `disallow` matches. The result for that rule will be `disallow` in that case.



##### Rules options properties



* __`from/target`__: `` Depending of the rule to which the options are for, the rule will be applied only if the file being analyzed matches with this element matcher (`from`), or the dependency being imported matches with this element matcher (`target`).

* __`disallow/allow`__: `` If the plugin rule target matches with this, then the result of the rule will be "disallow/allow". Each rule will require a type of value here depending of what it is checking. In the case of the `element-types` rule, for example, another `` has to be provided in order to check the type of the local dependency.

* __`importKind`__: `` _Optional_. It is useful only when using TypeScript, because it allows to define if the rule applies when the dependency is being imported as a value or as a type. It can be also defined as an array of strings, or a micromatch pattern. Note that possible values to match with are `"value"`, `"type"` or `"typeof"`. For example, you could define that "components" can import "helpers" as a value, but not as a type. So, `import { helper } from "helpers/helper-a"` would be allowed, but `import type { Helper } from "helpers/helper-a"` would be disallowed.

* __`message`__: `` Optional. If the rule results in an error, the plugin will return this message instead of the default one. Read [error messages](#error-messages) for further info.



> Tip: Properties `from/target` and `disallow/allow` can receive a single matcher, or an array of matchers.



##### Elements matchers



Elements matchers used in the rules options can have the next formats:



* __``__: Will return `true` when the element type matches with this [`micromatch` pattern](https://github.com/micromatch/micromatch). It [supports templating](#templating) for using values from captured values.

* __`[, ]`__: Will return `true` whe when the element type matches with the first element in the array, and all of the captured values also match. 
The `` has to be an object containing `capture` keys from the [`boundaries/element-types` setting](#boundarieselement-types) of the element as keys, and [`micromatch` patterns](https://github.com/micromatch/micromatch) as values. (values also support [templating](#templating)) 
For example, for an element of type "helpers" with settings as `{ type: "helpers", pattern": "helpers/*/*.js", "capture": ["category", "elementName"]}`, you could write element matchers as:

  * `["helpers", { category: "data", elementName: "parsers"}]`: Will only match with helpers with category "data" and elementName "parsers" (`helpers/data/parsers.js`).

  * `["helpers", { category: "data" }]`: Will match with all helpers with category "data" (`helpers/data/*.js`)

  * `["data-${from.elementName}", { category: "${from.category}" }]`: Will only match with helpers with the type equals to the `elementName` of the file importing plus a `data-` prefix, and the category being equal to the `category` of the file importing the dependency.



##### Templating



When defining [__Element matchers__](#elements-matchers), the values captured both from the element importing ("from") and from the imported element ("target") are available to be replaced. They are replaced both in the main string and in the ``.



Templates must be defined with the format `${from.CAPTURED_PROPERTY}` or `${target.CAPTURED_PROPERTY}`.



##### Error messages



The plugin returns a different default message for each rule, check the documentation of each one for further info. But some rules support defining custom messages in their configuration, as seen in ["Main format of rules options"](#main-format-of-rules-options).



When defining custom messages, it is possible to provide information about the current file or dependency. Use `${file.PROPERTY}` or `${dependency.PROPERTY}`, and it will be replaced by the correspondent captured value from the file or the dependency:



```jsonc

{

  "message": "${file.type}s of category ${file.category} are not allowed to import ${dependency.category}s"

  // If the error was produced by a file with type "component" and captured value "category" being "atom", trying to import a dependency with category "molecule", the message would be:

  // "components of category atom are not allowed to import molecules"

}

```



Available properties in error templates both from `file` or `dependency` are:



* `type`: Element's type.

* `internalPath`: File path being analyzed or imported. Relative to the element's root path.

* `source`: Available only for `dependency`. The source of the `import` statement as it is in the code.

* `parent`: If the element is child of another element, it is also available in this property, which contains correspondent `type`, `internalPath` and captured properties as well.

* `importKind`: Available only for `dependency` when using TypeScript. It contains the kind of import being analyzed. Possible values are `"value"`, `"type"` or `"typeof"`.

* ...All captured properties are also available



> Tip: Read ["Global settings"](#global-settings) for further info about how to capture values from elements.



Some rules also provide extra information about the reported error. For example, `no-external` rules provides information about detected forbidden specifiers. This information is available using `${report.PROPERTY}`. Check each rule's documentation to know which report properties it provides:



```jsonc

{

  "message": "Do not import ${report.specifiers} from ${dependency.source} in helpers"

}

```



##### Advanced example of a rule configuration



Just to illustrate the high level of customization that the plugin supports, here is an example of advanced options for the `boundaries/element-types` rule based on the previous global `elements` settings example:



```jsonc

{

  "rules": {

    "boundaries/element-types": [2, {

      // disallow importing any element by default

      "default": "disallow",

      "rules": [

        {

          // allow importing helpers files from helpers files

          "from": ["helpers"],

          "allow": ["helpers"]

        },

        {

          // when file is inside an element of type "components"

          "from": ["components"],

          "allow": [

            // allow importing components of the same family

            ["components", { "family": "${from.family}" }],

            // allow importing helpers with captured category "data"

            ["helpers", { "category": "data" }],

          ]

        },

        {

          // when component has captured family "molecule"

          "from": [["components", { "family": "molecule" }]],

          "allow": [

            // allow importing components with captured family "atom"

            ["components", { "family": "atom" }],

          ],

        },

        {

          // when component has captured family "atom"

          "from": [["components", { "family": "atom" }]],

          "disallow": [

            // disallow importing helpers with captured category "data"

            ["helpers", { "category": "data" }]

          ],

          // Custom message only for this specific error

          "message": "Atom components can't import data helpers"

        },

        {

          // when file is inside a module

          "from": ["modules"],

          "allow": [

            // allow importing any type of component or helper

            "helpers",

            "components"

          ]

        },

        {

          // when module name starts by "page-"

          "from": [["modules", { "elementName": "page-*" }]],

          "disallow": [

            // disallow importing any type of component not being of family layout

            ["components", { "family": "!layout" }],

          ],

          // Custom message only for this specific error

          "message": "Modules with name starting by 'page-' can't import not layout components. You tried to import a component of family ${target.family} from a module with name ${from.elementName}"

        }

      ]

    }]

  }

}



```



## Resolvers



_"With the advent of module bundlers and the current state of modules and module syntax specs, it's not always obvious where import x from 'module' should look to find the file behind module."_ ([\**Quote from the `eslint-plugin-import` docs](#acknowledgements))



This plugin uses `eslint-module-utils/resolve` module under the hood, which is a part of the `eslint-plugin-import` plugin. So __the `import/resolver` setting can be used to use custom resolvers for this plugin too__.



[Read the `resolvers` chapter of the `eslint-plugin-import` plugin for further info](https://github.com/benmosher/eslint-plugin-import#resolvers).



```json

{

  "settings": {

    "import/resolver": {

      "eslint-import-resolver-node": {},

      "some-other-custom-resolver": { "someConfig": "value" }

    }

  }

}

```



## Usage with TypeScript



This plugin can be used also in [TypeScript](https://www.typescriptlang.org/) projects using `@typescript-eslint/eslint-plugin`. Follow next steps to configure it:



Install dependencies:



```bash

npm i --save-dev @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-import-resolver-typescript

```



Configure [`@typescript-eslint/parser`](https://github.com/typescript-eslint/typescript-eslint) as parser, load the [`@typescript-eslint`](https://github.com/typescript-eslint/typescript-eslint) plugin, and setup the [`eslint-import-resolver-typescript`](https://github.com/alexgorbatchev/eslint-import-resolver-typescript) resolver in the `.eslintrc.js` config file:



```js

module.exports = {

  parser: "@typescript-eslint/parser",

  plugins: ["@typescript-eslint", "boundaries"],

  extends: [

    "eslint:recommended",

    "plugin:@typescript-eslint/recommended",

    "plugin:boundaries/recommended",

  ],

  settings: {

    "import/resolver": {

      typescript: {

        alwaysTryTypes: true,

      },

    },

  },

};

```



> Note that `eslint-import-resolver-typescript` detects even custom paths defined in the `tsconfig.json` file, so its usage is also compatible with this plugin.



In case you face any issue configuring it, you can also [use this repository as a guide](https://github.com/javierbrea/epb-ts-example). It contains a fully working and tested example.



## Migration guides



### Migrating from v3.x



New v4.0.0 release has introduced breaking changes. If you were using v3.x, you should [read the "how to migrate from v3 to v4" guide](./docs/guides/how-to-migrate-from-v3-to-v4.md).



### Migrating from v1.x



New v2.0.0 release has introduced many breaking changes. If you were using v1.x, you should [read the "how to migrate from v1 to v2" guide](./docs/guides/how-to-migrate-from-v1-to-v2.md).



## Debug mode



In order to help during the configuration process, the plugin can trace information about the files and imports being analyzed. The information includes the file path, the assigned element type, the captured values, etc. So, it can help you to check that your `elements` setting works as expected. You can enable it using the `ESLINT_PLUGIN_BOUNDARIES_DEBUG` environment variable.



```bash

ESLINT_PLUGIN_BOUNDARIES_DEBUG=1 npm run lint

```



## Acknowledgements



\* Quote from Robert C. Martin's book ["Clean Architecture: A Craftsman's Guide to Software Structure and Design"](https://www.oreilly.com/library/view/clean-architecture-a/9780134494272/).



\** This plugin uses internally the `eslint-module-utils/resolve` module, which is a part of the [`eslint-plugin-import` plugin](https://github.com/benmosher/eslint-plugin-import). Thanks to the maintainers of that plugin for their awesome work.



## Contributing



Contributors are welcome.

Please read the [contributing guidelines](.github/CONTRIBUTING.md) and [code of conduct](.github/CODE_OF_CONDUCT.md).



## License



MIT, see [LICENSE](./LICENSE) for details.



[coveralls-image]: https://coveralls.io/repos/github/javierbrea/eslint-plugin-boundaries/badge.svg

[coveralls-url]: https://coveralls.io/github/javierbrea/eslint-plugin-boundaries

[build-image]: https://github.com/javierbrea/eslint-plugin-boundaries/workflows/build/badge.svg?branch=master

[build-url]: https://github.com/javierbrea/eslint-plugin-boundaries/actions?query=workflow%3Abuild+branch%3Amaster

[last-commit-image]: https://img.shields.io/github/last-commit/javierbrea/eslint-plugin-boundaries.svg

[last-commit-url]: https://github.com/javierbrea/eslint-plugin-boundaries/commits

[license-image]: https://img.shields.io/npm/l/eslint-plugin-boundaries.svg

[license-url]: https://github.com/javierbrea/eslint-plugin-boundaries/blob/master/LICENSE

[npm-downloads-image]: https://img.shields.io/npm/dm/eslint-plugin-boundaries.svg

[npm-downloads-url]: https://www.npmjs.com/package/eslint-plugin-boundaries

[quality-gate-image]: https://sonarcloud.io/api/project_badges/measure?project=javierbrea_eslint-plugin-boundaries&metric=alert_status

[quality-gate-url]: https://sonarcloud.io/dashboard?id=javierbrea_eslint-plugin-boundaries

[release-image]: https://img.shields.io/github/release-date/javierbrea/eslint-plugin-boundaries.svg

[release-url]: https://github.com/javierbrea/eslint-plugin-boundaries/releases