Spaces:
Sleeping
Sleeping
File size: 2,233 Bytes
14356bb | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | import { createContext, useContext, useEffect, useState, useCallback } from 'react'
const DataContext = createContext(null)
const KEYS = [
'models', 'recs', 'ms', 'vol_salience', 'val_share',
'freq_anchors', 'ppa_mt', 'ppa_tt', 'comp_ms',
'vtm', 'interaction', 'growth_decomp', 'pgi', 'stats',
'trend', 'recs_full',
]
async function fetchKey(key) {
// 1. Try FastAPI backend (/api/data/{key}) — live pipeline-computed data
try {
const res = await fetch(`/api/data/${key}`)
if (res.ok) return res.json()
} catch (_) {
// upload server not reachable — fall through to static fallback
}
// 2. Fallback: static pre-generated file served by Vite from public/data/
// Works when upload server is not running (e.g. first open, view-only mode)
const res = await fetch(`/data/${key}.json`)
if (!res.ok) throw new Error(`Failed to load ${key}: ${res.status}`)
return res.json()
}
export function DataProvider({ children }) {
const [data, setData] = useState({})
const [loading, setLoading] = useState(true)
const [error, setError] = useState(null)
const [progress, setProgress] = useState(0)
const loadAll = useCallback(async () => {
setLoading(true)
setProgress(0)
setError(null)
let cancelled = false
const results = {}
const errors = []
for (let i = 0; i < KEYS.length; i++) {
const key = KEYS[i]
try {
results[key] = await fetchKey(key)
} catch (e) {
results[key] = null
errors.push(`${key}: ${e.message}`)
}
if (!cancelled) setProgress(Math.round(((i + 1) / KEYS.length) * 100))
}
if (!cancelled) {
setData(results)
setLoading(false)
if (errors.length === KEYS.length) {
setError('All data failed to load. Is the server running?\n' + errors[0])
}
}
return () => { cancelled = true }
}, [])
useEffect(() => {
const cleanup = loadAll()
return () => { cleanup.then?.(fn => fn?.()) }
}, [loadAll])
return (
<DataContext.Provider value={{ ...data, loading, error, progress, reload: loadAll }}>
{children}
</DataContext.Provider>
)
}
export function useData() {
return useContext(DataContext)
}
|