keligrubb
bb01e9a06c
## Summary - **ADS-B & AIS:** OpenSky and AISStream OSINT feeds upsert into the CoT store; tactical tracks still arrive via adsbcot/aiscot on `:8089`. Map clients subscribe via `GET /api/cot/stream` (SSE) with viewport bbox filtering and Air / Surface / Team layer toggles. - **ALPR (Flock/OSM):** Toggleable license-plate reader layer sourced from OpenStreetMap, with SQLite cache, Overpass fallback, tiled viewport fetching, and clustered markers with direction cones. - **Map performance:** Ring-based tile selection (fixes zoom-out crash), immutable tile cache, incremental marker sync, split cluster load/query, and padded SSE bbox to reduce reconnect churn. ## Docs - `docs/tracking.md` — ADS-B/AIS accuracy tiers, freshness, self-hosted receivers, optional OSINT API keys - `docs/map-and-cameras.md` — ALPR layer and map behavior updates --------- Co-authored-by: Madison Grubb <madison@elastiflow.com> Reviewed-on: #36
41 lines
1.4 KiB
JavaScript
41 lines
1.4 KiB
JavaScript
/** Fetches devices + live sessions; polls when tab visible. */
|
|
const POLL_MS = 1500
|
|
const EMPTY_RESPONSE = Object.freeze({ devices: [], liveSessions: [] })
|
|
|
|
export function useCameras(options = {}) {
|
|
const { poll: enablePoll = true } = options
|
|
const { data, refresh } = useAsyncData(
|
|
'cameras',
|
|
() => $fetch('/api/cameras').catch(() => EMPTY_RESPONSE),
|
|
{ default: () => EMPTY_RESPONSE },
|
|
)
|
|
|
|
const devices = computed(() => Object.freeze([...(data.value?.devices ?? [])]))
|
|
const liveSessions = computed(() => Object.freeze([...(data.value?.liveSessions ?? [])]))
|
|
const cameras = computed(() => Object.freeze([...devices.value, ...liveSessions.value]))
|
|
|
|
const pollInterval = ref(null)
|
|
function startPolling() {
|
|
if (!enablePoll || pollInterval.value) return
|
|
refresh()
|
|
pollInterval.value = setInterval(refresh, POLL_MS)
|
|
}
|
|
function stopPolling() {
|
|
if (pollInterval.value) {
|
|
clearInterval(pollInterval.value)
|
|
pollInterval.value = null
|
|
}
|
|
}
|
|
|
|
onMounted(() => {
|
|
if (typeof document === 'undefined') return
|
|
document.addEventListener('visibilitychange', () => {
|
|
document.visibilityState === 'visible' ? (startPolling(), refresh()) : stopPolling()
|
|
})
|
|
if (document.visibilityState === 'visible') startPolling()
|
|
})
|
|
onBeforeUnmount(stopPolling)
|
|
|
|
return Object.freeze({ data, devices, liveSessions, cameras, refresh, startPolling, stopPolling })
|
|
}
|