Basic Metrics
Markers Created: ${userData.markersCreated}
Archetype Markers: ${userData.archetypeMarkersCreated}
Likes Given: ${userData.likesGiven}
Favorites Made: ${userData.favoritesMade}
Interactions: ${userData.interactions}
Engagement
Share Clicked: ${userData.shareClicked}
Links Clicked: ${userData.linksClicked}
Emails Clicked: ${userData.emailsClicked}
Archetype: ${userData.archetype || 'None'}
Engagement: ${userData.engagement}
Tokens
Liquidity: ${userData.liquidityTokensGained}/${userData.liquidityTokensSpent}
Value: ${userData.valueTokensGained}/${userData.valueTokensSpent}
Engagement: ${userData.engagementTokensGained}/${userData.engagementTokensSpent}
Battles
Won: ${userData.battlesWon}
Lost: ${userData.battlesLost}
Visibility Changed: ${userData.battleVisibilityChanged}
Win Ratio: ${userData.battleWinRatio.toFixed(2)}%
`;
// Analytics Tab - will be loaded when tab is switched
// Abilities Tab
loadAbilitiesContent();
// Exchange Tab
loadExchangeContent();
}
// Load Abilities Content
function loadAbilitiesContent() {
const abilitiesTab = document.getElementById('abilities-tab');
// Count active abilities
const activeCount = userData.abilities.length;
const inactiveCount = abilitiesData.length - activeCount;
// Create grid
let gridHTML = `
`;
// Sort abilities by row and column
const sortedAbilities = [...abilitiesData].sort((a, b) => {
if (a.row !== b.row) return a.row - b.row;
return a.col - b.col;
});
// Add abilities to grid
sortedAbilities.forEach(ability => {
const isActive = userData.abilities.includes(ability.id);
const isAvailable = checkAbilityPrerequisites(ability.prerequisite);
gridHTML += `
${ability.name}
`;
});
gridHTML += '
Current Exchange Rate: 1 token = ${exchangeRate} points
Total Markers on Map: ${totalMarkers}
Next exchange available in: ${formatTime(cooldownRemaining)}
Total Markers: ${totalMarkers}
Your Archetype Markers: ${archetypeMarkers}
Battle Ratio: ${battleRatio}%
Current Win Chance: ${winChance}%
Cooldown: ${formatTime(cooldownRemaining)}
`;
// Update cooldown timer
if (!canBattle) {
const cooldownInterval = setInterval(() => {
const remaining = Math.max(0, 300000 - (Date.now() - userData.lastBattle));
document.getElementById('battle-cooldown-inner').textContent = formatTime(remaining);
if (remaining <= 0) {
clearInterval(cooldownInterval);
document.getElementById('start-battle-btn-inner').disabled = false;
document.getElementById('start-battle-btn-inner').classList.remove('opacity-50', 'cursor-not-allowed');
}
}, 1000);
}
}
// Start Battle
async function startBattle() {
// Check cooldown
const now = Date.now();
if (now - userData.lastBattle < 300000) {
showNotification('Battle cooldown not ready yet', 'error');
return;
}
// Get all markers
const markerList = Object.values(markers);
if (markerList.length === 0) {
showNotification('No markers available to battle', 'error');
return;
}
// Select random marker
const targetMarker = markerList[Math.floor(Math.random() * markerList.length)];
// Determine win/loss (random with modifiers)
let winChance = 50;
// Apply potion modifiers
const victoryElixir = userData.activeItems.find(item => item.id === 'potion1');
if (victoryElixir) {
winChance += 25;
}
// Apply ability modifiers
if (userData.abilities.includes('mediator')) {
winChance += 5;
}
if (userData.abilities.includes('battleExpert')) {
winChance += 10;
}
if (userData.abilities.includes('commander')) {
winChance += 25;
}
// Clamp win chance
winChance = Math.max(5, Math.min(95, winChance));
// Determine result
const isWin = Math.random() * 100 < winChance;
// Update battle stats
if (isWin) {
userData.battlesWon++;
} else {
userData.battlesLost++;
}
// Update visibility
let visibilityChange = 0;
if (isWin) {
visibilityChange = -10;
if (userData.abilities.includes('territoryClaim')) {
visibilityChange -= 1;
}
if (userData.abilities.includes('pathfinder')) {
visibilityChange -= 5;
}
if (userData.abilities.includes('dominator')) {
visibilityChange -= 10;
}
} else {
visibilityChange = 10;
if (userData.abilities.includes('territoryClaim')) {
visibilityChange += 1;
}
if (userData.abilities.includes('pathfinder')) {
visibilityChange += 5;
}
if (userData.abilities.includes('dominator')) {
visibilityChange += 10;
}
}
userData.battleVisibilityChanged += Math.abs(visibilityChange);
// Update marker visibility
try {
await db.collection('markers').doc(targetMarker.id).update({
zDepth: Math.max(0, targetMarker.zDepth + visibilityChange)
});
} catch (error) {
console.error('Error updating marker visibility:', error);
}
// Award tokens for wins/losses
if (isWin) {
// Check for Holy Water effect
const holyWater = userData.activeItems.find(item => item.id === 'potion4');
if (holyWater) {
for (let i = 0; i < 50; i++) {
awardRandomToken();
}
}
// Check for abilities that give tokens on win
if (userData.abilities.includes('legend')) {
for (let i = 0; i < 10; i++) {
awardRandomToken();
}
}
// Check for Hybrid Warrior ability
if (userData.abilities.includes('hybridWarrior') &&
archetype[targetMarker.category] !== userData.archetype) {
for (let i = 0; i < 10; i++) {
awardRandomToken();
}
}
} else {
// Check for abilities that give tokens on loss
if (userData.abilities.includes('tactician')) {
for (let i = 0; i < 5; i++) {
awardRandomToken();
}
}
if (userData.abilities.includes('quartermaster')) {
for (let i = 0; i < 10; i++) {
awardRandomToken();
}
}
// Check for Emissary ability
if (userData.abilities.includes('emissary') &&
archetype[targetMarker.category] !== userData.archetype) {
for (let i = 0; i < 10; i++) {
awardRandomToken();
}
}
}
// Update last battle time
userData.lastBattle = now;
// Save user data
saveUserData();
// Update token display
updateTokenDisplay();
// Show battle result
const battleInfo = document.getElementById('battle-info');
battleInfo.innerHTML = `
${isWin ? 'Victory!' : 'Defeat!'}
You battled against:
${targetMarker.title}
Visibility changed by: ${visibilityChange > 0 ? '+' : ''}${visibilityChange}