Pre-commit hook for linting staged .js, .jsx or .vue files with ESLint before commit.

pre-commit-eslint

#!/bin/sh
#
# Pre-commit hook for linting staged javascript files with ESLint
# From https://gist.github.com/rashtay/328da46a99a9d7c746636df1cf769675
# 

STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep ".jsx\{0,1\}$\|.vue$")
ESLINT="node_modules/.bin/eslint"

printf "\nPre-commit hook: ESLint javascript validation\n"

if [[ "$STAGED_FILES" = "" ]]; then
  printf "No staged .js, .jsx or .vue files found.\n"
  exit 0
fi

PASS=true

# Check for eslint
if [[ ! -x "$ESLINT" ]]; then
  printf "\t\033[41mPlease install ESlint\033[0m (npm i --save-dev eslint)"
  exit 1
fi

for FILE in $STAGED_FILES
do
  "$ESLINT" "--max-warnings" 0 "$FILE"

  if [[ "$?" == 0 ]]; then
    printf "\t\033[32mESLint Passed: $FILE\033[0m"
  else
    printf "\t\033[41mESLint Failed: $FILE\033[0m"
    PASS=false
  fi
done

printf "\nJavascript validation completed!\n"

if ! $PASS; then
  printf "\033[41mCOMMIT FAILED:\033[0m Your commit contains files that should pass ESLint but do not. Please fix the ESLint errors and try again.\n"
  exit 1
else
  printf "\033[42mCOMMIT SUCCEEDED\033[0m\n"
fi

exit $?