.eslintrc.js

module.exports = {
	'env': {
		'node': true,
		'browser': true,
		'es2021': true
	},
	'extends': [
		'eslint:recommended',
		'plugin:import/recommended',
		'plugin:react/recommended',
		'plugin:react-hooks/recommended',
		'plugin:tailwindcss/recommended',
		'plugin:@typescript-eslint/recommended',
		'next/core-web-vitals'
	],
	'parser': '@typescript-eslint/parser',
	'parserOptions': {
		'ecmaFeatures': {'jsx': true},
		'ecmaVersion': 2022,
		'sourceType': 'module',
		'tsconfigRootDir': __dirname,
		'project': ['./tsconfig.json']
	},
	'plugins': [
		'@typescript-eslint',
		'react',
		'tailwindcss',
		'unused-imports',
		'simple-import-sort',
		'import'
	],
	'settings': {
		'react': {'version': 'detect'},
		'import/resolver': {'typescript': {}}
	},
	'rules': {
		'import/default': 0,
		'no-mixed-spaces-and-tabs': 2,
		'react/prop-types': 0,
		'no-async-promise-executor': 0,
		'import/no-unresolved': 0, //Issue with package exports
		'quotes': [2, 'single', {'avoidEscape': true}],
		'object-curly-spacing': [2, 'never'],
		'array-bracket-spacing': [2, 'never'],
		'semi': 'error',
		'no-else-return': ['error', {'allowElseIf': false}],
		'eol-last': ['error', 'always'],
		'import/no-named-as-default-member': 2,
		'tailwindcss/no-custom-classname': 0,
		'array-bracket-newline': ['error', {'multiline': true}],
		'react/jsx-curly-brace-presence': ['error', {'props': 'always', 'children': 'always'}],
		'react/jsx-first-prop-new-line': ['error', 'multiline'],
		'react/jsx-max-props-per-line': ['error', {'maximum': {'single': 2, 'multi': 1}}],
		'react/jsx-closing-tag-location': 2,
		'unused-imports/no-unused-imports': 'error',
		'unused-imports/no-unused-vars': [
			'warn', {
				'vars': 'all',
				'varsIgnorePattern': '^_',
				'args': 'after-used',
				'argsIgnorePattern': '^_'
			}
		],
		'simple-import-sort/imports': 2,
		'simple-import-sort/exports': 2,
		'import/first': 2,
		'import/newline-after-import': 2,
		'import/no-duplicates': 2,
		'curly': ['error', 'all'],
		'object-curly-newline': [
			'error', {
				'ObjectExpression': {'multiline': true, 'consistent': true},
				'ObjectPattern': {'multiline': true, 'consistent': true},
				'ImportDeclaration': 'never',
				'ExportDeclaration': {'multiline': true, 'minProperties': 3}
			}
		],
		'object-property-newline': ['error', {'allowAllPropertiesOnSameLine': true}],
		'prefer-destructuring': ['error', {'array': true, 'object': true}, {'enforceForRenamedProperties': false}],
		'@typescript-eslint/consistent-type-imports': [
			2, {
				'prefer': 'type-imports',
				'disallowTypeAnnotations': true,
				'fixStyle': 'separate-type-imports'
			}
		],
		'no-multi-spaces': ['error', {ignoreEOLComments: false}],
		'@typescript-eslint/no-var-requires': 0,
		'@typescript-eslint/no-unused-vars': 2,
		'@typescript-eslint/array-type': ['error', {'default': 'array'}],
		'@typescript-eslint/consistent-type-assertions': ['error', {'assertionStyle': 'as', 'objectLiteralTypeAssertions': 'never'}],
		'@typescript-eslint/consistent-type-definitions': ['error', 'type'],
		'@typescript-eslint/consistent-indexed-object-style': ['error', 'index-signature'],
		'@typescript-eslint/naming-convention': [
			'error',
			{'selector': 'default', 'format': ['camelCase']},
			{'selector': 'function', 'format': ['camelCase', 'PascalCase']},

			{'selector': 'variableLike', 'format': ['camelCase', 'PascalCase', 'UPPER_CASE'], 'leadingUnderscore': 'allow'},
			{'selector': 'variable', 'types': ['boolean'], 'format': ['PascalCase'], 'prefix': ['is', 'should', 'has', 'can', 'did', 'will', 'with']},
			{
				'selector': 'default',
				'format': null,
				'filter': {'regex': '^(0-9)$', 'match': false}
			},
			{
				'selector': 'variableLike',
				'filter': {'regex': '^(set)', 'match': true},
				'format': ['camelCase'],
				'prefix': ['set_']
			},
			{
				'selector': 'variableLike',
				'format': ['PascalCase'],
				'filter': {'regex': '(Context)$|(ContextApp)$|^Component$', 'match': true}
			},
			{'selector': ['typeParameter', 'typeAlias'], 'format': ['PascalCase'], 'prefix': ['T']},
			{'selector': 'interface', 'format': ['PascalCase'], 'prefix': ['I']},
			{
				'selector': ['default', 'variableLike', 'parameter'],
				'format': null,
				'filter': {'regex': '^(__html|_css)$', 'match': true}
			}
		],
		'@typescript-eslint/no-misused-promises': ['error', {'checksConditionals': true, 'checksVoidReturn': false}],
		'@typescript-eslint/no-non-null-asserted-nullish-coalescing': 'error',
		'@typescript-eslint/no-unnecessary-qualifier': 'error',
		'@typescript-eslint/no-unnecessary-type-arguments': 'error',
		'@typescript-eslint/no-unnecessary-boolean-literal-compare': [
			'error', {
				'allowComparingNullableBooleansToTrue': false,
				'allowComparingNullableBooleansToFalse': false
			}
		],
		'@typescript-eslint/prefer-for-of': 'error',
		'@typescript-eslint/prefer-function-type': 'error',
		'@typescript-eslint/prefer-includes': 'error',
		'@typescript-eslint/prefer-optional-chain': 'error',
		'@typescript-eslint/promise-function-async': 'error',
		'@typescript-eslint/require-array-sort-compare': 'error',
		'@typescript-eslint/type-annotation-spacing': [
			'error', {
				'before': true,
				'after': true,
				'overrides': {'colon': {'before': false, 'after': true}}
			}
		],
		'brace-style': 'off',
		'@typescript-eslint/brace-style': ['error', '1tbs'],
		'comma-dangle': 'off',
		'@typescript-eslint/comma-dangle': ['error'],
		'comma-spacing': 'off',
		'@typescript-eslint/comma-spacing': ['error'],
		'dot-notation': 'off',
		'@typescript-eslint/dot-notation': ['error'],
		'indent': 'off',
		'@typescript-eslint/indent': ['error', 'tab']
	},
	overrides: [
		{
			files: ['*.{ts,tsx}'],
			rules: {
				'simple-import-sort/imports': [
					'error',
					{
						groups: [
							[
								'^react',
								'^next',
								'^(ethers|ethcall)?\\w',
								'^axios', '^swr',
								'^tailwindcss', '^framer-motion', '^nprogress',
								'^@?\\w',
								'^(@yearn-finance/.*)?\\w',
								'^(@common/.*)?\\w',
								'^(@y.*)?\\w'
							],
							// Parent imports.
							['^\\u0000', '^\\.\\.(?!/?$)', '^\\.\\./?$', '^\\./?$', '^\\.(?!/?$)', '^\\./(?=.*/)(?!/?$)'],
							//Types imports.
							[
								'^node:.*\\u0000$',
								'^(@yearn-finance)?\\w.*\\u0000$',
								'^(@common)?\\w.*\\u0000$',
								'^(@y.*)?\\w.*\\u0000$',
								'^@?\\w.*\\u0000$',
								'^[^.].*\\u0000$',
								'^\\..*\\u0000$'
							],

							// Style imports.
							['^.+\\.s?css$']
						]
					}
				]
			}
		}
	]
};