refactor: extended tribe profile - use /api/v2
ci/woodpecker/push/test Pipeline was successful Details

This commit is contained in:
Dawid Wysokiński 2024-04-03 07:18:14 +02:00
parent 998deef3aa
commit 0d034710b5
Signed by: Kichiyaki
GPG Key ID: B5445E357FB8B892
12 changed files with 156 additions and 675 deletions

View File

@ -5,4 +5,4 @@ k8s
.prettierrc.js .prettierrc.js
commitlint.config.js commitlint.config.js
postbuild.js postbuild.js
src/lib/twhelpv2 src/lib/twhelp

View File

@ -4,7 +4,7 @@
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
"prepare": "husky install", "prepare": "husky install",
"generate-client": "openapi --input ./src/lib/twhelpv2/openapi3.json --output ./src/lib/twhelpv2 --name TWHelpV2Client --useOptions --client axios", "generate-client": "openapi --input src/lib/twhelp/openapi3.json --output src/lib/twhelp --name TWHelpClient --useOptions --client axios",
"build": "rm -rf dist && yarn generate-client && parcel build ./src/*.user.ts ./src/*.quickbar.ts", "build": "rm -rf dist && yarn generate-client && parcel build ./src/*.user.ts ./src/*.quickbar.ts",
"postbuild": "PUBLIC_URL=https://scripts.twhelp.app node postbuild.js", "postbuild": "PUBLIC_URL=https://scripts.twhelp.app node postbuild.js",
"lint": "eslint src/**/*.ts" "lint": "eslint src/**/*.ts"

View File

