YouHaveTrouble/DiscipleOfLand
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/DiscipleOfLand.git synced 2026-05-12 06:26:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: YouHaveTrouble/DiscipleOfLand:0.0.0.0
Branches Tags
YouHaveTrouble/DiscipleOfLand:master YouHaveTrouble/DiscipleOfLand:gh-pages
YouHaveTrouble/DiscipleOfLand:0.1.2 YouHaveTrouble/DiscipleOfLand:0.1.1 YouHaveTrouble/DiscipleOfLand:0.1.0 YouHaveTrouble/DiscipleOfLand:0.0.11 YouHaveTrouble/DiscipleOfLand:0.0.10 YouHaveTrouble/DiscipleOfLand:0.0.9 YouHaveTrouble/DiscipleOfLand:0.0.8 YouHaveTrouble/DiscipleOfLand:0.0.7 YouHaveTrouble/DiscipleOfLand:0.0.6 YouHaveTrouble/DiscipleOfLand:0.0.5 YouHaveTrouble/DiscipleOfLand:0.0.4 YouHaveTrouble/DiscipleOfLand:0.0.3 YouHaveTrouble/DiscipleOfLand:0.0.2 YouHaveTrouble/DiscipleOfLand:0.0.1 YouHaveTrouble/DiscipleOfLand:0.0.0.0 YouHaveTrouble/DiscipleOfLand:0.0.0
...
compare: YouHaveTrouble/DiscipleOfLand:0.0.7
Branches Tags
YouHaveTrouble/DiscipleOfLand:master YouHaveTrouble/DiscipleOfLand:gh-pages
YouHaveTrouble/DiscipleOfLand:0.1.2 YouHaveTrouble/DiscipleOfLand:0.1.1 YouHaveTrouble/DiscipleOfLand:0.1.0 YouHaveTrouble/DiscipleOfLand:0.0.11 YouHaveTrouble/DiscipleOfLand:0.0.10 YouHaveTrouble/DiscipleOfLand:0.0.9 YouHaveTrouble/DiscipleOfLand:0.0.8 YouHaveTrouble/DiscipleOfLand:0.0.7 YouHaveTrouble/DiscipleOfLand:0.0.6 YouHaveTrouble/DiscipleOfLand:0.0.5 YouHaveTrouble/DiscipleOfLand:0.0.4 YouHaveTrouble/DiscipleOfLand:0.0.3 YouHaveTrouble/DiscipleOfLand:0.0.2 YouHaveTrouble/DiscipleOfLand:0.0.1 YouHaveTrouble/DiscipleOfLand:0.0.0.0 YouHaveTrouble/DiscipleOfLand:0.0.0

