Files
supabase/apps/studio/data/database/pgbouncer-config-update-mutation.ts
Ivan Vasilov 8422045b86 chore: Use @supabase/config for the code configuration page (#50398)
How to test:
1. Connect a project to GH repo
2. Deploy the `config.toml` once
3. Change some setting in Auth
4. You should see a change in
`/dashboard/project/_/settings/code-configuration`

<img width="1271" height="1186" alt="Screenshot 2026-09-16 at 16 26 39"
src="https://github.com/user-attachments/assets/dfc135a4-e495-489e-88fd-b760383793b4"
/>

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Configuration drift comparisons now use a consistent project
configuration schema.
- Drift details display complete current-environment and `config.toml`
values, grouped by section.
- Matching and unmanaged settings are organized into dedicated sections.
  - Configuration fields link directly to relevant Studio settings.
  - Added a warning that GitHub deployments overwrite local changes.

- **Bug Fixes**
- Configuration updates now refresh project configuration data
automatically.
  - Improved labels and formatting for boolean and redirect URL values.
- Drift errors identify invalid configuration paths and provide
corrective guidance.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-09-21 16:38:37 +02:00

78 lines
2.2 KiB
TypeScript

import { useMutation, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { configKeys } from '../config/keys'
import { databaseKeys } from './keys'
import type { components } from '@/data/api'
import { handleError, patch } from '@/data/fetchers'
import type { ResponseError, UseCustomMutationOptions } from '@/types'
export type PgbouncerConfigurationUpdateVariables = {
ref: string
} & Pick<
components['schemas']['UpdatePgbouncerConfigBody'],
'default_pool_size' | 'max_client_conn' | 'ignore_startup_parameters'
>
export async function updatePgbouncerConfiguration({
ref,
default_pool_size,
max_client_conn,
ignore_startup_parameters,
}: PgbouncerConfigurationUpdateVariables) {
if (!ref) return console.error('Project ref is required')
const { data, error } = await patch('/platform/projects/{ref}/config/pgbouncer', {
params: { path: { ref } },
body: {
default_pool_size,
max_client_conn,
ignore_startup_parameters,
},
})
if (error) handleError(error)
return data
}
type PgbouncerConfigurationUpdateData = Awaited<ReturnType<typeof updatePgbouncerConfiguration>>
export const usePgbouncerConfigurationUpdateMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<
PgbouncerConfigurationUpdateData,
ResponseError,
PgbouncerConfigurationUpdateVariables
>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<
PgbouncerConfigurationUpdateData,
ResponseError,
PgbouncerConfigurationUpdateVariables
>({
mutationFn: (vars) => updatePgbouncerConfiguration(vars),
async onSuccess(data, variables, context) {
const { ref } = variables
await Promise.all([
queryClient.invalidateQueries({ queryKey: databaseKeys.pgbouncerConfig(ref) }),
queryClient.invalidateQueries({ queryKey: configKeys.projectConfig(ref) }),
])
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to update PgBouncer configuration: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
})
}