.eslintrc.yml

env:
  browser: true
  es2021: true
extends:
  - eslint:recommended
  - plugin:react/recommended
  - plugin:@typescript-eslint/recommended
  - plugin:import/errors
  - plugin:import/warnings
  - plugin:import/typescript
  - plugin:prettier/recommended
parser: '@typescript-eslint/parser'
parserOptions:
  ecmaFeatures:
    jsx: true
  ecmaVersion: latest
  sourceType: module
plugins:
  - react
  - react-hooks
  - '@typescript-eslint'
  - prettier
settings:
  react:
    version: detect
  import/resolver:
    node:
      paths:
        - src
        - nodes_modules
ignorePatterns: [/public, /build]

rules:
  # Base rules
  quotes: [error, single, { avoidEscape: true }]

  # Import rules
  import/newline-after-import: error
  import/no-default-export: error

  # React rules
  react/react-in-jsx-scope: off
  react/prop-types: off
  react-hooks/rules-of-hooks: error
  react-hooks/exhaustive-deps: error

  # Naming conventions
  '@typescript-eslint/naming-convention':
    - error
    - selector: function
      format: [camelCase, PascalCase]
    - selector: variable
      format: [camelCase, PascalCase, UPPER_CASE]
    - selector: class
      format: [PascalCase]
    - selector: interface
      format: [PascalCase]
      prefix: [I]
    - selector: enum
      format: [PascalCase]

  # Ban types
  '@typescript-eslint/ban-types':
    - error
    - types:
        Function: false

  '@typescript-eslint/no-empty-interface':
    - error
    - allowSingleExtends: true

overrides:
  # Script / Node files
  - files: [./*.js]
    env:
      node: true
    rules:
      react-hooks/rules-of-hooks: off
      '@typescript-eslint/no-var-requires': off
  - files: ['*.stories.tsx']
    rules:
      import/no-default-export: off