@bagelink/auth 1.4.54 → 1.4.62

package/README.md

@@ -10,6 +10,7 @@ A framework-agnostic authentication composable with Vue support.
 - Complete authentication flow (login, signup, password recovery, etc.)
 - Error handling
 - User management
+- Event listeners for authentication state changes
 
 ## Installation
 
@@ -22,12 +23,23 @@ bun add @bagelink/auth
 ### Basic Setup
 
 ```typescript
-import { initAuth } from '@bagelink/auth'
+import { initAuth, AuthState } from '@bagelink/auth'
 
 // Initialize with axios instance
 const auth = initAuth({ 
   axios: axiosInstance,
-  errorHandler: (error) => console.error(error)
+  baseURL: 'https://api.example.com'
+})
+
+// Add event listeners for authentication state changes
+auth.on(AuthState.LOGIN, () => {
+  console.log('User logged in!')
+  // Redirect to dashboard, update UI, etc.
+})
+
+auth.on(AuthState.LOGOUT, () => {
+  console.log('User logged out!')
+  // Redirect to login page, clear sensitive data, etc.
 })
 ```
 
@@ -73,6 +85,64 @@ export default {
 }
 ```
 
+### Event Listeners
+
+You can listen to authentication state changes using the event system:
+
+```typescript
+import { initAuth, AuthState } from '@bagelink/auth'
+
+const auth = initAuth({ 
+  axios: axiosInstance,
+  baseURL: 'https://api.example.com'
+})
+
+// Listen to login events
+auth.on(AuthState.LOGIN, () => {
+  router.push('/dashboard')
+})
+
+// Listen to logout events
+auth.on(AuthState.LOGOUT, () => {
+  router.push('/login')
+})
+
+// Listen to signup events
+auth.on(AuthState.SIGNUP, () => {
+  router.push('/welcome')
+})
+
+// Listen to password reset events
+auth.on(AuthState.PASSWORD_RESET, () => {
+  console.log('Password has been reset')
+})
+
+// Listen to profile update events
+auth.on(AuthState.PROFILE_UPDATE, () => {
+  console.log('Profile updated successfully')
+})
+
+// Listen to auth check events (when user is authenticated)
+auth.on(AuthState.AUTH_CHECK, () => {
+  console.log('User authentication verified')
+})
+```
+
+#### Event Methods
+
+- `auth.on(event, handler)`: Add an event listener
+- `auth.off(event, handler)`: Remove a specific event listener
+- `auth.removeAllListeners(event?)`: Remove all listeners for an event (or all events if no event specified)
+
+#### Available Events
+
+- `AuthState.LOGIN`: Fired when user successfully logs in
+- `AuthState.LOGOUT`: Fired when user logs out
+- `AuthState.SIGNUP`: Fired when user successfully signs up
+- `AuthState.PASSWORD_RESET`: Fired when password is reset or updated
+- `AuthState.PROFILE_UPDATE`: Fired when user profile is updated
+- `AuthState.AUTH_CHECK`: Fired when user authentication is verified
+
 ### Vanilla JavaScript
 
 ```typescript
@@ -80,7 +150,7 @@ import { initAuth } from '@bagelink/auth'
 
 const auth = initAuth({ 
   axios: axiosInstance,
-  errorHandler: (error) => console.error(error)
+  baseURL: 'https://api.example.com'
 })
 
 const { login, currentUser, getIsLoggedIn } = auth.useAuth()

package/dist/index.cjs

@@ -16,6 +16,36 @@ function createAxiosInstance(baseURL = "") {
     }
   });
 }
+class EventEmitter {
+  listeners = /* @__PURE__ */ new Map();
+  on(event, handler) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(event).add(handler);
+  }
+  off(event, handler) {
+    const eventListeners = this.listeners.get(event);
+    if (eventListeners) {
+      eventListeners.delete(handler);
+    }
+  }
+  emit(event) {
+    const eventListeners = this.listeners.get(event);
+    if (eventListeners) {
+      eventListeners.forEach((handler) => {
+        handler();
+      });
+    }
+  }
+  removeAllListeners(event) {
+    if (event) {
+      this.listeners.delete(event);
+    } else {
+      this.listeners.clear();
+    }
+  }
+}
 
 class AuthApi {
   api;
@@ -96,7 +126,18 @@ class AuthApi {
   }
 }
 
