bump version

README.md

@@ -14,7 +14,7 @@ This is currently still missing a lot of functionality and data.
 - [x] Filter and sorting section/popup
 - [x] Filtering based on job
 - [x] Filtering based on level
-- [ ] Filtering based on node type (legendary, ephemeral, etc.)
+- [x] Filtering based on node type (legendary, ephemeral, etc.)
 - [ ] Fully input level 80-100 nodes data
 
 ## Nice to have checklist

package.json

@@ -1,6 +1,6 @@
 {
   "name": "discipleofland",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "private": true,
   "type": "module",
   "scripts": {

public/data/aetherytes.json

@@ -1,173 +0,0 @@
-[
-  {
-    "position": {
-      "zone": "labyrinthos",
-      "x": 30.3,
-      "y": 11.9
-    },
-    "name": {
-      "en": "The Archeion"
-    }
-  },
-  {
-    "position": {
-      "zone": "labyrinthos",
-      "x": 21.6,
-      "y": 20.4
-    },
-    "name": {
-      "en": "Sharlayan Hamlet"
-    }
-  },
-  {
-    "position": {
-      "zone": "labyrinthos",
-      "x": 6.8,
-      "y": 27.5
-    },
-    "name": {
-      "en": "Aporia"
-    }
-  },
-  {
-    "position": {
-      "zone": "thavnair",
-      "x": 29.5,
-      "y": 16.5
-    },
-    "name": {
-      "en": "Palaka's Stand"
-    }
-  },
-  {
-    "position": {
-      "zone": "thavnair",
-      "x": 10.9,
-      "y": 22.2
-    },
-    "name": {
-      "en": "The Great Work"
-    }
-  },
-  {
-    "position": {
-      "zone": "thavnair",
-      "x": 25.3,
-      "y": 34.0
-    },
-    "name": {
-      "en": "Yedlihmad"
-    }
-  },
-  {
-    "position": {
-      "zone": "shaaloani",
-      "x": 15.6,
-      "y": 19.2
-    },
-    "name": {
-      "en": "Sheshenewezi Springs"
-    }
-  },
-  {
-    "position": {
-      "zone": "shaaloani",
-      "x": 29.0,
-      "y": 30.8
-    },
-    "name": {
-      "en": "Hhusatahwi"
-    }
-  },
-  {
-    "position": {
-      "zone": "shaaloani",
-      "x": 27.1,
-      "y": 10.1
-    },
-    "name": {
-      "en": "Mehwahhetsoan"
-    }
-  },
-  {
-    "position": {
-      "zone": "heritage-found",
-      "x": 17.0,
-      "y": 9.8
-    },
-    "name": {
-      "en": "The Outskirts"
-    }
-  },
-  {
-    "position": {
-      "zone": "heritage-found",
-      "x": 31.7,
-      "y": 25.7
-    },
-    "name": {
-      "en": "Yyasulani Station"
-    }
-  },
-  {
-    "position": {
-      "zone": "heritage-found",
-      "x": 17.0,
-      "y": 23.9
-    },
-    "name": {
-      "en": "Electrope Strike"
-    }
-  },
-  {
-    "position": {
-      "zone": "living-memory",
-      "x": 21.5,
-      "y": 37.3
-    },
-    "name": {
-      "en": "Leynode Mnemo"
-    }
-  },
-  {
-    "position": {
-      "zone": "living-memory",
-      "x": 34.7,
-      "y": 15.7
-    },
-    "name": {
-      "en": "Leynode Pyro"
-    }
-  },
-  {
-    "position": {
-      "zone": "living-memory",
-      "x": 16.4,
-      "y": 13.5
-    },
-    "name": {
-      "en": "Leynode Aero"
-    }
-  },
-  {
-    "position": {
-      "zone": "urquopacha",
-      "x": 30.5,
-      "y": 34.2
-    },
-    "name": {
-      "en": "Worlar's Echo"
-    }
-  },
-  {
-    "position": {
-      "zone": "urquopacha",
-      "x": 28.1,
-      "y": 13.1
-    },
-    "name": {
-      "en": "Wachunpelo"
-    }
-  }
-]
-

public/data/items.json

@@ -1,19 +1,73 @@
 {
-  "rarefied-iceberg-lettuce": {
+
-    "name": "Rarefied Iceberg Lettuce",
+  "rarefied-sykon": {
+    "name": "Rarefied Sykon",
+    "level": 87
+  },
+  "rarefied-elder-nutmeg": {
+    "name": "Rarefied Elder Nutmeg",
     "level": 90
   },
+  "rarefied-coconut": {
+    "name": "Rarefied Coconut",
+    "level": 85
+  },
+  "rarefied-palm-log": {
+    "name": "Rarefied Palm Log",
+    "level": 85
+  },
+  "rarefied-red-pine-log": {
+    "name": "Rarefied Red Pine Log",
+    "level": 83
+  },
   "rarefied-dark-rye": {
     "name": "Rarefied Dark Rye",
     "level": 89
   },
-  "rarefied-palm-log": {
+  "rarefied-iceberg-lettuce": {
-    "name": "Rarefied Palm Log",
+    "name": "Rarefied Iceberg Lettuce",
+    "level": 90,
+    "stars": 1
+  },
+  "rarefied-ar-cean-cotton-boll": {
+    "name": "Rarefied AR-Cean Cotton Boll",
+    "level": 90,
+    "stars": 1
+  },
+
+  "rarefied-sharlayan-rock-salt": {
+    "name": "Rarefied Sharlayan Rock Salt",
+    "level": 85
+  },
+  "rarefied-raw-ametrine": {
+    "name": "Rarefied Raw Ametrine",
     "level": 81
   },
-  "rarefied-coconut": {
+  "rarefied-eblan-alumen": {
-    "name": "Rarefied Coconut",
+    "name": "Rarefied Eblan Alumen",
-    "level": 85
+    "level": 90
+  },
+  "rarefied-phrygian-gold-ore": {
+    "name":"Rarefied Phrygian Gold Ore",
+    "level": 87
+  },
+  "rarefied-pewter-ore": {
+    "name": "Rarefied Pewter Ore",
+    "level": 90,
+    "stars": 1
+  },
+  "rarefied-bismuth-ore": {
+    "name": "Rarefied Bismuth Ore",
+    "level": 83
+  },
+  "rarefied-annite": {
+    "name": "Rarefied Annite",
+    "level": 90,
+    "stars": 1
+  },
+  "rarefied-blue-zircon": {
+    "name": "Rarefied Blue Zircon",
+    "level": 89
   },
   "rarefied-titanium-gold-ore": {
     "name": "Rarefied Titanium Gold Ore",
@@ -58,5 +112,27 @@
   "rarefied-mountain-flax": {
     "name": "Rarefied Mountain Flax",
     "level": 93
+  },
+  "rarefied-raw-dark-amber": {
+    "name": "Rarefied Raw Dark Amber",
+    "level": 93
+  },
+  "raw-spodumene": {
+    "name": "Raw Spodumene",
+    "level": 90,
+    "stars": 3,
+    "perception": 3850
+  },
+  "mempisang-log": {
+    "name": "Mempisang Log",
+    "level": 90,
+    "stars": 1,
+    "perception": 2990
+  },
+  "paldao-log": {
+    "name": "Paldao Log",
+    "level": 90,
+    "stars": 2,
+    "perception": 3600
   }
 }

public/data/nodes.json

@@ -33,6 +33,105 @@
       "rarefied-coconut"
     ]
   },
+  {
+    "job": "botanist",
+    "type": "unspoiled",
+    "position": {
+      "zone": "ultima-thule",
+      "x": 14.0,
+      "y": 28.0
+    },
+    "times": [
+      "08:00-10:00",
+      "20:00-22:00"
+    ],
+    "items": [
+      "rarefied-ar-cean-cotton-boll"
+    ]
+  },
+  {
+    "job": "miner",
+    "type": "unspoiled",
+    "position": {
+      "zone": "labyrinthos",
+      "x": 32.5,
+      "y": 21.2
+    },
+    "times": [
+      "12:00-14:00",
+      "00:00-02:00"
+    ],
+    "items": [
+      "rarefied-sharlayan-rock-salt",
+      "rarefied-raw-ametrine"
+    ]
+  },
+  {
+    "job": "miner",
+    "type": "unspoiled",
+    "position": {
+      "zone": "garlemald",
+      "x": 12.9,
+      "y": 21.8
+    },
+    "times": [
+      "14:00-16:00",
+      "02:00-04:00"
+    ],
+    "items": [
+      "rarefied-eblan-alumen",
+      "rarefied-phrygian-gold-ore"
+    ]
+  },
+  {
+    "job": "miner",
+    "type": "unspoiled",
+    "position": {
+      "zone": "thavnair",
+      "x": 32.0,
+      "y": 25.0
+    },
+    "times": [
+      "04:00-06:00",
+      "16:00-18:00"
+    ],
+    "items": [
+      "rarefied-pewter-ore"
+    ]
+  },
+  {
+    "job": "miner",
+    "type": "unspoiled",
+    "position": {
+      "zone": "mare-lamentorum",
+      "x": 16.0,
+      "y": 32.0
+    },
+    "times": [
+      "06:00-08:00",
+      "18:00-20:00"
+    ],
+    "items": [
+      "rarefied-bismuth-ore"
+    ]
+  },
+  {
+    "job": "miner",
+    "type": "unspoiled",
+    "position": {
+      "zone": "elpis",
+      "x": 8.0,
+      "y": 36.0
+    },
+    "times": [
+      "10:00-12:00",
+      "22:00-00:00"
+    ],
+    "items": [
+      "rarefied-annite",
+        "rarefied-blue-zircon"
+    ]
+  },
   {
     "job": "miner",
     "type": "unspoiled",
@@ -104,7 +203,7 @@
     "job": "botanist",
     "type": "unspoiled",
     "position": {
-      "zone": "yar-tel",
+      "zone": "yak-tel",
       "x": 36.9,
       "y": 34.8
     },
@@ -148,6 +247,69 @@
     "items": [
       "rarefied-mountain-flax"
     ]
+  },
+  {
+    "job": "botanist",
+    "type": "unspoiled",
+    "position": {
+      "zone": "kozamauka",
+      "x": 6.9,
+      "y": 7.5
+    },
+    "times": [
+      "10:00-12:00",
+      "22:00-00:00"
+    ],
+    "items": [
+      "rarefied-raw-dark-amber"
+    ]
+  },
+  {
+    "job": "miner",
+    "type": "legendary",
+    "position": {
+      "zone": "elpis",
+      "x": 30.2,
+      "y": 18.2
+    },
+    "times": [
+      "08:00-10:00",
+      "20:00-22:00"
+    ],
+    "items": [
+      "raw-spodumene"
+    ]
+  },
+  {
+    "job": "botanist",
+    "type": "legendary",
+    "position": {
+      "zone": "elpis",
+      "x": 33.1,
+      "y": 14.7
+    },
+    "times": [
+      "06:00-08:00",
+      "18:00-20:00"
+    ],
+    "items": [
+      "mempisang-log"
+    ]
+  },
+  {
+    "job": "botanist",
+    "type": "legendary",
+    "position": {
+      "zone": "elpis",
+      "x": 9.8,
+      "y": 29.8
+    },
+    "times": [
+      "02:00-04:00",
+      "14:00-16:00"
+    ],
+    "items": [
+      "paldao-log"
+    ]
   }
 ]
-

public/data/zones.json

@@ -2,36 +2,380 @@
   "labyrinthos": {
     "name": {
       "en": "Labyrinthos"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 30.3,
+          "y": 11.9
+        },
+        "name": {
+          "en": "The Archeion"
         }
       },
+      {
+        "position": {
+          "x": 21.6,
+          "y": 20.4
+        },
+        "name": {
+          "en": "Sharlayan Hamlet"
+        }
+      },
+      {
+        "position": {
+          "x": 6.8,
+          "y": 27.5
+        },
+        "name": {
+          "en": "Aporia"
+        }
+      }
+    ]
+  },
   "thavnair": {
     "name": {
       "en": "Thavnair"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 29.5,
+          "y": 16.5
+        },
+        "name": {
+          "en": "Palaka's Stand"
         }
       },
+      {
+        "position": {
+          "x": 10.9,
+          "y": 22.2
+        },
+        "name": {
+          "en": "The Great Work"
+        }
+      },
+      {
+        "position": {
+          "x": 25.3,
+          "y": 34.0
+        },
+        "name": {
+          "en": "Yedlihmad"
+        }
+      }
+    ]
+  },
+  "mare-lamentorum": {
+    "name": {
+        "en": "Mare Lamentorum"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 10.6,
+          "y": 34.3
+        },
+        "name": {
+          "en": "Sinus Lacrimarum"
+        }
+      },
+      {
+        "position": {
+          "x": 21.7,
+          "y": 11.1
+        },
+        "name": {
+          "en": "Bestways Burrow"
+        }
+      }
+    ]
+  },
+  "ultima-thule": {
+    "name": {
+      "en": "Ultima Thule"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 22.7,
+          "y": 8.3
+        },
+        "name": {
+          "en": "Reah Tahra"
+        }
+      },
+      {
+        "position": {
+        },
+        "name": {
+          "en": "Abode of the Ea"
+        }
+      },
+      {
+        "position": {
+          "x": 31.3,
+          "y": 28.0
+        },
+        "name": {
+          "en": "Base Omnicron"
+        }
+      }
+    ]
+  },
+  "garlemald": {
+    "name": {
+        "en": "Garlemald"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 13.3,
+          "y": 31.1
+        },
+        "name": {
+          "en": "Camp Broken Glass"
+        }
+      },
+      {
+        "position": {
+          "x": 31.7,
+          "y": 18.0
+        },
+        "name": {
+          "en": "Tertium"
+        }
+      }
+    ]
+  },
   "yak-tel": {
     "name": {
       "en": "Yak T'el"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 13.5,
+          "y": 12.9
+        },
+        "name": {
+          "en": "Iq Br'aax"
         }
       },
