import { isEditingText } from '../../utils';
import type { IInteraction, InteractionInitOptions } from '../types';
import { ClickHandler, getEventTarget } from '../utils';
import { Interaction } from './base';
export class ClickSelect extends Interaction implements IInteraction {
  name = 'click-select';

  private clickHandler?: ClickHandler;

  init(options: InteractionInitOptions) {
    super.init(options);
    const { editor, interaction } = this;

    this.clickHandler = new ClickHandler(editor.getDocument(), { delay: 0 });

    const handleSelect = (event: MouseEvent) => {
      if (!interaction.isActive()) return;
      interaction.executeExclusiveInteraction(this, async () => {
        const target = getEventTarget(event.target as SVGElement);
        if (isEditingText(target)) return;

        if (this.shiftKey) {
          // 多选
          if (target) {
            if (interaction.isSelected(target)) {
              interaction.select([target], 'remove');
            } else {
              interaction.select([target], 'add');
            }
          }
        } else {
          // 单选
          if (target) interaction.select([target], 'replace');
          else interaction.clearSelection();
        }
      });
    };

    this.clickHandler.onClick(handleSelect);

    document.addEventListener('keydown', this.onShiftKeyDown);
    document.addEventListener('keyup', this.onShiftKeyUp);
    document.addEventListener('keydown', this.onEscKeyDown);
  }

  destroy() {
    this.clickHandler?.destroy();
    document.removeEventListener('keydown', this.onShiftKeyDown);
    document.removeEventListener('keyup', this.onShiftKeyUp);
    document.removeEventListener('keydown', this.onEscKeyDown);
  }

  private shiftKey = false;

  private onShiftKeyDown = (event: KeyboardEvent) => {
    if (event.key === 'Shift') {
      this.shiftKey = true;
    }
  };

  private onShiftKeyUp = (event: KeyboardEvent) => {
    if (event.key === 'Shift') {
      this.shiftKey = false;
    }
  };

  private onEscKeyDown = (event: KeyboardEvent) => {
    if (event.key === 'Escape') {
      this.interaction.clearSelection();
    }
  };
}