Files
robot-command-center/frontend/src/lib/api.ts
2026-04-18 17:01:10 +08:00

62 lines
1.9 KiB
TypeScript

import type { DashboardSnapshot, VideoStatus } from '@/types'
const envBaseUrl = import.meta.env.VITE_API_BASE_URL as string | undefined
export const API_BASE = (envBaseUrl?.trim() || 'http://127.0.0.1:8001').replace(/\/$/, '')
async function fetchJson<T>(path: string): Promise<T> {
const response = await fetch(`${API_BASE}${path}`)
if (!response.ok) {
throw new Error(`请求失败: ${response.status} ${response.statusText}`)
}
return response.json() as Promise<T>
}
export function fetchDashboardSnapshot() {
return fetchJson<DashboardSnapshot>('/api/dashboard/')
}
export function fetchVideoStatus() {
return fetchJson<VideoStatus>('/api/video/status/')
}
export async function fetchClockCalibrationSample() {
const response = await fetch(`${API_BASE}/api/clock/calibrate/`, {
cache: 'no-store',
})
if (!response.ok) {
throw new Error(`clock calibration failed: ${response.status} ${response.statusText}`)
}
return response.json() as Promise<{
server_received_unix_ms: number
server_sent_unix_ms: number
}>
}
export function buildVideoFrameUrl(frameKey: number) {
return `${API_BASE}/api/video/frame/?frame=${frameKey}&t=${Date.now()}`
}
export async function postVideoDisplayProbe(payload: Record<string, unknown>) {
const response = await fetch(`${API_BASE}/api/video/display-probe/`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(payload),
})
if (!response.ok) {
throw new Error(`display probe post failed: ${response.status} ${response.statusText}`)
}
}
export function buildControlWebSocketUrl() {
const url = new URL(API_BASE, window.location.origin)
const basePath = url.pathname.replace(/\/$/, '')
url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:'
url.pathname = `${basePath}/ws/control/`
url.search = ''
url.hash = ''
return url.toString()
}