Files
supabase/apps/studio/data/auth/auth-overview-query.ts
T
Jordi Enric be5e8b289e Auth Overview: Refactor to Logflare Endpoint for all metrics (#40042)
* refactor

* fix schema, add validation, add tests, remove old code

* remove debugging tag

* fix imports

* prettier

* fix prettier

* move query to its own file
2025-11-10 11:30:12 +01:00

57 lines
1.7 KiB
TypeScript

import { useQuery } from '@tanstack/react-query'
import { get, handleError } from 'data/fetchers'
import {
RawAuthMetricsResponseSchema,
type RawAuthMetricsResponse,
} from 'components/interfaces/Auth/Overview/OverviewUsage.schema'
import type { UseCustomQueryOptions } from 'types'
import { authKeys } from './keys'
export type AuthOverviewVariables = {
projectRef?: string
}
export async function getAuthOverviewMetrics(
{ projectRef }: AuthOverviewVariables,
signal?: AbortSignal
) {
if (!projectRef) {
throw new Error('projectRef is required')
}
const { data, error } = await get(
'/platform/projects/{ref}/analytics/endpoints/auth.metrics' as any,
{
params: {
path: { ref: projectRef },
query: { interval: '1day' },
},
signal,
}
)
if (error) handleError(error)
const parsed = RawAuthMetricsResponseSchema.safeParse(data)
if (!parsed.success) {
const first = parsed.error.issues[0]
throw new Error(`Invalid auth metrics response: ${first?.message ?? 'Invalid shape'}`)
}
return parsed.data as RawAuthMetricsResponse
}
export type AuthOverviewData = Awaited<ReturnType<typeof getAuthOverviewMetrics>>
export type AuthOverviewError = unknown
export const useAuthOverviewQuery = <TData = AuthOverviewData>(
{ projectRef }: AuthOverviewVariables,
{
enabled = true,
...options
}: UseCustomQueryOptions<AuthOverviewData, AuthOverviewError, TData> = {}
) =>
useQuery<AuthOverviewData, AuthOverviewError, TData>({
queryKey: authKeys.overviewMetrics(projectRef),
queryFn: ({ signal }) => getAuthOverviewMetrics({ projectRef }, signal),
enabled: enabled && typeof projectRef !== 'undefined',
...options,
})