Implemented fronted precommit linting (#2868)

Author: olgenn

.pre-commit-config.yaml

@@ -17,22 +17,3 @@ repos:
     rev: v5.0.0
     hooks:
       - id: end-of-file-fixer
-
-  # TODO(oleg): fix ESLint warnings
-  # - repo: https://github.com/pre-commit/mirrors-eslint
-  #   rev: 'v8.31.0'
-  #   hooks:
-  #     - id: eslint
-  #       name: ESLint
-  #       entry: eslint --fix --config frontend/.eslintrc --ignore-path frontend/.eslintignore
-  #       language: node
-  #       pass_filenames: false
-  #       cwd: "frontend/"
-  #       additional_dependencies:
-  #         - eslint@8.31.0
-  #         - eslint-config-prettier@8.10.0
-  #         - eslint-plugin-i18n@2.4.0
-  #         - eslint-plugin-prettier@4.2.1
-  #         - eslint-plugin-simple-import-sort@10.0.0
-  #         - '@typescript-eslint/eslint-plugin@5.48.1'
-  #         - '@typescript-eslint/parser@5.48.1'

frontend/.eslintignore

@@ -0,0 +1,2 @@
+cd frontend
+npm run precommit

frontend/.eslintrc

@@ -0,0 +1,71 @@
+const { defineConfig, globalIgnores } = require('eslint/config');
+const i18N = require('eslint-plugin-i18n');
+const simpleImportSort = require('eslint-plugin-simple-import-sort');
+const { FlatCompat } = require('@eslint/eslintrc');
+const js = require('@eslint/js');
+const typescriptEslint = require('@typescript-eslint/eslint-plugin');
+const tsParser = require('@typescript-eslint/parser');
+
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all,
+});
+
+const BASE_CONFIG = {
+    extends: compat.extends(
+        'eslint:recommended',
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+        'prettier',
+        'plugin:prettier/recommended'
+    ),
+
+    plugins: {
+        '@typescript-eslint': typescriptEslint,
+        i18n: i18N,
+        'simple-import-sort': simpleImportSort,
+    },
+
+    languageOptions: {
+        parser: tsParser,
+    },
+
+    rules: {
+        'i18n/no-russian-character': 1,
+
+        'simple-import-sort/imports': [
+            'error',
+            {
+                groups: [
+                    ['^react', 'lodash', '^\\w', '^@?\\w'],
+                    ['^components', '^layouts'],
+                    ['^consts', '^hooks', '^libs', '^routes', '^services', '^types'],
+                    ['^App', '^pages'],
+                    ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
+                    ['./constants/.'],
+                    ['./definitions/.', './types'],
+                    ['^.+\\.svg', '^.+\\.png$', '^.+\\.jpg', '^.+\\.s?css$'],
+                ],
+            },
+        ],
+    },
+};
+
+module.exports = defineConfig([
+    globalIgnores([
+        'node_modules',
+        'build',
+        'server.js',
+        'src/locale',
+        'src/types',
+        'src/setupProxy.js',
+        'webpack/**/*',
+        'webpack/env.js',
+        'webpack/prod.js',
+        'public',
+        'staticServer.js',
+        'webpack.config.js',
+    ]),
+    { ...BASE_CONFIG },
+]);