.eslintrc.json

{
  "root": true,
  "env": {
    "node": true
  },
  "settings": {
    "react": {
      "version": "detect"
    }
  },
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 2018,
    "sourceType": "module"
  },
  "plugins": ["react"],
  "extends": [
    "eslint:recommended",
    "plugin:import/recommended",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended",
    "prettier",
    "plugin:prettier/recommended",
    "plugin:storybook/recommended",
    "plugin:storybook/csf-strict",
    "plugin:storybook/addon-interactions"
  ],
  "rules": {
    // Possible Errors
    "no-extra-parens": "warn", // https://eslint.org/docs/rules/no-extra-parens
    "no-template-curly-in-string": "error", // https://eslint.org/docs/rules/no-template-curly-in-string
    // Best Practices
    "array-callback-return": "error", // https://eslint.org/docs/rules/array-callback-return
    "class-methods-use-this": "error", // https://eslint.org/docs/rules/class-methods-use-this
    "consistent-return": "error", // https://eslint.org/docs/rules/consistent-return
    "curly": "error", // https://eslint.org/docs/rules/curly
    "default-param-last": "error", // https://eslint.org/docs/rules/default-param-last
    "dot-location": ["warn", "property"], // https://eslint.org/docs/rules/dot-location
    "dot-notation": [
      "error",
      {
        "allowKeywords": true
      }
    ], // https://eslint.org/docs/rules/dot-notation
    "eqeqeq": [
      "error",
      "always",
      {
        "null": "ignore"
      }
    ], // https://eslint.org/docs/rules/eqeqeq
    "guard-for-in": "error", // https://eslint.org/docs/rules/guard-for-in
    "no-alert": "error", // https://eslint.org/docs/rules/no-alert
    "no-caller": "error", // https://eslint.org/docs/rules/no-caller
    "no-constructor-return": "error", // https://eslint.org/docs/rules/no-constructor-return
    "no-console": "warn", // https://eslint.org/docs/rules/no-console
    "no-debugger": "warn", // https://eslint.org/docs/rules/no-debugger
    "no-else-return": "warn", // https://eslint.org/docs/rules/no-else-return
    "no-empty-function": [
      "warn",
      {
        "allow": ["constructors"]
      }
    ], // https://eslint.org/docs/rules/no-empty-function
    "no-eval": "error", // https://eslint.org/docs/rules/no-eval
    "no-extend-native": "error", // https://eslint.org/docs/rules/no-extend-native
    "no-extra-bind": "error", // https://eslint.org/docs/rules/no-extra-bind
    "no-floating-decimal": "error", // https://eslint.org/docs/rules/no-floating-decimal
    "no-implicit-coercion": "error", // https://eslint.org/docs/rules/no-implicit-coercion
    "no-implied-eval": "error", // https://eslint.org/docs/rules/no-implied-eval
    "no-invalid-this": "error", // https://eslint.org/docs/rules/no-invalid-this
    "no-iterator": "error", // https://eslint.org/docs/rules/no-iterator
    "no-labels": "error", // https://eslint.org/docs/rules/no-labels
    "no-lone-blocks": "error", // https://eslint.org/docs/rules/no-lone-blocks
    "no-loop-func": "error", // https://eslint.org/docs/rules/no-loop-func
    "no-multi-spaces": "warn", // https://eslint.org/docs/rules/no-multi-spaces
    "no-multi-str": "warn", // https://eslint.org/docs/rules/no-multi-str
    "no-new": "error", // https://eslint.org/docs/rules/no-new
    "no-new-func": "error", // https://eslint.org/docs/rules/no-new-func
    "no-new-wrappers": "warn", // https://eslint.org/docs/rules/no-new-wrappers
    "no-octal-escape": "warn", // https://eslint.org/docs/rules/no-octal-escape
    "no-param-reassign": "error", // https://eslint.org/docs/rules/no-param-reassign
    "no-proto": "error", // https://eslint.org/docs/rules/no-proto
    "no-return-assign": "error", // https://eslint.org/docs/rules/no-return-assign
    "no-script-url": "error", // https://eslint.org/docs/rules/no-script-url
    "no-self-compare": "warn", // https://eslint.org/docs/rules/no-self-compare
    "no-sequences": "error", // https://eslint.org/docs/rules/no-sequences
    "no-unmodified-loop-condition": "error", // https://eslint.org/docs/rules/no-unmodified-loop-condition
    "no-useless-call": "warn", // https://eslint.org/docs/rules/no-useless-call
    "no-useless-concat": "warn", // https://eslint.org/docs/rules/no-useless-concat
    "no-useless-return": "warn", // https://eslint.org/docs/rules/no-useless-return
    "no-void": "error", // https://eslint.org/docs/rules/no-void
    "no-warning-comments": "warn", // https://eslint.org/docs/rules/no-warning-comments
    "prefer-arrow-callback": "error", // https://eslint.org/docs/rules/prefer-arrow-callback
    "radix": "error", // https://eslint.org/docs/rules/radix
    "require-await": "warn", // https://eslint.org/docs/rules/require-await
    "no-restricted-imports": [
      "error",
      {
        "paths": [
          {
            "name": "react",
            "importNames": ["useMemo", "useEffect", "useLayoutEffect"],
            "message": "Please import those hooks from 'react-impulse'"
          }
        ]
      }
    ],
    "no-restricted-properties": [
      2,
      {
        "object": "React",
        "property": "useMemo",
        "message": "Please use useImpulseMemo from 'react-impulse'"
      },
      {
        "object": "React",
        "property": "useEffect",
        "message": "Please use useImpulseEffect from 'react-impulse'"
      },
      {
        "object": "React",
        "property": "useLayoutEffect",
        "message": "Please use useImpulseLayoutEffect from 'react-impulse'"
      }
    ],

    // Variables
    "init-declarations": "error", // https://eslint.org/docs/rules/init-declarations
    "no-shadow": "error", // https://eslint.org/docs/rules/no-shadow
    "no-undefined": "error", // https://eslint.org/docs/rules/no-undefined
    "no-unused-vars": "warn", // https://eslint.org/docs/rules/no-unused-vars

    // ECMAScript 6
    "no-var": "error", // https://eslint.org/docs/rules/no-var

    // Typescript Eslint
    "@typescript-eslint/explicit-function-return-type": "off",

    // React Eslint
    "react/button-has-type": ["warn", { "reset": false }],
    "react/prop-types": "off",
    "react/no-unescaped-entities": "off",
    "react/jsx-curly-brace-presence": "error",
    "react/display-name": "off",

    // React-Hooks Eslint
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": [
      "warn",
      {
        "additionalHooks": "(useImpulseMemo|useImpulseEffect|useImpulseLayoutEffect)"
      }
    ],

    // Import
    "import/order": [
      "warn",
      {
        "groups": [
          "builtin",
          "external",
          "internal",
          "parent",
          "sibling",
          "index",
          "object"
        ],
        "pathGroups": [
          {
            "pattern": "~/**",
            "group": "internal"
          }
        ],
        "newlines-between": "always"
      }
    ],
    "import/no-relative-packages": "error",
    "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": ["./*.js", "./*.ts", "./**/*.stories.*"]
      }
    ],
    "import/no-useless-path-segments": "error"
  },
  "overrides": [
    {
      "files": ["**/*.ts?(x)"],
      "parser": "@typescript-eslint/parser",
      "parserOptions": {
        "project": ["./tsconfig.json", "./*/tsconfig.json"]
      },
      "env": {
        "es6": true,
        "browser": true,
        "node": false
      },
      "extends": [
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:@typescript-eslint/recommended",
        "prettier",
        "plugin:prettier/recommended",
        "plugin:import/typescript"
      ],
      "plugins": ["@typescript-eslint"],
      "rules": {
        "no-unused-vars": "off",
        "array-callback-return": "off",
        "consistent-return": "off",
        "padding-line-between-statements": [
          "error",
          {
            "blankLine": "always",
            "prev": "*",
            "next": "return"
          }
        ],
        // Typescript Eslint
        "no-shadow": "off",
        "@typescript-eslint/no-shadow": "error",
        "@typescript-eslint/no-unused-vars": [
          "warn",
          { "ignoreRestSiblings": true }
        ],
        "@typescript-eslint/array-type": [
          "error",
          {
            "default": "generic",
            "readonly": "generic"
          }
        ],
        "@typescript-eslint/explicit-function-return-type": [
          "error",
          {
            "allowExpressions": true
          }
        ],
        "@typescript-eslint/method-signature-style": ["error", "method"],
        "@typescript-eslint/no-non-null-assertion": "off",
        "@typescript-eslint/no-extraneous-class": "error",
        "@typescript-eslint/no-invalid-void-type": "error",
        "@typescript-eslint/no-require-imports": "error",
        "@typescript-eslint/no-unnecessary-boolean-literal-compare": "error",
        "@typescript-eslint/no-unnecessary-condition": "error",
        "@typescript-eslint/no-unnecessary-qualifier": "warn",
        "@typescript-eslint/no-unnecessary-type-arguments": "warn",
        "@typescript-eslint/prefer-for-of": "warn",
        "@typescript-eslint/prefer-function-type": "error",
        "@typescript-eslint/prefer-literal-enum-member": "error",
        "@typescript-eslint/prefer-optional-chain": "error",
        "@typescript-eslint/prefer-readonly": "error",
        "@typescript-eslint/prefer-reduce-type-parameter": "warn",
        "@typescript-eslint/prefer-ts-expect-error": "error",
        "@typescript-eslint/require-array-sort-compare": "error",
        "@typescript-eslint/restrict-plus-operands": "error",
        "@typescript-eslint/switch-exhaustiveness-check": "error"
      }
    },
    {
      "files": ["**/*.stories.ts?(x)"],
      "rules": {
        "storybook/no-title-property-in-meta": "off",
        "storybook/csf-component": "off"
      }
    }
  ]
}