import BaseTool from './BaseTool.js';
import { Vector, Utils } from '@doodle3d/cal';
import * as humanReadable from '../../utils/humanReadable.js';
import { dimensionsText } from '../texts.js';
// import createDebug from 'debug';
// const debug = createDebug('d3d:2d:tool:polygon');

export default class PolygonTool extends BaseTool {
  constructor(dispatch, sceneSpaceContainer, renderRequest) {
    super(dispatch, sceneSpaceContainer, renderRequest);

    this.drawRuler = false;

    this.rulerLength = 0;
    this.rulerAngle = 0;
    this.rulerPosition = new Vector();

    // this.anglePosition = new Vector();
    // this.angleDegrees = 0;
  }
  update(state) {
    const activeShape = state.d2.activeShape && state.objectsById[state.d2.activeShape];
    if (activeShape) {
      this.drawRuler = true;

      const pointA = activeShape.points[activeShape.points.length - 2];
      const pointB = activeShape.points[activeShape.points.length - 1];

      this.rulerPosition.copy(pointA.add(pointB).scale(0.5));
      this.rulerLength = pointA.distanceTo(pointB);
      this.rulerAngle = pointB
        .subtract(pointA)
        .scale(Utils.MathExtended.sign(pointB.subtract(pointA).x) || 1)
        .angle();

      // this.anglePosition.copy(pointA);
      // this.angleDegrees = (pointB.subtract(pointA).angle() + (Math.PI * 2.0)) % (Math.PI * 2.0);

      return true;
    } else if (this.drawRuler) {
      this.drawRuler = false;
      return true;
    }

    return false;
  }
  draw(context, matrix) {
    if (this.drawRuler) {
      context.save();

      const rulerPosition = this.rulerPosition.applyMatrix(matrix);
      context.translate(rulerPosition.x, rulerPosition.y);
      context.rotate(this.rulerAngle);

      const text = humanReadable.distance(this.rulerLength);
      dimensionsText.drawText(context, text, 0, -5);

      context.restore();

      context.beginPath();
    }
  }
}