Eslint-Prettier integration & pre commit hook (#2272)

* Eslint prettier integrations and precommit hook on fly * CHANGELOG update and package.json version patch
5 years ago · 678f5b9277
parent a4e8a98f23
commit 678f5b9277
8 changed files with 31342 additions and 30208 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,11 +1,15 @@
 # Changelog
+
 All notable changes to this project will be documented in this file.

 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

 ## [1.2.0] - Unreleased
+
 ### Added
+
+-   Added eslint-prettier integration & code autoformat in precommiting hook
 -   Added layout grids toggling ('ctrl + alt + Enter')
 -   Added password reset functionality (<https://github.com/opencv/cvat/pull/2058>)
 -   Ability to work with data on the fly (https://github.com/opencv/cvat/pull/2007)
@ -17,14 +21,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 -   [Datumaro] Merging of datasets with different labels (<https://github.com/opencv/cvat/pull/2098>)
 -   Add FBRS interactive segmentation serverless function (<https://github.com/openvinotoolkit/cvat/pull/2094>)
 -   Ability to change default behaviour of previous/next buttons of a player.
-It supports regular navigation, searching a frame according to annotations
-filters and searching the nearest frame without any annotations (<https://github.com/openvinotoolkit/cvat/pull/2221>)
+    It supports regular navigation, searching a frame according to annotations
+    filters and searching the nearest frame without any annotations (<https://github.com/openvinotoolkit/cvat/pull/2221>)
 -   MacOS users notes in CONTRIBUTING.md
 -   Ability to prepare meta information manually (<https://github.com/openvinotoolkit/cvat/pull/2217>)
 -   Ability to upload prepared meta information along with a video when creating a task (<https://github.com/openvinotoolkit/cvat/pull/2217>)
 -   Optional chaining plugin for cvat-canvas and cvat-ui (<https://github.com/openvinotoolkit/cvat/pull/2249>)

 ### Changed
+
 -   UI models (like DEXTR) were redesigned to be more interactive (<https://github.com/opencv/cvat/pull/2054>)
 -   Used Ubuntu:20.04 as a base image for CVAT Dockerfile (<https://github.com/opencv/cvat/pull/2101>)
 -   Right colors of label tags in label mapping when a user runs automatic detection (<https://github.com/openvinotoolkit/cvat/pull/2162>)
@ -34,12 +39,15 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Added auto inference of url schema from host in CLI, if provided (<https://github.com/openvinotoolkit/cvat/pull/2240>)

 ### Deprecated
+
 -

 ### Removed
+
 -

 ### Fixed
+
 -   Fixed multiple errors which arises when polygon is of length 5 or less (<https://github.com/opencv/cvat/pull/2100>)
 -   Fixed task creation from PDF (<https://github.com/opencv/cvat/pull/2141>)
 -   Fixed CVAT format import for frame stepped tasks (<https://github.com/openvinotoolkit/cvat/pull/2151>)
@ -54,10 +62,13 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Git application name (renamed to dataset_repo) (<https://github.com/openvinotoolkit/cvat/pull/2243>)

 ### Security
+
 -

 ## [1.1.0] - 2020-08-31
+
 ### Added
+
 -   Siammask tracker as DL serverless function (<https://github.com/opencv/cvat/pull/1988>)
 -   [Datumaro] Added model info and source info commands (<https://github.com/opencv/cvat/pull/1973>)
 -   [Datumaro] Dataset statistics (<https://github.com/opencv/cvat/pull/1668>)
@ -68,10 +79,12 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Notification message when users use wrong browser (<https://github.com/opencv/cvat/pull/2070>)

 ### Changed
+
 -   Shape coordinates are rounded to 2 digits in dumped annotations (<https://github.com/opencv/cvat/pull/1970>)
 -   COCO format does not produce polygon points for bbox annotations (<https://github.com/opencv/cvat/pull/1953>)

 ### Fixed
+
 -   Issue loading openvino models for semi-automatic and automatic annotation (<https://github.com/opencv/cvat/pull/1996>)
 -   Basic functions of CVAT works without activated nuclio dashboard
 -   Fixed a case in which exported masks could have wrong color order (<https://github.com/opencv/cvat/issues/2032>)
@ -80,7 +93,9 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Object's details menu settings (<https://github.com/opencv/cvat/pull/2084>)

 ## [1.1.0-beta] - 2020-08-03
+
 ### Added
+
 -   DL models as serverless functions (<https://github.com/opencv/cvat/pull/1767>)
 -   Source type support for tags, shapes and tracks (<https://github.com/opencv/cvat/pull/1192>)
 -   Source type support for CVAT Dumper/Loader (<https://github.com/opencv/cvat/pull/1192>)
@ -91,16 +106,19 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Ability to change user password (<https://github.com/opencv/cvat/pull/1954>)

 ### Changed
+
 -   Smaller object details (<https://github.com/opencv/cvat/pull/1877>)
 -   `COCO` format does not convert bboxes to polygons on export (<https://github.com/opencv/cvat/pull/1953>)
 -   It is impossible to submit a DL model in OpenVINO format using UI. Now you can deploy new models on the server using serverless functions (<https://github.com/opencv/cvat/pull/1767>)
 -   Files and folders under share path are now alphabetically sorted

 ### Removed
+
 -   Removed OpenVINO and CUDA components because they are not necessary anymore (<https://github.com/opencv/cvat/pull/1767>)
 -   Removed the old UI code (<https://github.com/opencv/cvat/pull/1964>)

 ### Fixed
+
 -   Some objects aren't shown on canvas sometimes. For example after propagation on of objects is invisible (<https://github.com/opencv/cvat/pull/1834>)
 -   CVAT doesn't offer to restore state after an error (<https://github.com/opencv/cvat/pull/1874>)
 -   Cannot read property 'shapeType' of undefined because of zOrder related issues (<https://github.com/opencv/cvat/pull/1874>)
@ -121,7 +139,9 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Increase rate of throttling policy for unauthenticated users (<https://github.com/opencv/cvat/pull/1969>)

 ## [1.1.0-alpha] - 2020-06-30
+
 ### Added
+
 -   Throttling policy for unauthenticated users (<https://github.com/opencv/cvat/pull/1531>)
 -   Added default label color table for mask export (<https://github.com/opencv/cvat/pull/1549>)
 -   Added environment variables for Redis and Postgres hosts for Kubernetes deployment support (<https://github.com/opencv/cvat/pull/1641>)
@ -149,6 +169,7 @@ filters and searching the nearest frame without any annotations (<https://github
 -   [Datumaro] Added image copying when exporting datasets, if possible (<https://github.com/opencv/cvat/pull/1799>)

 ### Changed
+
 -   Removed information about e-mail from the basic user information (<https://github.com/opencv/cvat/pull/1627>)
 -   Update https install manual. Makes it easier and more robust. Includes automatic renewing of lets encrypt certificates.
 -   Settings page move to the modal. (<https://github.com/opencv/cvat/pull/1705>)
@ -160,6 +181,7 @@ filters and searching the nearest frame without any annotations (<https://github
 -   [Datumaro] Annotation-less files are not generated anymore in COCO format, unless tasks explicitly requested (<https://github.com/opencv/cvat/pull/1799>)

 ### Fixed
+
 -   Problem with exported frame stepped image task (<https://github.com/opencv/cvat/issues/1613>)
 -   Fixed dataset filter item representation for imageless dataset items (<https://github.com/opencv/cvat/pull/1593>)
 -   Fixed interpreter crash when trying to import `tensorflow` with no AVX instructions available (<https://github.com/opencv/cvat/pull/1567>)
@ -180,10 +202,13 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Error when interpolating polygons (<https://github.com/opencv/cvat/pull/1878>)

 ### Security
+
 -   SQL injection in Django `CVE-2020-9402` (<https://github.com/opencv/cvat/pull/1657>)

 ## [1.0.0] - 2020-05-29
+
 ### Added
+
 -   cvat-ui: cookie policy drawer for login page (<https://github.com/opencv/cvat/pull/1511>)
 -   `datumaro_project` export format (<https://github.com/opencv/cvat/pull/1352>)
 -   Ability to configure user agreements for the user registration form (<https://github.com/opencv/cvat/pull/1464>)
@ -192,6 +217,7 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Ability to configure access to the analytics page based on roles (<https://github.com/opencv/cvat/pull/1592>)

 ### Changed
+
 -   Downloaded file name in annotations export became more informative (<https://github.com/opencv/cvat/pull/1352>)
 -   Added auto trimming for trailing whitespaces style enforcement (<https://github.com/opencv/cvat/pull/1352>)
 -   REST API: updated `GET /task/<id>/annotations`: parameters are `format`, `filename` (now optional), `action` (optional) (<https://github.com/opencv/cvat/pull/1352>)
@ -205,10 +231,12 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Images without annotations now also included in dataset/annotations export (<https://github.com/opencv/cvat/issues/525>)

 ### Removed
+
 -   `annotation` application is replaced with `dataset_manager` (<https://github.com/opencv/cvat/pull/1352>)
 -   `_DATUMARO_INIT_LOGLEVEL` env. variable is removed in favor of regular `--loglevel` cli parameter (<https://github.com/opencv/cvat/pull/1583>)

 ### Fixed
+
 -   Categories for empty projects with no sources are taken from own dataset (<https://github.com/opencv/cvat/pull/1352>)
 -   Added directory removal on error during `extract` command (<https://github.com/opencv/cvat/pull/1352>)
 -   Added debug error message on incorrect XPath (<https://github.com/opencv/cvat/pull/1352>)
@ -234,19 +262,24 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Fixed an issue with `z_order` having no effect on segmentations (<https://github.com/opencv/cvat/pull/1589>)

 ### Security
+
 -   Permission group whitelist check for analytics view (<https://github.com/opencv/cvat/pull/1608>)

 ## [1.0.0-beta.2] - 2020-04-30
+
 ### Added
+
 -   Re-Identification algorithm to merging bounding boxes automatically to the new UI (<https://github.com/opencv/cvat/pull/1406>)
- Methods ``import`` and ``export`` to import/export raw annotations for Job and Task in ``cvat-core`` (<https://github.com/opencv/cvat/pull/1406>)
- Versioning of client packages (``cvat-core``, ``cvat-canvas``, ``cvat-ui``). Initial versions are set to 1.0.0  (<https://github.com/opencv/cvat/pull/1448>)
+-   Methods `import` and `export` to import/export raw annotations for Job and Task in `cvat-core` (<https://github.com/opencv/cvat/pull/1406>)
+-   Versioning of client packages (`cvat-core`, `cvat-canvas`, `cvat-ui`). Initial versions are set to 1.0.0 (<https://github.com/opencv/cvat/pull/1448>)
 -   Cuboids feature was migrated from old UI to new one. (<https://github.com/opencv/cvat/pull/1451>)

 ### Removed
+
 -   Annotation convertation utils, currently supported natively via Datumaro framework (https://github.com/opencv/cvat/pull/1477)

 ### Fixed
+
 -   Auto annotation, TF annotation and Auto segmentation apps (https://github.com/opencv/cvat/pull/1409)
 -   Import works with truncated images now: "OSError:broken data stream" on corrupt images (https://github.com/opencv/cvat/pull/1430)
 -   Hide functionality (H) doesn't work (<https://github.com/opencv/cvat/pull/1445>)
@ -263,8 +296,10 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Open task button doesn't work (https://github.com/opencv/cvat/pull/1474)

 ## [1.0.0-beta.1] - 2020-04-15
+
 ### Added
- Special behaviour for attribute value ``__undefined__`` (invisibility, no shortcuts to be set in AAM)
+
+-   Special behaviour for attribute value `__undefined__` (invisibility, no shortcuts to be set in AAM)
 -   Dialog window with some helpful information about using filters
 -   Ability to display a bitmap in the new UI
 -   Button to reset colors settings (brightness, saturation, contrast) in the new UI
@ -276,13 +311,15 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Deep extreme cut (semi-automatic segmentation) to the new UI (https://github.com/opencv/cvat/pull/1398)

 ### Changed
+
 -   Increase preview size of a task till 256, 256 on the server
 -   Public ssh-keys are displayed in a dedicated window instead of console when create a task with a repository
 -   React UI is the primary UI

 ### Fixed
+
 -   Cleaned up memory in Auto Annotation to enable long running tasks on videos
- New shape is added when press ``esc`` when drawing instead of cancellation
+-   New shape is added when press `esc` when drawing instead of cancellation
 -   Dextr segmentation doesn't work.
 -   `FileNotFoundError` during dump after moving format files
 -   CVAT doesn't append outside shapes when merge polyshapes in old UI
@ -307,23 +344,29 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Uploading annotations for tasks with multiple jobs (https://github.com/opencv/cvat/pull/1396)

 ## [1.0.0-alpha] - 2020-03-31
+
 ### Added
+
 -   Data streaming using chunks (https://github.com/opencv/cvat/pull/1007)
 -   New UI: showing file names in UI (https://github.com/opencv/cvat/pull/1311)
 -   New UI: delete a point from context menu (https://github.com/opencv/cvat/pull/1292)

 ### Fixed
+
 -   Git app cannot clone a repository (https://github.com/opencv/cvat/pull/1330)
 -   New UI: preview position in task details (https://github.com/opencv/cvat/pull/1312)
 -   AWS deployment (https://github.com/opencv/cvat/pull/1316)

 ## [0.6.1] - 2020-03-21
+
 ### Changed
+
 -   VOC task export now does not use official label map by default, but takes one
    from the source task to avoid primary-class and class part name
    clashing ([#1275](https://github.com/opencv/cvat/issues/1275))

 ### Fixed
+
 -   File names in LabelMe format export are no longer truncated ([#1259](https://github.com/opencv/cvat/issues/1259))
 -   `occluded` and `z_order` annotation attributes are now correctly passed to Datumaro ([#1271](https://github.com/opencv/cvat/pull/1271))
 -   Annotation-less tasks now can be exported as empty datasets in COCO ([#1277](https://github.com/opencv/cvat/issues/1277))
@ -331,11 +374,14 @@ filters and searching the nearest frame without any annotations (<https://github
    allowed `frame_XXXXXX[.ext]` format ([#1274](https://github.com/opencv/cvat/pull/1274))

 ### Security
+
 -   Bump acorn from 6.3.0 to 6.4.1 in /cvat-ui ([#1270](https://github.com/opencv/cvat/pull/1270))

 ## [0.6.0] - 2020-03-15
+
 ### Added
- Server only support for projects. Extend REST API v1 (/api/v1/projects*)
+
+-   Server only support for projects. Extend REST API v1 (/api/v1/projects\*)
 -   Ability to get basic information about users without admin permissions ([#750](https://github.com/opencv/cvat/issues/750))
 -   Changed REST API: removed PUT and added DELETE methods for /api/v1/users/ID
 -   Mask-RCNN Auto Annotation Script in OpenVINO format
@ -352,6 +398,7 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Git repositories can be specified with IPv4 address ([#827](https://github.com/opencv/cvat/pull/827))

 ### Changed
+
 -   page_size parameter for all REST API methods
 -   React & Redux & Antd based dashboard
 -   Yolov3 interpretation script fix and changes to mapping.json
@ -359,6 +406,7 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Added support for OpenVINO 2020

 ### Fixed
+
 -   Exception in Git plugin [#826](https://github.com/opencv/cvat/issues/826)
 -   Label ids in TFrecord format now start from 1 [#866](https://github.com/opencv/cvat/issues/866)
 -   Mask problem in COCO JSON style [#718](https://github.com/opencv/cvat/issues/718)
@ -367,15 +415,21 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Annotations can be filtered before dumping with Datumaro [#994](https://github.com/opencv/cvat/issues/994)

 ## [0.5.2] - 2019-12-15
+
 ### Fixed
+
 -   Frozen version of scikit-image==0.15 in requirements.txt because next releases don't support Python 3.5

 ## [0.5.1] - 2019-10-17
+
 ### Added
+
 -   Integration with Zenodo.org (DOI)

 ## [0.5.0] - 2019-09-12
+
 ### Added
+
 -   A converter to YOLO format
 -   Installation guide
 -   Linear interpolation for a single point
@ -394,13 +448,16 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Added command line tool for performing common task operations (/utils/cli/)

 ### Changed
+
 -   Outside and keyframe buttons in the side panel for all interpolation shapes (they were only for boxes before)
 -   Improved error messages on the client side (#511)

 ### Removed
+
 -   "Flip images" has been removed. UI now contains rotation features.

 ### Fixed
+
 -   Incorrect width of shapes borders in some cases
 -   Annotation parser for tracks with a start frame less than the first segment frame
 -   Interpolation on the server near outside frames
@ -418,43 +475,56 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Creating a video task with 0 overlap

 ### Security
+
 -   Upgraded Django, djangorestframework, and other packages

 ## [0.4.2] - 2019-06-03
+
 ### Fixed
+
 -   Fixed interaction with the server share in the auto annotation plugin

 ## [0.4.1] - 2019-05-14
+
 ### Fixed
+
 -   JavaScript syntax incompatibility with Google Chrome versions less than 72

 ## [0.4.0] - 2019-05-04
+
 ### Added
+
 -   OpenVINO auto annotation: it is possible to upload a custom model and annotate images automatically.
 -   Ability to rotate images/video in the client part (Ctrl+R, Shift+Ctrl+R shortcuts) (#305)
 -   The ReID application for automatic bounding box merging has been added (#299)
 -   Keyboard shortcuts to switch next/previous default shape type (box, polygon etc) [Alt + <, Alt + >] (#316)
 -   Converter for VOC now supports interpolation tracks
- REST API (/api/v1/*, /api/docs)
+-   REST API (/api/v1/\*, /api/docs)
 -   Semi-automatic semantic segmentation with the [Deep Extreme Cut](http://www.vision.ee.ethz.ch/~cvlsegmentation/dextr/) work

 ### Changed
+
 -   Propagation setup has been moved from settings to bottom player panel
 -   Additional events like "Debug Info" or "Fit Image" have been added for analitics
 -   Optional using LFS for git annotation storages (#314)

 ### Deprecated
+
 -   "Flip images" flag in the create task dialog will be removed. Rotation functionality in client part have been added instead.

 ### Removed
+
 -

 ### Fixed
+
 -   Django 2.1.5 (security fix, https://nvd.nist.gov/vuln/detail/CVE-2019-3498)
 -   Several scenarious which cause code 400 after undo/redo/save have been fixed (#315)

 ## [0.3.0] - 2018-12-29
+
 ### Added
+
 -   Ability to copy Object URL and Frame URL via object context menu and player context menu respectively.
 -   Ability to change opacity for selected shape with help "Selected Fill Opacity" slider.
 -   Ability to remove polyshapes points by double click.
@ -473,6 +543,7 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Buttons lock/hide for labels. They work for all objects with the same label on a current frame (#116)

 ### Changed
+
 -   Polyshape editing method has been improved. You can redraw part of shape instead of points cloning.
 -   Unified shortcut (Esc) for close any mode instead of different shortcuts (Alt+N, Alt+G, Alt+M etc.).
 -   Dump file contains information about data source (e.g. video name, archive name, ...)
@ -483,6 +554,7 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Drawing has become more convenience. Now it is possible to draw outside an image. Shapes will be automatically truncated after drawing process (#202)

 ### Fixed
+
 -   Performance bottleneck has been fixed during you create new objects (draw, copy, merge etc).
 -   Label UI elements aren't updated after changelabel.
 -   Attribute annotation mode can use invalid shape position after resize or move shapes.
@ -494,7 +566,9 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Text drawing outside of a frame in some cases (#202)

 ## [0.2.0] - 2018-09-28
+
 ### Added
+
 -   New annotation shapes: polygons, polylines, points
 -   Undo/redo feature
 -   Grid to estimate size of objects
@ -512,42 +586,54 @@ filters and searching the nearest frame without any annotations (<https://github
 -   Full screen view

 ### Changed
+
 -   Documentation, screencasts, the primary screenshot
 -   Content-type for save_job request is application/json

 ### Fixed
+
 -   Player navigation if the browser's window is scrolled
 -   Filter doesn't support dash (-)
 -   Several memory leaks
 -   Inconsistent extensions between filenames in an annotation file and real filenames

 ## [0.1.2] - 2018-08-07
+
 ### Added
+
 -   7z archive support when creating a task
 -   .vscode/launch.json file for developing with VS code

 ### Fixed
+
 -   #14: docker-compose down command as written in the readme does not remove volumes
 -   #15: all checkboxes in temporary attributes are checked when reopening job after saving the job
 -   #18: extend CONTRIBUTING.md
 -   #19: using the same attribute for label twice -> stuck

 ### Changed
+
 -   More strict verification for labels with attributes

 ## [0.1.1] - 2018-07-6
+
 ### Added
+
 -   Links on a screenshot, documentation, screencasts into README.md
 -   CONTRIBUTORS.md

 ### Fixed
+
 -   GitHub documentation

 ## 0.1.0 - 2018-06-29
+
 ### Added
+
 -   Initial version

 ## Template
+
 ```
 ## [Unreleased]
 ### Added
--- a/cvat-ui/.eslintrc.js
+++ b/cvat-ui/.eslintrc.js
@ -3,29 +3,29 @@
 // SPDX-License-Identifier: MIT

 module.exports = {
-    'env': {
-        'node': true,
-        'browser': true,
-        'es6': true,
+    env: {
+        node: true,
+        browser: true,
+        es6: true,
    },
-    'parserOptions': {
-        'parser': '@typescript-eslint/parser',
-        'ecmaVersion': 6,
-        'project': './tsconfig.json',
+    parserOptions: {
+        parser: '@typescript-eslint/parser',
+        ecmaVersion: 6,
+        project: './tsconfig.json',
    },
-    'plugins': [
-        '@typescript-eslint',
-        'import',
-    ],
-    'ignorePatterns': ['*.svg', '*.scss'],
-    'extends': [
+    plugins: ['@typescript-eslint', 'import', 'eslint-plugin-header'],
+    ignorePatterns: ['*.svg', '*.scss'],
+    extends: [
        'plugin:@typescript-eslint/recommended',
        'airbnb-typescript',
        'plugin:import/errors',
        'plugin:import/warnings',
        'plugin:import/typescript',
+        'prettier',
+        'prettier/@typescript-eslint',
+        'prettier/react',
    ],
-    'rules': {
+    rules: {
        '@typescript-eslint/indent': ['warn', 4],
        'react/jsx-indent': ['warn', 4],
        'react/jsx-indent-props': ['warn', 4],
@ -34,16 +34,17 @@ module.exports = {
        'arrow-parens': ['error', 'always'],
        '@typescript-eslint/no-explicit-any': [0],
        '@typescript-eslint/explicit-function-return-type': ['warn', { allowExpressions: true }],
-        'no-restricted-syntax': [0, {'selector': 'ForOfStatement'}],
+        'no-restricted-syntax': [0, { selector: 'ForOfStatement' }],
        'no-plusplus': [0],
        'lines-between-class-members': 0,
        'react/no-did-update-set-state': 0, // https://github.com/airbnb/javascript/issues/1875
+        'header/header': [2, '.header-tpl.ts'],
    },
-    'settings': {
+    settings: {
        'import/resolver': {
-            'typescript': {
-                'directory': './tsconfig.json'
-            }
+            typescript: {
+                directory: './tsconfig.json',
+            },
        },
    },
 };
--- a/cvat-ui/.gitignore
+++ b/cvat-ui/.gitignore
@ -4,4 +4,5 @@
 /dist
 /build
 /yarn.lock
+.eslintcache

--- a/cvat-ui/.header-tpl.ts
+++ b/cvat-ui/.header-tpl.ts
@ -0,0 +1,3 @@
+// Copyright (C) 2020 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
--- a/cvat-ui/.prettierrc.json
+++ b/cvat-ui/.prettierrc.json
@ -0,0 +1,19 @@
+{
+    "arrowParens": "always",
+    "bracketSpacing": true,
+    "embeddedLanguageFormatting": "auto",
+    "htmlWhitespaceSensitivity": "css",
+    "insertPragma": false,
+    "jsxBracketSameLine": false,
+    "jsxSingleQuote": true,
+    "printWidth": 120,
+    "proseWrap": "preserve",
+    "quoteProps": "as-needed",
+    "requirePragma": false,
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "trailingComma": "all",
+    "useTabs": false,
+    "vueIndentScriptAndStyle": false
+}
--- a/cvat-ui/package-lock.json
+++ b/cvat-ui/package-lock.json
--- a/cvat-ui/package.json
+++ b/cvat-ui/package.json
@ -1,6 +1,6 @@
 {
    "name": "cvat-ui",
-  "version": "1.9.10",
+    "version": "1.9.11",
    "description": "CVAT single-page application",
    "main": "src/index.tsx",
    "scripts": {
@ -28,15 +28,20 @@
        "css-loader": "^3.2.0",
        "eslint": "^6.8.0",
        "eslint-config-airbnb-typescript": "^7.0.0",
+        "eslint-config-prettier": "^6.12.0",
        "eslint-import-resolver-typescript": "^2.0.0",
+        "eslint-plugin-header": "^3.1.0",
        "eslint-plugin-import": "^2.18.2",
        "eslint-plugin-jsx-a11y": "^6.2.3",
        "eslint-plugin-react": "^7.17.0",
        "eslint-plugin-react-hooks": "^1.7.0",
        "html-webpack-plugin": "^3.2.0",
+        "husky": "^4.3.0",
+        "lint-staged": "^10.4.0",
        "node-sass": "^4.13.0",
        "postcss-loader": "^3.0.0",
        "postcss-preset-env": "^6.7.0",
+        "prettier": "2.1.2",
        "react-svg-loader": "^3.0.3",
        "sass-loader": "^8.0.0",
        "style-loader": "^1.0.0",
@ -49,12 +54,12 @@
    },
    "dependencies": {
        "@types/platform": "^1.3.2",
-    "@types/react": "^16.9.49",
+        "@types/react": "^16.9.2",
        "@types/react-color": "^3.0.2",
-    "@types/react-dom": "^16.9.8",
-    "@types/react-redux": "^7.1.9",
-    "@types/react-router": "^5.1.8",
-    "@types/react-router-dom": "^5.1.5",
+        "@types/react-dom": "^16.9.0",
+        "@types/react-redux": "^7.1.2",
+        "@types/react-router": "^5.0.5",
+        "@types/react-router-dom": "^5.1.0",
        "@types/react-share": "^3.0.1",
        "@types/redux-logger": "^3.0.7",
        "antd": "^3.26.17",
@ -63,14 +68,14 @@
        "cvat-core": "file:../cvat-core",
        "dotenv-webpack": "^1.7.0",
        "error-stack-parser": "^2.0.6",
-    "moment": "^2.28.0",
+        "moment": "^2.24.0",
        "platform": "^1.3.6",
        "prop-types": "^15.7.2",
        "react": "^16.9.0",
        "react-color": "^2.18.1",
        "react-dom": "^16.9.0",
        "react-hotkeys": "^2.0.0",
-    "react-redux": "^7.2.1",
+        "react-redux": "^7.1.1",
        "react-router": "^5.1.0",
        "react-router-dom": "^5.1.0",
        "react-share": "^3.0.1",
@ -78,5 +83,17 @@
        "redux-devtools-extension": "^2.13.8",
        "redux-logger": "^3.0.6",
        "redux-thunk": "^2.3.0"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged"
+        }
+    },
+    "lint-staged": {
+        "*.{html,css,scss,json,md}": "prettier --write",
+        "*.{js,ts,tsx}": [
+            "eslint --fix",
+            "prettier --write"
+        ]
    }
 }
--- a/cvat-ui/src/components/shortcuts-dialog/shortcuts-dialog.tsx
+++ b/cvat-ui/src/components/shortcuts-dialog/shortcuts-dialog.tsx
@ -1,10 +1,13 @@
-import React from 'react';
-import { getApplicationKeyMap } from 'react-hotkeys';
+// Copyright (C) 2020 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+import { shortcutsActions } from 'actions/shortcuts-actions';
 import Modal from 'antd/lib/modal';
 import Table from 'antd/lib/table';
+import React from 'react';
+import { getApplicationKeyMap } from 'react-hotkeys';
 import { connect } from 'react-redux';
-
-import { shortcutsActions } from 'actions/shortcuts-actions';
 import { CombinedState } from 'reducers/interfaces';

 interface StateToProps {
@ -17,9 +20,7 @@ interface DispatchToProps {

 function mapStateToProps(state: CombinedState): StateToProps {
    const {
-        shortcuts: {
-            visibleShortcutsHelp: visible,
-        },
+        shortcuts: { visibleShortcutsHelp: visible },
    } = state;

    return {
@ -39,35 +40,41 @@ function ShorcutsDialog(props: StateToProps & DispatchToProps): JSX.Element | nu
    const { visible, switchShortcutsDialog } = props;
    const keyMap = getApplicationKeyMap();

-    const splitToRows = (data: string[]): JSX.Element[] => (
-        data.map((item: string, id: number): JSX.Element => (
+    const splitToRows = (data: string[]): JSX.Element[] =>
+        data.map(
+            (item: string, id: number): JSX.Element => (
                // eslint-disable-next-line react/no-array-index-key
                <span key={id}>
                    {item}
                    <br />
                </span>
-        ))
+            ),
        );

-    const columns = [{
+    const columns = [
+        {
            title: 'Name',
            dataIndex: 'name',
            key: 'name',
-    }, {
+        },
+        {
            title: 'Shortcut',
            dataIndex: 'shortcut',
            key: 'shortcut',
            render: splitToRows,
-    }, {
+        },
+        {
            title: 'Action',
            dataIndex: 'action',
            key: 'action',
            render: splitToRows,
-    }, {
+        },
+        {
            title: 'Description',
            dataIndex: 'description',
            key: 'description',
-    }];
+        },
+    ];

    const dataSource = Object.keys(keyMap).map((key: string, id: number) => ({
        key: id,
@ -92,7 +99,4 @@ function ShorcutsDialog(props: StateToProps & DispatchToProps): JSX.Element | nu
    );
 }

-export default connect(
-    mapStateToProps,
-    mapDispatchToProps,
-)(ShorcutsDialog);
+export default connect(mapStateToProps, mapDispatchToProps)(ShorcutsDialog);