.eslintrc.cjs

module.exports = {
    root: true,
    env: {
        browser: true,
        es6: true,
        node: true,
    },
    parser: '@typescript-eslint/parser',
    parserOptions: {
        ecmaVersion: 2018,
        sourceType: 'module',
        ecmaFeatures: {
            modules: true,
            impliedStrict: true,
            experimentalObjectRestSpread: true,
            experimentalDecorators: true,
            jsx: true,
        },
    },
    extends: ['plugin:react-hooks/recommended', 'eslint:recommended', 'plugin:jsx-a11y/recommended'],
    plugins: ['import', 'react', 'react-hooks', 'jsx-a11y', 'tailwindcss'],
    rules: {
        // Preact/JSX rules
        'react/display-name': [1, { ignoreTranspilerName: false }],
        'react/prefer-stateless-function': 1,
        'react/no-danger': 1,
        'react/jsx-no-comment-textnodes': 2,
        'react/jsx-no-duplicate-props': [2, { ignoreCase: true }],
        'react/jsx-no-target-blank': 2,
        'react/jsx-no-undef': 2,
        'react/jsx-tag-spacing': [2, { beforeSelfClosing: 'always' }],
        'react/jsx-uses-react': 2,
        'react/jsx-uses-vars': 2,
        'react/jsx-key': [2, { checkFragmentShorthand: true }],
        'react/self-closing-comp': 2,
        'react/prefer-es6-class': 2,
        'react/require-render-return': 2,
        'react/no-deprecated': 2,
        'react/no-array-index-key': 2,

        // A11y
        'jsx-a11y/no-onchange': 0,

        // Imports
        'import/extensions': [
            2,
            'never',
            {
                svg: 'always',
                worker: 'always',
                jpg: 'always',
                jpeg: 'always',
                png: 'always',
                json: 'always',
                scss: 'always',
                js: 'ignorePackages',
                jsx: 'never',
                ts: 'ignorePackages',
                tsx: 'never',
            },
        ],
        'no-duplicate-imports': [2, { includeExports: true }],
        'import/no-unresolved': 2,
        // 'import/no-commonjs': 2 // @todo remove - for temporary use when migrating to pure ES6 modules

        // Other
        'no-console': 1,
        'function-call-argument-newline': [2, 'consistent'],
    },
    overrides: [
        // typescript
        {
            files: ['*.ts', '*.tsx'],
            excludedFiles: ['*.cjs', '*.mjs', '*.js', '*.jsx'],
            plugins: ['@typescript-eslint'],
            extends: ['plugin:@typescript-eslint/recommended'],
            rules: {
                '@typescript-eslint/no-unused-vars': [
                    1,
                    { varsIgnorePattern: '^h$', ignoreRestSiblings: true, argsIgnorePattern: '^_' },
                ],
                '@typescript-eslint/explicit-function-return-type': 1,
                '@typescript-eslint/no-explicit-any': 1,
                '@typescript-eslint/ban-ts-comment': 0,
            },
        },
    ],
    globals: {
        browser: 'readonly',
        page: 'readonly',
        global: 'readonly',
        __STORE__: 'writable',
    },
    settings: {
        react: {
            pragma: 'h',
            version: '16',
        },
        'import/resolver': {
            typescript: {},
        },
    },
};