Class ReactComponentPicker

public/picker/react-component-picker.js:11–446

  'use strict';

  class ReactComponentPicker {
    constructor() {
      this.isActive = false;
      this.overlay = null;
      this.tooltip = null;
      this.currentElement = null;
      this.boundMouseOver = this.handleMouseOver.bind(this);
      this.boundClick = this.handleClick.bind(this);
      this.boundKeyDown = this.handleKeyDown.bind(this);
    }

    /**
     * Activate selection mode
     */
    activate() {
      if (this.isActive) return;

      this.isActive = true;
      this.createOverlay();
      this.createTooltip();

      document.addEventListener('mouseover', this.boundMouseOver, true);
      document.addEventListener('click', this.boundClick, true);
      document.addEventListener('keydown', this.boundKeyDown, true);

      document.body.style.cursor = 'crosshair';

      console.log('[Pilot Picker] Selection mode activated');
    }

    /**
     * Deactivate selection mode
     */
    deactivate() {
      if (!this.isActive) return;

      this.isActive = false;

      if (this.overlay) {
        this.overlay.remove();
        this.overlay = null;
      }

      if (this.tooltip) {
        this.tooltip.remove();
        this.tooltip = null;
      }

      document.removeEventListener('mouseover', this.boundMouseOver, true);
      document.removeEventListener('click', this.boundClick, true);
      document.removeEventListener('keydown', this.boundKeyDown, true);

      document.body.style.cursor = '';

      console.log('[Pilot Picker] Selection mode deactivated');
    }

    /**