mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-20 14:54:12 +00:00
## Summary Backport of session cookie authentication implementation from main to rh-test. ## Changes - Added session cookie management via extension hooks - Cookie created on login, refreshed on token refresh, deleted on logout - New extension hooks: `onAuthTokenRefreshed()` and `onAuthUserLogout()` - DDD-compliant structure with platform layer (`src/platform/auth/session/`) ## Conflict Resolution - Resolved import conflict in `firebaseAuthStore.ts` (merged `onIdTokenChanged` + `sendEmailVerification`) - Added `onIdTokenChanged` mock to tests ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6299-backport-rh-test-Add-session-cookie-auth-2986d73d365081238507f99ae789d44b) by [Unito](https://www.unito.io)
150 lines
3.8 KiB
TypeScript
150 lines
3.8 KiB
TypeScript
import { whenever } from '@vueuse/core'
|
|
import { computed, watch } from 'vue'
|
|
|
|
import { useFirebaseAuthActions } from '@/composables/auth/useFirebaseAuthActions'
|
|
import { t } from '@/i18n'
|
|
import { useDialogService } from '@/services/dialogService'
|
|
import { useApiKeyAuthStore } from '@/stores/apiKeyAuthStore'
|
|
import { useCommandStore } from '@/stores/commandStore'
|
|
import { useFirebaseAuthStore } from '@/stores/firebaseAuthStore'
|
|
import type { AuthUserInfo } from '@/types/authTypes'
|
|
|
|
export const useCurrentUser = () => {
|
|
const authStore = useFirebaseAuthStore()
|
|
const commandStore = useCommandStore()
|
|
const apiKeyStore = useApiKeyAuthStore()
|
|
const dialogService = useDialogService()
|
|
const { deleteAccount } = useFirebaseAuthActions()
|
|
|
|
const firebaseUser = computed(() => authStore.currentUser)
|
|
const isApiKeyLogin = computed(() => apiKeyStore.isAuthenticated)
|
|
const isLoggedIn = computed(
|
|
() => !!isApiKeyLogin.value || firebaseUser.value !== null
|
|
)
|
|
|
|
const resolvedUserInfo = computed<AuthUserInfo | null>(() => {
|
|
if (isApiKeyLogin.value && apiKeyStore.currentUser) {
|
|
return { id: apiKeyStore.currentUser.id }
|
|
}
|
|
|
|
if (firebaseUser.value) {
|
|
return { id: firebaseUser.value.uid }
|
|
}
|
|
|
|
return null
|
|
})
|
|
|
|
const onUserResolved = (callback: (user: AuthUserInfo) => void) =>
|
|
whenever(resolvedUserInfo, callback, { immediate: true })
|
|
|
|
const onTokenRefreshed = (callback: () => void) =>
|
|
whenever(() => authStore.tokenRefreshTrigger, callback)
|
|
|
|
const onUserLogout = (callback: () => void) => {
|
|
watch(resolvedUserInfo, (user) => {
|
|
if (!user) callback()
|
|
})
|
|
}
|
|
|
|
const userDisplayName = computed(() => {
|
|
if (isApiKeyLogin.value) {
|
|
return apiKeyStore.currentUser?.name
|
|
}
|
|
return firebaseUser.value?.displayName
|
|
})
|
|
|
|
const userEmail = computed(() => {
|
|
if (isApiKeyLogin.value) {
|
|
return apiKeyStore.currentUser?.email
|
|
}
|
|
return firebaseUser.value?.email
|
|
})
|
|
|
|
const providerName = computed(() => {
|
|
if (isApiKeyLogin.value) {
|
|
return 'Comfy API Key'
|
|
}
|
|
|
|
const providerId = firebaseUser.value?.providerData[0]?.providerId
|
|
if (providerId?.includes('google')) {
|
|
return 'Google'
|
|
}
|
|
if (providerId?.includes('github')) {
|
|
return 'GitHub'
|
|
}
|
|
return providerId
|
|
})
|
|
|
|
const providerIcon = computed(() => {
|
|
if (isApiKeyLogin.value) {
|
|
return 'pi pi-key'
|
|
}
|
|
|
|
const providerId = firebaseUser.value?.providerData[0]?.providerId
|
|
if (providerId?.includes('google')) {
|
|
return 'pi pi-google'
|
|
}
|
|
if (providerId?.includes('github')) {
|
|
return 'pi pi-github'
|
|
}
|
|
return 'pi pi-user'
|
|
})
|
|
|
|
const isEmailProvider = computed(() => {
|
|
if (isApiKeyLogin.value) {
|
|
return false
|
|
}
|
|
|
|
const providerId = firebaseUser.value?.providerData[0]?.providerId
|
|
return providerId === 'password'
|
|
})
|
|
|
|
const userPhotoUrl = computed(() => {
|
|
if (isApiKeyLogin.value) return null
|
|
return firebaseUser.value?.photoURL
|
|
})
|
|
|
|
const handleSignOut = async () => {
|
|
if (isApiKeyLogin.value) {
|
|
await apiKeyStore.clearStoredApiKey()
|
|
} else {
|
|
await commandStore.execute('Comfy.User.SignOut')
|
|
}
|
|
}
|
|
|
|
const handleSignIn = async () => {
|
|
await commandStore.execute('Comfy.User.OpenSignInDialog')
|
|
}
|
|
|
|
const handleDeleteAccount = async () => {
|
|
const confirmed = await dialogService.confirm({
|
|
title: t('auth.deleteAccount.confirmTitle'),
|
|
message: t('auth.deleteAccount.confirmMessage'),
|
|
type: 'delete'
|
|
})
|
|
|
|
if (confirmed) {
|
|
await deleteAccount()
|
|
}
|
|
}
|
|
|
|
return {
|
|
loading: authStore.loading,
|
|
isLoggedIn,
|
|
isApiKeyLogin,
|
|
isEmailProvider,
|
|
userDisplayName,
|
|
userEmail,
|
|
userPhotoUrl,
|
|
providerName,
|
|
providerIcon,
|
|
resolvedUserInfo,
|
|
handleSignOut,
|
|
handleSignIn,
|
|
handleDeleteAccount,
|
|
onUserResolved,
|
|
onTokenRefreshed,
|
|
onUserLogout
|
|
}
|
|
}
|