.eslintrc.json

{
  "env": {
    "node": true,
    "jest": true,
    "es2021": true,
    "browser": true,
    "jest/globals": true
  },
  "settings": {
    "react": {
      "version": "detect"
    },
    "jest": {
      "version": "detect"
    },
    "import/resolver": {
      "typescript": {},
      "node": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 13,
    "sourceType": "module",
    "project": ["./tsconfig.json"]
  },
  "globals": {
    "JSX": "readonly",
    "React": "readonly"
  },
  "extends": [
    "next",
    "airbnb",
    "stylelint",
    "plugin:jest/style",
    "plugin:jest/recommended",
    "plugin:react/recommended",
    "plugin:unicorn/recommended",
    "plugin:storybook/recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:styled-components-a11y/recommended"
  ],
  "plugins": [
    "jest",
    "react",
    "import",
    "prettier",
    "react-hooks",
    "import-helpers",
    "jest-formatting",
    "@typescript-eslint",
    "styled-components-a11y"
  ],
  "overrides": [
    {
      "files": [
        "src/app/*",
        "src/pages/*",
        "src/pages/api/*",
        "next.config.mjs",
        "jest.config.ts",
        "plopfile.mjs",
        "next-seo.config.ts",
        "commitlint.config.ts",
        "cypress.config.ts",
        "**/stories.tsx"
      ],
      "rules": {
        "import/no-default-export": "off"
      }
    },
    {
      "files": ["**/index.tsx"],
      "rules": {
        "@typescript-eslint/naming-convention": [
          "error",
          {
            "selector": [
              "variable",
              "function",
              "objectLiteralProperty",
              "objectLiteralMethod"
            ],
            "types": ["function"],
            "format": ["StrictPascalCase"]
          },
          {
            "selector": "variable",
            "format": ["camelCase", "UPPER_CASE"]
          },
          {
            "selector": "typeAlias",
            "format": ["PascalCase"],
            "custom": {
              "regex": "[A-Z]*Props$",
              "match": true
            }
          },
          {
            "selector": "interface",
            "format": ["PascalCase"],
            "custom": {
              "regex": "^I[A-Z]",
              "match": true
            }
          },
          {
            "selector": "variable",
            "types": ["boolean"],
            "format": ["PascalCase"],
            "prefix": ["is", "should", "has", "can", "did", "will"]
          }
        ]
      }
    },
    {
      "files": ["**/utils/tests/**", "next.config.mjs", "jest.config.ts"],
      "rules": {
        "@typescript-eslint/naming-convention": [
          "error",
          {
            "selector": "variable",
            "format": ["camelCase", "UPPER_CASE"]
          },
          {
            "selector": "variable",
            "types": ["function"],
            "format": ["PascalCase", "camelCase"]
          },
          {
            "selector": "typeAlias",
            "format": ["PascalCase"],
            "custom": {
              "regex": "[A-Z]*Props$",
              "match": true
            }
          },
          {
            "selector": "interface",
            "format": ["PascalCase"],
            "custom": {
              "regex": "^I[A-Z]",
              "match": true
            }
          },
          {
            "selector": "variable",
            "types": ["boolean"],
            "format": ["PascalCase"],
            "prefix": ["is", "should", "has", "can", "did", "will"]
          }
        ]
      }
    },
    {
      "files": ["src/lib/registry.tsx"],
      "rules": {
        "react/jsx-no-useless-fragment": "off"
      }
    },
    {
      "files": ["src/components/atoms/Analytics/*"],
      "rules": {
        "react/no-danger": "off"
      }
    },
    {
      "files": ["jest-styled-components.d.ts"],
      "rules": {
        "@typescript-eslint/no-explicit-any": "off"
      }
    },
    {
      "files": ["**.js"],
      "rules": {
        "no-undef": "off",
        "unicorn/prefer-module": "off",
        "@typescript-eslint/no-var-requires": "off"
      }
    },
    {
      "files": [".storybook/**"],
      "rules": {
        "no-param-reassign": "off",
        "import/no-default-export": "off",
        "node/no-extraneous-import": "off",
        "import/no-extraneous-dependencies": "off",
        "@typescript-eslint/no-non-null-assertion": "off"
      }
    },
    {
      "files": ["spec.ts", "spec.tsx", "test.ts", "test.tsx"],
      "rules": {
        "unicorn/prefer-module": "off",
        "@typescript-eslint/no-var-requires": "off"
      }
    },
    {
      "files": "next-seo.config.ts",
      "rules": {
        "unicorn/filename-case": "off"
      }
    },
    {
      "files": "**/**.mdx",
      "parser": "eslint-mdx",
      "parserOptions": {},
      "extends": "plugin:mdx/recommended",
      "settings": {
        "mdx/code-blocks": true
      },
      "rules": {
        "react/self-closing-comp": "off",
        "react/jsx-no-target-blank": "off",
        "jsx-a11y/heading-has-content": "off",
        "@typescript-eslint/naming-convention": "off"
      }
    },
    {
      "files": ["**.d.ts"],
      "rules": {
        "@typescript-eslint/naming-convention": "off",
        "@typescript-eslint/no-empty-interface": "off",
        "@typescript-eslint/consistent-type-definitions": "off",
        "unicorn/filename-case": ["error", { "case": "kebabCase" }]
      }
    },
    {
      "files": ["src/dtos/*"],
      "rules": {
        "unicorn/filename-case": "off",
        "@typescript-eslint/naming-convention": [
          "error",
          {
            "selector": "interface",
            "format": ["PascalCase"],
            "custom": {
              "regex": "[A-Z]*DTO$",
              "match": true
            }
          },
          {
            "selector": "typeAlias",
            "format": ["PascalCase"],
            "custom": {
              "regex": "[A-Z]*DTO$",
              "match": true
            }
          }
        ]
      }
    }
  ],
  "rules": {
    "prettier/prettier": "error",
    "jest/valid-expect": "error",
    "jest/no-focused-tests": "error",
    "jest/no-identical-title": "error",
    "import/no-default-export": "error",
    "react-hooks/rules-of-hooks": "error",
    "jest-formatting/padding-around-test-blocks": "error",
    "jest-formatting/padding-around-describe-blocks": "error",
    "jest/no-disabled-tests": "warn",
    "jest/prefer-to-have-length": "warn",
    "react-hooks/exhaustive-deps": "warn",
    "sort-imports": "off",
    "react/jsx-no-undef": "off",
    "n/no-missing-import": "off",
    "node/no-missing-import": "off",
    "n/prefer-global/process": "off",
    "node/no-unpublished-import": "off",
    "react/jsx-props-no-spreading": "off",
    "import/prefer-default-export": "off",
    "arrow-body-style": ["error", "as-needed"],
    "import/no-duplicates": ["error", { "prefer-inline": true }],
    "import/consistent-type-specifier-style": ["error", "prefer-inline"],
    "@typescript-eslint/consistent-type-definitions": ["error", "type"],
    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
    "@typescript-eslint/consistent-type-imports": [
      "error",
      { "prefer": "type-imports" }
    ],
    "unicorn/prevent-abbreviations": [
      "error",
      {
        "replacements": {
          "props": {
            "properties": false
          },
          "env": {
            "environment": false
          },
          "ref": {
            "reference": false
          },
          "args": {
            "arguments": false
          }
        }
      }
    ],
    "unicorn/filename-case": [
      "error",
      {
        "cases": {
          "camelCase": true,
          "pascalCase": true
        }
      }
    ],
    "padding-line-between-statements": [
      "error",
      { "blankLine": "always", "prev": "*", "next": "return" },
      { "blankLine": "always", "prev": "*", "next": "try" },
      { "blankLine": "always", "prev": "try", "next": "*" },
      { "blankLine": "always", "prev": "*", "next": "block-like" },
      { "blankLine": "always", "prev": "block-like", "next": "*" },
      { "blankLine": "always", "prev": "*", "next": "throw" },
      { "blankLine": "always", "prev": "var", "next": "*" }
    ],
    "@typescript-eslint/naming-convention": [
      "error",
      {
        "selector": "variable",
        "format": ["camelCase", "UPPER_CASE"]
      },
      {
        "selector": "variable",
        "types": ["function"],
        "format": ["PascalCase"]
      },
      {
        "selector": "typeAlias",
        "format": ["PascalCase"],
        "custom": {
          "regex": "[A-Z]*Props$",
          "match": true
        }
      },
      {
        "selector": "interface",
        "format": ["PascalCase"],
        "custom": {
          "regex": "^I[A-Z]",
          "match": true
        }
      },
      {
        "selector": "variable",
        "types": ["boolean"],
        "format": ["PascalCase"],
        "prefix": ["is", "should", "has", "can", "did", "will"]
      }
    ],
    "react/function-component-definition": [
      "error",
      {
        "namedComponents": "arrow-function",
        "unnamedComponents": "arrow-function"
      }
    ],
    "react/jsx-filename-extension": [
      "error",
      { "extensions": [".js", ".ts", ".jsx", ".tsx", ".mdx"] }
    ],
    "import/extensions": [
      "error",
      "ignorePackages",
      {
        "js": "never",
        "ts": "never",
        "jsx": "never",
        "tsx": "never"
      }
    ],
    "import-helpers/order-imports": [
      "warn",
      {
        "newlinesBetween": "always",
        "groups": [
          "/^next/",
          "/^@next/",
          "/^react/",
          "/^@testing-library/",
          "/^storybook/",
          "/^@storybook/",
          "/^styled-components/",
          "module",
          "/^hooks/",
          "/^contexts/",
          "/^components/",
          "/^services/",
          "/^lib/",
          "/^functions/",
          "/^dtos/",
          "/^helpers/",
          "/^utils/",
          "/^assets/",
          "/^constants/",
          "/^storage/",
          "/^styles/",
          ["parent", "sibling", "index"],
          "/./types/",
          "/./styles/"
        ],
        "alphabetize": { "order": "asc", "ignoreCase": true }
      }
    ]
  }
}