kopia lustrzana https://github.com/Tldraw/Tldraw
32 wiersze
787 B
TypeScript
32 wiersze
787 B
TypeScript
import { useValue } from '@tldraw/state'
|
|
import { TLInstancePresence } from '@tldraw/tlschema'
|
|
import { useMemo } from 'react'
|
|
import { useEditor } from './useEditor'
|
|
|
|
// TODO: maybe move this to a computed property on the App class?
|
|
/**
|
|
* @returns The list of peer UserIDs
|
|
* @internal
|
|
*/
|
|
export function usePresence(userId: string): TLInstancePresence | null {
|
|
const editor = useEditor()
|
|
|
|
const $presences = useMemo(() => {
|
|
return editor.store.query.records('instance_presence', () => ({
|
|
userId: { eq: userId },
|
|
}))
|
|
}, [editor, userId])
|
|
|
|
const latestPresence = useValue(
|
|
`latestPresence:${userId}`,
|
|
() => {
|
|
return $presences.value
|
|
.slice()
|
|
.sort((a, b) => b.lastActivityTimestamp - a.lastActivityTimestamp)[0]
|
|
},
|
|
[]
|
|
)
|
|
|
|
return latestPresence ?? null
|
|
}
|