kopia lustrzana https://github.com/Tldraw/Tldraw
28 wiersze
708 B
TypeScript
28 wiersze
708 B
TypeScript
import { useComputed, useValue } from '@tldraw/state'
|
|
import uniq from 'lodash.uniq'
|
|
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 usePeerIds() {
|
|
const editor = useEditor()
|
|
const $presences = useMemo(() => {
|
|
return editor.store.query.records('instance_presence', () => ({
|
|
userId: { neq: editor.user.id },
|
|
}))
|
|
}, [editor])
|
|
|
|
const $userIds = useComputed(
|
|
'userIds',
|
|
() => uniq($presences.value.map((p) => p.userId)).sort(),
|
|
{ isEqual: (a, b) => a.join(',') === b.join?.(',') },
|
|
[$presences]
|
|
)
|
|
|
|
return useValue($userIds)
|
|
}
|