34 Commits
0.0.0.0 ... 0.0.7

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
YouHaveTrouble b6bf355750 bump version 2023-10-03 22:11:02 +02:00
28 changed files with 3600 additions and 394 deletions
Expand all files Collapse all files
.github/workflows/deploy.yml
+2 -2
View File
@@ -1,4 +1,4 @@
name: Build Vue name: Build and deploy
on: on:
release: release:
types: [published] types: [published]
@@ -13,4 +13,4 @@ jobs:
with: with:
username: 'YouHaveTrouble' username: 'YouHaveTrouble'
reponame: 'DiscipleOfLand' reponame: 'DiscipleOfLand'
token: ${{ secrets.GITHUB_TOKEN }} token: ${{ secrets.GITHUB_TOKEN }}
.github/workflows/test.yml
+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
CNAME
+1 -1
View File
@@ -1 +1 @@
dol.yht.one dol.yht.one
README.md
+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?)
bun.lockb
BIN
View File
Binary file not shown.
index.html
+17 -6
View File
@@ -1,13 +1,24 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<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>
</head> <meta property="og-title" content="Disciple of Land">
<body> <meta property="twitter:title" content="Disciple of Land">
<div id="app"></div> <meta property="og-type" content="website">
<script type="module" src="/src/main.js"></script> <meta name="description" content="Track timed gathering nodes in Final Fantasy XIV.">
</body> <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>
<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>
<script type="module" src="/src/main.js"></script>
</body>
</html> </html>
package-lock.json
Generated
+2077 -134
View File
File diff suppressed because it is too large Load Diff
package.json
+33 -5
View File
@@ -1,19 +1,47 @@
{ {
"name": "discipleofland", "name": "discipleofland",
"version": "0.0.0", "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/"
]
} }
} }
public/data/aetherytes.json
-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"
}
}
]
public/data/items.json
+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
} }
} }
public/data/nodes.json
+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"
]
} }
] ]
public/data/zones.json
+371 -2
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"
}
}
]
} }
} }
src/App.vue
+125 -66
View File
@@ -1,17 +1,43 @@
<template> <template>
<nav> <div>
<div class="current-eorzea-time"> <nav>
{{ eorzeaTime.getPrettyTime() }} <div class="current-eorzea-time">
</div> {{ eorzeaTime.getPrettyTime() }}
</nav> </div>
<main> <div class="top-bar-menu">
<SortedNodeList <a
:nodes="nodes" 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>
<main>
<SortedNodeList
v-if="!filtersActive"
:nodes="nodes as Node[]"
:zones="zones" :zones="zones"
:eorzeaTime="eorzeaTime" :eorzea-time="eorzeaTime"
/> />
</main> <FiltersMenu
v-if="filtersActive"
/>
</main>
<footer>
<p>v{{ version }}</p>
</footer>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -25,58 +51,51 @@ 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;
const a = aetheryte.position.x - x; for (const aetheryte of zone.aetherytes) {
const b = aetheryte.position.y - y; const a = aetheryte.position.x - x;
const distanceToAetheryte = Math.sqrt((a * a) + (b * b)); const b = aetheryte.position.y - y;
if (distanceToAetheryte < distance) { const distanceToAetheryte = Math.hypot(a, b);
distance = distanceToAetheryte; if (distanceToAetheryte < distance) {
result = aetheryte; distance = distanceToAetheryte;
} 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; 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;
});
if (itemData === null) { if (itemData === null) {
console.error("Failed to fetch item data!") console.error("Failed to fetch item data!")
return; return;
@@ -88,10 +107,10 @@ 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) {
console.error("Failed to fetch zone data!") console.error("Failed to fetch zone data!")
return; return;
@@ -102,9 +121,9 @@ export default defineComponent({
} }
const nodeData = await fetch("/data/nodes.json") const nodeData = await fetch("/data/nodes.json")
.catch(() => { .catch(() => {
return null; return null;
}); });
if (nodeData === null) { if (nodeData === null) {
console.error("Failed to fetch node data!") console.error("Failed to fetch node data!")
return; return;
@@ -115,42 +134,57 @@ 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(
parseInt(startTime[0]), parseInt(startTime[0]),
parseInt(startTime[1]), parseInt(startTime[1]),
parseInt(endTime[0]), parseInt(endTime[0]),
parseInt(endTime[1]) parseInt(endTime[1])
)); ));
} }
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,
nodeType, nodeType,
nodeData.position, nodeData.position,
times, times,
items, items,
nearestAetheryte nearestAetheryte
) )
) )
} }
@@ -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>
src/components/FiltersMenu.vue
+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>
src/components/GatheringNode.vue
+58 -23
View File
@@ -1,31 +1,46 @@
<template> <template>
<article class="node"> <article
<div class="timer">{{ gatheringNode.isActive(eorzeaTime) ? 'Active' : prettyTimer(gatheringNode.getSecondsToNextActiveTime(eorzeaTime)) }}</div> class="node"
<div class="job"> :class="{active: gatheringNode.isActive(eorzeaTime)}"
<div class="icon"> >
<img <div class="timer">
{{
gatheringNode.isActive(eorzeaTime) ? 'Active' : prettyTimer(gatheringNode.getSecondsToNextActiveTime(eorzeaTime))
}}
</div>
<div class="job">
<div class="icon">
<img
:alt="gatheringNode.job" :alt="gatheringNode.job"
:src="`https://xivapi.com/cj/1/${gatheringNode.job}.png`" :src="`https://xivapi.com/cj/1/${gatheringNode.job}.png`"
:title="gatheringNode.job" :title="gatheringNode.job"
draggable="false" draggable="false"
>
</div>
</div>
<div class="aetheryte">
<span class="icon">
<img
src="https://xivapi.com/img-misc/mappy/aetheryte.png"
alt="Aetheryte icon"
draggable="false"
>
</span>
<div class="info">
<span>{{ zones[gatheringNode.nearestAetheryte.position.zone]?.name?.en }}</span>
<span>{{ gatheringNode.nearestAetheryte.name.en }}</span>
<span>{{ gatheringNode.nearestAetheryte.position.x.toFixed(1) }}, {{ gatheringNode.nearestAetheryte.position.y.toFixed(1) }}</span>
</div>
</div>
<div class="items">
<span
v-for="item in gatheringNode.items"
:key="item.name"
> >
{{ item.name }} (lv. {{ item.level }})
</span>
</div> </div>
</div> </article>
<div class="aetheryte">
<span class="icon">
<img src="https://xivapi.com/img-misc/mappy/aetheryte.png" alt="Aetheryte icon" draggable="false">
</span>
<div class="info">
<span>{{ zones[gatheringNode.nearestAetheryte.position.zone]?.name?.en }}</span>
<span>{{ gatheringNode.nearestAetheryte.name }}</span>
<span>{{ gatheringNode.nearestAetheryte.position.x }}, {{ gatheringNode.nearestAetheryte.position.y }}</span>
</div>
</div>
<div class="items">
<span v-for="item in gatheringNode.items">{{ item.name }} (lv. {{ item.level }})</span>
</div>
</article>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -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;
@@ -100,15 +131,18 @@ export default defineComponent({
font-size: 1.5rem; font-size: 1.5rem;
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;
@@ -125,4 +160,4 @@ export default defineComponent({
gap: 0.1rem; gap: 0.1rem;
} }
} }
</style> </style>
src/components/SortedNodeList.vue
+91 -52
View File
@@ -1,12 +1,13 @@
<template> <template>
<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>
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -15,58 +16,95 @@ 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(
{ {
name: "SortedNodeList", name: "SortedNodeList",
components: {GatheringNode}, components: {GatheringNode},
props: { props: {
nodes: { nodes: {
type: Array as PropType<Node[]>, type: Array as PropType<Node[]>,
required: true required: true
},
eorzeaTime: {
type: Object as PropType<EorzeaTime>,
required: true
},
zones: {
type: Object as PropType<{ [key: string]: Zone }>,
required: true
},
}, },
watch: { eorzeaTime: {
nodes: { type: Object as PropType<EorzeaTime>,
immediate: true, required: true
handler() { },
this.displayNodes = this.nodes; zones: {
} type: Object as PropType<{ [key: string]: Zone }>,
required: true
},
},
watch: {
nodes: {
handler(newNodes: Node[]) {
this.filterNodes(newNodes);
}, },
eorzeaTime: { deep: true
immediate: true, },
handler(newValue, oldValue) { displayNodes: {
if (oldValue === undefined) return; handler() {
if (newValue?.getMinutes() === oldValue?.getMinutes()) return; this.sortListByTime();
this.sortListByTime();
}
} }
}, },
data: () => ({ eorzeaTime: {
displayNodes: [] as Node[], handler(newValue, oldValue) {
}), if (oldValue === undefined) return;
methods: { if (newValue?.getMinutes() === oldValue?.getMinutes()) return;
sortListByTime() { this.sortListByTime();
this.displayNodes.sort((a, b) => { }
const aSeconds = a.getSecondsToNextActiveTime(this.eorzeaTime); }
const bSeconds = b.getSecondsToNextActiveTime(this.eorzeaTime); },
if (aSeconds === bSeconds) return a; data: () => ({
return aSeconds - bSeconds; displayNodes: [] as Node[],
}); }),
}, methods: {
sortListByTime() {
this.displayNodes.sort((a, b): number => {
const aSeconds = a.getSecondsToNextActiveTime(this.eorzeaTime);
const bSeconds = b.getSecondsToNextActiveTime(this.eorzeaTime);
if (aSeconds === bSeconds) return 1;
return aSeconds - bSeconds;
});
}, },
mounted() { filterNodes(nodes: Node[] = []) {
this.displayNodes = this.nodes; 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() {
this.filterNodes(this.nodes);
},
}
); );
</script> </script>
@@ -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>
src/components/icons/GithubLogo.vue
+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>
src/entities/Aetheryte.ts
+3 -3
View File
@@ -6,11 +6,11 @@ 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;
} }
} }
src/entities/Item.ts
+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',
}
src/entities/Node.ts
+4 -3
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 {
@@ -59,4 +60,4 @@ export default class Node {
return Math.floor((this.getNextActiveTime(eorzeaTime).realDate.getTime() - eorzeaTime.realDate.getTime()) / 1000); return Math.floor((this.getNextActiveTime(eorzeaTime).realDate.getTime() - eorzeaTime.realDate.getTime()) / 1000);
} }
} }
src/entities/TimeRange.ts
+1 -3
View File
@@ -29,6 +29,4 @@ export default class TimeRange {
return targetDate.getTime(); return targetDate.getTime();
} }
}
}
src/entities/Zone.ts
+13 -3
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));
}
} }
} }
src/enums/Job.ts
+1 -1
View File
@@ -12,4 +12,4 @@ export function jobFromString(str: string): Job | null {
default: default:
return null; return null;
} }
} }
src/enums/NodeType.ts
+1 -1
View File
@@ -12,4 +12,4 @@ export function nodeTypeFromString(str: string): NodeType | null {
default: default:
return null; return null;
} }
} }
src/util/EorzeaTime.ts
+2 -2
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));
} }
@@ -59,4 +59,4 @@ export default class EorzeaTime {
return new EorzeaTime(new Date(eorzeaDate.getTime() / (3600 / 175))); return new EorzeaTime(new Date(eorzeaDate.getTime() / (3600 / 175)));
} }
} }
src/util/Filters.ts
+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),
});
}
}
tsconfig.json
+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"],
}
vite.config.js
+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: {