import { computed, type Ref, watch } from 'vue'
import { useZoneEditorStore } from '@/stores/zoneEditorStore'
import { useGamePointerHandlers } from '@/composables/pointerHandlers/useGamePointerHandlers'
import { useZoneEditorPointerHandlers } from '@/composables/pointerHandlers/useZoneEditorPointerHandlers'
import { useGameStore } from '@/stores/gameStore'

export function usePointerHandlers(scene: Phaser.Scene, layer: Phaser.Tilemaps.TilemapLayer, waypoint: Ref<{ visible: boolean; x: number; y: number }>, camera: Phaser.Cameras.Scene2D.Camera) {
  const zoneEditorStore = useZoneEditorStore()

  const gameHandlers = useGamePointerHandlers(scene, layer, waypoint, camera)
  const zoneEditorHandlers = useZoneEditorPointerHandlers(scene, layer, waypoint, camera)

  const currentHandlers = computed(() => (zoneEditorStore.active ? zoneEditorHandlers : gameHandlers))

  const setupPointerHandlers = () => {
    currentHandlers.value.setupPointerHandlers()
  }

  const cleanupPointerHandlers = () => {
    currentHandlers.value.cleanupPointerHandlers()
  }

  watch(
    () => zoneEditorStore.active,
    (newValue, oldValue) => {
      if (newValue !== oldValue) {
        cleanupPointerHandlers()
        setupPointerHandlers()
      }
    }
  )

  return { setupPointerHandlers, cleanupPointerHandlers }
}