feat: add prettier

sashtje · Oct 4, 2023 · 2137d81 · 2137d81
1 parent 4eb2007
commit 2137d81
Show file tree

Hide file tree

Showing 236 changed files with 2,401 additions and 2,090 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -4,7 +4,13 @@ module.exports = {
     es2021: true,
     jest: true,
   },
-  extends: ['plugin:react/recommended', 'airbnb', 'plugin:i18next/recommended'],
+  extends: [
+    'plugin:react/recommended',
+    'airbnb',
+    'plugin:i18next/recommended',
+    'plugin:storybook/recommended',
+    'prettier',
+  ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaFeatures: {
@@ -23,11 +29,12 @@ module.exports = {
     'eslint-plugin-import',
   ],
   rules: {
-    indent: [2, 2],
-    'react/jsx-indent': [2, 2],
-    'react/jsx-filename-extension': [2, {
-      extensions: ['.jsx', '.tsx'],
-    }],
+    'react/jsx-filename-extension': [
+      2,
+      {
+        extensions: ['.jsx', '.tsx'],
+      },
+    ],
     'import/no-unresolved': 'off',
     'import/prefer-default-export': 'off',
     'react/react-in-jsx-scope': 'off',
@@ -39,18 +46,26 @@ module.exports = {
     'import/extensions': 'off',
     'import/no-extraneous-dependencies': 'warn',
     'no-underscore-dangle': 'off',
-    'i18next/no-literal-string': ['error', {
-      markupOnly: true,
-      ignoreAttribute: [
-        'data-testid', 'to', 'target', 'direction',
-        'justify', 'align', 'gap', 'role', 'as',
-        'borderRadius', 'height', 'width',
-      ],
-    }],
-    'max-len': ['error', {
-      ignoreComments: true,
-      code: 120,
-    }],
+    'i18next/no-literal-string': [
+      'error',
+      {
+        markupOnly: true,
+        ignoreAttribute: [
+          'data-testid',
+          'to',
+          'target',
+          'direction',
+          'justify',
+          'align',
+          'gap',
+          'role',
+          'as',
+          'borderRadius',
+          'height',
+          'width',
+        ],
+      },
+    ],
     'linebreak-style': 'off',
     'jsx-a11y/no-static-element-interactions': 'off',
     'jsx-a11y/click-events-have-key-events': 'off',
@@ -60,40 +75,55 @@ module.exports = {
     'no-undef': 'off',
     'react/no-array-index-key': 'off',
     // I am using this plugin with npm link to test it
-    // 'fsd-checker/path-checker': ['error', {
-    //   alias: '@',
-    // }],
-    // 'fsd-checker/public-api-imports': ['error', {
-    //   alias: '@',
-    //   testFiles: ['**/*.test.*', '**/StoreDecorator.tsx', '**/*.stories.tsx'],
-    // }],
-    // 'fsd-checker/layer-imports': ['error', {
-    //   alias: '@',
-    //   ignoreImport: ['**/StoreProvider', '**/testing'],
-    // }],
+    // 'fsd-checker/path-checker': [
+    //   'error',
+    //   {
+    //     alias: '@',
+    //   },
+    // ],
+    // 'fsd-checker/public-api-imports': [
+    //   'error',
+    //   {
+    //     alias: '@',
+    //     testFiles: ['**/*.test.*', '**/StoreDecorator.tsx', '**/*.stories.tsx'],
+    //   },
+    // ],
+    // 'fsd-checker/layer-imports': [
+    //   'error',
+    //   {
+    //     alias: '@',
+    //     ignoreImport: ['**/StoreProvider', '**/testing'],
+    //   },
+    // ],
     'unused-imports/no-unused-imports': 'error',
-    'import/order': ['error', {
-      groups: ['builtin', 'external', 'internal'],
-      pathGroups: [
-        {
-          pattern: '@/**',
-          group: 'external',
-          position: 'after',
-        },
-      ],
-      'newlines-between': 'always',
-    }],
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal'],
+        pathGroups: [
+          {
+            pattern: '@/**',
+            group: 'external',
+            position: 'after',
+          },
+        ],
+        'newlines-between': 'always',
+      },
+    ],
+    'react/jsx-max-props-per-line': ['error', { maximum: 4 }],
   },
   globals: {
     __IS_DEV__: true,
     __API__: true,
     __PROJECT__: true,
   },
-  overrides: [{
-    files: ['**/src/**/*.{test,stories}.{ts,tsx}'],
-    rules: {
-      'i18next/no-literal-string': 'off',
-      'max-len': 'off',
+  overrides: [
+    {
+      files: ['**/src/**/*.{test,stories}.{ts,tsx}'],
+      rules: {
+        'i18next/no-literal-string': 'off',
+        'max-len': 'off',
+      },
     },
-  }],
+  ],
 };
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,9 @@
+# Ignore artifacts:
+build
+coverage
+node_modules
+*.html
+*.css
+*.scss
+package.json
+package-lock.json
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,10 @@
+{
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "printWidth": 80
+}
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -3,4 +3,4 @@
   "rules": {
     "selector-class-pattern": null
   }
-}
+}
diff --git a/README.md b/README.md
@@ -17,6 +17,7 @@ npm run start:dev or npm run start:dev:vite - to launch client and backend part
 - `npm run start:dev:server` - Running a backend server
 - `npm run build:prod` - Build in prod mode
 - `npm run build:dev` - Build in dev mode (without minimization)
