.eslintrc.js

module.exports = {
  root: true,
  parser: '@typescript-eslint/parser',
  plugins: [
    '@typescript-eslint',
    'jest',
    'jsx-a11y',
    'jsx-expressions',
    'prefer-arrow',
    'react',
    'react-hooks',
    'styled-components-a11y',
  ],
  extends: [
    'airbnb',
    'airbnb/hooks',
    'plugin:@typescript-eslint/recommended',
    'plugin:react/recommended',
    'plugin:react-hooks/recommended',
    'prettier',
    'plugin:jest/recommended',
    'plugin:jest/style',
    'plugin:styled-components-a11y/strict',
  ],
  env: {
    es6: true,
    node: true,
    browser: true,
    'jest/globals': true,
  },
  ignorePatterns: [
    'reports/',
    'node_modules/',
    'ios/',
    'android/',
    'dist/',
    '/.eslintrc.js',
    '/web/www/',
    '/build-configs/integreat-e2e/assets/', //symlink
    '/build-configs/integreat-test-cms/assets/', //symlink
  ],
  rules: {
    // Overly strict rules (for now)
    'class-methods-use-this': 'off',
    'no-shadow': 'off',
    'no-underscore-dangle': 'off',
    'react/display-name': 'off',
    'react/jsx-props-no-spreading': 'off',
    'jest/no-mocks-import': 'off',

    // Unwanted
    'lines-between-class-members': 'off',
    'import/extensions': 'off',
    'import/named': 'off',
    'import/prefer-default-export': 'off',
    'import/no-named-as-default-member': 'off',
    'react/require-default-props': 'off',
    'react/sort-comp': 'off',
    'jest/expect-expect': 'off',

    // Disabling since better @typescript-eslint rules available or they make no sense for ts projects
    'default-case': 'off',
    'no-use-before-define': 'off',
    'import/no-unresolved': 'off',
    'react/jsx-filename-extension': 'off',

    curly: ['error', 'all'],
    'func-names': 'error',
    'no-console': 'error',
    'no-magic-numbers': [
      'error',
      {
        ignore: [-1, 0, 1, 2],
        ignoreArrayIndexes: true,
      },
    ],
    'prefer-destructuring': ['error', { array: false }],
    'prefer-object-spread': 'error',

    'react/function-component-definition': [
      'error',
      {
        namedComponents: 'arrow-function',
        unnamedComponents: 'arrow-function',
      },
    ],
    'react/jsx-no-useless-fragment': ['error', { allowExpressions: true }],
    'react/no-did-mount-set-state': 'error',
    'react/no-unused-prop-types': 'warn',
    'react-hooks/exhaustive-deps': 'error',

    '@typescript-eslint/await-thenable': 'error',
    '@typescript-eslint/ban-ts-comment': 'error',
    '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
    '@typescript-eslint/explicit-module-boundary-types': 'error',
    '@typescript-eslint/no-empty-function': 'error',
    '@typescript-eslint/no-explicit-any': 'error',
    '@typescript-eslint/no-unnecessary-condition': 'error',
    '@typescript-eslint/no-unused-vars': [
      'error',
      {
        argsIgnorePattern: '_(unused)?',
        varsIgnorePattern: '_(unused)?',
        ignoreRestSiblings: true,
      },
    ],
    '@typescript-eslint/no-use-before-define': 'error',
    '@typescript-eslint/prefer-ts-expect-error': 'error',
    '@typescript-eslint/strict-boolean-expressions': [
      'error',
      {
        allowNullableBoolean: true,
        allowNullableString: true,
      },
    ],
    '@typescript-eslint/array-type': [
      'error',
      {
        default: 'array',
      },
    ],
    '@typescript-eslint/switch-exhaustiveness-check': 'error',
    '@typescript-eslint/no-non-null-assertion': 'error',

    'jest/consistent-test-it': 'error',
    'jest/no-alias-methods': 'error',

    'jsx-expressions/strict-logical-expressions': 'error',

    'prefer-arrow/prefer-arrow-functions': 'error',

    // Force labels to have an id is important to connect them with input/text fields for screen reader
    'styled-components-a11y/label-has-for': [
      'error',
      {
        components: ['Label'],
        required: {
          every: ['id'],
        },
        allowChildren: false,
      },
    ],
    'styled-components-a11y/no-noninteractive-element-to-interactive-role': [
      'error',
      {
        fieldset: ['radiogroup'],
      },
    ],
  },
  parserOptions: {
    project: true,
  },
  overrides: [
    {
      files: [
        '*.spec.{ts,tsx}',
        '*.e2e.ts',
        '**/__mocks__/*.{ts,tsx}',
        '**/testing/*.{ts,tsx}',
        'jest.setup.ts',
        'jest.config.ts',
      ],
      rules: {
        'global-require': 'off',
        'no-console': 'off',
        'no-magic-numbers': 'off',
        '@typescript-eslint/no-var-requires': 'off',
        '@typescript-eslint/no-non-null-assertion': 'off',
        'import/no-extraneous-dependencies': 'off',
        'jsx-a11y/click-events-have-key-events': 'off',
        'jsx-a11y/no-static-element-interactions': 'off',
        'react/jsx-no-constructed-context-values': 'off',
      },
    },
    {
      files: ['e2e-tests/**/*.conf.ts'],
      rules: {
        'no-magic-numbers': 'off',
      },
    },
    {
      files: ['native/**'],
      rules: {
        // This rule does not make sense in react native as we don't have normal anchor tags
        'jsx-a11y/anchor-is-valid': 'off',
      },
    },
    {
      files: ['**/tools/**', 'translations/**', 'e2e-tests/**', 'metro.config.js'],
      rules: {
        'no-console': 'off',
        'import/no-extraneous-dependencies': 'off',
      },
    },
    {
      files: ['tools/**', 'e2e-tests/**'],
      plugins: ['unicorn'],
      rules: {
        // esm specific rules
        'import/no-commonjs': 'error',
        'unicorn/prefer-node-protocol': 'error',
      },
    },
    {
      files: ['e2e-tests/**'],
      rules: {
        '@typescript-eslint/await-thenable': 'off',
      },
    },
  ],
  reportUnusedDisableDirectives: true,
  settings: {
    react: {
      version: 'detect',
    },
  },
}