+      {
+        "position": {
+          "x": 35.9,
+          "y": 32.0
+        },
+        "name": {
+          "en": "Mamook"
+        }
+      }
+    ]
+  },
   "shaaloani": {
     "name": {
       "en": "Shaaloani"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 15.6,
+          "y": 19.2
+        },
+        "name": {
+          "en": "Sheshenewezi Springs"
         }
       },
+      {
+        "position": {
+          "x": 29.0,
+          "y": 30.8
+        },
+        "name": {
+          "en": "Hhusatahwi"
+        }
+      },
+      {
+        "position": {
+          "x": 27.1,
+          "y": 10.1
+        },
+        "name": {
+          "en": "Mehwahhetsoan"
+        }
+      }
+    ]
+  },
   "heritage-found": {
     "name": {
       "en": "Heritage Found"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 17.0,
+          "y": 9.8
+        },
+        "name": {
+          "en": "The Outskirts"
         }
       },
+      {
+        "position": {
+          "x": 31.7,
+          "y": 25.7
+        },
+        "name": {
+          "en": "Yyasulani Station"
+        }
+      },
+      {
+        "position": {
+          "x": 17.0,
+          "y": 23.9
+        },
+        "name": {
+          "en": "Electrope Strike"
+        }
+      }
+    ]
+  },
   "living-memory": {
     "name": {
       "en": "Living Memory"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 21.5,
+          "y": 37.3
+        },
+        "name": {
+          "en": "Leynode Mnemo"
         }
       },
