33 Commits

Author SHA1 Message Date
YouHaveTrouble 05de2e5fcd bump version 2025-02-16 19:56:03 +01:00
YouHaveTrouble c0379df157 add a few more nodes 2025-02-16 19:55:42 +01:00
YouHaveTrouble 0a9fd617e9 node type filter done 2025-02-16 19:55:19 +01:00
YouHaveTrouble 52b7aa13af display version in footer 2025-02-16 19:55:07 +01:00
YouHaveTrouble 0807b8fb86 add debug to data parser 2025-02-16 19:44:18 +01:00
YouHaveTrouble 7cd860d44b always display one decimal in aetheryte coords 2025-02-16 19:29:52 +01:00
YouHaveTrouble 2566f836bb add node type filter 2025-02-16 19:21:36 +01:00
YouHaveTrouble cf8a918ed9 add missing zone aetheryte list and missing node 2025-02-16 18:43:53 +01:00
YouHaveTrouble 036a9cc829 add paddings 2025-02-16 18:41:28 +01:00
YouHaveTrouble 508b7d9acf bump version 2024-07-18 21:29:15 +02:00
YouHaveTrouble cf3bc7b463 complete(?) endwalker data for unspoiled nodes 2024-07-18 21:22:46 +02:00
YouHaveTrouble a50ea1273d zone data now contains aetheryte list 2024-07-18 19:59:05 +02:00
YouHaveTrouble b3ec17f2c0 version bump 2024-07-15 23:25:08 +02:00
YouHaveTrouble c00e4178c5 fix nearest aetheryte finder 2024-07-15 21:09:14 +02:00
YouHaveTrouble f7ac1725f9 versionino bumperino 2024-07-15 20:17:41 +02:00
YouHaveTrouble 07084d36d0 add a little arrow and animation when collapsing and uncollapsing filter groups 2024-07-15 20:13:03 +02:00
YouHaveTrouble 07d041b974 add metadata 2024-07-15 20:12:33 +02:00
YouHaveTrouble 634ae2b457 updates 2024-07-15 18:51:08 +02:00
YouHaveTrouble 592f941a1c better default filters 2024-07-15 18:51:01 +02:00
YouHaveTrouble 7629c9f339 update readme 2024-07-15 18:30:56 +02:00
YouHaveTrouble f0b38d82ba add link to gh repo 2024-07-15 18:30:49 +02:00
YouHaveTrouble 3aec40658f filter shenanigans 2024-07-15 18:14:02 +02:00
YouHaveTrouble be9cffef4f update vite 2024-07-15 18:12:44 +02:00
YouHaveTrouble d1cdceb620 update lockfile 2024-07-15 00:09:56 +02:00
YouHaveTrouble 281b164212 bump version 2024-07-15 00:09:11 +02:00
YouHaveTrouble 36775e45db add most unspoiled dawntrail nodes 2024-07-15 00:06:16 +02:00
YouHaveTrouble 0ef5d72275 fix up some things 2024-07-14 23:45:26 +02:00
YouHaveTrouble 0649004e51 read the readme 2023-10-12 18:03:00 +02:00
YouHaveTrouble 4f44eb58c7 newlines at the end of files 2023-10-12 17:45:47 +02:00
YouHaveTrouble 1308ef8d44 don't wanna eslint node_modules 2023-10-12 17:39:28 +02:00
YouHaveTrouble aa7b1bbdec test code on push 2023-10-12 17:30:51 +02:00
YouHaveTrouble 388e1d853a rename deploy workflow 2023-10-12 17:24:33 +02:00
YouHaveTrouble eb78ce7b6f install and configure eslint, bow before eslint 2023-10-12 17:20:28 +02:00
28 changed files with 3600 additions and 394 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
name: Build Vue name: Build and deploy
on: on:
release: release:
types: [published] types: [published]
+13
View File
@@ -0,0 +1,13 @@
name: Test
on: [push]
jobs:
build_vue:
runs-on: ubuntu-latest
name: Build and lint
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Install
run: npm install
- name: Build and lint
run: npm run build
+24
View File
@@ -0,0 +1,24 @@
# Disciple of Land
I deemed existing gathering timers to be inadequate, so I made my own.
This is currently still missing a lot of functionality and data.
## 1.0 checklist
- [x] Displaying gathering nodes
- [x] Displaying next time gathering node will be available
- [x] Displaying gathering node type
- [x] Displaying node's items and their level
- [x] Sorting based on time when node will be available
- [x] Filter and sorting section/popup
- [x] Filtering based on job
- [x] Filtering based on level
- [x] Filtering based on node type (legendary, ephemeral, etc.)
- [ ] Fully input level 80-100 nodes data
## Nice to have checklist
- [ ] Fully input level 70-80 nodes data
- [ ] Fully input level 60-70 nodes data
- [ ] Fully input level 50-60 nodes data
- [ ] Better mobile support (pwa?)
BIN
View File
Binary file not shown.
+11
View File
@@ -5,8 +5,19 @@
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Disciple of Land</title> <title>Disciple of Land</title>
<meta property="og-title" content="Disciple of Land">
<meta property="twitter:title" content="Disciple of Land">
<meta property="og-type" content="website">
<meta name="description" content="Track timed gathering nodes in Final Fantasy XIV.">
<meta property="og-description" content="Track timed gathering nodes in Final Fantasy XIV.">
<meta property="twitter:description" content="Track timed gathering nodes in Final Fantasy XIV.">
<meta property="og-url" content="https://dol.yht.one">
<meta property="twitter:url" content="https://dol.yht.one">
</head> </head>
<body> <body>
<noscript>
<strong>We're sorry but Disciple of Land doesn't work without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>
+2077 -134
View File
File diff suppressed because it is too large Load Diff
+33 -5
View File
@@ -1,19 +1,47 @@
{ {
"name": "discipleofland", "name": "discipleofland",
"version": "0.0.1", "version": "0.0.7",
"private": true, "private": true,
"type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build && cp -r CNAME dist/CNAME", "build": "vite build && cp -r CNAME dist/CNAME",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"sass": "^1.67.0",
"typescript": "^5.2.2",
"vue": "^3.3.4" "vue": "^3.3.4"
}, },
"devDependencies": { "devDependencies": {
"@vitejs/plugin-vue": "^4.2.3", "sass": "^1.67.0",
"vite": "^4.3.9" "typescript": "^5.2.2",
"@typescript-eslint/eslint-plugin": "^6.7.5",
"@typescript-eslint/parser": "^6.7.5",
"@vitejs/plugin-vue": "^5.0.5",
"@vue/eslint-config-typescript": "^12.0.0",
"eslint": "^8.51.0",
"eslint-plugin-vue": "^9.17.0",
"vite": "^5.3.3",
"vue-eslint-parser": "^9.3.2",
"vite-plugin-eslint": "^1.8.1"
},
"eslintConfig": {
"root": true,
"parser": "vue-eslint-parser",
"extends": [
"plugin:vue/strongly-recommended",
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"@vue/typescript/recommended"
],
"plugins": ["@typescript-eslint"],
"parserOptions": {
"sourceType": "module",
"ecmaVersion": 2020
},
"ignorePatterns": [
"dist/",
"node_modules/",
".github/"
]
} }
} }
-63
View File
@@ -1,63 +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"
}
}
]
+130 -14
View File
@@ -1,22 +1,138 @@
{ {
"rarefied-iceberg-lettuce": {
"name": "Rarefied Iceberg Lettuce", "rarefied-sykon": {
"scrip-color": "purple", "name": "Rarefied Sykon",
"level": 87
},
"rarefied-elder-nutmeg": {
"name": "Rarefied Elder Nutmeg",
"level": 90 "level": 90
}, },
"rarefied-dark-rye": {
"name": "Rarefied Dark Rye",
"scrip-color": "white",
"level": 89
},
"rarefied-palm-log": {
"name": "Rarefied Palm Log",
"scrip-color": "white",
"level": 81
},
"rarefied-coconut": { "rarefied-coconut": {
"name": "Rarefied Coconut", "name": "Rarefied Coconut",
"scrip-color": "white",
"level": 85 "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-iceberg-lettuce": {
"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-eblan-alumen": {
"name": "Rarefied Eblan Alumen",
"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",
"level": 96
},
"rarefied-magnesite-ore": {
"name": "Rarefied Magnesite Ore",
"level": 100
},
"rarefied-rakaznar-ore": {
"name": "Rarefied Ra'Kaznar Ore",
"level": 100
},
"rarefied-white-gold-ore": {
"name": "Rarefied White Gold Ore",
"level": 98
},
"rarefied-ash-soil": {
"name": "Rarefied Ash Soil",
"level": 100
},
"rarefied-acacia-log": {
"name": "Rarefied Acacia Log",
"level": 100
},
"rarefied-acacia-bark": {
"name": "Rarefied Acacia Bark",
"level": 98
},
"rarefied-dark-mahogany-log": {
"name": "Rarefied Dark Mahogany Log",
"level": 100
},
"rarefied-sweet-kukuru-bean": {
"name": "Rarefied Sweet Kukuru Bean",
"level": 96
},
"rarefied-windsbalm-bay-leaf": {
"name": "Rarefied Windsbalm Bay Leaf",
"level": 100
},
"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
} }
} }
+279 -1
View File
@@ -32,6 +32,284 @@
"rarefied-palm-log", "rarefied-palm-log",
"rarefied-coconut" "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",
"position": {
"zone": "shaaloani",
"x": 9.2,
"y": 24.2
},
"times": [
"08:00-10:00",
"20:00-22:00"
],
"items": [
"rarefied-magnesite-ore",
"rarefied-titanium-gold-ore"
]
},
{
"job": "miner",
"type": "unspoiled",
"position": {
"zone": "heritage-found",
"x": 34.6,
"y": 8.2
},
"times": [
"04:00-06:00",
"16:00-18:00"
],
"items": [
"rarefied-rakaznar-ore",
"rarefied-white-gold-ore"
]
},
{
"job": "miner",
"type": "unspoiled",
"position": {
"zone": "living-memory",
"x": 24.9,
"y": 17.3
},
"times": [
"00:00-02:00",
"12:00-14:00"
],
"items": [
"rarefied-ash-soil"
]
},
{
"job": "botanist",
"type": "unspoiled",
"position": {
"zone": "shaaloani",
"x": 31.6,
"y": 20.4
},
"times": [
"06:00-08:00",
"18:00-20:00"
],
"items": [
"rarefied-acacia-log",
"rarefied-acacia-bark"
]
},
{
"job": "botanist",
"type": "unspoiled",
"position": {
"zone": "yak-tel",
"x": 36.9,
"y": 34.8
},
"times": [
"02:00-04:00",
"14:00-16:00"
],
"items": [
"rarefied-acacia-log",
"rarefied-acacia-bark"
]
},
{
"job": "botanist",
"type": "unspoiled",
"position": {
"zone": "living-memory",
"x": 8.7,
"y": 7.6
},
"times": [
"10:00-12:00",
"22:00-00:00"
],
"items": [
"rarefied-windsbalm-bay-leaf"
]
},
{
"job": "botanist",
"type": "unspoiled",
"position": {
"zone": "urquopacha",
"x": 5.9,
"y": 23.8
},
"times": [
"00:00-02:00",
"12:00-14:00"
],
"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"
]
} }
] ]
+369
View File
@@ -2,11 +2,380 @@
"labyrinthos": { "labyrinthos": {
"name": { "name": {
"en": "Labyrinthos" "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": { "thavnair": {
"name": { "name": {
"en": "Thavnair" "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"
}
}
]
}
} }
+93 -34
View File
@@ -1,17 +1,43 @@
<template> <template>
<div>
<nav> <nav>
<div class="current-eorzea-time"> <div class="current-eorzea-time">
{{ eorzeaTime.getPrettyTime() }} {{ eorzeaTime.getPrettyTime() }}
</div> </div>
<div class="top-bar-menu">
<a
href="https://github.com/YouHaveTrouble/DiscipleOfLand"
target="_blank"
>
<GithubLogo
color="#fff"
size="2rem"
/>
</a>
<button
class="filters-button"
:class="{ active: filtersActive}"
@click="filtersActive = !filtersActive"
>
{{ filtersActive ? ' Close filters' : 'Open filters' }}
</button>
</div>
</nav> </nav>
<main> <main>
<SortedNodeList <SortedNodeList
:nodes="nodes" v-if="!filtersActive"
:nodes="nodes as Node[]"
:zones="zones" :zones="zones"
:eorzeaTime="eorzeaTime" :eorzea-time="eorzeaTime"
/>
<FiltersMenu
v-if="filtersActive"
/> />
</main> </main>
<footer>
<p>v{{ version }}</p>
</footer>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -25,56 +51,49 @@ import {nodeTypeFromString} from "@/enums/NodeType";
import SortedNodeList from "@/components/SortedNodeList.vue"; import SortedNodeList from "@/components/SortedNodeList.vue";
import TimeRange from "@/entities/TimeRange"; import TimeRange from "@/entities/TimeRange";
import Zone from "@/entities/Zone"; 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({ export default defineComponent({
name: 'App', name: 'App',
components: {SortedNodeList}, components: {GithubLogo, FiltersMenu, SortedNodeList},
data: () => ({ data: () => ({
version: version,
eorzeaTime: new EorzeaTime() as EorzeaTime, eorzeaTime: new EorzeaTime() as EorzeaTime,
nodes: [] as Node[], nodes: [] as Node[],
aetherytes: [] as Aetheryte[],
items: {} as { [key: string]: Item }, items: {} as { [key: string]: Item },
zones: {} as { [key: string]: Zone }, zones: {} as { [key: string]: Zone },
filtersActive: false,
filters: new Filters(),
}), }),
methods: { methods: {
findNearestAetheryte(zone: string, x: number, y: number): Aetheryte | null { findNearestAetheryte(zoneName: string, x: number, y: number): Aetheryte | null {
let result = null; let result = null;
for (const aetheryte of this.aetherytes) { let distance = Number.MAX_SAFE_INTEGER;
let distance = Number.MAX_VALUE; const zone = this.zones[zoneName]
if (aetheryte.position.zone === zone) { if (!zone) return null;
for (const aetheryte of zone.aetherytes) {
const a = aetheryte.position.x - x; const a = aetheryte.position.x - x;
const b = aetheryte.position.y - y; const b = aetheryte.position.y - y;
const distanceToAetheryte = Math.sqrt((a * a) + (b * b)); const distanceToAetheryte = Math.hypot(a, b);
if (distanceToAetheryte < distance) { if (distanceToAetheryte < distance) {
distance = distanceToAetheryte; distance = distanceToAetheryte;
result = aetheryte; result = aetheryte;
} }
} }
}
return result; return result;
} }
}, },
async mounted() { async mounted() {
this.eorzeaTime = new EorzeaTime();
setInterval(() => { setInterval(() => {
this.eorzeaTime = new EorzeaTime(); this.eorzeaTime = new EorzeaTime();
}, 500); }, 500);
const aetheryteData = await fetch("/data/aetherytes.json") const itemData: Response | null = await fetch("/data/items.json")
.catch(() => { .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 = await fetch("/data/items.json")
.catch(() => {
return null; return null;
}); });
if (itemData === null) { if (itemData === null) {
@@ -88,8 +107,8 @@ export default defineComponent({
this.items[itemId] = new Item(itemId, itemData); this.items[itemId] = new Item(itemId, itemData);
} }
const zoneData = await fetch("/data/zones.json") const zoneData: Response | null = await fetch("/data/zones.json")
.catch(() => { .catch((): null => {
return null; return null;
}); });
if (zoneData === null) { if (zoneData === null) {
@@ -115,21 +134,33 @@ export default defineComponent({
for (const nodeData of nodes) { for (const nodeData of nodes) {
const job = jobFromString(nodeData.job); 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); 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[]; const items = [] as Item[];
for (const itemId of nodeData.items) { for (const itemId of nodeData.items) {
const item = this.items[itemId]; 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); items.push(item);
} }
const times = [] as TimeRange[]; const times = [] as TimeRange[];
for (const timeRangeEntry of nodeData.times) { for (const timeRangeEntry of nodeData.times) {
const timeSplit = timeRangeEntry.split("-"); 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 startTime = timeSplit[0].split(":");
const endTime = timeSplit[1].split(":"); const endTime = timeSplit[1].split(":");
times.push(new TimeRange( times.push(new TimeRange(
@@ -141,7 +172,10 @@ export default defineComponent({
} }
const nearestAetheryte = this.findNearestAetheryte(nodeData?.position?.zone, nodeData?.position?.x, nodeData.position?.y); 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( this.nodes.push(new Node(
job, job,
@@ -170,5 +204,30 @@ nav {
.current-eorzea-time { .current-eorzea-time {
font-size: 3rem; font-size: 3rem;
} }
.top-bar-menu {
display: flex;
gap: 1rem;
flex-direction: row;
}
.filters-button {
display: flex;
padding: 0.5rem;
border: 1px solid #fff;
background-color: transparent;
cursor: pointer;
width: max-content;
white-space: nowrap;
&.active {
background-color: rgba(255, 255, 255, 0.1);
}
}
}
footer {
display: flex;
justify-content: center;
align-items: center;
} }
</style> </style>
+241
View File
@@ -0,0 +1,241 @@
<template>
<section>
<details open>
<summary>Level of items</summary>
<section>
<label>
<span>Minimum level</span>
<input
type="number"
placeholder="1"
:min="1"
:max="filters.maxLevel"
v-model="filters.minLevel"
@focusout="(e: FocusEvent) => {
const target = e.target as HTMLInputElement;
const numberValue = parseInt(target.value);
if (filters.maxLevel && numberValue > filters.maxLevel) {
filters.maxLevel = filters.minLevel;
}
}"
>
</label>
<label>
<span>Maximum level</span>
<input
type="number"
placeholder="100"
:min="filters.minLevel"
:max="100"
v-model="filters.maxLevel"
@focusout="(e: FocusEvent) => {
const target = e.target as HTMLInputElement;
const numberValue = parseInt(target.value);
if (filters.minLevel && numberValue < filters.minLevel) {
filters.minLevel = filters.maxLevel;
}
}"
>
</label>
</section>
</details>
<details open>
<summary>Jobs</summary>
<section>
<label class="horizontal">
<span>Botanist</span>
<input
type="checkbox"
:checked="filters.jobs.has(Job.BOTANIST)"
@change="(e: Event) => {
const target = e.target as HTMLInputElement;
if (target.checked) {
filters.jobs.add(Job.BOTANIST);
} else {
filters.jobs.delete(Job.BOTANIST);
}
}"
>
</label>
<label class="horizontal">
<span>Miner</span>
<input
type="checkbox"
:checked="filters.jobs.has(Job.MINER)"
@change="(e: Event) => {
const target = e.target as HTMLInputElement;
if (target.checked) {
filters.jobs.add(Job.MINER);
} else {
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);
}
}"
>
</label>
</section>
</details>
</section>
</template>
<script lang="ts">
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: new Filters(),
}),
watch: {
filters: {
handler(newFilters) {
const filters = new Filters(newFilters);
window.localStorage.setItem("filters", filters.serialize());
},
deep: true,
},
minLevel(newValue: string) {
const numberValue = parseInt(newValue);
return isNaN(numberValue) ? 1 : numberValue;
},
maxLevel(newValue: string) {
const numberValue = parseInt(newValue);
return isNaN(numberValue) ? 100 : numberValue;
},
},
mounted() {
const savedFilters = window.localStorage.getItem("filters");
if (!savedFilters) return;
const parsedFilters = JSON.parse(savedFilters);
this.filters = new Filters(parsedFilters);
},
});
</script>
<style scoped lang="scss">
section {
display: flex;
flex-direction: column;
gap: 1rem;
padding-block: 1rem;
padding-inline: 0.25rem;
details {
background-color: #1f1f1f;
display: flex;
flex-direction: column;
border-radius: 0.25rem;
padding: 1rem;
gap: 0.5rem;
position: relative;
&:before {
position: absolute;
right: 1rem;
top: 1rem;
width: 1.5rem;
height: 1.5rem;
display: flex;
justify-content: center;
align-content: center;
content: "▶";
pointer-events: none;
rotate: 90deg;
transition: rotate 0.25s;
}
&[open] {
&:before {
rotate: 270deg;
}
}
summary {
cursor: pointer;
color: white;
border: none;
border-radius: 0.5rem;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.25rem;
}
section {
display: flex;
flex-direction: row;
gap: 2rem;
flex-wrap: wrap;
label {
display: flex;
gap: 0.5rem;
flex-direction: column;
&.horizontal {
flex-direction: row;
gap: 0.2rem;
}
input[type="number"] {
padding: 0.5rem;
border: 1px solid #fff;
background-color: transparent;
color: white;
border-radius: 0.25rem;
width: 5rem;
text-align: start;
}
}
}
}
}
</style>
+42 -7
View File
@@ -1,6 +1,13 @@
<template> <template>
<article class="node"> <article
<div class="timer">{{ gatheringNode.isActive(eorzeaTime) ? 'Active' : prettyTimer(gatheringNode.getSecondsToNextActiveTime(eorzeaTime)) }}</div> class="node"
:class="{active: gatheringNode.isActive(eorzeaTime)}"
>
<div class="timer">
{{
gatheringNode.isActive(eorzeaTime) ? 'Active' : prettyTimer(gatheringNode.getSecondsToNextActiveTime(eorzeaTime))
}}
</div>
<div class="job"> <div class="job">
<div class="icon"> <div class="icon">
<img <img
@@ -13,18 +20,26 @@
</div> </div>
<div class="aetheryte"> <div class="aetheryte">
<span class="icon"> <span class="icon">
<img src="https://xivapi.com/img-misc/mappy/aetheryte.png" alt="Aetheryte icon" draggable="false"> <img
src="https://xivapi.com/img-misc/mappy/aetheryte.png"
alt="Aetheryte icon"
draggable="false"
>
</span> </span>
<div class="info"> <div class="info">
<span>{{ zones[gatheringNode.nearestAetheryte.position.zone]?.name?.en }}</span> <span>{{ zones[gatheringNode.nearestAetheryte.position.zone]?.name?.en }}</span>
<span>{{ gatheringNode.nearestAetheryte.name }}</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> </div>
<div class="items"> <div class="items">
<span v-for="item in gatheringNode.items">{{ item.name }} (lv. {{ item.level }})</span> <span
v-for="item in gatheringNode.items"
:key="item.name"
>
{{ item.name }} (lv. {{ item.level }})
</span>
</div> </div>
</article> </article>
</template> </template>
@@ -61,6 +76,13 @@ export default defineComponent({
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@keyframes pulsing {
0% {background-color: rgba(255,255,255, 0.05);}
50% {background-color: rgba(255,255,255, 0.075);}
100% {background-color: rgba(255,255,255, 0.05);}
}
.node { .node {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -71,6 +93,11 @@ export default defineComponent({
border: 1px solid #fff; border: 1px solid #fff;
padding: 0.5rem; padding: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
&.active {
animation: infinite pulsing 6s;
}
.timer { .timer {
min-width: 7rem; min-width: 7rem;
font-size: 2rem; font-size: 2rem;
@@ -78,19 +105,23 @@ export default defineComponent({
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.job { .job {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.icon { .icon {
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
} }
.aetheryte { .aetheryte {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -101,14 +132,17 @@ export default defineComponent({
border-radius: 0.75rem; border-radius: 0.75rem;
padding: 0.35rem 1rem; padding: 0.35rem 1rem;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
.icon { .icon {
width: 3rem; width: 3rem;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: fill; object-fit: fill;
} }
} }
.info { .info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -117,6 +151,7 @@ export default defineComponent({
gap: 0.1rem; gap: 0.1rem;
} }
} }
.items { .items {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
+48 -9
View File
@@ -2,8 +2,9 @@
<div class="node-list"> <div class="node-list">
<GatheringNode <GatheringNode
v-for="node in displayNodes" v-for="node in displayNodes"
:gathering-node="node" :key="`${node.location.x}-${node.location.y}-${node.location.zone}`"
:eorzeaTime="eorzeaTime" :gathering-node="node as Node"
:eorzea-time="eorzeaTime"
:zones="zones" :zones="zones"
/> />
</div> </div>
@@ -15,6 +16,7 @@ import EorzeaTime from "../util/EorzeaTime";
import Node from "@/entities/Node"; import Node from "@/entities/Node";
import GatheringNode from "@/components/GatheringNode.vue"; import GatheringNode from "@/components/GatheringNode.vue";
import Zone from "@/entities/Zone"; import Zone from "@/entities/Zone";
import Filters from "@/util/Filters";
export default defineComponent( export default defineComponent(
{ {
@@ -36,13 +38,17 @@ export default defineComponent(
}, },
watch: { watch: {
nodes: { nodes: {
immediate: true, handler(newNodes: Node[]) {
this.filterNodes(newNodes);
},
deep: true
},
displayNodes: {
handler() { handler() {
this.displayNodes = this.nodes; this.sortListByTime();
} }
}, },
eorzeaTime: { eorzeaTime: {
immediate: true,
handler(newValue, oldValue) { handler(newValue, oldValue) {
if (oldValue === undefined) return; if (oldValue === undefined) return;
if (newValue?.getMinutes() === oldValue?.getMinutes()) return; if (newValue?.getMinutes() === oldValue?.getMinutes()) return;
@@ -55,16 +61,48 @@ export default defineComponent(
}), }),
methods: { methods: {
sortListByTime() { sortListByTime() {
this.displayNodes.sort((a, b) => { this.displayNodes.sort((a, b): number => {
const aSeconds = a.getSecondsToNextActiveTime(this.eorzeaTime); const aSeconds = a.getSecondsToNextActiveTime(this.eorzeaTime);
const bSeconds = b.getSecondsToNextActiveTime(this.eorzeaTime); const bSeconds = b.getSecondsToNextActiveTime(this.eorzeaTime);
if (aSeconds === bSeconds) return a; if (aSeconds === bSeconds) return 1;
return aSeconds - bSeconds; return aSeconds - bSeconds;
}); });
}, },
filterNodes(nodes: Node[] = []) {
let filters: Filters | null = null;
let filtersString = window.localStorage.getItem("filters");
if (filtersString === null) {
window.localStorage.setItem("filters", JSON.stringify(new Filters()));
filtersString = window.localStorage.getItem("filters");
}
if (filtersString === null) {
console.error("Failed to get filters from local storage!");
return;
}
const parsedFilters = JSON.parse(filtersString);
filters = new Filters(parsedFilters);
this.displayNodes = nodes.filter((node) => {
let shouldDisplay = false;
if (filters) {
if (!filters.jobs.has(node.job)) return false;
if (!filters.nodeTypes.has(node.nodeType)) return false;
}
for (const item of node.items) {
if (filters && item.level >= filters.minLevel && item.level <= filters.maxLevel) {
shouldDisplay = true;
break;
}
}
return shouldDisplay;
});
},
}, },
mounted() { mounted() {
this.displayNodes = this.nodes; this.filterNodes(this.nodes);
}, },
} }
); );
@@ -75,6 +113,7 @@ export default defineComponent(
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.33rem; gap: 0.33rem;
padding-block: 0.5rem;
padding-inline: 0.25rem;
} }
</style> </style>
+37
View File
@@ -0,0 +1,37 @@
<template>
<div class="github-logo" aria-label="Github logo" title="GitHub">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<g :fill="color">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"/>
<path
d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"/>
</g>
</svg>
</div>
</template>
<script lang="ts">
import {defineComponent} from 'vue'
export default defineComponent({
name: "GithubLogo",
props: {
color: {
type: String,
default: "#181616"
},
size: {
type: String,
default: "24px"
}
},
})
</script>
<style scoped lang="scss">
.github-logo {
width: v-bind(size);
height: v-bind(size);
}
</style>
+2 -2
View File
@@ -6,10 +6,10 @@ export default class Aetheryte {
} }
constructor( constructor(
data: any, data: {position: {x: number, y: number, zone: string}, name: {en: string}}
) { ) {
this.position = data.position; this.position = data.position;
this.name = data.name.en; this.name = data.name;
} }
+3 -9
View File
@@ -3,18 +3,12 @@ export default class Item {
readonly id: string; readonly id: string;
readonly name: string; readonly name: string;
readonly level: number; readonly level: number;
readonly scripType: ScripType;
constructor(id: string, data: any) { constructor(id: string, data: {[key: string]: number | string | undefined}) {
this.id = id; this.id = id;
this.name = data?.name; this.name = data?.name as string;
this.level = data?.level; this.level = data?.level as number;
this.scripType = data?.scripType ? ScripType[data.scripType.toUpperCase()] : null;
} }
} }
enum ScripType {
WHITE = 'white',
PURPLE = 'purple',
}
+3 -2
View File
@@ -1,5 +1,5 @@
import {Job} from "../enums/Job"; import {Job} from "@/enums/Job";
import {NodeType} from "../enums/NodeType"; import {NodeType} from "@/enums/NodeType";
import Item from "./Item"; import Item from "./Item";
import Aetheryte from "./Aetheryte"; import Aetheryte from "./Aetheryte";
import TimeRange from "./TimeRange"; import TimeRange from "./TimeRange";
@@ -28,6 +28,7 @@ export default class Node {
this.times = times; this.times = times;
this.items = items; this.items = items;
this.nearestAetheryte = nearestAetheryte; this.nearestAetheryte = nearestAetheryte;
items.sort((a, b) => b.level - a.level);
} }
isActive(eorzeaTime: EorzeaTime): boolean { isActive(eorzeaTime: EorzeaTime): boolean {
-2
View File
@@ -29,6 +29,4 @@ export default class TimeRange {
return targetDate.getTime(); return targetDate.getTime();
} }
} }
+12 -2
View File
@@ -1,11 +1,21 @@
import Aetheryte from "@/entities/Aetheryte";
export default class Zone { export default class Zone {
name: { name: {
en: string, en: string,
} }
constructor(data: any) { aetherytes: Array<Aetheryte> = [];
this.name = data.name;
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));
}
} }
} }
+1 -1
View File
@@ -11,7 +11,7 @@ export default class EorzeaTime {
*/ */
readonly eorzeaDate: Date; readonly eorzeaDate: Date;
private constructor(realDate: Date = new Date()) { public constructor(realDate: Date = new Date()) {
this.realDate = realDate; this.realDate = realDate;
this.eorzeaDate = new Date(realDate.getTime() * (3600 / 175)); this.eorzeaDate = new Date(realDate.getTime() * (3600 / 175));
} }
+50
View File
@@ -0,0 +1,50 @@
import {Job, jobFromString} from "@/enums/Job";
import {NodeType, nodeTypeFromString} from "@/enums/NodeType";
export default class Filters {
minLevel: number;
maxLevel: number;
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;
this.maxLevel = data?.maxLevel || 100;
const jobData = data?.jobs || [Job.BOTANIST, Job.MINER];
for (const job of jobData) {
const parsedJob = jobFromString(job);
if (!parsedJob) continue;
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),
});
}
}
+21
View File
@@ -0,0 +1,21 @@
{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"module": "ESNext",
"moduleResolution": "Node",
"strict": true,
"jsx": "preserve",
"resolveJsonModule": true,
"isolatedModules": true,
"esModuleInterop": true,
"lib": ["ESNext", "DOM"],
"skipLibCheck": true,
"noEmit": true,
"allowJs": true,
"paths": {
"@/*": ["./src/*"]
}
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
}
+2
View File
@@ -2,11 +2,13 @@ import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
import eslintPlugin from 'vite-plugin-eslint'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [
vue(), vue(),
eslintPlugin(),
], ],
resolve: { resolve: {
alias: { alias: {