.eslintrc.json

{
  "extends": ["opencollective", "plugin:styled-components-a11y/recommended"],
  "env": { "jest": true },
  "plugins": ["graphql", "react-hooks", "simple-import-sort", "formatjs", "styled-components-a11y"],
  "rules": {
    "no-console": "warn",
    "require-atomic-updates": "off",
    "lines-between-class-members": ["error", "always", { "exceptAfterSingleLine": true }],
    "no-restricted-imports": [
      "error",
      {
        "paths": [
          {
            "name": "react-intl",
            "importNames": ["FormattedHTMLMessage"],
            "message": "FormattedHTMLMessage is not allowed, please rely on the standard FormattedMessage."
          }
        ]
      }
    ],
    // To lint multiple schemas each one needs a different tagName.
    // https://github.com/apollographql/eslint-plugin-graphql#additional-schemas-or-tags
    "graphql/template-strings": [
      "error",
      { "env": "apollo", "projectName": "opencollective" },
      { "env": "apollo", "tagName": "gqlV2", "projectName": "opencollective_v2" }
    ],
    "graphql/named-operations": ["error"],
    "graphql/capitalized-type-name": ["error"],
    "graphql/no-deprecated-fields": ["warn"],
    "react-hooks/rules-of-hooks": ["error"],
    "react/jsx-fragments": ["error", "element"],
    // We can be stricter with these rules
    // because we don't have any occurences anymore
    "react/react-in-jsx-scope": ["error"],
    "react/prop-types": ["error"],
    "react/sort-comp": ["error"],
    "react/no-this-in-sfc": ["error"],
    // simple-import-sort
    "simple-import-sort/imports": [
      "error",
      {
        "groups": [
          // Side effect imports.
          ["^\\u0000"],
          // Node.js builtins. You could also generate this regex if you use a `.js` config.
          // For example: `^(${require("module").builtinModules.join("|")})(/|$)`
          [
            "^(_http_agent|_http_client|_http_common|_http_incoming|_http_outgoing|_http_server|_stream_duplex|_stream_passthrough|_stream_readable|_stream_transform|_stream_wrap|_stream_writable|_tls_common|_tls_wrap|assert|async_hooks|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|http2|https|inspector|module|net|os|path|perf_hooks|process|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|trace_events|tty|url|util|v8|vm|worker_threads|zlib)(/|$)"
          ],
          // Packages.
          // Things that start with a letter (or digit or underscore), or `@` followed by a letter.
          ["^react$", "^prop-types$", "^@?\\w"],
          // Libs
          ["(.*)/lib/", "(.*)/server/", "(.*)/test/"],
          // Components
          ["(.*)/components/"],
          // Parent imports. Put `..` last.
          ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
          // Other relative imports. Put same-folder imports and `.` last.
          ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
          // Styles
          ["^.+\\.s?css$"],
          // Images
          ["public/static/images", "^.+\\.svg$", "^.+\\.png$"]
        ]
      }
    ],
    // formatjs
    "formatjs/enforce-default-message": ["error"],
    "formatjs/enforce-plural-rules": ["error"],
    "formatjs/no-multiple-whitespaces": ["error"],
    "formatjs/no-offset": ["error"],
    "formatjs/enforce-placeholders": ["off"],
    "formatjs/no-camel-case": ["off"],
    "formatjs/no-emoji": ["off"],
    "formatjs/no-multiple-plurals": ["off"],

    // styled-components-a11y

    // This is deprecated and replaced by jsx-a11y/label-has-associated-control;
    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-for.md
    "jsx-a11y/label-has-for": ["off"],
    // The rational behind this is; https://github.com/brendanmorrell/eslint-plugin-styled-components-a11y/issues/18#issuecomment-837229005
    "jsx-a11y/label-has-associated-control": [
      "error",
      {
        "required": {
          "some": ["nesting", "id"]
        }
      }
    ]
  }
}