eslint.config.js

import js from '@eslint/js'
import reactRecommended from 'eslint-plugin-react/configs/recommended.js'
import globals from 'globals'

import babelParser from '@babel/eslint-parser'

const reactConfig = {
	files: ['**/*.{js,jsx,mjs,cjs,ts,tsx}'],
	...reactRecommended,
	languageOptions: {
		...reactRecommended.languageOptions,
		parser: babelParser,
		parserOptions: {
			ecmaFeatures: {
				jsx: true
			},
			requireConfigFile: false,
			babelOptions: {
				presets: ['@babel/preset-react']
			}
		}
	},
	settings: {
		react: {
			pragma: 'R',
			Fragment: 'R.f'
		}
	}
}

const rules = {
	'react/no-unknown-property': 'off',
	'react/react-in-jsx-scope': 'off',
	'react/display-name': 'off',
	'react/prop-types': 'off',
	'accessor-pairs': 'error',
	'array-bracket-spacing': ['error', 'never'],
	'array-callback-return': 'error',
	'arrow-body-style': 'off',
	'arrow-parens': [
		'off',
		'as-needed',
		{
			requireForBlockBody: true
		}
	],
	'arrow-spacing': [
		'error',
		{
			after: true,
			before: true
		}
	],
	'block-scoped-var': 'error',
	'block-spacing': 'error',
	'brace-style': ['error', '1tbs'],
	'callback-return': 'error',
	camelcase: 'off',
	'class-methods-use-this': 'error',
	'comma-dangle': ['error', 'only-multiline'],
	'comma-spacing': 'off',
	'comma-style': ['error', 'last'],
	complexity: 'error',
	'computed-property-spacing': ['error', 'never'],
	'consistent-return': 'off',
	'consistent-this': 'error',
	curly: 'off',
	'default-case': 'error',
	'dot-location': 'off',
	'dot-notation': 'error',
	'eol-last': 'off',
	eqeqeq: 'error',
	'func-call-spacing': 'error',
	'func-names': ['error', 'never'],
	'func-style': ['off', 'expression'],
	'generator-star-spacing': 'error',
	'global-require': 'error',
	'guard-for-in': 'off',
	'handle-callback-err': 'error',
	'id-blacklist': 'error',
	'id-length': 'off',
	'id-match': 'error',
	indent: 'off',
	'init-declarations': 'error',
	'jsx-quotes': 'off',
	'key-spacing': 'error',
	'keyword-spacing': [
		'error',
		{
			after: true,
			before: true
		}
	],
	'line-comment-position': 'off',
	'linebreak-style': ['off'],
	'lines-around-comment': 'error',
	'lines-around-directive': 'off',
	'max-depth': 'error',
	'max-len': 'off',
	'max-lines': 'off',
	'max-nested-callbacks': 'error',
	'max-params': 'error',
	'max-statements': 'off',
	'max-statements-per-line': 'error',
	'multiline-ternary': 'off',
	'new-parens': 'error',
	'newline-after-var': 'off',
	'newline-before-return': 'off',
	'newline-per-chained-call': 'error',
	'no-alert': 'error',
	'no-array-constructor': 'error',
	'no-bitwise': 'error',
	'no-caller': 'error',
	'no-catch-shadow': 'error',
	'no-confusing-arrow': 'error',
	'no-console': 'off',
	'no-continue': 'error',
	'no-div-regex': 'error',
	'no-duplicate-imports': 'error',
	'no-else-return': 'off',
	'no-empty-function': 'error',
	'no-eq-null': 'error',
	'no-eval': 'error',
	'no-extend-native': 'error',
	'no-extra-bind': 'error',
	'no-extra-label': 'error',
	'no-extra-parens': 'off',
	'no-floating-decimal': 'error',
	'no-global-assign': 'error',
	'no-implicit-globals': 'error',
	'no-implied-eval': 'error',
	'no-inline-comments': 'off',
	'no-invalid-this': 'off',
	'no-iterator': 'error',
	'no-label-var': 'error',
	'no-labels': 'error',
	'no-lone-blocks': 'error',
	'no-lonely-if': 'error',
	'no-loop-func': 'error',
	'no-magic-numbers': 'off',
	'no-mixed-operators': 'off',
	'no-mixed-requires': 'error',
	'no-multi-spaces': 'error',
	'no-multi-str': 'error',
	'no-multiple-empty-lines': 'error',
	'no-negated-condition': 'error',
	'no-nested-ternary': 'error',
	'no-new': 'error',
	'no-new-func': 'error',
	'no-new-object': 'error',
	'no-new-require': 'error',
	'no-new-wrappers': 'error',
	'no-octal-escape': 'error',
	'no-param-reassign': 'off',
	'no-path-concat': 'error',
	'no-plusplus': [
		'error',
		{
			allowForLoopAfterthoughts: true
		}
	],
	'no-process-env': 'off',
	'no-process-exit': 'error',
	'no-proto': 'error',
	'no-prototype-builtins': 'error',
	'no-restricted-globals': 'error',
	'no-restricted-imports': 'error',
	'no-restricted-modules': 'error',
	'no-restricted-properties': 'error',
	'no-restricted-syntax': 'error',
	'no-return-assign': 'error',
	'no-script-url': 'error',
	'no-self-compare': 'error',
	'no-sequences': 'error',
	'no-shadow': 'off',
	'no-shadow-restricted-names': 'error',
	'no-spaced-func': 'error',
	'no-sync': 'error',
	'no-tabs': 'off',
	'no-template-curly-in-string': 'error',
	'no-ternary': 'off',
	'no-throw-literal': 'error',
	'no-trailing-spaces': 'error',
	'no-undef-init': 'error',
	'no-undefined': 'off',
	'no-underscore-dangle': 'off',
	'no-unmodified-loop-condition': 'error',
	'no-unneeded-ternary': 'error',
	'no-unsafe-negation': 'error',
	'no-unused-expressions': 'error',
	'no-use-before-define': 'error',
	'no-useless-call': 'error',
	'no-useless-computed-key': 'error',
	'no-useless-concat': 'error',
	'no-useless-constructor': 'error',
	'no-useless-escape': 'error',
	'no-useless-rename': 'error',
	'no-var': 'error',
	'no-void': 'error',
	'no-warning-comments': 'error',
	'no-whitespace-before-property': 'error',
	'no-with': 'error',
	'object-curly-newline': 'off',
	'object-curly-spacing': ['off', 'never'],
	'object-property-newline': 'off',
	'object-shorthand': 'off',
	'one-var': 'off',
	'one-var-declaration-per-line': 'error',
	'operator-assignment': 'error',
	'operator-linebreak': 'error',
	'padded-blocks': 'off',
	'prefer-arrow-callback': 'error',
	'prefer-const': 'off',
	'prefer-numeric-literals': 'error',
	'prefer-reflect': 'off',
	'prefer-rest-params': 'error',
	'prefer-spread': 'error',
	'prefer-template': 'error',
	'quote-props': 'off',
	quotes: 'off',
	radix: 'error',
	'require-jsdoc': 'off',
	'rest-spread-spacing': ['error', 'never'],
	semi: ['warn', 'never'],
	'semi-spacing': [
		'error',
		{
			after: true,
			before: false
		}
	],
	'sort-imports': 'off',
	'sort-keys': 'off',
	'sort-vars': 'off',
	'space-before-blocks': 'error',
	'space-before-function-paren': 'off',
	'space-in-parens': ['error', 'never'],
	'space-infix-ops': 'error',
	'space-unary-ops': [
		'error',
		{
			nonwords: false,
			words: false
		}
	],
	'spaced-comment': ['error', 'always'],
	strict: 'off',
	'symbol-description': 'error',
	'template-curly-spacing': ['error', 'never'],
	'unicode-bom': ['error', 'never'],
	'valid-jsdoc': 'error',
	'vars-on-top': 'error',
	'wrap-iife': 'error',
	'wrap-regex': 'error',
	'yield-star-spacing': 'error',
	yoda: ['error', 'never']
}

export default [
	js.configs.recommended,
	reactConfig,
	{
		languageOptions: {
			parserOptions: {
				ecmaVersion: 2022,
				sourceType: 'module'
			},
			globals: {
				...globals.browser,
				ENV: true,
				process: true,
				globalThis: true
			}
		},
		rules
	}
]