feat: add eslint-plugin-import for ordering imports

.eslintrc.js

@@ -20,6 +20,7 @@ module.exports = {
     'react-hooks',
     'eslint-plugin-fsd-checker',
     'eslint-plugin-unused-imports',
+    'eslint-plugin-import',
   ],
   rules: {
     indent: [2, 2],
@@ -70,6 +71,17 @@ module.exports = {
       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',
+    }],
   },
   globals: {
     __IS_DEV__: true,

config/build/buildResolvers.ts

@@ -1,4 +1,5 @@
 import { ResolveOptions } from 'webpack';
+
 import { BuildOptions } from './types/config';
 
 export function buildResolvers(options: BuildOptions): ResolveOptions {

config/storybook/webpack.config.ts

@@ -1,6 +1,7 @@
-import webpack, { DefinePlugin, RuleSetRule } from 'webpack';
 import path from 'path';
 
+import webpack, { DefinePlugin, RuleSetRule } from 'webpack';
+
 import { BuildPaths } from '../build/types/config';
 import { buildCssLoader } from '../build/loaders/buildCssLoader';
 

package.json

@@ -67,7 +67,7 @@
     "eslint": "^8.10.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-i18next": "^5.1.2",
-    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-react": "^7.29.2",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-unused-imports": "^2.0.0",

scripts/refactoring/createPublicApiForSharedUI.ts

@@ -1,6 +1,7 @@
-import { Project } from 'ts-morph';
 import path from 'path';
 
+import { Project } from 'ts-morph';
+
 const project = new Project({});
 
 project.addSourceFilesAtPaths('src/**/*.ts');

src/app/providers/router/config/routerConfig.tsx

@@ -8,7 +8,6 @@ import { ArticleEditPage } from '@/pages/ArticleEditPage';
 import { AdminPanelPage } from '@/pages/AdminPanelPage';
 import { ForbiddenPage } from '@/pages/ForbiddenPage';
 import { UserRole } from '@/entities/User';
-
 import { AppRoutes, RoutePath } from '@/shared/const/router';
 
 import { AppRoutesProps } from './types';

src/app/providers/router/ui/RequireAuth.tsx

@@ -3,7 +3,6 @@ import { useSelector } from 'react-redux';
 import { Navigate, useLocation } from 'react-router-dom';
 
 import { getUserAuthData, getUserRoles, UserRole } from '@/entities/User';
-
 import { AppRoutes, RoutePath } from '@/shared/const/router';
 
 interface RequireAuthProps {

src/entities/Article/ui/ArticleListItem/ArticleListItem.tsx

@@ -9,14 +9,14 @@ import { Button } from '@/shared/ui/Button';
 import { Icon } from '@/shared/ui/Icon';
 import EyeIcon from '@/shared/assets/icons/eye-20-20.svg';
 import { AppLink } from '@/shared/ui/AppLink';
+import { RoutePath } from '@/shared/const/router';
 
 import { ArticleBlockType, ArticleView } from '../../model/consts/consts';
 import {
   Article, ArticleTextBlock,
 } from '../../model/types/article';
 import cls from './ArticleListItem.module.scss';
 import { ArticleTextBlockComponent } from '../../ui/ArticleTextBlockComponent/ArticleTextBlockComponent';
-import { RoutePath } from '@/shared/const/router';
 
 interface ArticleListItemProps {
   className?: string;

src/entities/Comment/ui/CommentItem/CommentItem.tsx

@@ -7,10 +7,10 @@ import { Text } from '@/shared/ui/Text';
 import { Skeleton } from '@/shared/ui/Skeleton';
 import { AppLink } from '@/shared/ui/AppLink';
 import { VStack } from '@/shared/ui/Stack';
+import { AppRoutes, RoutePath } from '@/shared/const/router';
 
 import cls from './CommentItem.module.scss';
 import { Comment } from '../../model/types/comment';
-import { AppRoutes, RoutePath } from '@/shared/const/router';
 
 interface CommentItemProps {
   className?: string;

src/entities/Notification/ui/NotificationsList/NotificationsList.stories.tsx

@@ -1,9 +1,10 @@
 import type { ComponentMeta, ComponentStory } from '@storybook/react';
-
 import withMock from 'storybook-addon-mock';
-import { NotificationsList } from './NotificationsList';
+
 import { StoreDecorator } from '@/shared/config/storybook/StoreDecorator/StoreDecorator';
 
+import { NotificationsList } from './NotificationsList';
+
 export default {
   title: 'entities/Notification/NotificationsList',
   component: NotificationsList,

src/entities/Profile/ui/ProfileCard/ProfileCard.tsx

@@ -8,10 +8,10 @@ import { Avatar } from '@/shared/ui/Avatar';
 import { Currency, CurrencySelect } from '@/entities/Currency';
 import { Country, CountrySelect } from '@/entities/Country';
 import { HStack, VStack } from '@/shared/ui/Stack';
+import { AppRoutes } from '@/shared/const/router';
 
 import { Profile } from '../../model/types/profile';
 import cls from './ProfileCard.module.scss';
-import { AppRoutes } from '@/shared/const/router';
 
 interface ProfileCardProps {
   className?: string;

src/entities/User/model/slice/userSlice.ts

@@ -1,6 +1,7 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 
 import { USER_LOCALSTORAGE_KEY } from '@/shared/const/localStorage';
+
 import { User, UserSchema } from '../types/user';
 
 const initialState: UserSchema = {

src/features/articleRating/ui/ArticleRating/ArticleRating.stories.tsx

@@ -1,9 +1,10 @@
 import type { ComponentMeta, ComponentStory } from '@storybook/react';
 import withMock from 'storybook-addon-mock';
 
-import { ArticleRating } from './ArticleRating';
 import { StoreDecorator } from '@/shared/config/storybook/StoreDecorator/StoreDecorator';
 
+import { ArticleRating } from './ArticleRating';
+
 export default {
   title: 'features/ArticleRating',
   component: ArticleRating,

src/features/authByUsername/model/selectors/getLoginError/getLoginError.test.ts

@@ -1,4 +1,5 @@
 import { StateSchema } from '@/app/providers/StoreProvider';
+
 import { getLoginError } from './getLoginError';
 
 describe('getLoginError.test', () => {

src/features/authByUsername/model/selectors/getLoginIsLoading/getLoginIsLoading.test.ts

@@ -1,4 +1,5 @@
 import { StateSchema } from '@/app/providers/StoreProvider';
+
 import { getLoginIsLoading } from './getLoginIsLoading';
 
 describe('getLoginIsLoading.test', () => {

src/features/authByUsername/model/selectors/getLoginPassword/getLoginPassword.test.ts

@@ -1,4 +1,5 @@
 import { StateSchema } from '@/app/providers/StoreProvider';
+
 import { getLoginPassword } from './getLoginPassword';
 
 describe('getLoginPassword.test', () => {

src/features/authByUsername/model/selectors/getLoginUsername/getLoginUsername.test.ts

@@ -1,4 +1,5 @@
 import { StateSchema } from '@/app/providers/StoreProvider';
+
 import { getLoginUsername } from './getLoginUsername';
 
 describe('getLoginUsername.test', () => {

src/features/authByUsername/ui/LoginForm/LoginForm.tsx

@@ -3,23 +3,20 @@ import { useTranslation } from 'react-i18next';
 import { useSelector } from 'react-redux';
 
 import { classNames } from '@/shared/lib/classNames';
-import { Button } from '@/shared/ui';
 import { Input } from '@/shared/ui/Input';
-import { ButtonTheme } from '@/shared/ui/Button';
+import { Button, ButtonTheme } from '@/shared/ui/Button';
 import { Text, TextTheme } from '@/shared/ui/Text';
-
 import {
   DynamicModuleLoader, ReducersList,
 } from '@/shared/lib/components/DynamicModuleLoader/DynamicModuleLoader';
 import { useAppDispatch } from '@/shared/lib/hooks/useAppDispatch/useAppDispatch';
+
 import { getLoginUsername } from '../../model/selectors/getLoginUsername/getLoginUsername';
 import { getLoginPassword } from '../../model/selectors/getLoginPassword/getLoginPassword';
 import { getLoginIsLoading } from '../../model/selectors/getLoginIsLoading/getLoginIsLoading';
 import { getLoginError } from '../../model/selectors/getLoginError/getLoginError';
-
 import { loginByUsername } from '../../model/services/loginByUsername/loginByUsername';
 import { loginActions, loginReducer } from '../../model/slices/loginSlice';
-
 import cls from './LoginForm.module.scss';
 
 export interface LoginFormProps {