Files
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

56 lines
1.6 KiB
TypeScript

import { useQuery } from '@tanstack/react-query'
import type { components } from 'api-types'
import { get, handleError } from '@/data/fetchers'
import type { UseCustomQueryOptions } from '@/types'
export type GitHubConfigVariables = {
connectionId?: number
branch?: string
}
type GithubConfigQueryResponse = components['schemas']['GetGitHubConnectionConfigResponse_Output']
export const githubConfigKeys = {
all: ['github-config'] as const,
connection: (connectionId?: number, branch?: string) =>
[...githubConfigKeys.all, connectionId, branch] as const,
}
export async function getGitHubConfig(
{ connectionId, branch }: GitHubConfigVariables,
signal?: AbortSignal
) {
if (!connectionId) throw new Error('connectionId is required')
const { data, error } = await get(
'/platform/integrations/github/connections/{connection_id}/config',
{
params: {
path: { connection_id: connectionId },
query: { ref: branch },
},
signal,
}
)
if (error) return handleError(error)
return data
}
export const useGitHubConfigQuery = <TData = GithubConfigQueryResponse>(
variables: GitHubConfigVariables,
{
enabled = true,
...options
}: UseCustomQueryOptions<GithubConfigQueryResponse, Error, TData> = {}
) =>
useQuery<GithubConfigQueryResponse, Error, TData>({
// eslint-disable-next-line @tanstack/query/exhaustive-deps
queryKey: githubConfigKeys.connection(variables.connectionId, variables.branch),
queryFn: ({ signal }) => getGitHubConfig(variables, signal),
enabled: enabled && typeof variables.connectionId !== 'undefined',
staleTime: 30_000,
...options,
})