+      {
+        "position": {
+          "x": 34.7,
+          "y": 15.7
+        },
+        "name": {
+          "en": "Leynode Pyro"
+        }
+      },
+      {
+        "position": {
+          "x": 16.4,
+          "y": 13.5
+        },
+        "name": {
+          "en": "Leynode Aero"
+        }
+      }
+    ]
+  },
   "urquopacha": {
     "name": {
       "en": "Urquopacha"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 30.5,
+          "y": 34.2
+        },
+        "name": {
+          "en": "Worlar's Echo"
         }
+      },
+      {
+        "position": {
+          "x": 28.1,
+          "y": 13.1
+        },
+        "name": {
+          "en": "Wachunpelo"
+        }
+      }
+    ]
+  },
+  "kozamauka": {
+    "name": {
+      "en": "Kozama'uka"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 37.1,
+          "y": 16.9
+        },
+        "name": {
+          "en": "Dock Poga"
+        }
+      },
+      {
+        "position": {
+          "x": 18.0,
+          "y": 12.0
+        },
+        "name": {
+          "en": "Ok'hanu"
+        }
+      },
+      {
+        "position": {
+          "x": 11.8,
+          "y": 27.8
+        },
+        "name": {
+          "en": "Earthenshire"
+        }
+      },
+      {
+        "position": {
+          "x": 32.2,
+          "y": 25.9
+        },
+        "name": {
+          "en": "Many Fires"
+        }
+      }
+    ]
+  },
+  "elpis": {
+    "name": {
+      "en": "Elpis"
+    },
+    "aetherytes": [
+      {
+        "position": {
+          "x": 24.6,
+          "y": 24.0
+        },
+        "name": {
+          "en": "Anagnorisis"
+        }
+      },
+      {
+        "position": {
+          "x": 8.7,
+          "y": 32.3
+        },
+        "name": {
+          "en": "The Twelve Wonders"
+        }
+      },
+      {
+        "position": {
+          "x": 10.8,
+          "y": 17.0
+        },
+        "name": {
+          "en": "Poieten Oikos"
+        }
+      }
+    ]
   }
 }

