[Api Node] Firebase auth and user auth store (#3467)

src/config/firebase.ts

@@ -0,0 +1,12 @@
+import { FirebaseOptions } from 'firebase/app'
+
+export const FIREBASE_CONFIG: FirebaseOptions = {
+  apiKey: 'AIzaSyC2-fomLqgCjb7ELwta1I9cEarPK8ziTGs',
+  authDomain: 'dreamboothy.firebaseapp.com',
+  databaseURL: 'https://dreamboothy-default-rtdb.firebaseio.com',
+  projectId: 'dreamboothy',
+  storageBucket: 'dreamboothy.appspot.com',
+  messagingSenderId: '357148958219',
+  appId: '1:357148958219:web:f5917f72e5f36a2015310e',
+  measurementId: 'G-3ZBD3MBTG4'
+}

src/main.ts

@@ -2,6 +2,7 @@ import '@comfyorg/litegraph/style.css'
 import { definePreset } from '@primevue/themes'
 import Aura from '@primevue/themes/aura'
 import * as Sentry from '@sentry/vue'
+import { initializeApp } from 'firebase/app'
 import { createPinia } from 'pinia'
 import 'primeicons/primeicons.css'
 import PrimeVue from 'primevue/config'
@@ -9,8 +10,10 @@ import ConfirmationService from 'primevue/confirmationservice'
 import ToastService from 'primevue/toastservice'
 import Tooltip from 'primevue/tooltip'
 import { createApp } from 'vue'
+import { VueFire, VueFireAuth } from 'vuefire'
 
 import '@/assets/css/style.css'
+import { FIREBASE_CONFIG } from '@/config/firebase'
 import router from '@/router'
 
 import App from './App.vue'
@@ -23,6 +26,8 @@ const ComfyUIPreset = definePreset(Aura, {
   }
 })
 
+const firebaseApp = initializeApp(FIREBASE_CONFIG)
+
 const app = createApp(App)
 const pinia = createPinia()
 Sentry.init({
@@ -58,4 +63,8 @@ app
   .use(ToastService)
   .use(pinia)
   .use(i18n)
+  .use(VueFire, {
+    firebaseApp,
+    modules: [VueFireAuth()]
+  })
   .mount('#vue-app')

src/stores/firebaseAuthStore.ts

@@ -0,0 +1,99 @@
+import {
+  type Auth,
+  type User,
+  type UserCredential,
+  createUserWithEmailAndPassword,
+  onAuthStateChanged,
+  signInWithEmailAndPassword,
+  signOut
+} from 'firebase/auth'
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
+import { useFirebaseAuth } from 'vuefire'
+
+export const useFirebaseAuthStore = defineStore('firebaseAuth', () => {
+  // State
+  const loading = ref(false)
+  const error = ref<string | null>(null)
+  const currentUser = ref<User | null>(null)
+  const isInitialized = ref(false)
+
+  // Getters
+  const isAuthenticated = computed(() => !!currentUser.value)
+  const userEmail = computed(() => currentUser.value?.email)
+  const userId = computed(() => currentUser.value?.uid)
+
+  // Get auth from VueFire and listen for auth state changes
+  const auth = useFirebaseAuth()
+  if (auth) {
+    onAuthStateChanged(auth, (user) => {
+      currentUser.value = user
+      isInitialized.value = true
+    })
+  } else {
+    error.value = 'Firebase Auth not available from VueFire'
+  }
+
+  const executeAuthAction = async <T>(
+    action: (auth: Auth) => Promise<T>
+  ): Promise<T> => {
+    if (!auth) throw new Error('Firebase Auth not initialized')
+
+    loading.value = true
+    error.value = null
+
+    try {
+      return await action(auth)
+    } catch (e: unknown) {
+      error.value = e instanceof Error ? e.message : 'Unknown error'
+      throw e
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const login = async (
+    email: string,
+    password: string
+  ): Promise<UserCredential> =>
+    executeAuthAction((authInstance) =>
+      signInWithEmailAndPassword(authInstance, email, password)
+    )
+
+  const register = async (
+    email: string,
+    password: string
+  ): Promise<UserCredential> =>
+    executeAuthAction((authInstance) =>
+      createUserWithEmailAndPassword(authInstance, email, password)
+    )
+
+  const logout = async (): Promise<void> =>
+    executeAuthAction((authInstance) => signOut(authInstance))
+
+  const getIdToken = async (): Promise<string | null> => {
+    if (currentUser.value) {
+      return currentUser.value.getIdToken()
+    }
+    return null
+  }
+
+  return {
+    // State
+    loading,
+    error,
+    currentUser,
+    isInitialized,
+
+    // Getters
+    isAuthenticated,
+    userEmail,
+    userId,
+
+    // Actions
+    login,
+    register,
+    logout,
+    getIdToken
+  }
+})