feat: restore namespace

src/api/interceptors/authHeader.ts

@@ -1,9 +1,9 @@
 import type { InternalAxiosRequestConfig } from "axios";
 
-import { useAuthStore } from "~/stores";
+import { authStore } from "~/stores";
 
 export const authHeaderInterceptor = (config: InternalAxiosRequestConfig) => {
-  const { token } = useAuthStore.getState();
+  const { token } = authStore.getState();
 
   config.headers.Authorization = token ? `Bearer ${token}` : undefined;
 

src/api/interceptors/refreshToken.ts

@@ -1,6 +1,6 @@
 import mem from "mem";
 
-import { setToken } from "~/stores";
+import { authStore } from "~/stores";
 import type { ServiceResponse } from "../api.types";
 import { api } from "../axios";
 
@@ -22,13 +22,13 @@ const refreshToken = async () => {
     );
     const { data: userToken } = response.data;
     if (!userToken.refresh_token) {
-      setToken(null);
+      authStore.setToken(null);
     } else {
       refreshWasSuccessful = true;
-      setToken(userToken.refresh_token);
+      authStore.setToken(userToken.refresh_token);
     }
   } catch (error) {
-    setToken(null);
+    authStore.setToken(null);
   }
   return refreshWasSuccessful;
 };

src/domains/guest/api/login.ts

@@ -1,6 +1,6 @@
 import { api } from "~/api";
 import type { ServiceResponse } from "~/api";
-import { setToken } from "~/stores";
+import { authStore } from "~/stores";
 
 export type UserToken = {
   accessToken: string;
@@ -27,5 +27,5 @@ export const googleLogin = async ({
 };
 
 export const logout = () => {
-  setToken(null);
+  authStore.setToken(null);
 };

src/router/components/RouterWrapper/RouterWrapper.tsx

@@ -3,14 +3,14 @@ import React from "react";
 import { Navigate, Route, Routes } from "react-router-dom";
 
 import { MainLayout } from "~/router";
-import { useAuthStore } from "~/stores";
+import { authStore } from "~/stores";
 
 type Props = PropsWithChildren & {
   guest?: boolean;
 };
 
 export const RouterWrapper = ({ guest = false, children }: Props) => {
-  const isAuthenticated = useAuthStore((state) => state.token);
+  const isAuthenticated = authStore.getToken();
 
   if (!guest && !isAuthenticated) {
     return <Navigate to='/404' />;

src/stores/index.ts

@@ -1,2 +1,2 @@
-export * from "./useAuthStore";
+export * as authStore from "./useAuthStore";
 export * as exampleStore from "./useExampleStore";

src/stores/useAuthStore.ts

@@ -12,7 +12,7 @@ export type AuthStoreState = {
   token: string | null;
 };
 
-export const useAuthStore = create<AuthStoreState>()(
+const useAuthStore = create<AuthStoreState>()(
   persist(
     (_) => ({
       token: null,
@@ -23,5 +23,9 @@ export const useAuthStore = create<AuthStoreState>()(
   ),
 );
 
+export const getState = () => useAuthStore.getState();
+
+export const getToken = () => useAuthStore((state) => state.token);
+
 export const setToken = (token: string | null) =>
   useAuthStore.setState(() => ({ token }));

src/stores/useExampleStore.ts

@@ -14,17 +14,21 @@ export type ExampleStoreState = {
   thirdValue: number | null;
 };
 
-export const useStore = create<ExampleStoreState>()(() => ({
+const useStore = create<ExampleStoreState>(() => ({
   firstValue: null,
   secondValue: null,
   thirdValue: null,
 }));
 
-export const setFirstValue = () =>
-  useStore.setState((state) => ({ firstValue: state.firstValue }));
+export const getFirstValue = () => useStore((state) => state.firstValue);
+export const getSecondValue = () => useStore((state) => state.secondValue);
+export const getThirdValue = () => useStore((state) => state.thirdValue);
 
-export const setSecondValue = () =>
-  useStore.setState((state) => ({ secondValue: state.secondValue }));
+export const setFirstValue = (firstValue: ExampleStoreState["firstValue"]) =>
+  useStore.setState(() => ({ firstValue }));
 
-export const setThirdValue = () =>
-  useStore.setState((state) => ({ thirdValue: state.thirdValue }));
+export const setSecondValue = (secondValue: ExampleStoreState["secondValue"]) =>
+  useStore.setState(() => ({ secondValue }));
+
+export const setThirdValue = (thirdValue: ExampleStoreState["thirdValue"]) =>
+  useStore.setState(() => ({ thirdValue }));