feat(fsd): add layer prefix #221

babel.config.js

@@ -18,13 +18,13 @@ module.exports = {
           ".json"
         ],
         "alias": {
-          "shared": "./src/shared",
-          "entities": "./src/entities",
-          "features": "./src/features",
-          "widgets": "./src/widgets",
-          "pages": "./src/pages",
-          "processes": "./src/processes",
-          "app": "./src/app",
+          "@shared": "./src/shared",
+          "@entities": "./src/entities",
+          "@features": "./src/features",
+          "@widgets": "./src/widgets",
+          "@pages": "./src/pages",
+          "@processes": "./src/processes",
+          "@app": "./src/app",
         }
       },
     ],

docs/docs/API/utils/useDebounce.md

@@ -4,9 +4,9 @@ Implement of debounce function
 
 ```tsx
 import {useState} from 'react';
-import {useDebounce} from 'shared/lib';
-import {createStyles, Search, SimpleIcon, useStyles, View} from 'shared/ui';
-import Header from 'shared/ui/Header';
+import {useDebounce} from '@shared/lib';
+import {createStyles, Search, SimpleIcon, useStyles, View} from '@shared/ui';
+import Header from '@shared/ui/Header';
 
 const ExampleSearch = () => {
   const [styles] = useStyles(styleSource);

docs/docs/guides/core/Popups.mdx

@@ -10,7 +10,7 @@ Provide ability to control all popups in app.
 
 ```tsx
 import {PopupsProvider, ThemeProvider} from '@lad-tech/mobydic-core';
