.eslintrc.yml

env:
  es2021: true
  node: true

extends:
  - eslint:recommended
  - plugin:security/recommended-legacy
  - plugin:regexp/recommended
  - prettier

parserOptions:
  ecmaVersion: latest
  sourceType: module

# I generally prefer rules and settings to be configured everywhere in case I
# want to enable a plugin in another place
rules:
  react-refresh/only-export-components: warn
  jsx-a11y/autocomplete-valid:
    - error
    - inputComponents:
        - Input
  jsx-a11y/heading-has-content:
    - error
    - components:
        - TypographyH1
        - TypographyH2
        - TypographyH3
        - TypographyH4
        - AlertTitle
        - CardTitle
        - DialogTitle

settings:
  react:
    version: detect
  tailwindcss:
    calees: [cn, cva, classnames, clsx, ctl]
    whitelist: [destructive]

# I prefer applying most configuration settings via overrides, unless they
# really are generic settings that should apply to every file. It seems to make
# ESLint work a bit better (ex. it picks up more files automatically), and it
# avoids unnecessary rules in a lot of places (a lot of provided configs apply
# to files they don't need to).
overrides:
  - files: ['*.ts', '*.tsx']
    extends:
      - plugin:@typescript-eslint/eslint-recommended
      - plugin:@typescript-eslint/recommended
    plugins:
      - '@typescript-eslint'
    parser: '@typescript-eslint/parser'
  - files: ['src/**/*']
    env:
      browser: true
    extends:
      - plugin:react-hooks/recommended
      - plugin:react/recommended
      - plugin:react/jsx-runtime
      - plugin:jsx-a11y/recommended
      - plugin:tailwindcss/recommended
    plugins:
      - react-refresh
      - react
  - files: ['src/components/ui/**/*']
    rules:
      jsx-a11y/heading-has-content: off
      react/prop-types:
        - error
        - ignore:
            - align
            - checked
            - className
            - position
            - sideOffset

ignorePatterns:
  - dist
  - public