mirror of
https://github.com/supabase/supabase.git
synced 2026-10-08 10:55:06 +03:00
## Summary
The `homeNew` PostHog experiment has concluded. This PR graduates it by
making the new homepage (`ProjectHome`, formerly `HomeV2`) the permanent
default for all users, and removes all dead code from the old
experiment.
## Changes
- Remove `homeNew` PostHog feature flag checks and `home_new` experiment
exposure tracking from 3 files
- Rename `HomeNew/` → `ProjectHome/` directory and `HomeV2` →
`ProjectHome` export
- Delete old `Home/Home.tsx` component (shared components like
`ProjectList/` are kept — still used by org pages)
- Delete `pages/project/[ref]/building.tsx` and add a server-side
redirect from `/project/:ref/building` → `/project/:ref` to prevent 404s
during rollout (old cached JS bundles may still route to `/building`)
- Simplify `ContentWrapper` building-state logic in `ProjectLayout` —
always redirect building projects to home, always suppress building
interstitial on home page
- Always route to `/project/{ref}` after project creation (remove
`/building` path)
- Update all Observability imports from `HomeNew` → `ProjectHome`
## Self-hosted behavior change
Self-hosted Studio previously showed the old `Home` component (client
libraries + example projects) since PostHog flags don't load. This PR
changes self-hosted to show `ProjectHome` (TopSection with service
status + instance diagram, advisor, custom reports). All sections query
backend APIs that exist on self-hosted. E2E tests pass against the
self-hosted build.
## Testing
- [x] `pnpm turbo run build --filter=studio` passes
- [x] No remaining references to `homeNew`, `home_new`, or `HomeNew` in
codebase
- [x] No broken imports to deleted files
- [x] Self-hosted E2E tests pass (145 passed, 1 flaky, 4 skipped)
- [x] `/building` redirect added to both platform and self-hosted config
blocks
**Quick test:**
1. Navigate to any project homepage — should render the ProjectHome
component
2. Create a new project — should redirect to `/project/{ref}` (not
`/building`)
3. Visit a project in `COMING_UP` state on a non-home route — should
redirect to home
4. Visit `/project/{ref}/building` directly — should 302 redirect to
`/project/{ref}`
## Linear
- fixes GROWTH-671
103 lines
2.8 KiB
TypeScript
103 lines
2.8 KiB
TypeScript
import { useQuery } from '@tanstack/react-query'
|
|
import { get } from 'data/fetchers'
|
|
|
|
import type { LogsBarChartDatum } from '../ProjectHome/ProjectUsage.metrics'
|
|
import { generateRegexpWhere } from '../Reports/Reports.constants'
|
|
|
|
type PostgrestMetricsVariables = {
|
|
projectRef: string
|
|
startDate: string
|
|
endDate: string
|
|
interval: '1hr' | '1day' | '7day'
|
|
}
|
|
|
|
const getIntervalTrunc = (interval: '1hr' | '1day' | '7day') => {
|
|
switch (interval) {
|
|
case '1hr':
|
|
return 'minute' // 1-minute buckets for 1 hour
|
|
case '1day':
|
|
return 'hour' // 1-hour buckets for 1 day
|
|
case '7day':
|
|
return 'day' // 1-day buckets for 7 days
|
|
default:
|
|
return 'hour'
|
|
}
|
|
}
|
|
|
|
const POSTGREST_METRICS_SQL = (interval: '1hr' | '1day' | '7day') => {
|
|
const truncInterval = getIntervalTrunc(interval)
|
|
|
|
return `
|
|
-- postgrest-overview-metrics
|
|
select
|
|
cast(timestamp_trunc(t.timestamp, ${truncInterval}) as datetime) as timestamp,
|
|
countif(response.status_code < 300) as ok_count,
|
|
countif(response.status_code >= 300 and response.status_code < 400) as warning_count,
|
|
countif(response.status_code >= 400) as error_count
|
|
FROM edge_logs t
|
|
cross join unnest(metadata) as m
|
|
cross join unnest(m.response) as response
|
|
cross join unnest(m.request) as request
|
|
WHERE
|
|
request.path like '/rest/%'
|
|
GROUP BY
|
|
timestamp
|
|
ORDER BY
|
|
timestamp ASC
|
|
`
|
|
}
|
|
|
|
type MetricsRow = {
|
|
timestamp: string
|
|
ok_count: number
|
|
warning_count: number
|
|
error_count: number
|
|
}
|
|
|
|
async function fetchPostgrestMetrics(
|
|
{ projectRef, startDate, endDate, interval }: PostgrestMetricsVariables,
|
|
signal?: AbortSignal
|
|
) {
|
|
const sql = POSTGREST_METRICS_SQL(interval)
|
|
|
|
const { data, error } = await get(`/platform/projects/{ref}/analytics/endpoints/logs.all`, {
|
|
params: {
|
|
path: { ref: projectRef },
|
|
query: {
|
|
sql,
|
|
iso_timestamp_start: startDate,
|
|
iso_timestamp_end: endDate,
|
|
},
|
|
},
|
|
signal,
|
|
})
|
|
|
|
if (error || data?.error) {
|
|
throw error || data?.error
|
|
}
|
|
|
|
return (data?.result || []) as MetricsRow[]
|
|
}
|
|
|
|
export const usePostgrestOverviewMetrics = (
|
|
{ projectRef, startDate, endDate, interval }: PostgrestMetricsVariables,
|
|
options?: { enabled?: boolean }
|
|
) => {
|
|
return useQuery({
|
|
queryKey: ['postgrest-overview-metrics', projectRef, startDate, endDate, interval],
|
|
queryFn: ({ signal }) =>
|
|
fetchPostgrestMetrics({ projectRef, startDate, endDate, interval }, signal),
|
|
enabled: (options?.enabled ?? true) && Boolean(projectRef),
|
|
staleTime: 1000 * 60,
|
|
})
|
|
}
|
|
|
|
export const transformPostgrestMetrics = (rows: MetricsRow[]): LogsBarChartDatum[] => {
|
|
return rows.map((row) => ({
|
|
timestamp: row.timestamp,
|
|
ok_count: row.ok_count,
|
|
warning_count: row.warning_count,
|
|
error_count: row.error_count,
|
|
}))
|
|
}
|