copenhagen_theme/.eslintrc.js at master · zendesk/copenhagen_theme · 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
96
/* eslint-env node */

const PASCAL_CASE = "*([A-Z]*([a-z0-9]))";
const CAMEL_CASE = "+([a-z])*([a-z0-9])*([A-Z]*([a-z0-9]))";
const SHARED_MODULES = [
  "./shared",
  "./test",
  "./ticket-fields",
  "./flash-notifications",
];

module.exports = {
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:import/recommended",
    "plugin:import/typescript",
    "plugin:react/recommended",
    "plugin:react/jsx-runtime",
    "plugin:react-hooks/recommended",
    "plugin:prettier/recommended",
  ],
  env: {
    browser: true,
  },
  parser: "@typescript-eslint/parser",
  plugins: ["@typescript-eslint", "check-file", "@shopify"],
  root: true,
  settings: {
    "import/resolver": {
      typescript: true,
      node: true,
    },
    react: {
      version: "detect",
    },
  },
  ignorePatterns: ["assets/**"],
  rules: {
    "@typescript-eslint/consistent-type-imports": "error",
    "check-file/folder-naming-convention": [
      "error",
      { "src/**/": "KEBAB_CASE" },
    ],
    "check-file/filename-naming-convention": [
      "error",
      {
        "src/**/*.{js,ts,tsx}": `@(${CAMEL_CASE}|${PASCAL_CASE})`,
      },
      {
        ignoreMiddleExtensions: true,
      },
    ],
    "@shopify/jsx-no-hardcoded-content": [
      "warn",
      {
        checkProps: ["title", "aria-label"],
        modules: {
          "@zendeskgarden/react-tooltips": {
            Tooltip: { checkProps: ["content"] },
          },
          "react-i18next": {
            Trans: { allowStrings: true },
          },
        },
      },
    ],
    "import/no-restricted-paths": [
      "error",
      {
        zones: [
          {
            target: "./src/modules/approval-requests",
            from: "./src/modules",
            except: ["./approval-requests", ...SHARED_MODULES],
          },
          {
            target: "./src/modules/new-request-form",
            from: "./src/modules",
            except: ["./new-request-form", ...SHARED_MODULES],
          },
          {
            target: "./src/modules/service-catalog",
            from: "./src/modules",
            except: ["./service-catalog", ...SHARED_MODULES],
          },
          ...SHARED_MODULES.map((module) => ({
            target: `./src/modules/${module.slice(2)}`,
            from: "./src/modules",
            except: SHARED_MODULES,
          })),
        ],
      },
    ],
  },
};