import * as AFRAME from "aframe";
import HitTesting from "../../three.js/src/new-api/arjs-hittesting";

// //////////////////////////////////////////////////////////////////////////////
//		arjs-hit-testing
//////////////////////////////////////////////////////////////////////////////
AFRAME.registerComponent("arjs-hit-testing", {
  dependencies: ["arjs", "artoolkit"],
  schema: {
    enabled: {
      type: "boolean",
      default: false,
    },
    renderDebug: {
      type: "boolean",
      default: false,
    },
  },
  init: function () {
    var _this = this;
    var arjsSystem =
      this.el.sceneEl.systems.arjs || this.el.sceneEl.systems.artoolkit;

    // TODO make it work on cameraTransformMatrix too
    //
    _this.isReady = false;
    _this._arAnchor = null;
    _this._arHitTesting = null;

    // trick to wait until arjsSystem is isReady
    var startedAt = Date.now();
    var timerId = setInterval(function () {
      var anchorEl = _this.el;
      var anchorComponent = anchorEl.components["arjs-anchor"];
      // wait until anchorComponent is isReady
      if (anchorComponent === undefined || anchorComponent.isReady === false)
        return;

      clearInterval(timerId);

      //////////////////////////////////////////////////////////////////////////////
      //		create arAnchor
      //////////////////////////////////////////////////////////////////////////////
      var arAnchor = anchorComponent._arAnchor;
      var arSession = arjsSystem._arSession;
      var renderer = arSession.parameters.renderer;

      var hitTesting = (_this._arHitTesting = new HitTesting(arSession));
      hitTesting.enabled = _this.data.enabled;

      _this.isReady = true;
    }, 1000 / 60);
  },
  remove: function () {},
  update: function () {},
  tick: function () {
    var _this = this;
    // if not yet isReady, do nothing
    if (this.isReady === false) return;

    var arjsSystem =
      this.el.sceneEl.systems.arjs || this.el.sceneEl.systems.artoolkit;
    var arSession = arjsSystem._arSession;

    var anchorEl = _this.el;
    var anchorComponent = anchorEl.components["arjs-anchor"];
    var arAnchor = anchorComponent._arAnchor;

    var hitTesting = this._arHitTesting;
    var camera = arSession.parameters.camera;
    // console.log(camera.position)
    hitTesting.update(
      camera,
      arAnchor.object3d,
      arAnchor.parameters.changeMatrixMode
    );
  },
});