@ -7,7 +7,7 @@ const DIST_DIR = 'dist';
const metadata = { const metadata = {
'extended-player-profile': `// ==UserScript== 'extended-player-profile': `// ==UserScript==
// @name Extended player profile // @name Extended player profile
// @version 1.1.6 // @version 1.2.0
// @description Adds additional info and actions on a player overview. // @description Adds additional info and actions on a player overview.
// @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app // @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app
// @match https://*/game.php?*screen=info_player* // @match https://*/game.php?*screen=info_player*
@ -43,7 +43,7 @@ const metadata = {
// ==/UserScript==`, // ==/UserScript==`,
'extended-tribe-profile': `// ==UserScript== 'extended-tribe-profile': `// ==UserScript==
// @name Extended tribe profile // @name Extended tribe profile
// @version 1.0.4 // @version 1.1.0
// @description Adds additional info and actions on a tribe overview. // @description Adds additional info and actions on a tribe overview.
// @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app // @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app
// @match https://*/game.php?*screen=info_ally* // @match https://*/game.php?*screen=info_ally*

View File

@ -1,132 +0,0 @@
import { createTranslationFunc } from '../utils';
const t = createTranslationFunc({
pl_PL: {
Loading: 'Wczytywanie',
'Previous page': 'Poprzednia strona',
'Next page': 'Następna strona',
'Something went wrong while loading the data':
'Coś poszło nie tak podczas wczytywania danych',
},
});
export type DialogTableColumn<T> = {
header: string;
accessor: (row: T, index: number, rows: T[]) => string;
};
export type Cursor = {
next?: string;
self?: string;
};
export type LoadDataResult<T> = {
cursor?: Cursor;
data: T[];
};
export class DialogTableV2<T> {
private readonly prevPageId: string;
private readonly nextPageId: string;
private readonly prevCursors: Cursor[] = [];
constructor(
private readonly id: string,
private readonly columns: DialogTableColumn<T>[],
private readonly limit: number,
private readonly loadData: (
cursor: string | undefined,
limit: number
) => Promise<LoadDataResult<T>>
) {
this.prevPageId = `${this.id}_page_prev`;
this.nextPageId = `${this.id}_page_next`;
}
public async render() {
await this.renderPage();
}
private async renderPage(pageCursor?: string) {
window.Dialog.show(this.id, `<p>${t('Loading')}...</p>`);
try {
const { data, cursor } = await this.loadData(pageCursor, this.limit);
window.Dialog.show(
this.id,
`
${this.buildPagination(cursor)}
${this.buildTable(data)}
`
);
this.addEventListeners(cursor);
} catch (err) {
console.error(err);
window.Dialog.close();
window.UI.ErrorMessage(t('Something went wrong while loading the data'));
}
}
private buildPagination(cursor?: Cursor): string {
return `
<div style="display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 10px">
<button title="${t(
'Previous page'
)}" style="margin-right: 5px" class="btn" id="${this.prevPageId}"${
this.prevCursors.length === 0 ? ' disabled' : ''
}>&lt;</button>
<button title="${t('Next page')}" class="btn" id="${
this.nextPageId
}"${!cursor?.next ? ' disabled' : ''}>&gt;</button>
</div>
`;
}
private buildTable(data: T[]) {
return `
<table style="width: 100%" class="vis">
<tbody>
<tr>
${this.columns.map((col) => `<th>${col.header}</th>`).join('')}
</tr>
${data
.map(
(r, index) => `
<tr>
${this.columns
.map((col) => `<td>${col.accessor(r, index, data)}</td>`)
.join('')}
</tr>
`
)
.join('')}
</tbody>
</table>
`;
}
private addEventListeners(cursor?: Cursor) {
document
.querySelector('#' + this.prevPageId)
?.addEventListener('click', () => {
const prev = this.prevCursors.pop();
if (!prev) {
return;
}
this.renderPage(prev.self);
});
document
.querySelector('#' + this.nextPageId)
?.addEventListener('click', () => {
if (!cursor) {
return;
}
this.prevCursors.push(cursor);
this.renderPage(cursor.next);
});
}
}

View File

@ -15,48 +15,54 @@ export type DialogTableColumn<T> = {
accessor: (row: T, index: number, rows: T[]) => string; accessor: (row: T, index: number, rows: T[]) => string;
}; };
export type Cursor = {
next?: string;
self?: string;
};
export type LoadDataResult<T> = { export type LoadDataResult<T> = {
cursor?: Cursor;
data: T[]; data: T[];
total: number;
}; };
export class DialogTable<T> { export class DialogTable<T> {
prevPageId: string; private readonly prevPageId: string;
selectId: string; private readonly nextPageId: string;
nextPageId: string;
private readonly prevCursors: Cursor[] = [];
constructor( constructor(
private readonly id: string, private readonly id: string,
private readonly columns: DialogTableColumn<T>[], private readonly columns: DialogTableColumn<T>[],
private readonly limit: number, private readonly limit: number,
private readonly loadData: ( private readonly loadData: (
page: number, cursor: string | undefined,
limit: number limit: number
) => Promise<LoadDataResult<T>> ) => Promise<LoadDataResult<T>>
) { ) {
this.prevPageId = `${this.id}_page_prev`; this.prevPageId = `${this.id}_page_prev`;
this.selectId = `${this.id}_page_select`;
this.nextPageId = `${this.id}_page_next`; this.nextPageId = `${this.id}_page_next`;
} }
public async render() { public async render() {
await this.renderPage(1); await this.renderPage();
} }
private async renderPage(page: number) { private async renderPage(pageCursor?: string) {
window.Dialog.show(`${this.id}_loading`, `<p>${t('Loading')}...</p>`); window.Dialog.show(this.id, `<p>${t('Loading')}...</p>`);
try { try {
const { data, total } = await this.loadData(page, this.limit); const { data, cursor } = await this.loadData(pageCursor, this.limit);
window.Dialog.show( window.Dialog.show(
this.id, this.id,
` `
${this.buildPagination(page, total)} ${this.buildPagination(cursor)}
${this.buildTable(data)} ${this.buildTable(data)}
` `
); );
this.addEventListeners(page); this.addEventListeners(cursor);
} catch (err) { } catch (err) {
console.error(err); console.error(err);
window.Dialog.close(); window.Dialog.close();
@ -64,31 +70,17 @@ export class DialogTable<T> {
} }
} }
private buildPagination(page: number, total: number): string { private buildPagination(cursor?: Cursor): string {
const maxPage = Math.ceil(total / this.limit);
const pageOpts = [];
for (let i = 1; i <= (page > maxPage ? page : maxPage); i++) {
pageOpts.push(
`<option${
i === page ? ' disabled selected' : ''
} value="${i}">${i}</option>`
);
}
return ` return `
<div style="display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 10px"> <div style="display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 10px">
<button title="${t( <button title="${t(
'Previous page' 'Previous page'
)}" style="margin-right: 5px" class="btn" id="${this.prevPageId}"${ )}" style="margin-right: 5px" class="btn" id="${this.prevPageId}"${
page <= 1 ? ' disabled' : '' this.prevCursors.length === 0 ? ' disabled' : ''
}>&lt;</button> }>&lt;</button>
<select style="margin-right: 5px" id="${this.selectId}">
${pageOpts.join('')}
</select>
<button title="${t('Next page')}" class="btn" id="${ <button title="${t('Next page')}" class="btn" id="${
this.nextPageId this.nextPageId
}"${page >= maxPage ? ' disabled' : ''}>&gt;</button> }"${!cursor?.next ? ' disabled' : ''}>&gt;</button>
</div> </div>
`; `;
} }
@ -116,27 +108,25 @@ export class DialogTable<T> {
`; `;
} }
private addEventListeners(page: number) { private addEventListeners(cursor?: Cursor) {
document document
.querySelector('#' + this.prevPageId) .querySelector('#' + this.prevPageId)
?.addEventListener('click', () => { ?.addEventListener('click', () => {
this.renderPage(page - 1); const prev = this.prevCursors.pop();
}); if (!prev) {
document
.querySelector('#' + this.selectId)
?.addEventListener('change', (e: Event) => {
if (!(e.currentTarget instanceof HTMLSelectElement)) {
return; return;
} }
this.renderPage(prev.self);
this.renderPage(parseInt(e.currentTarget.value));
}); });
document document
.querySelector('#' + this.nextPageId) .querySelector('#' + this.nextPageId)
?.addEventListener('click', () => { ?.addEventListener('click', () => {
this.renderPage(page + 1); if (!cursor) {
return;
}
this.prevCursors.push(cursor);
this.renderPage(cursor.next);
}); });
} }
} }

View File

@ -3,11 +3,11 @@ import { Cache, InMemoryStorage } from './lib/cache';
import { calcDistance, calcLoyalty } from './lib/tw'; import { calcDistance, calcLoyalty } from './lib/tw';
import { createTranslationFunc } from './utils'; import { createTranslationFunc } from './utils';
import { import {
TWHelpV2Client, TWHelpClient,
Ennoblement, Ennoblement,
UnitInfo, UnitInfo,
ServerConfig, ServerConfig,
} from './lib/twhelpv2'; } from './lib/twhelp';
declare global { declare global {
interface Window { interface Window {
@ -52,14 +52,14 @@ class TWHelpConnector {
private readonly localStorageCache = new Cache(localStorage); private readonly localStorageCache = new Cache(localStorage);
private readonly inMemoryCache = new Cache(new InMemoryStorage()); private readonly inMemoryCache = new Cache(new InMemoryStorage());
private readonly client: TWHelpV2Client; private readonly client: TWHelpClient;
constructor( constructor(
readonly baseUrl: string, readonly baseUrl: string,
private readonly version: string, private readonly version: string,
private readonly server: string private readonly server: string
) { ) {
this.client = new TWHelpV2Client({ this.client = new TWHelpClient({
BASE: baseUrl, BASE: baseUrl,
}); });
} }

View File

@ -3,8 +3,9 @@
import { InADayClient } from './lib/tw'; import { InADayClient } from './lib/tw';
import { createTranslationFunc } from './utils'; import { createTranslationFunc } from './utils';
import { buildURL } from './lib/twstats'; import { buildURL } from './lib/twstats';
import { TWHelpV2Client, PlayerSnapshot, Player } from './lib/twhelpv2'; import { TWHelpClient, PlayerSnapshot, Player } from './lib/twhelp';
import { DialogTableV2 } from './common/dialog-table-v2'; import { DialogTable } from './common/dialog-table';
import { Cache } from './lib/cache';
const t = createTranslationFunc({ const t = createTranslationFunc({
pl_PL: { pl_PL: {
@ -59,7 +60,7 @@ const t = createTranslationFunc({
}); });
class TWHelpConnector { class TWHelpConnector {
private readonly client: TWHelpV2Client; private readonly client: TWHelpClient;
constructor( constructor(
readonly baseUrl: string, readonly baseUrl: string,
@ -67,7 +68,7 @@ class TWHelpConnector {
private readonly server: string, private readonly server: string,
private readonly id: number private readonly id: number
) { ) {
this.client = new TWHelpV2Client({ this.client = new TWHelpClient({
BASE: baseUrl, BASE: baseUrl,
}); });
} }
@ -131,12 +132,23 @@ class TWHelpConnector {
} }
class InADayConnector { class InADayConnector {
private static readonly CACHE_KEY_PREFIX =
'extended_player_profile_in_a_day_';
private readonly cache = new Cache(localStorage);
private readonly client = new InADayClient(); private readonly client = new InADayClient();
constructor(private readonly name: string) {} constructor(private readonly name: string) {}
player() { player() {
return this.client.player(this.name); return this.cache.load(
InADayConnector.CACHE_KEY_PREFIX + this.name,
600,
() => {
return this.client.player(this.name);
}
);
} }
} }
@ -360,7 +372,7 @@ class UI {
private async showOtherServers(e: Event) { private async showOtherServers(e: Event) {
e.preventDefault(); e.preventDefault();
await new DialogTableV2( await new DialogTable(
DialogId.OTHER_SERVERS, DialogId.OTHER_SERVERS,
[ [
{ {
@ -421,7 +433,7 @@ class UI {
conquer: 'Villages conquered', conquer: 'Villages conquered',
}; };
await new DialogTableV2( await new DialogTable(
DialogId.IN_A_DAY_RANKS, DialogId.IN_A_DAY_RANKS,
[ [
{ {
@ -469,7 +481,7 @@ class UI {
private async showTribeChanges(e: Event) { private async showTribeChanges(e: Event) {
e.preventDefault(); e.preventDefault();
await new DialogTableV2( await new DialogTable(
DialogId.TRIBE_CHANGES, DialogId.TRIBE_CHANGES,
[ [
{ {
@ -501,7 +513,7 @@ class UI {
private async showHistory(e: Event) { private async showHistory(e: Event) {
e.preventDefault(); e.preventDefault();
await new DialogTableV2( await new DialogTable(
DialogId.HISTORY, DialogId.HISTORY,
[ [
{ {
@ -557,7 +569,7 @@ class UI {
private async showEnnoblements(e: Event) { private async showEnnoblements(e: Event) {
e.preventDefault(); e.preventDefault();
await new DialogTableV2( await new DialogTable(
DialogId.ENNOBLEMENTS, DialogId.ENNOBLEMENTS,
[ [
{ {

View File

@ -1,7 +1,7 @@
import { Player, Tribe, TribeSnapshot, TWHelpClient } from './lib/twhelp'; import { Player, Tribe, TribeSnapshot, TWHelpClient } from './lib/twhelp';
import { createTranslationFunc } from './utils'; import { createTranslationFunc } from './utils';
import { DialogTable } from './common/dialog-table';
import { buildURL } from './lib/twstats'; import { buildURL } from './lib/twstats';
import { DialogTable } from './common/dialog-table';
const t = createTranslationFunc({ const t = createTranslationFunc({
pl_PL: { pl_PL: {
@ -44,47 +44,72 @@ const t = createTranslationFunc({
}); });
class TWHelpConnector { class TWHelpConnector {
private readonly client: TWHelpClient;
constructor( constructor(
private readonly client: TWHelpClient, baseUrl: string,
private readonly version: string, private readonly version: string,
private readonly server: string, private readonly server: string,
private readonly id: number private readonly id: number
) {} ) {
this.client = new TWHelpClient({
BASE: baseUrl,
});
}
tribe() { async tribe() {
return this.client.tribe(this.version, this.server, this.id); return (
await this.client.tribes.getTribe({
versionCode: this.version,
serverKey: this.server,
tribeId: this.id,
})
).data;
} }
tribeMembers() { tribeMembers() {
return this.client.tribeMembers(this.version, this.server, this.id); return this.client.tribes.listTribeMembers({
versionCode: this.version,
serverKey: this.server,
tribeId: this.id,
});
} }
async latestSnapshot() { async latestSnapshot() {
const snapshot = await this.tribeSnapshots(1, 1); const snapshot = await this.tribeSnapshots(undefined, 1);
return snapshot.data.length > 0 ? snapshot.data[0] : null; return snapshot.data.length > 0 ? snapshot.data[0] : null;
} }
tribeSnapshots(page: number, limit: number) { tribeSnapshots(cursor: string | undefined, limit: number) {
return this.client.tribeSnapshots(this.version, this.server, this.id, { return this.client.snapshots.listTribeTribeSnapshots({
offset: (page - 1) * limit, versionCode: this.version,
serverKey: this.server,
tribeId: this.id,
cursor,
limit, limit,
sort: ['date:desc'], sort: ['date:DESC'],
}); });
} }
tribeTribeChanges(page: number, limit: number) { memberChanges(cursor: string | undefined, limit: number) {
return this.client.tribeTribeChanges(this.version, this.server, this.id, { return this.client.tribeChanges.listTribeMemberChanges({
offset: (page - 1) * limit, versionCode: this.version,
serverKey: this.server,
tribeId: this.id,
cursor,
limit, limit,
sort: ['createdAt:desc'], sort: ['createdAt:DESC'],
}); });
} }
tribeEnnoblements(page: number, limit: number) { tribeEnnoblements(cursor: string | undefined, limit: number) {
return this.client.tribeEnnoblements(this.version, this.server, this.id, { return this.client.ennoblements.listTribeEnnoblements({
offset: (page - 1) * limit, versionCode: this.version,
serverKey: this.server,
tribeId: this.id,
cursor,
limit, limit,
sort: ['createdAt:desc'], sort: ['createdAt:DESC'],
}); });
} }
} }
@ -133,20 +158,20 @@ class UI {
<tr> <tr>
<td>${t('Best rank')}:</td> <td>${t('Best rank')}:</td>
<td>${this.tribe.bestRank} (${new Date( <td>${this.tribe.bestRank} (${new Date(
this.tribe.bestRankAt this.tribe.bestRankAt
).toLocaleString()})</td> ).toLocaleString()})</td>
</tr> </tr>
<tr> <tr>
<td>${t('Most points')}:</td> <td>${t('Most points')}:</td>
<td>${this.tribe.mostPoints.toLocaleString()} (${new Date( <td>${this.tribe.mostPoints.toLocaleString()} (${new Date(
this.tribe.mostPointsAt this.tribe.mostPointsAt
).toLocaleString()})</td> ).toLocaleString()})</td>
</tr> </tr>
<tr> <tr>
<td>${t('Most villages')}:</td> <td>${t('Most villages')}:</td>
<td>${this.tribe.mostVillages.toLocaleString()} (${new Date( <td>${this.tribe.mostVillages.toLocaleString()} (${new Date(
this.tribe.mostVillagesAt this.tribe.mostVillagesAt
).toLocaleString()})</td> ).toLocaleString()})</td>
</tr> </tr>
` `
); );
@ -185,29 +210,41 @@ class UI {
}, },
{ {
header: t('ODA'), header: t('ODA'),
value: this.tribe.scoreAtt - (this.latestSnapshot?.scoreAtt ?? 0), value:
this.tribe.opponentsDefeated.scoreAtt -
(this.latestSnapshot?.opponentsDefeated.scoreAtt ?? 0),
}, },
{ {
header: t('ODA - rank'), header: t('ODA - rank'),
value: this.tribe.rankAtt - (this.latestSnapshot?.rankAtt ?? 0), value:
this.tribe.opponentsDefeated.rankAtt -
(this.latestSnapshot?.opponentsDefeated.rankAtt ?? 0),
rank: true, rank: true,
}, },
{ {
header: t('ODD'), header: t('ODD'),
value: this.tribe.scoreDef - (this.latestSnapshot?.scoreDef ?? 0), value:
this.tribe.opponentsDefeated.scoreDef -
(this.latestSnapshot?.opponentsDefeated.scoreDef ?? 0),
}, },
{ {
header: t('ODD - rank'), header: t('ODD - rank'),
value: this.tribe.rankDef - (this.latestSnapshot?.rankDef ?? 0), value:
this.tribe.opponentsDefeated.rankDef -
(this.latestSnapshot?.opponentsDefeated.rankDef ?? 0),
rank: true, rank: true,
}, },
{ {
header: t('OD'), header: t('OD'),
value: this.tribe.scoreTotal - (this.latestSnapshot?.scoreTotal ?? 0), value:
this.tribe.opponentsDefeated.scoreTotal -
(this.latestSnapshot?.opponentsDefeated.scoreTotal ?? 0),
}, },
{ {
header: t('OD - rank'), header: t('OD - rank'),
value: this.tribe.rankTotal - (this.latestSnapshot?.rankTotal ?? 0), value:
this.tribe.opponentsDefeated.rankTotal -
(this.latestSnapshot?.opponentsDefeated.rankTotal ?? 0),
rank: true, rank: true,
}, },
]; ];
@ -231,10 +268,10 @@ class UI {
r.value, r.value,
r.rank r.rank
)}">${ )}">${
r.customFormat r.customFormat
? r.customFormat(r.value) ? r.customFormat(r.value)
: Math.abs(r.value).toLocaleString() : Math.abs(r.value).toLocaleString()
}</td> }</td>
</tr> </tr>
` `
) )
@ -323,8 +360,8 @@ class UI {
}, },
], ],
30, 30,
(page: number, limit: number) => { (cursor: string | undefined, limit: number) => {
return this.twhelpConnector.tribeTribeChanges(page, limit); return this.twhelpConnector.memberChanges(cursor, limit);
} }
).render(); ).render();
} }
@ -359,24 +396,24 @@ class UI {
{ {
header: t('OD'), header: t('OD'),
accessor: (s) => accessor: (s) =>
`${s.scoreTotal.toLocaleString()} (<strong>${ `${s.opponentsDefeated.scoreTotal.toLocaleString()} (<strong>${
s.rankTotal s.opponentsDefeated.rankTotal
}</strong>)`, }</strong>)`,
}, },
{ {
header: t('ODA'), header: t('ODA'),
accessor: (s) => accessor: (s) =>
`${s.scoreAtt.toLocaleString()} (<strong>${s.rankAtt}</strong>)`, `${s.opponentsDefeated.scoreAtt.toLocaleString()} (<strong>${s.opponentsDefeated.rankAtt}</strong>)`,
}, },
{ {
header: t('ODD'), header: t('ODD'),
accessor: (s) => accessor: (s) =>
`${s.scoreDef.toLocaleString()} (<strong>${s.rankDef}</strong>)`, `${s.opponentsDefeated.scoreDef.toLocaleString()} (<strong>${s.opponentsDefeated.rankDef}</strong>)`,
}, },
], ],
30, 30,
(page: number, limit: number) => { (cursor: string | undefined, limit: number) => {
return this.twhelpConnector.tribeSnapshots(page, limit); return this.twhelpConnector.tribeSnapshots(cursor, limit);
} }
).render(); ).render();
} }
@ -428,8 +465,8 @@ class UI {
}, },
], ],
30, 30,
(page: number, limit: number) => { (cursor: string | undefined, limit: number) => {
return this.twhelpConnector.tribeEnnoblements(page, limit); return this.twhelpConnector.tribeEnnoblements(cursor, limit);
} }
).render(); ).render();
} }
@ -477,10 +514,10 @@ class UI {
const member = this.members.find((m) => m.id === id); const member = this.members.find((m) => m.id === id);
[ [
(member?.rankAtt ?? 0).toString(), (member?.opponentsDefeated.rankAtt ?? 0).toString(),
(member?.rankDef ?? 0).toString(), (member?.opponentsDefeated.rankDef ?? 0).toString(),
(member?.rankSup ?? 0).toString(), (member?.opponentsDefeated.rankSup ?? 0).toString(),
(member?.rankTotal ?? 0).toString(), (member?.opponentsDefeated.rankTotal ?? 0).toString(),
member?.lastActivityAt member?.lastActivityAt
? new Date(member.lastActivityAt).toLocaleString() ? new Date(member.lastActivityAt).toLocaleString()
: '-', : '-',
@ -501,9 +538,9 @@ class UI {
class ExtendedTribeProfile { class ExtendedTribeProfile {
private readonly twhelpConnector: TWHelpConnector; private readonly twhelpConnector: TWHelpConnector;
constructor(twhelpClient: TWHelpClient) { constructor(apiBaseUrl: string) {
this.twhelpConnector = new TWHelpConnector( this.twhelpConnector = new TWHelpConnector(
twhelpClient, apiBaseUrl,
window.game_data.market, window.game_data.market,
window.game_data.world, window.game_data.world,
this.getTribeId() this.getTribeId()
@ -543,9 +580,7 @@ class ExtendedTribeProfile {
return; return;
} }
await new ExtendedTribeProfile( await new ExtendedTribeProfile(process.env.TWHELP_API_BASE_URL ?? '')
new TWHelpClient(process.env.TWHELP_API_BASE_URL ?? '')
)
.run() .run()
.catch((err) => { .catch((err) => {
console.log(err); console.log(err);

View File

@ -1,8 +1,8 @@
import { createTranslationFunc } from './utils'; import { createTranslationFunc } from './utils';
import { calcLoyalty } from './lib/tw'; import { calcLoyalty } from './lib/tw';
import { Cache } from './lib/cache'; import { Cache } from './lib/cache';
import { TWHelpV2Client, Ennoblement, ServerConfig } from './lib/twhelpv2'; import { TWHelpClient, Ennoblement, ServerConfig } from './lib/twhelp';
import { DialogTableV2 } from './common/dialog-table-v2'; import { DialogTable } from './common/dialog-table';
const t = createTranslationFunc({ const t = createTranslationFunc({
pl_PL: { pl_PL: {
@ -26,7 +26,7 @@ class TWHelpConnector {
private cache = new Cache(localStorage); private cache = new Cache(localStorage);
private client: TWHelpV2Client; private client: TWHelpClient;
constructor( constructor(
readonly baseUrl: string, readonly baseUrl: string,
@ -34,7 +34,7 @@ class TWHelpConnector {
private readonly server: string, private readonly server: string,
private readonly id: number private readonly id: number
) { ) {
this.client = new TWHelpV2Client({ BASE: baseUrl }); this.client = new TWHelpClient({ BASE: baseUrl });
} }
serverConfig() { serverConfig() {
@ -151,7 +151,7 @@ class UI {
private async showEnnoblements(e: Event) { private async showEnnoblements(e: Event) {
e.preventDefault(); e.preventDefault();
await new DialogTableV2<Ennoblement>( await new DialogTable<Ennoblement>(
DialogId.ENNOBLEMENTS, DialogId.ENNOBLEMENTS,
[ [
{ {

View File

@ -1,424 +0,0 @@
import axios, {
AxiosInstance,
AxiosResponseHeaders,
RawAxiosResponseHeaders,
} from 'axios';
export type ServerMeta = {
key: string;
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 = {
id: number;
name: string;
tag: string;
profileUrl: string;
};
export type Player = {
id: number;
points: number;
rank: number;
numVillages: number;
scoreAtt: number;
rankAtt: number;
scoreDef: number;
rankDef: number;
scoreSup: number;
rankSup: number;
scoreTotal: number;
rankTotal: number;
bestRank: number;
bestRankAt: string;
mostPoints: number;
mostPointsAt: string;
mostVillages: number;
mostVillagesAt: string;
lastActivityAt: string;
createdAt: string;
tribe: TribeMeta | null;
};
export type PlayerWithServer = Player & {
server: ServerMeta;
};
export type PlayerMeta = {
id: number;
name: string;
profileUrl: string;
tribe: TribeMeta | null;
};
export type VillageMeta = {
id: number;
fullName: string;
profileUrl: string;
x: number;
y: number;
continent: string;
player: PlayerMeta | null;
};
export type TribeChange = {
id: number;
newTribe: TribeMeta | null;
player: PlayerMeta;
createdAt: string;
};
export type Ennoblement = {
id: number;
points: number;
newOwner: PlayerMeta | null;
village: VillageMeta;
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 = {
id: number;
tribe: TribeMeta | null;
points: number;
numVillages: number;
rank: number;
rankAtt: number;
rankDef: number;
rankSup: number;
rankTotal: number;
scoreAtt: number;
scoreDef: number;
scoreSup: number;
scoreTotal: number;
date: string;
};
export type ServerConfig = {
speed: number;
unitSpeed: number;
snob: {
maxDist: number;
};
};
export type Unit = {
speed: number;
};
export type UnitInfo = {
archer: Unit;
axe: Unit;
catapult: Unit;
heavy: Unit;
knight: Unit;
light: Unit;
marcher: Unit;
militia: Unit;
ram: Unit;
snob: Unit;
spear: Unit;
spy: Unit;
sword: Unit;
};
export type ListResult<T> = {
data: T[];
total: number;
};
export type ListTribeChangesQueryParams = {
offset?: number;
limit?: number;
sort?: string[];
};
export type ListEnnoblementsParams = {
offset?: number;
limit?: number;
sort?: string[];
};
export type ListTribeMembers = {
offset?: number;
limit?: number;
sort?: string[];
};
export type ListSnapshotsParams = {
offset?: number;
limit?: number;
sort?: string[];
};
export type ListPlayerOtherServersParams = {
offset?: number;
limit?: number;
};
export class TWHelpClient {
client: AxiosInstance;
constructor(url: string, timeout = 10000) {
this.client = axios.create({
baseURL: url,
timeout,
});
}
public async serverConfig(
version: string,
server: string
): Promise<ServerConfig> {
const resp = await this.client.get(
`/api/v1/versions/${version}/servers/${server}/config`
);
return resp.data.data;
}
public async unitInfo(version: string, server: string): Promise<UnitInfo> {
const resp = await this.client.get(
`/api/v1/versions/${version}/servers/${server}/unit-info`
);
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 tribeSnapshots(
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}/snapshots?${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(
version: string,
server: string,
id: number
): Promise<Player> {
const resp = await this.client.get(
`/api/v1/versions/${version}/servers/${server}/players/${id}`
);
return resp.data.data;
}
public async playerTribeChanges(
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}/players/${id}/tribe-changes?${queryString}`
);
return {
data: resp.data.data,
total: this.parseTotal(resp.headers),
};
}
public async playerEnnoblements(
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}/players/${id}/ennoblements?${queryString}`
);
return {
data: resp.data.data,
total: this.parseTotal(resp.headers),
};
}
public async playerSnapshots(
version: string,
server: string,
id: number,
queryParams?: ListSnapshotsParams
): Promise<ListResult<PlayerSnapshot>> {
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
const resp = await this.client.get(
`/api/v1/versions/${version}/servers/${server}/players/${id}/snapshots?${queryString}`
);
return {
data: resp.data.data,
total: this.parseTotal(resp.headers),
};
}
public async playerOtherServers(
version: string,
server: string,
id: number,
queryParams?: ListPlayerOtherServersParams
): Promise<ListResult<PlayerWithServer>> {
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
const resp = await this.client.get(
`/api/v1/versions/${version}/servers/${server}/players/${id}/other-servers?${queryString}`
);
return {
data: resp.data.data,
total: this.parseTotal(resp.headers),
};
}
public async villageEnnoblements(
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}/villages/${id}/ennoblements?${queryString}`
);
return {
data: resp.data.data,
total: this.parseTotal(resp.headers),
};
}
private buildQueryString(
queryParams: Record<string, string | boolean | number | Date | string[]>
): string {
const params = new URLSearchParams();
for (const [name, val] of Object.entries(queryParams)) {
if (Array.isArray(val)) {
val.forEach((s) => {
params.append(name, s);
});
continue;
}
if (val instanceof Date) {
params.set(name, val.toISOString());
continue;
}
params.set(name, val.toString());
}
return params.toString();
}
private parseTotal(
headers: RawAxiosResponseHeaders | AxiosResponseHeaders
): number {
return parseInt(headers['x-total-count'] ?? '0');
}
}