feat: add react:ts eslint config

Author: allohamora

__tests__/states/categories.test.ts

@@ -4,6 +4,6 @@ describe('jsCategoryState', () => {
   test('should be initialized', () => {
     expect(jsCategoryState).toBeDefined();
     expect(jsCategoryState.name).toBe('js');
-    expect(jsCategoryState.configTypes).toEqual(['default', 'node:ts']);
+    expect(jsCategoryState.configTypes).toEqual(['default', 'node:ts', 'react:ts']);
   });
 });

src/categories/js/eslint/config/react:ts.config.ts

@@ -0,0 +1,61 @@
+import { jestMutation, prettierMutation } from '../eslint.utils';
+import { Config } from './config.interface';
+
+export const reactTsConfig: Config = {
+  dependencies: [
+    '@typescript-eslint/eslint-plugin',
+    '@typescript-eslint/parser',
+    'eslint-plugin-beautiful-sort',
+    'eslint-config-airbnb',
+    'eslint-config-airbnb-typescript',
+  ],
+  eslintConfig: {
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+      project: 'tsconfig.json',
+      sourceType: 'module',
+    },
+    plugins: ['@typescript-eslint/eslint-plugin', 'beautiful-sort'],
+    extends: ['plugin:@typescript-eslint/recommended', 'airbnb', 'airbnb-typescript'],
+    root: true,
+    env: {
+      es6: true,
+      browser: true,
+      node: true,
+    },
+    ignorePatterns: ['.eslintrc.js'],
+    rules: {
+      '@typescript-eslint/interface-name-prefix': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-floating-promises': 'warn',
+      '@typescript-eslint/no-empty-interface': 'warn',
+      'no-param-reassign': 'warn',
+      '@typescript-eslint/ban-types': 'warn',
+      'max-classes-per-file': ['error', 2],
+
+      'react/react-in-jsx-scope': 'off',
+      'react/jsx-props-no-spreading': 'off',
+      'react/function-component-definition': 'off',
+      'react/no-invalid-html-attribute': 'warn',
+      'react/display-name': 'warn',
+      'import/prefer-default-export': 'off',
+      'react/require-default-props': 'off',
+      'react/no-array-index-key': 'warn',
+
+      'beautiful-sort/import': [
+        'error',
+        {
+          special: ['react'],
+          order: ['special', 'namespace', 'default', 'defaultObj', 'obj', 'none'],
+        },
+      ],
+    },
+  },
+  scripts: [
+    { name: 'lint', script: 'eslint "src/**/*.{ts,tsx}"' },
+    { name: 'lint:fix', script: 'eslint "src/**/*.{ts,tsx}" --fix' },
+  ],
+  mutations: [prettierMutation, jestMutation],
+};

src/categories/js/eslint/eslint.config.ts

@@ -1,8 +1,10 @@
 import { jsCategoryState } from 'src/states/categories';
 import { defaultConfig } from './config/default.config';
 import { nodeTsConfig } from './config/node:ts.config';
+import { reactTsConfig } from './config/react:ts.config';
 
 export const [getConfig] = jsCategoryState.useConfigState({
   default: defaultConfig,
   'node:ts': nodeTsConfig,
+  'react:ts': reactTsConfig,
 });

src/states/categories.ts

@@ -1,3 +1,3 @@
 import { createCategoryState } from '../utils/state';
 
-export const jsCategoryState = createCategoryState('js', ['node:ts']);
+export const jsCategoryState = createCategoryState('js', ['node:ts', 'react:ts']);