.eslintrc.yml

root: true

plugins:
  - react
  - react-hooks
  - lodash
  - import

parser: "@typescript-eslint/parser"

settings:
  react:
    version: detect

ignorePatterns:
  - /node_modules
  - /dist
  - "*.config.js"
  - "*.config.cjs"
  - "*.config.ts"

extends:
  - plugin:react/recommended
  - plugin:react/jsx-runtime
  - plugin:react-hooks/recommended
  - plugin:lodash/recommended
  - plugin:import/warnings
  - plugin:@typescript-eslint/recommended
  - eslint:recommended

env:
  browser: true
  es2020: true
  node: true

parserOptions:
  sourceType: module
  project:
    - tsconfig.json

rules:
  # General style
  no-trailing-spaces:
    - warn
  quotes:
    - warn
    - double
  jsx-quotes:
    - warn
    - prefer-double
  prefer-arrow-callback:
    - warn
  object-curly-spacing:
    - warn
    - always
  array-bracket-spacing:
    - warn
    - never
  keyword-spacing:
    - warn
  func-call-spacing:
    - warn
  space-before-blocks:
    - warn
  arrow-spacing:
    - warn
  arrow-parens:
    - warn
  arrow-body-style:
    - warn
    - as-needed
  no-constant-condition:
    - warn
    - checkLoops: false
  import/order:
    - warn
    - newlines-between: always
  import/newline-after-import:
    - warn
    - count: 2
  multiline-ternary:
    - warn
    - always-multiline


  # JSX
  react/jsx-indent:
    - warn
    - 2
  react/jsx-tag-spacing:
    - warn
  react/jsx-curly-spacing:
    - warn
    - when: never
      children: true
  react/jsx-equals-spacing:
    - warn
    - never
  react/jsx-first-prop-new-line:
    - warn
    - multiline
  react/jsx-max-props-per-line:
    - warn
    - maximum: 1
      when: multiline


  # TypeScript
  "@typescript-eslint/consistent-type-definitions":
    - error
    - type
  "@typescript-eslint/explicit-module-boundary-types":
    - off
  semi:
    - off
  "@typescript-eslint/semi":
    - warn
    - never
  indent:
    - off
  "@typescript-eslint/indent":
    - warn
    - 2
    - SwitchCase: 0
      offsetTernaryExpressions: true
      MemberExpression: off
      # Override wonky indent behavior with TypeScript types (unions)
      ignoredNodes:
        - TSTypeParameterInstantiation
        - TSTypeAliasDeclaration *
        # Let react/jsx-indent handle this
        - JSXElement *
        - JSXElement

  "@typescript-eslint/member-delimiter-style":
    - warn
    - multiline:
        delimiter: none
      singleline:
        delimiter: comma
  comma-spacing:
    - off
  "@typescript-eslint/comma-spacing":
    - warn
  comma-dangle:
    - off
  "@typescript-eslint/comma-dangle":
    - warn
    - never
  no-unused-vars:
    - off
  "@typescript-eslint/no-unused-vars":
    - warn
    - argsIgnorePattern: "^_"
  "@typescript-eslint/no-unnecessary-condition":
    - warn
    - allowConstantLoopConditions: true
  "@typescript-eslint/ban-types":
    - warn
    - types:
        object: false


  # React
  react/function-component-definition:
    - warn
    - namedComponents: arrow-function
      unnamedComponents: arrow-function
  react/display-name:
    - off
  react/prop-types:
    - off

  # Lodash
  lodash/import-scope:
    - warn
    - member
  lodash/prefer-noop:
    - warn
  lodash/prefer-includes:
    - warn
  lodash/prefer-constant:
    - warn
  lodash/prefer-lodash-typecheck:
    - warn
  lodash/prefer-some:
    - warn