[Refactor]: Rename zustand_store into store. (#32)

craco.config.js

@@ -13,15 +13,9 @@ module.exports = {
             '@screens/*': path.resolve(__dirname, './src/screens/*'),
             '@service': path.resolve(__dirname, './src/service'),
             '@service/*': path.resolve(__dirname, './src/service/*'),
-            '@zustand_store': path.resolve(__dirname, './src/zustand_store'),
-            '@zustand_store/slice': path.resolve(
-                __dirname,
-                './src/zustand_store/slice'
-            ),
-            '@selectors': path.resolve(
-                __dirname,
-                './src/zustand_store/selectors'
-            ),
+            '@store': path.resolve(__dirname, './src/store'),
+            '@store/slice': path.resolve(__dirname, './src/store/slice'),
+            '@selectors': path.resolve(__dirname, './src/store/selectors'),
         },
     },
 };

src/components/navigation/Navigation.tsx

@@ -12,7 +12,7 @@ import {
 import { NavigationComponentProps } from './types';
 
 import { profileSelector, themeSelector, useShallow } from '@selectors';
-import { Theme, appStore } from '@zustand_store';
+import { Theme, appStore } from '@store';
 
 /**
  * Navigation component.

src/components/notification/NotificationComponent.tsx

@@ -1,6 +1,6 @@
 import { NOTIFICATION_MODAL_ID } from './constants';
 import { useTranslation } from 'react-i18next';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { notificationSelector, useShallow } from '@selectors';
 
 /**

src/provider/alert_toast_provider/AlertToastProvider.tsx

@@ -1,6 +1,6 @@
 import { ToastAlertComponent } from '@dash-ui';
 import { ToastAlertProviderProps } from './types';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { alertSelector, useShallow } from '@selectors';
 
 /**

src/provider/already_login/AlreadyLoginServiceProvider.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { alreadySignedIn } from '@service/supabase/supa_auth/AuthApi';
 import { AlreadyLoginServiceProviderProps } from './types';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { authSelector, useShallow } from '@selectors';
 
 const AlreadyLoginServiceProvider = (

src/provider/image_preview_modal_provider/ImagePreviewModalProvider.tsx

@@ -1,6 +1,6 @@
 import { ImagePreviewModal } from '@dash-ui';
 import { ImagePreviewModalProviderProps } from './types';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { imageModalSelector, useShallow } from '@selectors';
 
 const ImagePreviewModalProvider = (props: ImagePreviewModalProviderProps) => {

src/provider/router_provider/RouterProvider.tsx

@@ -1,6 +1,6 @@
 import { RouterProvider } from 'react-router-dom';
 import { privateRouter, publicRouter } from '@router';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { authSelector, useShallow } from '@selectors';
 
 /**

src/provider/theme_provider/ThemeProvider.tsx

@@ -1,4 +1,4 @@
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { themeSelector, useShallow } from '@selectors';
 import { ThemeProviderProps } from './types';
 

src/screens/private/MainRootScreen/MainRootScreen.tsx

@@ -2,7 +2,7 @@ import { Outlet } from 'react-router-dom';
 import { signOut } from '@service/supabase/supa_auth/AuthApi';
 import { useEffect, useState } from 'react';
 import { NavigationComponent, SidebarComponent } from '@dash-ui';
-import { appStore, syncForTheFirstTime } from '@zustand_store';
+import { appStore, syncForTheFirstTime } from '@store';
 import { authSelector, profileSelector, useShallow } from '@selectors';
 
 const MainRootScreen = () => {

src/screens/private/screens/dashboard_home/DashboardHome.tsx

@@ -1,6 +1,6 @@
 import { NotificationButton, NotificationButtonType } from '@dash-ui';
 import { getErrorAlertData } from '@provider';
-import { NotificationData, appStore } from '@zustand_store';
+import { NotificationData, appStore } from '@store';
 import { alertSelector, notificationSelector, useShallow } from '@selectors';
 
 /**

src/screens/private/screens/profile/profile_preview/ProfilePreviewScreen.tsx

@@ -15,7 +15,7 @@ import {
 } from '@assets';
 import { TitleCard, TooltipComponent } from '@dash-ui';
 import { profileSelector, useShallow } from '@selectors';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 
 /**
  * The text style for the profile preview screen.

src/screens/private/screens/profile/profile_setting/ProfileSettingScreen.tsx

@@ -22,7 +22,7 @@ import {
     WebsiteIcon,
 } from '@assets';
 import { InputText, InputType } from '@dash-ui';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import {
     alertSelector,
     authSelector,

src/screens/private/screens/projects/ProjectScreen.tsx

@@ -4,7 +4,7 @@ import { NavLink, Outlet, useLocation } from 'react-router-dom';
 import { TooltipComponent } from '@dash-ui';
 import { getAllProjects } from '@service/supabase/supastore/projects/ProjectsStoreApi';
 import { AddIcon, DeleteIcon, EditIcon, PreviewIcon } from '@assets';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { authSelector, projectsSelector, useShallow } from '@selectors';
 
 import getSubNavTitle from '../../../../util/nav/NavTitle';

src/screens/private/screens/projects/project_add/ProjectAddScreen.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 
 import { ProjectCard, getProjectCardData } from '@dash-ui';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { projectsSelector, useShallow } from '@selectors';
 
 /**

src/screens/private/screens/projects/project_delete/ProjectDeleteScreen.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { ProjectCard, getProjectCardData } from '@dash-ui';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { projectsSelector, useShallow } from '@selectors';
 
 type IProjectDeleteScreenProps = {};

src/screens/private/screens/projects/project_edit/ProjectEditScreen.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { ProjectCard, getProjectCardData } from '@dash-ui';
 import { projectsSelector, useShallow } from '@selectors';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 
 type IProjectEditScreenProps = {};
 

src/screens/private/screens/projects/project_main/ProjectMainScreen.tsx

@@ -1,6 +1,6 @@
 import { ProjectCard, getProjectCardData } from '@dash-ui';
 import { projectsSelector, useShallow } from '@selectors';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 
 const ProjectMainScreen = () => {
     const { projectData } = appStore(useShallow(projectsSelector));

src/screens/private/screens/projects/project_preview/ProjectPreviewComponent.tsx

@@ -4,7 +4,7 @@ import { ImagePreviewModalButton } from '@dash-ui';
 import { ProjectData } from '@service/supabase/supastore/projects/ProjectsCollection';
 import { WebsiteIcon, GithubIcon, HostingerIcon } from '@assets';
 import { imageModalSelector, useShallow } from '@selectors';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 
 export type IProjectPreviewComponentProps = {
     project: ProjectData;

src/screens/private/screens/projects/project_preview/ProjectPreviewScreen.tsx

@@ -2,7 +2,7 @@ import { useParams } from 'react-router-dom';
 import { useEffect, useState } from 'react';
 import ProjectPreviewComponent from './ProjectPreviewComponent';
 import { projectsSelector, useShallow } from '@selectors';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 
 type ProjectSelectData = {
     projectId: string;

src/screens/public/login_screen/LoginScreen.tsx

@@ -6,7 +6,7 @@ import { LoginCred } from '@service/supabase/supa_auth/actions/AuthSignIn';
 import { signIn } from '@service/supabase/supa_auth/AuthApi';
 import { validatePassword } from '../../../util/input/Input';
 import { useTranslation } from 'react-i18next';
-import { AuthDataState, appStore } from '@zustand_store';
+import { AuthDataState, appStore } from '@store';
 import { authSelector, useShallow } from '@selectors';
 
 interface UpdateProps {

src/screens/public/signup_screen/SignupScreen.tsx

@@ -5,7 +5,7 @@ import { SignUpCred } from '@service/supabase/supa_auth/actions/AuthSignUp';
 import { signUp } from '@service/supabase/supa_auth/AuthApi';
 import { getSuccessAlertData } from '@provider';
 import { useTranslation } from 'react-i18next';
-import { appStore } from '@zustand_store';
+import { appStore } from '@store';
 import { alertSelector, useShallow } from '@selectors';
 
 /**

src/service/local_storage/auth/AuthStorageApi.ts

@@ -1,4 +1,4 @@
-import { AuthDataState } from '@zustand_store';
+import { AuthDataState } from '@store';
 import { AuthTokenKey } from '../token_constants/StorageConstant';
 
 /**

src/service/local_storage/theme/ThemeStorageApi.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@zustand_store';
+import { Theme } from '@store';
 import { themeKey } from '../token_constants/StorageConstant';
 
 /**

src/service/supabase/supa_auth/AuthApi.ts

@@ -1,4 +1,4 @@
-import { AuthDataState } from '@zustand_store';
+import { AuthDataState } from '@store';
 import { AuthTokenKey } from '../../local_storage/token_constants/StorageConstant';
 import { firebaseForgotPassword } from './actions/AuthForgotPassword';
 import { LoginCred, firebaseSingIn } from './actions/AuthSignIn';

src/service/supabase/supa_auth/actions/AuthSignIn.ts

@@ -1,4 +1,4 @@
-import { AuthDataState } from '@zustand_store';
+import { AuthDataState } from '@store';
 import { SupabaseAuth } from '../../supabase_main/Supabase';
 
 /**

src/service/supabase/supastore/user_profile/UserProfileStoreApi.ts

@@ -2,7 +2,7 @@ import { ToastAlertData } from '@provider';
 import { UserProfileData } from './UserCollection';
 import { getUserUsingId } from './actions/UserDataRead';
 import { updateUserData } from './actions/UserDataWrite';
-import { UserData } from '@zustand_store';
+import { UserData } from '@store';
 
 /**
  * Method to get the user profileData

src/service/supabase/supastore/user_profile/actions/UserDataRead.ts

@@ -1,4 +1,4 @@
-import { UserData } from '@zustand_store';
+import { UserData } from '@store';
 import { SupabaseUsersDB } from '../../../supabase_main/Supabase';
 import { SocialLink, SocialType, UserProfileData } from '../UserCollection';
 

src/zustand_store/selectors/Alert/Alert.selector.ts → src/store/selectors/Alert/Alert.selector.ts

@@ -1,5 +1,5 @@
-import { ToastAlertData } from '@zustand_store/slice';
-import { AppStoreState } from '@zustand_store';
+import { ToastAlertData } from 'src/store/slice';
+import { AppStoreState } from '@store';
 
 export const alertSelector = (state: AppStoreState) => ({
     alertData: state.Alert.alertData,

src/zustand_store/selectors/Auth/Auth.selector.ts → src/store/selectors/Auth/Auth.selector.ts

@@ -1,4 +1,4 @@
-import { AppStoreState } from '@zustand_store';
+import { AppStoreState } from '@store';
 import { getAuthKeyData } from '@service/local_storage/auth/AuthStorageApi';
 
 export const authSelector = (state: AppStoreState) => ({

src/zustand_store/selectors/ImageModal/ImageModal.selector.ts → src/store/selectors/ImageModal/ImageModal.selector.ts

@@ -1,4 +1,4 @@
-import { AppStoreState } from '@zustand_store';
+import { AppStoreState } from '@store';
 
 export const imageModalSelector = (state: AppStoreState) => ({
     imageString: state.ImageModal.imageString,

src/zustand_store/selectors/Notification/Notification.selector.ts → src/store/selectors/Notification/Notification.selector.ts

@@ -1,4 +1,4 @@
-import { AppStoreState } from 'src/zustand_store/store';
+import { AppStoreState } from 'src/store/store';
 
 export const notificationSelector = (state: AppStoreState) => ({
     notificationData: state.Notification.data,

src/zustand_store/selectors/Profile/Profile.selector.ts → src/store/selectors/Profile/Profile.selector.ts

@@ -1,4 +1,4 @@
-import { AppStoreState } from 'src/zustand_store/store';
+import { AppStoreState } from 'src/store/store';
 
 export const profileSelector = (state: AppStoreState) => ({
     profileData: state.Profile.data,

src/zustand_store/selectors/Projects/Projects.selector.ts → src/store/selectors/Projects/Projects.selector.ts

@@ -1,4 +1,4 @@
-import { AppStoreState } from '@zustand_store';
+import { AppStoreState } from '@store';
 
 export const projectsSelector = (state: AppStoreState) => ({
     projectData: state.Projects.projects,

src/zustand_store/selectors/Theme/Theme.selector.ts → src/store/selectors/Theme/Theme.selector.ts

@@ -1,4 +1,4 @@
-import { AppStoreState } from '@zustand_store';
+import { AppStoreState } from '@store';
 
 export const themeSelector = (state: AppStoreState) => ({
     themeValue: state.Theme.themeValue,

src/zustand_store/slice/Alert/Alert.slice.ts → src/store/slice/Alert/Alert.slice.ts

@@ -1,4 +1,4 @@
-import { AppStoreSlice } from '@zustand_store';
+import { AppStoreSlice } from '@store';
 import {
     AlertState,
     AlertStateSlice,

src/zustand_store/slice/Auth/Auth.slice.ts → src/store/slice/Auth/Auth.slice.ts

@@ -1,4 +1,4 @@
-import { AppStoreSlice } from '@zustand_store';
+import { AppStoreSlice } from '@store';
 import { AuthDataState, AuthStateSlice } from './types';
 import { getAuthKeyData } from '@service/local_storage/auth/AuthStorageApi';
 

src/zustand_store/slice/ImageModal/ImageModal.slice.ts → src/store/slice/ImageModal/ImageModal.slice.ts

@@ -1,4 +1,4 @@
-import { AppStoreSlice } from '@zustand_store';
+import { AppStoreSlice } from '@store';
 import { ImageModalState, ImageModalStateSlice } from './types';
 
 const initialState: ImageModalState = {

src/zustand_store/slice/Notification/Notification.slice.ts → src/store/slice/Notification/Notification.slice.ts

@@ -1,4 +1,4 @@
-import { AppStoreSlice } from '@zustand_store';
+import { AppStoreSlice } from '@store';
 import { NotificationState, NotificationStateSlice } from './types';
 
 const initialState: NotificationState = {

src/zustand_store/slice/Profile/Profile.slice.ts → src/store/slice/Profile/Profile.slice.ts

@@ -2,7 +2,7 @@ import {
     SocialType,
     UserProfileData,
 } from '@service/supabase/supastore/user_profile/UserCollection';
-import { AppStoreSlice } from 'src/zustand_store/store';
+import { AppStoreSlice } from 'src/store/store';
 import { ProfileStateSlice, UserProfileState } from './types';
 import {
     getProfileKeyData,

src/zustand_store/slice/Projects/Projects.slice.ts → src/store/slice/Projects/Projects.slice.ts

@@ -1,4 +1,4 @@
-import { AppStoreSlice } from '@zustand_store';
+import { AppStoreSlice } from '@store';
 import { ProjectDataState, ProjectStateSlice, ProjectData } from './types';
 
 const initialState: ProjectDataState = {

src/zustand_store/slice/Theme/Theme.slice.ts → src/store/slice/Theme/Theme.slice.ts

@@ -1,4 +1,4 @@
-import { AppStoreSlice } from '@zustand_store';
+import { AppStoreSlice } from '@store';
 import { Theme, ThemeState, ThemeStateSlice } from './types';
 
 const THEME = 'theme';

src/zustand_store/store/appStore.tsx → src/store/store/appStore.tsx

@@ -9,7 +9,7 @@ import {
     createProjectsSlice,
     createImageModalSlice,
     createNotificationSlice,
-} from '@zustand_store/slice';
+} from '@store/slice';
 import { AppStoreState } from './types';
 import { createProfileSlice } from '../slice/Profile';
 

src/zustand_store/store/types.ts → src/store/store/types.ts

@@ -7,7 +7,7 @@ import {
     ImageModalStateSlice,
     NotificationStateSlice,
     ProfileStateSlice,
-} from '@zustand_store/slice';
+} from '@store/slice';
 import {} from '../slice/Profile/types';
 
 export interface AppStoreState {

tsconfig.path.json

@@ -12,9 +12,9 @@
             "@screens/*": ["src/screens/*"],
             "@service": ["src/service"],
             "@service/*": ["src/service/*"],
-            "@zustand_store": ["src/zustand_store/index"],
-            "@zustand_store/slice": ["src/zustand_store/slice"],
-            "@selectors": ["src/zustand_store/selectors"]
+            "@store": ["src/store/index"],
+            "@store/slice": ["src/store/slice"],
+            "@selectors": ["src/store/selectors"]
         }
     }
 }