-import MainStack from 'pages/MainStack/ui';
+import MainStack from '@pages/MainStack/ui';
 
 export default () => {
   return (

docs/docs/guides/core/Theme.mdx

@@ -13,9 +13,9 @@ import {
   getShadows,
   ThemeProvider,
 } from '@lad-tech/mobydick-core';
-import {Navigation} from 'pages/Navigation';
-import {themeColors} from 'shared/lib/theme';
-import {fonts} from 'shared/lib/theme/deafultFont';
+import {Navigation} from '@pages/Navigation';
+import {themeColors} from '@shared/lib/theme';
+import {fonts} from '@shared/lib/theme/deafultFont';
 
 
 function App() {

src/app/ui/index.tsx

@@ -1,7 +1,7 @@
 import {SafeAreaProvider} from 'react-native-safe-area-context';
 
-import {PopupsProvider, ThemeProvider} from 'shared/ui';
-import MainStack from 'pages/MainStack/ui';
+import {PopupsProvider, ThemeProvider} from '@shared/ui';
+import MainStack from '@pages/MainStack/ui';
 
 export default () => {
   return (

src/pages/MainStack/Home/Calendar/ui/index.tsx

@@ -1,7 +1,7 @@
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {CalendarWidget} from 'widgets/Calendar/ui/CalendarWidget';
-import {ModalCalendarWidget} from 'widgets/Calendar/ui/ModalCalendarWidget';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {CalendarWidget} from '@widgets/Calendar/ui/CalendarWidget';
+import {ModalCalendarWidget} from '@widgets/Calendar/ui/ModalCalendarWidget';
 
 const CalendarScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Chart/BarChart/ui/index.tsx

@@ -4,11 +4,11 @@ import {
   IRenderSectionItem,
   useStyles,
   View,
-} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {mockChartDataset} from 'shared/lib/test/data/chart';
-import RenderSectionItem from 'widgets/Chart/ui/RenderSectionItem';
-import RenderHeader from 'widgets/Chart/ui/RenderHeader';
+} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {mockChartDataset} from '@shared/lib/test/data/chart';
+import RenderSectionItem from '@widgets/Chart/ui/RenderSectionItem';
+import RenderHeader from '@widgets/Chart/ui/RenderHeader';
 
 const renderSectionItem: IRenderSectionItem = (
   {period, transition, state},

src/pages/MainStack/Home/Chart/LineChart/ui/index.tsx

@@ -4,11 +4,11 @@ import {
   LineChart,
   useStyles,
   View,
-} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {mockChartDataset} from 'shared/lib/test/data/chart';
-import RenderSectionItem from 'widgets/Chart/ui/RenderSectionItem';
-import RenderHeader from 'widgets/Chart/ui/RenderHeader';
+} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {mockChartDataset} from '@shared/lib/test/data/chart';
+import RenderSectionItem from '@widgets/Chart/ui/RenderSectionItem';
+import RenderHeader from '@widgets/Chart/ui/RenderHeader';
 
 const renderSectionItem: IRenderSectionItem = (
   {period, transition, state},

src/pages/MainStack/Home/Chart/ui/index.tsx

@@ -1,8 +1,8 @@
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import NavigationButton from 'shared/ui/NavigationButton';
-import {SCREENS} from 'shared/lib/constants/screens';
-import {move} from 'shared/lib/navigationRef';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import NavigationButton from '@shared/ui/NavigationButton';
+import {SCREENS} from '@shared/lib/constants/screens';
+import {move} from '@shared/lib/navigationRef';
 
 const ChartScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/CTA/ui/index.tsx

@@ -1,6 +1,6 @@
-import {ScrollView, useStyles} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {ButtonWidget} from 'widgets/Core/CTA/ui/ButtonWidget';
+import {ScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {ButtonWidget} from '@widgets/Core/CTA/ui/ButtonWidget';
 
 const CTAScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/Chat/ui/index.tsx

@@ -1,6 +1,6 @@
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {ChatWidget} from 'widgets/Core/Chat/ui/ChatWidget';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {ChatWidget} from '@widgets/Core/Chat/ui/ChatWidget';
 
 const ChatScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/Controls/ui/index.tsx

@@ -1,8 +1,8 @@
-import {SliderWidget} from 'widgets/Core/Controls/ui/SliderWidget';
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {ControlListWidget} from 'widgets/Core/Controls/ui/ControlListWidget';
-import {SwipeWidget} from 'widgets/Core/Controls/ui/SwipeWidget';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {SliderWidget} from '@widgets/Core/Controls/ui/SliderWidget';
+import {ControlListWidget} from '@widgets/Core/Controls/ui/ControlListWidget';
+import {SwipeWidget} from '@widgets/Core/Controls/ui/SwipeWidget';
 
 const ControlsScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/DragAndDrop/ui/index.tsx

@@ -1,7 +1,7 @@
 import {Dimensions} from 'react-native';
 
-import {rem, DragAndDropList, useTheme} from 'shared/ui';
-import {BlockView} from 'shared/ui/BlockView';
+import {DragAndDropList, rem, useTheme} from '@shared/ui';
+import {BlockView} from '@shared/ui/BlockView';
 
 const {width: WIDTH} = Dimensions.get('window');
 

src/pages/MainStack/Home/Core/Inputs/ui/index.tsx

@@ -1,6 +1,6 @@
-import {ScrollView, useStyles} from 'shared/ui';
-import InputsWidget from 'widgets/Core/Inputs/ui/InputsWidget';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+import {ScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import InputsWidget from '@widgets/Core/Inputs/ui/InputsWidget';
 
 const InputsScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/Navbars/ui/index.tsx

@@ -1,7 +1,8 @@
-import {ScrollView, useStyles} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {TabsWidget} from 'widgets/Core/Navbars/ui/TabsWidget';
-import {PanelHeaderWidget} from 'widgets/Core/Navbars/ui/PanelHeaderWidget';
+import {ScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {TabsWidget} from '@widgets/Core/Navbars/ui/TabsWidget';
+import {PanelHeaderWidget} from '@widgets/Core/Navbars/ui/PanelHeaderWidget';
+
 const NavbarsScreen = () => {
   const [styles] = useStyles(getScreenStyles);
 

src/pages/MainStack/Home/Core/Other/ui/index.tsx

@@ -1,12 +1,12 @@
-import {ScrollView, useStyles} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {DotsWidget} from 'widgets/Core/Other/ui/DotsWidget';
-import {AvatarWidget} from 'widgets/Core/Other/ui/AvatarWidget';
-import {BadgeWidget} from 'widgets/Core/Other/ui/BadgeWidget';
-import {StatusWidget} from 'widgets/Core/Other/ui/StatusWidget';
-import {CollapsibleWidget} from 'widgets/Core/Other/ui/CollapsibleWidget';
-import {CrossedTextWidget} from 'widgets/Core/Other/ui/CrossedTextWidget';
-import {CarouselWidget} from 'widgets/Core/Other/ui/CarouselWidget';
+import {ScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {DotsWidget} from '@widgets/Core/Other/ui/DotsWidget';
+import {AvatarWidget} from '@widgets/Core/Other/ui/AvatarWidget';
+import {BadgeWidget} from '@widgets/Core/Other/ui/BadgeWidget';
+import {StatusWidget} from '@widgets/Core/Other/ui/StatusWidget';
+import {CollapsibleWidget} from '@widgets/Core/Other/ui/CollapsibleWidget';
+import {CrossedTextWidget} from '@widgets/Core/Other/ui/CrossedTextWidget';
+import {CarouselWidget} from '@widgets/Core/Other/ui/CarouselWidget';
 
 const OtherScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/Popup/ui/index.tsx

@@ -1,11 +1,11 @@
-import {ScrollView, useStyles} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {ActionSheetWidget} from 'widgets/Core/Popup/ui/ActionSheetWidget';
-import {ModalsWidget} from 'widgets/Core/Popup/ui/ModalsWidget';
-import {SnackbarWidget} from 'widgets/Core/Popup/ui/SnackbarWidget';
-import {TooltipWidget} from 'widgets/Core/Popup/ui/TooltipWidget';
-import {ModalWidget} from 'widgets/Core/Popup/ui/ModalWidget';
-import {PopupBaseWidget} from 'widgets/Core/Popup/ui/PopupBaseWidget';
+import {ScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {ActionSheetWidget} from '@widgets/Core/Popup/ui/ActionSheetWidget';
+import {ModalsWidget} from '@widgets/Core/Popup/ui/ModalsWidget';
+import {SnackbarWidget} from '@widgets/Core/Popup/ui/SnackbarWidget';
+import {TooltipWidget} from '@widgets/Core/Popup/ui/TooltipWidget';
+import {ModalWidget} from '@widgets/Core/Popup/ui/ModalWidget';
+import {PopupBaseWidget} from '@widgets/Core/Popup/ui/PopupBaseWidget';
 
 const PopupScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/Progress/ui/index.tsx

@@ -1,8 +1,8 @@
-import {ScrollView, useStyles} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {IndicatorWidget} from 'widgets/Core/Progress/ui/IndicatorWidget';
-import {SpinnerWidget} from 'widgets/Core/Progress/ui/SpinnerWidget';
-import {PanelSpinnerWidget} from 'widgets/Core/Progress/ui/PanelSpinnerWidget';
+import {ScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {IndicatorWidget} from '@widgets/Core/Progress/ui/IndicatorWidget';
+import {SpinnerWidget} from '@widgets/Core/Progress/ui/SpinnerWidget';
+import {PanelSpinnerWidget} from '@widgets/Core/Progress/ui/PanelSpinnerWidget';
 
 const ProgressScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Core/Styles/ui/index.tsx

@@ -1,7 +1,7 @@
-import {FlatList, useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {ShadowWidget} from 'widgets/Core/Styles/ui/ShadowWidget';
-import {SimpleIconWidget} from 'widgets/Core/Styles/ui/SimpleIconWidget';
+import {FlatList, useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {ShadowWidget} from '@widgets/Core/Styles/ui/ShadowWidget';
+import {SimpleIconWidget} from '@widgets/Core/Styles/ui/SimpleIconWidget';
 
 const renderItem = () => <View />;
 

src/pages/MainStack/Home/Core/Typography/ui/index.tsx

@@ -10,8 +10,8 @@ import {
   TypographyProp,
   useStyles,
   View,
-} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
 
 const getAllTypography = (): TypographyProp[] => {
   const weights: TFontWeight[] = Object.keys(

src/pages/MainStack/Home/Core/ui/index.tsx

@@ -1,8 +1,8 @@
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import NavigationButton from 'shared/ui/NavigationButton';
-import {SCREENS} from 'shared/lib/constants/screens';
-import {move} from 'shared/lib/navigationRef';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import NavigationButton from '@shared/ui/NavigationButton';
+import {SCREENS} from '@shared/lib/constants/screens';
+import {move} from '@shared/lib/navigationRef';
 
 const CoreScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithBottomAndTabsScreen.tsx

@@ -1,7 +1,7 @@
-import {KeyboardAwareScrollView, useStyles} from 'shared/ui';
-import {Inputs} from 'widgets/KeyboardAware/Inputs';
-import {BottomComponent} from 'widgets/KeyboardAware/Bottom';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+import {KeyboardAwareScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {Inputs} from '@widgets/KeyboardAware/Inputs';
+import {BottomComponent} from '@widgets/KeyboardAware/Bottom';
 
 export const KeyboardAwareScrollViewWithBottomAndTabsScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/KeyboardAwareScrollViewWithTabsScreen.tsx

@@ -1,6 +1,6 @@
-import {KeyboardAwareScrollView, useStyles} from 'shared/ui';
-import {Inputs} from 'widgets/KeyboardAware/Inputs';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+import {KeyboardAwareScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {Inputs} from '@widgets/KeyboardAware/Inputs';
 
 export const KeyboardAwareScrollViewWithTabsScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/KeyboardAware/ScrollView/Tabs/ui/index.tsx

@@ -3,8 +3,8 @@ import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
 import {KeyboardAwareScrollViewWithTabsScreen} from './KeyboardAwareScrollViewWithTabsScreen';
 import {KeyboardAwareScrollViewWithBottomAndTabsScreen} from './KeyboardAwareScrollViewWithBottomAndTabsScreen';
 
-import IRootStackParamList from 'shared/lib/constants/rootStackParamList';
-import {SCREENS} from 'shared/lib/constants/screens';
+import IRootStackParamList from '@shared/lib/constants/rootStackParamList';
+import {SCREENS} from '@shared/lib/constants/screens';
 
 const Tab = createBottomTabNavigator<IRootStackParamList>();
 

src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewScreen.tsx

@@ -1,6 +1,6 @@
-import {KeyboardAwareScrollView, useStyles} from 'shared/ui';
-import {Inputs} from 'widgets/KeyboardAware/Inputs';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+import {KeyboardAwareScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {Inputs} from '@widgets/KeyboardAware/Inputs';
 
 export const KeyboardAwareScrollViewScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/KeyboardAware/ScrollView/ui/KeyboardAwareScrollViewWithBottomScreen.tsx

@@ -1,7 +1,7 @@
-import {KeyboardAwareScrollView, useStyles} from 'shared/ui';
-import {Inputs} from 'widgets/KeyboardAware/Inputs';
-import {BottomComponent} from 'widgets/KeyboardAware/Bottom';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+import {KeyboardAwareScrollView, useStyles} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {Inputs} from '@widgets/KeyboardAware/Inputs';
+import {BottomComponent} from '@widgets/KeyboardAware/Bottom';
 
 export const KeyboardAwareScrollViewWithBottomScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/KeyboardAware/ui/index.tsx

@@ -1,8 +1,8 @@
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import NavigationButton from 'shared/ui/NavigationButton';
-import {SCREENS} from 'shared/lib/constants/screens';
-import {move} from 'shared/lib/navigationRef';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import NavigationButton from '@shared/ui/NavigationButton';
+import {SCREENS} from '@shared/lib/constants/screens';
+import {move} from '@shared/lib/navigationRef';
 
 const KeyboardAwareScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/Utils/ui/index.tsx

@@ -1,5 +1,5 @@
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
 
 const UtilsScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Home/ui/index.tsx

@@ -1,8 +1,8 @@
-import {useStyles, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
-import {move} from 'shared/lib/navigationRef';
-import {SCREENS} from 'shared/lib/constants/screens';
-import NavigationButton from 'shared/ui/NavigationButton';
+import {useStyles, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
+import {move} from '@shared/lib/navigationRef';
+import {SCREENS} from '@shared/lib/constants/screens';
+import NavigationButton from '@shared/ui/NavigationButton';
 
 const HomeScreen = () => {
   const [styles] = useStyles(getScreenStyles);

src/pages/MainStack/Settings/ui/index.tsx

@@ -1,5 +1,5 @@
-import {Button, CurrentTheme, useStyles, useTheme, View} from 'shared/ui';
-import getScreenStyles from 'shared/styles/getScreenStyles';
+import {Button, CurrentTheme, useStyles, useTheme, View} from '@shared/ui';
+import getScreenStyles from '@shared/styles/getScreenStyles';
 
 const SettingsScreen = () => {
   const {currentTheme, setCurrentTheme} = useTheme();