import { Tool } from '../Tool';
import { YjsDocument } from '../../crdt/YjsDocument';

class PolylineTool extends Tool {
  private points: Array<{ x: number; y: number }> = [];
  private isDrawing: boolean = false;

  constructor(yjsDoc: YjsDocument) {
    super(yjsDoc);
    this.name = 'PolylineTool';
  }

  onMouseDown(event: MouseEvent): void {
    if (!this.isDrawing) {
      // Start drawing
      this.isDrawing = true;
      this.points = [{ x: event.clientX, y: event.clientY }];
    } else {
      // Add point to polyline
      this.points.push({ x: event.clientX, y: event.clientY });
      
      // If shift key is not pressed, finish the polyline
      if (!event.shiftKey) {
        this.yjsDoc.createPolyline([...this.points]);
        this.reset();
      }
    }
  }

  onMouseMove(event: MouseEvent): void {
    // Preview polyline while drawing
  }

  onMouseUp(event: MouseEvent): void {
    // Handle mouse up if needed
  }

  onKeyUp(event: KeyboardEvent): void {
    // Handle key up events
    if (event.key === 'Escape') {
      this.reset();
    }
  }

  reset(): void {
    this.points = [];
    this.isDrawing = false;
  }
}

export { PolylineTool };