feat: extended tribe profile

src/extended-tribe-profile.user.ts

@@ -1,6 +1,7 @@
-import { Tribe, TribeSnapshot, TWHelpClient } from './lib/twhelp';
+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: {
@@ -11,24 +12,34 @@ const t = createTranslationFunc({
     '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',
   },
 });
 
@@ -44,6 +55,10 @@ class TWHelpConnector {
     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;
@@ -64,17 +79,28 @@ class TWHelpConnector {
       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
   ) {}
 
@@ -82,6 +108,7 @@ class UI {
     this.renderAdditionalInfo();
     this.renderStats();
     this.renderActions();
+    this.extendMemberTable();
   }
 
   private renderAdditionalInfo() {
@@ -237,6 +264,10 @@ class UI {
         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');
@@ -344,6 +375,122 @@ class UI {
       }
     ).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 {
@@ -359,10 +506,19 @@ class ExtendedTribeProfile {
   }
 
   async run() {
-    const tribe = await this.twhelpConnector.tribe();
-    const latestSnapshot = await this.twhelpConnector.latestSnapshot();
+    const [tribe, latestSnapshot, { data: members }] = await Promise.all([
+      this.twhelpConnector.tribe(),
+      this.twhelpConnector.latestSnapshot(),
+      this.twhelpConnector.tribeMembers(),
+    ]);
 
-    await new UI(tribe, latestSnapshot, this.twhelpConnector).render();
+    await new UI(
+      window.game_data.world,
+      tribe,
+      latestSnapshot,
+      members,
+      this.twhelpConnector
+    ).render();
   }
 
   private getTribeId() {

src/lib/twhelp.ts

@@ -182,6 +182,12 @@ export type ListEnnoblementsParams = {
   sort?: string[];
 };
 
+export type ListTribeMembers = {
+  offset?: number;
+  limit?: number;
+  sort?: string[];
+};
+
 export type ListSnapshotsParams = {
   offset?: number;
   limit?: number;
@@ -263,6 +269,38 @@ export class TWHelpClient {
     };
   }
 
+  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,