mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 15:49:09 +03:00
* Add number of database connections charts in database reports * Fix type issue * Fix more type issues * Remove UI for requires_manual_intervention * Update apps/studio/data/projects/project-upgrade-mutation.ts Co-authored-by: Alaister Young <alaister@users.noreply.github.com> --------- Co-authored-by: Alaister Young <alaister@users.noreply.github.com>
118 lines
3.0 KiB
TypeScript
118 lines
3.0 KiB
TypeScript
import { useQuery, UseQueryOptions } from '@tanstack/react-query'
|
|
import dayjs from 'dayjs'
|
|
|
|
import { get, handleError } from 'data/fetchers'
|
|
import type { AnalyticsData, AnalyticsInterval } from './constants'
|
|
import { analyticsKeys } from './keys'
|
|
|
|
export type InfraMonitoringAttribute =
|
|
| 'max_cpu_usage'
|
|
| 'avg_cpu_usage'
|
|
| 'disk_io_budget'
|
|
| 'ram_usage'
|
|
| 'disk_io_consumption'
|
|
| 'swap_usage'
|
|
| 'pg_stat_database_num_backends'
|
|
|
|
export type InfraMonitoringVariables = {
|
|
projectRef?: string
|
|
attribute: InfraMonitoringAttribute
|
|
startDate?: string
|
|
endDate?: string
|
|
interval?: AnalyticsInterval
|
|
dateFormat?: string
|
|
databaseIdentifier?: string
|
|
modifier?: (x: number) => number
|
|
}
|
|
|
|
export async function getInfraMonitoring(
|
|
{
|
|
projectRef,
|
|
attribute,
|
|
startDate,
|
|
endDate,
|
|
interval = '1d',
|
|
databaseIdentifier,
|
|
}: InfraMonitoringVariables,
|
|
signal?: AbortSignal
|
|
) {
|
|
if (!projectRef) throw new Error('Project ref is required')
|
|
if (!attribute) throw new Error('Attribute is required')
|
|
if (!startDate) throw new Error('Start date is required')
|
|
if (!endDate) throw new Error('End date is required')
|
|
|
|
const { data, error } = await get('/platform/projects/{ref}/infra-monitoring', {
|
|
params: {
|
|
path: { ref: projectRef },
|
|
query: {
|
|
attribute,
|
|
startDate,
|
|
endDate,
|
|
interval,
|
|
databaseIdentifier,
|
|
},
|
|
},
|
|
signal,
|
|
})
|
|
|
|
if (error) handleError(error)
|
|
return data as unknown as AnalyticsData
|
|
}
|
|
|
|
export type InfraMonitoringData = Awaited<ReturnType<typeof getInfraMonitoring>>
|
|
export type InfraMonitoringError = unknown
|
|
|
|
export const useInfraMonitoringQuery = <TData = InfraMonitoringData>(
|
|
{
|
|
projectRef,
|
|
attribute,
|
|
startDate,
|
|
endDate,
|
|
interval = '1d',
|
|
dateFormat = 'DD MMM',
|
|
databaseIdentifier,
|
|
modifier,
|
|
}: InfraMonitoringVariables,
|
|
{
|
|
enabled = true,
|
|
...options
|
|
}: UseQueryOptions<InfraMonitoringData, InfraMonitoringError, TData> = {}
|
|
) =>
|
|
useQuery<InfraMonitoringData, InfraMonitoringError, TData>(
|
|
analyticsKeys.infraMonitoring(projectRef, {
|
|
attribute,
|
|
startDate,
|
|
endDate,
|
|
interval,
|
|
databaseIdentifier,
|
|
}),
|
|
({ signal }) =>
|
|
getInfraMonitoring(
|
|
{ projectRef, attribute, startDate, endDate, interval, databaseIdentifier },
|
|
signal
|
|
),
|
|
{
|
|
enabled:
|
|
enabled &&
|
|
typeof projectRef !== 'undefined' &&
|
|
typeof attribute !== 'undefined' &&
|
|
typeof startDate !== 'undefined' &&
|
|
typeof endDate !== 'undefined',
|
|
select(data) {
|
|
return {
|
|
...data,
|
|
data: data.data.map((x) => {
|
|
return {
|
|
...x,
|
|
[attribute]:
|
|
modifier !== undefined ? modifier(Number(x[attribute])) : Number(x[attribute]),
|
|
periodStartFormatted: dayjs(x.period_start).format(dateFormat),
|
|
}
|
|
}),
|
|
} as TData
|
|
},
|
|
staleTime: 1000 * 60, // default good for a minute
|
|
...options,
|
|
}
|
|
)
|