mirror of
https://github.com/supabase/supabase.git
synced 2026-07-03 21:54:19 +08:00
* Allow viewing ongoing queries and aborting them * Fix * Add refresh button + shift view running queries CTA * Fix scrolling in SqlEditorMenu * Small styling fix for table editor menu schema selector error state
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import { UseQueryOptions } from '@tanstack/react-query'
|
|
import { ExecuteSqlData, ExecuteSqlError, useExecuteSqlQuery } from '../sql/execute-sql-query'
|
|
|
|
type OngoingQuery = {
|
|
pid: number
|
|
query: string
|
|
query_start: string
|
|
}
|
|
|
|
export const getOngoingQueries = () => {
|
|
const sql = /* SQL */ `
|
|
select pid, query, query_start from pg_stat_activity where state = 'active' and datname = 'postgres';
|
|
`.trim()
|
|
|
|
return sql
|
|
}
|
|
|
|
export type OngoingQueriesVariables = {
|
|
projectRef?: string
|
|
connectionString?: string
|
|
}
|
|
|
|
export type OngoingQueriesData = OngoingQuery[]
|
|
export type OngoingQueriesError = ExecuteSqlError
|
|
|
|
export const useOngoingQueriesQuery = <TData extends OngoingQueriesData = OngoingQueriesData>(
|
|
{ projectRef, connectionString }: OngoingQueriesVariables,
|
|
options: UseQueryOptions<ExecuteSqlData, OngoingQueriesError, TData> = {}
|
|
) => {
|
|
return useExecuteSqlQuery(
|
|
{
|
|
projectRef,
|
|
connectionString,
|
|
sql: getOngoingQueries(),
|
|
queryKey: ['ongoing-queries'],
|
|
},
|
|
{
|
|
...options,
|
|
select(data) {
|
|
return (data?.result ?? []).filter(
|
|
(x: OngoingQuery) => !x.query.startsWith(getOngoingQueries())
|
|
)
|
|
},
|
|
}
|
|
)
|
|
}
|