#102 - Various zone editor UX improvements and bug fixes

src/components/gameMaster/zoneEditor/ZoneEditor.vue

@@ -3,7 +3,7 @@
   <Controls :layer="tiles as TilemapLayer" />
 
   <Container :depth="2">
-    <Image v-for="object in sortedZoneObjects" :key="object.id" v-bind="getObjectImageProps(object)" @pointerup="() => zoneEditorStore.setSelectedZoneObject(object)" />
+    <Image v-for="object in sortedZoneObjects" :key="object.id" v-bind="getObjectImageProps(object)" @pointerup="() => setSelectedZoneObject(object)" />
   </Container>
 
   <Container :depth="3">
@@ -123,6 +123,10 @@ function pencil(tile: Phaser.Tilemaps.Tile) {
 }
 
 function addZoneObject(tile: Phaser.Tilemaps.Tile) {
+  // Check if object already exists on position
+  const existingObject = zoneObjects.value.find((object) => object.positionX === tile.x && object.positionY === tile.y)
+  if (existingObject) return
+
   const newObject = {
     id: uuidv4(),
     zoneId: zone.value!.id,
@@ -137,6 +141,10 @@ function addZoneObject(tile: Phaser.Tilemaps.Tile) {
 }
 
 function addZoneEventTile(tile: Phaser.Tilemaps.Tile) {
+  // Check if event tile already exists on position
+  const existingEventTile = zoneEventTiles.value.find((eventTile) => eventTile.positionX === tile.x && eventTile.positionY === tile.y)
+  if (existingEventTile) return
+
   const newEventTile = {
     id: uuidv4(),
     zoneId: zone.value!.id,
@@ -263,4 +271,11 @@ watch(
   },
   { deep: true }
 )
+
+const setSelectedZoneObject = (zoneObject: ZoneObject | null) => {
+  if (!zoneObject) return
+  // Check if tool is move or return
+  if (zoneEditorStore.tool !== 'move') return
+  zoneEditorStore.setSelectedZoneObject(zoneObject)
+}
 </script>