feat(Auth): create useAuthStore hook representing auth store using zustand

package.json

@@ -7,26 +7,38 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
+    "ky": "^1.14.3",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@module-federation/vite": "^1.12.3",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/coverage-v8": "^4.1.0",
     "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "jsdom": "^29.0.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.48.0",
-    "vite": "^7.3.1"
+    "vite": "^7.3.1",
+    "vitest": "^4.1.0"
   }
 }

src/entities/User/index.ts

@@ -0,0 +1 @@
+export * from "./model";

src/entities/User/model/index.ts

@@ -0,0 +1 @@
+export * from "./types/types";

src/entities/User/model/types/types.ts

@@ -0,0 +1,10 @@
+export interface User {
+  /**
+   * User's unique identifier.
+   */
+  id: string;
+  /**
+   * User's email address.
+   */
+  email: string;
+}

src/features/auth/index.ts

@@ -1,2 +1,3 @@
 export * from "./lib";
 export * from "./ui";
+export * from "./model";

src/features/auth/model/index.ts

@@ -0,0 +1,2 @@
+export * from "./types/service";
+export * from "./types/store";

src/features/auth/model/stores/authStore/authStore.ts

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+import type { AuthStore } from "../../types/store";
+
+export const useAuthStore = create<AuthStore>()((set) => ({
+  user: undefined,
+  status: "idle",
+  setUser: (user) => set({ user }),
+  setStatus: (status) => set({ status }),
+}));

src/features/auth/model/types/service.ts

@@ -0,0 +1,18 @@
+import type { User } from "entities/User";
+
+export interface AuthResponse {
+  /**
+   * Access token for the authenticated user.
+   */
+  accessToken: string;
+  /**
+   * User object associated with the access token.
+   */
+  user: User;
+}
+
+export type AuthStatus =
+  | "idle"
+  | "loading"
+  | "authenticated"
+  | "unauthenticated";

src/features/auth/model/types/store.ts

@@ -0,0 +1,20 @@
+import type { User } from "entities/User";
+import type { AuthStatus } from "./service";
+
+export interface AuthStoreState {
+  /**
+   * User's credentials
+   */
+  user?: User;
+  /**
+   * Authentication status
+   */
+  status: AuthStatus;
+}
+
+export interface AuthStoreActions {
+  setUser: (user: AuthStoreState["user"] | undefined) => void;
+  setStatus: (status: AuthStoreState["status"]) => void;
+}
+
+export type AuthStore = AuthStoreState & AuthStoreActions;

src/shared/config/api/endpoint.ts

@@ -0,0 +1,2 @@
+export const BASE_URL =
+  import.meta.env.VITE_API_BASE_URL || "https://localhost:3001";

src/shared/config/api/httpClient.ts

@@ -0,0 +1,6 @@
+import ky from "ky";
+import { BASE_URL } from "./endpoint";
+
+export const api = ky.create({
+  prefixUrl: BASE_URL,
+});

src/shared/config/index.ts

@@ -0,0 +1,2 @@
+export * from "./api/endpoint";
+export * from "./api/httpClient";

src/shared/config/test/setup.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

tsconfig.app.json

@@ -5,7 +5,7 @@
     "useDefineForClassFields": true,
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "module": "ESNext",
-    "types": ["vite/client"],
+    "types": ["vite/client", "vitest/globals"],
     "skipLibCheck": true,
 
     /* Bundler mode */
@@ -22,7 +22,17 @@
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+
+    /* FSD path aliases */
+    "baseUrl": ".",
+    "paths": {
+      "shared/*": ["src/shared/*"],
+      "entities/*": ["src/entities/*"],
+      "features/*": ["src/features/*"],
+      "widgets/*": ["src/widgets/*"],
+      "app/*": ["src/app/*"]
+    }
   },
   "include": ["src"]
 }

vite.config.ts

@@ -1,8 +1,18 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import { federation } from "@module-federation/vite";
+import path from "path";
 
 export default defineConfig({
+  resolve: {
+    alias: {
+      shared: path.resolve(__dirname, "src/shared"),
+      entities: path.resolve(__dirname, "src/entities"),
+      features: path.resolve(__dirname, "src/features"),
+      widgets: path.resolve(__dirname, "src/widgets"),
+      app: path.resolve(__dirname, "src/app"),
+    },
+  },
   plugins: [
     react({
       babel: {
@@ -13,7 +23,12 @@ export default defineConfig({
       name: "auth-react-remote",
       manifest: true,
       filename: "remoteEntry.js",
-      exposes: {},
+      exposes: {
+        "./AuthGuard": "./src/features/auth",
+        "./useAuth": "./src/features/auth",
+        "./RegisterForm": "./src/features/auth",
+        "./LoginForm": "./src/features/auth",
+      },
       shared: ["react", "react-dom", "zustand"],
     }),
   ],

vitest.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import path from "path";
+
+export default defineConfig({
+  plugins: [
+    react({
+      babel: {
+        plugins: [["babel-plugin-react-compiler", {}]],
+      },
+    }),
+  ],
+  resolve: {
+    alias: {
+      shared: path.resolve(__dirname, "src/shared"),
+      entities: path.resolve(__dirname, "src/entities"),
+      features: path.resolve(__dirname, "src/features"),
+      widgets: path.resolve(__dirname, "src/widgets"),
+      app: path.resolve(__dirname, "src/app"),
+    },
+  },
+  test: {
+    globals: true,
+    environment: "jsdom",
+    setupFiles: ["./src/shared/config/test/setup.ts"],
+    coverage: {
+      provider: "v8",
+      reporter: ["text", "json", "html"],
+      exclude: ["node_modules/", "src/test/"],
+    },
+  },
+});