.eslintrc

{
  "extends": [
    "eslint:recommended",
    "plugin:import/recommended",
    "react-app",
    "react-app/jest"
  ],
  "plugins": ["prettier", "simple-import-sort"],
  "rules": {
    "no-unused-vars": [
      "error",
      {
        "vars": "all",
        "args": "none",
        "ignoreRestSiblings": false
      }
    ],
    "react/jsx-curly-brace-presence": [
      2,
      {
        "props": "never"
      }
    ],
    "react/self-closing-comp": [
      "error",
      {
        "component": true,
        "html": false
      }
    ],
    "prettier/prettier": [
      "error",
      {
        "endOfLine": "auto" // This is need to handle different end-of-line in windows/mac
      }
    ],
    "import/first": "error",
    "no-nested-ternary": 1,
    "import/no-duplicates": "error",
    "simple-import-sort/imports": [
      "error",
      {
        "groups": [
          [
            // Packages `react` related packages come first.
            "^react",
            "^@?\\w",
            // Internal packages.
            "^@100mslive/react-sdk",
            "^@100mslive/react-icons",
            "^@100mslive/roomkit-react",
            // Side effect imports.
            "^\\u0000",
            
            "(components)",
            // Other relative imports. Put same-folder imports and `.`.
            "^\\./(?=.*/)(?!/?$)",
            "^\\.(?!/?$)",
            "^\\./?$",
            "(plugins)",
            "(components)?(.*)(/use.*)",
            ".*(hooks)",
            "(common)",
            "(services)",
            "(utils)",
            "(constants)",
            // Style imports.
            "^.+\\.?(css)$"
          ]
        ]
      }
    ]
  },
  "settings": {
    "import/resolver": {
      "node": {
        "extensions": [".js", ".jsx"]
      }
    }
  },
  "ignorePatterns": ["src/*.css", "src/images/*"]
}