Files
Behavision/desktop/frontend/src/hooks.js
Suriyakumarvijayanayagam dad04e8cda Behavision: face recognition for retail, edge to head office
Five components that ship as one product:

- behavision/  the recognition engine. RTSP ingest, YuNet detection, IoU
               tracking, ArcFace embeddings, a FAISS/SQLite gallery, and a
               FastAPI dashboard. Identity is decided once per TRACK from an
               average of at least three embeddings, never per frame.
- agent/       the Go edge agent: supervises the engine, holds a durable
               spool, and drains it to MQTT. Nothing is acked before the
               broker confirms.
- desktop/     the shop PC application (Wails + React + tray).
- server/      the cloud API, MQTT consumer, reports and assistant.
- web/         platform.loyaly.ai, the head-office app, embedded in the
               server binary.

The gallery stores 512-float embeddings and timestamps - no images unless
`app.store_faces` is switched on. Those embeddings are biometric personal
data under GDPR and India's DPDP: template inversion reconstructs a
recognisable face from an ArcFace vector, so data/behavision.db is treated
as a biometric database and DELETE /api/visitors/{id} is a real erasure.

CLAUDE.md carries the reasoning behind every non-obvious decision here,
including the ones that were measured and the ones that were wrong first.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HViLj9gYNRtSr7YVZmW5sn
2026-09-04 11:14:18 +05:30

66 lines
2.1 KiB
JavaScript

import { useCallback, useEffect, useRef, useState } from 'react'
import { message } from './bridge.js'
// One hook for every screen that loads and refreshes.
//
// It exists because the naive version has two bugs every screen would repeat:
// a slow response arriving after the user navigated away sets state on an
// unmounted component, and a poll that fires while the previous request is
// still running stacks up requests against an engine that is already slow.
export function usePolled(fn, intervalMs, deps = []) {
const [data, setData] = useState(null)
const [error, setError] = useState(null)
const [loading, setLoading] = useState(true)
const alive = useRef(true)
const busy = useRef(false)
const run = useCallback(async () => {
if (busy.current) return
busy.current = true
try {
const result = await fn()
if (!alive.current) return
setData(result)
setError(null)
} catch (err) {
if (alive.current) setError(message(err))
} finally {
busy.current = false
if (alive.current) setLoading(false)
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, deps)
useEffect(() => {
alive.current = true
run()
if (!intervalMs) return () => { alive.current = false }
const id = setInterval(run, intervalMs)
return () => { alive.current = false; clearInterval(id) }
}, [run, intervalMs])
return { data, error, loading, reload: run }
}
export function fmtTime(ts) {
if (!ts) return '—'
const d = typeof ts === 'number' ? new Date(ts * 1000) : new Date(ts)
if (isNaN(d)) return '—'
return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
}
export function fmtDate(ts) {
if (!ts) return '—'
const d = typeof ts === 'number' ? new Date(ts * 1000) : new Date(ts)
if (isNaN(d)) return '—'
return d.toLocaleDateString([], { day: 'numeric', month: 'short' })
}
export function daysAgo(n) {
const d = new Date()
d.setDate(d.getDate() - n)
return d.toISOString().slice(0, 10)
}
export function today() { return new Date().toISOString().slice(0, 10) }