+var AuthState = /* @__PURE__ */ ((AuthState2) => {
+  AuthState2["LOGIN"] = "login";
+  AuthState2["LOGOUT"] = "logout";
+  AuthState2["SIGNUP"] = "signup";
+  AuthState2["PASSWORD_RESET"] = "password_reset";
+  AuthState2["PROFILE_UPDATE"] = "profile_update";
+  AuthState2["AUTH_CHECK"] = "auth_check";
+  return AuthState2;
+})(AuthState || {});
+
 let authApi = null;
+let eventEmitter = null;
 const currentUser = vue.ref({
   id: "",
   email: "",
@@ -112,7 +153,20 @@ function initAuth({
   if (!authApi) {
     authApi = new AuthApi(axios, baseURL);
   }
+  if (!eventEmitter) {
+    eventEmitter = new EventEmitter();
+  }
   return {
+    // Event listener methods
+    on(event, handler) {
+      eventEmitter.on(event, handler);
+    },
+    off(event, handler) {
+      eventEmitter.off(event, handler);
+    },
+    removeAllListeners(event) {
+      eventEmitter.removeAllListeners(event);
+    },
     install(app) {
       app.config.globalProperties.$auth = useAuth();
     }
@@ -127,6 +181,15 @@ function useAuth() {
   async function logout() {
     try {
       await authApi.logout();
+      currentUser.value = {
+        id: "",
+        email: "",
+        first_name: "",
+        last_name: "",
+        is_superuser: false,
+        is_active: false
+      };
+      eventEmitter.emit(AuthState.LOGOUT);
     } catch (error) {
       throw error;
     }
@@ -138,6 +201,7 @@ function useAuth() {
         credentials.password
       );
       await checkAuth();
+      eventEmitter.emit(AuthState.LOGIN);
     } catch (error) {
       throw error;
     }
@@ -147,6 +211,9 @@ function useAuth() {
       if (!getIsLoggedIn()) {
         const { data } = await authApi.getCurrentUser();
         currentUser.value = data;
+        if (getIsLoggedIn()) {
+          eventEmitter.emit(AuthState.AUTH_CHECK);
+        }
       }
     } catch (error) {
       return false;
@@ -160,6 +227,7 @@ function useAuth() {
       }
       const { data } = await authApi.signup(user);
       currentUser.value = data;
+      eventEmitter.emit(AuthState.SIGNUP);
     } catch (error) {
       throw error;
     }
@@ -174,6 +242,7 @@ function useAuth() {
   async function resetPassword(newPassword) {
     try {
       await authApi.resetPassword(newPassword);
+      eventEmitter.emit(AuthState.PASSWORD_RESET);
     } catch (error) {
       throw error;
     }
@@ -184,6 +253,7 @@ function useAuth() {
         throw new Error("Passwords do not match");
       }
       await authApi.updatePassword(form);
+      eventEmitter.emit(AuthState.PASSWORD_RESET);
     } catch (error) {
       throw error;
     }
@@ -192,6 +262,7 @@ function useAuth() {
     try {
       const { data } = await authApi.updateUserProfile(user);
       currentUser.value = { ...currentUser.value, ...data };
+      eventEmitter.emit(AuthState.PROFILE_UPDATE);
     } catch (error) {
       throw error;
     }
@@ -231,5 +302,6 @@ function useAuth() {
 }
 
 exports.AuthApi = AuthApi;
+exports.AuthState = AuthState;
 exports.initAuth = initAuth;
 exports.useAuth = useAuth;

package/dist/index.d.cts

@@ -24,6 +24,23 @@ interface UpdatePasswordForm {
     new_password: string;
     confirmNewPassword: string;
 }
+declare enum AuthState {
+    LOGIN = "login",
+    LOGOUT = "logout",
+    SIGNUP = "signup",
+    PASSWORD_RESET = "password_reset",
+    PROFILE_UPDATE = "profile_update",
+    AUTH_CHECK = "auth_check"
+}
+type AuthEventHandler = () => void;
+interface AuthEventMap {
+    [AuthState.LOGIN]: AuthEventHandler;
+    [AuthState.LOGOUT]: AuthEventHandler;
+    [AuthState.SIGNUP]: AuthEventHandler;
+    [AuthState.PASSWORD_RESET]: AuthEventHandler;
+    [AuthState.PROFILE_UPDATE]: AuthEventHandler;
+    [AuthState.AUTH_CHECK]: AuthEventHandler;
+}
 interface Token {
     access_token: string;
 }
@@ -105,6 +122,9 @@ declare function initAuth({ axios, baseURL, }: {
     axios: AxiosInstance;
     baseURL?: string;
 }): {
+    on<K extends AuthState>(event: K, handler: AuthEventMap[K]): void;
+    off<K extends AuthState>(event: K, handler: AuthEventMap[K]): void;
+    removeAllListeners<K extends AuthState>(event?: K): void;
     install(app: App): void;
 };
 declare function useAuth(): {
@@ -140,5 +160,5 @@ declare function useAuth(): {
     deleteUser: (userId: string) => Promise<void>;
 };
 
-export { AuthApi, initAuth, useAuth };
-export type { CreateUserResponse, DeleteUserResponse, GetMeResponse, GetUserResponse, GetUsersResponse, LoginResponse, NewPassword, NewUser, PasswordRecovery, PasswordRecoveryResponse, ResetPasswordResponse, SanitizedUserList, SanitizedUserOut, SignupResponse, Token, UpdateMeResponse, UpdatePassword, UpdatePasswordForm, UpdatePasswordResponse, UpdateUserResponse, User, UserCreate, UserRegister, UserUpdate, UserUpdateMe };
+export { AuthApi, AuthState, initAuth, useAuth };
+export type { AuthEventHandler, AuthEventMap, CreateUserResponse, DeleteUserResponse, GetMeResponse, GetUserResponse, GetUsersResponse, LoginResponse, NewPassword, NewUser, PasswordRecovery, PasswordRecoveryResponse, ResetPasswordResponse, SanitizedUserList, SanitizedUserOut, SignupResponse, Token, UpdateMeResponse, UpdatePassword, UpdatePasswordForm, UpdatePasswordResponse, UpdateUserResponse, User, UserCreate, UserRegister, UserUpdate, UserUpdateMe };

package/dist/index.d.mts

@@ -24,6 +24,23 @@ interface UpdatePasswordForm {
     new_password: string;
     confirmNewPassword: string;
 }
+declare enum AuthState {
+    LOGIN = "login",
+    LOGOUT = "logout",
+    SIGNUP = "signup",
+    PASSWORD_RESET = "password_reset",
+    PROFILE_UPDATE = "profile_update",
+    AUTH_CHECK = "auth_check"
+}
+type AuthEventHandler = () => void;
+interface AuthEventMap {
+    [AuthState.LOGIN]: AuthEventHandler;
+    [AuthState.LOGOUT]: AuthEventHandler;
+    [AuthState.SIGNUP]: AuthEventHandler;
+    [AuthState.PASSWORD_RESET]: AuthEventHandler;
+    [AuthState.PROFILE_UPDATE]: AuthEventHandler;
+    [AuthState.AUTH_CHECK]: AuthEventHandler;
+}
 interface Token {
     access_token: string;
 }
@@ -105,6 +122,9 @@ declare function initAuth({ axios, baseURL, }: {
     axios: AxiosInstance;
     baseURL?: string;
 }): {
+    on<K extends AuthState>(event: K, handler: AuthEventMap[K]): void;
+    off<K extends AuthState>(event: K, handler: AuthEventMap[K]): void;
+    removeAllListeners<K extends AuthState>(event?: K): void;
     install(app: App): void;
 };
 declare function useAuth(): {
@@ -140,5 +160,5 @@ declare function useAuth(): {
     deleteUser: (userId: string) => Promise<void>;
 };
 
-export { AuthApi, initAuth, useAuth };
-export type { CreateUserResponse, DeleteUserResponse, GetMeResponse, GetUserResponse, GetUsersResponse, LoginResponse, NewPassword, NewUser, PasswordRecovery, PasswordRecoveryResponse, ResetPasswordResponse, SanitizedUserList, SanitizedUserOut, SignupResponse, Token, UpdateMeResponse, UpdatePassword, UpdatePasswordForm, UpdatePasswordResponse, UpdateUserResponse, User, UserCreate, UserRegister, UserUpdate, UserUpdateMe };
+export { AuthApi, AuthState, initAuth, useAuth };
+export type { AuthEventHandler, AuthEventMap, CreateUserResponse, DeleteUserResponse, GetMeResponse, GetUserResponse, GetUsersResponse, LoginResponse, NewPassword, NewUser, PasswordRecovery, PasswordRecoveryResponse, ResetPasswordResponse, SanitizedUserList, SanitizedUserOut, SignupResponse, Token, UpdateMeResponse, UpdatePassword, UpdatePasswordForm, UpdatePasswordResponse, UpdateUserResponse, User, UserCreate, UserRegister, UserUpdate, UserUpdateMe };

package/dist/index.d.ts

@@ -24,6 +24,23 @@ interface UpdatePasswordForm {
     new_password: string;
     confirmNewPassword: string;
 }
+declare enum AuthState {
+    LOGIN = "login",
+    LOGOUT = "logout",
+    SIGNUP = "signup",
+    PASSWORD_RESET = "password_reset",
+    PROFILE_UPDATE = "profile_update",
+    AUTH_CHECK = "auth_check"
+}
+type AuthEventHandler = () => void;
+interface AuthEventMap {
+    [AuthState.LOGIN]: AuthEventHandler;
+    [AuthState.LOGOUT]: AuthEventHandler;
+    [AuthState.SIGNUP]: AuthEventHandler;
+    [AuthState.PASSWORD_RESET]: AuthEventHandler;
+    [AuthState.PROFILE_UPDATE]: AuthEventHandler;
+    [AuthState.AUTH_CHECK]: AuthEventHandler;
+}
 interface Token {
     access_token: string;
 }
@@ -105,6 +122,9 @@ declare function initAuth({ axios, baseURL, }: {
     axios: AxiosInstance;
     baseURL?: string;
 }): {
+    on<K extends AuthState>(event: K, handler: AuthEventMap[K]): void;
+    off<K extends AuthState>(event: K, handler: AuthEventMap[K]): void;
+    removeAllListeners<K extends AuthState>(event?: K): void;
     install(app: App): void;
 };
 declare function useAuth(): {
@@ -140,5 +160,5 @@ declare function useAuth(): {
     deleteUser: (userId: string) => Promise<void>;
 };
 
-export { AuthApi, initAuth, useAuth };
-export type { CreateUserResponse, DeleteUserResponse, GetMeResponse, GetUserResponse, GetUsersResponse, LoginResponse, NewPassword, NewUser, PasswordRecovery, PasswordRecoveryResponse, ResetPasswordResponse, SanitizedUserList, SanitizedUserOut, SignupResponse, Token, UpdateMeResponse, UpdatePassword, UpdatePasswordForm, UpdatePasswordResponse, UpdateUserResponse, User, UserCreate, UserRegister, UserUpdate, UserUpdateMe };
+export { AuthApi, AuthState, initAuth, useAuth };
+export type { AuthEventHandler, AuthEventMap, CreateUserResponse, DeleteUserResponse, GetMeResponse, GetUserResponse, GetUsersResponse, LoginResponse, NewPassword, NewUser, PasswordRecovery, PasswordRecoveryResponse, ResetPasswordResponse, SanitizedUserList, SanitizedUserOut, SignupResponse, Token, UpdateMeResponse, UpdatePassword, UpdatePasswordForm, UpdatePasswordResponse, UpdateUserResponse, User, UserCreate, UserRegister, UserUpdate, UserUpdateMe };

package/dist/index.mjs

@@ -10,6 +10,36 @@ function createAxiosInstance(baseURL = "") {
     }
   });
 }
+class EventEmitter {
+  listeners = /* @__PURE__ */ new Map();
+  on(event, handler) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(event).add(handler);
+  }
+  off(event, handler) {
+    const eventListeners = this.listeners.get(event);
+    if (eventListeners) {
+      eventListeners.delete(handler);
+    }
+  }
+  emit(event) {
+    const eventListeners = this.listeners.get(event);
+    if (eventListeners) {
+      eventListeners.forEach((handler) => {
+        handler();
+      });
+    }
+  }
+  removeAllListeners(event) {
+    if (event) {
+      this.listeners.delete(event);
+    } else {
+      this.listeners.clear();
+    }
+  }
+}
 
 class AuthApi {
   api;
@@ -90,7 +120,18 @@ class AuthApi {
   }
 }
 
+var AuthState = /* @__PURE__ */ ((AuthState2) => {
+  AuthState2["LOGIN"] = "login";
+  AuthState2["LOGOUT"] = "logout";
+  AuthState2["SIGNUP"] = "signup";
+  AuthState2["PASSWORD_RESET"] = "password_reset";
+  AuthState2["PROFILE_UPDATE"] = "profile_update";
+  AuthState2["AUTH_CHECK"] = "auth_check";
+  return AuthState2;
+})(AuthState || {});
+
 let authApi = null;
+let eventEmitter = null;
 const currentUser = ref({
   id: "",
   email: "",
@@ -106,7 +147,20 @@ function initAuth({
   if (!authApi) {
     authApi = new AuthApi(axios, baseURL);
   }
+  if (!eventEmitter) {
+    eventEmitter = new EventEmitter();
+  }
   return {
+    // Event listener methods
+    on(event, handler) {
+      eventEmitter.on(event, handler);
+    },
+    off(event, handler) {
+      eventEmitter.off(event, handler);
+    },
+    removeAllListeners(event) {
+      eventEmitter.removeAllListeners(event);
+    },
     install(app) {
       app.config.globalProperties.$auth = useAuth();
     }
@@ -121,6 +175,15 @@ function useAuth() {
   async function logout() {
     try {
       await authApi.logout();
+      currentUser.value = {
+        id: "",
+        email: "",
+        first_name: "",
+        last_name: "",
+        is_superuser: false,
+        is_active: false
+      };
+      eventEmitter.emit(AuthState.LOGOUT);
     } catch (error) {
       throw error;
     }
@@ -132,6 +195,7 @@ function useAuth() {
         credentials.password
       );
       await checkAuth();
+      eventEmitter.emit(AuthState.LOGIN);
     } catch (error) {
       throw error;
     }
@@ -141,6 +205,9 @@ function useAuth() {
       if (!getIsLoggedIn()) {
         const { data } = await authApi.getCurrentUser();
         currentUser.value = data;
+        if (getIsLoggedIn()) {
+          eventEmitter.emit(AuthState.AUTH_CHECK);
+        }
       }
     } catch (error) {
       return false;
@@ -154,6 +221,7 @@ function useAuth() {
       }
       const { data } = await authApi.signup(user);
       currentUser.value = data;
+      eventEmitter.emit(AuthState.SIGNUP);
     } catch (error) {
       throw error;
     }
@@ -168,6 +236,7 @@ function useAuth() {
   async function resetPassword(newPassword) {
     try {
       await authApi.resetPassword(newPassword);
+      eventEmitter.emit(AuthState.PASSWORD_RESET);
     } catch (error) {
       throw error;
     }
@@ -178,6 +247,7 @@ function useAuth() {
         throw new Error("Passwords do not match");
       }
       await authApi.updatePassword(form);
+      eventEmitter.emit(AuthState.PASSWORD_RESET);
     } catch (error) {
       throw error;
     }
@@ -186,6 +256,7 @@ function useAuth() {
     try {
       const { data } = await authApi.updateUserProfile(user);
       currentUser.value = { ...currentUser.value, ...data };
+      eventEmitter.emit(AuthState.PROFILE_UPDATE);
     } catch (error) {
       throw error;
     }
@@ -224,4 +295,4 @@ function useAuth() {
   };
 }
 
-export { AuthApi, initAuth, useAuth };
+export { AuthApi, AuthState, initAuth, useAuth };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/auth",
   "type": "module",
-  "version": "1.4.54",
+  "version": "1.4.62",
   "description": "Bagelink auth package",
   "author": {
     "name": "Bagel Studio",

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from './api'
 export * from './types'
+export { AuthState } from './types'
 export * from './useAuth'

package/src/types.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 import type { AxiosResponse } from 'axios'
 
 export interface User {
@@ -26,6 +27,25 @@ export interface UpdatePasswordForm {
 	confirmNewPassword: string
 }
 
+export enum AuthState {
+	LOGIN = 'login',
+	LOGOUT = 'logout',
+	SIGNUP = 'signup',
+	PASSWORD_RESET = 'password_reset',
+	PROFILE_UPDATE = 'profile_update',
+	AUTH_CHECK = 'auth_check',
+}
+
+export type AuthEventHandler = () => void
+export interface AuthEventMap {
+	[AuthState.LOGIN]: AuthEventHandler
+	[AuthState.LOGOUT]: AuthEventHandler
+	[AuthState.SIGNUP]: AuthEventHandler
+	[AuthState.PASSWORD_RESET]: AuthEventHandler
+	[AuthState.PROFILE_UPDATE]: AuthEventHandler
+	[AuthState.AUTH_CHECK]: AuthEventHandler
+}
+
 // API Response Types
 export interface Token {
 	access_token: string

package/src/useAuth.ts

@@ -1,11 +1,14 @@
 import type { AxiosInstance } from 'axios'
 import type { App } from 'vue'
-import type { User, NewUser, UpdatePasswordForm } from './types'
+import type { User, NewUser, UpdatePasswordForm, AuthEventMap } from './types'
 import { ref } from 'vue'
 import { AuthApi } from './api'
+import { AuthState } from './types'
+import { EventEmitter } from './utils'
 
 // Global state
 let authApi: AuthApi | null = null
+let eventEmitter: EventEmitter | null = null
 const currentUser = ref<User>({
 	id: '',
 	email: '',
@@ -27,7 +30,24 @@ export function initAuth({
 		authApi = new AuthApi(axios, baseURL)
 	}
 
+	if (!eventEmitter) {
+		eventEmitter = new EventEmitter()
+	}
+
 	return {
+		// Event listener methods
+		on<K extends AuthState>(event: K, handler: AuthEventMap[K]): void {
+			eventEmitter!.on(event, handler)
+		},
+
+		off<K extends AuthState>(event: K, handler: AuthEventMap[K]): void {
+			eventEmitter!.off(event, handler)
+		},
+
+		removeAllListeners<K extends AuthState>(event?: K): void {
+			eventEmitter!.removeAllListeners(event)
+		},
+
 		install(app: App) {
 			// Make auth available globally
 			app.config.globalProperties.$auth = useAuth()
@@ -49,6 +69,16 @@ export function useAuth() {
 	async function logout() {
 		try {
 			await authApi!.logout()
+			// Reset current user
+			currentUser.value = {
+				id: '',
+				email: '',
+				first_name: '',
+				last_name: '',
+				is_superuser: false,
+				is_active: false,
+			}
+			eventEmitter!.emit(AuthState.LOGOUT)
 		} catch (error) {
 			throw error
 		}
@@ -61,6 +91,7 @@ export function useAuth() {
 				credentials.password
 			)
 			await checkAuth()
+			eventEmitter!.emit(AuthState.LOGIN)
 		} catch (error) {
 			throw error
 		}
@@ -71,6 +102,9 @@ export function useAuth() {
 			if (!getIsLoggedIn()) {
 				const { data } = await authApi!.getCurrentUser()
 				currentUser.value = data
+				if (getIsLoggedIn()) {
+					eventEmitter!.emit(AuthState.AUTH_CHECK)
+				}
 			}
 		} catch (error) {
 			return false
@@ -85,6 +119,7 @@ export function useAuth() {
 			}
 			const { data } = await authApi!.signup(user)
 			currentUser.value = data
+			eventEmitter!.emit(AuthState.SIGNUP)
 		} catch (error) {
 			throw error
 		}
@@ -101,6 +136,7 @@ export function useAuth() {
 	async function resetPassword(newPassword: string) {
 		try {
 			await authApi!.resetPassword(newPassword)
+			eventEmitter!.emit(AuthState.PASSWORD_RESET)
 		} catch (error) {
 			throw error
 		}
@@ -112,6 +148,7 @@ export function useAuth() {
 				throw new Error('Passwords do not match')
 			}
 			await authApi!.updatePassword(form)
+			eventEmitter!.emit(AuthState.PASSWORD_RESET)
 		} catch (error) {
 			throw error
 		}
@@ -121,6 +158,7 @@ export function useAuth() {
 		try {
 			const { data } = await authApi!.updateUserProfile(user)
 			currentUser.value = { ...currentUser.value, ...data }
+			eventEmitter!.emit(AuthState.PROFILE_UPDATE)
 		} catch (error) {
 			throw error
 		}

package/src/utils.ts

@@ -1,4 +1,5 @@
 import type { AxiosInstance } from 'axios'
+import type { AuthEventMap, AuthState } from './types'
 import axios from 'axios'
 
 export function createAxiosInstance(baseURL: string = ''): AxiosInstance {
@@ -10,3 +11,36 @@ export function createAxiosInstance(baseURL: string = ''): AxiosInstance {
 		},
 	})
 }
+
+export class EventEmitter {
+	private listeners: Map<string, Set<() => void>> = new Map()
+
+	on<K extends AuthState>(event: K, handler: AuthEventMap[K]): void {
+		if (!this.listeners.has(event)) {
+			this.listeners.set(event, new Set())
+		}
+		this.listeners.get(event)!.add(handler)
+	}
+
+	off<K extends AuthState>(event: K, handler: AuthEventMap[K]): void {
+		const eventListeners = this.listeners.get(event)
+		if (eventListeners) {
+			eventListeners.delete(handler)
+		}
+	}
+
+	emit<K extends AuthState>(event: K): void {
+		const eventListeners = this.listeners.get(event)
+		if (eventListeners) {
+			eventListeners.forEach((handler) => { handler() })
+		}
+	}
+
+	removeAllListeners<K extends AuthState>(event?: K): void {
+		if (event) {
+			this.listeners.delete(event)
+		} else {
+			this.listeners.clear()
+		}
+	}
+}