+- `npm run prettier` - Running prettier on .ts and .tsx files
 - `npm run lint:ts` - Running eslint on .ts and .tsx files
 - `npm run lint:ts:fix` - Running eslint fix on .ts and .tsx files
 - `npm run lint:scss` - Running stylelint on style files

diff --git a/babel.config.json b/babel.config.json
@@ -1,6 +1,12 @@
 {
-  "presets": ["@babel/preset-env", "@babel/preset-typescript",
-    ["@babel/preset-react", {
-      "runtime":  "automatic"
-    }]]
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-typescript",
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ]
 }
diff --git a/config/jest/jest.config.ts b/config/jest/jest.config.ts
@@ -8,26 +8,11 @@ export default {
   },
   clearMocks: true,
   testEnvironment: 'jsdom',
-  coveragePathIgnorePatterns: [
-    '\\\\node_modules\\\\',
-  ],
-  moduleDirectories: [
-    'node_modules',
-  ],
-  modulePaths: [
-    '<rootDir>src',
-  ],
-  moduleFileExtensions: [
-    'js',
-    'jsx',
-    'ts',
-    'tsx',
-    'json',
-    'node',
-  ],
-  testMatch: [
-    '<rootDir>src/**/*(*.)@(spec|test).[tj]s?(x)',
-  ],
+  coveragePathIgnorePatterns: ['\\\\node_modules\\\\'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: ['<rootDir>src'],
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
+  testMatch: ['<rootDir>src/**/*(*.)@(spec|test).[tj]s?(x)'],
   rootDir: '../../',
   setupFilesAfterEnv: ['<rootDir>config/jest/setupTests.ts'],
   moduleNameMapper: {
@@ -38,7 +23,8 @@ export default {
   reporters: [
     'default',
     [
-      'jest-html-reporters', {
+      'jest-html-reporters',
+      {
         publicPath: '<rootDir>/reports/unit',
         filename: 'report.html',
         // openReport: true,

diff --git a/config/storybook/main.ts b/config/storybook/main.ts
@@ -6,9 +6,7 @@ import { buildCssLoader } from '../build/loaders/buildCssLoader';
 import { BuildPaths } from '../build/types/config';
 
 export default {
-  stories: [
-    '../../src/**/*.stories.@(js|jsx|ts|tsx)',
-  ],
+  stories: ['../../src/**/*.stories.@(js|jsx|ts|tsx)'],
 
   addons: [
     '@storybook/addon-links',
@@ -58,11 +56,13 @@ export default {
     });
     config!.module!.rules.push(buildCssLoader(true));
 
-    config!.plugins!.push(new DefinePlugin({
-      __IS_DEV__: JSON.stringify(true),
-      __API__: JSON.stringify('https://testapi.ru'),
-      __PROJECT__: JSON.stringify('storybook'),
-    }));
+    config!.plugins!.push(
+      new DefinePlugin({
+        __IS_DEV__: JSON.stringify(true),
+        __API__: JSON.stringify('https://testapi.ru'),
+        __PROJECT__: JSON.stringify('storybook'),
+      }),
+    );
 
     // Return the altered config
     return config;

diff --git a/cypress/component/EditableProfileCard.cy.tsx b/cypress/component/EditableProfileCard.cy.tsx
@@ -8,11 +8,12 @@ describe('EditableProfileCard.cy.tsx', () => {
     cy.intercept('GET', '**/profile/*', { fixture: 'profile.json' });
 
     cy.mount(
-      <TestProvider options={{
-        initialState: {
-          user: { authData: { id: USER_ID } },
-        },
-      }}
+      <TestProvider
+        options={{
+          initialState: {
+            user: { authData: { id: USER_ID } },
+          },
+        }}
       >
         <EditableProfileCard id={USER_ID} />
       </TestProvider>,

diff --git a/cypress/fixtures/article-details.json b/cypress/fixtures/article-details.json
@@ -6,9 +6,7 @@
   "views": 3005,
   "createdAt": "04.09.2023",
   "userId": "2",
-  "type": [
-    "IT"
-  ],
+  "type": ["IT"],
   "blocks": [
     {
       "id": "1",
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ @@
       "rules": {
         "selector-class-pattern": null
       }
-    }
+    }