.eslintrc.js

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 *
 */

module.exports = {
  settings: {
    react: {
      pragma: 'React',
      version: '17.0',
      flowVersion: '0.214.0', // Flow version
    },
    'ft-flow': {
      onlyFilesWithFlowAnnotation: true,
    },
  },
  // babel parser to support ES6/7 features
  parser: 'hermes-eslint',
  extends: ['plugin:ft-flow/recommended', 'prettier'],
  plugins: ['ft-flow', 'react', 'header'],
  env: {
    browser: true,
    es6: true,
    jest: true,
    node: true,
  },
  ignorePatterns: [
    'build',
    'coverage',
    'dist',
    'lib',
    'node_modules',
    'next-env.d.ts',
  ],
  globals: {
    $Call: 'readonly',
    $Diff: 'readonly',
    $ElementType: 'readonly',
    $Exact: 'readonly',
    $FlowFixMe: 'readonly',
    $Keys: 'readonly',
    $NonMaybeType: 'readonly',
    $ObjMap: 'readonly',
    $ObjMapConst: 'readonly',
    $ObjMapi: 'readonly',
    $PropertyType: 'readonly',
    $ReactOnly: 'readonly',
    $ReactOnlyArray: 'readonly',
    $ReadOnlyMap: 'readonly',
    $ReadOnlySet: 'readonly',
    $Rest: 'readonly',
    $TupleMap: 'readonly',
    $Values: 'readonly',
    Partial: 'readonly',
  },
  rules: {
    'header/header': [
      2,
      'block',
      [
        '*',
        ' * Copyright (c) Meta Platforms, Inc. and affiliates.',
        ' *',
        ' * This source code is licensed under the MIT license found in the',
        ' * LICENSE file in the root directory of this source tree.',
        ' *',
        { pattern: '(.*)?', template: ' *' },
        ' ',
      ],
    ],
    camelcase: 0,
    'constructor-super': 2,
    'default-case': [2, { commentPattern: '^no default$' }],
    eqeqeq: [2, 'allow-null'],
    'handle-callback-err': [2, '^(err|error)$'],
    'new-cap': [2, { newIsCap: true, capIsNew: false }],
    'no-alert': 1,
    'no-array-constructor': 2,
    'no-caller': 2,
    'no-case-declarations': 2,
    'no-class-assign': 2,
    'no-cond-assign': 2,
    'no-const-assign': 2,
    'no-control-regex': 2,
    'no-debugger': 2,
    'no-delete-var': 2,
    'no-dupe-args': 2,
    'no-dupe-class-members': 2,
    'no-dupe-keys': 2,
    'no-duplicate-case': 2,
    'no-empty-character-class': 2,
    'no-empty-pattern': 2,
    'no-eval': 2,
    'no-ex-assign': 2,
    'no-extend-native': 2,
    'no-extra-bind': 2,
    'no-extra-boolean-cast': 2,
    'no-fallthrough': 2,
    'no-floating-decimal': 2,
    'no-func-assign': 2,
    'no-implied-eval': 2,
    'no-inner-declarations': [2, 'functions'],
    'no-invalid-regexp': 2,
    'no-irregular-whitespace': 2,
    'no-iterator': 2,
    'no-label-var': 2,
    'no-labels': [2, { allowLoop: false, allowSwitch: false }],
    'no-lone-blocks': 2,
    'no-loop-func': 2,
    'no-multi-str': 2,
    'no-native-reassign': 2,
    'no-negated-in-lhs': 2,
    'no-new': 2,
    'no-new-func': 2,
    'no-new-object': 2,
    'no-new-require': 2,
    'no-new-symbol': 2,
    'no-new-wrappers': 2,
    'no-obj-calls': 2,
    'no-octal': 2,
    'no-octal-escape': 2,
    'no-path-concat': 2,
    'no-proto': 2,
    'no-redeclare': 2,
    'no-regex-spaces': 2,
    'no-return-assign': [2, 'except-parens'],
    'no-script-url': 2,
    'no-self-assign': 2,
    'no-self-compare': 2,
    'no-sequences': 2,
    'no-shadow-restricted-names': 2,
    'no-sparse-arrays': 2,
    'no-this-before-super': 2,
    'no-throw-literal': 2,
    'no-undef': 0,
    'no-undef-init': 2,
    'no-unexpected-multiline': 2,
    'no-unmodified-loop-condition': 2,
    'no-unneeded-ternary': [2, { defaultAssignment: false }],
    'no-unreachable': 2,
    'no-unsafe-finally': 2,
    'no-unused-vars': [
      2,
      { vars: 'all', argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
    ],
    'no-useless-call': 2,
    'no-useless-computed-key': 2,
    'no-useless-concat': 2,
    'no-useless-constructor': 2,
    'no-useless-escape': 2,
    'no-var': 2,
    'no-with': 2,
    'prefer-const': 2,
    'prefer-rest-params': 2,
    quotes: [2, 'single', 'avoid-escape'],
    radix: 2,
    'use-isnan': 2,
    'valid-typeof': 2,
    yoda: [2, 'never'],

    // flow
    'ft-flow/space-after-type-colon': [2, 'always', { allowLineBreak: true }],
    'ft-flow/generic-spacing': 0,

    // react
    'react/display-name': 0,
    'react/jsx-no-bind': 0,
    'react/jsx-no-duplicate-props': 2,
    'react/jsx-no-undef': 2,
    'react/jsx-pascal-case': 2,
    'react/jsx-sort-props': 2,
    'react/jsx-uses-react': 2,
    'react/jsx-uses-vars': 2,
    'react/no-did-mount-set-state': 0,
    'react/no-did-update-set-state': 2,
    'react/no-direct-mutation-state': 2,
    'react/no-multi-comp': 0,
    'react/no-string-refs': 2,
    'react/no-unknown-property': 2,
    'react/prefer-es6-class': 2,
    'react/prop-types': 0,
    'react/react-in-jsx-scope': 0,
    'react/self-closing-comp': 2,
    'react/sort-comp': 0,
    'react/sort-prop-types': 2,
    'react/wrap-multilines': 0,
  },
};