.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true,
    "commonjs": true
  },
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly",
    "React": "writable"
  },
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": 12,
    "sourceType": "module",
    "project": "./tsconfig.json"
  },
  "settings": {
    "react": {
      "version": "detect"
    },
    "import/resolver": {
      "typescript": {
        "alwaysTryTypes": true
      }
    }
  },
  "plugins": [
    "react",
    "tailwindcss",
    "@typescript-eslint",
    "sort-destructure-keys",
    "typescript-sort-keys",
    "strict-dependencies",
    "import-access",
    "tree-shakable"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "next",
    "next/core-web-vitals",
    "plugin:tailwindcss/recommended",
    "prettier"
  ],
  "rules": {
    "no-console": ["error", { "allow": ["warn", "info", "error"] }],
    "prefer-const": "error",
    "no-restricted-syntax": ["error", { "selector": "TSEnumDeclaration" }],

    // import
    "import-access/jsdoc": ["error"],
    "tree-shakable/import-star": ["error"],
    "strict-dependencies/strict-dependencies": [
      "error",
      [
        // HYGEN_INJECT
        {
          "module": "src/features/albums/**/*",
          "allowReferenceFrom": ["src/features/albums"],
          "allowSameModule": true
        },
        {
          "module": "src/features/posts/**/*",
          "allowReferenceFrom": ["src/features/posts"],
          "allowSameModule": true
        },
        {
          "module": "src/features/*",
          "allowReferenceFrom": ["src/page-components/**/*", "src/stores/**/*", "src/providers/**/*"],
          "allowSameModule": false
        },
        {
          "module": "src/page-components/**/*",
          "allowReferenceFrom": ["src/pages/**/*"],
          "allowSameModule": false
        },
        {
          "module": "src/components/**/*",
          "allowReferenceFrom": ["src/pages/**/*", "src/page-components/**/*", "src/features/**/*"],
          "allowSameModule": true
        },
        {
          "module": "next/router",
          "allowReferenceFrom": ["src/libs/router.ts"],
          "allowSameModule": false
        },
        {
          "module": "next/link",
          "allowReferenceFrom": ["src/libs/link.ts"],
          "allowSameModule": false
        },
        {
          "module": "next/image",
          "allowReferenceFrom": ["src/libs/image.ts"],
          "allowSameModule": false
        }
      ]
    ],

    // sort
    "typescript-sort-keys/interface": [
      "error",
      "asc",
      { "caseSensitive": false, "natural": true, "requiredFirst": true }
    ],
    "typescript-sort-keys/string-enum": "error",
    "react/jsx-sort-props": ["error", { "shorthandFirst": true }],
    "sort-destructure-keys/sort-destructure-keys": 2,

    // react
    "react/jsx-boolean-value": "error",
    "react/jsx-curly-brace-presence": "error",
    "react/self-closing-comp": [
      "error",
      {
        "component": true,
        "html": true
      }
    ],
    "react/display-name": "error",
    "react/jsx-handler-names": [
      "error",
      {
        "eventHandlerPrefix": "handle",
        "eventHandlerPropPrefix": "on",
        "checkLocalVariables": false,
        "checkInlineFunction": true
      }
    ],
    "react/destructuring-assignment": ["error", "always"],
    "react-hooks/exhaustive-deps": "warn",

    //  typescript
    "@typescript-eslint/no-unused-vars": ["error", { "varsIgnorePattern": "^_", "argsIgnorePattern": "^_" }],
    "@typescript-eslint/naming-convention": [
      "error",
      {
        "selector": ["function", "method"],
        "format": ["camelCase"]
      },
      {
        "selector": "typeLike",
        "format": ["PascalCase", "UPPER_CASE"]
      },
      {
        "selector": ["variable", "parameter"],
        "types": ["boolean", "string", "number", "array"],
        "format": ["camelCase"]
      },
      {
        "selector": "variable",
        "types": ["boolean"],
        "format": ["PascalCase"],
        "prefix": ["is", "should", "has", "can", "did", "will", "no"]
      }
    ]
  },
  "overrides": [
    {
      "files": "src/**/*",
      "excludedFiles": ["src/components/**/*", "src/page-components/**/*", "src/features/**/*"],
      "rules": {
        "no-restricted-imports": ["error", { "patterns": ["./", "../"] }]
      }
    },
    {
      "files": ["src/providers/**/*", "src/stores/**/*"],
      "rules": {
        "import-access/jsdoc": "off"
      }
    }
  ]
}