mirror of
https://github.com/supabase/supabase.git
synced 2026-09-22 13:37:53 +08:00
Francesco Sansalvadore
d513d013c5
Poll compute data to keep ui in sync - every 3s when state is transitioning - every 10s when idle ## To test - open compute - deploy compute instance via cli - check ui updates automatically while state changes (new -> active -> deleting -> removal) <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Compute data now refreshes automatically, with faster updates while instances are building or being deleted. * Added clearer manual refresh feedback in the compute interface. * **Improvements** * Improved compute table layout with fixed column sizing and truncated long instance names. * Region and resource columns remain responsive while maintaining consistent widths. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
71 lines
2.3 KiB
TypeScript
71 lines
2.3 KiB
TypeScript
import { z } from 'zod'
|
|
|
|
import type {
|
|
ComputeInstance,
|
|
ComputeInstanceBuildState,
|
|
} from '@/components/interfaces/Compute/Compute.types'
|
|
|
|
const BUILD_STATES = [
|
|
'building',
|
|
'active',
|
|
'failed',
|
|
] as const satisfies readonly ComputeInstanceBuildState[]
|
|
|
|
const ComputeInstanceResponseSchema = z.object({
|
|
id: z.string(),
|
|
attributes: z.object({
|
|
build_state: z.enum(BUILD_STATES).catch('failed'),
|
|
deleting: z.boolean().optional(),
|
|
image_version: z.string().optional(),
|
|
instances: z
|
|
.object({
|
|
declared: z.number(),
|
|
live: z.number(),
|
|
ready: z.number(),
|
|
stale: z.number(),
|
|
})
|
|
.optional(),
|
|
instances_error: z.string().optional(),
|
|
spec: z.object({
|
|
exposure: z.string(),
|
|
instances: z.number(),
|
|
runtime: z.string().optional(),
|
|
size: z.string(),
|
|
}),
|
|
state_reason: z.string().optional(),
|
|
}),
|
|
})
|
|
|
|
// Deploys/deletes happen via the CLI, not a dashboard mutation, so polling never fully stops —
|
|
// it just slows down once nothing is building or deleting.
|
|
export const COMPUTE_POLL_BASELINE_INTERVAL = 10000
|
|
export const COMPUTE_POLL_TRANSIENT_INTERVAL = 3000
|
|
|
|
const isTransient = (instance: ComputeInstance) =>
|
|
instance.buildState === 'building' || instance.isDeleting
|
|
|
|
export const computeRefetchInterval = (instances: ComputeInstance[] | undefined) =>
|
|
instances?.some(isTransient) ? COMPUTE_POLL_TRANSIENT_INTERVAL : COMPUTE_POLL_BASELINE_INTERVAL
|
|
|
|
export const computeInstanceRefetchInterval = (instance: ComputeInstance | undefined) =>
|
|
instance !== undefined && isTransient(instance)
|
|
? COMPUTE_POLL_TRANSIENT_INTERVAL
|
|
: COMPUTE_POLL_BASELINE_INTERVAL
|
|
|
|
export const parseComputeInstance = (datum: unknown): ComputeInstance => {
|
|
const { id, attributes } = ComputeInstanceResponseSchema.parse(datum)
|
|
return {
|
|
name: id,
|
|
buildState: attributes.build_state,
|
|
isDeleting: attributes.deleting ?? false,
|
|
runtime: attributes.spec.runtime,
|
|
size: attributes.spec.size,
|
|
access: attributes.spec.exposure === 'public' ? 'public' : 'private',
|
|
declaredInstances: attributes.spec.instances,
|
|
instances: attributes.instances,
|
|
imageVersion: attributes.image_version,
|
|
stateReason: attributes.state_reason,
|
|
instancesError: attributes.instances_error,
|
|
}
|
|
}
|