digdir-camp-2025-react-impl/eslint.config.mjs at main · digdir/digdir-camp-2025-react-impl · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
import globals from 'globals';
import eslint from '@eslint/js';
import tseslint from 'typescript-eslint';
import react from 'eslint-plugin-react';
import reactHooks from 'eslint-plugin-react-hooks';
import jsxA11y from 'eslint-plugin-jsx-a11y';
import importPlugin from 'eslint-plugin-import';

export default [
    eslint.configs.recommended,
    ...tseslint.configs.recommended,
    {
        name: 'Global ignore',
        ignores: [
            'node_modules/*',
            '.react-router/*',
            'build/*',
            'playwright*',
            'app/lib/api.d.ts',
        ],
    },
    {
        name: 'React',
        files: ["**/*.{js,jsx,ts,tsx}"],
        plugins: {
            react,
            'react-hooks': reactHooks,
            'jsx-a11y': jsxA11y,
        },
        rules: {
            ...react.configs.recommended.rules,
            ...react.configs['jsx-runtime'].rules,
            ...reactHooks.configs.recommended.rules,
            ...jsxA11y.configs.recommended.rules,
        },
        languageOptions: {
            ...react.configs.recommended.languageOptions,
            globals: {
                ...globals.browser,
                ...globals.node,
            }
        },
        settings: {
            react: {
                version: "detect",
            },
            formComponents: ["Form"],
            linkComponents: [
                { name: "Link", linkAttribute: "to" },
                { name: "NavLink", linkAttribute: "to" },
            ],
            "import/resolver": {
                typescript: {},
            },
        },
    },
    {
        name: 'Typescript',
        files: ["**/*.{ts,tsx}"],
        plugins: {
            'import': importPlugin,
        },
        rules: {
            quotes: ["error", "single"],
            indent: ["error", 4],
            "@typescript-eslint/no-explicit-any": 0,
            "sort-imports": [
                "error",
                {
                    ignoreCase: true,
                    ignoreDeclarationSort: true,
                    ignoreMemberSort: false,
                    memberSyntaxSortOrder: ["none", "all", "multiple", "single"],
                    allowSeparatedGroups: true,
                },
            ],
            "import/order": [
                "error",
                {
                    "newlines-between": "always",
                    groups: [
                        "builtin",
                        "external",
                        "internal",
                        "parent",
                        "sibling",
                        "index",
                        "object",
                        "type",
                    ],
                },
            ],
        },
    },
];