Files
supabase__supabase/apps/studio/data/config/postgres-config-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

69 lines
1.9 KiB
TypeScript

import { useMutation, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { configKeys } from './keys'
import { handleError, put } from '@/data/fetchers'
import type { ResponseError, UseCustomMutationOptions } from '@/types'
export type PostgresConfigurationUpdateVariables = {
projectRef: string
payload: {
log_connections: boolean
log_disconnections: boolean
}
}
export async function updatePostgresConfiguration({
projectRef,
payload,
}: PostgresConfigurationUpdateVariables) {
const { data, error } = await put('/v1/projects/{ref}/config/database/postgres', {
params: { path: { ref: projectRef } },
body: payload,
})
if (error) handleError(error)
return data
}
type PostgresConfigurationUpdateData = Awaited<ReturnType<typeof updatePostgresConfiguration>>
export const usePostgresConfigurationUpdateMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<
PostgresConfigurationUpdateData,
ResponseError,
PostgresConfigurationUpdateVariables
>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<
PostgresConfigurationUpdateData,
ResponseError,
PostgresConfigurationUpdateVariables
>({
mutationFn: (vars) => updatePostgresConfiguration(vars),
async onSuccess(data, variables, context) {
const { projectRef } = variables
await Promise.all([
queryClient.invalidateQueries({ queryKey: configKeys.postgresConfig(projectRef) }),
queryClient.invalidateQueries({ queryKey: configKeys.projectConfig(projectRef) }),
])
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to update postgres configuration: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
})
}