Files
supabase/apps/studio/data/realtime/realtime-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

95 lines
2.6 KiB
TypeScript

import { useMutation, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { realtimeKeys } from './keys'
import type { components } from '@/data/api'
import { configKeys } from '@/data/config/keys'
import { handleError, patch } from '@/data/fetchers'
import type { ResponseError, UseCustomMutationOptions } from '@/types'
export type RealtimeConfigurationUpdateBody = components['schemas']['UpdateRealtimeConfigBody'] & {
postgres_changes_pool?: number
}
export type RealtimeConfigurationUpdateVariables = {
ref: string
} & RealtimeConfigurationUpdateBody
export async function updateRealtimeConfiguration({
ref,
private_only,
connection_pool,
postgres_changes_pool,
max_concurrent_users,
max_events_per_second,
max_bytes_per_second,
max_channels_per_client,
max_joins_per_second,
max_presence_events_per_second,
max_payload_size_in_kb,
suspend,
}: RealtimeConfigurationUpdateVariables) {
if (!ref) return console.error('Project ref is required')
const { data, error } = await patch('/platform/projects/{ref}/config/realtime', {
params: { path: { ref } },
body: {
private_only,
connection_pool,
postgres_changes_pool,
max_concurrent_users,
max_events_per_second,
max_bytes_per_second,
max_channels_per_client,
max_joins_per_second,
max_presence_events_per_second,
max_payload_size_in_kb,
suspend,
},
})
if (error) handleError(error)
return data
}
type RealtimeConfigurationUpdateData = Awaited<ReturnType<typeof updateRealtimeConfiguration>>
export const useRealtimeConfigurationUpdateMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<
RealtimeConfigurationUpdateData,
ResponseError,
RealtimeConfigurationUpdateVariables
>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<
RealtimeConfigurationUpdateData,
ResponseError,
RealtimeConfigurationUpdateVariables
>({
mutationFn: (vars) => updateRealtimeConfiguration(vars),
async onSuccess(data, variables, context) {
const { ref } = variables
await Promise.all([
queryClient.invalidateQueries({ queryKey: realtimeKeys.configuration(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 realtime configuration: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
})
}