import { Frustum, Matrix4, PerspectiveCamera, Vector3 } from 'three'

import { dispatchAction, getState } from '@xrengine/hyperflux'

import { AvatarControllerComponent } from '../../avatar/components/AvatarControllerComponent'
import { CameraComponent } from '../../camera/components/CameraComponent'
import { Engine } from '../../ecs/classes/Engine'
import { Entity } from '../../ecs/classes/Entity'
import { getComponent } from '../../ecs/functions/ComponentFunctions'
import { compareDistance, DistanceFromCameraComponent } from '../../transform/components/DistanceComponents'
import { TransformComponent } from '../../transform/components/TransformComponent'
import { InteractState } from '../systems/InteractiveSystem'

const mat4 = new Matrix4()
// const projectionMatrix = new Matrix4().makePerspective(
//   -0.1, // x1
//   0.1, // x2
//   -0.1, // y1
//   0.1, // y2
//   0.1, // near
//   2 // far
// )
const frustum = new Frustum()

/**
 * Checks if entity can interact with any of entities listed in 'interactive' array, checking distance, guards and raycast
 * @param {Entity[]} interactables
 */

export const gatherAvailableInteractables = (interactables: Entity[]) => {
  if (!Engine.instance.currentWorld.localClientEntity) return

  const transform = getComponent(Engine.instance.currentWorld.localClientEntity, TransformComponent)
  const controller = getComponent(Engine.instance.currentWorld.localClientEntity, AvatarControllerComponent)

  if (!controller || !transform) return

  const availableInteractable = getState(InteractState).available
  const camera = getComponent(controller.cameraEntity, CameraComponent)

  mat4.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse)
  frustum.setFromProjectionMatrix(mat4)

  // const available = [] as Entity[]
  // for (const entityIn of interactables) {
  //   const targetTransform = getComponent(entityIn, TransformComponent)
  //   available.push(entityIn)
  // }

  availableInteractable.set([...interactables].sort(compareDistance))
}