mylingo3d/src/events/onSelectionTarget.ts

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { event } from "@lincode/events"
import { createEffect } from "@lincode/reactivity"
import { debounce } from "@lincode/utils"
import Appendable from "../api/core/Appendable"
import { getSelectionLocked } from "../states/useSelectionLocked"
import { getSelectionTarget } from "../states/useSelectionTarget"
import { onSceneGraphChange } from "./onSceneGraphChange"

type Event = {
    target?: Appendable
    rightClick?: boolean
}
const [_emitSelectionTarget, onSelectionTarget] = event<Event>()
export { onSelectionTarget }

export const emitSelectionTarget = debounce(
    (target?: Appendable, rightClick?: boolean) =>
        !getSelectionLocked() && _emitSelectionTarget({ target, rightClick }),
    0,
    "trailing"
)

createEffect(() => {
    const target = getSelectionTarget()
    if (!target) return

    const handle = onSceneGraphChange(() => {
        !target.outerObject3d.parent && emitSelectionTarget()
    })
    return () => {
        handle.cancel()
    }
}, [getSelectionTarget])