.eslintrc.js

module.exports = {
  parser: '@typescript-eslint/parser',
  parserOptions: {
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
    },
    project: './tsconfig.json',
  },
  env: {
    browser: true,
    commonjs: true,
    es6: true,
  },
  extends: [
    'eslint-config-airbnb/rules/react',
    'eslint-config-airbnb/rules/react-a11y',
    'plugin:@typescript-eslint/recommended',
    '@colony/eslint-config-colony',
    'prettier',
  ],
  plugins: [
    '@typescript-eslint',
    'react',
    'jsx-a11y',
    'jsdoc',
    'react-hooks',
    'react-refresh',
    '@limegrass/import-alias',
  ],
  overrides: [
    {
      files: [
        '**/__tests__/*.test.js',
        '**/__tests__/*.test.ts',
        '**/__tests__/*.test.tsx',
      ],
      plugins: ['jest'],
      rules: {
        'max-len': 'off',
        'no-underscore-dangle': 'off',
        // eslint-disable-next-line global-require
        ...require('./.eslintrc.jest.js'),
      },
      env: {
        jest: true,
      },
    },
  ],
  rules: {
    // Using the typescript-eslint version for these
    'no-unused-vars': 'off',
    'no-undef': 'off',
    // TypeScript overloads
    'no-dupe-class-members': 'off',
    'no-redeclare': 'off',
    '@typescript-eslint/no-redeclare': 'warn',
    camelcase: ['error', { allow: ['^TEMP_'] }],
    'eslint-comments/disable-enable-pair': ['error', { allowWholeFile: true }],

    // @typescript-eslint
    '@typescript-eslint/ban-ts-ignore': 'off',
    '@typescript-eslint/no-unused-vars': 'error',
    '@typescript-eslint/explicit-member-accessibility': 'off',
    '@typescript-eslint/no-object-literal-type-assertion': 'off',
    '@typescript-eslint/prefer-interface': 'off',
    '@typescript-eslint/camelcase': 'off',
    '@typescript-eslint/explicit-function-return-type': 'off',
    '@typescript-eslint/no-explicit-any': 'off',
    '@typescript-eslint/no-empty-function': 'off',

    // jsx
    'jsx-a11y/label-has-for': 'off',

    // react
    'react/default-props-match-prop-types': 'off',
    'react/jsx-filename-extension': [
      'warn',
      { extensions: ['.test.js', '.tsx'] },
    ],
    'react/jsx-one-expression-per-line': 'off',
    'react/jsx-props-no-spreading': 'off',
    'react/jsx-wrap-multilines': 'off',
    'react/require-default-props': 'off',
    'react/sort-comp': [
      'error',
      {
        order: [
          'type-annotations',
          'static-methods',
          'lifecycle',
          'everything-else',
          'render',
        ],
      },
    ],

    'react/state-in-constructor': ['error', 'never'],
    'react/static-property-placement': 'off',
    'react-hooks/rules-of-hooks': 'error',
    'react-hooks/exhaustive-deps': 'warn',

    'react-refresh/only-export-components': 'error',

    // import plugin (resolvers disabled in favour of using typescript)
    'import/no-unresolved': 'off',
    'import/no-extraneous-dependencies': 'off',
    'import/prefer-default-export': 'off',
    'import/order': [
      'error',
      {
        alphabetize: {
          caseInsensitive: true,
          order: 'asc',
        },
        groups: [
          ['builtin', 'external'],
          'internal',
          'parent',
          'sibling',
          'index',
          'object',
          'type',
        ],
        'newlines-between': 'always',
        pathGroups: [
          {
            pattern: '~*/**',
            group: 'internal',
          },
          {
            pattern: '~**',
            group: 'internal',
          },
          {
            pattern: '{.,..}/**/*.css',
            group: 'type',
            position: 'after',
          },
        ],
        warnOnUnassignedImports: true,
      },
    ],
    '@limegrass/import-alias/import-alias': [
      'error',
      {
        relativeImportOverrides: [{ path: '.', depth: 1 }],
      },
    ],

    // Disallow TODO but not @todo; these are expected to be handled by the jsdoc plugin
    'no-warning-comments': [
      'error',
      { terms: ['fixme', 'todo', 'xxx', '@fixme'], location: 'start' },
    ],
    'jsdoc/check-indentation': 'off',
    'no-restricted-exports': 'off',
    'no-use-before-define': 'off',
    '@typescript-eslint/no-use-before-define': ['error', 'nofunc'],
    '@typescript-eslint/consistent-type-imports': [
      'error',
      {
        fixStyle: 'inline-type-imports',
      },
    ],
    '@typescript-eslint/consistent-type-exports': [
      'error',
      {
        fixMixedExportsWithInlineTypeSpecifier: true,
      },
    ],
    'no-shadow': 'off',
    '@typescript-eslint/no-shadow': ['error'],
    '@typescript-eslint/ban-ts-comment': 'off',
    'default-param-last': 'off',
    'max-len': [
      'error',
      {
        code: 120,
        // Allow import, export and implements statements. Also long backticks
        ignorePattern: '^import [^,]+ from |^export | implements | `.{30,}`',
        ignoreComments: true,
        tabWidth: 2,
        ignoreUrls: true,
        ignoreStrings: true,
      },
    ],
    'react/function-component-definition': 'off',
    'react/jsx-no-useless-fragment': ['error', { allowExpressions: true }],
    // Allow for-of loops
    'no-restricted-syntax': [
      'error',
      'ForInStatement',
      'LabeledStatement',
      'WithStatement',
    ],
    'no-underscore-dangle': ['error', { allow: ['__typename'] }],
    'max-params': ['error', { max: 3 }],
  },
};