mirror of
https://github.com/supabase/supabase.git
synced 2026-10-13 21:29:08 +03:00
Ivan Vasilov
e10f7cc808
## New Features - Initial work for showing configuration drift in Studio - This only works for Github-connected projects and it'll show a banner if the project state differs from the git-tracked `config.toml` - Currently behind a feature-flag `ConfigDrift`, enabled on local and staging. - There might be drift shown without changing any setting, this is work-in-progress. <img width="1217" height="1195" alt="Screenshot 2026-08-19 at 23 12 10" src="https://github.com/user-attachments/assets/fb0b18d8-1a93-4595-85cc-e8b8a3462847" /> ## How to test 1. Connect a project to a Github repo 2. Resync the branch on `/dashboard/project/_/branches`. This will trigger deployment of the `config.toml` on your project 3. Change some settings (I recommend `dashboard/project/_/auth/providers` 4. A banner should appear on all project pages with a link ## Tests - Added coverage for configuration conversion, normalization, matching, drift detection, and unmanaged settings. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import { PageContainer } from 'ui-patterns/PageContainer'
|
|
import {
|
|
PageHeader,
|
|
PageHeaderDescription,
|
|
PageHeaderMeta,
|
|
PageHeaderSummary,
|
|
PageHeaderTitle,
|
|
} from 'ui-patterns/PageHeader'
|
|
import { PageSection, PageSectionContent } from 'ui-patterns/PageSection'
|
|
|
|
import { ConfigurationDriftPage } from '@/components/interfaces/ConfigDrift/ConfigurationDriftPage'
|
|
import { DefaultLayout } from '@/components/layouts/DefaultLayout'
|
|
import SettingsLayout from '@/components/layouts/ProjectSettingsLayout/SettingsLayout'
|
|
import type { NextPageWithLayout } from '@/types'
|
|
|
|
const ConfigurationDriftPageEntry: NextPageWithLayout = () => {
|
|
return (
|
|
<>
|
|
<PageHeader size="small">
|
|
<PageHeaderMeta>
|
|
<PageHeaderSummary>
|
|
<PageHeaderTitle>Code configuration</PageHeaderTitle>
|
|
<PageHeaderDescription>
|
|
Compare the live project configuration with supabase/config.toml on this branch
|
|
</PageHeaderDescription>
|
|
</PageHeaderSummary>
|
|
</PageHeaderMeta>
|
|
</PageHeader>
|
|
<PageContainer size="small">
|
|
<PageSection>
|
|
<PageSectionContent>
|
|
<ConfigurationDriftPage />
|
|
</PageSectionContent>
|
|
</PageSection>
|
|
</PageContainer>
|
|
</>
|
|
)
|
|
}
|
|
|
|
ConfigurationDriftPageEntry.getLayout = (page) => (
|
|
<DefaultLayout>
|
|
<SettingsLayout title="Code configuration">{page}</SettingsLayout>
|
|
</DefaultLayout>
|
|
)
|
|
|
|
export default ConfigurationDriftPageEntry
|