53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { useEffect } from 'react'
|
|
import { useStore } from 'useStore'
|
|
import { engineCommandManager } from 'lib/singletons'
|
|
import { useModelingContext } from './useModelingContext'
|
|
import { getEventForSelectWithPoint } from 'lib/selections'
|
|
|
|
export function useEngineConnectionSubscriptions() {
|
|
const { setHighlightRange, highlightRange } = useStore((s) => ({
|
|
setHighlightRange: s.setHighlightRange,
|
|
highlightRange: s.highlightRange,
|
|
}))
|
|
const { send, context } = useModelingContext()
|
|
|
|
useEffect(() => {
|
|
if (!engineCommandManager) return
|
|
|
|
const unSubHover = engineCommandManager.subscribeToUnreliable({
|
|
// Note this is our hover logic, "highlight_set_entity" is the event that is fired when we hover over an entity
|
|
event: 'highlight_set_entity',
|
|
callback: ({ data }) => {
|
|
if (data?.entity_id) {
|
|
const sourceRange =
|
|
engineCommandManager.artifactMap?.[data.entity_id]?.range
|
|
setHighlightRange(sourceRange)
|
|
} else if (
|
|
!highlightRange ||
|
|
(highlightRange[0] !== 0 && highlightRange[1] !== 0)
|
|
) {
|
|
setHighlightRange([0, 0])
|
|
}
|
|
},
|
|
})
|
|
const unSubClick = engineCommandManager.subscribeTo({
|
|
event: 'select_with_point',
|
|
callback: async (engineEvent) => {
|
|
const event = await getEventForSelectWithPoint(engineEvent, {
|
|
sketchEnginePathId: context.sketchEnginePathId,
|
|
})
|
|
event && send(event)
|
|
},
|
|
})
|
|
return () => {
|
|
unSubHover()
|
|
unSubClick()
|
|
}
|
|
}, [
|
|
engineCommandManager,
|
|
setHighlightRange,
|
|
highlightRange,
|
|
context?.sketchEnginePathId,
|
|
])
|
|
}
|