src/App.vue

@@ -34,6 +34,9 @@
         v-if="filtersActive"
       />
     </main>
+    <footer>
+      <p>v{{ version }}</p>
+    </footer>
   </div>
 </template>
 
@@ -51,30 +54,31 @@ import Zone from "@/entities/Zone";
 import FiltersMenu from "@/components/FiltersMenu.vue";
 import Filters from "@/util/Filters";
 import GithubLogo from "@/components/icons/GithubLogo.vue";
+import {version} from "../package.json";
 
 export default defineComponent({
   name: 'App',
   components: {GithubLogo, FiltersMenu, SortedNodeList},
   data: () => ({
+    version: version,
     eorzeaTime: new EorzeaTime() as EorzeaTime,
     nodes: [] as Node[],
-    aetherytes: [] as Aetheryte[],
     items: {} as { [key: string]: Item },
     zones: {} as { [key: string]: Zone },
     filtersActive: false,
     filters: new Filters(),
   }),
   methods: {
-    findNearestAetheryte(zone: string, x: number, y: number): Aetheryte | null {
+    findNearestAetheryte(zoneName: string, x: number, y: number): Aetheryte | null {
       let result = null;
       let distance = Number.MAX_SAFE_INTEGER;
-      for (const aetheryte of this.aetherytes) {
+      const zone = this.zones[zoneName]
-        if (aetheryte.position.zone !== zone) continue;
+      if (!zone) return null;
+      for (const aetheryte of zone.aetherytes) {
         const a = aetheryte.position.x - x;
         const b = aetheryte.position.y - y;
         const distanceToAetheryte = Math.hypot(a, b);
         if (distanceToAetheryte < distance) {
-          `Aetheryte ${aetheryte.name.en}  (${distance}) is new nearest aetheryte`;
           distance = distanceToAetheryte;
           result = aetheryte;
         }
@@ -88,20 +92,6 @@ export default defineComponent({
       this.eorzeaTime = new EorzeaTime();
     }, 500);
 
-    const aetheryteData: Response | null = await fetch("/data/aetherytes.json")
-      .catch((): null => {
-        return null;
-      });
-    if (aetheryteData === null) {
-      console.error("Failed to fetch aetheryte data!")
-      return;
-    }
-
-    const aetherytes = await aetheryteData.json();
-    for (const aetheryteData of aetherytes) {
-      this.aetherytes.push(new Aetheryte(aetheryteData));
-    }
-
     const itemData: Response | null = await fetch("/data/items.json")
       .catch((): null => {
         return null;
@@ -144,21 +134,33 @@ export default defineComponent({
     for (const nodeData of nodes) {
 
       const job = jobFromString(nodeData.job);
-      if (job === null) continue;
+      if (job === null) {
+        console.debug(`Failed to parse job: ${nodeData.job}`);
+        continue;
+      }
       const nodeType = nodeTypeFromString(nodeData.type);
-      if (nodeType === null) continue;
+      if (nodeType === null) {
+        console.debug(`Failed to parse node type: ${nodeData.type}`);
+        continue;
+      }
 
       const items = [] as Item[];
       for (const itemId of nodeData.items) {
         const item = this.items[itemId];
-        if (item === undefined) continue;
+        if (item === undefined) {
+          console.debug(`Failed to find item with id: ${itemId}`);
+          continue;
+        }
         items.push(item);
       }
 
       const times = [] as TimeRange[];
       for (const timeRangeEntry of nodeData.times) {
         const timeSplit = timeRangeEntry.split("-");
-        if (timeSplit.length !== 2) continue;
+        if (timeSplit.length !== 2) {
+          console.debug(`Failed to parse time range: ${timeRangeEntry}`);
+          continue;
+        }
         const startTime = timeSplit[0].split(":");
         const endTime = timeSplit[1].split(":");
         times.push(new TimeRange(
@@ -170,7 +172,10 @@ export default defineComponent({
       }
 
       const nearestAetheryte = this.findNearestAetheryte(nodeData?.position?.zone, nodeData?.position?.x, nodeData.position?.y);
-      if (nearestAetheryte === null) continue;
+      if (nearestAetheryte === null) {
+        console.debug(`Failed to find nearest aetheryte for node: ${JSON.stringify(nodeData)}`);
+        continue;
+      }
 
       this.nodes.push(new Node(
           job,
@@ -220,4 +225,9 @@ nav {
     }
   }
 }
+footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 </style>

src/components/FiltersMenu.vue

@@ -46,13 +46,13 @@
           <span>Botanist</span>
           <input
             type="checkbox"
-            :checked="filters.jobs.includes(Job.BOTANIST)"
+            :checked="filters.jobs.has(Job.BOTANIST)"
             @change="(e: Event) => {
               const target = e.target as HTMLInputElement;
               if (target.checked) {
-                filters.jobs.push(Job.BOTANIST);
+                filters.jobs.add(Job.BOTANIST);
               } else {
-                filters.jobs = filters.jobs.filter((job) => job !== Job.BOTANIST);
+                filters.jobs.delete(Job.BOTANIST);
               }
             }"
           >
@@ -61,13 +61,48 @@
           <span>Miner</span>
           <input
             type="checkbox"
-            :checked="filters.jobs.includes(Job.MINER)"
+            :checked="filters.jobs.has(Job.MINER)"
             @change="(e: Event) => {
               const target = e.target as HTMLInputElement;
               if (target.checked) {
-                filters.jobs.push(Job.MINER);
+                filters.jobs.add(Job.MINER);
               } else {
-                filters.jobs = filters.jobs.filter((job) => job !== Job.MINER);
+                filters.jobs.delete(Job.MINER);
+              }
+            }"
+          >
+        </label>
+      </section>
+    </details>
+    <details open>
+      <summary>Node type</summary>
+      <section>
+        <label class="horizontal">
+          <span>Unspoiled</span>
+          <input
+            type="checkbox"
+            :checked="filters.nodeTypes.has(NodeType.UNSPOILED)"
+            @change="(e: Event) => {
+              const target = e.target as HTMLInputElement;
+              if (target.checked) {
+                filters.nodeTypes.add(NodeType.UNSPOILED);
+              } else {
+                filters.nodeTypes.delete(NodeType.UNSPOILED);
+              }
+            }"
+          >
+        </label>
+        <label class="horizontal">
+          <span>Legendary</span>
+          <input
+            type="checkbox"
+            :checked="filters.nodeTypes.has(NodeType.LEGENDARY)"
+            @change="(e: Event) => {
+              const target = e.target as HTMLInputElement;
+              if (target.checked) {
+                filters.nodeTypes.add(NodeType.LEGENDARY);
+              } else {
+                filters.nodeTypes.delete(NodeType.LEGENDARY);
               }
             }"
           >
@@ -81,27 +116,27 @@
 import {defineComponent} from "vue";
 import Filters from "@/util/Filters";
 import {Job} from "@/enums/Job";
+import {NodeType} from "@/enums/NodeType";
 
 export default defineComponent({
   name: "FiltersMenu",
   computed: {
+    NodeType() {
+      return NodeType
+    },
     Job() {
       return Job
     }
   },
   emits: ['update:filters'],
   data: () => ({
-    filters: {
+    filters: new Filters(),
-      minLevel: undefined,
-      maxLevel: undefined,
-      jobs: [] as Job[],
-    },
   }),
   watch: {
     filters: {
       handler(newFilters) {
         const filters = new Filters(newFilters);
-        window.localStorage.setItem("filters", JSON.stringify(filters));
+        window.localStorage.setItem("filters", filters.serialize());
       },
       deep: true,
     },
@@ -115,10 +150,11 @@ export default defineComponent({
     },
   },
   mounted() {
-    const filters = window.localStorage.getItem("filters");
+    const savedFilters = window.localStorage.getItem("filters");
-    if (filters) {
+    if (!savedFilters) return;
-      this.filters = JSON.parse(filters);
+    const parsedFilters = JSON.parse(savedFilters);
-    }
+    this.filters = new Filters(parsedFilters);
+
 
   },
 });
@@ -130,6 +166,7 @@ section {
   flex-direction: column;
   gap: 1rem;
   padding-block: 1rem;
+  padding-inline: 0.25rem;
 
   details {
     background-color: #1f1f1f;

src/components/GatheringNode.vue

@@ -29,7 +29,7 @@
       <div class="info">
         <span>{{ zones[gatheringNode.nearestAetheryte.position.zone]?.name?.en }}</span>
         <span>{{ gatheringNode.nearestAetheryte.name.en }}</span>
-        <span>{{ gatheringNode.nearestAetheryte.position.x }}, {{ gatheringNode.nearestAetheryte.position.y }}</span>
+        <span>{{ gatheringNode.nearestAetheryte.position.x.toFixed(1) }}, {{ gatheringNode.nearestAetheryte.position.y.toFixed(1) }}</span>
       </div>
     </div>
     <div class="items">

src/components/SortedNodeList.vue

@@ -85,8 +85,9 @@ export default defineComponent(
         this.displayNodes = nodes.filter((node) => {
           let shouldDisplay = false;
 
-          if (filters && !filters.jobs.includes(node.job)) {
+          if (filters) {
-            return false;
+            if (!filters.jobs.has(node.job)) return false;
+            if (!filters.nodeTypes.has(node.nodeType)) return false;
           }
 
           for (const item of node.items) {
@@ -112,6 +113,7 @@ export default defineComponent(
   display: flex;
   flex-direction: column;
   gap: 0.33rem;
-
+  padding-block: 0.5rem;
+  padding-inline: 0.25rem;
 }
 </style>

src/entities/Zone.ts

@@ -1,13 +1,21 @@
+import Aetheryte from "@/entities/Aetheryte";
+
 export default class Zone {
 
   name: {
     en: string,
   }
 
-  constructor(data: {name: {en: string}}) {
+  aetherytes: Array<Aetheryte> = [];
+
+  constructor(data: {name: {en: string}, aetherytes: Array<{position: {x: number, y: number, zone: string}, name: {en: string}}>}) {
     this.name = {
       en: data.name.en
     };
+    if (!Array.isArray(data.aetherytes)) return;
+    for (const aetheryte of data.aetherytes) {
+      this.aetherytes.push(new Aetheryte(aetheryte));
+    }
   }
 
 }

src/util/Filters.ts

@@ -1,16 +1,19 @@
 import {Job, jobFromString} from "@/enums/Job";
+import {NodeType, nodeTypeFromString} from "@/enums/NodeType";
 
 export default class Filters {
 
     minLevel: number;
     maxLevel: number;
-    jobs: Job[] = [];
+    jobs: Set<Job> = new Set();
+    nodeTypes: Set<NodeType> = new Set();
 
     constructor(
         data?: {
             minLevel?: number,
             maxLevel?: number,
             jobs?: string[],
+            nodeTypes?: string[],
         },
     ) {
         this.minLevel = data?.minLevel || 91;
@@ -20,9 +23,28 @@ export default class Filters {
         for (const job of jobData) {
             const parsedJob = jobFromString(job);
             if (!parsedJob) continue;
-            this.jobs.push(parsedJob);
+            this.jobs.add(parsedJob);
         }
 
+        const nodeTypeData = data?.nodeTypes || [
+            NodeType.UNSPOILED,
+        ];
+
+        for (const nodeType of nodeTypeData) {
+            const parsedNodeType = nodeTypeFromString(nodeType);
+            if (!parsedNodeType) continue;
+            this.nodeTypes.add(parsedNodeType);
+        }
+
+    }
+
+    serialize(): string {
+        return JSON.stringify({
+            minLevel: this.minLevel,
+            maxLevel: this.maxLevel,
+            jobs: Array.from(this.jobs).map(job => job),
+            nodeTypes: Array.from(this.nodeTypes).map(nodeType => nodeType),
+        });
     }
 
 }