feat: sync user preferences (currency, locale) with Directus on login/logout

js/services/auth.js

@@ -7,6 +7,7 @@
  */
 
 import { directus } from './directus.js'
+import { i18n } from '../i18n.js'
 
 const AUTH_DOMAIN = 'dgray.io'
 
@@ -122,7 +123,7 @@ class AuthService {
     }
 
     /**
-     * Logs out the current user
+     * Logs out the current user and resets preferences to defaults
      */
     async logout() {
         try {
@@ -133,9 +134,24 @@ class AuthService {
         
         this.currentUser = null
         this.clearStoredUuid()
+        this.resetPreferencesToDefaults()
         this.notifyListeners()
     }
 
+    /**
+     * Reset preferences to defaults on logout
+     */
+    resetPreferencesToDefaults() {
+        const defaultCurrency = 'USD'
+        const defaultLocale = 'en'
+        
+        localStorage.setItem('dgray_currency', defaultCurrency)
+        localStorage.setItem('locale', defaultLocale)
+        
+        window.dispatchEvent(new CustomEvent('currency-changed', { detail: { currency: defaultCurrency } }))
+        i18n.setLocale(defaultLocale)
+    }
+
     /**
      * Checks if user is logged in
      * @returns {boolean}
@@ -154,6 +170,8 @@ class AuthService {
         if (!this.currentUser) {
             try {
                 this.currentUser = await directus.getCurrentUser()
+                // Sync preferences to localStorage
+                this.syncPreferencesToLocal()
             } catch (e) {
                 return null
             }
@@ -162,6 +180,45 @@ class AuthService {
         return this.currentUser
     }
 
+    /**
+     * Sync user preferences from Directus to localStorage and apply them
+     */
+    syncPreferencesToLocal() {
+        if (!this.currentUser) return
+        
+        if (this.currentUser.preferred_currency) {
+            const currency = this.currentUser.preferred_currency
+            localStorage.setItem('dgray_currency', currency)
+            window.dispatchEvent(new CustomEvent('currency-changed', { detail: { currency } }))
+        }
+        if (this.currentUser.preferred_locale) {
+            const locale = this.currentUser.preferred_locale
+            localStorage.setItem('locale', locale)
+            i18n.setLocale(locale)
+        }
+    }
+
+    /**
+     * Update user preferences in Directus
+     * @param {Object} prefs - Preferences to update
+     * @param {string} [prefs.preferred_currency] - Currency code
+     * @param {string} [prefs.preferred_locale] - Locale code
+     * @returns {Promise<boolean>} Success
+     */
+    async updatePreferences(prefs) {
+        if (!this.isLoggedIn()) return false
+        
+        try {
+            await directus.updateCurrentUser(prefs)
+            // Update local cache
+            this.currentUser = { ...this.currentUser, ...prefs }
+            return true
+        } catch (e) {
+            console.error('Failed to update preferences:', e)
+            return false
+        }
+    }
+
     /**
      * Stores UUID in localStorage (optional convenience)
      * User should still backup their UUID
@@ -210,6 +267,7 @@ class AuthService {
         if (directus.isAuthenticated()) {
             try {
                 this.currentUser = await directus.getCurrentUser()
+                this.syncPreferencesToLocal()
                 this.notifyListeners()
                 return true
             } catch (e) {

js/services/directus.js

@@ -296,7 +296,7 @@ class DirectusService {
 
     async getCurrentUser() {
         const response = await this.get('/users/me', {
-            fields: ['id', 'email', 'first_name', 'last_name', 'avatar', 'role.name', 'status']
+            fields: ['id', 'email', 'first_name', 'last_name', 'avatar', 'role.name', 'status', 'preferred_currency', 'preferred_locale']
         })
         return response.data
     }