Refactor cameraControls and pointerHandlers, npm update, npm run format

src/composables/pointerHandlers/useZoneEditorPointerHandlers.ts

@@ -1,8 +1,8 @@
 import { computed, type Ref } from 'vue'
 import { getTile, tileToWorldXY } from '@/composables/zoneComposable'
 import { useZoneEditorStore } from '@/stores/zoneEditorStore'
-import config from '@/config'
 import { useGameStore } from '@/stores/gameStore'
+import config from '@/config'
 
 export function useZoneEditorPointerHandlers(scene: Phaser.Scene, layer: Phaser.Tilemaps.TilemapLayer, waypoint: Ref<{ visible: boolean; x: number; y: number }>, camera: Phaser.Cameras.Scene2D.Camera) {
   const gameStore = useGameStore()
@@ -13,20 +13,24 @@ export function useZoneEditorPointerHandlers(scene: Phaser.Scene, layer: Phaser.
     const { x: px, y: py } = camera.getWorldPoint(pointer.x, pointer.y)
     const pointerTile = getTile(px, py, layer)
 
-    waypoint.value.visible = !!pointerTile
-    if (!pointerTile) return
-
-    const worldPoint = tileToWorldXY(layer, pointerTile.x, pointerTile.y)
-    waypoint.value.x = worldPoint.positionX
-    waypoint.value.y = worldPoint.positionY + config.tile_size.y + 15
+    if (pointerTile) {
+      const worldPoint = tileToWorldXY(layer, pointerTile.x, pointerTile.y)
+      waypoint.value = {
+        visible: true,
+        x: worldPoint.positionX,
+        y: worldPoint.positionY + config.tile_size.y + 15
+      }
+    } else {
+      waypoint.value.visible = false
+    }
   }
 
   function dragZone(pointer: Phaser.Input.Pointer) {
-    if (!gameStore.isPlayerDraggingCamera) return
-
-    const { x, y, prevPosition } = pointer
-    const { scrollX, scrollY, zoom } = camera
-    camera.setScroll(scrollX - (x - prevPosition.x) / zoom, scrollY - (y - prevPosition.y) / zoom)
+    if (gameStore.isPlayerDraggingCamera) {
+      const { x, y, prevPosition } = pointer
+      const { scrollX, scrollY, zoom } = camera
+      camera.setScroll(scrollX - (x - prevPosition.x) / zoom, scrollY - (y - prevPosition.y) / zoom)
+    }
   }
 
   function handlePointerMove(pointer: Phaser.Input.Pointer) {
@@ -37,12 +41,13 @@ export function useZoneEditorPointerHandlers(scene: Phaser.Scene, layer: Phaser.
   }
 
   function handleZoom(pointer: Phaser.Input.Pointer) {
-    if (!(pointer.event instanceof WheelEvent) || !pointer.event.shiftKey) return
-
-    const deltaY = pointer.event.deltaY
-    let zoomLevel = camera.zoom - deltaY * 0.005
-    if(zoomLevel <= 0 || zoomLevel >= 3) return
-    camera.setZoom(zoomLevel)
+    if (pointer.event instanceof WheelEvent && pointer.event.shiftKey) {
+      const deltaY = pointer.event.deltaY
+      let zoomLevel = camera.zoom - deltaY * 0.005
+      if (zoomLevel > 0 && zoomLevel < 3) {
+        camera.setZoom(zoomLevel)
+      }
+    }
   }
 
   const setupPointerHandlers = () => {