9106881448
- Adds cleanup timer for globe arcs to prevent accumulation - Conditionally renders chart header when stats are available - Improves event handling in AnimatedList by passing props - Fixes traffic event animation by clearing previous timeouts These changes improve visualization performance and user experience by preventing memory leaks from accumulated arcs and ensuring smoother animations.
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import type { H3Event } from 'h3'
|
|
import { QuerySchema } from '@@/schemas/query'
|
|
import { date2unix } from '~/utils/time'
|
|
|
|
const { select } = SqlBricks
|
|
|
|
function query2sql(query: Query, event: H3Event): string {
|
|
const filter = query2filter(query)
|
|
const { dataset } = useRuntimeConfig(event)
|
|
const sql = select(`*`).from(dataset).where(filter).orderBy('timestamp DESC')
|
|
appendTimeFilter(sql, query)
|
|
return sql.toString()
|
|
}
|
|
|
|
interface WAEEvents {
|
|
[key: string]: string
|
|
}
|
|
|
|
function events2logs(events: WAEEvents[]) {
|
|
return events.map((event) => {
|
|
const blobs = Array.from({ length: Object.keys(blobsMap).length }).fill(0).reduce<string[]>((_, _c, i) => {
|
|
_.push(event[`blob${i + 1}`])
|
|
return _
|
|
}, [])
|
|
const doubles = Array.from({ length: Object.keys(doublesMap).length }).fill(0).reduce<number[]>((_, _c, i) => {
|
|
_.push(+event[`double${i + 1}`])
|
|
return _
|
|
}, [])
|
|
return {
|
|
...blobs2logs(blobs),
|
|
...doubles2logs(doubles),
|
|
ip: undefined,
|
|
id: crypto.randomUUID(),
|
|
timestamp: date2unix(new Date(`${event.timestamp}Z`)),
|
|
}
|
|
})
|
|
}
|
|
|
|
export default eventHandler(async (event) => {
|
|
const query = await getValidatedQuery(event, QuerySchema.parse)
|
|
const sql = query2sql(query, event)
|
|
|
|
const logs = await useWAE(event, sql) as { data: WAEEvents[] }
|
|
return events2logs(logs?.data || [])
|
|
})
|