A troopcounter to track your own and your alliance members troops.
目前为
// ==UserScript==
// @name Troopcounter
// @namespace https://tampermonkey.net/
// @version 2024-09-22
// @description A troopcounter to track your own and your alliance members troops.
// @author Vonk
// @match https://*.grepolis.com/game/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// @require https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js
// ==/UserScript==
(function () {
'use strict';
$(document).ready(function () {
addTroopCounterButton();
console.log("Troopcounter loaded");
setTimeout(function () {
if (localStorage.getItem(storagetoken) !== null && localStorage.getItem(storagekey) !== null) {
fetchData();
}
}, 10000);
var style = document.createElement('style');
style.innerHTML = `
.troopcounter-button {
border: 1px solid #d9b310;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 30px;
margin: 0 0 5px;
padding: 4px;
text-align: center;
text-decoration: none;
border-radius: 5px;
}
.dialog-input {
border: 1px solid #d9b310;
border-radius: 5px;
height: 30px;
margin: 5px 0;
padding: 0 5px;
width: 100%;
}
.dialog-button {
background-color: #fff;
border: 1px solid #d9b310;
border-radius: 5px;
color: #d9b310;
cursor: pointer;
display: block;
font-size: 16px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin: 5px 0;
padding: 0;
text-align: center;
text-decoration: none;
width: 100%;
}
.dialog-button:hover {
background-color: #d9b310;
color: #fff;
}
.troopcounter-generate-button {
border-radius: 15px;
width: 120px;
font-weight: bold;
padding: 5px;
}
#troopcounterTable {
border-collapse: collapse;
table-layout: fixed;
position: relative;
}
#troopcounterTable th,
#troopcounterTable td {
padding: 8px;
text-align: center;
border: 1px solid #ddd;
}
#troopcounterTable th {
position: sticky;
top: 0;
background-color: #cdcdcd;
z-index: 2;
}
#troopcounterTable th:first-child,
#troopcounterTable td:first-child {
position: sticky;
left: 0;
background-color: #cdcdcd;
z-index: 1;
}
#troopcounterTable th:first-child {
z-index: 3;
}
`;
document.head.appendChild(style);
const worldId = Game.world_id;
const storagetoken = `token_${worldId}`;
const storagekey = `key_${worldId}`;
function addTroopCounterButton() {
if (document.getElementById('troopCounterButton') == null) {
var a = document.createElement('div');
a.id = "troopCounterButton";
a.className = 'btn_settings circle_button_small';
a.style.top = '90px';
a.style.right = '57px';
a.style.zIndex = '10000';
a.innerHTML = "T";
document.getElementById('ui_box').appendChild(a);
$("#troopCounterButton").click(function () {
if (localStorage.getItem(storagetoken) !== null && localStorage.getItem(storagekey) !== null && localStorage.getItem(storagetoken) !== "" && localStorage.getItem(storagekey) !== "") {
createTroopcounterWindow();
} else {
startDialog();
}
});
}
}
var troops = [
{ "id": 1, "name": "sword" },
{ "id": 2, "name": "archer" },
{ "id": 3, "name": "hoplite" },
{ "id": 4, "name": "slinger" },
{ "id": 5, "name": "rider" },
{ "id": 6, "name": "chariot" },
{ "id": 7, "name": "catapult" },
{ "id": 8, "name": "godsent" },
{ "id": 9, "name": "manticore" },
{ "id": 10, "name": "harpy" },
{ "id": 11, "name": "pegasus" },
{ "id": 12, "name": "griffin" },
{ "id": 13, "name": "cerberus" },
{ "id": 14, "name": "minotaur" },
{ "id": 15, "name": "medusa" },
{ "id": 16, "name": "zyklop" },
{ "id": 17, "name": "centaur" },
{ "id": 18, "name": "sea_monster" },
{ "id": 19, "name": "ladon" },
{ "id": 20, "name": "spartoi" },
{ "id": 21, "name": "small_transporter" },
{ "id": 22, "name": "big_transporter" },
{ "id": 23, "name": "bireme" },
{ "id": 24, "name": "attack_ship" },
{ "id": 25, "name": "trireme" },
{ "id": 26, "name": "colonize_ship" },
{ "id": 27, "name": "siren" },
{ "id": 28, "name": "fury" },
{ "id": 29, "name": "demolition_ship" },
{ "id": 30, "name": "satyr" },
{ "id": 31, "name": "calydonian_boar" }
];
function createTroopcounterWindow() {
var windowExists = false;
var windowItem = null;
for (var item of document.getElementsByClassName('ui-dialog-title')) {
if (item.innerHTML == "TroopCounter") {
windowExists = true;
windowItem = item;
}
}
if (!windowExists) {
var wnd = Layout.wnd.Create(Layout.wnd.TYPE_DIALOG, "TroopCounter");
wnd.setContent('');
}
for (var item of document.getElementsByClassName('ui-dialog-title')) {
if (item.innerHTML == "TroopCounter") {
windowItem = item;
}
}
wnd.setHeight('500');
wnd.setWidth('750');
wnd.setTitle("TroopCounter");
var title = windowItem;
var frame = title.parentElement.parentElement.children[1].children[4];
frame.innerHTML = '';
var body = document.createElement('div');
var element = document.createElement('h3');
element.innerHTML = "TroopCounter";
element.style.margin = '0 auto';
body.appendChild(element);
var tableContainer = document.createElement('div');
tableContainer.style.height = '300px';
tableContainer.style.overflowY = 'auto';
var table = document.createElement('table');
table.id = "troopcounterTable";
table.style.overflowX = 'scroll';
tableContainer.appendChild(table);
var headerRow = document.createElement('tr');
var playernameHeader = document.createElement('th');
playernameHeader.textContent = 'Playername';
headerRow.appendChild(playernameHeader);
var culturalLevelHeader = document.createElement('th');
culturalLevelHeader.textContent = 'Cultural level';
headerRow.appendChild(culturalLevelHeader);
troops.forEach(function (troop) {
var th = document.createElement('th');
var spanElement = document.createElement('span');
spanElement.setAttribute('class', 'unit index_unit unit_icon40x40 ' + troop.name);
th.appendChild(spanElement);
headerRow.appendChild(th);
});
table.appendChild(headerRow);
body.appendChild(tableContainer);
frame.appendChild(body);
var loginDiv = document.createElement('div');
loginDiv.style.marginTop = "10px";
loginDiv.innerHTML = `
Token: <input type="text" id="token"><br>
Key: <input type="text" id="key"><br>
<div style="display:flex; margin-top: 15px; gap: 10px">
<button id="saveButton" class="troopcounter-button">Save token & key</button>
<button id="loadButton" class="troopcounter-button">Laad troepenoverzicht</button>
<button id="fetchData" class="troopcounter-button">Update eigen data</button>
</div>
`;
frame.appendChild(loginDiv);
var buttonContainer = document.createElement('div');
buttonContainer.style.display = 'flex';
buttonContainer.style.flexDirection = 'column';
buttonContainer.style.alignItems = 'flex-end';
buttonContainer.style.marginTop = '10px';
buttonContainer.style.float = 'right';
buttonContainer.style.position = 'relative';
var createGroupButton = document.createElement('button');
createGroupButton.innerHTML = 'Create new group';
createGroupButton.id = 'createGroup';
createGroupButton.style.marginTop = '10px';
createGroupButton.classList.add('troopcounter-button');
var discordButton = document.createElement('button');
discordButton.innerHTML = 'Join Discord';
discordButton.style.marginTop = '10px';
discordButton.onclick = function () {
window.open('https://discord.gg/rvETEWWQmf', '_blank');
};
discordButton.classList.add('troopcounter-button');
buttonContainer.appendChild(createGroupButton);
buttonContainer.appendChild(discordButton);
frame.appendChild(buttonContainer);
if (localStorage.getItem(storagetoken) !== null && localStorage.getItem(storagekey) !== null) {
document.getElementById('token').value = localStorage.getItem(storagetoken);
document.getElementById('key').value = localStorage.getItem(storagekey);
};
frame.appendChild(loginDiv);
document.getElementById('saveButton').addEventListener('click', function () {
var token = document.getElementById('token').value;
var key = document.getElementById('key').value;
localStorage.setItem(storagetoken, token.trim());
localStorage.setItem(storagekey, key.trim());
setTimeout(function () {
location.reload();
}, 1000);
});
document.getElementById('loadButton').addEventListener('click', function () {
fetchTroopCountData();
});
document.getElementById('fetchData').addEventListener('click', function () {
fetchData();
});
document.getElementById('createGroup').addEventListener('click', function () {
createGroup();
});
}
function fetchTroopCountData() {
var token = localStorage.getItem(storagetoken);
var key = localStorage.getItem(storagekey);
if (!token || !key) {
console.log('No token & key filled in.');
return;
}
var link = `https://www.grepotroopcounter.be/api/Group/GetEncryptedPlayerData?token=${token}`;
fetch(link)
.then(response => response.json())
.then(data => {
updateTroopCounts(data.players);
})
.catch(error => {
console.error('Error fetching troop count data:', error);
});
}
function createPlayerRow(encryptedPlayer) {
let player = countTroops(encryptedPlayer);
var existingRow = document.getElementById('player-' + player.id);
if (existingRow) {
updatePlayerRow(existingRow, player);
return existingRow;
}
var row = document.createElement('tr');
row.id = 'player-' + player.id;
var playerNameCell = document.createElement('td');
playerNameCell.textContent = player.name;
row.appendChild(playerNameCell);
var culturalLevelCell = document.createElement('td');
culturalLevelCell.textContent = player.culturalLevel;
row.appendChild(culturalLevelCell);
troops.forEach(function (troop) {
var cell = document.createElement('td');
cell.style.textAlign = "center";
if (player.troopCounts.hasOwnProperty(troop.name)) {
cell.textContent = player.troopCounts[troop.name];
} else {
cell.textContent = "0";
}
row.appendChild(cell);
});
return row;
}
function updateTroopCounts(data) {
var table = document.querySelector('#troopcounterTable');
data.forEach(player => {
var row = createPlayerRow(player);
table.appendChild(row);
});
}
function updatePlayerRow(row, player) {
var playerNameCell = row.querySelector('td:first-child');
playerNameCell.textContent = player.name;
var culturalLevelCell = row.querySelector('td:nth-child(2)');
culturalLevelCell.textContent = player.culturalLevel;
var cells = row.querySelectorAll('td:not(:first-child):not(:nth-child(2)');
cells.forEach(function (cell, index) {
var troopName = troops[index].name;
if (player.troopCounts.hasOwnProperty(troopName)) {
cell.textContent = player.troopCounts[troopName];
} else {
cell.textContent = "0";
}
});
}
function createPlayer() {
let formattedData = getPlayerData();
fetch(`https://www.grepotroopcounter.be/api/Players`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(formattedData)
})
.then(response => {
if (!response.ok) {
throw new Error('Failed to add player');
}
console.log('Player added successfully');
setTimeout(fetchData, 5000);
})
.catch(error => {
console.error('Error adding player:', error);
});
}
function getPlayerData() {
const playerId = Game.player_id
const playerName = Game.player_name;
const allianceName = MM.getModels().Player[Game.player_id].attributes.alliance_name;
let townsObject = ITowns.getTowns();
let MMTowns = MM.getModels().Town;
let additionalTownCount = MM.getModels().Player[Game.player_id].attributes.additional_town_count;
let currentCP = MM.getModels().Player[Game.player_id].attributes.cultural_points;
let nextlevelCP = MM.getModels().Player[Game.player_id].attributes.needed_cultural_points_for_next_step;
let cl = MM.getModels().Player[Game.player_id].attributes.cultural_step;
let lastUpdated = Date.now().toString();
let townsData = Object.values(townsObject).map(town => {
let homeUnits = town.units();
let troopsInTown = [];
let outerUnits = town.unitsOuter();
let outerTroopsInTown = [];
let supportUnits = town.unitsSupport();
let supportTroopsInTown = [];
if (homeUnits) {
troopsInTown = Object.keys(homeUnits).map(unitType => ({
name: unitType,
count: homeUnits[unitType]
}));
}
if (outerUnits) {
outerTroopsInTown = Object.keys(outerUnits).map(unitType => ({
name: unitType,
count: outerUnits[unitType]
}));
}
if (supportUnits) {
supportTroopsInTown = Object.keys(supportUnits).map(unitType => ({
name: unitType,
count: supportUnits[unitType]
}));
}
return {
id: town.id,
name: town.name,
points: town.getPoints(),
sea_id: MMTowns[town.id].attributes.sea_id,
x: MMTowns[town.id].attributes.abs_x,
y: MMTowns[town.id].attributes.abs_y,
god: town.god(),
wallLevel: town.buildings().attributes.wall,
phalanx: town.researches().attributes.phalanx,
ram: town.researches().attributes.ram,
availableTroopsInTown: troopsInTown,
outerTroopsInTown: outerTroopsInTown,
supportTroopsInTown: supportTroopsInTown
};
});
let formattedData = {
id: playerId,
name: playerName,
lastUpdated: encryptData(lastUpdated),
towns: encryptData(townsData),
alliance: encryptData(allianceName),
culturalLevel: encryptData(cl),
additionalTownCount: encryptData(additionalTownCount),
currentCP: encryptData(currentCP),
nextlevelCP: encryptData(nextlevelCP),
token: localStorage.getItem(storagetoken),
};
return formattedData;
}
function encryptData(data) {
let encryptedData = CryptoJS.AES.encrypt(JSON.stringify(data), localStorage.getItem(storagekey)).toString();
return encryptedData;
}
function decryptData(data) {
let decryptedData = CryptoJS.AES.decrypt(data, localStorage.getItem(storagekey)).toString(CryptoJS.enc.Utf8);
//if decrypted data is malformed return invalid data string
if (decryptedData === "") {
return "Invalid data";
}
return JSON.parse(decryptedData);
}
function countTroops(player) {
let decryptedPlayer = {
...player,
culturalLevel: decryptData(player.culturalLevel),
alliance: decryptData(player.alliance),
towns: decryptData(player.towns)
};
let troopCounts = {};
decryptedPlayer.towns.forEach(town => {
town.availableTroopsInTown.forEach(troop => {
troopCounts[troop.name] = (troopCounts[troop.name] || 0) + troop.count;
});
town.outerTroopsInTown.forEach(troop => {
troopCounts[troop.name] = (troopCounts[troop.name] || 0) + troop.count;
});
});
return {
id: decryptedPlayer.id,
name: decryptedPlayer.name,
troopCounts: troopCounts,
culturalLevel: decryptedPlayer.culturalLevel
};
}
function createGroup() {
var windowExists = false;
var windowItem = null;
for (var item of document.getElementsByClassName('ui-dialog-title')) {
if (item.innerHTML == "CreateGroup") {
windowExists = true;
windowItem = item;
return;
}
}
if (!windowExists) {
var wnd = Layout.wnd.Create(Layout.wnd.TYPE_DIALOG, "CreateGroup");
wnd.setContent('');
}
for (var item of document.getElementsByClassName('ui-dialog-title')) {
if (item.innerHTML == "CreateGroup") {
windowItem = item;
}
}
wnd.setHeight('300');
wnd.setWidth('375');
wnd.setTitle("CreateGroup");
var title = windowItem;
var frame = title.parentElement.parentElement.children[1].children[4];
frame.innerHTML = '';
var body = document.createElement('div');
var element = document.createElement('h3');
element.innerHTML = "CreateGroup";
element.style.margin = '0 auto';
body.appendChild(element);
let inputGroupName = document.createElement('input');
inputGroupName.type = 'text';
inputGroupName.id = 'groupName';
inputGroupName.placeholder = 'Group name';
inputGroupName.style.marginTop = '10px';
inputGroupName.style.width = '60%';
inputGroupName.style.height = '30px';
let inputToken = document.createElement('input');
inputToken.type = 'text';
inputToken.id = 'newToken';
inputToken.placeholder = 'Token';
inputToken.style.width = '60%';
let tokenDiv = document.createElement('div');
tokenDiv.style.display = 'flex';
tokenDiv.style.justifyContent = 'space-between';
tokenDiv.style.marginTop = '10px';
let inputKey = document.createElement('input');
inputKey.type = 'text';
inputKey.id = 'newKey';
inputKey.placeholder = 'Key';
inputKey.style.width = '60%';
let buttonGenerateToken = document.createElement('button');
buttonGenerateToken.id = 'generateToken';
buttonGenerateToken.innerHTML = 'Generate token';
buttonGenerateToken.classList.add('troopcounter-generate-button');
tokenDiv.appendChild(inputToken);
tokenDiv.appendChild(buttonGenerateToken);
buttonGenerateToken.onclick = function () {
let token = generateToken();
inputToken.value = token;
};
let keyDiv = document.createElement('div');
keyDiv.style.display = 'flex';
keyDiv.style.justifyContent = 'space-between';
keyDiv.style.marginTop = '10px';
let buttonGenerateKey = document.createElement('button');
buttonGenerateKey.id = 'generateKey';
buttonGenerateKey.innerHTML = 'Generate key';
buttonGenerateKey.classList.add('troopcounter-generate-button');
let buttonSave = document.createElement('button');
buttonSave.id = 'saveGroup';
buttonSave.innerHTML = 'Save group';
buttonSave.classList.add('dialog-button');
keyDiv.appendChild(inputKey);
keyDiv.appendChild(buttonGenerateKey);
buttonGenerateKey.onclick = function () {
let key = generateKey();
inputKey.value = key;
};
buttonSave.onclick = function () {
let groupName = document.getElementById('groupName').value;
let token = document.getElementById('newToken').value;
let key = document.getElementById('newKey').value;
let world = Game.world_id;
if (!groupName || !token || !key) {
alert('Please fill in all fields');
return;
}
let body = {
name: groupName,
world: world,
token: token,
};
fetch(`https://www.grepotroopcounter.be/api/Group/CreateGroup`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(body)
}).then(async response => {
if (!response.ok) {
var errorMessage = await response.text();
console.log('Failed to create group:', errorMessage);
} else {
console.log('Group created successfully');
localStorage.setItem(storagetoken, token);
localStorage.setItem(storagekey, key);
setTimeout(() => {
location.reload();
}, 2000);
}
}
).catch(error => {
console.error('Error creating group:', error);
});
};
body.appendChild(inputGroupName);
body.appendChild(tokenDiv);
body.appendChild(keyDiv);
body.appendChild(buttonSave);
frame.appendChild(body);
}
function generateKey() {
var key = '';
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
var charactersLength = characters.length;
for (var i = 0; i < 8; i++) {
key += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return key;
}
function generateToken() {
var token = '';
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
var charactersLength = characters.length;
for (var i = 0; i < 24; i++) {
token += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return token;
}
function startDialog() {
var windowExists = false;
var windowItem = null;
for (var item of document.getElementsByClassName('ui-dialog-title')) {
if (item.innerHTML == "TroopCounter - Start") {
windowExists = true;
windowItem = item;
return;
}
}
if (!windowExists) {
var wnd = Layout.wnd.Create(Layout.wnd.TYPE_DIALOG, "TroopCounter - Start");
wnd.setContent('');
}
for (var item of document.getElementsByClassName('ui-dialog-title')) {
if (item.innerHTML == "TroopCounter - Start") {
windowItem = item;
}
}
wnd.setHeight('270');
wnd.setWidth('300');
wnd.setTitle("TroopCounter - Start");
var title = windowItem;
var frame = title.parentElement.parentElement.children[1].children[4];
frame.innerHTML = '';
var body = document.createElement('div');
var element = document.createElement('h3');
element.innerHTML = "TroopCounter - Start";
element.style.margin = '0 auto';
body.appendChild(element);
var buttonContainer = document.createElement('div');
buttonContainer.style.display = 'flex';
buttonContainer.style.flexDirection = 'column';
buttonContainer.style.alignItems = 'flex-end';
buttonContainer.style.marginTop = '10px';
buttonContainer.style.float = 'right';
buttonContainer.style.width = '100%';
var useExistingButton = document.createElement('button');
useExistingButton.innerHTML = 'Gebruik bestaande groep ⓘ';
useExistingButton.id = 'useExistingGroup';
useExistingButton.style.marginTop = '10px';
useExistingButton.classList.add('dialog-button');
useExistingButton.title = "Gebruik deze optie als je al een token en key hebt. Via deze knop kan je de token en key invullen en je troepenoverzicht laden.";
var createNewButton = document.createElement('button');
createNewButton.innerHTML = 'Maak een nieuwe groep ⓘ';
createNewButton.id = 'createNewGroup';
createNewButton.style.marginTop = '10px';
createNewButton.classList.add('dialog-button');
createNewButton.title = "Gebruik deze optie als je nog geen token en key hebt. Via deze knop kan je een groep aanmaken en genereer je een token en key die je kan delen met je alliantiegenoten.";
var moreInfoButton = document.createElement('button');
moreInfoButton.innerHTML = 'Meer info';
moreInfoButton.style.marginTop = '10px';
moreInfoButton.classList.add('dialog-button');
moreInfoButton.onclick = function () {
alert("Je hebt twee opties:\n\n1. Gebruik bestaande groep: Als je al een token en sleutel hebt, kies dan deze optie. Je kunt ze invoeren en je troepenoverzicht laden.\n\n2. Maak een nieuwe groep: Als je nog geen token en sleutel hebt, kun je hier een groep aanmaken. Je genereert een token en sleutel die je kunt delen met je alliantiegenoten.");
};
useExistingButton.onclick = function () {
createTroopcounterWindow();
}
createNewButton.onclick = function () {
createGroup();
}
buttonContainer.appendChild(useExistingButton);
buttonContainer.appendChild(createNewButton);
buttonContainer.appendChild(moreInfoButton);
frame.appendChild(body);
frame.appendChild(buttonContainer);
}
function fetchData() {
let formattedData = getPlayerData();
let body = {
id: formattedData.id,
lastUpdated: formattedData.lastUpdated,
towns: formattedData.towns,
alliance: formattedData.alliance,
culturalLevel: formattedData.culturalLevel,
additionalTownCount: formattedData.additionalTownCount,
currentCP: formattedData.currentCP,
nextlevelCP: formattedData.nextlevelCP,
token: localStorage.getItem(storagetoken)
};
fetch(`https://www.grepotroopcounter.be/api/Players/AddEncryptedData`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(body)
}).then(async response => {
if (!response.ok) {
var errorMessage = await response.text();
if (errorMessage && errorMessage === "Player doesn't exist") {
console.log('Failed due to player not existing, creating player');
createPlayer();
}
} else {
console.log('Towns data sent successfully');
}
}).catch(error => {
console.error('Error sending towns data:', error);
});
};
});
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址