852755ee1d
Adds real-time visualization of traffic flow between user locations and data centers on the 3D globe: - Implements arc animations for traffic visualization - Adjusts globe colors and atmosphere for better visibility - Adds data center (colo) location mapping - Centers initial view on user's current location - Improves mobile responsiveness and layout - Adds cleanup handling for globe resources Performance and UX improvements: - Optimizes globe rotation speed and controls - Updates time picker layout with logical grouping - Enhances responsive design for dashboard components
44 lines
1.3 KiB
TypeScript
44 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),
|
|
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 || [])
|
|
})
|