import {  EventDispatcher, Raycaster, Vector2 } from "three";

export class EventManage extends EventDispatcher{
    mouse = new Vector2()
    raycaster = new Raycaster()
    dom
    camera
    scene
    last = null
    /**
     * 
     *  @param {HTMLElement} dom
     * @param {Camera} camera
     * @param {Scene} scene
     */
    constructor(
        dom, camera, scene
    ) {
        super({})
        this.dom = dom
        this.camera = camera
        this.scene = scene

        const mouse = this.mouse
        const raycaster = this.raycaster

        let last = null

        dom.addEventListener('mousemove', (e) => {
            mouse.x = e.offsetX / dom.offsetWidth * 2 - 1
            mouse.y = -e.offsetY * 2 / dom.offsetHeight + 1
            raycaster.setFromCamera(mouse, camera);
            const intersection = raycaster.intersectObjects(this.scene.children)
            if (intersection.length > 0) {
                // console.log(intersection[0]);
                let object = intersection[0].object
                object.dispatchEvent({
                    type: 'mousemove',
                    point: intersection[0].point
                })
                if (last && last.uuid == object.uuid) {
                } else {
                    if (last)
                        last.dispatchEvent({
                            type: 'mouseout',
                            point: intersection[0].point
                        })
                    object.dispatchEvent({
                        type: 'mousein',
                        point: intersection[0].point
                    })
                }
                last = object
            }

        })
        // dom.addEventListener('mouseup', (e) => {
        //     raycaster.setFromCamera(mouse, camera);
        //     const intersection = raycaster.intersectObjects(this.scene.children)
        //     if (intersection.length > 0) {
        //         // console.log(intersection[0]);
        //         intersection[0].object.dispatchEvent({
        //             type: 'mouseup',
        //             point: intersection[0].point
        //         })
        //     }
        // })
        // dom.addEventListener('mousedown', (e) => {
        //     raycaster.setFromCamera(mouse, camera);
        //     const intersection = raycaster.intersectObjects(this.scene.children)
        //     if (intersection.length > 0) {
        //         // console.log(intersection[0]);
        //         intersection[0].object.dispatchEvent({
        //             type: 'mousedown',
        //             point: intersection[0].point
        //         })
        //     }
        // })
        dom.addEventListener('click', (e) => {
            raycaster.setFromCamera(mouse, camera);
            const intersection = raycaster.intersectObjects(this.scene.children)
            
            if (intersection.length > 0) {
                // console.log(intersection[0]);
                intersection[0].object.dispatchEvent({
                    type: 'click',
                    point: intersection[0].point
                })
            }
        })

        console.log(this);
    }
}