Run eslint on files, but only report warnings and errors from lines that were changed.
npm install @automattic/eslint-changedRun [ESLint] on files and only report new warnings and errors.
Install via your favorite JS package manager. Note the peer dependency on eslint.
For example,
``
npm install @automattic/eslint-changed eslint
To identify the changes, eslint-changed needs the ESLint output for both the old and new versions of the file, as well as the diff between them.
If you use git, it can determine this automatically. Otherwise, you can supply the necessary information manually.
Options used in both modes are:
* --debug: Enable debug output.--ext
* : Comma-separated list of JavaScript file extensions. Ignored if files are listed. (default: ".js")--format
* : ESLint format to use for output. (default: "stylish")--in-diff-only
* : Only include messages on lines changed in the diff. This may miss things like deleting a var that leads to a new no-undef elsewhere.
The following options are used with manual mode:
* --diff : A file containing the unified diff of the changes.--diff-base
* : Base directory the diff is relative to. Defaults to the current directory.--eslint-orig
* : A file containing the JSON output of eslint on the unchanged files.--eslint-new
* : A file containing the JSON output of eslint on the changed files.
In git mode, eslint-changed needs to be able to run git. If this is not available by that name in the shell path,GIT
set environment variable as appropriate.
The following options are used with git mode:
* --git: Signify that you're using git mode.--git-staged
* : Compare the staged version to the HEAD version (this is the default).--git-unstaged
* : Compare the working copy version to the staged (or HEAD) version.--git-base
* : Compare the HEAD version to the HEAD of a different base (e.g. branch).--eslint-options
* : Pass additional options for ESLint. Value is interpreted as JSON if possible, otherwise it's treated as a literal string.
See https://eslint.org/docs/latest/integrate/nodejs-api#-new-eslintoptions (or the equivalent for the version of eslint in use) for details on available options.
This will compare the staged changes with HEAD.
`bash`
npx @automattic/eslint-changed --git
This will compare HEAD with origin/trunk.
`bash`
npx @automattic/eslint-changed --git --git-base origin/trunk
This does much the same as the previous example, but manually. If you're using something other than git, you might do something like this.
`bashProduce a diff.
git diff origin/trunk...HEAD > /tmp/diff
Note that, to be exactly the same as the above, you'd want to extract the list of files from the diff instead of linting everything. But this will work.This will compare file.js in HEAD with origin/trunk, with the equivalent of passing
to eslint.
`bash
npx @automattic/eslint-changed --git --git-base origin/trunk --eslint-options flags='["v10_config_lookup_from_file"]' -- file.js
``We had been using [phpcs-changed] for a while, and wanted the same thing for ESLint.
[ESLint]: https://www.npmjs.com/package/eslint
[phpcs-changed]: https://packagist.org/packages/sirbrillig/phpcs-changed