Reviewed-on: #12
This commit is contained in:
parent
4acc620513
commit
62c97a0659
12
.terserrc.js
12
.terserrc.js
|
@ -34,6 +34,18 @@ const preambles = {
|
||||||
// @icon https://www.google.com/s2/favicons?domain=plemiona.pl
|
// @icon https://www.google.com/s2/favicons?domain=plemiona.pl
|
||||||
// @grant none
|
// @grant none
|
||||||
// @run-at document-end
|
// @run-at document-end
|
||||||
|
// ==/UserScript==`,
|
||||||
|
'extended-tribe-profile': `// ==UserScript==
|
||||||
|
// @name Extended tribe profile
|
||||||
|
// @version 1.0.0
|
||||||
|
// @description Adds additional info and actions on a tribe overview.
|
||||||
|
// @author Dawid Wysokiński - Kichiyaki - contact@dwysokinski.me
|
||||||
|
// @match https://*/game.php?*screen=info_ally*
|
||||||
|
// @downloadURL ${process.env.PUBLIC_URL}/extended-tribe-profile.user.js
|
||||||
|
// @updateURL ${process.env.PUBLIC_URL}/extended-tribe-profile.user.js
|
||||||
|
// @icon https://www.google.com/s2/favicons?domain=plemiona.pl
|
||||||
|
// @grant none
|
||||||
|
// @run-at document-end
|
||||||
// ==/UserScript==`,
|
// ==/UserScript==`,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
16
README.md
16
README.md
|
@ -20,6 +20,22 @@ javascript:
|
||||||
$.getScript('https://scripts.tribalwarshelp.com/extended-player-profile.quickbar.js')
|
$.getScript('https://scripts.tribalwarshelp.com/extended-player-profile.quickbar.js')
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### Extended tribe profile
|
||||||
|
|
||||||
|
This script adds additional info and actions on a tribe overview.
|
||||||
|
|
||||||
|
![img.png](docs/extended-tribe-profile.png)
|
||||||
|
|
||||||
|
#### Installation
|
||||||
|
|
||||||
|
[User script](https://scripts.tribalwarshelp.com/extended-tribe-profile.user.js)
|
||||||
|
|
||||||
|
Quick bar:
|
||||||
|
```javascript
|
||||||
|
javascript:
|
||||||
|
$.getScript('https://scripts.tribalwarshelp.com/extended-tribe-profile.quickbar.js')
|
||||||
|
```
|
||||||
|
|
||||||
### Extended map popup
|
### Extended map popup
|
||||||
|
|
||||||
This script extends the map popup with additional info.
|
This script extends the map popup with additional info.
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 452 KiB |
|
@ -10,6 +10,8 @@
|
||||||
"build:extended-map-popup-quickbar": "yarn build-single ./src/extended-map-popup.quickbar.ts",
|
"build:extended-map-popup-quickbar": "yarn build-single ./src/extended-map-popup.quickbar.ts",
|
||||||
"build:extended-village-profile-user": "PREAMBLE=extended-village-profile yarn build-single ./src/extended-village-profile.user.ts",
|
"build:extended-village-profile-user": "PREAMBLE=extended-village-profile yarn build-single ./src/extended-village-profile.user.ts",
|
||||||
"build:extended-village-profile-quickbar": "yarn build-single ./src/extended-village-profile.quickbar.ts",
|
"build:extended-village-profile-quickbar": "yarn build-single ./src/extended-village-profile.quickbar.ts",
|
||||||
|
"build:extended-tribe-profile-user": "PREAMBLE=extended-tribe-profile yarn build-single ./src/extended-tribe-profile.user.ts",
|
||||||
|
"build:extended-tribe-profile-quickbar": "yarn build-single ./src/extended-tribe-profile.quickbar.ts",
|
||||||
"build": "npm-run-all build:*",
|
"build": "npm-run-all build:*",
|
||||||
"lint": "eslint src/**/*.ts"
|
"lint": "eslint src/**/*.ts"
|
||||||
},
|
},
|
||||||
|
|
|
@ -0,0 +1,2 @@
|
||||||
|
// Parcel doesn't have an option to rename output files
|
||||||
|
import './extended-tribe-profile.user';
|
|
@ -0,0 +1,553 @@
|
||||||
|
import { Player, Tribe, TribeSnapshot, TWHelpClient } from './lib/twhelp';
|
||||||
|
import { createTranslationFunc } from './utils';
|
||||||
|
import { DialogTable } from './common/dialog-table';
|
||||||
|
import { buildURL } from './lib/twstats';
|
||||||
|
|
||||||
|
const t = createTranslationFunc({
|
||||||
|
pl_PL: {
|
||||||
|
'Created at': 'Data/czas utworzenia',
|
||||||
|
Dominance: 'Dominacja',
|
||||||
|
'Best rank': 'Najwyższy ranking',
|
||||||
|
'Most points': 'Najwięcej punktów',
|
||||||
|
'Most villages': 'Najwięcej wiosek',
|
||||||
|
'Show tribe changes': 'Pokaż zmiany plemion',
|
||||||
|
'Show history': 'Pokaż historię',
|
||||||
|
'Show ennoblements': 'Pokaż przejęcia',
|
||||||
|
Changes: 'Zmiany',
|
||||||
|
Members: 'Członkowie',
|
||||||
|
Points: 'Punkty',
|
||||||
|
Rank: 'Ranking',
|
||||||
|
Villages: 'Wioski',
|
||||||
|
Village: 'Wioska',
|
||||||
|
OD: 'Pokonani ogólnie',
|
||||||
|
'OD - rank': 'Pokonani ogólnie - ranking',
|
||||||
|
ODA: 'Pokonani agresor',
|
||||||
|
'ODA - rank': 'Pokonani agresor - ranking',
|
||||||
|
ODD: 'Pokonani obrońca',
|
||||||
|
'ODD - rank': 'Pokonani obrońca - ranking',
|
||||||
|
ODS: 'Pokonani wspierający',
|
||||||
|
'ODS - rank': 'Pokonani wspierający - ranking',
|
||||||
|
Player: 'Gracz',
|
||||||
|
'New owner': 'Nowy właściciel',
|
||||||
|
'New tribe': 'Nowe plemię',
|
||||||
|
'Old owner': 'Stary własciciel',
|
||||||
|
'Old tribe': 'Stare plemię',
|
||||||
|
'Date/time': 'Data/czas',
|
||||||
|
Action: 'Akcja',
|
||||||
|
Joined: 'Dołączył',
|
||||||
|
Left: 'Opuścił',
|
||||||
|
Barbarian: 'Barbarzyńska',
|
||||||
|
Unknown: 'Nieznany',
|
||||||
|
'Last activity at': 'Ostatnia aktywność',
|
||||||
|
Actions: 'Akcje',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
class TWHelpConnector {
|
||||||
|
constructor(
|
||||||
|
private readonly client: TWHelpClient,
|
||||||
|
private readonly version: string,
|
||||||
|
private readonly server: string,
|
||||||
|
private readonly id: number
|
||||||
|
) {}
|
||||||
|
|
||||||
|
tribe() {
|
||||||
|
return this.client.tribe(this.version, this.server, this.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
tribeMembers() {
|
||||||
|
return this.client.tribeMembers(this.version, this.server, this.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
async latestSnapshot() {
|
||||||
|
const history = await this.tribeHistory(1, 1);
|
||||||
|
return history.data.length > 0 ? history.data[0] : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
tribeHistory(page: number, limit: number) {
|
||||||
|
return this.client.tribeHistory(this.version, this.server, this.id, {
|
||||||
|
offset: (page - 1) * limit,
|
||||||
|
limit,
|
||||||
|
sort: ['date:desc'],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
tribeTribeChanges(page: number, limit: number) {
|
||||||
|
return this.client.tribeTribeChanges(this.version, this.server, this.id, {
|
||||||
|
offset: (page - 1) * limit,
|
||||||
|
limit,
|
||||||
|
sort: ['createdAt:desc'],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
tribeEnnoblements(page: number, limit: number) {
|
||||||
|
return this.client.tribeEnnoblements(this.version, this.server, this.id, {
|
||||||
|
offset: (page - 1) * limit,
|
||||||
|
limit,
|
||||||
|
sort: ['createdAt:desc'],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
enum DialogId {
|
||||||
|
HISTORY = 'extended_tribe_profile_history',
|
||||||
|
TRIBE_CHANGES = 'extended_tribe_profile_tribe_changes',
|
||||||
|
ENNOBLEMENTS = 'extended_tribe_profile_ennoblements',
|
||||||
|
}
|
||||||
|
|
||||||
|
class UI {
|
||||||
|
constructor(
|
||||||
|
private readonly serverKey: string,
|
||||||
|
private readonly tribe: Tribe,
|
||||||
|
private readonly latestSnapshot: TribeSnapshot | null,
|
||||||
|
private readonly members: Player[],
|
||||||
|
private readonly twhelpConnector: TWHelpConnector
|
||||||
|
) {}
|
||||||
|
|
||||||
|
public render() {
|
||||||
|
this.renderAdditionalInfo();
|
||||||
|
this.renderStats();
|
||||||
|
this.renderActions();
|
||||||
|
this.extendMemberTable();
|
||||||
|
}
|
||||||
|
|
||||||
|
private renderAdditionalInfo() {
|
||||||
|
const tbody = document
|
||||||
|
.querySelector('#content_value a[href*="twstats"]')
|
||||||
|
?.closest('tbody');
|
||||||
|
if (!(tbody instanceof HTMLTableSectionElement)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody.insertAdjacentHTML(
|
||||||
|
'beforeend',
|
||||||
|
`
|
||||||
|
<tr>
|
||||||
|
<td>${t('Created at')}:</td>
|
||||||
|
<td>${new Date(this.tribe.createdAt).toLocaleString()}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>${t('Dominance')}:</td>
|
||||||
|
<td>${this.tribe.dominance.toFixed(2)}%</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>${t('Best rank')}:</td>
|
||||||
|
<td>${this.tribe.bestRank} (${new Date(
|
||||||
|
this.tribe.bestRankAt
|
||||||
|
).toLocaleString()})</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>${t('Most points')}:</td>
|
||||||
|
<td>${this.tribe.mostPoints.toLocaleString()} (${new Date(
|
||||||
|
this.tribe.mostPointsAt
|
||||||
|
).toLocaleString()})</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>${t('Most villages')}:</td>
|
||||||
|
<td>${this.tribe.mostVillages.toLocaleString()} (${new Date(
|
||||||
|
this.tribe.mostVillagesAt
|
||||||
|
).toLocaleString()})</td>
|
||||||
|
</tr>
|
||||||
|
`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
private renderStats() {
|
||||||
|
const td = document.querySelector(
|
||||||
|
'#content_value td[valign="top"]:nth-child(2)'
|
||||||
|
);
|
||||||
|
if (!(td instanceof HTMLTableCellElement)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const rows = [
|
||||||
|
{
|
||||||
|
header: t('Points'),
|
||||||
|
value: this.tribe.allPoints - (this.latestSnapshot?.allPoints ?? 0),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Dominance'),
|
||||||
|
value: this.tribe.dominance - (this.latestSnapshot?.dominance ?? 0),
|
||||||
|
customFormat: (v: number) => `${v.toFixed(4)}%`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Members'),
|
||||||
|
value: this.tribe.numMembers - (this.latestSnapshot?.numMembers ?? 0),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Rank'),
|
||||||
|
value: this.tribe.rank - (this.latestSnapshot?.rank ?? 0),
|
||||||
|
rank: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Villages'),
|
||||||
|
value: this.tribe.numVillages - (this.latestSnapshot?.numVillages ?? 0),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('ODA'),
|
||||||
|
value: this.tribe.scoreAtt - (this.latestSnapshot?.scoreAtt ?? 0),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('ODA - rank'),
|
||||||
|
value: this.tribe.rankAtt - (this.latestSnapshot?.rankAtt ?? 0),
|
||||||
|
rank: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('ODD'),
|
||||||
|
value: this.tribe.scoreDef - (this.latestSnapshot?.scoreDef ?? 0),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('ODD - rank'),
|
||||||
|
value: this.tribe.rankDef - (this.latestSnapshot?.rankDef ?? 0),
|
||||||
|
rank: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('OD'),
|
||||||
|
value: this.tribe.scoreTotal - (this.latestSnapshot?.scoreTotal ?? 0),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('OD - rank'),
|
||||||
|
value: this.tribe.rankTotal - (this.latestSnapshot?.rankTotal ?? 0),
|
||||||
|
rank: true,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
td.insertAdjacentHTML(
|
||||||
|
'afterbegin',
|
||||||
|
`
|
||||||
|
<table style="width: 100%" class="vis">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th colspan="2">
|
||||||
|
${t('Changes')}
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
${rows
|
||||||
|
.map(
|
||||||
|
(r) => `
|
||||||
|
<tr>
|
||||||
|
<td>${r.header}</td>
|
||||||
|
<td style="color: #000; background-color: ${this.getStatBgColor(
|
||||||
|
r.value,
|
||||||
|
r.rank
|
||||||
|
)}">${
|
||||||
|
r.customFormat
|
||||||
|
? r.customFormat(r.value)
|
||||||
|
: Math.abs(r.value).toLocaleString()
|
||||||
|
}</td>
|
||||||
|
</tr>
|
||||||
|
`
|
||||||
|
)
|
||||||
|
.join('')}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
private getStatBgColor(val: number, rank?: boolean): string {
|
||||||
|
if ((val > 0 && !rank) || (val < 0 && rank)) {
|
||||||
|
return '#0f0';
|
||||||
|
}
|
||||||
|
if ((val < 0 && !rank) || (val > 0 && rank)) {
|
||||||
|
return '#f00';
|
||||||
|
}
|
||||||
|
return '#808080';
|
||||||
|
}
|
||||||
|
|
||||||
|
private renderActions() {
|
||||||
|
const tbody = document
|
||||||
|
.querySelector('#content_value a[href*="twstats"]')
|
||||||
|
?.closest('tbody');
|
||||||
|
if (!(tbody instanceof HTMLTableSectionElement)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
[
|
||||||
|
{
|
||||||
|
name: t('Show tribe changes'),
|
||||||
|
handler: this.showTribeChanges.bind(this),
|
||||||
|
},
|
||||||
|
{ name: t('Show history'), handler: this.showHistory.bind(this) },
|
||||||
|
{
|
||||||
|
name: t('Show ennoblements'),
|
||||||
|
handler: this.showEnnoblements.bind(this),
|
||||||
|
},
|
||||||
|
].forEach(({ name, handler }) => {
|
||||||
|
const tr = document.createElement('tr');
|
||||||
|
const td = document.createElement('td');
|
||||||
|
td.colSpan = 2;
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.innerText = name;
|
||||||
|
a.href = '#';
|
||||||
|
a.addEventListener('click', handler);
|
||||||
|
td.appendChild(a);
|
||||||
|
tr.appendChild(td);
|
||||||
|
tbody.appendChild(tr);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private async showTribeChanges(e: Event) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
await new DialogTable(
|
||||||
|
DialogId.TRIBE_CHANGES,
|
||||||
|
[
|
||||||
|
{
|
||||||
|
header: t('Player'),
|
||||||
|
accessor: (tc) =>
|
||||||
|
`<a href="${tc.player.profileUrl}">${tc.player.name}</a>`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Action'),
|
||||||
|
accessor: (tc) =>
|
||||||
|
t(tc.newTribe?.id !== this.tribe.id ? 'Left' : 'Joined'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Old tribe'),
|
||||||
|
accessor: (tc) =>
|
||||||
|
tc.player.tribe
|
||||||
|
? `<a href="${tc.player.tribe.profileUrl}">${tc.player.tribe.tag}</a>`
|
||||||
|
: '-',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('New tribe'),
|
||||||
|
accessor: (tc) =>
|
||||||
|
tc.newTribe
|
||||||
|
? `<a href="${tc.newTribe.profileUrl}">${tc.newTribe.tag}</a>`
|
||||||
|
: '-',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Date/time'),
|
||||||
|
accessor: (tc) => new Date(tc.createdAt).toLocaleString(),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
30,
|
||||||
|
(page: number, limit: number) => {
|
||||||
|
return this.twhelpConnector.tribeTribeChanges(page, limit);
|
||||||
|
}
|
||||||
|
).render();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async showHistory(e: Event) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
await new DialogTable(
|
||||||
|
DialogId.HISTORY,
|
||||||
|
[
|
||||||
|
{
|
||||||
|
header: t('Date'),
|
||||||
|
accessor: (s) => s.date,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Points'),
|
||||||
|
accessor: (s) =>
|
||||||
|
`${s.allPoints.toLocaleString()} (<strong>${s.rank}</strong>)`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Villages'),
|
||||||
|
accessor: (s) => `${s.numVillages.toLocaleString()}`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Members'),
|
||||||
|
accessor: (s) => `${s.numMembers.toLocaleString()}`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Dominance'),
|
||||||
|
accessor: (s) => `${s.dominance.toFixed(2)}%`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('OD'),
|
||||||
|
accessor: (s) =>
|
||||||
|
`${s.scoreTotal.toLocaleString()} (<strong>${
|
||||||
|
s.rankTotal
|
||||||
|
}</strong>)`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('ODA'),
|
||||||
|
accessor: (s) =>
|
||||||
|
`${s.scoreAtt.toLocaleString()} (<strong>${s.rankAtt}</strong>)`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('ODD'),
|
||||||
|
accessor: (s) =>
|
||||||
|
`${s.scoreDef.toLocaleString()} (<strong>${s.rankDef}</strong>)`,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
30,
|
||||||
|
(page: number, limit: number) => {
|
||||||
|
return this.twhelpConnector.tribeHistory(page, limit);
|
||||||
|
}
|
||||||
|
).render();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async showEnnoblements(e: Event) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
await new DialogTable(
|
||||||
|
DialogId.ENNOBLEMENTS,
|
||||||
|
[
|
||||||
|
{
|
||||||
|
header: t('Village'),
|
||||||
|
accessor: (e) =>
|
||||||
|
`<a href="${e.village.profileUrl}">${e.village.fullName}</a>`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Points'),
|
||||||
|
accessor: (e) => e.points.toLocaleString(),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Old owner'),
|
||||||
|
accessor: ({ village: { player } }) => {
|
||||||
|
if (!player) {
|
||||||
|
return t('Barbarian');
|
||||||
|
}
|
||||||
|
return `<a href="${player.profileUrl}">${player.name}</a>${
|
||||||
|
player.tribe
|
||||||
|
? ` (<a href="${player.tribe.profileUrl}">${player.tribe.tag}</a>)`
|
||||||
|
: ''
|
||||||
|
}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('New owner'),
|
||||||
|
accessor: ({ newOwner }) => {
|
||||||
|
if (!newOwner) {
|
||||||
|
return t('Unknown');
|
||||||
|
}
|
||||||
|
return `<a href="${newOwner.profileUrl}">${newOwner.name}</a>${
|
||||||
|
newOwner.tribe
|
||||||
|
? ` (<a href="${newOwner.tribe.profileUrl}">${newOwner.tribe.tag}</a>)`
|
||||||
|
: ''
|
||||||
|
}`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: t('Date/time'),
|
||||||
|
accessor: (e) => new Date(e.createdAt).toLocaleString(),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
30,
|
||||||
|
(page: number, limit: number) => {
|
||||||
|
return this.twhelpConnector.tribeEnnoblements(page, limit);
|
||||||
|
}
|
||||||
|
).render();
|
||||||
|
}
|
||||||
|
|
||||||
|
private extendMemberTable() {
|
||||||
|
const table = document.querySelector('#content_value .vis:nth-child(3)');
|
||||||
|
if (
|
||||||
|
!(table instanceof HTMLTableElement) ||
|
||||||
|
!table.querySelector('a[href*="info_player"]')
|
||||||
|
) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!(table.previousElementSibling instanceof HTMLHeadingElement)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const div = document.createElement('div');
|
||||||
|
if (table.previousElementSibling instanceof HTMLHeadingElement) {
|
||||||
|
div.appendChild(table.previousElementSibling);
|
||||||
|
}
|
||||||
|
div.appendChild(table);
|
||||||
|
|
||||||
|
document.querySelector('#content_value')?.appendChild(div);
|
||||||
|
|
||||||
|
for (const el of table.querySelectorAll('tr')) {
|
||||||
|
const a = el.querySelector('a[href*="info_player"]');
|
||||||
|
if (!(a instanceof HTMLAnchorElement)) {
|
||||||
|
[
|
||||||
|
t('ODA'),
|
||||||
|
t('ODD'),
|
||||||
|
t('ODS'),
|
||||||
|
t('OD'),
|
||||||
|
t('Last activity at'),
|
||||||
|
t('Actions'),
|
||||||
|
].forEach((s) => {
|
||||||
|
const th = document.createElement('th');
|
||||||
|
th.innerHTML = s;
|
||||||
|
el.appendChild(th);
|
||||||
|
});
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
const id = parseInt(new URL(a.href).searchParams.get('id') ?? '');
|
||||||
|
const member = this.members.find((m) => m.id === id);
|
||||||
|
|
||||||
|
[
|
||||||
|
(member?.rankAtt ?? 0).toString(),
|
||||||
|
(member?.rankDef ?? 0).toString(),
|
||||||
|
(member?.rankSup ?? 0).toString(),
|
||||||
|
(member?.rankTotal ?? 0).toString(),
|
||||||
|
member?.lastActivityAt
|
||||||
|
? new Date(member.lastActivityAt).toLocaleString()
|
||||||
|
: '-',
|
||||||
|
`<a href="${buildURL({
|
||||||
|
entity: 'player',
|
||||||
|
id,
|
||||||
|
server: this.serverKey,
|
||||||
|
})}" target="_blank">TWStats</a>`,
|
||||||
|
].forEach((v) => {
|
||||||
|
const td = document.createElement('td');
|
||||||
|
td.innerHTML = v;
|
||||||
|
el.appendChild(td);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ExtendedTribeProfile {
|
||||||
|
private readonly twhelpConnector: TWHelpConnector;
|
||||||
|
|
||||||
|
constructor(twhelpClient: TWHelpClient) {
|
||||||
|
this.twhelpConnector = new TWHelpConnector(
|
||||||
|
twhelpClient,
|
||||||
|
window.game_data.market,
|
||||||
|
window.game_data.world,
|
||||||
|
this.getTribeId()
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
async run() {
|
||||||
|
const [tribe, latestSnapshot, { data: members }] = await Promise.all([
|
||||||
|
this.twhelpConnector.tribe(),
|
||||||
|
this.twhelpConnector.latestSnapshot(),
|
||||||
|
this.twhelpConnector.tribeMembers(),
|
||||||
|
]);
|
||||||
|
|
||||||
|
await new UI(
|
||||||
|
window.game_data.world,
|
||||||
|
tribe,
|
||||||
|
latestSnapshot,
|
||||||
|
members,
|
||||||
|
this.twhelpConnector
|
||||||
|
).render();
|
||||||
|
}
|
||||||
|
|
||||||
|
private getTribeId() {
|
||||||
|
const str = new URLSearchParams(window.location.search).get('id');
|
||||||
|
if (!str) {
|
||||||
|
throw new Error(`couldn't extract tribe id`);
|
||||||
|
}
|
||||||
|
return parseInt(str);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
(async () => {
|
||||||
|
if (
|
||||||
|
window.game_data.screen !== 'info_ally' ||
|
||||||
|
window.game_data.mode !== null
|
||||||
|
) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
await new ExtendedTribeProfile(
|
||||||
|
new TWHelpClient(process.env.TWHELP_API_BASE_URL ?? '')
|
||||||
|
)
|
||||||
|
.run()
|
||||||
|
.catch((err) => {
|
||||||
|
console.log(err);
|
||||||
|
});
|
||||||
|
})();
|
|
@ -4,18 +4,38 @@ import axios, {
|
||||||
RawAxiosResponseHeaders,
|
RawAxiosResponseHeaders,
|
||||||
} from 'axios';
|
} from 'axios';
|
||||||
|
|
||||||
export type Version = {
|
|
||||||
code: string;
|
|
||||||
host: string;
|
|
||||||
name: string;
|
|
||||||
timezone: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ServerMeta = {
|
export type ServerMeta = {
|
||||||
key: string;
|
key: string;
|
||||||
open: boolean;
|
open: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type Tribe = {
|
||||||
|
id: number;
|
||||||
|
name: string;
|
||||||
|
tag: string;
|
||||||
|
numMembers: number;
|
||||||
|
numVillages: number;
|
||||||
|
points: number;
|
||||||
|
allPoints: number;
|
||||||
|
rank: number;
|
||||||
|
dominance: number;
|
||||||
|
rankAtt: number;
|
||||||
|
scoreAtt: number;
|
||||||
|
rankDef: number;
|
||||||
|
scoreDef: number;
|
||||||
|
rankTotal: number;
|
||||||
|
scoreTotal: number;
|
||||||
|
profileUrl: string;
|
||||||
|
bestRank: number;
|
||||||
|
bestRankAt: string;
|
||||||
|
mostPoints: number;
|
||||||
|
mostPointsAt: string;
|
||||||
|
mostVillages: number;
|
||||||
|
mostVillagesAt: string;
|
||||||
|
createdAt: string;
|
||||||
|
deletedAt: string | null;
|
||||||
|
};
|
||||||
|
|
||||||
export type TribeMeta = {
|
export type TribeMeta = {
|
||||||
id: number;
|
id: number;
|
||||||
name: string;
|
name: string;
|
||||||
|
@ -83,6 +103,23 @@ export type Ennoblement = {
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type TribeSnapshot = {
|
||||||
|
id: number;
|
||||||
|
numMembers: number;
|
||||||
|
numVillages: number;
|
||||||
|
points: number;
|
||||||
|
allPoints: number;
|
||||||
|
rank: number;
|
||||||
|
dominance: number;
|
||||||
|
rankAtt: number;
|
||||||
|
scoreAtt: number;
|
||||||
|
rankDef: number;
|
||||||
|
scoreDef: number;
|
||||||
|
rankTotal: number;
|
||||||
|
scoreTotal: number;
|
||||||
|
date: string;
|
||||||
|
};
|
||||||
|
|
||||||
export type PlayerSnapshot = {
|
export type PlayerSnapshot = {
|
||||||
id: number;
|
id: number;
|
||||||
tribe: TribeMeta | null;
|
tribe: TribeMeta | null;
|
||||||
|
@ -145,7 +182,13 @@ export type ListEnnoblementsParams = {
|
||||||
sort?: string[];
|
sort?: string[];
|
||||||
};
|
};
|
||||||
|
|
||||||
export type ListPlayerSnapshotsParams = {
|
export type ListTribeMembers = {
|
||||||
|
offset?: number;
|
||||||
|
limit?: number;
|
||||||
|
sort?: string[];
|
||||||
|
};
|
||||||
|
|
||||||
|
export type ListSnapshotsParams = {
|
||||||
offset?: number;
|
offset?: number;
|
||||||
limit?: number;
|
limit?: number;
|
||||||
sort?: string[];
|
sort?: string[];
|
||||||
|
@ -166,14 +209,6 @@ export class TWHelpClient {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
public async versions(): Promise<ListResult<Version>> {
|
|
||||||
const resp = await this.client.get('/api/v1/versions');
|
|
||||||
return {
|
|
||||||
data: resp.data.data,
|
|
||||||
total: this.parseTotal(resp.headers),
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
public async serverConfig(
|
public async serverConfig(
|
||||||
version: string,
|
version: string,
|
||||||
server: string
|
server: string
|
||||||
|
@ -191,6 +226,81 @@ export class TWHelpClient {
|
||||||
return resp.data.data;
|
return resp.data.data;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public async tribe(
|
||||||
|
version: string,
|
||||||
|
server: string,
|
||||||
|
id: number
|
||||||
|
): Promise<Tribe> {
|
||||||
|
const resp = await this.client.get(
|
||||||
|
`/api/v1/versions/${version}/servers/${server}/tribes/${id}`
|
||||||
|
);
|
||||||
|
return resp.data.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
public async tribeHistory(
|
||||||
|
version: string,
|
||||||
|
server: string,
|
||||||
|
id: number,
|
||||||
|
queryParams?: ListSnapshotsParams
|
||||||
|
): Promise<ListResult<TribeSnapshot>> {
|
||||||
|
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
|
||||||
|
const resp = await this.client.get(
|
||||||
|
`/api/v1/versions/${version}/servers/${server}/tribes/${id}/history?${queryString}`
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
data: resp.data.data,
|
||||||
|
total: this.parseTotal(resp.headers),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
public async tribeTribeChanges(
|
||||||
|
version: string,
|
||||||
|
server: string,
|
||||||
|
id: number,
|
||||||
|
queryParams?: ListTribeChangesQueryParams
|
||||||
|
): Promise<ListResult<TribeChange>> {
|
||||||
|
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
|
||||||
|
const resp = await this.client.get(
|
||||||
|
`/api/v1/versions/${version}/servers/${server}/tribes/${id}/tribe-changes?${queryString}`
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
data: resp.data.data,
|
||||||
|
total: this.parseTotal(resp.headers),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
public async tribeEnnoblements(
|
||||||
|
version: string,
|
||||||
|
server: string,
|
||||||
|
id: number,
|
||||||
|
queryParams?: ListEnnoblementsParams
|
||||||
|
): Promise<ListResult<Ennoblement>> {
|
||||||
|
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
|
||||||
|
const resp = await this.client.get(
|
||||||
|
`/api/v1/versions/${version}/servers/${server}/tribes/${id}/ennoblements?${queryString}`
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
data: resp.data.data,
|
||||||
|
total: this.parseTotal(resp.headers),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
public async tribeMembers(
|
||||||
|
version: string,
|
||||||
|
server: string,
|
||||||
|
id: number,
|
||||||
|
queryParams?: ListTribeMembers
|
||||||
|
): Promise<ListResult<Player>> {
|
||||||
|
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
|
||||||
|
const resp = await this.client.get(
|
||||||
|
`/api/v1/versions/${version}/servers/${server}/tribes/${id}/members?${queryString}`
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
data: resp.data.data,
|
||||||
|
total: this.parseTotal(resp.headers),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
public async player(
|
public async player(
|
||||||
version: string,
|
version: string,
|
||||||
server: string,
|
server: string,
|
||||||
|
@ -238,7 +348,7 @@ export class TWHelpClient {
|
||||||
version: string,
|
version: string,
|
||||||
server: string,
|
server: string,
|
||||||
id: number,
|
id: number,
|
||||||
queryParams?: ListPlayerSnapshotsParams
|
queryParams?: ListSnapshotsParams
|
||||||
): Promise<ListResult<PlayerSnapshot>> {
|
): Promise<ListResult<PlayerSnapshot>> {
|
||||||
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
|
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
|
||||||
const resp = await this.client.get(
|
const resp = await this.client.get(
|
||||||
|
|
Loading…
Reference in New Issue