.eslintrc
{
"root": true,
"parser": "@typescript-eslint/parser",
"parserOptions": {
"project": ["./tsconfig.json"],
"ecmaVersion": 6,
"ecmaFeatures": {
"impliedStrict": true,
"jsxPragma": null // Required by @typescript/eslint-parser
}
},
"env": {
"browser": true
},
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/all",
"plugin:react/all",
"plugin:import/recommended",
"plugin:import/typescript",
"./eslint-naming-conventions.json",
],
"plugins": [
"@typescript-eslint",
"import",
// "jsx-expressions" // TODO: requires eslint 8
],
"rules": {
// Override eslint:recommended
"object-curly-spacing": "off", // Disabled in favor of @typescript-eslint/object-curly-spacing
"array-callback-return": "error",
"no-duplicate-imports": "off", // Disabled in favor of @typescript-eslint/no-duplicate-imports
"no-console": ["warn", { "allow": ["error"] }],
"sort-imports": "off", // Disabled in favor of import/order
"semi": "off", // Disabled in favor of @typescript-eslint/semi
"no-multiple-empty-lines": ["error", { "max": 1 }],
"jsx-quotes": ["error", "prefer-double"],
"array-bracket-spacing": ["error", "never"],
"lines-around-comment": ["error", {
"allowBlockStart": true
}],
// "eslint array-bracket-newline": ["error", { "multiline": true }], // TODO: requires eslint 8
// Override plugin:@typescript-eslint/all
"@typescript-eslint/object-curly-spacing": ["error", "always"],
"@typescript-eslint/quotes": ["error", "single", { "avoidEscape": true }],
"@typescript-eslint/indent": ["error", 2, { "SwitchCase": 1 }],
"@typescript-eslint/prefer-readonly-parameter-types": "off",
"@typescript-eslint/no-extra-parens": "off",
"@typescript-eslint/brace-style": ["error", "1tbs", { "allowSingleLine": true }],
"@typescript-eslint/explicit-function-return-type": "off",
"@typescript-eslint/no-type-alias": "off",
"@typescript-eslint/strict-boolean-expressions": "off",
"@typescript-eslint/no-magic-numbers": "off",
"@typescript-eslint/parameter-properties": "off",
"@typescript-eslint/no-use-before-define": "off",
"@typescript-eslint/promise-function-async": "off",
"@typescript-eslint/lines-around-comment": "off", // Disabled in favor of lines-around-comment
// Override plugin:@typescript-eslint/recommended
"@typescript-eslint/semi": ["error", "never"],
"@typescript-eslint/no-unused-vars": 2,
"@typescript-eslint/consistent-type-imports": 2,
"@typescript-eslint/no-duplicate-imports": "error",
// Override plugin:react/all
"react/destructuring-assignment": "off",
"react/forbid-component-props": "off",
"react/function-component-definition": "off",
"react/jsx-curly-newline": ["error", { "multiline": "forbid", "singleline": "forbid" }],
"react/jsx-filename-extension": [2, { "extensions": [".jsx", ".tsx"] }],
"react/jsx-handler-names": "off",
"react/jsx-indent-props": "off",
"react/jsx-indent": "off",
"react/jsx-max-depth": "off",
"react/jsx-max-props-per-line": ["error", { "maximum": 1, "when": "multiline" }],
"react/jsx-newline": "off",
"react/jsx-no-bind": "off",
"react/jsx-no-leaked-render": "off",
"react/jsx-no-literals": "off",
"react/jsx-one-expression-per-line": "off",
"react/jsx-sort-props": [2, {
"callbacksLast": true,
"shorthandFirst": true,
"reservedFirst": ["key"]
}],
"react/jsx-wrap-multilines": ["error", {
"declaration": "parens-new-line",
"assignment": "parens-new-line",
"return": "parens-new-line",
"arrow": "parens-new-line",
"condition": "parens-new-line",
"logical": "parens-new-line"
}],
"react/jsx-child-element-spacing": "warn",
"react/prop-types": "off",
"react/react-in-jsx-scope": "off",
"react/require-default-props": "off",
"react/no-set-state": "off",
"react/no-unescaped-entities": "warn",
// From plugin import
"import/order": ["error", {
"warnOnUnassignedImports": true,
"groups": [["builtin", "external"], "internal", "index", "object", "type", ["parent", "sibling"]],
"pathGroups": [{
"pattern": "utilities/**",
"group": "internal",
// "position": "after" // TODO: enable this once "distincGroup" is available to locate utilities at the bottom of this group
},{
"pattern": "**/*.scss",
"group": "sibling",
}],
"newlines-between": "always",
// "distinctGroup": "false" // TODO: config not yet available.
}],
"import/newline-after-import": "error",
"import/no-relative-packages": "error",
"import/no-named-as-default": "off",
// From plugin jsx-expressions
// "jsx-expressions/strict-logical-expressions": "error", // Replaces rule "react/jsx-no-leaked-render" // TODO: requires eslint 8
},
"settings": {
"react": {
"version": "detect" // React version. "detect" automatically picks the version you have installed.
},
"import/resolver": {
"typescript": true
}
},
"ignorePatterns": [
"*.config.js",
"spec/javascripts/setupTests.ts",
"spec/javascripts/__mocks__/"
]
}