Compare commits
111 Commits
Author | SHA1 | Date |
---|---|---|
Renovate | 2708918862 | |
Renovate | 73189203f3 | |
Renovate | ce584fd292 | |
Renovate | a6f4d4616e | |
Renovate | 50a42f91f0 | |
Renovate | 9797bbb9d9 | |
Renovate | c5005680b4 | |
Dawid Wysokiński | 99ef0c40de | |
Dawid Wysokiński | cab4709463 | |
Renovate | 82b864946b | |
Dawid Wysokiński | b43139bcbb | |
Dawid Wysokiński | 81274707d3 | |
Dawid Wysokiński | f2ed75e4c8 | |
Dawid Wysokiński | dc5f4a03de | |
Dawid Wysokiński | 8496747ac8 | |
Dawid Wysokiński | a637e66258 | |
Dawid Wysokiński | 0fbea77850 | |
Dawid Wysokiński | 0d034710b5 | |
Dawid Wysokiński | 998deef3aa | |
Renovate | a740a589be | |
Renovate | 8bffd2647b | |
Dawid Wysokiński | af3fffae43 | |
Dawid Wysokiński | a2fb6425a0 | |
Renovate | 93fa246f14 | |
Dawid Wysokiński | fc9d1be2fe | |
Dawid Wysokiński | aaabe449d5 | |
Dawid Wysokiński | ac571326c3 | |
Renovate | cceeb270c4 | |
Dawid Wysokiński | f94fd27432 | |
Renovate | 1ddcbb66ed | |
Renovate | d099601b69 | |
Renovate | ff364a93ea | |
Renovate | f38e3d6954 | |
Renovate | 2bfc8b1c84 | |
Renovate | c2fd244639 | |
Renovate | e69cf46abe | |
Renovate | 56944664ac | |
Renovate | 0427e0dd60 | |
Renovate | a6a68cd530 | |
Renovate | 4bd12132f9 | |
Renovate | d66e2de08d | |
Renovate | 00397f0aaf | |
Dawid Wysokiński | 483ffa3ef7 | |
Dawid Wysokiński | 54e5faeb44 | |
Renovate | b7f08832d9 | |
Renovate | cfc26dd822 | |
Renovate | 0cae454104 | |
Renovate | 58dbb8433d | |
Renovate | 4adc41cb7e | |
Renovate | 0bd3692516 | |
Renovate | fabfcf55e4 | |
Renovate | 754ead62a3 | |
Renovate | 2f1e6e2bff | |
Renovate | 156c13e5e1 | |
Renovate | fe800229a5 | |
Dawid Wysokiński | 24b5c4d24d | |
Dawid Wysokiński | 41614f5054 | |
Dawid Wysokiński | 4e54a84ff5 | |
Renovate | 900c173702 | |
Renovate | 03e151d4e1 | |
Dawid Wysokiński | 26965f9f73 | |
Renovate | 3140f56ae9 | |
Renovate | b53acc0499 | |
Renovate | 5952c4e0fb | |
Renovate | 7ab3ce1955 | |
Renovate | f868086570 | |
Renovate | 1987c99761 | |
Renovate | 9e21d30c77 | |
Dawid Wysokiński | b05d0413b1 | |
Dawid Wysokiński | 3f3e836177 | |
renovate | b3e6edb08e | |
renovate | 59e5933167 | |
renovate | d609f87550 | |
renovate | 83f142ad97 | |
renovate | 7bb73e9dce | |
renovate | 4e8422c435 | |
Dawid Wysokiński | 56fbe86774 | |
renovate | c26c7ebbc9 | |
renovate | 8dc4faa06f | |
Dawid Wysokiński | a968d42e8a | |
Dawid Wysokiński | 0ff002ce1a | |
renovate | 24a9b7113f | |
renovate | 4a30e57fbf | |
renovate | 31f276a981 | |
renovate | 773d95e923 | |
renovate | 9f33b32632 | |
renovate | da32822563 | |
renovate | 11cd008009 | |
renovate | c6b51673d6 | |
Dawid Wysokiński | b03bae4cd9 | |
Dawid Wysokiński | c29f987caa | |
renovate | f2dd3d10a8 | |
renovate | 40c4fb7e7c | |
renovate | 75b1d6987d | |
renovate | 85ad186242 | |
renovate | 7763f8246d | |
renovate | 8ecfce7ac9 | |
renovate | 5c76bd3f14 | |
renovate | dad998978c | |
renovate | 0e1b744f5a | |
renovate | 5545e6617a | |
renovate | 1d8480d90e | |
renovate | 95ed638c2a | |
renovate | 3257e748e9 | |
renovate | 6b037c00fd | |
Dawid Wysokiński | 418e6f2c99 | |
Dawid Wysokiński | ba3dc02ff9 | |
Dawid Wysokiński | ad1c1987fc | |
Dawid Wysokiński | 62c97a0659 | |
renovate | 4acc620513 | |
renovate | d050ac6da1 |
111
.drone.yml
|
@ -1,111 +0,0 @@
|
|||
---
|
||||
kind: pipeline
|
||||
type: docker
|
||||
name: build
|
||||
|
||||
platform:
|
||||
os: linux
|
||||
arch: amd64
|
||||
|
||||
steps:
|
||||
- name: build
|
||||
image: node:16-bullseye
|
||||
commands:
|
||||
- yarn && yarn build
|
||||
|
||||
trigger:
|
||||
event:
|
||||
- push
|
||||
- pull_request
|
||||
branch:
|
||||
- master
|
||||
|
||||
---
|
||||
kind: pipeline
|
||||
type: docker
|
||||
name: linux-amd64
|
||||
|
||||
platform:
|
||||
os: linux
|
||||
arch: amd64
|
||||
|
||||
steps:
|
||||
- name: publish
|
||||
image: plugins/docker
|
||||
settings:
|
||||
username:
|
||||
from_secret: docker_username
|
||||
password:
|
||||
from_secret: docker_password
|
||||
registry: gitea.dwysokinski.me
|
||||
repo: gitea.dwysokinski.me/twhelp-packages/scripts
|
||||
auto_tag: true
|
||||
auto_tag_suffix: linux-amd64
|
||||
dockerfile: Dockerfile
|
||||
|
||||
trigger:
|
||||
event:
|
||||
- tag
|
||||
|
||||
---
|
||||
kind: pipeline
|
||||
type: docker
|
||||
name: manifest
|
||||
|
||||
steps:
|
||||
- name: manifest
|
||||
image: plugins/manifest
|
||||
settings:
|
||||
auto_tag: "true"
|
||||
ignore_missing: "true"
|
||||
spec: manifest.tmpl
|
||||
username:
|
||||
from_secret: docker_username
|
||||
password:
|
||||
from_secret: docker_password
|
||||
- name: manifest-latest
|
||||
image: plugins/manifest
|
||||
settings:
|
||||
tags: latest
|
||||
ignore_missing: "true"
|
||||
spec: manifest.tmpl
|
||||
username:
|
||||
from_secret: docker_username
|
||||
password:
|
||||
from_secret: docker_password
|
||||
|
||||
trigger:
|
||||
event:
|
||||
- tag
|
||||
|
||||
depends_on:
|
||||
- linux-amd64
|
||||
|
||||
---
|
||||
kind: pipeline
|
||||
type: docker
|
||||
name: deploy
|
||||
|
||||
steps:
|
||||
- name: deploy-k8s
|
||||
image: alpine/k8s:1.25.6
|
||||
environment:
|
||||
KUBECONFIG:
|
||||
from_secret: kubeconfig
|
||||
commands:
|
||||
- "mkdir ~/.kube && echo \"$KUBECONFIG\" > ~/.kube/twhelp"
|
||||
- "cd ./k8s/overlays/prod && kustomize edit set image scripts=gitea.dwysokinski.me/twhelp-packages/scripts:${DRONE_TAG##v} && cd ../../.."
|
||||
- kustomize build ./k8s/overlays/prod | kubectl --kubeconfig ~/.kube/twhelp apply -n twhelp -f -
|
||||
|
||||
trigger:
|
||||
event:
|
||||
- tag
|
||||
|
||||
depends_on:
|
||||
- manifest
|
||||
|
||||
---
|
||||
kind: signature
|
||||
hmac: 41f8c71c00cee8f0932228f9fcb449b50b36d93899bbc2decdf1fcced338caae
|
||||
|
||||
...
|
2
.env
|
@ -1 +1 @@
|
|||
TWHELP_API_BASE_URL=https://tribalwarshelp.com
|
||||
TWHELP_API_BASE_URL=https://twhelp.app/api
|
||||
|
|
|
@ -3,4 +3,6 @@ dist
|
|||
.parcel-cache
|
||||
k8s
|
||||
.prettierrc.js
|
||||
.terserrc.js
|
||||
commitlint.config.js
|
||||
postbuild.js
|
||||
src/lib/twhelp
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
npx --no -- commitlint --edit ${1}
|
|
@ -1,3 +0,0 @@
|
|||
module.exports = {
|
||||
singleQuote: true,
|
||||
};
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"singleQuote": true,
|
||||
"trailingComma": "es5"
|
||||
}
|
|
@ -0,0 +1,34 @@
|
|||
when:
|
||||
event: [tag]
|
||||
ref: refs/tags/v*
|
||||
|
||||
steps:
|
||||
deploy:
|
||||
image: alpine/k8s:1.27.11
|
||||
secrets:
|
||||
- kubeconfig
|
||||
commands:
|
||||
- "mkdir ~/.kube && echo \"$KUBECONFIG\" > ~/.kube/twhelp"
|
||||
- "cd ./k8s/overlays/prod && kustomize edit set image scripts=gitea.dwysokinski.me/twhelp-packages/scripts:${CI_COMMIT_TAG##v} && cd ../../.."
|
||||
- kustomize build ./k8s/overlays/prod | kubectl --kubeconfig ~/.kube/twhelp apply -n twhelp -f -
|
||||
|
||||
email:
|
||||
image: deblan/woodpecker-email
|
||||
settings:
|
||||
dsn:
|
||||
from_secret: email_dsn
|
||||
from:
|
||||
address:
|
||||
from_secret: email_from_address
|
||||
name: Woodpecker
|
||||
recipients:
|
||||
- notifications@twhelp.app
|
||||
recipients_only: true
|
||||
content:
|
||||
subject:
|
||||
"[deployment - {{ pipeline.status }}] {{ repo.full_name }} ({{ commit.tag }})"
|
||||
when:
|
||||
status: [success, failure]
|
||||
|
||||
depends_on:
|
||||
- docker
|
|
@ -0,0 +1,16 @@
|
|||
when:
|
||||
event: [tag]
|
||||
ref: refs/tags/v*
|
||||
|
||||
steps:
|
||||
publish:
|
||||
image: woodpeckerci/plugin-docker-buildx
|
||||
settings:
|
||||
platforms: linux/amd64,linux/arm64
|
||||
repo: gitea.dwysokinski.me/twhelp-packages/scripts
|
||||
registry: gitea.dwysokinski.me
|
||||
auto_tag: true
|
||||
username:
|
||||
from_secret: docker_username
|
||||
password:
|
||||
from_secret: docker_password
|
|
@ -0,0 +1,15 @@
|
|||
when:
|
||||
- event: [pull_request]
|
||||
- event: push
|
||||
branch:
|
||||
- ${CI_REPO_DEFAULT_BRANCH}
|
||||
|
||||
variables:
|
||||
- &node_image 'node:20'
|
||||
|
||||
steps:
|
||||
test-build:
|
||||
image: *node_image
|
||||
pull: true
|
||||
commands:
|
||||
- yarn && yarn build
|
|
@ -1,9 +1,8 @@
|
|||
:80 {
|
||||
root * /var/www
|
||||
file_server
|
||||
file_server browse
|
||||
header -Server
|
||||
header Cache-Control max-age=3600
|
||||
header *.js Content-type "text/javascript; charset=UTF-8"
|
||||
header /*.js Content-type "text/javascript; charset=UTF-8"
|
||||
redir /userscripts/extendedPlayerProfile.js /extended-player-profile.user.js permanent
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
FROM node:16.19-alpine as build-deps
|
||||
FROM --platform=$BUILDPLATFORM node:20.13-alpine as build-deps
|
||||
|
||||
WORKDIR /app
|
||||
COPY package.json yarn.lock ./
|
||||
|
@ -8,7 +8,7 @@ COPY . ./
|
|||
ENV NODE_ENV=production
|
||||
RUN yarn build
|
||||
|
||||
FROM caddy:2.6.2-alpine
|
||||
FROM caddy:2.7.6-alpine
|
||||
|
||||
COPY --from=build-deps /app/dist /var/www
|
||||
COPY Caddyfile /etc/caddy/Caddyfile
|
||||
|
|
72
README.md
|
@ -1,6 +1,31 @@
|
|||
# Tribal Wars - scripts
|
||||
<div align="center">
|
||||
<picture>
|
||||
<img alt="TWHelp logo" src="assets/white_logo_full.png" width="50%">
|
||||
</picture>
|
||||
</div>
|
||||
|
||||
This repo contains a variety of scripts for [Tribal Wars](https://www.tribalwars.net/en-dk/).
|
||||
<br>
|
||||
|
||||
<h1 align="center"><a href="https://www.tribalwars.net/en-dk/">Tribal Wars</a> scripts to enhance your gameplay</h1>
|
||||
|
||||
<div align="center">
|
||||
|
||||
[![License](https://img.shields.io/badge/License-MIT-green)](#license)
|
||||
[![CI/CD](https://woodpecker.dwysokinski.me/api/badges/10/status.svg)](https://woodpecker.dwysokinski.me/repos/10)
|
||||
|
||||
</div>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://twhelp.app/api/v2/swagger/">API</a>
|
||||
·
|
||||
<a href="https://gitea.dwysokinski.me/twhelp/scripts">Scripts</a>
|
||||
·
|
||||
<a href="https://gitea.dwysokinski.me/twhelp/dcbot">Discord Bot</a>
|
||||
·
|
||||
<a href="mailto:contact@twhelp.app">Report Bug</a>
|
||||
·
|
||||
<a href="mailto:contact@twhelp.app">Request Feature</a>
|
||||
</p>
|
||||
|
||||
## Scripts
|
||||
|
||||
|
@ -8,54 +33,71 @@ This repo contains a variety of scripts for [Tribal Wars](https://www.tribalwars
|
|||
|
||||
This script adds additional info and actions on a player overview.
|
||||
|
||||
![img.png](docs/extended-player-profile.png)
|
||||
![img.png](assets/extended-player-profile.png)
|
||||
|
||||
#### Installation
|
||||
|
||||
[User script](https://scripts.tribalwarshelp.com/extended-player-profile.user.js)
|
||||
[User script](https://scripts.twhelp.app/extended-player-profile.user.js)
|
||||
|
||||
Quick bar:
|
||||
```javascript
|
||||
javascript:
|
||||
$.getScript('https://scripts.tribalwarshelp.com/extended-player-profile.quickbar.js')
|
||||
$.getScript('https://scripts.twhelp.app/extended-player-profile.quickbar.js?_='+~~(Date.now()/9e6))
|
||||
```
|
||||
|
||||
### Extended tribe profile
|
||||
|
||||
This script adds additional info and actions on a tribe overview.
|
||||
|
||||
![img.png](assets/extended-tribe-profile.png)
|
||||
|
||||
#### Installation
|
||||
|
||||
[User script](https://scripts.twhelp.app/extended-tribe-profile.user.js)
|
||||
|
||||
Quick bar:
|
||||
```javascript
|
||||
javascript:
|
||||
$.getScript('https://scripts.twhelp.app/extended-tribe-profile.quickbar.js?_='+~~(Date.now()/9e6))
|
||||
```
|
||||
|
||||
### Extended map popup
|
||||
|
||||
This script extends the map popup with additional info.
|
||||
|
||||
![img.png](docs/extended-map-popup.png)
|
||||
![img.png](assets/extended-map-popup.png)
|
||||
|
||||
#### Installation
|
||||
|
||||
[User script](https://scripts.tribalwarshelp.com/extended-map-popup.user.js)
|
||||
[User script](https://scripts.twhelp.app/extended-map-popup.user.js)
|
||||
|
||||
Quick bar:
|
||||
```javascript
|
||||
javascript:
|
||||
$.getScript('https://scripts.tribalwarshelp.com/extended-map-popup.quickbar.js')
|
||||
$.getScript('https://scripts.twhelp.app/extended-map-popup.quickbar.js?_='+~~(Date.now()/9e6))
|
||||
```
|
||||
|
||||
### Extended village profile
|
||||
|
||||
This script adds additional info and actions on a village overview.
|
||||
|
||||
![img.png](docs/extended-village-profile.png)
|
||||
![img.png](assets/extended-village-profile.png)
|
||||
|
||||
#### Installation
|
||||
|
||||
[User script](https://scripts.tribalwarshelp.com/extended-village-profile.user.js)
|
||||
[User script](https://scripts.twhelp.app/extended-village-profile.user.js)
|
||||
|
||||
Quick bar:
|
||||
```javascript
|
||||
javascript:
|
||||
$.getScript('https://scripts.tribalwarshelp.com/extended-village-profile.quickbar.js')
|
||||
$.getScript('https://scripts.twhelp.app/extended-village-profile.quickbar.js?_='+~~(Date.now()/9e6))
|
||||
```
|
||||
|
||||
## Contributing
|
||||
|
||||
If you would like to contribute to the software, please contact me via [email](mailto:contact@twhelp.app).
|
||||
|
||||
## License
|
||||
|
||||
Distributed under the MIT License. See ``LICENSE`` for more information.
|
||||
This project is licensed under the MIT license. See the [LICENSE](LICENSE) file for the full license text.
|
||||
|
||||
## Contact
|
||||
|
||||
Dawid Wysokiński - [contact@dwysokinski.me](mailto:contact@dwysokinski.me)
|
||||
|
|
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 204 KiB |
Before Width: | Height: | Size: 196 KiB After Width: | Height: | Size: 196 KiB |
After Width: | Height: | Size: 452 KiB |
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 124 KiB |
|
@ -0,0 +1,3 @@
|
|||
module.exports = {
|
||||
extends: ['@commitlint/config-conventional'],
|
||||
};
|
|
@ -18,3 +18,13 @@ spec:
|
|||
name: scripts-caddy-service
|
||||
port:
|
||||
number: 80
|
||||
- host: scripts.twhelp.app
|
||||
http:
|
||||
paths:
|
||||
- path: /
|
||||
pathType: Prefix
|
||||
backend:
|
||||
service:
|
||||
name: scripts-caddy-service
|
||||
port:
|
||||
number: 80
|
||||
|
|
|
@ -1,13 +0,0 @@
|
|||
image: gitea.dwysokinski.me/twhelp-packages/scripts:{{#if build.tag}}{{trimPrefix "v" build.tag}}{{else}}latest{{/if}}
|
||||
{{#if build.tags}}
|
||||
tags:
|
||||
{{#each build.tags}}
|
||||
- {{this}}
|
||||
{{/each}}
|
||||
{{/if}}
|
||||
manifests:
|
||||
-
|
||||
image: gitea.dwysokinski.me/twhelp-packages/scripts:{{#if build.tag}}{{trimPrefix "v" build.tag}}-{{/if}}linux-amd64
|
||||
platform:
|
||||
architecture: amd64
|
||||
os: linux
|
35
package.json
|
@ -3,14 +3,10 @@
|
|||
"version": "0.1.0",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"build-single": "PUBLIC_URL=https://scripts.tribalwarshelp.com parcel build",
|
||||
"build:extended-player-profile-user": "PREAMBLE=extended-player-profile yarn build-single ./src/extended-player-profile.user.ts",
|
||||
"build:extended-player-profile-quickbar": "yarn build-single ./src/extended-player-profile.quickbar.ts",
|
||||
"build:extended-map-popup-user": "PREAMBLE=extended-map-popup yarn build-single ./src/extended-map-popup.user.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-quickbar": "yarn build-single ./src/extended-village-profile.quickbar.ts",
|
||||
"build": "npm-run-all build:*",
|
||||
"prepare": "husky",
|
||||
"generate-client": "openapi --input src/lib/twhelp/openapi3.json --output src/lib/twhelp/generated --name TWHelpClient --useOptions --client axios",
|
||||
"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",
|
||||
"lint": "eslint src/**/*.ts"
|
||||
},
|
||||
"targets": {
|
||||
|
@ -25,27 +21,30 @@
|
|||
"url": "https://dwysokinski.me/"
|
||||
},
|
||||
"browserslist": [
|
||||
"since 2017-06"
|
||||
"since 2020-01"
|
||||
],
|
||||
"devDependencies": {
|
||||
"@parcel/validator-eslint": "^2.8.3",
|
||||
"@parcel/validator-typescript": "^2.8.3",
|
||||
"@commitlint/cli": "^19.0.0",
|
||||
"@commitlint/config-conventional": "^19.0.0",
|
||||
"@parcel/validator-eslint": "^2.12.0",
|
||||
"@parcel/validator-typescript": "^2.12.0",
|
||||
"@types/jquery": "^3.5.14",
|
||||
"@types/lodash": "^4.14.191",
|
||||
"@types/node": "^18.11.17",
|
||||
"@types/node": "^20.0.0",
|
||||
"@typescript-eslint/eslint-plugin": "^5.50.0",
|
||||
"@typescript-eslint/parser": "^5.50.0",
|
||||
"buffer": "^5.5.0",
|
||||
"eslint": "^7.32.0",
|
||||
"eslint-config-prettier": "^8.6.0",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"parcel": "^2.8.3",
|
||||
"prettier": "^2.8.3",
|
||||
"typescript": "^4.9.4"
|
||||
"eslint-config-prettier": "^9.0.0",
|
||||
"husky": "^9.0.0",
|
||||
"openapi-typescript-codegen": "^0.28.0",
|
||||
"parcel": "^2.12.0",
|
||||
"prettier": "^3.0.0",
|
||||
"typescript": "^5.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.2.2",
|
||||
"date-fns": "^2.29.3",
|
||||
"date-fns": "^3.0.0",
|
||||
"lodash": "^4.17.21"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,9 +1,15 @@
|
|||
const preambles = {
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
|
||||
const FILE_SUFFIX = '.user.js';
|
||||
const DIST_DIR = 'dist';
|
||||
|
||||
const metadata = {
|
||||
'extended-player-profile': `// ==UserScript==
|
||||
// @name Extended player profile
|
||||
// @version 1.1.1
|
||||
// @version 1.2.0
|
||||
// @description Adds additional info and actions on a player overview.
|
||||
// @author Dawid Wysokiński - Kichiyaki - contact@dwysokinski.me
|
||||
// @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app
|
||||
// @match https://*/game.php?*screen=info_player*
|
||||
// @downloadURL ${process.env.PUBLIC_URL}/extended-player-profile.user.js
|
||||
// @updateURL ${process.env.PUBLIC_URL}/extended-player-profile.user.js
|
||||
|
@ -13,9 +19,9 @@ const preambles = {
|
|||
// ==/UserScript==`,
|
||||
'extended-map-popup': `// ==UserScript==
|
||||
// @name Extended map popup
|
||||
// @version 1.0.1
|
||||
// @version 1.1.0
|
||||
// @description Extends the map popup with additional info.
|
||||
// @author Dawid Wysokiński - Kichiyaki - contact@dwysokinski.me
|
||||
// @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app
|
||||
// @match https://*/game.php?*screen=map*
|
||||
// @downloadURL ${process.env.PUBLIC_URL}/extended-map-popup.user.js
|
||||
// @updateURL ${process.env.PUBLIC_URL}/extended-map-popup.user.js
|
||||
|
@ -25,23 +31,36 @@ const preambles = {
|
|||
// ==/UserScript==`,
|
||||
'extended-village-profile': `// ==UserScript==
|
||||
// @name Extended village profile
|
||||
// @version 1.0.0
|
||||
// @version 1.1.0
|
||||
// @description Adds additional info and actions on a village overview.
|
||||
// @author Dawid Wysokiński - Kichiyaki - contact@dwysokinski.me
|
||||
// @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app
|
||||
// @match https://*/game.php?*screen=info_village*
|
||||
// @downloadURL ${process.env.PUBLIC_URL}/extended-village-profile.user.js
|
||||
// @updateURL ${process.env.PUBLIC_URL}/extended-village-profile.user.js
|
||||
// @icon https://www.google.com/s2/favicons?domain=plemiona.pl
|
||||
// @grant none
|
||||
// @run-at document-end
|
||||
// ==/UserScript==`,
|
||||
'extended-tribe-profile': `// ==UserScript==
|
||||
// @name Extended tribe profile
|
||||
// @version 1.1.0
|
||||
// @description Adds additional info and actions on a tribe overview.
|
||||
// @author Dawid Wysokiński - Kichiyaki - contact@twhelp.app
|
||||
// @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==`,
|
||||
};
|
||||
|
||||
const preamble = preambles[process.env.PREAMBLE];
|
||||
module.exports = preamble
|
||||
? {
|
||||
output: {
|
||||
preamble: preamble,
|
||||
},
|
||||
}
|
||||
: {};
|
||||
Object.entries(metadata).forEach(([name, m]) => {
|
||||
const p = path.join('.', DIST_DIR, `${name}${FILE_SUFFIX}`);
|
||||
const data = fs.readFileSync(p);
|
||||
const fd = fs.openSync(p, 'w+');
|
||||
const insert = Buffer.from(`${m}\n`);
|
||||
fs.writeSync(fd, insert, 0, insert.length, 0);
|
||||
fs.writeSync(fd, data, 0, data.length, insert.length);
|
||||
fs.closeSync(fd);
|
||||
});
|
|
@ -15,48 +15,54 @@ export type DialogTableColumn<T> = {
|
|||
accessor: (row: T, index: number, rows: T[]) => string;
|
||||
};
|
||||
|
||||
export type Cursor = {
|
||||
next?: string;
|
||||
self?: string;
|
||||
};
|
||||
|
||||
export type LoadDataResult<T> = {
|
||||
cursor?: Cursor;
|
||||
data: T[];
|
||||
total: number;
|
||||
};
|
||||
|
||||
export class DialogTable<T> {
|
||||
prevPageId: string;
|
||||
selectId: string;
|
||||
nextPageId: string;
|
||||
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: (
|
||||
page: number,
|
||||
cursor: string | undefined,
|
||||
limit: number
|
||||
) => Promise<LoadDataResult<T>>
|
||||
) {
|
||||
this.prevPageId = `${this.id}_page_prev`;
|
||||
this.selectId = `${this.id}_page_select`;
|
||||
this.nextPageId = `${this.id}_page_next`;
|
||||
}
|
||||
|
||||
public async render() {
|
||||
await this.renderPage(1);
|
||||
await this.renderPage();
|
||||
}
|
||||
|
||||
private async renderPage(page: number) {
|
||||
window.Dialog.show(`${this.id}_loading`, `<p>${t('Loading')}...</p>`);
|
||||
private async renderPage(pageCursor?: string) {
|
||||
window.Dialog.show(this.id, `<p>${t('Loading')}...</p>`);
|
||||
|
||||
try {
|
||||
const { data, total } = await this.loadData(page, this.limit);
|
||||
const { data, cursor } = await this.loadData(pageCursor, this.limit);
|
||||
|
||||
window.Dialog.show(
|
||||
this.id,
|
||||
`
|
||||
${this.buildPagination(page, total)}
|
||||
${this.buildPagination(cursor)}
|
||||
${this.buildTable(data)}
|
||||
`
|
||||
);
|
||||
|
||||
this.addEventListeners(page);
|
||||
this.addEventListeners(cursor);
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
window.Dialog.close();
|
||||
|
@ -64,31 +70,17 @@ export class DialogTable<T> {
|
|||
}
|
||||
}
|
||||
|
||||
private buildPagination(page: number, total: number): 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>`
|
||||
);
|
||||
}
|
||||
|
||||
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}"${
|
||||
page <= 1 ? ' disabled' : ''
|
||||
}><</button>
|
||||
<select style="margin-right: 5px" id="${this.selectId}">
|
||||
${pageOpts.join('')}
|
||||
</select>
|
||||
this.prevCursors.length === 0 ? ' disabled' : ''
|
||||
}><</button>
|
||||
<button title="${t('Next page')}" class="btn" id="${
|
||||
this.nextPageId
|
||||
}"${page >= maxPage ? ' disabled' : ''}>></button>
|
||||
this.nextPageId
|
||||
}"${!cursor?.next ? ' disabled' : ''}>></button>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
@ -116,27 +108,25 @@ export class DialogTable<T> {
|
|||
`;
|
||||
}
|
||||
|
||||
private addEventListeners(page: number) {
|
||||
private addEventListeners(cursor?: Cursor) {
|
||||
document
|
||||
.querySelector('#' + this.prevPageId)
|
||||
?.addEventListener('click', () => {
|
||||
this.renderPage(page - 1);
|
||||
});
|
||||
|
||||
document
|
||||
.querySelector('#' + this.selectId)
|
||||
?.addEventListener('change', (e: Event) => {
|
||||
if (!(e.currentTarget instanceof HTMLSelectElement)) {
|
||||
const prev = this.prevCursors.pop();
|
||||
if (!prev) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.renderPage(parseInt(e.currentTarget.value));
|
||||
this.renderPage(prev.self);
|
||||
});
|
||||
|
||||
document
|
||||
.querySelector('#' + this.nextPageId)
|
||||
?.addEventListener('click', () => {
|
||||
this.renderPage(page + 1);
|
||||
if (!cursor) {
|
||||
return;
|
||||
}
|
||||
this.prevCursors.push(cursor);
|
||||
this.renderPage(cursor.next);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,13 +1,14 @@
|
|||
import addSeconds from 'date-fns/addSeconds';
|
||||
import {
|
||||
Ennoblement,
|
||||
ServerConfig,
|
||||
TWHelpClient,
|
||||
UnitInfo,
|
||||
} from './lib/twhelp';
|
||||
import { addSeconds } from 'date-fns/addSeconds';
|
||||
import { Cache, InMemoryStorage } from './lib/cache';
|
||||
import { calcDistance, calcLoyalty } from './lib/tw';
|
||||
import { createTranslationFunc } from './utils';
|
||||
import {
|
||||
TWHelpClient,
|
||||
Ennoblement,
|
||||
UnitInfo,
|
||||
ServerConfig,
|
||||
AxiosHttpRequestWithTimeout,
|
||||
} from './lib/twhelp';
|
||||
|
||||
declare global {
|
||||
interface Window {
|
||||
|
@ -43,25 +44,41 @@ const t = createTranslationFunc({
|
|||
|
||||
class TWHelpConnector {
|
||||
private static readonly SERVER_CONFIG_CACHE_KEY =
|
||||
'extended_map_popup_server_config';
|
||||
private static readonly UNIT_INFO_CACHE_KEY = 'extended_map_popup_unit_info';
|
||||
'extended_map_popup_server_config_v2';
|
||||
private static readonly UNIT_INFO_CACHE_KEY =
|
||||
'extended_map_popup_unit_info_v2';
|
||||
private static readonly VILLAGE_CACHE_KEY_PREFIX =
|
||||
'extended_map_popup_village_';
|
||||
'extended_map_popup_village_v2_';
|
||||
|
||||
private readonly localStorageCache = new Cache(localStorage);
|
||||
private readonly inMemoryCache = new Cache(new InMemoryStorage());
|
||||
|
||||
private readonly client: TWHelpClient;
|
||||
|
||||
constructor(
|
||||
private readonly client: TWHelpClient,
|
||||
readonly baseUrl: string,
|
||||
private readonly version: string,
|
||||
private readonly server: string
|
||||
) {}
|
||||
) {
|
||||
this.client = new TWHelpClient(
|
||||
{
|
||||
BASE: baseUrl,
|
||||
},
|
||||
AxiosHttpRequestWithTimeout
|
||||
);
|
||||
}
|
||||
|
||||
serverConfig() {
|
||||
return this.localStorageCache.load(
|
||||
TWHelpConnector.SERVER_CONFIG_CACHE_KEY,
|
||||
3600,
|
||||
() => {
|
||||
return this.client.serverConfig(this.version, this.server);
|
||||
async () => {
|
||||
return (
|
||||
await this.client.servers.getServerConfig({
|
||||
serverKey: this.server,
|
||||
versionCode: this.version,
|
||||
})
|
||||
).data;
|
||||
}
|
||||
);
|
||||
}
|
||||
|
@ -70,8 +87,13 @@ class TWHelpConnector {
|
|||
return this.localStorageCache.load(
|
||||
TWHelpConnector.UNIT_INFO_CACHE_KEY,
|
||||
3600,
|
||||
() => {
|
||||
return this.client.unitInfo(this.version, this.server);
|
||||
async () => {
|
||||
return (
|
||||
await this.client.servers.getUnitInfo({
|
||||
serverKey: this.server,
|
||||
versionCode: this.version,
|
||||
})
|
||||
).data;
|
||||
}
|
||||
);
|
||||
}
|
||||
|
@ -84,15 +106,14 @@ class TWHelpConnector {
|
|||
}
|
||||
|
||||
return this.inMemoryCache.load(key, 86400, async () => {
|
||||
const ennoblements = await this.client.villageEnnoblements(
|
||||
this.version,
|
||||
this.server,
|
||||
id,
|
||||
{
|
||||
limit: 1,
|
||||
const ennoblements =
|
||||
await this.client.ennoblements.listVillageEnnoblements({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
sort: ['createdAt:DESC'],
|
||||
}
|
||||
);
|
||||
villageId: id,
|
||||
limit: 1,
|
||||
});
|
||||
return ennoblements.data.length > 0 ? ennoblements.data[0] : null;
|
||||
});
|
||||
}
|
||||
|
@ -245,17 +266,19 @@ class Popup {
|
|||
|
||||
class ExtendedMapPopup {
|
||||
connector: TWHelpConnector;
|
||||
constructor(client: TWHelpClient) {
|
||||
constructor(baseApiUrl: string) {
|
||||
this.connector = new TWHelpConnector(
|
||||
client,
|
||||
baseApiUrl,
|
||||
window.game_data.market,
|
||||
window.game_data.world
|
||||
);
|
||||
}
|
||||
|
||||
async run() {
|
||||
const config = await this.connector.serverConfig();
|
||||
const unitInfo = await this.connector.unitInfo();
|
||||
const [config, unitInfo] = await Promise.all([
|
||||
this.connector.serverConfig(),
|
||||
this.connector.unitInfo(),
|
||||
]);
|
||||
|
||||
new Popup(
|
||||
config,
|
||||
|
@ -271,9 +294,7 @@ class ExtendedMapPopup {
|
|||
return;
|
||||
}
|
||||
|
||||
await new ExtendedMapPopup(
|
||||
new TWHelpClient(process.env.TWHELP_API_BASE_URL ?? '')
|
||||
)
|
||||
await new ExtendedMapPopup(process.env.TWHELP_API_BASE_URL ?? '')
|
||||
.run()
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
|
|
|
@ -1,10 +1,16 @@
|
|||
// Extended player profile
|
||||
|
||||
import { Player, PlayerSnapshot, TWHelpClient } from './lib/twhelp';
|
||||
import { DialogTable } from './common/dialog-table';
|
||||
import { InADayClient } from './lib/tw';
|
||||
import { createTranslationFunc } from './utils';
|
||||
import { buildURL } from './lib/twstats';
|
||||
import {
|
||||
TWHelpClient,
|
||||
PlayerSnapshot,
|
||||
Player,
|
||||
AxiosHttpRequestWithTimeout,
|
||||
} from './lib/twhelp';
|
||||
import { DialogTable } from './common/dialog-table';
|
||||
import { Cache } from './lib/cache';
|
||||
|
||||
const t = createTranslationFunc({
|
||||
pl_PL: {
|
||||
|
@ -59,62 +65,98 @@ const t = createTranslationFunc({
|
|||
});
|
||||
|
||||
class TWHelpConnector {
|
||||
private readonly client: TWHelpClient;
|
||||
|
||||
constructor(
|
||||
private readonly client: TWHelpClient,
|
||||
readonly baseUrl: string,
|
||||
private readonly version: string,
|
||||
private readonly server: string,
|
||||
private readonly id: number
|
||||
) {}
|
||||
) {
|
||||
this.client = new TWHelpClient(
|
||||
{
|
||||
BASE: baseUrl,
|
||||
},
|
||||
AxiosHttpRequestWithTimeout
|
||||
);
|
||||
}
|
||||
|
||||
player() {
|
||||
return this.client.player(this.version, this.server, this.id);
|
||||
async player() {
|
||||
return (
|
||||
await this.client.players.getPlayer({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
playerId: this.id,
|
||||
})
|
||||
).data;
|
||||
}
|
||||
|
||||
async latestSnapshot() {
|
||||
const history = await this.playerHistory(1, 1);
|
||||
return history.data.length > 0 ? history.data[0] : null;
|
||||
const snapshot = await this.playerSnapshots(undefined, 1);
|
||||
return snapshot.data.length > 0 ? snapshot.data[0] : null;
|
||||
}
|
||||
|
||||
playerTribeChanges(page: number, limit: number) {
|
||||
return this.client.playerTribeChanges(this.version, this.server, this.id, {
|
||||
offset: (page - 1) * limit,
|
||||
playerTribeChanges(cursor: string | undefined, limit: number) {
|
||||
return this.client.tribeChanges.listPlayerTribeChanges({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
playerId: this.id,
|
||||
limit,
|
||||
sort: ['createdAt:desc', 'id:asc'],
|
||||
cursor,
|
||||
sort: ['createdAt:DESC'],
|
||||
});
|
||||
}
|
||||
|
||||
playerEnnoblements(page: number, limit: number) {
|
||||
return this.client.playerEnnoblements(this.version, this.server, this.id, {
|
||||
offset: (page - 1) * limit,
|
||||
playerEnnoblements(cursor: string | undefined, limit: number) {
|
||||
return this.client.ennoblements.listPlayerEnnoblements({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
playerId: this.id,
|
||||
limit,
|
||||
sort: ['createdAt:desc'],
|
||||
cursor,
|
||||
sort: ['createdAt:DESC'],
|
||||
});
|
||||
}
|
||||
|
||||
playerHistory(page: number, limit: number) {
|
||||
return this.client.playerHistory(this.version, this.server, this.id, {
|
||||
offset: (page - 1) * limit,
|
||||
playerSnapshots(cursor: string | undefined, limit: number) {
|
||||
return this.client.snapshots.listPlayerPlayerSnapshots({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
playerId: this.id,
|
||||
limit,
|
||||
sort: ['date:desc'],
|
||||
cursor,
|
||||
sort: ['date:DESC'],
|
||||
});
|
||||
}
|
||||
|
||||
playerOtherServers(page: number, limit: number) {
|
||||
return this.client.playerOtherServers(this.version, this.server, this.id, {
|
||||
offset: (page - 1) * limit,
|
||||
playerOtherServers(cursor: string | undefined, limit: number) {
|
||||
return this.client.players.listVersionPlayers({
|
||||
versionCode: this.version,
|
||||
limit,
|
||||
cursor,
|
||||
id: [this.id],
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
class InADayConnector {
|
||||
constructor(
|
||||
private readonly client: InADayClient,
|
||||
private readonly name: string
|
||||
) {}
|
||||
private static readonly CACHE_KEY_PREFIX =
|
||||
'extended_player_profile_in_a_day_';
|
||||
|
||||
private readonly cache = new Cache(localStorage);
|
||||
|
||||
private readonly client = new InADayClient();
|
||||
|
||||
constructor(private readonly name: string) {}
|
||||
|
||||
player() {
|
||||
return this.client.player(this.name);
|
||||
return this.cache.load(
|
||||
InADayConnector.CACHE_KEY_PREFIX + this.name,
|
||||
600,
|
||||
() => {
|
||||
return this.client.player(this.name);
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -160,20 +202,20 @@ class UI {
|
|||
<tr>
|
||||
<td>${t('Best rank')}:</td>
|
||||
<td>${this.player.bestRank} (${new Date(
|
||||
this.player.bestRankAt
|
||||
).toLocaleString()})</td>
|
||||
this.player.bestRankAt
|
||||
).toLocaleString()})</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>${t('Most points')}:</td>
|
||||
<td>${this.player.mostPoints.toLocaleString()} (${new Date(
|
||||
this.player.mostPointsAt
|
||||
).toLocaleString()})</td>
|
||||
this.player.mostPointsAt
|
||||
).toLocaleString()})</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>${t('Most villages')}:</td>
|
||||
<td>${this.player.mostVillages.toLocaleString()} (${new Date(
|
||||
this.player.mostVillagesAt
|
||||
).toLocaleString()})</td>
|
||||
this.player.mostVillagesAt
|
||||
).toLocaleString()})</td>
|
||||
</tr>
|
||||
`
|
||||
);
|
||||
|
@ -204,38 +246,54 @@ class UI {
|
|||
},
|
||||
{
|
||||
header: t('ODA'),
|
||||
value: this.player.scoreAtt - (this.latestSnapshot?.scoreAtt ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.scoreAtt -
|
||||
(this.latestSnapshot?.opponentsDefeated.scoreAtt ?? 0),
|
||||
},
|
||||
{
|
||||
header: t('ODA - rank'),
|
||||
value: this.player.rankAtt - (this.latestSnapshot?.rankAtt ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.rankAtt -
|
||||
(this.latestSnapshot?.opponentsDefeated.rankAtt ?? 0),
|
||||
rank: true,
|
||||
},
|
||||
{
|
||||
header: t('ODD'),
|
||||
value: this.player.scoreDef - (this.latestSnapshot?.scoreDef ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.scoreDef -
|
||||
(this.latestSnapshot?.opponentsDefeated.scoreDef ?? 0),
|
||||
},
|
||||
{
|
||||
header: t('ODD - rank'),
|
||||
value: this.player.rankDef - (this.latestSnapshot?.rankDef ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.rankDef -
|
||||
(this.latestSnapshot?.opponentsDefeated.rankDef ?? 0),
|
||||
rank: true,
|
||||
},
|
||||
{
|
||||
header: t('ODS'),
|
||||
value: this.player.scoreSup - (this.latestSnapshot?.scoreSup ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.scoreSup -
|
||||
(this.latestSnapshot?.opponentsDefeated.scoreSup ?? 0),
|
||||
},
|
||||
{
|
||||
header: t('ODS - rank'),
|
||||
value: this.player.rankSup - (this.latestSnapshot?.rankSup ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.rankSup -
|
||||
(this.latestSnapshot?.opponentsDefeated.rankSup ?? 0),
|
||||
rank: true,
|
||||
},
|
||||
{
|
||||
header: t('OD'),
|
||||
value: this.player.scoreTotal - (this.latestSnapshot?.scoreTotal ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.scoreTotal -
|
||||
(this.latestSnapshot?.opponentsDefeated.scoreTotal ?? 0),
|
||||
},
|
||||
{
|
||||
header: t('OD - rank'),
|
||||
value: this.player.rankTotal - (this.latestSnapshot?.rankTotal ?? 0),
|
||||
value:
|
||||
this.player.opponentsDefeated.rankTotal -
|
||||
(this.latestSnapshot?.opponentsDefeated.rankTotal ?? 0),
|
||||
rank: true,
|
||||
},
|
||||
];
|
||||
|
@ -364,8 +422,8 @@ class UI {
|
|||
},
|
||||
],
|
||||
30,
|
||||
(page: number, limit: number) => {
|
||||
return this.twhelpConnector.playerOtherServers(page, limit);
|
||||
(cursor: string | undefined, limit: number) => {
|
||||
return this.twhelpConnector.playerOtherServers(cursor, limit);
|
||||
}
|
||||
).render();
|
||||
}
|
||||
|
@ -454,8 +512,8 @@ class UI {
|
|||
},
|
||||
],
|
||||
30,
|
||||
(page: number, limit: number) => {
|
||||
return this.twhelpConnector.playerTribeChanges(page, limit);
|
||||
(cursor: string | undefined, limit: number) => {
|
||||
return this.twhelpConnector.playerTribeChanges(cursor, limit);
|
||||
}
|
||||
).render();
|
||||
}
|
||||
|
@ -473,8 +531,8 @@ class UI {
|
|||
{
|
||||
header: t('Tribe'),
|
||||
accessor: (s) =>
|
||||
s.tribe
|
||||
? `<a href="${s.tribe.profileUrl}">${s.tribe.tag}</a>`
|
||||
s.player.tribe
|
||||
? `<a href="${s.player.tribe.profileUrl}">${s.player.tribe.tag}</a>`
|
||||
: '-',
|
||||
},
|
||||
{
|
||||
|
@ -489,29 +547,29 @@ class UI {
|
|||
{
|
||||
header: t('OD'),
|
||||
accessor: (s) =>
|
||||
`${s.scoreTotal.toLocaleString()} (<strong>${
|
||||
s.rankTotal
|
||||
`${s.opponentsDefeated.scoreTotal.toLocaleString()} (<strong>${
|
||||
s.opponentsDefeated.rankTotal
|
||||
}</strong>)`,
|
||||
},
|
||||
{
|
||||
header: t('ODA'),
|
||||
accessor: (s) =>
|
||||
`${s.scoreAtt.toLocaleString()} (<strong>${s.rankAtt}</strong>)`,
|
||||
`${s.opponentsDefeated.scoreAtt.toLocaleString()} (<strong>${s.opponentsDefeated.rankAtt}</strong>)`,
|
||||
},
|
||||
{
|
||||
header: t('ODD'),
|
||||
accessor: (s) =>
|
||||
`${s.scoreDef.toLocaleString()} (<strong>${s.rankDef}</strong>)`,
|
||||
`${s.opponentsDefeated.scoreDef.toLocaleString()} (<strong>${s.opponentsDefeated.rankDef}</strong>)`,
|
||||
},
|
||||
{
|
||||
header: t('ODS'),
|
||||
accessor: (s) =>
|
||||
`${s.scoreSup.toLocaleString()} (<strong>${s.rankSup}</strong>)`,
|
||||
`${s.opponentsDefeated.scoreSup.toLocaleString()} (<strong>${s.opponentsDefeated.rankSup}</strong>)`,
|
||||
},
|
||||
],
|
||||
30,
|
||||
(page: number, limit: number) => {
|
||||
return this.twhelpConnector.playerHistory(page, limit);
|
||||
(cursor: string | undefined, limit: number) => {
|
||||
return this.twhelpConnector.playerSnapshots(cursor, limit);
|
||||
}
|
||||
).render();
|
||||
}
|
||||
|
@ -563,8 +621,8 @@ class UI {
|
|||
},
|
||||
],
|
||||
30,
|
||||
(page: number, limit: number) => {
|
||||
return this.twhelpConnector.playerEnnoblements(page, limit);
|
||||
(cursor: string | undefined, limit: number) => {
|
||||
return this.twhelpConnector.playerEnnoblements(cursor, limit);
|
||||
}
|
||||
).render();
|
||||
}
|
||||
|
@ -574,23 +632,22 @@ class ExtendedPlayerProfile {
|
|||
private readonly twhelpConnector: TWHelpConnector;
|
||||
private readonly inADayConnector: InADayConnector;
|
||||
|
||||
constructor(twhelpClient: TWHelpClient, inADayClient: InADayClient) {
|
||||
constructor(apiBaseUrl: string) {
|
||||
this.twhelpConnector = new TWHelpConnector(
|
||||
twhelpClient,
|
||||
apiBaseUrl,
|
||||
window.game_data.market,
|
||||
window.game_data.world,
|
||||
this.getPlayerId()
|
||||
);
|
||||
|
||||
this.inADayConnector = new InADayConnector(
|
||||
inADayClient,
|
||||
this.getPlayerName()
|
||||
);
|
||||
this.inADayConnector = new InADayConnector(this.getPlayerName());
|
||||
}
|
||||
|
||||
async run() {
|
||||
const player = await this.twhelpConnector.player();
|
||||
const latestSnapshot = await this.twhelpConnector.latestSnapshot();
|
||||
const [player, latestSnapshot] = await Promise.all([
|
||||
this.twhelpConnector.player(),
|
||||
this.twhelpConnector.latestSnapshot(),
|
||||
]);
|
||||
|
||||
new UI(
|
||||
player,
|
||||
|
@ -625,10 +682,7 @@ class ExtendedPlayerProfile {
|
|||
return;
|
||||
}
|
||||
|
||||
await new ExtendedPlayerProfile(
|
||||
new TWHelpClient(process.env.TWHELP_API_BASE_URL ?? ''),
|
||||
new InADayClient()
|
||||
)
|
||||
await new ExtendedPlayerProfile(process.env.TWHELP_API_BASE_URL ?? '')
|
||||
.run()
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
|
|
|
@ -0,0 +1,2 @@
|
|||
// Parcel doesn't have an option to rename output files
|
||||
import './extended-tribe-profile.user';
|
|
@ -0,0 +1,597 @@
|
|||
import {
|
||||
AxiosHttpRequestWithTimeout,
|
||||
Player,
|
||||
Tribe,
|
||||
TribeSnapshot,
|
||||
TWHelpClient,
|
||||
} from './lib/twhelp';
|
||||
import { createTranslationFunc } from './utils';
|
||||
import { buildURL } from './lib/twstats';
|
||||
import { DialogTable } from './common/dialog-table';
|
||||
|
||||
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 {
|
||||
private readonly client: TWHelpClient;
|
||||
|
||||
constructor(
|
||||
baseUrl: string,
|
||||
private readonly version: string,
|
||||
private readonly server: string,
|
||||
private readonly id: number
|
||||
) {
|
||||
this.client = new TWHelpClient(
|
||||
{
|
||||
BASE: baseUrl,
|
||||
},
|
||||
AxiosHttpRequestWithTimeout
|
||||
);
|
||||
}
|
||||
|
||||
async tribe() {
|
||||
return (
|
||||
await this.client.tribes.getTribe({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
tribeId: this.id,
|
||||
})
|
||||
).data;
|
||||
}
|
||||
|
||||
tribeMembers() {
|
||||
return this.client.tribes.listTribeMembers({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
tribeId: this.id,
|
||||
});
|
||||
}
|
||||
|
||||
async latestSnapshot() {
|
||||
const snapshot = await this.tribeSnapshots(undefined, 1);
|
||||
return snapshot.data.length > 0 ? snapshot.data[0] : null;
|
||||
}
|
||||
|
||||
tribeSnapshots(cursor: string | undefined, limit: number) {
|
||||
return this.client.snapshots.listTribeTribeSnapshots({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
tribeId: this.id,
|
||||
cursor,
|
||||
limit,
|
||||
sort: ['date:DESC'],
|
||||
});
|
||||
}
|
||||
|
||||
memberChanges(cursor: string | undefined, limit: number) {
|
||||
return this.client.tribeChanges.listTribeMemberChanges({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
tribeId: this.id,
|
||||
cursor,
|
||||
limit,
|
||||
sort: ['createdAt:DESC'],
|
||||
});
|
||||
}
|
||||
|
||||
tribeEnnoblements(cursor: string | undefined, limit: number) {
|
||||
return this.client.ennoblements.listTribeEnnoblements({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
tribeId: this.id,
|
||||
cursor,
|
||||
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.opponentsDefeated.scoreAtt -
|
||||
(this.latestSnapshot?.opponentsDefeated.scoreAtt ?? 0),
|
||||
},
|
||||
{
|
||||
header: t('ODA - rank'),
|
||||
value:
|
||||
this.tribe.opponentsDefeated.rankAtt -
|
||||
(this.latestSnapshot?.opponentsDefeated.rankAtt ?? 0),
|
||||
rank: true,
|
||||
},
|
||||
{
|
||||
header: t('ODD'),
|
||||
value:
|
||||
this.tribe.opponentsDefeated.scoreDef -
|
||||
(this.latestSnapshot?.opponentsDefeated.scoreDef ?? 0),
|
||||
},
|
||||
{
|
||||
header: t('ODD - rank'),
|
||||
value:
|
||||
this.tribe.opponentsDefeated.rankDef -
|
||||
(this.latestSnapshot?.opponentsDefeated.rankDef ?? 0),
|
||||
rank: true,
|
||||
},
|
||||
{
|
||||
header: t('OD'),
|
||||
value:
|
||||
this.tribe.opponentsDefeated.scoreTotal -
|
||||
(this.latestSnapshot?.opponentsDefeated.scoreTotal ?? 0),
|
||||
},
|
||||
{
|
||||
header: t('OD - rank'),
|
||||
value:
|
||||
this.tribe.opponentsDefeated.rankTotal -
|
||||
(this.latestSnapshot?.opponentsDefeated.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,
|
||||
(cursor: string | undefined, limit: number) => {
|
||||
return this.twhelpConnector.memberChanges(cursor, 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.opponentsDefeated.scoreTotal.toLocaleString()} (<strong>${
|
||||
s.opponentsDefeated.rankTotal
|
||||
}</strong>)`,
|
||||
},
|
||||
{
|
||||
header: t('ODA'),
|
||||
accessor: (s) =>
|
||||
`${s.opponentsDefeated.scoreAtt.toLocaleString()} (<strong>${s.opponentsDefeated.rankAtt}</strong>)`,
|
||||
},
|
||||
{
|
||||
header: t('ODD'),
|
||||
accessor: (s) =>
|
||||
`${s.opponentsDefeated.scoreDef.toLocaleString()} (<strong>${s.opponentsDefeated.rankDef}</strong>)`,
|
||||
},
|
||||
],
|
||||
30,
|
||||
(cursor: string | undefined, limit: number) => {
|
||||
return this.twhelpConnector.tribeSnapshots(cursor, 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,
|
||||
(cursor: string | undefined, limit: number) => {
|
||||
return this.twhelpConnector.tribeEnnoblements(cursor, 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?.opponentsDefeated.rankAtt ?? 0).toString(),
|
||||
(member?.opponentsDefeated.rankDef ?? 0).toString(),
|
||||
(member?.opponentsDefeated.rankSup ?? 0).toString(),
|
||||
(member?.opponentsDefeated.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(apiBaseUrl: string) {
|
||||
this.twhelpConnector = new TWHelpConnector(
|
||||
apiBaseUrl,
|
||||
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(process.env.TWHELP_API_BASE_URL ?? '')
|
||||
.run()
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
})();
|
|
@ -1,8 +1,13 @@
|
|||
import { Ennoblement, ServerConfig, TWHelpClient } from './lib/twhelp';
|
||||
import { createTranslationFunc } from './utils';
|
||||
import { DialogTable } from './common/dialog-table';
|
||||
import { calcLoyalty } from './lib/tw';
|
||||
import { Cache } from './lib/cache';
|
||||
import {
|
||||
TWHelpClient,
|
||||
Ennoblement,
|
||||
ServerConfig,
|
||||
AxiosHttpRequestWithTimeout,
|
||||
} from './lib/twhelp';
|
||||
import { DialogTable } from './common/dialog-table';
|
||||
|
||||
const t = createTranslationFunc({
|
||||
pl_PL: {
|
||||
|
@ -22,32 +27,47 @@ const t = createTranslationFunc({
|
|||
|
||||
class TWHelpConnector {
|
||||
private static SERVER_CONFIG_CACHE_KEY =
|
||||
'extended_village_profile_server_config';
|
||||
'extended_village_profile_server_config_v2';
|
||||
|
||||
private cache = new Cache(localStorage);
|
||||
|
||||
private client: TWHelpClient;
|
||||
|
||||
constructor(
|
||||
private readonly client: TWHelpClient,
|
||||
readonly baseUrl: string,
|
||||
private readonly version: string,
|
||||
private readonly server: string,
|
||||
private readonly id: number
|
||||
) {}
|
||||
) {
|
||||
this.client = new TWHelpClient(
|
||||
{
|
||||
BASE: baseUrl,
|
||||
},
|
||||
AxiosHttpRequestWithTimeout
|
||||
);
|
||||
}
|
||||
|
||||
serverConfig() {
|
||||
return this.cache.load(
|
||||
TWHelpConnector.SERVER_CONFIG_CACHE_KEY,
|
||||
3600,
|
||||
() => {
|
||||
return this.client.serverConfig(this.version, this.server);
|
||||
async () => {
|
||||
return (
|
||||
await this.client.servers.getServerConfig({
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
})
|
||||
).data;
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
async latestEnnoblement() {
|
||||
const ennoblements = await this.client.villageEnnoblements(
|
||||
this.version,
|
||||
this.server,
|
||||
this.id,
|
||||
const ennoblements = await this.client.ennoblements.listVillageEnnoblements(
|
||||
{
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
villageId: this.id,
|
||||
limit: 1,
|
||||
sort: ['createdAt:DESC'],
|
||||
}
|
||||
|
@ -55,11 +75,14 @@ class TWHelpConnector {
|
|||
return ennoblements.data.length > 0 ? ennoblements.data[0] : null;
|
||||
}
|
||||
|
||||
villageEnnoblements(page: number, limit: number) {
|
||||
return this.client.villageEnnoblements(this.version, this.server, this.id, {
|
||||
offset: (page - 1) * limit,
|
||||
limit,
|
||||
sort: ['createdAt:desc'],
|
||||
villageEnnoblements(cursor: string | undefined, limit: number) {
|
||||
return this.client.ennoblements.listVillageEnnoblements({
|
||||
cursor,
|
||||
versionCode: this.version,
|
||||
serverKey: this.server,
|
||||
villageId: this.id,
|
||||
limit: limit,
|
||||
sort: ['createdAt:DESC'],
|
||||
});
|
||||
}
|
||||
}
|
||||
|
@ -138,7 +161,7 @@ class UI {
|
|||
private async showEnnoblements(e: Event) {
|
||||
e.preventDefault();
|
||||
|
||||
await new DialogTable(
|
||||
await new DialogTable<Ennoblement>(
|
||||
DialogId.ENNOBLEMENTS,
|
||||
[
|
||||
{
|
||||
|
@ -182,8 +205,8 @@ class UI {
|
|||
},
|
||||
],
|
||||
30,
|
||||
(page: number, limit: number) => {
|
||||
return this.connector.villageEnnoblements(page, limit);
|
||||
async (cursor, limit) => {
|
||||
return this.connector.villageEnnoblements(cursor, limit);
|
||||
}
|
||||
).render();
|
||||
}
|
||||
|
@ -191,9 +214,9 @@ class UI {
|
|||
|
||||
class ExtendedVillageProfile {
|
||||
connector: TWHelpConnector;
|
||||
constructor(client: TWHelpClient) {
|
||||
constructor(apiBaseUrl: string) {
|
||||
this.connector = new TWHelpConnector(
|
||||
client,
|
||||
apiBaseUrl,
|
||||
window.game_data.market,
|
||||
window.game_data.world,
|
||||
this.getVillageId()
|
||||
|
@ -201,8 +224,10 @@ class ExtendedVillageProfile {
|
|||
}
|
||||
|
||||
async run() {
|
||||
const config = await this.connector.serverConfig();
|
||||
const ennoblement = await this.connector.latestEnnoblement();
|
||||
const [config, ennoblement] = await Promise.all([
|
||||
this.connector.serverConfig(),
|
||||
this.connector.latestEnnoblement(),
|
||||
]);
|
||||
|
||||
new UI(config, ennoblement, this.connector).render();
|
||||
}
|
||||
|
@ -224,9 +249,7 @@ class ExtendedVillageProfile {
|
|||
return;
|
||||
}
|
||||
|
||||
await new ExtendedVillageProfile(
|
||||
new TWHelpClient(process.env.TWHELP_API_BASE_URL ?? '')
|
||||
)
|
||||
await new ExtendedVillageProfile(process.env.TWHELP_API_BASE_URL ?? '')
|
||||
.run()
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import addSeconds from 'date-fns/addSeconds';
|
||||
import isAfter from 'date-fns/isAfter';
|
||||
import { addSeconds } from 'date-fns/addSeconds';
|
||||
import { isAfter } from 'date-fns/isAfter';
|
||||
|
||||
export interface Storage {
|
||||
getItem(key: string): string | null;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import differenceInMinutes from 'date-fns/differenceInMinutes';
|
||||
import { differenceInMinutes } from 'date-fns/differenceInMinutes';
|
||||
import { LOYALTY_AFTER_CONQUER, MAX_LOYALTY } from './constants';
|
||||
|
||||
export const calcLoyalty = (
|
||||
|
|
|
@ -1,314 +0,0 @@
|
|||
import axios, {
|
||||
AxiosInstance,
|
||||
AxiosResponseHeaders,
|
||||
RawAxiosResponseHeaders,
|
||||
} from 'axios';
|
||||
|
||||
export type Version = {
|
||||
code: string;
|
||||
host: string;
|
||||
name: string;
|
||||
timezone: string;
|
||||
};
|
||||
|
||||
export type ServerMeta = {
|
||||
key: string;
|
||||
open: boolean;
|
||||
};
|
||||
|
||||
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 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 ListPlayerSnapshotsParams = {
|
||||
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 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(
|
||||
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 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 playerHistory(
|
||||
version: string,
|
||||
server: string,
|
||||
id: number,
|
||||
queryParams?: ListPlayerSnapshotsParams
|
||||
): Promise<ListResult<PlayerSnapshot>> {
|
||||
const queryString = queryParams ? this.buildQueryString(queryParams) : '';
|
||||
const resp = await this.client.get(
|
||||
`/api/v1/versions/${version}/servers/${server}/players/${id}/history?${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');
|
||||
}
|
||||
}
|
|
@ -0,0 +1 @@
|
|||
generated
|
|
@ -0,0 +1,2 @@
|
|||
export * from './generated';
|
||||
export * from './timeout';
|
|
@ -0,0 +1,20 @@
|
|||
import axios from 'axios';
|
||||
import { request as __request } from './generated/core/request';
|
||||
import { CancelablePromise } from './generated/core/CancelablePromise';
|
||||
import { BaseHttpRequest } from './generated/core/BaseHttpRequest';
|
||||
import { ApiRequestOptions } from './generated/core/ApiRequestOptions';
|
||||
import type { OpenAPIConfig } from './generated/core/OpenAPI';
|
||||
|
||||
export class AxiosHttpRequestWithTimeout extends BaseHttpRequest {
|
||||
axiosInstance = axios.create({
|
||||
timeout: 5000,
|
||||
});
|
||||
|
||||
constructor(config: OpenAPIConfig) {
|
||||
super(config);
|
||||
}
|
||||
|
||||
public override request<T>(options: ApiRequestOptions): CancelablePromise<T> {
|
||||
return __request(this.config, options, this.axiosInstance);
|
||||
}
|
||||
}
|