nhcarrigan/elysium
9
0
Fork 0
generated from nhcarrigan/template
Code Issues 5 Pull Requests 1 Actions Releases 10 Activity

chore: fix lint, ensure full CI pipeline passes, add verify checklist

Browse Source 
- Fix strict-boolean-expressions in 7 route files (runtime body validation)
- Fix no-unnecessary-condition in profile.ts and offlineProgress.ts (defensive null checks)
- Extend v8 ignore next-N counts in game.ts to reach 100% coverage
- Add CI requirements to CLAUDE.md (lint + build + test must pass before commit)
- Add manual verification checklist (verify.md)
- Remove progress.md
This commit is contained in:
Hikari
2026-03-08 13:59:38 -07:00
committed by Naomi Carrigan
parent b67eae9d46
commit d1d1f70c75
202 changed files with 28076 additions and 16758 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CLAUDE.md
+8 -1
View File
@@ -1,5 +1,12 @@
# Elysium Project Notes
## CI Requirements
**Never commit without first confirming the full pipeline passes locally:**
1. `pnpm lint` — zero errors, zero warnings
2. `pnpm build` — all packages build cleanly
3. `pnpm test` — all tests pass with 100% coverage on `apps/api` and `packages/types`
## About Page
The About page (`apps/web/src/components/game/AboutPanel.tsx`) contains a **How to Play** guide that should be kept up to date as new features are added to the game. When implementing new game systems, zones, mechanics, or significant UI features, update the `HOW_TO_PLAY` array in `AboutPanel.tsx` to include a description of the new feature.
The About page (`apps/web/src/components/game/aboutPanel.tsx`) contains a **How to Play** guide that should be kept up to date as new features are added to the game. When implementing new game systems, zones, mechanics, or significant UI features, update the `HOW_TO_PLAY` array in `aboutPanel.tsx` to include a description of the new feature.
apps/api/eslint.config.js
+2 -2
View File
@@ -1,3 +1,3 @@
import { NaomisConfig } from "@nhcarrigan/eslint-config";
import config from "@nhcarrigan/eslint-config";
export default [...NaomisConfig];
export default [...config];
apps/api/src/data/achievements.ts
+236 -229
View File
@@ -1,359 +1,366 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines -- Data file */
import type { Achievement } from "@elysium/types";
export const DEFAULT_ACHIEVEMENTS: Achievement[] = [
export const defaultAchievements: Array<Achievement> = [
// Click milestones
{
id: "first_click",
name: "First Strike",
condition: { amount: 1, type: "totalClicks" },
description: "Click the Guild Hall for the first time.",
icon: "👆",
condition: { type: "totalClicks", amount: 1 },
reward: { crystals: 5 },
unlockedAt: null,
icon: "👆",
id: "first_click",
name: "First Strike",
reward: { crystals: 5 },
unlockedAt: null,
},
{
id: "click_enthusiast",
name: "Click Enthusiast",
condition: { amount: 100, type: "totalClicks" },
description: "Click the Guild Hall 100 times.",
icon: "🖱️",
condition: { type: "totalClicks", amount: 100 },
reward: { crystals: 25 },
unlockedAt: null,
icon: "🖱️",
id: "click_enthusiast",
name: "Click Enthusiast",
reward: { crystals: 25 },
unlockedAt: null,
},
{
id: "click_master",
name: "Click Master",
condition: { amount: 1000, type: "totalClicks" },
description: "Click the Guild Hall 1,000 times.",
icon: "⚡",
condition: { type: "totalClicks", amount: 1_000 },
reward: { crystals: 100 },
unlockedAt: null,
icon: "⚡",
id: "click_master",
name: "Click Master",
reward: { crystals: 100 },
unlockedAt: null,
},
{
id: "click_legend",
name: "Click Legend",
condition: { amount: 10_000, type: "totalClicks" },
description: "Click the Guild Hall 10,000 times.",
icon: "🌩️",
condition: { type: "totalClicks", amount: 10_000 },
reward: { crystals: 300 },
unlockedAt: null,
icon: "🌩️",
id: "click_legend",
name: "Click Legend",
reward: { crystals: 300 },
unlockedAt: null,
},
// Gold milestones
{
id: "first_gold",
name: "First Gold",
condition: { amount: 100, type: "totalGoldEarned" },
description: "Earn your first 100 gold.",
icon: "🪙",
condition: { type: "totalGoldEarned", amount: 100 },
reward: { crystals: 5 },
unlockedAt: null,
icon: "🪙",
id: "first_gold",
name: "First Gold",
reward: { crystals: 5 },
unlockedAt: null,
},
{
id: "wealthy",
name: "Wealthy",
condition: { amount: 10_000, type: "totalGoldEarned" },
description: "Earn 10,000 gold in total.",
icon: "💰",
condition: { type: "totalGoldEarned", amount: 10_000 },
reward: { crystals: 25 },
unlockedAt: null,
icon: "💰",
id: "wealthy",
name: "Wealthy",
reward: { crystals: 25 },
unlockedAt: null,
},
{
id: "rich",
name: "Rich",
condition: { amount: 1_000_000, type: "totalGoldEarned" },
description: "Earn 1,000,000 gold in total.",
icon: "👑",
condition: { type: "totalGoldEarned", amount: 1_000_000 },
reward: { crystals: 100 },
unlockedAt: null,
icon: "👑",
id: "rich",
name: "Rich",
reward: { crystals: 100 },
unlockedAt: null,
},
{
id: "billionaire",
name: "Billionaire",
condition: { amount: 1_000_000_000, type: "totalGoldEarned" },
description: "Earn 1,000,000,000 gold in total.",
icon: "🏦",
condition: { type: "totalGoldEarned", amount: 1_000_000_000 },
reward: { crystals: 500 },
unlockedAt: null,
icon: "🏦",
id: "billionaire",
name: "Billionaire",
reward: { crystals: 500 },
unlockedAt: null,
},
{
id: "trillionaire",
name: "Trillionaire",
condition: { amount: 1_000_000_000_000, type: "totalGoldEarned" },
description: "Earn 1,000,000,000,000 gold in total.",
icon: "💎",
condition: { type: "totalGoldEarned", amount: 1_000_000_000_000 },
reward: { crystals: 2_000 },
unlockedAt: null,
icon: "💎",
id: "trillionaire",
name: "Trillionaire",
reward: { crystals: 2000 },
unlockedAt: null,
},
// Quest milestones
{
id: "first_quest",
name: "Adventurous Spirit",
condition: { amount: 1, type: "questsCompleted" },
description: "Complete your first quest.",
icon: "📜",
condition: { type: "questsCompleted", amount: 1 },
reward: { crystals: 10 },
unlockedAt: null,
icon: "📜",
id: "first_quest",
name: "Adventurous Spirit",
reward: { crystals: 10 },
unlockedAt: null,
},
{
id: "quest_veteran",
name: "Quest Veteran",
condition: { amount: 5, type: "questsCompleted" },
description: "Complete 5 quests.",
icon: "📚",
condition: { type: "questsCompleted", amount: 5 },
reward: { crystals: 50 },
unlockedAt: null,
icon: "📚",
id: "quest_veteran",
name: "Quest Veteran",
reward: { crystals: 50 },
unlockedAt: null,
},
{
id: "quest_master",
name: "Quest Master",
condition: { amount: 15, type: "questsCompleted" },
description: "Complete 15 quests.",
icon: "🗺️",
condition: { type: "questsCompleted", amount: 15 },
reward: { crystals: 200 },
unlockedAt: null,
icon: "🗺️",
id: "quest_master",
name: "Quest Master",
reward: { crystals: 200 },
unlockedAt: null,
},
// Boss milestones
{
id: "boss_slayer",
name: "Boss Slayer",
condition: { amount: 1, type: "bossesDefeated" },
description: "Defeat your first boss.",
icon: "⚔️",
condition: { type: "bossesDefeated", amount: 1 },
reward: { crystals: 25 },
unlockedAt: null,
icon: "⚔️",
id: "boss_slayer",
name: "Boss Slayer",
reward: { crystals: 25 },
unlockedAt: null,
},
{
id: "boss_veteran",
name: "Boss Veteran",
condition: { amount: 5, type: "bossesDefeated" },
description: "Defeat 5 bosses.",
icon: "🗡️",
condition: { type: "bossesDefeated", amount: 5 },
reward: { crystals: 150 },
unlockedAt: null,
icon: "🗡️",
id: "boss_veteran",
name: "Boss Veteran",
reward: { crystals: 150 },
unlockedAt: null,
},
{
id: "legendary_hunter",
name: "Legendary Hunter",
condition: { amount: 10, type: "bossesDefeated" },
description: "Defeat 10 bosses.",
icon: "🏆",
condition: { type: "bossesDefeated", amount: 10 },
reward: { crystals: 500 },
unlockedAt: null,
icon: "🏆",
id: "legendary_hunter",
name: "Legendary Hunter",
reward: { crystals: 500 },
unlockedAt: null,
},
{
id: "devourer_slayer",
name: "World Saver",
condition: { amount: 18, type: "bossesDefeated" },
description: "Defeat all 18 bosses, including the Devourer of Worlds.",
icon: "🌟",
condition: { type: "bossesDefeated", amount: 18 },
reward: { crystals: 2_000 },
unlockedAt: null,
icon: "🌟",
id: "devourer_slayer",
name: "World Saver",
reward: { crystals: 2000 },
unlockedAt: null,
},
// Adventurer milestones
{
id: "guild_master",
name: "Guild Master",
condition: { amount: 50, type: "adventurerTotal" },
description: "Recruit a total of 50 adventurers.",
icon: "🏰",
condition: { type: "adventurerTotal", amount: 50 },
reward: { crystals: 50 },
unlockedAt: null,
icon: "🏰",
id: "guild_master",
name: "Guild Master",
reward: { crystals: 50 },
unlockedAt: null,
},
{
id: "army_commander",
name: "Army Commander",
condition: { amount: 500, type: "adventurerTotal" },
description: "Recruit a total of 500 adventurers.",
icon: "🛡️",
condition: { type: "adventurerTotal", amount: 500 },
reward: { crystals: 200 },
unlockedAt: null,
icon: "🛡️",
id: "army_commander",
name: "Army Commander",
reward: { crystals: 200 },
unlockedAt: null,
},
{
id: "army_legend",
name: "Legendary Commander",
condition: { amount: 5000, type: "adventurerTotal" },
description: "Recruit a total of 5,000 adventurers.",
icon: "⚜️",
condition: { type: "adventurerTotal", amount: 5_000 },
reward: { crystals: 750 },
unlockedAt: null,
icon: "⚜️",
id: "army_legend",
name: "Legendary Commander",
reward: { crystals: 750 },
unlockedAt: null,
},
// Prestige milestones
{
id: "first_prestige",
name: "Born Again",
condition: { amount: 1, type: "prestigeCount" },
description: "Prestige for the first time.",
icon: "⭐",
condition: { type: "prestigeCount", amount: 1 },
reward: { crystals: 100 },
unlockedAt: null,
icon: "⭐",
id: "first_prestige",
name: "Born Again",
reward: { crystals: 100 },
unlockedAt: null,
},
// Collection milestones
{
id: "collector",
name: "Collector",
condition: { amount: 4, type: "equipmentOwned" },
description: "Acquire your first piece of boss-dropped equipment.",
icon: "🎒",
condition: { type: "equipmentOwned", amount: 4 },
reward: { crystals: 10 },
unlockedAt: null,
icon: "🎒",
id: "collector",
name: "Collector",
reward: { crystals: 10 },
unlockedAt: null,
},
{
id: "arsenal",
name: "Arsenal",
condition: { amount: 12, type: "equipmentOwned" },
description: "Own 12 pieces of equipment.",
icon: "🗃️",
condition: { type: "equipmentOwned", amount: 12 },
reward: { crystals: 200 },
unlockedAt: null,
icon: "🗃️",
id: "arsenal",
name: "Arsenal",
reward: { crystals: 200 },
unlockedAt: null,
},
{
id: "well_armed",
name: "Well Armed",
condition: { amount: 25, type: "equipmentOwned" },
description: "Own 25 pieces of equipment.",
icon: "⚔️",
condition: { type: "equipmentOwned", amount: 25 },
reward: { crystals: 1_000 },
unlockedAt: null,
icon: "⚔️",
id: "well_armed",
name: "Well Armed",
reward: { crystals: 1000 },
unlockedAt: null,
},
{
id: "fully_equipped",
name: "Fully Equipped",
condition: { amount: 40, type: "equipmentOwned" },
description: "Own 40 pieces of equipment.",
icon: "🛡️",
condition: { type: "equipmentOwned", amount: 40 },
reward: { crystals: 10_000 },
unlockedAt: null,
icon: "🛡️",
id: "fully_equipped",
name: "Fully Equipped",
reward: { crystals: 10_000 },
unlockedAt: null,
},
// Higher click milestones
{
id: "click_obsessed",
name: "Click Obsessed",
condition: { amount: 100_000, type: "totalClicks" },
description: "Click the Guild Hall 100,000 times.",
icon: "💥",
condition: { type: "totalClicks", amount: 100_000 },
reward: { crystals: 1_000 },
unlockedAt: null,
icon: "💥",
id: "click_obsessed",
name: "Click Obsessed",
reward: { crystals: 1000 },
unlockedAt: null,
},
{
id: "click_deity",
name: "Click Deity",
condition: { amount: 1_000_000, type: "totalClicks" },
description: "Click the Guild Hall 1,000,000 times.",
icon: "☄️",
condition: { type: "totalClicks", amount: 1_000_000 },
reward: { crystals: 5_000 },
unlockedAt: null,
icon: "☄️",
id: "click_deity",
name: "Click Deity",
reward: { crystals: 5000 },
unlockedAt: null,
},
// Endgame gold milestones
{
id: "quadrillionaire",
name: "Quadrillionaire",
condition: { amount: 1e15, type: "totalGoldEarned" },
description: "Earn 1 quadrillion gold in total.",
icon: "✨",
condition: { type: "totalGoldEarned", amount: 1e15 },
reward: { crystals: 10_000 },
unlockedAt: null,
icon: "✨",
id: "quadrillionaire",
name: "Quadrillionaire",
reward: { crystals: 10_000 },
unlockedAt: null,
},
{
id: "void_hoarder",
name: "Void Hoarder",
condition: { amount: 1e18, type: "totalGoldEarned" },
description: "Earn 1 quintillion gold in total.",
icon: "🌀",
condition: { type: "totalGoldEarned", amount: 1e18 },
reward: { crystals: 50_000 },
unlockedAt: null,
icon: "🌀",
id: "void_hoarder",
name: "Void Hoarder",
reward: { crystals: 50_000 },
unlockedAt: null,
},
// Higher quest milestones
{
id: "quest_champion",
name: "Quest Champion",
condition: { amount: 30, type: "questsCompleted" },
description: "Complete 30 quests.",
icon: "🏅",
condition: { type: "questsCompleted", amount: 30 },
reward: { crystals: 1_000 },
unlockedAt: null,
icon: "🏅",
id: "quest_champion",
name: "Quest Champion",
reward: { crystals: 1000 },
unlockedAt: null,
},
{
id: "quest_grandmaster",
name: "Quest Grandmaster",
condition: { amount: 50, type: "questsCompleted" },
description: "Complete 50 quests.",
icon: "🎖️",
condition: { type: "questsCompleted", amount: 50 },
reward: { crystals: 5_000 },
unlockedAt: null,
icon: "🎖️",
id: "quest_grandmaster",
name: "Quest Grandmaster",
reward: { crystals: 5000 },
unlockedAt: null,
},
{
id: "quest_eternal",
name: "Quest Eternal",
condition: { amount: 72, type: "questsCompleted" },
description: "Complete all 72 quests across the known multiverse.",
icon: "🌌",
condition: { type: "questsCompleted", amount: 72 },
reward: { crystals: 25_000 },
unlockedAt: null,
icon: "🌌",
id: "quest_eternal",
name: "Quest Eternal",
reward: { crystals: 25_000 },
unlockedAt: null,
},
// Higher boss milestones
{
id: "boss_champion",
name: "Champion of the Realm",
condition: { amount: 20, type: "bossesDefeated" },
description: "Defeat 20 bosses.",
icon: "🦁",
condition: { type: "bossesDefeated", amount: 20 },
reward: { crystals: 1_000 },
unlockedAt: null,
icon: "🦁",
id: "boss_champion",
name: "Champion of the Realm",
reward: { crystals: 1000 },
unlockedAt: null,
},
{
id: "boss_grandmaster",
name: "Grandmaster Hunter",
condition: { amount: 30, type: "bossesDefeated" },
description: "Defeat 30 bosses.",
icon: "🔱",
condition: { type: "bossesDefeated", amount: 30 },
reward: { crystals: 5_000 },
unlockedAt: null,
icon: "🔱",
id: "boss_grandmaster",
name: "Grandmaster Hunter",
reward: { crystals: 5000 },
unlockedAt: null,
},
{
id: "boss_eternal",
name: "Eternal Vanquisher",
condition: { amount: 60, type: "bossesDefeated" },
description: "Defeat all 60 bosses across every plane of existence.",
icon: "💀",
condition: { type: "bossesDefeated", amount: 60 },
reward: { crystals: 50_000 },
unlockedAt: null,
icon: "💀",
id: "boss_eternal",
name: "Eternal Vanquisher",
reward: { crystals: 50_000 },
unlockedAt: null,
},
// Higher adventurer milestones
{
id: "army_titan",
name: "Titan Commander",
condition: { amount: 50_000, type: "adventurerTotal" },
description: "Recruit a total of 50,000 adventurers.",
icon: "⚡",
condition: { type: "adventurerTotal", amount: 50_000 },
reward: { crystals: 5_000 },
unlockedAt: null,
icon: "⚡",
id: "army_titan",
name: "Titan Commander",
reward: { crystals: 5000 },
unlockedAt: null,
},
// Higher prestige milestones
{
id: "prestige_veteran",
name: "Veteran of Ages",
condition: { amount: 5, type: "prestigeCount" },
description: "Prestige 5 times.",
icon: "🌟",
condition: { type: "prestigeCount", amount: 5 },
reward: { crystals: 1_000 },
unlockedAt: null,
icon: "🌟",
id: "prestige_veteran",
name: "Veteran of Ages",
reward: { crystals: 1000 },
unlockedAt: null,
},
{
id: "prestige_master",
name: "Master of Cycles",
condition: { amount: 10, type: "prestigeCount" },
description: "Prestige 10 times.",
icon: "💫",
condition: { type: "prestigeCount", amount: 10 },
reward: { crystals: 5_000 },
unlockedAt: null,
icon: "💫",
id: "prestige_master",
name: "Master of Cycles",
reward: { crystals: 5000 },
unlockedAt: null,
},
{
id: "prestige_legend",
name: "Legend of Eternity",
condition: { amount: 25, type: "prestigeCount" },
description: "Prestige 25 times.",
icon: "🌠",
condition: { type: "prestigeCount", amount: 25 },
reward: { crystals: 25_000 },
unlockedAt: null,
icon: "🌠",
id: "prestige_legend",
name: "Legend of Eternity",
reward: { crystals: 25_000 },
unlockedAt: null,
},
];
apps/api/src/data/adventurers.ts
+298 -291
View File
@@ -1,388 +1,395 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines -- Data file */
import type { Adventurer } from "@elysium/types";
export const DEFAULT_ADVENTURERS: Adventurer[] = [
export const defaultAdventurers: Array<Adventurer> = [
{
id: "peasant",
name: "Peasant",
class: "warrior",
level: 1,
baseCost: 10,
goldPerSecond: 0.1,
baseCost: 10,
class: "warrior",
combatPower: 1,
count: 0,
essencePerSecond: 0,
combatPower: 1,
count: 0,
unlocked: true,
goldPerSecond: 0.1,
id: "peasant",
level: 1,
name: "Peasant",
unlocked: true,
},
{
id: "militia",
name: "Militia",
class: "warrior",
level: 2,
baseCost: 100,
goldPerSecond: 0.5,
baseCost: 100,
class: "warrior",
combatPower: 3,
count: 0,
essencePerSecond: 0,
combatPower: 3,
count: 0,
unlocked: false,
goldPerSecond: 0.5,
id: "militia",
level: 2,
name: "Militia",
unlocked: false,
},
{
id: "apprentice",
name: "Apprentice Mage",
class: "mage",
level: 3,
baseCost: 750,
goldPerSecond: 1.5,
baseCost: 750,
class: "mage",
combatPower: 8,
count: 0,
essencePerSecond: 0.01,
combatPower: 8,
count: 0,
unlocked: false,
goldPerSecond: 1.5,
id: "apprentice",
level: 3,
name: "Apprentice Mage",
unlocked: false,
},
{
id: "scout",
name: "Scout",
class: "rogue",
level: 4,
baseCost: 5_000,
goldPerSecond: 4,
baseCost: 5000,
class: "rogue",
combatPower: 20,
count: 0,
essencePerSecond: 0.02,
combatPower: 20,
count: 0,
unlocked: false,
goldPerSecond: 4,
id: "scout",
level: 4,
name: "Scout",
unlocked: false,
},
{
id: "acolyte",
name: "Acolyte",
class: "cleric",
level: 5,
baseCost: 35_000,
goldPerSecond: 10,
baseCost: 35_000,
class: "cleric",
combatPower: 50,
count: 0,
essencePerSecond: 0.05,
combatPower: 50,
count: 0,
unlocked: false,
goldPerSecond: 10,
id: "acolyte",
level: 5,
name: "Acolyte",
unlocked: false,
},
{
id: "ranger",
name: "Ranger",
class: "ranger",
level: 6,
baseCost: 250_000,
goldPerSecond: 25,
baseCost: 250_000,
class: "ranger",
combatPower: 120,
count: 0,
essencePerSecond: 0.1,
combatPower: 120,
count: 0,
unlocked: false,
goldPerSecond: 25,
id: "ranger",
level: 6,
name: "Ranger",
unlocked: false,
},
{
id: "knight",
name: "Knight",
class: "warrior",
level: 7,
baseCost: 1_750_000,
goldPerSecond: 75,
baseCost: 1_750_000,
class: "warrior",
combatPower: 300,
count: 0,
essencePerSecond: 0.2,
combatPower: 300,
count: 0,
unlocked: false,
goldPerSecond: 75,
id: "knight",
level: 7,
name: "Knight",
unlocked: false,
},
{
id: "archmage",
name: "Archmage",
class: "mage",
level: 8,
baseCost: 12_000_000,
goldPerSecond: 200,
baseCost: 12_000_000,
class: "mage",
combatPower: 800,
count: 0,
essencePerSecond: 0.5,
combatPower: 800,
count: 0,
unlocked: false,
goldPerSecond: 200,
id: "archmage",
level: 8,
name: "Archmage",
unlocked: false,
},
{
id: "paladin",
name: "Paladin",
class: "paladin",
level: 9,
baseCost: 85_000_000,
goldPerSecond: 600,
baseCost: 85_000_000,
class: "paladin",
combatPower: 2000,
count: 0,
essencePerSecond: 1,
combatPower: 2000,
count: 0,
unlocked: false,
goldPerSecond: 600,
id: "paladin",
level: 9,
name: "Paladin",
unlocked: false,
},
{
id: "dragon_rider",
name: "Dragon Rider",
class: "ranger",
level: 10,
baseCost: 600_000_000,
goldPerSecond: 2000,
baseCost: 600_000_000,
class: "ranger",
combatPower: 6000,
count: 0,
essencePerSecond: 3,
combatPower: 6000,
count: 0,
unlocked: false,
goldPerSecond: 2000,
id: "dragon_rider",
level: 10,
name: "Dragon Rider",
unlocked: false,
},
{
id: "shadow_assassin",
name: "Shadow Assassin",
class: "rogue",
level: 11,
baseCost: 4_000_000_000,
goldPerSecond: 5_000,
baseCost: 4_000_000_000,
class: "rogue",
combatPower: 18_000,
count: 0,
essencePerSecond: 6,
combatPower: 18_000,
count: 0,
unlocked: false,
goldPerSecond: 5000,
id: "shadow_assassin",
level: 11,
name: "Shadow Assassin",
unlocked: false,
},
{
id: "arcane_scholar",
name: "Arcane Scholar",
class: "mage",
level: 12,
baseCost: 28_000_000_000,
goldPerSecond: 14_000,
baseCost: 28_000_000_000,
class: "mage",
combatPower: 45_000,
count: 0,
essencePerSecond: 15,
combatPower: 45_000,
count: 0,
unlocked: false,
goldPerSecond: 14_000,
id: "arcane_scholar",
level: 12,
name: "Arcane Scholar",
unlocked: false,
},
{
id: "void_walker",
name: "Void Walker",
class: "rogue",
level: 13,
baseCost: 200_000_000_000,
goldPerSecond: 40_000,
baseCost: 200_000_000_000,
class: "rogue",
combatPower: 130_000,
count: 0,
essencePerSecond: 35,
combatPower: 130_000,
count: 0,
unlocked: false,
goldPerSecond: 40_000,
id: "void_walker",
level: 13,
name: "Void Walker",
unlocked: false,
},
{
id: "celestial_guard",
name: "Celestial Guard",
class: "paladin",
level: 14,
baseCost: 1_400_000_000_000,
goldPerSecond: 120_000,
baseCost: 1_400_000_000_000,
class: "paladin",
combatPower: 400_000,
count: 0,
essencePerSecond: 100,
combatPower: 400_000,
count: 0,
unlocked: false,
goldPerSecond: 120_000,
id: "celestial_guard",
level: 14,
name: "Celestial Guard",
unlocked: false,
},
{
id: "divine_champion",
name: "Divine Champion",
class: "warrior",
level: 15,
baseCost: 10_000_000_000_000,
goldPerSecond: 400_000,
baseCost: 10_000_000_000_000,
class: "warrior",
combatPower: 1_200_000,
count: 0,
essencePerSecond: 300,
combatPower: 1_200_000,
count: 0,
unlocked: false,
goldPerSecond: 400_000,
id: "divine_champion",
level: 15,
name: "Divine Champion",
unlocked: false,
},
{
id: "seraph_knight",
name: "Seraph Knight",
class: "paladin",
level: 16,
baseCost: 70_000_000_000_000,
goldPerSecond: 1_200_000,
baseCost: 70_000_000_000_000,
class: "paladin",
combatPower: 4_000_000,
count: 0,
essencePerSecond: 800,
combatPower: 4_000_000,
count: 0,
unlocked: false,
goldPerSecond: 1_200_000,
id: "seraph_knight",
level: 16,
name: "Seraph Knight",
unlocked: false,
},
{
id: "abyss_diver",
name: "Abyss Diver",
class: "rogue",
level: 17,
baseCost: 500_000_000_000_000,
goldPerSecond: 3_500_000,
essencePerSecond: 2_000,
combatPower: 12_000_000,
count: 0,
unlocked: false,
baseCost: 500_000_000_000_000,
class: "rogue",
combatPower: 12_000_000,
count: 0,
essencePerSecond: 2000,
goldPerSecond: 3_500_000,
id: "abyss_diver",
level: 17,
name: "Abyss Diver",
unlocked: false,
},
{
id: "infernal_warden",
name: "Infernal Warden",
class: "warrior",
level: 18,
baseCost: 3_500_000_000_000_000,
goldPerSecond: 10_000_000,
essencePerSecond: 5_000,
combatPower: 35_000_000,
count: 0,
unlocked: false,
baseCost: 3_500_000_000_000_000,
class: "warrior",
combatPower: 35_000_000,
count: 0,
essencePerSecond: 5000,
goldPerSecond: 10_000_000,
id: "infernal_warden",
level: 18,
name: "Infernal Warden",
unlocked: false,
},
{
id: "crystal_sage",
name: "Crystal Sage",
class: "mage",
level: 19,
baseCost: 25_000_000_000_000_000,
goldPerSecond: 30_000_000,
baseCost: 25_000_000_000_000_000,
class: "mage",
combatPower: 100_000_000,
count: 0,
essencePerSecond: 12_000,
combatPower: 100_000_000,
count: 0,
unlocked: false,
goldPerSecond: 30_000_000,
id: "crystal_sage",
level: 19,
name: "Crystal Sage",
unlocked: false,
},
{
id: "void_sentinel",
name: "Void Sentinel",
class: "rogue",
level: 20,
baseCost: 175_000_000_000_000_000,
goldPerSecond: 90_000_000,
baseCost: 175_000_000_000_000_000,
class: "rogue",
combatPower: 300_000_000,
count: 0,
essencePerSecond: 30_000,
combatPower: 300_000_000,
count: 0,
unlocked: false,
goldPerSecond: 90_000_000,
id: "void_sentinel",
level: 20,
name: "Void Sentinel",
unlocked: false,
},
{
id: "eternal_champion",
name: "Eternal Champion",
class: "warrior",
level: 21,
baseCost: 1_200_000_000_000_000_000,
goldPerSecond: 270_000_000,
baseCost: 1_200_000_000_000_000_000,
class: "warrior",
combatPower: 900_000_000,
count: 0,
essencePerSecond: 80_000,
combatPower: 900_000_000,
count: 0,
unlocked: false,
goldPerSecond: 270_000_000,
id: "eternal_champion",
level: 21,
name: "Eternal Champion",
unlocked: false,
},
{
id: "aether_weaver",
name: "Aether Weaver",
class: "mage",
level: 22,
baseCost: 8_500_000_000_000_000_000,
goldPerSecond: 800_000_000,
baseCost: 8_500_000_000_000_000_000,
class: "mage",
combatPower: 2_700_000_000,
count: 0,
essencePerSecond: 220_000,
combatPower: 2_700_000_000,
count: 0,
unlocked: false,
goldPerSecond: 800_000_000,
id: "aether_weaver",
level: 22,
name: "Aether Weaver",
unlocked: false,
},
{
id: "titan_warrior",
name: "Titan Warrior",
class: "warrior",
level: 23,
baseCost: 60_000_000_000_000_000_000,
goldPerSecond: 2_500_000_000,
baseCost: 60_000_000_000_000_000_000,
class: "warrior",
combatPower: 8_000_000_000,
count: 0,
essencePerSecond: 600_000,
combatPower: 8_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 2_500_000_000,
id: "titan_warrior",
level: 23,
name: "Titan Warrior",
unlocked: false,
},
{
id: "nexus_sage",
name: "Nexus Sage",
class: "mage",
level: 24,
baseCost: 420_000_000_000_000_000_000,
goldPerSecond: 7_500_000_000,
baseCost: 420_000_000_000_000_000_000,
class: "mage",
combatPower: 24_000_000_000,
count: 0,
essencePerSecond: 1_600_000,
combatPower: 24_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 7_500_000_000,
id: "nexus_sage",
level: 24,
name: "Nexus Sage",
unlocked: false,
},
{
id: "cosmos_knight",
name: "Cosmos Knight",
class: "paladin",
level: 25,
baseCost: 3_000_000_000_000_000_000_000,
goldPerSecond: 22_000_000_000,
baseCost: 3_000_000_000_000_000_000_000,
class: "paladin",
combatPower: 72_000_000_000,
count: 0,
essencePerSecond: 4_500_000,
combatPower: 72_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 22_000_000_000,
id: "cosmos_knight",
level: 25,
name: "Cosmos Knight",
unlocked: false,
},
{
id: "astral_sovereign",
name: "Astral Sovereign",
class: "warrior",
level: 26,
baseCost: 21_000_000_000_000_000_000_000,
goldPerSecond: 65_000_000_000,
baseCost: 21_000_000_000_000_000_000_000,
class: "warrior",
combatPower: 200_000_000_000,
count: 0,
essencePerSecond: 12_000_000,
combatPower: 200_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 65_000_000_000,
id: "astral_sovereign",
level: 26,
name: "Astral Sovereign",
unlocked: false,
},
{
id: "primordial_mage",
name: "Primordial Mage",
class: "mage",
level: 27,
baseCost: 150_000_000_000_000_000_000_000,
goldPerSecond: 200_000_000_000,
baseCost: 150_000_000_000_000_000_000_000,
class: "mage",
combatPower: 600_000_000_000,
count: 0,
essencePerSecond: 35_000_000,
combatPower: 600_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 200_000_000_000,
id: "primordial_mage",
level: 27,
name: "Primordial Mage",
unlocked: false,
},
{
id: "reality_warden",
name: "Reality Warden",
class: "paladin",
level: 28,
baseCost: 1_000_000_000_000_000_000_000_000,
goldPerSecond: 600_000_000_000,
baseCost: 1_000_000_000_000_000_000_000_000,
class: "paladin",
combatPower: 1_800_000_000_000,
count: 0,
essencePerSecond: 100_000_000,
combatPower: 1_800_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 600_000_000_000,
id: "reality_warden",
level: 28,
name: "Reality Warden",
unlocked: false,
},
{
id: "infinity_ranger",
name: "Infinity Ranger",
class: "ranger",
level: 29,
baseCost: 7_000_000_000_000_000_000_000_000,
goldPerSecond: 1_800_000_000_000,
baseCost: 7_000_000_000_000_000_000_000_000,
class: "ranger",
combatPower: 5_500_000_000_000,
count: 0,
essencePerSecond: 300_000_000,
combatPower: 5_500_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 1_800_000_000_000,
id: "infinity_ranger",
level: 29,
name: "Infinity Ranger",
unlocked: false,
},
{
id: "oblivion_paladin",
name: "Oblivion Paladin",
class: "paladin",
level: 30,
baseCost: 50_000_000_000_000_000_000_000_000,
goldPerSecond: 5_500_000_000_000,
baseCost: 50_000_000_000_000_000_000_000_000,
class: "paladin",
combatPower: 16_000_000_000_000,
count: 0,
essencePerSecond: 850_000_000,
combatPower: 16_000_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 5_500_000_000_000,
id: "oblivion_paladin",
level: 30,
name: "Oblivion Paladin",
unlocked: false,
},
{
id: "transcendent_rogue",
name: "Transcendent Rogue",
class: "rogue",
level: 31,
baseCost: 350_000_000_000_000_000_000_000_000,
goldPerSecond: 16_000_000_000_000,
baseCost: 350_000_000_000_000_000_000_000_000,
class: "rogue",
combatPower: 50_000_000_000_000,
count: 0,
essencePerSecond: 2_500_000_000,
combatPower: 50_000_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 16_000_000_000_000,
id: "transcendent_rogue",
level: 31,
name: "Transcendent Rogue",
unlocked: false,
},
{
id: "omniversal_champion",
name: "Omniversal Champion",
class: "warrior",
level: 32,
baseCost: 2_500_000_000_000_000_000_000_000_000,
goldPerSecond: 50_000_000_000_000,
baseCost: 2_500_000_000_000_000_000_000_000_000,
class: "warrior",
combatPower: 150_000_000_000_000,
count: 0,
essencePerSecond: 7_000_000_000,
combatPower: 150_000_000_000_000,
count: 0,
unlocked: false,
goldPerSecond: 50_000_000_000_000,
id: "omniversal_champion",
level: 32,
name: "Omniversal Champion",
unlocked: false,
},
];
apps/api/src/data/bosses.ts
+945 -937
View File
File diff suppressed because it is too large Load Diff
apps/api/src/data/dailyChallenges.ts
+60 -14
View File
@@ -1,25 +1,71 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import type { DailyChallengeType } from "@elysium/types";
interface DailyChallengeTemplate {
type: DailyChallengeType;
label: string;
target: number;
type: DailyChallengeType;
label: string;
target: number;
rewardCrystals: number;
}
export const DAILY_CHALLENGE_TEMPLATES: DailyChallengeTemplate[] = [
export const dailyChallengeTemplates: Array<DailyChallengeTemplate> = [
// Clicks — always requires active play
{ type: "clicks", label: "Click 500 times", target: 500, rewardCrystals: 50 },
{ type: "clicks", label: "Click 1,000 times", target: 1_000, rewardCrystals: 100 },
{ type: "clicks", label: "Click 5,000 times", target: 5_000, rewardCrystals: 300 },
{ label: "Click 500 times", rewardCrystals: 50, target: 500, type: "clicks" },
{
label: "Click 1,000 times",
rewardCrystals: 100,
target: 1000,
type: "clicks",
},
{
label: "Click 5,000 times",
rewardCrystals: 300,
target: 5000,
type: "clicks",
},
// Boss defeats — requires active combat
{ type: "bossesDefeated", label: "Defeat 1 boss", target: 1, rewardCrystals: 75 },
{ type: "bossesDefeated", label: "Defeat 3 bosses", target: 3, rewardCrystals: 200 },
{ type: "bossesDefeated", label: "Defeat 5 bosses", target: 5, rewardCrystals: 400 },
{
label: "Defeat 1 boss",
rewardCrystals: 75,
target: 1,
type: "bossesDefeated",
},
{
label: "Defeat 3 bosses",
rewardCrystals: 200,
target: 3,
type: "bossesDefeated",
},
{
label: "Defeat 5 bosses",
rewardCrystals: 400,
target: 5,
type: "bossesDefeated",
},
// Quest completions — requires starting quests
{ type: "questsCompleted", label: "Complete 3 quests", target: 3, rewardCrystals: 100 },
{ type: "questsCompleted", label: "Complete 5 quests", target: 5, rewardCrystals: 200 },
{ type: "questsCompleted", label: "Complete 10 quests", target: 10, rewardCrystals: 400 },
{
label: "Complete 3 quests",
rewardCrystals: 100,
target: 3,
type: "questsCompleted",
},
{
label: "Complete 5 quests",
rewardCrystals: 200,
target: 5,
type: "questsCompleted",
},
{
label: "Complete 10 quests",
rewardCrystals: 400,
target: 10,
type: "questsCompleted",
},
// Prestige — the big one
{ type: "prestige", label: "Prestige once", target: 1, rewardCrystals: 750 },
{ label: "Prestige once", rewardCrystals: 750, target: 1, type: "prestige" },
];
apps/api/src/data/equipment.ts
+533 -465
View File
File diff suppressed because it is too large Load Diff
apps/api/src/data/equipmentSets.ts
+54 -37
View File
@@ -1,94 +1,111 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable stylistic/max-len -- Data content */
/* eslint-disable @typescript-eslint/naming-convention -- Numeric keys required by EquipmentSet type */
import type { EquipmentSet } from "@elysium/types";
export const DEFAULT_EQUIPMENT_SETS: EquipmentSet[] = [
export const defaultEquipmentSets: Array<EquipmentSet> = [
{
id: "iron_vanguard",
name: "Iron Vanguard",
description: "The armaments of a seasoned guild soldier — proven steel, reliable gold.",
pieces: ["iron_sword", "chainmail", "mages_focus"],
bonuses: {
2: { goldMultiplier: 1.1 },
3: { combatMultiplier: 1.1 },
},
description:
"The armaments of a seasoned guild soldier — proven steel, reliable gold.",
id: "iron_vanguard",
name: "Iron Vanguard",
pieces: [ "iron_sword", "chainmail", "mages_focus" ],
},
{
id: "shadow_infiltrator",
name: "Shadow Infiltrator",
description: "Gear forged from the Shadow Marshes themselves — unseen, unstoppable.",
pieces: ["shadow_dagger", "void_shroud", "void_compass"],
bonuses: {
2: { goldMultiplier: 1.15 },
3: { clickMultiplier: 1.2 },
},
description:
"Gear forged from the Shadow Marshes themselves — unseen, unstoppable.",
id: "shadow_infiltrator",
name: "Shadow Infiltrator",
pieces: [ "shadow_dagger", "void_shroud", "void_compass" ],
},
{
id: "volcanic_forger",
name: "Volcanic Forger",
description: "Weapons and armour tempered in the depths of the Volcanic Reaches.",
pieces: ["flame_lance", "volcanic_plate", "crystal_shard"],
bonuses: {
2: { combatMultiplier: 1.15 },
3: { goldMultiplier: 1.15 },
},
description:
"Weapons and armour tempered in the depths of the Volcanic Reaches.",
id: "volcanic_forger",
name: "Volcanic Forger",
pieces: [ "flame_lance", "volcanic_plate", "crystal_shard" ],
},
{
id: "celestial_guardian",
name: "Celestial Guardian",
description: "Relics of the Celestial Reaches — divine power made manifest.",
pieces: ["seraph_wing", "celestial_armour", "angels_halo"],
bonuses: {
2: { combatMultiplier: 1.2 },
3: { goldMultiplier: 1.2 },
},
description:
"Relics of the Celestial Reaches — divine power made manifest.",
id: "celestial_guardian",
name: "Celestial Guardian",
pieces: [ "seraph_wing", "celestial_armour", "angels_halo" ],
},
{
id: "abyssal_predator",
name: "Abyssal Predator",
description: "Trophies reclaimed from the deepest trenches of the Abyssal Reaches.",
pieces: ["depth_blade", "pressure_plate", "leviathan_eye"],
bonuses: {
2: { goldMultiplier: 1.2 },
3: { clickMultiplier: 1.25 },
},
description:
"Trophies reclaimed from the deepest trenches of the Abyssal Reaches.",
id: "abyssal_predator",
name: "Abyssal Predator",
pieces: [ "depth_blade", "pressure_plate", "leviathan_eye" ],
},
{
id: "infernal_conqueror",
name: "Infernal Conqueror",
description: "Forged in the heart of the Infernal Court from the essence of the defeated.",
pieces: ["hellfire_edge", "demon_hide", "soul_gem"],
bonuses: {
2: { combatMultiplier: 1.25 },
3: { goldMultiplier: 1.25 },
},
description:
"Forged in the heart of the Infernal Court from the essence of the defeated.",
id: "infernal_conqueror",
name: "Infernal Conqueror",
pieces: [ "hellfire_edge", "demon_hide", "soul_gem" ],
},
{
id: "crystal_domain",
name: "Crystal Domain",
description: "Instruments of the Crystalline Spire — reality refracted into absolute efficiency.",
pieces: ["prism_blade", "faceted_armour", "prism_eye"],
bonuses: {
2: { clickMultiplier: 1.25 },
3: { goldMultiplier: 1.25 },
},
description:
"Instruments of the Crystalline Spire — reality refracted into absolute efficiency.",
id: "crystal_domain",
name: "Crystal Domain",
pieces: [ "prism_blade", "faceted_armour", "prism_eye" ],
},
{
id: "void_emperor",
name: "Void Emperor",
description: "The regalia of the Void Sanctum's lord — power carved from absolute nothingness.",
pieces: ["void_annihilator", "eternal_shroud", "void_heart_gem"],
bonuses: {
2: { goldMultiplier: 1.3 },
3: { combatMultiplier: 1.3 },
},
description:
"The regalia of the Void Sanctum's lord — power carved from absolute nothingness.",
id: "void_emperor",
name: "Void Emperor",
pieces: [ "void_annihilator", "eternal_shroud", "void_heart_gem" ],
},
{
id: "eternal_throne",
name: "Eternal Throne",
description: "The armaments of the Eternal Throne — weapons and armour that have endured all of time.",
pieces: ["throne_blade", "eternal_armour", "eternity_stone"],
bonuses: {
2: { combatMultiplier: 1.35, goldMultiplier: 1.25 },
3: { clickMultiplier: 1.35 },
},
description:
"The armaments of the Eternal Throne — weapons and armour that have endured all of time.",
id: "eternal_throne",
name: "Eternal Throne",
pieces: [ "throne_blade", "eternal_armour", "eternity_stone" ],
},
];
apps/api/src/data/explorations.ts
+2951 -919
View File
File diff suppressed because it is too large Load Diff
apps/api/src/data/initialState.ts
+93 -62
View File
@@ -1,75 +1,106 @@
import type { ApotheosisData, ExplorationState, GameState, Player, PrestigeData, TranscendenceData } from "@elysium/types";
import { DEFAULT_ACHIEVEMENTS } from "./achievements.js";
import { CURRENT_SCHEMA_VERSION } from "./schemaVersion.js";
import { DEFAULT_ADVENTURERS } from "./adventurers.js";
import { DEFAULT_BOSSES } from "./bosses.js";
import { DEFAULT_EQUIPMENT } from "./equipment.js";
import { DEFAULT_EXPLORATIONS } from "./explorations.js";
import { DEFAULT_QUESTS } from "./quests.js";
import { DEFAULT_UPGRADES } from "./upgrades.js";
import { DEFAULT_ZONES } from "./zones.js";
/**
* @file Initial game state data.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { defaultAchievements } from "./achievements.js";
import { defaultAdventurers } from "./adventurers.js";
import { defaultBosses } from "./bosses.js";
import { defaultEquipment } from "./equipment.js";
import { defaultExplorations } from "./explorations.js";
import { defaultQuests } from "./quests.js";
import { currentSchemaVersion } from "./schemaVersion.js";
import { defaultUpgrades } from "./upgrades.js";
import { defaultZones } from "./zones.js";
import type {
ApotheosisData,
ExplorationState,
GameState,
Player,
PrestigeData,
TranscendenceData,
} from "@elysium/types";
export const INITIAL_PRESTIGE: PrestigeData = {
count: 0,
runestones: 0,
const initialPrestige: PrestigeData = {
count: 0,
productionMultiplier: 1,
purchasedUpgradeIds: [],
purchasedUpgradeIds: [],
runestones: 0,
};
export const INITIAL_TRANSCENDENCE: TranscendenceData = {
count: 0,
echoes: 0,
purchasedUpgradeIds: [],
echoIncomeMultiplier: 1,
echoCombatMultiplier: 1,
echoPrestigeThresholdMultiplier: 1,
const initialTranscendence: TranscendenceData = {
count: 0,
echoCombatMultiplier: 1,
echoIncomeMultiplier: 1,
echoMetaMultiplier: 1,
echoPrestigeRunestoneMultiplier: 1,
echoMetaMultiplier: 1,
echoPrestigeThresholdMultiplier: 1,
echoes: 0,
purchasedUpgradeIds: [],
};
export const INITIAL_APOTHEOSIS: ApotheosisData = {
const initialApotheosis: ApotheosisData = {
count: 0,
};
export const INITIAL_EXPLORATION: ExplorationState = {
areas: DEFAULT_EXPLORATIONS.map((area) => ({
id: area.id,
status: area.zoneId === "verdant_vale" ? "available" as const : "locked" as const,
})),
materials: [],
craftedRecipeIds: [],
craftedGoldMultiplier: 1,
const initialExploration: ExplorationState = {
areas: defaultExplorations.map((area) => {
return {
id: area.id,
status:
area.zoneId === "verdant_vale"
? ("available" as const)
: ("locked" as const),
};
}),
craftedClickMultiplier: 1,
craftedCombatMultiplier: 1,
craftedEssenceMultiplier: 1,
craftedClickMultiplier: 1,
craftedCombatMultiplier: 1,
craftedGoldMultiplier: 1,
craftedRecipeIds: [],
materials: [],
};
export const INITIAL_GAME_STATE = (player: Player, characterName: string): GameState => ({
player: {
...player,
characterName,
totalGoldEarned: 0,
totalClicks: 0,
},
resources: {
gold: 0,
essence: 0,
crystals: 0,
runestones: 0,
},
adventurers: structuredClone(DEFAULT_ADVENTURERS),
upgrades: structuredClone(DEFAULT_UPGRADES),
quests: structuredClone(DEFAULT_QUESTS),
bosses: structuredClone(DEFAULT_BOSSES),
equipment: structuredClone(DEFAULT_EQUIPMENT),
achievements: structuredClone(DEFAULT_ACHIEVEMENTS),
prestige: INITIAL_PRESTIGE,
zones: structuredClone(DEFAULT_ZONES),
baseClickPower: 1,
lastTickAt: Date.now(),
transcendence: { ...INITIAL_TRANSCENDENCE },
apotheosis: { ...INITIAL_APOTHEOSIS },
exploration: structuredClone(INITIAL_EXPLORATION),
companions: { unlockedCompanionIds: [], activeCompanionId: null },
schemaVersion: CURRENT_SCHEMA_VERSION,
});
/**
* Builds an initial game state for a new player.
* @param player - The player data from Discord OAuth.
* @param characterName - The character name chosen by the player.
* @returns A fresh GameState object.
*/
const initialGameState = (
player: Player,
characterName: string,
): GameState => {
return {
achievements: structuredClone(defaultAchievements),
adventurers: structuredClone(defaultAdventurers),
apotheosis: { ...initialApotheosis },
baseClickPower: 1,
bosses: structuredClone(defaultBosses),
companions: { activeCompanionId: null, unlockedCompanionIds: [] },
equipment: structuredClone(defaultEquipment),
exploration: structuredClone(initialExploration),
lastTickAt: Date.now(),
player: {
...player,
characterName: characterName,
totalClicks: 0,
totalGoldEarned: 0,
},
prestige: initialPrestige,
quests: structuredClone(defaultQuests),
resources: {
crystals: 0,
essence: 0,
gold: 0,
runestones: 0,
},
schemaVersion: currentSchemaVersion,
transcendence: { ...initialTranscendence },
upgrades: structuredClone(defaultUpgrades),
zones: structuredClone(defaultZones),
};
};
export { initialExploration, initialGameState };
apps/api/src/data/loginBonus.ts
+13 -7
View File
@@ -1,6 +1,12 @@
/**
* @file Login bonus reward data.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
export interface DayReward {
day: number;
goldBase: number;
day: number;
goldBase: number;
crystals?: number;
}
@@ -8,12 +14,12 @@ export interface DayReward {
* Rewards for days 1–7 of a login streak. The cycle repeats every 7 days
* with a multiplier equal to the week number (week 1 = ×1, week 2 = ×2, etc.).
*/
export const DAILY_REWARDS: DayReward[] = [
export const dailyRewards: Array<DayReward> = [
{ day: 1, goldBase: 500 },
{ day: 2, goldBase: 1_000 },
{ day: 3, goldBase: 2_500 },
{ day: 4, goldBase: 5_000 },
{ day: 2, goldBase: 1000 },
{ day: 3, goldBase: 2500 },
{ day: 4, goldBase: 5000 },
{ day: 5, goldBase: 10_000 },
{ day: 6, goldBase: 25_000 },
{ day: 7, goldBase: 50_000, crystals: 5 },
{ crystals: 5, day: 7, goldBase: 50_000 },
];
apps/api/src/data/materials.ts
+441 -55
View File
@@ -1,93 +1,479 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines -- Data file */
/* eslint-disable stylistic/max-len -- Data content */
import type { Material } from "@elysium/types";
export const DEFAULT_MATERIALS: Material[] = [
export const defaultMaterials: Array<Material> = [
// Zone 1: verdant_vale
{ id: "verdant_sap", name: "Verdant Sap", description: "Sticky resin tapped from ancient heartwood trees. Smells faintly of spring rain and something older beneath.", zoneId: "verdant_vale", rarity: "common" },
{ id: "forest_crystal", name: "Forest Crystal", description: "A translucent gem found buried near the roots of old-growth trees. Pulses with gentle life energy when held.", zoneId: "verdant_vale", rarity: "uncommon" },
{ id: "elder_bark", name: "Elder Bark", description: "Bark from a tree that has stood since before the kingdom. Harder than iron and warmer to the touch than it has any right to be.", zoneId: "verdant_vale", rarity: "rare" },
{
description:
"Sticky resin tapped from ancient heartwood trees. Smells faintly of spring rain and something older beneath.",
id: "verdant_sap",
name: "Verdant Sap",
rarity: "common",
zoneId: "verdant_vale",
},
{
description:
"A translucent gem found buried near the roots of old-growth trees. Pulses with gentle life energy when held.",
id: "forest_crystal",
name: "Forest Crystal",
rarity: "uncommon",
zoneId: "verdant_vale",
},
{
description:
"Bark from a tree that has stood since before the kingdom. Harder than iron and warmer to the touch than it has any right to be.",
id: "elder_bark",
name: "Elder Bark",
rarity: "rare",
zoneId: "verdant_vale",
},
// Zone 2: shattered_ruins
{ id: "ruin_dust", name: "Ruin Dust", description: "Fine powder ground from fallen masonry. Still carries traces of the civilisation it once was — if you know how to read the patterns.", zoneId: "shattered_ruins", rarity: "common" },
{ id: "cursed_fragment", name: "Cursed Fragment", description: "A shard of enchanted stonework. The enchantment is broken, but something lingers in the grain of the stone, waiting.", zoneId: "shattered_ruins", rarity: "uncommon" },
{ id: "dragonscale_chip", name: "Dragonscale Chip", description: "A fragment of scale shed during the elder dragon's long reign over the ruins. Resistant to fire and magic alike.", zoneId: "shattered_ruins", rarity: "rare" },
{
description:
"Fine powder ground from fallen masonry. Still carries traces of the civilisation it once was — if you know how to read the patterns.",
id: "ruin_dust",
name: "Ruin Dust",
rarity: "common",
zoneId: "shattered_ruins",
},
{
description:
"A shard of enchanted stonework. The enchantment is broken, but something lingers in the grain of the stone, waiting.",
id: "cursed_fragment",
name: "Cursed Fragment",
rarity: "uncommon",
zoneId: "shattered_ruins",
},
{
description:
"A fragment of scale shed during the elder dragon's long reign over the ruins. Resistant to fire and magic alike.",
id: "dragonscale_chip",
name: "Dragonscale Chip",
rarity: "rare",
zoneId: "shattered_ruins",
},
// Zone 3: frozen_peaks
{ id: "glacial_ice", name: "Glacial Ice", description: "Ice from a glacier that has not moved in ten thousand years. Impossibly cold and perfectly clear, with something almost visible within.", zoneId: "frozen_peaks", rarity: "common" },
{ id: "frost_crystal", name: "Frost Crystal", description: "A crystal that formed inside the glacier itself over millennia. It never melts, not even near fire.", zoneId: "frozen_peaks", rarity: "uncommon" },
{ id: "void_shard", name: "Void Shard", description: "A fragment of the reality tear. It hums with wrongness that the fingers instinctively recognise before the mind does.", zoneId: "frozen_peaks", rarity: "rare" },
{
description:
"Ice from a glacier that has not moved in ten thousand years. Impossibly cold and perfectly clear, with something almost visible within.",
id: "glacial_ice",
name: "Glacial Ice",
rarity: "common",
zoneId: "frozen_peaks",
},
{
description:
"A crystal that formed inside the glacier itself over millennia. It never melts, not even near fire.",
id: "frost_crystal",
name: "Frost Crystal",
rarity: "uncommon",
zoneId: "frozen_peaks",
},
{
description:
"A fragment of the reality tear. It hums with wrongness that the fingers instinctively recognise before the mind does.",
id: "void_shard",
name: "Void Shard",
rarity: "rare",
zoneId: "frozen_peaks",
},
// Zone 4: shadow_marshes
{ id: "marsh_root", name: "Marsh Root", description: "Roots from the strangler plants that thrive in the fog-choked depths. Toxic without extensive preparation. Worth it, usually.", zoneId: "shadow_marshes", rarity: "common" },
{ id: "shadow_essence", name: "Shadow Essence", description: "Distilled darkness, caught in a vial before it could dissipate. Heavy and cold, and absolutely lightless.", zoneId: "shadow_marshes", rarity: "uncommon" },
{ id: "cursed_bone", name: "Cursed Bone", description: "Bone from something that died in the marsh so long ago it has become part of it. The curse runs deep through the marrow.", zoneId: "shadow_marshes", rarity: "rare" },
{
description:
"Roots from the strangler plants that thrive in the fog-choked depths. Toxic without extensive preparation. Worth it, usually.",
id: "marsh_root",
name: "Marsh Root",
rarity: "common",
zoneId: "shadow_marshes",
},
{
description:
"Distilled darkness, caught in a vial before it could dissipate. Heavy and cold, and absolutely lightless.",
id: "shadow_essence",
name: "Shadow Essence",
rarity: "uncommon",
zoneId: "shadow_marshes",
},
{
description:
"Bone from something that died in the marsh so long ago it has become part of it. The curse runs deep through the marrow.",
id: "cursed_bone",
name: "Cursed Bone",
rarity: "rare",
zoneId: "shadow_marshes",
},
// Zone 5: volcanic_depths
{ id: "magma_stone", name: "Magma Stone", description: "Cooled lava that retained its internal heat. Warm to the touch even centuries after solidifying from whatever it once was.", zoneId: "volcanic_depths", rarity: "common" },
{ id: "ember_crystal", name: "Ember Crystal", description: "A crystal grown in the heart of a cooling magma chamber. Burns without being consumed, endlessly.", zoneId: "volcanic_depths", rarity: "uncommon" },
{ id: "legendary_ore", name: "Legendary Ore", description: "Ore from a seam that the fire elementals guard jealously. What it forges into is extraordinary by any measure.", zoneId: "volcanic_depths", rarity: "rare" },
{
description:
"Cooled lava that retained its internal heat. Warm to the touch even centuries after solidifying from whatever it once was.",
id: "magma_stone",
name: "Magma Stone",
rarity: "common",
zoneId: "volcanic_depths",
},
{
description:
"A crystal grown in the heart of a cooling magma chamber. Burns without being consumed, endlessly.",
id: "ember_crystal",
name: "Ember Crystal",
rarity: "uncommon",
zoneId: "volcanic_depths",
},
{
description:
"Ore from a seam that the fire elementals guard jealously. What it forges into is extraordinary by any measure.",
id: "legendary_ore",
name: "Legendary Ore",
rarity: "rare",
zoneId: "volcanic_depths",
},
// Zone 6: astral_void
{ id: "stardust", name: "Stardust", description: "Particulate matter from dying stars, collected from the void between worlds. Glitters even in total darkness.", zoneId: "astral_void", rarity: "common" },
{ id: "astral_thread", name: "Astral Thread", description: "Filaments of solidified probability. Handle with care — they remember every possible future they passed through.", zoneId: "astral_void", rarity: "uncommon" },
{ id: "void_crystal", name: "Void Crystal", description: "A crystal that formed in the spaces between spaces. Technically exists in several places simultaneously. Don't think too hard about it.", zoneId: "astral_void", rarity: "rare" },
{
description:
"Particulate matter from dying stars, collected from the void between worlds. Glitters even in total darkness.",
id: "stardust",
name: "Stardust",
rarity: "common",
zoneId: "astral_void",
},
{
description:
"Filaments of solidified probability. Handle with care — they remember every possible future they passed through.",
id: "astral_thread",
name: "Astral Thread",
rarity: "uncommon",
zoneId: "astral_void",
},
{
description:
"A crystal that formed in the spaces between spaces. Technically exists in several places simultaneously. Don't think too hard about it.",
id: "void_crystal",
name: "Void Crystal",
rarity: "rare",
zoneId: "astral_void",
},
// Zone 7: celestial_reaches
{ id: "celestial_dust", name: "Celestial Dust", description: "Residue from the celestial host's passing. Warm as sunlight and infinitely patient, as if waiting for something to happen.", zoneId: "celestial_reaches", rarity: "common" },
{ id: "divine_fragment", name: "Divine Fragment", description: "A chip of something the celestials discarded as imperfect. By mortal standards, it is extraordinary beyond measure.", zoneId: "celestial_reaches", rarity: "uncommon" },
{ id: "choir_shard", name: "Choir Shard", description: "A crystallised harmonic from the celestial choir. Resonates with a sound felt in the chest rather than heard with the ears.", zoneId: "celestial_reaches", rarity: "rare" },
{
description:
"Residue from the celestial host's passing. Warm as sunlight and infinitely patient, as if waiting for something to happen.",
id: "celestial_dust",
name: "Celestial Dust",
rarity: "common",
zoneId: "celestial_reaches",
},
{
description:
"A chip of something the celestials discarded as imperfect. By mortal standards, it is extraordinary beyond measure.",
id: "divine_fragment",
name: "Divine Fragment",
rarity: "uncommon",
zoneId: "celestial_reaches",
},
{
description:
"A crystallised harmonic from the celestial choir. Resonates with a sound felt in the chest rather than heard with the ears.",
id: "choir_shard",
name: "Choir Shard",
rarity: "rare",
zoneId: "celestial_reaches",
},
// Zone 8: abyssal_trench
{ id: "trench_coral", name: "Trench Coral", description: "Coral from the deepest trenches where no light reaches and no warmth remains. Black as the water around it.", zoneId: "abyssal_trench", rarity: "common" },
{ id: "pressure_gem", name: "Pressure Gem", description: "A gem compressed by aeons of unimaginable pressure at the bottom of all things. Impossibly dense for its size.", zoneId: "abyssal_trench", rarity: "uncommon" },
{ id: "ancient_tooth", name: "Ancient Tooth", description: "A tooth from whatever has been waiting in the trench since before your world was made. It is very large.", zoneId: "abyssal_trench", rarity: "rare" },
{
description:
"Coral from the deepest trenches where no light reaches and no warmth remains. Black as the water around it.",
id: "trench_coral",
name: "Trench Coral",
rarity: "common",
zoneId: "abyssal_trench",
},
{
description:
"A gem compressed by aeons of unimaginable pressure at the bottom of all things. Impossibly dense for its size.",
id: "pressure_gem",
name: "Pressure Gem",
rarity: "uncommon",
zoneId: "abyssal_trench",
},
{
description:
"A tooth from whatever has been waiting in the trench since before your world was made. It is very large.",
id: "ancient_tooth",
name: "Ancient Tooth",
rarity: "rare",
zoneId: "abyssal_trench",
},
// Zone 9: infernal_court
{ id: "brimstone_flake", name: "Brimstone Flake", description: "Sulphur residue from the court's perpetual fires. The smell never fully fades, no matter how carefully it is stored.", zoneId: "infernal_court", rarity: "common" },
{ id: "demon_ichor", name: "Demon Ichor", description: "Extracted from the court's refuse. Corrosive, powerful, and deeply unpleasant in every measurable way.", zoneId: "infernal_court", rarity: "uncommon" },
{ id: "soul_residue", name: "Soul Residue", description: "What remains after a soul has been fully processed by the court. Carries faint echoes of what it was before.", zoneId: "infernal_court", rarity: "rare" },
{
description:
"Sulphur residue from the court's perpetual fires. The smell never fully fades, no matter how carefully it is stored.",
id: "brimstone_flake",
name: "Brimstone Flake",
rarity: "common",
zoneId: "infernal_court",
},
{
description:
"Extracted from the court's refuse. Corrosive, powerful, and deeply unpleasant in every measurable way.",
id: "demon_ichor",
name: "Demon Ichor",
rarity: "uncommon",
zoneId: "infernal_court",
},
{
description:
"What remains after a soul has been fully processed by the court. Carries faint echoes of what it was before.",
id: "soul_residue",
name: "Soul Residue",
rarity: "rare",
zoneId: "infernal_court",
},
// Zone 10: crystalline_spire
{ id: "prism_dust", name: "Prism Dust", description: "Ground from the spire's outer facets. Each particle contains a compressed possibility that has not yet resolved.", zoneId: "crystalline_spire", rarity: "common" },
{ id: "calculation_shard", name: "Calculation Shard", description: "A fragment of the spire's core intelligence. Still running calculations on something that may or may not have an answer.", zoneId: "crystalline_spire", rarity: "uncommon" },
{ id: "possibility_crystal", name: "Possibility Crystal", description: "A crystal that contains a future that never happened. Treat carefully. The future remembers being possible.", zoneId: "crystalline_spire", rarity: "rare" },
{
description:
"Ground from the spire's outer facets. Each particle contains a compressed possibility that has not yet resolved.",
id: "prism_dust",
name: "Prism Dust",
rarity: "common",
zoneId: "crystalline_spire",
},
{
description:
"A fragment of the spire's core intelligence. Still running calculations on something that may or may not have an answer.",
id: "calculation_shard",
name: "Calculation Shard",
rarity: "uncommon",
zoneId: "crystalline_spire",
},
{
description:
"A crystal that contains a future that never happened. Treat carefully. The future remembers being possible.",
id: "possibility_crystal",
name: "Possibility Crystal",
rarity: "rare",
zoneId: "crystalline_spire",
},
// Zone 11: void_sanctum
{ id: "null_matter", name: "Null Matter", description: "Matter that exists in the space between spaces. Lacks most standard properties in ways that should not be possible.", zoneId: "void_sanctum", rarity: "common" },
{ id: "resonance_fragment", name: "Resonance Fragment", description: "A shard of the call that drew your guild here. Still resonant, still reaching toward something none of you can name.", zoneId: "void_sanctum", rarity: "uncommon" },
{ id: "sanctum_core", name: "Sanctum Core", description: "From the heart of the sanctum itself. What it does is undefined. What it is cannot be satisfactorily described.", zoneId: "void_sanctum", rarity: "rare" },
{
description:
"Matter that exists in the space between spaces. Lacks most standard properties in ways that should not be possible.",
id: "null_matter",
name: "Null Matter",
rarity: "common",
zoneId: "void_sanctum",
},
{
description:
"A shard of the call that drew your guild here. Still resonant, still reaching toward something none of you can name.",
id: "resonance_fragment",
name: "Resonance Fragment",
rarity: "uncommon",
zoneId: "void_sanctum",
},
{
description:
"From the heart of the sanctum itself. What it does is undefined. What it is cannot be satisfactorily described.",
id: "sanctum_core",
name: "Sanctum Core",
rarity: "rare",
zoneId: "void_sanctum",
},
// Zone 12: eternal_throne
{ id: "throne_dust", name: "Throne Dust", description: "Residue from the base of the eternal throne. Old beyond any measurement that applies to things your guild understands.", zoneId: "eternal_throne", rarity: "common" },
{ id: "crown_fragment", name: "Crown Fragment", description: "A chip from one of the throne's crown-like spires. Authority made into something your hands can hold.", zoneId: "eternal_throne", rarity: "uncommon" },
{ id: "eternity_splinter", name: "Eternity Splinter", description: "From the throne's arm. Carries the weight of every decision ever made here, compressed into splinter-form.", zoneId: "eternal_throne", rarity: "rare" },
{
description:
"Residue from the base of the eternal throne. Old beyond any measurement that applies to things your guild understands.",
id: "throne_dust",
name: "Throne Dust",
rarity: "common",
zoneId: "eternal_throne",
},
{
description:
"A chip from one of the throne's crown-like spires. Authority made into something your hands can hold.",
id: "crown_fragment",
name: "Crown Fragment",
rarity: "uncommon",
zoneId: "eternal_throne",
},
{
description:
"From the throne's arm. Carries the weight of every decision ever made here, compressed into splinter-form.",
id: "eternity_splinter",
name: "Eternity Splinter",
rarity: "rare",
zoneId: "eternal_throne",
},
// Zone 13: primordial_chaos
{ id: "chaos_fragment", name: "Chaos Fragment", description: "A solidified moment of chaos. Still undecided about its own properties, which change depending on how you look at it.", zoneId: "primordial_chaos", rarity: "common" },
{ id: "creation_shard", name: "Creation Shard", description: "A fragment from when something was being made here. What was being made is unclear. Something important, probably.", zoneId: "primordial_chaos", rarity: "uncommon" },
{ id: "primordial_essence", name: "Primordial Essence", description: "The raw stuff of creation, before it became anything specific. Handle with care. It wants to become things.", zoneId: "primordial_chaos", rarity: "rare" },
{
description:
"A solidified moment of chaos. Still undecided about its own properties, which change depending on how you look at it.",
id: "chaos_fragment",
name: "Chaos Fragment",
rarity: "common",
zoneId: "primordial_chaos",
},
{
description:
"A fragment from when something was being made here. What was being made is unclear. Something important, probably.",
id: "creation_shard",
name: "Creation Shard",
rarity: "uncommon",
zoneId: "primordial_chaos",
},
{
description:
"The raw stuff of creation, before it became anything specific. Handle with care. It wants to become things.",
id: "primordial_essence",
name: "Primordial Essence",
rarity: "rare",
zoneId: "primordial_chaos",
},
// Zone 14: infinite_expanse
{ id: "expanse_dust", name: "Expanse Dust", description: "Gathered from somewhere in the expanse. Direction is uncertain. Distance from the collection point is uncertain.", zoneId: "infinite_expanse", rarity: "common" },
{ id: "distance_crystal", name: "Distance Crystal", description: "A crystal that contains compressed distance. It weighs more than its size suggests. Much more. Do not drop it.", zoneId: "infinite_expanse", rarity: "uncommon" },
{ id: "infinity_shard", name: "Infinity Shard", description: "A fragment of the expanse's edge, which the expanse does not technically have. This should not exist. It does anyway.", zoneId: "infinite_expanse", rarity: "rare" },
{
description:
"Gathered from somewhere in the expanse. Direction is uncertain. Distance from the collection point is uncertain.",
id: "expanse_dust",
name: "Expanse Dust",
rarity: "common",
zoneId: "infinite_expanse",
},
{
description:
"A crystal that contains compressed distance. It weighs more than its size suggests. Much more. Do not drop it.",
id: "distance_crystal",
name: "Distance Crystal",
rarity: "uncommon",
zoneId: "infinite_expanse",
},
{
description:
"A fragment of the expanse's edge, which the expanse does not technically have. This should not exist. It does anyway.",
id: "infinity_shard",
name: "Infinity Shard",
rarity: "rare",
zoneId: "infinite_expanse",
},
// Zone 15: reality_forge
{ id: "forge_ash", name: "Forge Ash", description: "Ash from the forge's fires. Contains fragments of unrealised realities that never quite made it to existence.", zoneId: "reality_forge", rarity: "common" },
{ id: "creation_tool", name: "Creation Tool", description: "A worn tool left by whatever worked here before your universe existed. Still functional in ways that are difficult to explain.", zoneId: "reality_forge", rarity: "uncommon" },
{ id: "reality_shard", name: "Reality Shard", description: "A flawed reality, discarded by the forge as below standard. Still contains everything a universe needs.", zoneId: "reality_forge", rarity: "rare" },
{
description:
"Ash from the forge's fires. Contains fragments of unrealised realities that never quite made it to existence.",
id: "forge_ash",
name: "Forge Ash",
rarity: "common",
zoneId: "reality_forge",
},
{
description:
"A worn tool left by whatever worked here before your universe existed. Still functional in ways that are difficult to explain.",
id: "creation_tool",
name: "Creation Tool",
rarity: "uncommon",
zoneId: "reality_forge",
},
{
description:
"A flawed reality, discarded by the forge as below standard. Still contains everything a universe needs.",
id: "reality_shard",
name: "Reality Shard",
rarity: "rare",
zoneId: "reality_forge",
},
// Zone 16: cosmic_maelstrom
{ id: "maelstrom_debris", name: "Maelstrom Debris", description: "Debris from a galaxy that got too close to the maelstrom. Compressed to a size your guild can actually carry.", zoneId: "cosmic_maelstrom", rarity: "common" },
{ id: "force_crystal", name: "Force Crystal", description: "A crystal that formed at the intersection of several fundamental forces that should never have been in the same place.", zoneId: "cosmic_maelstrom", rarity: "uncommon" },
{ id: "cosmic_fragment", name: "Cosmic Fragment", description: "A fragment from the maelstrom's eye. Impossibly calm. Whatever is at the centre has been there since the beginning.", zoneId: "cosmic_maelstrom", rarity: "rare" },
{
description:
"Debris from a galaxy that got too close to the maelstrom. Compressed to a size your guild can actually carry.",
id: "maelstrom_debris",
name: "Maelstrom Debris",
rarity: "common",
zoneId: "cosmic_maelstrom",
},
{
description:
"A crystal that formed at the intersection of several fundamental forces that should never have been in the same place.",
id: "force_crystal",
name: "Force Crystal",
rarity: "uncommon",
zoneId: "cosmic_maelstrom",
},
{
description:
"A fragment from the maelstrom's eye. Impossibly calm. Whatever is at the centre has been there since the beginning.",
id: "cosmic_fragment",
name: "Cosmic Fragment",
rarity: "rare",
zoneId: "cosmic_maelstrom",
},
// Zone 17: primeval_sanctum
{ id: "ancient_dust", name: "Ancient Dust", description: "Dust from the oldest place. Has been here since before the concept of 'here' had been invented.", zoneId: "primeval_sanctum", rarity: "common" },
{ id: "memory_shard", name: "Memory Shard", description: "A shard of something that remembers the moment before the first moment. The memory is in the material itself.", zoneId: "primeval_sanctum", rarity: "uncommon" },
{ id: "primeval_relic", name: "Primeval Relic", description: "An artefact from the first thing to exist in this place. What it did is unknown. That it mattered is beyond doubt.", zoneId: "primeval_sanctum", rarity: "rare" },
{
description:
"Dust from the oldest place. Has been here since before the concept of 'here' had been invented.",
id: "ancient_dust",
name: "Ancient Dust",
rarity: "common",
zoneId: "primeval_sanctum",
},
{
description:
"A shard of something that remembers the moment before the first moment. The memory is in the material itself.",
id: "memory_shard",
name: "Memory Shard",
rarity: "uncommon",
zoneId: "primeval_sanctum",
},
{
description:
"An artefact from the first thing to exist in this place. What it did is unknown. That it mattered is beyond doubt.",
id: "primeval_relic",
name: "Primeval Relic",
rarity: "rare",
zoneId: "primeval_sanctum",
},
// Zone 18: the_absolute
{ id: "absolute_fragment", name: "Absolute Fragment", description: "A fragment of the final truth. It is difficult to look at directly, and impossible to look away from once you start.", zoneId: "the_absolute", rarity: "common" },
{ id: "boundary_shard", name: "Boundary Shard", description: "From the edge of everything. On one side: everything. On the other: nothing. This is from the very boundary between them.", zoneId: "the_absolute", rarity: "uncommon" },
{ id: "omega_crystal", name: "Omega Crystal", description: "The last crystal. After this, there are no more. It knows this. You can tell from the way it sits in your hand.", zoneId: "the_absolute", rarity: "rare" },
{
description:
"A fragment of the final truth. It is difficult to look at directly, and impossible to look away from once you start.",
id: "absolute_fragment",
name: "Absolute Fragment",
rarity: "common",
zoneId: "the_absolute",
},
{
description:
"From the edge of everything. On one side: everything. On the other: nothing. This is from the very boundary between them.",
id: "boundary_shard",
name: "Boundary Shard",
rarity: "uncommon",
zoneId: "the_absolute",
},
{
description:
"The last crystal. After this, there are no more. It knows this. You can tell from the way it sits in your hand.",
id: "omega_crystal",
name: "Omega Crystal",
rarity: "rare",
zoneId: "the_absolute",
},
];
apps/api/src/data/prestigeUpgrades.ts
+132 -107
View File
@@ -1,216 +1,241 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable stylistic/max-len -- Data content */
import type { PrestigeUpgrade } from "@elysium/types";
export const DEFAULT_PRESTIGE_UPGRADES: PrestigeUpgrade[] = [
export const defaultPrestigeUpgrades: Array<PrestigeUpgrade> = [
// ── Global Income Tiers ───────────────────────────────────────────────────
{
id: "income_1",
name: "Runestone Blessing I",
description: "The first runestone awakens dormant power in your guild. All production ×1.25.",
category: "income",
description:
"The first runestone awakens dormant power in your guild. All production ×1.25.",
id: "income_1",
multiplier: 1.25,
name: "Runestone Blessing I",
runestonesCost: 10,
multiplier: 1.25,
},
{
id: "income_2",
name: "Runestone Blessing II",
description: "Deeper runestone resonance amplifies your workforce. All production ×1.5.",
category: "income",
description:
"Deeper runestone resonance amplifies your workforce. All production ×1.5.",
id: "income_2",
multiplier: 1.5,
name: "Runestone Blessing II",
runestonesCost: 25,
multiplier: 1.5,
},
{
id: "income_3",
name: "Runestone Blessing III",
description: "The runes sing with accumulated wisdom. All production ×2.",
category: "income",
category: "income",
description: "The runes sing with accumulated wisdom. All production ×2.",
id: "income_3",
multiplier: 2,
name: "Runestone Blessing III",
runestonesCost: 60,
multiplier: 2,
},
{
id: "income_4",
name: "Runic Surge I",
description: "Runestone energy surges through your guild's operations. All production ×3.",
category: "income",
description:
"Runestone energy surges through your guild's operations. All production ×3.",
id: "income_4",
multiplier: 3,
name: "Runic Surge I",
runestonesCost: 150,
multiplier: 3,
},
{
id: "income_5",
name: "Runic Surge II",
description: "The surge intensifies, pushing limits thought impossible. All production ×5.",
category: "income",
description:
"The surge intensifies, pushing limits thought impossible. All production ×5.",
id: "income_5",
multiplier: 5,
name: "Runic Surge II",
runestonesCost: 350,
multiplier: 5,
},
{
id: "income_6",
name: "Runic Surge III",
description: "An overwhelming tide of runic energy floods your operations. All production ×10.",
category: "income",
description:
"An overwhelming tide of runic energy floods your operations. All production ×10.",
id: "income_6",
multiplier: 10,
name: "Runic Surge III",
runestonesCost: 800,
multiplier: 10,
},
{
id: "income_7",
name: "Ancient Inscription I",
category: "income",
description:
"You decipher ancient runic inscriptions that unlock vast potential. All production ×25.",
category: "income",
runestonesCost: 2_000,
multiplier: 25,
id: "income_7",
multiplier: 25,
name: "Ancient Inscription I",
runestonesCost: 2000,
},
{
id: "income_8",
name: "Ancient Inscription II",
description: "Deeper inscriptions reveal secrets of primordial power. All production ×50.",
category: "income",
runestonesCost: 5_000,
multiplier: 50,
description:
"Deeper inscriptions reveal secrets of primordial power. All production ×50.",
id: "income_8",
multiplier: 50,
name: "Ancient Inscription II",
runestonesCost: 5000,
},
{
id: "income_9",
name: "Ancient Inscription III",
description: "The full inscription blazes with world-shaping power. All production ×100.",
category: "income",
description:
"The full inscription blazes with world-shaping power. All production ×100.",
id: "income_9",
multiplier: 100,
name: "Ancient Inscription III",
runestonesCost: 12_000,
multiplier: 100,
},
{
id: "income_10",
name: "Eternal Rune I",
category: "income",
description:
"The oldest runes, carved before memory began, yield their secrets at last. All production ×500.",
category: "income",
id: "income_10",
multiplier: 500,
name: "Eternal Rune I",
runestonesCost: 30_000,
multiplier: 500,
},
{
id: "income_11",
name: "Eternal Rune II",
category: "income",
description:
"Eternal runes resonate with the heartbeat of creation itself. All production ×1,000.",
category: "income",
id: "income_11",
multiplier: 1000,
name: "Eternal Rune II",
runestonesCost: 80_000,
multiplier: 1_000,
},
// ── Click Power ───────────────────────────────────────────────────────────
{
id: "click_power_1",
name: "Runic Strike I",
description: "Infuse your personal strikes with runestone energy. Click power ×2.",
category: "click",
description:
"Infuse your personal strikes with runestone energy. Click power ×2.",
id: "click_power_1",
multiplier: 2,
name: "Runic Strike I",
runestonesCost: 15,
multiplier: 2,
},
{
id: "click_power_2",
name: "Runic Strike II",
description: "Your strikes crackle with compounded runic force. Click power ×5.",
category: "click",
description:
"Your strikes crackle with compounded runic force. Click power ×5.",
id: "click_power_2",
multiplier: 5,
name: "Runic Strike II",
runestonesCost: 75,
multiplier: 5,
},
{
id: "click_power_3",
name: "Runic Strike III",
description: "Every click channels the weight of all your past lives. Click power ×20.",
category: "click",
description:
"Every click channels the weight of all your past lives. Click power ×20.",
id: "click_power_3",
multiplier: 20,
name: "Runic Strike III",
runestonesCost: 400,
multiplier: 20,
},
{
id: "click_power_4",
name: "World-Breaker Click",
description: "A single click now carries the force of a falling empire. Click power ×100.",
category: "click",
runestonesCost: 2_500,
multiplier: 100,
description:
"A single click now carries the force of a falling empire. Click power ×100.",
id: "click_power_4",
multiplier: 100,
name: "World-Breaker Click",
runestonesCost: 2500,
},
// ── Essence Production ────────────────────────────────────────────────────
{
id: "essence_1",
name: "Essence Attunement I",
description: "Runestone resonance amplifies your essence gathering. Essence production ×2.",
category: "essence",
description:
"Runestone resonance amplifies your essence gathering. Essence production ×2.",
id: "essence_1",
multiplier: 2,
name: "Essence Attunement I",
runestonesCost: 20,
multiplier: 2,
},
{
id: "essence_2",
name: "Essence Attunement II",
description: "Deep attunement draws essence from previously invisible sources. Essence production ×5.",
category: "essence",
description:
"Deep attunement draws essence from previously invisible sources. Essence production ×5.",
id: "essence_2",
multiplier: 5,
name: "Essence Attunement II",
runestonesCost: 120,
multiplier: 5,
},
{
id: "essence_3",
name: "Essence Attunement III",
description: "Your guild breathes essence as naturally as air. Essence production ×20.",
category: "essence",
description:
"Your guild breathes essence as naturally as air. Essence production ×20.",
id: "essence_3",
multiplier: 20,
name: "Essence Attunement III",
runestonesCost: 700,
multiplier: 20,
},
{
id: "essence_4",
name: "Essence Attunement IV",
description: "Essence flows in torrents from every corner of every world. Essence production ×100.",
category: "essence",
runestonesCost: 4_000,
multiplier: 100,
description:
"Essence flows in torrents from every corner of every world. Essence production ×100.",
id: "essence_4",
multiplier: 100,
name: "Essence Attunement IV",
runestonesCost: 4000,
},
// ── Crystal Production ────────────────────────────────────────────────────
{
id: "crystal_1",
name: "Crystal Resonance I",
description: "Runestones vibrate in harmony with crystal structures. Crystal rewards ×2.",
category: "crystals",
description:
"Runestones vibrate in harmony with crystal structures. Crystal rewards ×2.",
id: "crystal_1",
multiplier: 2,
name: "Crystal Resonance I",
runestonesCost: 30,
multiplier: 2,
},
{
id: "crystal_2",
name: "Crystal Resonance II",
description: "The resonance deepens, shattering crystal barriers. Crystal rewards ×5.",
category: "crystals",
description:
"The resonance deepens, shattering crystal barriers. Crystal rewards ×5.",
id: "crystal_2",
multiplier: 5,
name: "Crystal Resonance II",
runestonesCost: 200,
multiplier: 5,
},
{
id: "crystal_3",
name: "Crystal Resonance III",
description: "Pure resonance crystallises reality into abundance. Crystal rewards ×25.",
category: "crystals",
runestonesCost: 1_200,
multiplier: 25,
description:
"Pure resonance crystallises reality into abundance. Crystal rewards ×25.",
id: "crystal_3",
multiplier: 25,
name: "Crystal Resonance III",
runestonesCost: 1200,
},
// ── Utility Unlocks ───────────────────────────────────────────────────────
{
id: "auto_prestige",
name: "Autonomous Ascension",
category: "utility",
description:
"Unlock the Auto-Prestige toggle. When enabled, you will automatically ascend the moment you reach the prestige threshold — using your current character name.",
category: "utility",
id: "auto_prestige",
multiplier: 1,
name: "Autonomous Ascension",
runestonesCost: 100,
multiplier: 1,
},
// ── Runestone Meta-Upgrade ────────────────────────────────────────────────
{
id: "runestone_gain_1",
name: "Runic Legacy",
category: "runestones",
description:
"Your runestone attunement grows with each prestige. Earn 25% more runestones from future prestiges.",
category: "runestones",
id: "runestone_gain_1",
multiplier: 1.25,
name: "Runic Legacy",
runestonesCost: 50,
multiplier: 1.25,
},
{
id: "runestone_gain_2",
name: "Eternal Legacy",
category: "runestones",
description:
"Your legend transcends individual lifetimes. Earn 50% more runestones from future prestiges.",
category: "runestones",
id: "runestone_gain_2",
multiplier: 1.5,
name: "Eternal Legacy",
runestonesCost: 500,
multiplier: 1.5,
},
];
apps/api/src/data/quests.ts
+817 -806
View File
File diff suppressed because it is too large Load Diff
apps/api/src/data/recipes.ts
+333 -181
View File
@@ -1,327 +1,479 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines -- Data file */
/* eslint-disable stylistic/max-len -- Data content */
import type { CraftingRecipe } from "@elysium/types";
export const DEFAULT_RECIPES: CraftingRecipe[] = [
export const defaultRecipes: Array<CraftingRecipe> = [
// Zone 1: verdant_vale
{
id: "heartwood_tincture",
name: "Heartwood Tincture",
description: "Sap from ancient heartwood trees, refined and bound with forest crystal. The resulting tincture accelerates the flow of wealth through your guild in ways the alchemists cannot fully explain.",
zoneId: "verdant_vale",
requiredMaterials: [{ materialId: "verdant_sap", quantity: 5 }, { materialId: "forest_crystal", quantity: 3 }],
bonus: { type: "gold_income", value: 1.05 },
description:
"Sap from ancient heartwood trees, refined and bound with forest crystal. The resulting tincture accelerates the flow of wealth through your guild in ways the alchemists cannot fully explain.",
id: "heartwood_tincture",
name: "Heartwood Tincture",
requiredMaterials: [
{ materialId: "verdant_sap", quantity: 5 },
{ materialId: "forest_crystal", quantity: 3 },
],
zoneId: "verdant_vale",
},
{
id: "elder_bark_shield",
name: "Elder Bark Shield",
description: "A ward fashioned from bark older than the kingdom. Its presence on the battlefield is not merely physical — something ancient watches through it.",
zoneId: "verdant_vale",
requiredMaterials: [{ materialId: "elder_bark", quantity: 2 }, { materialId: "verdant_sap", quantity: 8 }],
bonus: { type: "combat_power", value: 1.08 },
description:
"A ward fashioned from bark older than the kingdom. Its presence on the battlefield is not merely physical — something ancient watches through it.",
id: "elder_bark_shield",
name: "Elder Bark Shield",
requiredMaterials: [
{ materialId: "elder_bark", quantity: 2 },
{ materialId: "verdant_sap", quantity: 8 },
],
zoneId: "verdant_vale",
},
// Zone 2: shattered_ruins
{
id: "runic_binding",
name: "Runic Binding",
description: "The ruin dust and cursed fragments, carefully worked into a binding that borrows the essence-drawing power of the fallen civilisation's final enchantments.",
zoneId: "shattered_ruins",
requiredMaterials: [{ materialId: "ruin_dust", quantity: 8 }, { materialId: "cursed_fragment", quantity: 4 }],
bonus: { type: "essence_income", value: 1.05 },
description:
"The ruin dust and cursed fragments, carefully worked into a binding that borrows the essence-drawing power of the fallen civilisation's final enchantments.",
id: "runic_binding",
name: "Runic Binding",
requiredMaterials: [
{ materialId: "ruin_dust", quantity: 8 },
{ materialId: "cursed_fragment", quantity: 4 },
],
zoneId: "shattered_ruins",
},
{
id: "dragon_scale_charm",
name: "Dragon Scale Charm",
description: "A charm set with a chip of the elder dragon's scale. The dragon would be furious if he knew. He would also be impressed.",
zoneId: "shattered_ruins",
requiredMaterials: [{ materialId: "dragonscale_chip", quantity: 2 }, { materialId: "ruin_dust", quantity: 10 }],
bonus: { type: "gold_income", value: 1.08 },
description:
"A charm set with a chip of the elder dragon's scale. The dragon would be furious if he knew. He would also be impressed.",
id: "dragon_scale_charm",
name: "Dragon Scale Charm",
requiredMaterials: [
{ materialId: "dragonscale_chip", quantity: 2 },
{ materialId: "ruin_dust", quantity: 10 },
],
zoneId: "shattered_ruins",
},
// Zone 3: frozen_peaks
{
id: "glacial_lens",
name: "Glacial Lens",
description: "Glacial ice ground and shaped into a lens that clarifies and focuses. Holding it, your guild's actions become sharper, more precise, more effective per motion.",
zoneId: "frozen_peaks",
requiredMaterials: [{ materialId: "glacial_ice", quantity: 8 }, { materialId: "frost_crystal", quantity: 4 }],
bonus: { type: "click_power", value: 1.08 },
description:
"Glacial ice ground and shaped into a lens that clarifies and focuses. Holding it, your guild's actions become sharper, more precise, more effective per motion.",
id: "glacial_lens",
name: "Glacial Lens",
requiredMaterials: [
{ materialId: "glacial_ice", quantity: 8 },
{ materialId: "frost_crystal", quantity: 4 },
],
zoneId: "frozen_peaks",
},
{
id: "void_fragment_amulet",
name: "Void Fragment Amulet",
description: "The void shard set in frost crystal, creating something that should not be possible: a stable window into the spaces between spaces. Profitable beyond what physics suggests.",
bonus: { type: "gold_income", value: 1.1 },
description:
"The void shard set in frost crystal, creating something that should not be possible: a stable window into the spaces between spaces. Profitable beyond what physics suggests.",
id: "void_fragment_amulet",
name: "Void Fragment Amulet",
requiredMaterials: [
{ materialId: "void_shard", quantity: 2 },
{ materialId: "frost_crystal", quantity: 6 },
],
zoneId: "frozen_peaks",
requiredMaterials: [{ materialId: "void_shard", quantity: 2 }, { materialId: "frost_crystal", quantity: 6 }],
bonus: { type: "gold_income", value: 1.10 },
},
// Zone 4: shadow_marshes
{
id: "shadow_extract",
name: "Shadow Extract",
description: "Marsh roots processed with shadow essence into a refined compound that somehow makes the essence of things flow more freely toward your guild hall.",
zoneId: "shadow_marshes",
requiredMaterials: [{ materialId: "marsh_root", quantity: 8 }, { materialId: "shadow_essence", quantity: 4 }],
bonus: { type: "essence_income", value: 1.08 },
description:
"Marsh roots processed with shadow essence into a refined compound that somehow makes the essence of things flow more freely toward your guild hall.",
id: "shadow_extract",
name: "Shadow Extract",
requiredMaterials: [
{ materialId: "marsh_root", quantity: 8 },
{ materialId: "shadow_essence", quantity: 4 },
],
zoneId: "shadow_marshes",
},
{
id: "cursed_focus",
name: "Cursed Focus",
description: "The cursed bone and shadow essence combined into a focus that doesn't so much help your party fight as make things afraid of them before the battle begins.",
bonus: { type: "combat_power", value: 1.1 },
description:
"The cursed bone and shadow essence combined into a focus that doesn't so much help your party fight as make things afraid of them before the battle begins.",
id: "cursed_focus",
name: "Cursed Focus",
requiredMaterials: [
{ materialId: "cursed_bone", quantity: 2 },
{ materialId: "shadow_essence", quantity: 6 },
],
zoneId: "shadow_marshes",
requiredMaterials: [{ materialId: "cursed_bone", quantity: 2 }, { materialId: "shadow_essence", quantity: 6 }],
bonus: { type: "combat_power", value: 1.10 },
},
// Zone 5: volcanic_depths
{
id: "magma_core_seal",
name: "Magma Core Seal",
description: "A seal forged in the volcanic depths, using the eternal heat of the magma stone and ember crystal to create something that burns wealth into existence continuously.",
bonus: { type: "gold_income", value: 1.1 },
description:
"A seal forged in the volcanic depths, using the eternal heat of the magma stone and ember crystal to create something that burns wealth into existence continuously.",
id: "magma_core_seal",
name: "Magma Core Seal",
requiredMaterials: [
{ materialId: "magma_stone", quantity: 8 },
{ materialId: "ember_crystal", quantity: 4 },
],
zoneId: "volcanic_depths",
requiredMaterials: [{ materialId: "magma_stone", quantity: 8 }, { materialId: "ember_crystal", quantity: 4 }],
bonus: { type: "gold_income", value: 1.10 },
},
{
id: "elemental_ore_ingot",
name: "Elemental Ore Ingot",
description: "The legendary ore, smelted in the volcanic forges with magma stone as fuel. What emerges is something the fire elementals recognise — and fear slightly.",
zoneId: "volcanic_depths",
requiredMaterials: [{ materialId: "legendary_ore", quantity: 2 }, { materialId: "magma_stone", quantity: 10 }],
bonus: { type: "combat_power", value: 1.12 },
description:
"The legendary ore, smelted in the volcanic forges with magma stone as fuel. What emerges is something the fire elementals recognise — and fear slightly.",
id: "elemental_ore_ingot",
name: "Elemental Ore Ingot",
requiredMaterials: [
{ materialId: "legendary_ore", quantity: 2 },
{ materialId: "magma_stone", quantity: 10 },
],
zoneId: "volcanic_depths",
},
// Zone 6: astral_void
{
id: "star_chart",
name: "Star Chart",
description: "Stardust arranged along astral threads into a map of the void that somehow, impossibly, shows your guild where to press and how to press it for maximum effect.",
zoneId: "astral_void",
requiredMaterials: [{ materialId: "stardust", quantity: 10 }, { materialId: "astral_thread", quantity: 4 }],
bonus: { type: "click_power", value: 1.12 },
description:
"Stardust arranged along astral threads into a map of the void that somehow, impossibly, shows your guild where to press and how to press it for maximum effect.",
id: "star_chart",
name: "Star Chart",
requiredMaterials: [
{ materialId: "stardust", quantity: 10 },
{ materialId: "astral_thread", quantity: 4 },
],
zoneId: "astral_void",
},
{
id: "void_crystal_matrix",
name: "Void Crystal Matrix",
description: "A void crystal suspended in a matrix of stardust — something that exists in several places simultaneously and draws gold from all of them at once.",
zoneId: "astral_void",
requiredMaterials: [{ materialId: "void_crystal", quantity: 2 }, { materialId: "stardust", quantity: 12 }],
bonus: { type: "gold_income", value: 1.12 },
description:
"A void crystal suspended in a matrix of stardust — something that exists in several places simultaneously and draws gold from all of them at once.",
id: "void_crystal_matrix",
name: "Void Crystal Matrix",
requiredMaterials: [
{ materialId: "void_crystal", quantity: 2 },
{ materialId: "stardust", quantity: 12 },
],
zoneId: "astral_void",
},
// Zone 7: celestial_reaches
{
id: "celestial_lens",
name: "Celestial Lens",
description: "Celestial dust and divine fragments ground into a lens that sees the essence in all things and draws a portion of it — gently, as the celestials would prefer.",
zoneId: "celestial_reaches",
requiredMaterials: [{ materialId: "celestial_dust", quantity: 10 }, { materialId: "divine_fragment", quantity: 4 }],
bonus: { type: "essence_income", value: 1.12 },
description:
"Celestial dust and divine fragments ground into a lens that sees the essence in all things and draws a portion of it — gently, as the celestials would prefer.",
id: "celestial_lens",
name: "Celestial Lens",
requiredMaterials: [
{ materialId: "celestial_dust", quantity: 10 },
{ materialId: "divine_fragment", quantity: 4 },
],
zoneId: "celestial_reaches",
},
{
id: "choir_resonator",
name: "Choir Resonator",
description: "A choir shard set in divine fragments, still humming with the celestial harmonic. The resonance makes gold flow in its direction — not compelled, simply invited.",
zoneId: "celestial_reaches",
requiredMaterials: [{ materialId: "choir_shard", quantity: 2 }, { materialId: "divine_fragment", quantity: 6 }],
bonus: { type: "gold_income", value: 1.15 },
description:
"A choir shard set in divine fragments, still humming with the celestial harmonic. The resonance makes gold flow in its direction — not compelled, simply invited.",
id: "choir_resonator",
name: "Choir Resonator",
requiredMaterials: [
{ materialId: "choir_shard", quantity: 2 },
{ materialId: "divine_fragment", quantity: 6 },
],
zoneId: "celestial_reaches",
},
// Zone 8: abyssal_trench
{
id: "pressure_forged_core",
name: "Pressure-Forged Core",
description: "Trench coral and pressure gem combined under conditions that should have destroyed both. The result is something that survived conditions nothing should survive, which is ideal for combat.",
zoneId: "abyssal_trench",
requiredMaterials: [{ materialId: "trench_coral", quantity: 10 }, { materialId: "pressure_gem", quantity: 4 }],
bonus: { type: "combat_power", value: 1.15 },
description:
"Trench coral and pressure gem combined under conditions that should have destroyed both. The result is something that survived conditions nothing should survive, which is ideal for combat.",
id: "pressure_forged_core",
name: "Pressure-Forged Core",
requiredMaterials: [
{ materialId: "trench_coral", quantity: 10 },
{ materialId: "pressure_gem", quantity: 4 },
],
zoneId: "abyssal_trench",
},
{
id: "ancient_fang_talisman",
name: "Ancient Fang Talisman",
description: "A talisman set with the ancient tooth, suspended in trench coral carvings. Your party fights differently with this at their chest. More deliberately. More completely.",
zoneId: "abyssal_trench",
requiredMaterials: [{ materialId: "ancient_tooth", quantity: 2 }, { materialId: "trench_coral", quantity: 12 }],
bonus: { type: "click_power", value: 1.15 },
description:
"A talisman set with the ancient tooth, suspended in trench coral carvings. Your party fights differently with this at their chest. More deliberately. More completely.",
id: "ancient_fang_talisman",
name: "Ancient Fang Talisman",
requiredMaterials: [
{ materialId: "ancient_tooth", quantity: 2 },
{ materialId: "trench_coral", quantity: 12 },
],
zoneId: "abyssal_trench",
},
// Zone 9: infernal_court
{
id: "court_seal",
name: "Court Seal",
description: "A seal of infernal court authority, forged from brimstone and ichor. The court doesn't know you have this. It's better that way. It does make trade extremely efficient.",
zoneId: "infernal_court",
requiredMaterials: [{ materialId: "brimstone_flake", quantity: 10 }, { materialId: "demon_ichor", quantity: 5 }],
bonus: { type: "gold_income", value: 1.15 },
description:
"A seal of infernal court authority, forged from brimstone and ichor. The court doesn't know you have this. It's better that way. It does make trade extremely efficient.",
id: "court_seal",
name: "Court Seal",
requiredMaterials: [
{ materialId: "brimstone_flake", quantity: 10 },
{ materialId: "demon_ichor", quantity: 5 },
],
zoneId: "infernal_court",
},
{
id: "soul_bound_catalyst",
name: "Soul-Bound Catalyst",
description: "Soul residue and demon ichor worked into a catalyst that draws the essence from everything around it — gently, without drawing the court's attention. Usually.",
zoneId: "infernal_court",
requiredMaterials: [{ materialId: "soul_residue", quantity: 2 }, { materialId: "demon_ichor", quantity: 8 }],
bonus: { type: "essence_income", value: 1.15 },
description:
"Soul residue and demon ichor worked into a catalyst that draws the essence from everything around it — gently, without drawing the court's attention. Usually.",
id: "soul_bound_catalyst",
name: "Soul-Bound Catalyst",
requiredMaterials: [
{ materialId: "soul_residue", quantity: 2 },
{ materialId: "demon_ichor", quantity: 8 },
],
zoneId: "infernal_court",
},
// Zone 10: crystalline_spire
{
id: "prism_array",
name: "Prism Array",
description: "Prism dust and calculation shards assembled into an array that the spire's intelligence would call elegant, if it had aesthetic preferences, which it might.",
zoneId: "crystalline_spire",
requiredMaterials: [{ materialId: "prism_dust", quantity: 10 }, { materialId: "calculation_shard", quantity: 4 }],
bonus: { type: "click_power", value: 1.18 },
description:
"Prism dust and calculation shards assembled into an array that the spire's intelligence would call elegant, if it had aesthetic preferences, which it might.",
id: "prism_array",
name: "Prism Array",
requiredMaterials: [
{ materialId: "prism_dust", quantity: 10 },
{ materialId: "calculation_shard", quantity: 4 },
],
zoneId: "crystalline_spire",
},
{
id: "possibility_engine",
name: "Possibility Engine",
description: "A possibility crystal contained within a calculation shard framework. It runs through every possible outcome of every guild action and finds the one with the highest gold yield.",
zoneId: "crystalline_spire",
requiredMaterials: [{ materialId: "possibility_crystal", quantity: 2 }, { materialId: "calculation_shard", quantity: 6 }],
bonus: { type: "gold_income", value: 1.18 },
description:
"A possibility crystal contained within a calculation shard framework. It runs through every possible outcome of every guild action and finds the one with the highest gold yield.",
id: "possibility_engine",
name: "Possibility Engine",
requiredMaterials: [
{ materialId: "possibility_crystal", quantity: 2 },
{ materialId: "calculation_shard", quantity: 6 },
],
zoneId: "crystalline_spire",
},
// Zone 11: void_sanctum
{
id: "null_field_generator",
name: "Null Field Generator",
description: "Null matter and resonance fragments assembled into something that generates a field where the laws governing how hard things are to kill become negotiable.",
zoneId: "void_sanctum",
requiredMaterials: [{ materialId: "null_matter", quantity: 10 }, { materialId: "resonance_fragment", quantity: 4 }],
bonus: { type: "combat_power", value: 1.18 },
description:
"Null matter and resonance fragments assembled into something that generates a field where the laws governing how hard things are to kill become negotiable.",
id: "null_field_generator",
name: "Null Field Generator",
requiredMaterials: [
{ materialId: "null_matter", quantity: 10 },
{ materialId: "resonance_fragment", quantity: 4 },
],
zoneId: "void_sanctum",
},
{
id: "sanctum_key",
name: "Sanctum Key",
description: "A sanctum core and resonance fragments shaped into a key to something. The essence flows through it like it was designed to carry essence, which it may have been.",
zoneId: "void_sanctum",
requiredMaterials: [{ materialId: "sanctum_core", quantity: 2 }, { materialId: "resonance_fragment", quantity: 6 }],
bonus: { type: "essence_income", value: 1.18 },
description:
"A sanctum core and resonance fragments shaped into a key to something. The essence flows through it like it was designed to carry essence, which it may have been.",
id: "sanctum_key",
name: "Sanctum Key",
requiredMaterials: [
{ materialId: "sanctum_core", quantity: 2 },
{ materialId: "resonance_fragment", quantity: 6 },
],
zoneId: "void_sanctum",
},
// Zone 12: eternal_throne
{
id: "crown_circlet",
name: "Crown Circlet",
description: "Throne dust pressed into throne dust-lacquered crown fragments, shaped into a circlet. Wearing it — metaphorically — makes gold accumulate with the inevitability of authority.",
bonus: { type: "gold_income", value: 1.2 },
description:
"Throne dust pressed into throne dust-lacquered crown fragments, shaped into a circlet. Wearing it — metaphorically — makes gold accumulate with the inevitability of authority.",
id: "crown_circlet",
name: "Crown Circlet",
requiredMaterials: [
{ materialId: "throne_dust", quantity: 10 },
{ materialId: "crown_fragment", quantity: 4 },
],
zoneId: "eternal_throne",
requiredMaterials: [{ materialId: "throne_dust", quantity: 10 }, { materialId: "crown_fragment", quantity: 4 }],
bonus: { type: "gold_income", value: 1.20 },
},
{
id: "eternity_bound_ring",
name: "Eternity-Bound Ring",
description: "An eternity splinter set into crown fragments, shaped into a ring. What it binds is unclear. Whatever it is, it makes your party significantly harder to kill.",
bonus: { type: "combat_power", value: 1.2 },
description:
"An eternity splinter set into crown fragments, shaped into a ring. What it binds is unclear. Whatever it is, it makes your party significantly harder to kill.",
id: "eternity_bound_ring",
name: "Eternity-Bound Ring",
requiredMaterials: [
{ materialId: "eternity_splinter", quantity: 2 },
{ materialId: "crown_fragment", quantity: 6 },
],
zoneId: "eternal_throne",
requiredMaterials: [{ materialId: "eternity_splinter", quantity: 2 }, { materialId: "crown_fragment", quantity: 6 }],
bonus: { type: "combat_power", value: 1.20 },
},
// Zone 13: primordial_chaos
{
id: "chaos_lens",
name: "Chaos Lens",
description: "Chaos fragments and creation shards arranged into a lens that hasn't decided what it wants to focus on yet, which somehow makes every click land harder than it should.",
bonus: { type: "click_power", value: 1.2 },
description:
"Chaos fragments and creation shards arranged into a lens that hasn't decided what it wants to focus on yet, which somehow makes every click land harder than it should.",
id: "chaos_lens",
name: "Chaos Lens",
requiredMaterials: [
{ materialId: "chaos_fragment", quantity: 10 },
{ materialId: "creation_shard", quantity: 4 },
],
zoneId: "primordial_chaos",
requiredMaterials: [{ materialId: "chaos_fragment", quantity: 10 }, { materialId: "creation_shard", quantity: 4 }],
bonus: { type: "click_power", value: 1.20 },
},
{
id: "creation_core",
name: "Creation Core",
description: "Primordial essence held in a creation shard framework. It hums constantly. Gold flows toward it with the enthusiasm of something that wants to become something.",
zoneId: "primordial_chaos",
requiredMaterials: [{ materialId: "primordial_essence", quantity: 2 }, { materialId: "creation_shard", quantity: 6 }],
bonus: { type: "gold_income", value: 1.22 },
description:
"Primordial essence held in a creation shard framework. It hums constantly. Gold flows toward it with the enthusiasm of something that wants to become something.",
id: "creation_core",
name: "Creation Core",
requiredMaterials: [
{ materialId: "primordial_essence", quantity: 2 },
{ materialId: "creation_shard", quantity: 6 },
],
zoneId: "primordial_chaos",
},
// Zone 14: infinite_expanse
{
id: "distance_coil",
name: "Distance Coil",
description: "Expanse dust wound around distance crystals into a coil that draws essence from distances too vast to measure, compressing it into something your guild can actually use.",
bonus: { type: "essence_income", value: 1.2 },
description:
"Expanse dust wound around distance crystals into a coil that draws essence from distances too vast to measure, compressing it into something your guild can actually use.",
id: "distance_coil",
name: "Distance Coil",
requiredMaterials: [
{ materialId: "expanse_dust", quantity: 10 },
{ materialId: "distance_crystal", quantity: 4 },
],
zoneId: "infinite_expanse",
requiredMaterials: [{ materialId: "expanse_dust", quantity: 10 }, { materialId: "distance_crystal", quantity: 4 }],
bonus: { type: "essence_income", value: 1.20 },
},
{
id: "infinity_prism",
name: "Infinity Prism",
description: "An infinity shard mounted in a distance crystal frame. The prism reflects gold from an infinite number of directions simultaneously. The math works out favourably.",
zoneId: "infinite_expanse",
requiredMaterials: [{ materialId: "infinity_shard", quantity: 2 }, { materialId: "distance_crystal", quantity: 6 }],
bonus: { type: "gold_income", value: 1.22 },
description:
"An infinity shard mounted in a distance crystal frame. The prism reflects gold from an infinite number of directions simultaneously. The math works out favourably.",
id: "infinity_prism",
name: "Infinity Prism",
requiredMaterials: [
{ materialId: "infinity_shard", quantity: 2 },
{ materialId: "distance_crystal", quantity: 6 },
],
zoneId: "infinite_expanse",
},
// Zone 15: reality_forge
{
id: "reality_ingot",
name: "Reality Ingot",
description: "Forge ash smelted with creation tools into an ingot of compressed reality. Your party hits harder when carrying it. Reality does not enjoy being concentrated like this.",
zoneId: "reality_forge",
requiredMaterials: [{ materialId: "forge_ash", quantity: 10 }, { materialId: "creation_tool", quantity: 4 }],
bonus: { type: "combat_power", value: 1.22 },
description:
"Forge ash smelted with creation tools into an ingot of compressed reality. Your party hits harder when carrying it. Reality does not enjoy being concentrated like this.",
id: "reality_ingot",
name: "Reality Ingot",
requiredMaterials: [
{ materialId: "forge_ash", quantity: 10 },
{ materialId: "creation_tool", quantity: 4 },
],
zoneId: "reality_forge",
},
{
id: "universe_seed",
name: "Universe Seed",
description: "A reality shard carefully shaped with creation tools into something that could, theoretically, become a universe. Instead it makes your clicks unreasonably effective.",
zoneId: "reality_forge",
requiredMaterials: [{ materialId: "reality_shard", quantity: 2 }, { materialId: "creation_tool", quantity: 6 }],
bonus: { type: "click_power", value: 1.22 },
description:
"A reality shard carefully shaped with creation tools into something that could, theoretically, become a universe. Instead it makes your clicks unreasonably effective.",
id: "universe_seed",
name: "Universe Seed",
requiredMaterials: [
{ materialId: "reality_shard", quantity: 2 },
{ materialId: "creation_tool", quantity: 6 },
],
zoneId: "reality_forge",
},
// Zone 16: cosmic_maelstrom
{
id: "force_lens",
name: "Force Lens",
description: "Maelstrom debris and force crystals ground into a lens at the intersection of fundamental forces. Gold flows toward it with the same inevitability that galaxies flow toward gravity.",
zoneId: "cosmic_maelstrom",
requiredMaterials: [{ materialId: "maelstrom_debris", quantity: 10 }, { materialId: "force_crystal", quantity: 4 }],
bonus: { type: "gold_income", value: 1.25 },
description:
"Maelstrom debris and force crystals ground into a lens at the intersection of fundamental forces. Gold flows toward it with the same inevitability that galaxies flow toward gravity.",
id: "force_lens",
name: "Force Lens",
requiredMaterials: [
{ materialId: "maelstrom_debris", quantity: 10 },
{ materialId: "force_crystal", quantity: 4 },
],
zoneId: "cosmic_maelstrom",
},
{
id: "maelstrom_eye",
name: "Maelstrom Eye",
description: "A cosmic fragment suspended in a force crystal matrix — a piece of the maelstrom's impossible calm, holding the eye of the storm. Essence accumulates in its vicinity.",
zoneId: "cosmic_maelstrom",
requiredMaterials: [{ materialId: "cosmic_fragment", quantity: 2 }, { materialId: "force_crystal", quantity: 6 }],
bonus: { type: "essence_income", value: 1.22 },
description:
"A cosmic fragment suspended in a force crystal matrix — a piece of the maelstrom's impossible calm, holding the eye of the storm. Essence accumulates in its vicinity.",
id: "maelstrom_eye",
name: "Maelstrom Eye",
requiredMaterials: [
{ materialId: "cosmic_fragment", quantity: 2 },
{ materialId: "force_crystal", quantity: 6 },
],
zoneId: "cosmic_maelstrom",
},
// Zone 17: primeval_sanctum
{
id: "ancient_memory_array",
name: "Ancient Memory Array",
description: "Ancient dust and memory shards arranged into something that remembers how to fight before fighting was invented. Your party benefits from this instinct enormously.",
zoneId: "primeval_sanctum",
requiredMaterials: [{ materialId: "ancient_dust", quantity: 10 }, { materialId: "memory_shard", quantity: 4 }],
bonus: { type: "combat_power", value: 1.25 },
description:
"Ancient dust and memory shards arranged into something that remembers how to fight before fighting was invented. Your party benefits from this instinct enormously.",
id: "ancient_memory_array",
name: "Ancient Memory Array",
requiredMaterials: [
{ materialId: "ancient_dust", quantity: 10 },
{ materialId: "memory_shard", quantity: 4 },
],
zoneId: "primeval_sanctum",
},
{
id: "first_artefact",
name: "First Artefact",
description: "The primeval relic, set into a memory shard framework. What function it originally served is unknowable. In your guild's hands, it makes every action more deliberate and more powerful.",
zoneId: "primeval_sanctum",
requiredMaterials: [{ materialId: "primeval_relic", quantity: 2 }, { materialId: "memory_shard", quantity: 6 }],
bonus: { type: "click_power", value: 1.25 },
description:
"The primeval relic, set into a memory shard framework. What function it originally served is unknowable. In your guild's hands, it makes every action more deliberate and more powerful.",
id: "first_artefact",
name: "First Artefact",
requiredMaterials: [
{ materialId: "primeval_relic", quantity: 2 },
{ materialId: "memory_shard", quantity: 6 },
],
zoneId: "primeval_sanctum",
},
// Zone 18: the_absolute
{
id: "final_truth_lens",
name: "Final Truth Lens",
description: "Absolute fragments and boundary shards ground into a lens that sees to the end of all things — and in seeing, draws the wealth inherent in finality toward your guild.",
bonus: { type: "gold_income", value: 1.3 },
description:
"Absolute fragments and boundary shards ground into a lens that sees to the end of all things — and in seeing, draws the wealth inherent in finality toward your guild.",
id: "final_truth_lens",
name: "Final Truth Lens",
requiredMaterials: [
{ materialId: "absolute_fragment", quantity: 10 },
{ materialId: "boundary_shard", quantity: 4 },
],
zoneId: "the_absolute",
requiredMaterials: [{ materialId: "absolute_fragment", quantity: 10 }, { materialId: "boundary_shard", quantity: 4 }],
bonus: { type: "gold_income", value: 1.30 },
},
{
id: "omega_convergence",
name: "Omega Convergence",
description: "The last omega crystal, set at the convergence of boundary shards in the precise arrangement of an ending. What it does to combat is what endings do to everything: make it final.",
bonus: { type: "combat_power", value: 1.3 },
description:
"The last omega crystal, set at the convergence of boundary shards in the precise arrangement of an ending. What it does to combat is what endings do to everything: make it final.",
id: "omega_convergence",
name: "Omega Convergence",
requiredMaterials: [
{ materialId: "omega_crystal", quantity: 2 },
{ materialId: "boundary_shard", quantity: 6 },
],
zoneId: "the_absolute",
requiredMaterials: [{ materialId: "omega_crystal", quantity: 2 }, { materialId: "boundary_shard", quantity: 6 }],
bonus: { type: "combat_power", value: 1.30 },
},
];
apps/api/src/data/schemaVersion.ts
+11 -2
View File
@@ -1,2 +1,11 @@
/** The current game state schema version. Bump this whenever a breaking change is made to GameState. */
export const CURRENT_SCHEMA_VERSION = 1;
/**
* @file Schema version tracking for game state.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/**
* The current game state schema version. Bump this whenever a breaking change is made to GameState.
*/
export const currentSchemaVersion = 1;
apps/api/src/data/titles.ts
+67 -61
View File
@@ -1,135 +1,141 @@
/**
* @file Game title definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import type { Title } from "@elysium/types";
export const TITLES: Title[] = [
export const gameTitles: Array<Title> = [
// Quest milestones
{
id: "the_adventurous",
name: "The Adventurous",
condition: { amount: 1, type: "questsCompleted" },
description: "Complete your first quest.",
condition: { type: "questsCompleted", amount: 1 },
id: "the_adventurous",
name: "The Adventurous",
},
{
id: "the_persistent",
name: "The Persistent",
condition: { amount: 100, type: "questsCompleted" },
description: "Complete 100 quests in a single run.",
condition: { type: "questsCompleted", amount: 100 },
id: "the_persistent",
name: "The Persistent",
},
// Boss milestones
{
id: "boss_slayer",
name: "Boss Slayer",
condition: { amount: 1, type: "bossesDefeated" },
description: "Defeat your first boss.",
condition: { type: "bossesDefeated", amount: 1 },
id: "boss_slayer",
name: "Boss Slayer",
},
{
id: "dungeon_master",
name: "Dungeon Master",
condition: { amount: 10, type: "bossesDefeated" },
description: "Defeat 10 bosses in a single run.",
condition: { type: "bossesDefeated", amount: 10 },
id: "dungeon_master",
name: "Dungeon Master",
},
// Gold milestones
{
id: "the_wealthy",
name: "The Wealthy",
condition: { amount: 1_000_000, type: "totalGoldEarned" },
description: "Earn 1,000,000 gold in a single run.",
condition: { type: "totalGoldEarned", amount: 1_000_000 },
id: "the_wealthy",
name: "The Wealthy",
},
{
id: "the_rich",
name: "The Rich",
condition: { amount: 1_000_000_000, type: "totalGoldEarned" },
description: "Earn 1,000,000,000 gold in a single run.",
condition: { type: "totalGoldEarned", amount: 1_000_000_000 },
id: "the_rich",
name: "The Rich",
},
// Click milestones
{
id: "click_maniac",
name: "Click Maniac",
condition: { amount: 10_000, type: "totalClicks" },
description: "Click the Guild Hall 10,000 times in a single run.",
condition: { type: "totalClicks", amount: 10_000 },
id: "click_maniac",
name: "Click Maniac",
},
// Adventurer milestones
{
id: "commander",
name: "Commander",
condition: { amount: 100, type: "adventurerTotal" },
description: "Recruit 100 adventurers.",
condition: { type: "adventurerTotal", amount: 100 },
id: "commander",
name: "Commander",
},
{
id: "warlord",
name: "Warlord",
condition: { amount: 1000, type: "adventurerTotal" },
description: "Recruit 1,000 adventurers.",
condition: { type: "adventurerTotal", amount: 1_000 },
id: "warlord",
name: "Warlord",
},
// Social
{
id: "guild_founder",
name: "Guild Founder",
condition: { type: "guildFounded" },
description: "Give your guild a name.",
condition: { type: "guildFounded" },
id: "guild_founder",
name: "Guild Founder",
},
// Prestige milestones
{
id: "the_undying",
name: "The Undying",
condition: { amount: 1, type: "prestigeCount" },
description: "Achieve your first Prestige.",
condition: { type: "prestigeCount", amount: 1 },
id: "the_undying",
name: "The Undying",
},
{
id: "battle_hardened",
name: "Battle Hardened",
condition: { amount: 5, type: "prestigeCount" },
description: "Achieve 5 Prestiges.",
condition: { type: "prestigeCount", amount: 5 },
id: "battle_hardened",
name: "Battle Hardened",
},
{
id: "legend",
name: "Legend",
condition: { amount: 25, type: "prestigeCount" },
description: "Achieve 25 Prestiges.",
condition: { type: "prestigeCount", amount: 25 },
id: "legend",
name: "Legend",
},
// Transcendence milestones
{
id: "transcendent",
name: "Transcendent",
condition: { amount: 1, type: "transcendenceCount" },
description: "Achieve your first Transcendence.",
condition: { type: "transcendenceCount", amount: 1 },
id: "transcendent",
name: "Transcendent",
},
{
id: "beyond_mortal",
name: "Beyond Mortal",
condition: { amount: 5, type: "transcendenceCount" },
description: "Achieve 5 Transcendences.",
condition: { type: "transcendenceCount", amount: 5 },
id: "beyond_mortal",
name: "Beyond Mortal",
},
// Apotheosis milestones
{
id: "apotheosised",
name: "Apotheosised",
condition: { amount: 1, type: "apotheosisCount" },
description: "Achieve your first Apotheosis.",
condition: { type: "apotheosisCount", amount: 1 },
id: "apotheosised",
name: "Apotheosised",
},
{
id: "ascendant",
name: "Ascendant",
condition: { amount: 5, type: "apotheosisCount" },
description: "Achieve 5 Apotheoses.",
condition: { type: "apotheosisCount", amount: 5 },
id: "ascendant",
name: "Ascendant",
},
// Achievement milestone
{
id: "completionist",
name: "Completionist",
condition: { amount: 40, type: "achievementsUnlocked" },
description: "Unlock all achievements.",
condition: { type: "achievementsUnlocked", amount: 40 },
id: "completionist",
name: "Completionist",
},
// Longevity
{
id: "veteran",
name: "Veteran",
condition: { amount: 30, type: "playedDays" },
description: "Play Elysium for 30 days.",
condition: { type: "playedDays", amount: 30 },
id: "veteran",
name: "Veteran",
},
{
id: "timeless",
name: "Timeless",
condition: { amount: 365, type: "playedDays" },
description: "Play Elysium for a full year.",
condition: { type: "playedDays", amount: 365 },
id: "timeless",
name: "Timeless",
},
];
apps/api/src/data/transcendenceUpgrades.ts
+89 -67
View File
@@ -1,133 +1,155 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable stylistic/max-len -- Data content */
import type { TranscendenceUpgrade } from "@elysium/types";
export const DEFAULT_TRANSCENDENCE_UPGRADES: TranscendenceUpgrade[] = [
export const defaultTranscendenceUpgrades: Array<TranscendenceUpgrade> = [
// ── Income multipliers ──────────────────────────────────────────────────────
{
id: "echo_income_1",
name: "Whisper of Power",
description: "The echoes of past runs linger, amplifying your guild's income by 25%.",
category: "income",
cost: 5,
cost: 5,
description:
"The echoes of past runs linger, amplifying your guild's income by 25%.",
id: "echo_income_1",
multiplier: 1.25,
name: "Whisper of Power",
},
{
id: "echo_income_2",
name: "Resonance",
description: "Your transcendent experience resonates through your guild, boosting income by 50%.",
category: "income",
cost: 10,
cost: 10,
description:
"Your transcendent experience resonates through your guild, boosting income by 50%.",
id: "echo_income_2",
multiplier: 1.5,
name: "Resonance",
},
{
id: "echo_income_3",
name: "Harmonic Surge",
description: "The harmony of multiple timelines surges through your guild, doubling its income.",
category: "income",
cost: 20,
multiplier: 2.0,
cost: 20,
description:
"The harmony of multiple timelines surges through your guild, doubling its income.",
id: "echo_income_3",
multiplier: 2,
name: "Harmonic Surge",
},
{
id: "echo_income_4",
name: "Ethereal Overflow",
description: "Ethereal energy overflows from your transcendence, tripling your guild's income.",
category: "income",
cost: 40,
multiplier: 3.0,
cost: 40,
description:
"Ethereal energy overflows from your transcendence, tripling your guild's income.",
id: "echo_income_4",
multiplier: 3,
name: "Ethereal Overflow",
},
{
id: "echo_income_5",
name: "Infinite Chorus",
description: "The infinite chorus of every run you've ever played amplifies your guild fivefold.",
category: "income",
cost: 80,
multiplier: 5.0,
cost: 80,
description:
"The infinite chorus of every run you've ever played amplifies your guild fivefold.",
id: "echo_income_5",
multiplier: 5,
name: "Infinite Chorus",
},
// ── Combat multipliers ──────────────────────────────────────────────────────
{
id: "echo_combat_1",
name: "Battle-Hardened",
description: "Memories of countless battles harden your adventurers, increasing party DPS by 25%.",
category: "combat",
cost: 5,
cost: 5,
description:
"Memories of countless battles harden your adventurers, increasing party DPS by 25%.",
id: "echo_combat_1",
multiplier: 1.25,
name: "Battle-Hardened",
},
{
id: "echo_combat_2",
name: "Veteran's Edge",
description: "Veterans of transcendence know how to fight smarter, boosting party DPS by 50%.",
category: "combat",
cost: 15,
cost: 15,
description:
"Veterans of transcendence know how to fight smarter, boosting party DPS by 50%.",
id: "echo_combat_2",
multiplier: 1.5,
name: "Veteran's Edge",
},
{
id: "echo_combat_3",
name: "Transcendent Warrior",
description: "Your warriors carry the strength of every fallen timeline, doubling party DPS.",
category: "combat",
cost: 35,
multiplier: 2.0,
cost: 35,
description:
"Your warriors carry the strength of every fallen timeline, doubling party DPS.",
id: "echo_combat_3",
multiplier: 2,
name: "Transcendent Warrior",
},
// ── Prestige threshold reductions ──────────────────────────────────────────
{
id: "echo_prestige_threshold_1",
name: "Accelerated Path",
description: "Experience from past lives shortens the road to prestige — threshold reduced by 10%.",
category: "prestige_threshold",
cost: 8,
cost: 8,
description:
"Experience from past lives shortens the road to prestige — threshold reduced by 10%.",
id: "echo_prestige_threshold_1",
multiplier: 0.9,
name: "Accelerated Path",
},
{
id: "echo_prestige_threshold_2",
name: "Shortcut Through Time",
description: "You've walked this path so many times you know every shortcut — threshold reduced by 20%.",
category: "prestige_threshold",
cost: 20,
cost: 20,
description:
"You've walked this path so many times you know every shortcut — threshold reduced by 20%.",
id: "echo_prestige_threshold_2",
multiplier: 0.8,
name: "Shortcut Through Time",
},
// ── Prestige runestone multipliers ─────────────────────────────────────────
{
id: "echo_prestige_runestones_1",
name: "Runic Attunement",
description: "Transcendent insight attunes you to the runestones, earning 50% more per prestige.",
category: "prestige_runestones",
cost: 8,
cost: 8,
description:
"Transcendent insight attunes you to the runestones, earning 50% more per prestige.",
id: "echo_prestige_runestones_1",
multiplier: 1.5,
name: "Runic Attunement",
},
{
id: "echo_prestige_runestones_2",
name: "Master Runesmith",
description: "You have mastered the art of runestone crafting, doubling your prestige runestone yield.",
category: "prestige_runestones",
cost: 20,
multiplier: 2.0,
cost: 20,
description:
"You have mastered the art of runestone crafting, doubling your prestige runestone yield.",
id: "echo_prestige_runestones_2",
multiplier: 2,
name: "Master Runesmith",
},
// ── Echo meta multipliers ───────────────────────────────────────────────────
{
id: "echo_meta_1",
name: "Resonant Awakening",
description: "Your transcendence resonates deeper, amplifying future echo yields by 25%.",
category: "echo_meta",
cost: 10,
cost: 10,
description:
"Your transcendence resonates deeper, amplifying future echo yields by 25%.",
id: "echo_meta_1",
multiplier: 1.25,
name: "Resonant Awakening",
},
{
id: "echo_meta_2",
name: "Transcendent Loop",
description: "Each loop of existence makes the next more powerful — future echo yields +50%.",
category: "echo_meta",
cost: 25,
cost: 25,
description:
"Each loop of existence makes the next more powerful — future echo yields +50%.",
id: "echo_meta_2",
multiplier: 1.5,
name: "Transcendent Loop",
},
{
id: "echo_meta_3",
name: "Infinite Spiral",
description: "You have mastered the infinite spiral of transcendence, doubling all future echo yields.",
category: "echo_meta",
cost: 50,
multiplier: 2.0,
cost: 50,
description:
"You have mastered the infinite spiral of transcendence, doubling all future echo yields.",
id: "echo_meta_3",
multiplier: 2,
name: "Infinite Spiral",
},
];
apps/api/src/data/upgrades.ts
+574 -530
View File
File diff suppressed because it is too large Load Diff
apps/api/src/data/zones.ts
+98 -91
View File
@@ -1,184 +1,191 @@
/**
* @file Game data definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable stylistic/max-len -- Data content */
import type { Zone } from "@elysium/types";
export const DEFAULT_ZONES: Zone[] = [
export const defaultZones: Array<Zone> = [
{
id: "verdant_vale",
name: "The Verdant Vale",
description:
"Rolling green hills and ancient forests stretch to the horizon. This is where your guild takes its first steps — trade roads in need of clearing, goblin camps to rout, and an undead queen stirring in the north.",
emoji: "🌿",
status: "unlocked",
unlockBossId: null,
emoji: "🌿",
id: "verdant_vale",
name: "The Verdant Vale",
status: "unlocked",
unlockBossId: null,
unlockQuestId: null,
},
{
id: "shattered_ruins",
name: "The Shattered Ruins",
description:
"The remnants of a civilisation long lost to war and dragonfire. Crumbling towers and cursed lakes hide treasures — and an elder dragon who claims these lands as his own.",
emoji: "🏛️",
status: "locked",
unlockBossId: "forest_giant",
emoji: "🏛️",
id: "shattered_ruins",
name: "The Shattered Ruins",
status: "locked",
unlockBossId: "forest_giant",
unlockQuestId: "ancient_ruins",
},
{
id: "frozen_peaks",
name: "The Frozen Peaks",
description:
"At the edge of the world, where the sun barely rises and the cold is a living thing, a tear in reality has drawn something ancient and terrible. Only the mightiest guilds dare tread here.",
emoji: "❄️",
status: "locked",
unlockBossId: "elder_dragon",
emoji: "❄️",
id: "frozen_peaks",
name: "The Frozen Peaks",
status: "locked",
unlockBossId: "elder_dragon",
unlockQuestId: "dragon_lair",
},
{
id: "shadow_marshes",
name: "The Shadow Marshes",
description:
"A vast, fog-choked wetland where the sun never fully rises. Dark magic seeps from the earth itself, and things far older than the kingdom lurk beneath the murky waters.",
emoji: "🌑",
status: "locked",
unlockBossId: "void_titan",
emoji: "🌑",
id: "shadow_marshes",
name: "The Shadow Marshes",
status: "locked",
unlockBossId: "void_titan",
unlockQuestId: "storm_citadel",
},
{
id: "volcanic_depths",
name: "The Volcanic Depths",
description:
"A chain of active volcanoes whose caverns plunge deep into the earth's molten heart. Legendary forges burn here, tended by fire elementals who serve no master — yet.",
emoji: "🌋",
status: "locked",
unlockBossId: "mud_kraken",
emoji: "🌋",
id: "volcanic_depths",
name: "The Volcanic Depths",
status: "locked",
unlockBossId: "mud_kraken",
unlockQuestId: "plague_ruins",
},
{
id: "astral_void",
name: "The Astral Void",
description:
"Beyond the veil of the mortal world lies a realm of pure possibility and absolute terror. Stars are born and die here in moments, and the beings that call this place home have never known mortality.",
emoji: "🌌",
status: "locked",
unlockBossId: "phoenix_lord",
emoji: "🌌",
id: "astral_void",
name: "The Astral Void",
status: "locked",
unlockBossId: "phoenix_lord",
unlockQuestId: "the_forge",
},
{
id: "celestial_reaches",
name: "The Celestial Reaches",
description:
"Beyond the astral void, where reality gives way to pure divinity. The celestial host holds court here in towers of light older than stars, but their idea of order is as alien and terrifying as the chaos below.",
emoji: "✨",
status: "locked",
unlockBossId: "the_devourer",
emoji: "✨",
id: "celestial_reaches",
name: "The Celestial Reaches",
status: "locked",
unlockBossId: "the_devourer",
unlockQuestId: "the_end",
},
{
id: "abyssal_trench",
name: "The Abyssal Trench",
description:
"At the bottom of all things, where no light reaches and pressure could crush continents, something old and patient waits. It has been waiting since before your world was made — and it has never been interrupted.",
emoji: "🌊",
status: "locked",
unlockBossId: "the_first_light",
emoji: "🌊",
id: "abyssal_trench",
name: "The Abyssal Trench",
status: "locked",
unlockBossId: "the_first_light",
unlockQuestId: "celestial_archive",
},
{
id: "infernal_court",
name: "The Infernal Court",
description:
"The courts of the underworld, where demon lords scheme across aeons. Power here is measured in souls and suffering — your guild deals in neither, but you will have to speak their language before this is over.",
emoji: "👿",
status: "locked",
unlockBossId: "elder_abomination",
emoji: "👿",
id: "infernal_court",
name: "The Infernal Court",
status: "locked",
unlockBossId: "elder_abomination",
unlockQuestId: "abyssal_chronicle",
},
{
id: "crystalline_spire",
name: "The Crystalline Spire",
description:
"A tower of living crystal that pierces every boundary between planes. Its facets reflect possibilities that have never existed and futures that cannot be. The intelligence at its core has been calculating since before this universe existed.",
emoji: "💎",
status: "locked",
unlockBossId: "the_fallen",
emoji: "💎",
id: "crystalline_spire",
name: "The Crystalline Spire",
status: "locked",
unlockBossId: "the_fallen",
unlockQuestId: "infernal_codex",
},
{
id: "void_sanctum",
name: "The Void Sanctum",
description:
"Not a place but a state of being — the space between the spaces between things. Existence grows thin here. Your guild is the first to find it, drawn by a power that should not be able to call to anything that lives.",
emoji: "🌀",
status: "locked",
unlockBossId: "crystal_sovereign",
emoji: "🌀",
id: "void_sanctum",
name: "The Void Sanctum",
status: "locked",
unlockBossId: "crystal_sovereign",
unlockQuestId: "the_prism_vault",
},
{
id: "eternal_throne",
name: "The Eternal Throne",
description:
"The seat of ultimate power at the centre of all creation. Whoever sits here has sat here since the beginning. They have watched countless guilds rise and fall across uncounted ages. Your guild has come to take the throne. It does not yield.",
emoji: "👑",
status: "locked",
unlockBossId: "void_emperor",
emoji: "👑",
id: "eternal_throne",
name: "The Eternal Throne",
status: "locked",
unlockBossId: "void_emperor",
unlockQuestId: "heart_of_void",
},
{
id: "primordial_chaos",
name: "The Primordial Chaos",
description:
"Beyond the throne lies the raw stuff of creation itself — not a place but an ongoing argument between existence and non-existence that has never been resolved. Your guild enters the argument.",
emoji: "🌪️",
status: "locked",
unlockBossId: "the_apex",
emoji: "🌪️",
id: "primordial_chaos",
name: "The Primordial Chaos",
status: "locked",
unlockBossId: "the_apex",
unlockQuestId: "eternal_dominion",
},
{
id: "infinite_expanse",
name: "The Infinite Expanse",
description:
"A realm without edges, without centre, without reference — where distance is a concept that does not apply and your guild must define their own coordinates to navigate at all. Everything here is further than it looks.",
emoji: "♾️",
status: "locked",
unlockBossId: "primordial_titan",
emoji: "♾️",
id: "infinite_expanse",
name: "The Infinite Expanse",
status: "locked",
unlockBossId: "primordial_titan",
unlockQuestId: "chaos_chronicle",
},
{
id: "reality_forge",
name: "The Reality Forge",
description:
"The workshop where the original universe was hammered into shape — still hot, still humming, still producing realities as a byproduct of its idle operation. The things that work here have never stopped.",
emoji: "⚒️",
status: "locked",
unlockBossId: "expanse_sovereign",
emoji: "⚒️",
id: "reality_forge",
name: "The Reality Forge",
status: "locked",
unlockBossId: "expanse_sovereign",
unlockQuestId: "expanse_codex",
},
{
id: "cosmic_maelstrom",
name: "The Cosmic Maelstrom",
description:
"A confluence of every force in existence, spinning in patterns that reduce galaxies to debris. Your guild navigates currents of energy that, on a good day, merely shatter planets.",
emoji: "🌀",
status: "locked",
unlockBossId: "reality_architect",
emoji: "🌀",
id: "cosmic_maelstrom",
name: "The Cosmic Maelstrom",
status: "locked",
unlockBossId: "reality_architect",
unlockQuestId: "forge_chronicle",
},
{
id: "primeval_sanctum",
name: "The Primeval Sanctum",
description:
"The oldest place that has ever existed — older than time, older than space, older than the concept of age itself. It holds something that remembers the moment before the first moment.",
emoji: "🗿",
status: "locked",
unlockBossId: "cosmic_annihilator",
emoji: "🗿",
id: "primeval_sanctum",
name: "The Primeval Sanctum",
status: "locked",
unlockBossId: "cosmic_annihilator",
unlockQuestId: "maelstrom_codex",
},
{
id: "the_absolute",
name: "The Absolute",
description:
"There is nothing beyond this. Not because nothing has been found — because nothing exists to find. The Absolute is the final truth: the end of all things that are and the beginning of all things that never were. Your guild stands at the edge of everything.",
emoji: "⚫",
status: "locked",
unlockBossId: "primeval_god",
emoji: "⚫",
id: "the_absolute",
name: "The Absolute",
status: "locked",
unlockBossId: "primeval_god",
unlockQuestId: "sanctum_chronicle",
},
];
apps/api/src/db/client.ts
+6
View File
@@ -1,3 +1,9 @@
/**
* @file Prisma database client singleton.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { PrismaClient } from "@prisma/client";
export const prisma = new PrismaClient();
apps/api/src/index.ts
+18 -10
View File
@@ -1,3 +1,9 @@
/**
* @file Entry point for the Elysium API server.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { serve } from "@hono/node-server";
import { Hono } from "hono";
import { cors } from "hono/cors";
@@ -11,8 +17,8 @@ import { exploreRouter } from "./routes/explore.js";
import { gameRouter } from "./routes/game.js";
import { leaderboardRouter } from "./routes/leaderboards.js";
import { prestigeRouter } from "./routes/prestige.js";
import { transcendenceRouter } from "./routes/transcendence.js";
import { profileRouter } from "./routes/profile.js";
import { transcendenceRouter } from "./routes/transcendence.js";
const app = new Hono();
@@ -20,9 +26,9 @@ app.use("*", logger());
app.use(
"*",
cors({
origin: process.env["CORS_ORIGIN"] ?? "http://localhost:5173",
allowHeaders: ["Authorization", "Content-Type"],
allowMethods: ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
allowHeaders: [ "Authorization", "Content-Type" ],
allowMethods: [ "GET", "POST", "PUT", "DELETE", "OPTIONS" ],
origin: process.env.CORS_ORIGIN ?? "http://localhost:5173",
}),
);
@@ -38,10 +44,12 @@ app.route("/apotheosis", apotheosisRouter);
app.route("/leaderboards", leaderboardRouter);
app.route("/profile", profileRouter);
app.get("/health", (context) => context.json({ status: "ok" }));
const port = Number(process.env["PORT"] ?? 3001);
serve({ fetch: app.fetch, port }, () => {
console.log(`Elysium API running on port ${port}`);
app.get("/health", (context) => {
return context.json({ status: "ok" });
});
const port = Number(process.env.PORT ?? 3001);
serve({ fetch: app.fetch, port: port }, () => {
process.stdout.write(`Elysium API running on port ${String(port)}\n`);
});
apps/api/src/middleware/auth.ts
+28 -7
View File
@@ -1,12 +1,31 @@
import type { MiddlewareHandler } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { verifyToken } from "../services/jwt.js";
/**
* @file Authentication middleware for validating JWT tokens.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
export const authMiddleware: MiddlewareHandler<HonoEnv> = async (context, next) => {
import { verifyToken } from "../services/jwt.js";
import type { HonoEnvironment } from "../types/hono.js";
import type { MiddlewareHandler } from "hono";
/**
* Validates the Authorization Bearer token on each request and attaches the discordId to context.
* @param context - The Hono context object.
* @param next - The next middleware handler.
* @returns A JSON error response if authentication fails, otherwise calls next.
*/
export const authMiddleware: MiddlewareHandler<HonoEnvironment> = async(
context,
next,
) => {
const authorization = context.req.header("Authorization");
if (!authorization?.startsWith("Bearer ")) {
return context.json({ error: "Missing or invalid Authorization header" }, 401);
if (authorization?.startsWith("Bearer ") !== true) {
return context.json(
{ error: "Missing or invalid Authorization header" },
401,
);
}
const token = authorization.slice(7);
@@ -14,8 +33,10 @@ export const authMiddleware: MiddlewareHandler<HonoEnv> = async (context, next)
try {
const payload = verifyToken(token);
context.set("discordId", payload.discordId);
await next();
} catch {
return context.json({ error: "Invalid or expired token" }, 401);
}
// eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -- Need the consistent return!
return await next();
};
apps/api/src/routes/about.ts
+34 -18
View File
@@ -1,41 +1,57 @@
/**
* @file About route providing API version and release information.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable stylistic/max-len -- URL cannot be shortened */
/* eslint-disable require-atomic-updates -- Simple cache; race condition is acceptable */
import { Hono } from "hono";
import type { AboutResponse, GiteaRelease } from "@elysium/types";
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const API_VERSION = process.env.npm_package_version ?? "unknown";
const apiVersion = process.env.npm_package_version ?? "unknown";
const GITEA_RELEASES_URL =
"https://git.nhcarrigan.com/api/v1/repos/nhcarrigan-ideation/elysium/releases";
const CACHE_TTL_MS = 5 * 60 * 1000;
const giteaReleasesUrl = "https://git.nhcarrigan.com/api/v1/repos/nhcarrigan-ideation/elysium/releases";
const cacheTtlMs = 5 * 60 * 1000;
let releasesCache: GiteaRelease[] = [];
let cacheTimestamp = 0;
interface ReleasesCache {
data: Array<GiteaRelease>;
timestamp: number;
}
const fetchReleases = async (): Promise<GiteaRelease[]> => {
let releasesCache: ReleasesCache = { data: [], timestamp: 0 };
const fetchReleases = async(): Promise<Array<GiteaRelease>> => {
const now = Date.now();
if (releasesCache.length > 0 && now - cacheTimestamp < CACHE_TTL_MS) {
return releasesCache;
if (releasesCache.data.length > 0 && now - releasesCache.timestamp < cacheTtlMs) {
return releasesCache.data;
}
try {
const response = await fetch(GITEA_RELEASES_URL);
const response = await fetch(giteaReleasesUrl);
if (!response.ok) {
return releasesCache;
return releasesCache.data;
}
releasesCache = (await response.json()) as GiteaRelease[];
cacheTimestamp = now;
return releasesCache;
const rawData: unknown = await response.json();
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- External API response */
const data = rawData as Array<GiteaRelease>;
releasesCache = { data: data, timestamp: now };
return releasesCache.data;
} catch {
return releasesCache;
return releasesCache.data;
}
};
export const aboutRouter = new Hono();
const aboutRouter = new Hono();
aboutRouter.get("/", async (context) => {
aboutRouter.get("/", async(context) => {
const releases = await fetchReleases();
const body: AboutResponse = {
apiVersion: API_VERSION,
apiVersion,
releases,
};
return context.json(body);
});
export { aboutRouter };
apps/api/src/routes/apotheosis.ts
+71 -28
View File
@@ -1,75 +1,118 @@
import type { GameState } from "@elysium/types";
/**
* @file Apotheosis route handling the apotheosis reset mechanic.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Route handler requires many steps */
/* eslint-disable stylistic/max-len -- Description string cannot be shortened */
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { prisma } from "../db/client.js";
import { authMiddleware } from "../middleware/auth.js";
import {
buildPostApotheosisState,
isEligibleForApotheosis,
} from "../services/apotheosis.js";
import { grantApotheosisRole, postMilestoneWebhook } from "../services/webhook.js";
import {
grantApotheosisRole,
postMilestoneWebhook,
} from "../services/webhook.js";
import type { HonoEnvironment } from "../types/hono.js";
import type { GameState } from "@elysium/types";
export const apotheosisRouter = new Hono<HonoEnv>();
const apotheosisRouter = new Hono<HonoEnvironment>();
apotheosisRouter.use("*", authMiddleware);
apotheosisRouter.post("/", async (context) => {
const discordId = context.get("discordId") as string;
apotheosisRouter.post("/", async(context) => {
const discordId = context.get("discordId");
const record = await prisma.gameState.findUnique({ where: { discordId } });
if (!record) {
return context.json({ error: "No save found" }, 404);
}
const state = record.state as unknown as GameState;
const rawState: unknown = record.state;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue; cast to GameState */
const state = rawState as GameState;
if (!isEligibleForApotheosis(state)) {
return context.json(
{ error: "Not eligible for Apotheosis — purchase all Transcendence upgrades first" },
{
error:
"Not eligible for Apotheosis — purchase all Transcendence upgrades first",
},
400,
);
}
// Capture current-run stats before the nuclear reset
const runBossesDefeated = state.bosses.filter((b) => b.status === "defeated").length;
const runQuestsCompleted = state.quests.filter((q) => q.status === "completed").length;
const runAdventurersRecruited = state.adventurers.reduce((sum, a) => sum + a.count, 0);
/* v8 ignore next -- @preserve */
const runAchievementsUnlocked = (state.achievements ?? []).filter((a) => a.unlockedAt !== null).length;
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 9 -- @preserve */
const runBossesDefeated = state.bosses.filter((b) => {
return b.status === "defeated";
}).length;
const runQuestsCompleted = state.quests.filter((q) => {
return q.status === "completed";
}).length;
const runAdventurersRecruited = state.adventurers.reduce((sum, a) => {
return sum + a.count;
}, 0);
const { newState, newApotheosisData } = buildPostApotheosisState(state, state.player.characterName);
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 3 -- @preserve */
const runAchievementsUnlocked = state.achievements.filter((a) => {
return a.unlockedAt !== null;
}).length;
const { updatedState, updatedApotheosisData } = buildPostApotheosisState(
state,
state.player.characterName,
);
const now = Date.now();
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: updatedState as object, updatedAt: now },
where: { discordId },
data: { state: newState as object, updatedAt: now },
});
await prisma.player.update({
where: { discordId },
data: {
characterName: state.player.characterName,
// Reset current-run counters
totalGoldEarned: 0,
totalClicks: 0,
lastSavedAt: now,
lifetimeAchievementsUnlocked: { increment: runAchievementsUnlocked },
lifetimeAdventurersRecruited: { increment: runAdventurersRecruited },
lifetimeBossesDefeated: { increment: runBossesDefeated },
lifetimeClicks: { increment: state.player.totalClicks },
// Accumulate into lifetime totals
lifetimeGoldEarned: { increment: state.player.totalGoldEarned },
lifetimeClicks: { increment: state.player.totalClicks },
lifetimeBossesDefeated: { increment: runBossesDefeated },
lifetimeQuestsCompleted: { increment: runQuestsCompleted },
lifetimeAdventurersRecruited: { increment: runAdventurersRecruited },
lifetimeAchievementsUnlocked: { increment: runAchievementsUnlocked },
lastSavedAt: now,
totalClicks: 0,
// Reset current-run counters
totalGoldEarned: 0,
},
where: { discordId },
});
void grantApotheosisRole(discordId);
void postMilestoneWebhook(discordId, "apotheosis", {
prestige: newState.prestige.count,
apotheosis: updatedApotheosisData.count,
prestige: updatedState.prestige.count,
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
transcendence: newState.transcendence?.count ?? 0,
apotheosis: newApotheosisData.count,
transcendence: updatedState.transcendence?.count ?? 0,
});
return context.json({ newApotheosisCount: newApotheosisData.count });
return context.json({ apotheosisCount: updatedApotheosisData.count });
});
export { apotheosisRouter };
apps/api/src/routes/auth.ts
+60 -37
View File
@@ -1,15 +1,23 @@
import type { Player } from "@elysium/types";
/**
* @file Authentication routes for Discord OAuth.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Auth callback requires many steps */
/* eslint-disable max-statements -- Auth callback requires many statements */
import { Hono } from "hono";
import { initialGameState } from "../data/initialState.js";
import { prisma } from "../db/client.js";
import { INITIAL_GAME_STATE } from "../data/initialState.js";
import {
buildOAuthUrl,
exchangeCode,
fetchDiscordUser,
} from "../services/discord.js";
import { signToken } from "../services/jwt.js";
import type { Player } from "@elysium/types";
export const authRouter = new Hono();
const authRouter = new Hono();
authRouter.get("/url", (context) => {
try {
@@ -20,10 +28,10 @@ authRouter.get("/url", (context) => {
}
});
authRouter.get("/callback", async (context) => {
authRouter.get("/callback", async(context) => {
const code = context.req.query("code");
if (!code) {
if (code === undefined || code === "") {
return context.json({ error: "Missing code parameter" }, 400);
}
@@ -40,67 +48,82 @@ authRouter.get("/callback", async (context) => {
if (!existing) {
const player = await prisma.player.create({
data: {
discordId: discordUser.id,
username: discordUser.username,
discriminator: discordUser.discriminator,
avatar: discordUser.avatar,
characterName: discordUser.username,
createdAt: now,
lastSavedAt: now,
avatar: discordUser.avatar,
characterName: discordUser.username,
createdAt: now,
discordId: discordUser.id,
discriminator: discordUser.discriminator,
lastSavedAt: now,
totalClicks: 0,
totalGoldEarned: 0,
totalClicks: 0,
username: discordUser.username,
},
});
const playerShape: Player = {
discordId: player.discordId,
username: player.username,
discriminator: player.discriminator,
avatar: player.avatar ?? null,
characterName: player.characterName,
createdAt: player.createdAt,
lastSavedAt: player.lastSavedAt,
totalGoldEarned: player.totalGoldEarned,
totalClicks: player.totalClicks,
lifetimeGoldEarned: player.lifetimeGoldEarned,
lifetimeClicks: player.lifetimeClicks,
lifetimeBossesDefeated: player.lifetimeBossesDefeated,
lifetimeQuestsCompleted: player.lifetimeQuestsCompleted,
lifetimeAdventurersRecruited: player.lifetimeAdventurersRecruited,
avatar: player.avatar ?? null,
characterName: player.characterName,
createdAt: player.createdAt,
discordId: player.discordId,
discriminator: player.discriminator,
lastSavedAt: player.lastSavedAt,
lifetimeAchievementsUnlocked: player.lifetimeAchievementsUnlocked,
lifetimeAdventurersRecruited: player.lifetimeAdventurersRecruited,
lifetimeBossesDefeated: player.lifetimeBossesDefeated,
lifetimeClicks: player.lifetimeClicks,
lifetimeGoldEarned: player.lifetimeGoldEarned,
lifetimeQuestsCompleted: player.lifetimeQuestsCompleted,
totalClicks: player.totalClicks,
totalGoldEarned: player.totalGoldEarned,
username: player.username,
};
const initialState = INITIAL_GAME_STATE(playerShape, playerShape.characterName);
const freshState = initialGameState(
playerShape,
playerShape.characterName,
);
await prisma.gameState.create({
data: {
discordId: player.discordId,
state: initialState as unknown as never,
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires never type */
state: freshState as unknown as never,
updatedAt: now,
},
});
const jwtToken = signToken(player.discordId);
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const clientUrl = process.env["CORS_ORIGIN"] ?? "http://localhost:5173";
return context.redirect(`${clientUrl}/auth/callback?token=${jwtToken}&isNew=true`);
const clientUrl = process.env.CORS_ORIGIN ?? "http://localhost:5173";
return context.redirect(
`${clientUrl}/auth/callback?token=${jwtToken}&isNew=true`,
);
}
const updated = await prisma.player.update({
where: { discordId: discordUser.id },
data: {
username: discordUser.username,
avatar: discordUser.avatar,
discriminator: discordUser.discriminator,
avatar: discordUser.avatar,
username: discordUser.username,
},
where: { discordId: discordUser.id },
});
const jwtToken = signToken(updated.discordId);
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const clientUrl = process.env["CORS_ORIGIN"] ?? "http://localhost:5173";
return context.redirect(`${clientUrl}/auth/callback?token=${jwtToken}&isNew=false`);
const clientUrl = process.env.CORS_ORIGIN ?? "http://localhost:5173";
return context.redirect(
`${clientUrl}/auth/callback?token=${jwtToken}&isNew=false`,
);
} catch {
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const clientUrl = process.env["CORS_ORIGIN"] ?? "http://localhost:5173";
const clientUrl = process.env.CORS_ORIGIN ?? "http://localhost:5173";
return context.redirect(`${clientUrl}/auth/callback?error=auth_failed`);
}
});
export { authRouter };
apps/api/src/routes/boss.ts
+201 -100
View File
@@ -1,14 +1,28 @@
import type { BossChallengeResponse, GameState } from "@elysium/types";
import { computeSetBonuses, getActiveCompanionBonus } from "@elysium/types";
/**
* @file Boss challenge route handling combat mechanics.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Boss handler requires many steps */
/* eslint-disable max-statements -- Boss handler requires many statements */
/* eslint-disable complexity -- Boss handler has inherent complexity */
/* eslint-disable stylistic/max-len -- Long lines in combat logic */
import {
computeSetBonuses,
getActiveCompanionBonus,
type BossChallengeResponse,
type GameState,
} from "@elysium/types";
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { defaultBosses } from "../data/bosses.js";
import { defaultEquipmentSets } from "../data/equipmentSets.js";
import { prisma } from "../db/client.js";
import { DEFAULT_BOSSES } from "../data/bosses.js";
import { DEFAULT_EQUIPMENT_SETS } from "../data/equipmentSets.js";
import { authMiddleware } from "../middleware/auth.js";
import { updateChallengeProgress } from "../services/dailyChallenges.js";
import type { HonoEnvironment } from "../types/hono.js";
export const bossRouter = new Hono<HonoEnv>();
const bossRouter = new Hono<HonoEnvironment>();
bossRouter.use("*", authMiddleware);
@@ -18,68 +32,99 @@ const calculatePartyStats = (
let globalMultiplier = 1;
for (const upgrade of state.upgrades) {
if (upgrade.purchased && upgrade.target === "global") {
globalMultiplier *= upgrade.multiplier;
globalMultiplier = globalMultiplier * upgrade.multiplier;
}
}
// eslint-disable-next-line stylistic/no-mixed-operators -- prestige count * factor is clear
const prestigeMultiplier = 1 + state.prestige.count * 0.1;
// Apply equipped weapon's combat bonus
/* v8 ignore next 3 -- @preserve */
const equipmentCombatMultiplier = (state.equipment ?? [])
.filter((e) => e.equipped && e.bonus.combatMultiplier != null)
.reduce((mult, e) => mult * (e.bonus.combatMultiplier ?? 1), 1);
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 7 -- @preserve */
const equipmentCombatMultiplier = state.equipment.
filter((item) => {
return item.equipped && item.bonus.combatMultiplier !== undefined;
}).
reduce((mult, item) => {
return mult * (item.bonus.combatMultiplier ?? 1);
}, 1);
/* v8 ignore next -- @preserve */
const equippedItemIds = (state.equipment ?? []).filter((e) => e.equipped).map((e) => e.id);
const setCombatMultiplier = computeSetBonuses(equippedItemIds, DEFAULT_EQUIPMENT_SETS).combatMultiplier;
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 7 -- @preserve */
const equippedItemIds = state.equipment.
filter((item) => {
return item.equipped;
}).
map((item) => {
return item.id;
});
const { combatMultiplier: setCombatMultiplier } = computeSetBonuses(
equippedItemIds,
defaultEquipmentSets,
);
let partyDPS = 0;
let partyMaxHp = 0;
for (const adventurer of state.adventurers) {
if (adventurer.count === 0) continue;
if (adventurer.count === 0) {
continue;
}
let adventurerMultiplier = 1;
for (const upgrade of state.upgrades) {
if (
upgrade.purchased &&
upgrade.target === "adventurer" &&
upgrade.adventurerId === adventurer.id
upgrade.purchased
&& upgrade.target === "adventurer"
&& upgrade.adventurerId === adventurer.id
) {
adventurerMultiplier *= upgrade.multiplier;
adventurerMultiplier = adventurerMultiplier * upgrade.multiplier;
}
}
partyDPS +=
adventurer.combatPower *
adventurer.count *
adventurerMultiplier *
globalMultiplier *
prestigeMultiplier;
const adventurerContribution
= adventurer.combatPower
* adventurer.count
* adventurerMultiplier
* globalMultiplier
* prestigeMultiplier;
partyDPS = partyDPS + adventurerContribution;
partyMaxHp += adventurer.level * 50 * adventurer.count;
const adventurerHp = adventurer.level * 50 * adventurer.count;
partyMaxHp = partyMaxHp + adventurerHp;
}
/* v8 ignore next 8 -- @preserve */
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 12 -- @preserve */
const echoCombatMultiplier = state.transcendence?.echoCombatMultiplier ?? 1;
const craftedCombatMultiplier = state.exploration?.craftedCombatMultiplier ?? 1;
const craftedCombatMultiplier
= state.exploration?.craftedCombatMultiplier ?? 1;
const companionBonus = getActiveCompanionBonus(
state.companions?.activeCompanionId,
state.companions?.activeCompanionId ?? null,
state.companions?.unlockedCompanionIds ?? [],
);
const companionCombatMult = companionBonus?.type === "bossDamage" ? 1 + companionBonus.value : 1;
const companionCombatMult
= companionBonus?.type === "bossDamage"
? 1 + companionBonus.value
: 1;
partyDPS *= equipmentCombatMultiplier * setCombatMultiplier * echoCombatMultiplier * craftedCombatMultiplier * companionCombatMult;
partyDPS = partyDPS
* equipmentCombatMultiplier
* setCombatMultiplier
* echoCombatMultiplier
* craftedCombatMultiplier
* companionCombatMult;
return { partyDPS, partyMaxHp };
};
bossRouter.post("/challenge", async (context) => {
const discordId = context.get("discordId") as string;
bossRouter.post("/challenge", async(context) => {
const discordId = context.get("discordId");
const body = await context.req.json<{ bossId: string }>();
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions -- Runtime body validation
if (!body.bossId) {
return context.json({ error: "Invalid request body" }, 400);
}
@@ -90,8 +135,12 @@ bossRouter.post("/challenge", async (context) => {
return context.json({ error: "No save found" }, 404);
}
const state = record.state as unknown as GameState;
const boss = state.bosses.find((b) => b.id === body.bossId);
const rawState: unknown = record.state;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue; cast to GameState */
const state = rawState as GameState;
const boss = state.bosses.find((b) => {
return b.id === body.bossId;
});
if (!boss) {
return context.json({ error: "Boss not found" }, 404);
@@ -107,7 +156,12 @@ bossRouter.post("/challenge", async (context) => {
const { partyDPS, partyMaxHp } = calculatePartyStats(state);
if (partyDPS === 0 || partyMaxHp === 0 || !isFinite(partyDPS) || !isFinite(partyMaxHp)) {
if (
partyDPS === 0
|| partyMaxHp === 0
|| !Number.isFinite(partyDPS)
|| !Number.isFinite(partyMaxHp)
) {
return context.json(
{ error: "Your party has no adventurers ready to fight" },
400,
@@ -122,47 +176,53 @@ bossRouter.post("/challenge", async (context) => {
const won = timeToKillBoss <= timeToKillParty;
// eslint-disable-next-line @typescript-eslint/init-declarations -- Conditionally assigned in if/else branches
let partyHpRemaining: number;
// eslint-disable-next-line @typescript-eslint/init-declarations -- Conditionally assigned in if/else branches
let bossHpAtBattleEnd: number;
let bossNewHp: number;
// eslint-disable-next-line @typescript-eslint/init-declarations -- Conditionally assigned in if/else branches
let bossUpdatedHp: number;
// eslint-disable-next-line @typescript-eslint/init-declarations -- Conditionally assigned based on win/loss
let rewards: BossChallengeResponse["rewards"];
// eslint-disable-next-line @typescript-eslint/init-declarations -- Conditionally assigned based on win/loss
let casualties: BossChallengeResponse["casualties"];
if (won) {
bossHpAtBattleEnd = 0;
bossNewHp = 0;
partyHpRemaining = Math.max(
0,
partyMaxHp - bossDPS * timeToKillBoss,
);
bossUpdatedHp = 0;
const bossDamageDealt = bossDPS * timeToKillBoss;
partyHpRemaining = Math.max(0, partyMaxHp - bossDamageDealt);
boss.status = "defeated";
boss.currentHp = 0;
state.resources.gold += boss.goldReward;
state.resources.essence += boss.essenceReward;
state.resources.crystals += boss.crystalReward;
state.player.totalGoldEarned += boss.goldReward;
state.resources.gold = state.resources.gold + boss.goldReward;
state.resources.essence = state.resources.essence + boss.essenceReward;
state.resources.crystals = state.resources.crystals + boss.crystalReward;
state.player.totalGoldEarned = state.player.totalGoldEarned + boss.goldReward;
for (const upgradeId of boss.upgradeRewards) {
const upgrade = state.upgrades.find((u) => u.id === upgradeId);
const upgrade = state.upgrades.find((u) => {
return u.id === upgradeId;
});
if (upgrade) {
upgrade.unlocked = true;
}
}
// Grant equipment rewards — auto-equip if the slot is currently empty
/* v8 ignore next -- @preserve */
const equipmentRewards = boss.equipmentRewards ?? [];
for (const equipmentId of equipmentRewards) {
/* v8 ignore next -- @preserve */
const equipment = (state.equipment ?? []).find((e) => e.id === equipmentId);
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 14 -- @preserve */
for (const equipmentId of boss.equipmentRewards) {
const equipment = state.equipment.find((item) => {
return item.id === equipmentId;
});
if (equipment) {
equipment.owned = true;
/* v8 ignore next 3 -- @preserve */
const slotAlreadyEquipped = (state.equipment ?? []).some(
(e) => e.type === equipment.type && e.equipped,
);
const slotAlreadyEquipped = state.equipment.some((item) => {
return item.type === equipment.type && item.equipped;
});
if (!slotAlreadyEquipped) {
equipment.equipped = true;
}
@@ -170,64 +230,94 @@ bossRouter.post("/challenge", async (context) => {
}
// Unlock next boss in the same zone (zone-based sequential progression)
const zoneBosses = state.bosses.filter((b) => b.zoneId === boss.zoneId);
const zoneIndex = zoneBosses.findIndex((b) => b.id === body.bossId);
const nextZoneBoss = zoneBosses[zoneIndex + 1];
if (nextZoneBoss && nextZoneBoss.prestigeRequirement <= state.prestige.count) {
const nextBossInState = state.bosses.find((b) => b.id === nextZoneBoss.id);
if (nextBossInState) nextBossInState.status = "available";
const zoneBosses = state.bosses.filter((b) => {
return b.zoneId === boss.zoneId;
});
const zoneIndex = zoneBosses.findIndex((b) => {
return b.id === body.bossId;
});
const [ nextZoneBoss ] = zoneBosses.slice(zoneIndex + 1);
if (
nextZoneBoss
&& nextZoneBoss.prestigeRequirement <= state.prestige.count
) {
const nextBossInState = state.bosses.find((b) => {
return b.id === nextZoneBoss.id;
});
if (nextBossInState) {
nextBossInState.status = "available";
}
}
// Unlock any zone whose unlock conditions are now both satisfied
// (final boss defeated AND final quest completed)
/*
* Unlock any zone whose unlock conditions are now both satisfied
* (final boss defeated AND final quest completed)
*/
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
for (const zone of (state.zones ?? [])) {
if (zone.status === "unlocked") continue;
if (zone.unlockBossId !== body.bossId) continue;
for (const zone of state.zones) {
if (zone.status === "unlocked") {
continue;
}
if (zone.unlockBossId !== body.bossId) {
continue;
}
// Boss condition just became satisfied — check the quest condition too
const questSatisfied =
zone.unlockQuestId == null ||
state.quests.some((q) => q.id === zone.unlockQuestId && q.status === "completed");
if (!questSatisfied) continue;
const questSatisfied
= zone.unlockQuestId === null
|| state.quests.some((q) => {
return q.id === zone.unlockQuestId && q.status === "completed";
});
if (!questSatisfied) {
continue;
}
zone.status = "unlocked";
const newZoneBosses = state.bosses.filter((b) => b.zoneId === zone.id);
const firstNewBoss = newZoneBosses[0];
if (firstNewBoss && firstNewBoss.prestigeRequirement <= state.prestige.count) {
firstNewBoss.status = "available";
const updatedZoneBosses = state.bosses.filter((b) => {
return b.zoneId === zone.id;
});
const [ firstUpdatedBoss ] = updatedZoneBosses;
if (
firstUpdatedBoss
&& firstUpdatedBoss.prestigeRequirement <= state.prestige.count
) {
firstUpdatedBoss.status = "available";
}
}
// Update daily boss challenge progress
if (state.dailyChallenges) {
const { updatedChallenges, crystalsAwarded } = updateChallengeProgress(
const { crystalsAwarded, updatedChallenges } = updateChallengeProgress(
state.dailyChallenges,
"bossesDefeated",
1,
);
state.dailyChallenges = updatedChallenges;
state.resources.crystals += crystalsAwarded;
state.resources.crystals = state.resources.crystals + crystalsAwarded;
}
// First-kill bounty — look up authoritative bounty from static data
const staticBoss = DEFAULT_BOSSES.find((b) => b.id === body.bossId);
const staticBoss = defaultBosses.find((b) => {
return b.id === body.bossId;
});
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const bountyRunestones = staticBoss?.bountyRunestones ?? 0;
state.prestige.runestones += bountyRunestones;
state.prestige.runestones = state.prestige.runestones + bountyRunestones;
rewards = {
gold: boss.goldReward,
essence: boss.essenceReward,
crystals: boss.crystalReward,
upgradeIds: boss.upgradeRewards,
equipmentIds: equipmentRewards,
bountyRunestones,
bountyRunestones: bountyRunestones,
crystals: boss.crystalReward,
equipmentIds: boss.equipmentRewards,
essence: boss.essenceReward,
gold: boss.goldReward,
upgradeIds: boss.upgradeRewards,
};
} else {
bossHpAtBattleEnd = Math.max(
0,
bossHpBefore - partyDPS * timeToKillParty,
);
bossNewHp = boss.maxHp;
const partyDamageDealt = partyDPS * timeToKillParty;
bossHpAtBattleEnd = Math.max(0, bossHpBefore - partyDamageDealt);
bossUpdatedHp = boss.maxHp;
partyHpRemaining = 0;
boss.status = "available";
@@ -240,34 +330,45 @@ bossRouter.post("/challenge", async (context) => {
casualties = [];
for (const adventurer of state.adventurers) {
if (adventurer.count === 0) continue;
if (adventurer.count === 0) {
continue;
}
const killed = Math.floor(adventurer.count * casualtyFraction);
if (killed > 0) {
adventurer.count = Math.max(1, adventurer.count - killed);
casualties.push({ adventurerId: adventurer.id, killed });
casualties.push({ adventurerId: adventurer.id, killed: killed });
}
}
}
const now = Date.now();
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: state as object, updatedAt: now },
where: { discordId },
data: { state: state as object, updatedAt: now },
});
const bossMaxHp = boss.maxHp;
const bossNewHp = bossUpdatedHp;
const response: BossChallengeResponse = {
won,
partyDPS,
bossDPS,
bossHpBefore,
bossMaxHp: boss.maxHp,
bossHpAtBattleEnd,
bossHpBefore,
bossMaxHp,
bossNewHp,
partyMaxHp,
partyDPS,
partyHpRemaining,
partyMaxHp,
won,
};
if (rewards !== undefined) response.rewards = rewards;
if (casualties !== undefined) response.casualties = casualties;
if (rewards !== undefined) {
response.rewards = rewards;
}
if (casualties !== undefined) {
response.casualties = casualties;
}
return context.json(response);
});
export { bossRouter };
apps/api/src/routes/craft.ts
+92 -39
View File
@@ -1,46 +1,80 @@
import type { CraftRecipeRequest, CraftRecipeResponse, GameState } from "@elysium/types";
/**
* @file Crafting route handling recipe crafting mechanics.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Route handler requires many steps */
/* eslint-disable max-statements -- Route handler requires many statements */
/* eslint-disable complexity -- Route handler has inherent complexity */
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { defaultRecipes } from "../data/recipes.js";
import { prisma } from "../db/client.js";
import { DEFAULT_RECIPES } from "../data/recipes.js";
import { authMiddleware } from "../middleware/auth.js";
import type { HonoEnvironment } from "../types/hono.js";
import type {
CraftRecipeRequest,
CraftRecipeResponse,
GameState,
} from "@elysium/types";
export const craftRouter = new Hono<HonoEnv>();
const craftRouter = new Hono<HonoEnvironment>();
craftRouter.use("*", authMiddleware);
const recomputeCraftedMultipliers = (
craftedRecipeIds: string[],
craftedRecipeIds: Array<string>,
): {
craftedGoldMultiplier: number;
craftedGoldMultiplier: number;
craftedEssenceMultiplier: number;
craftedClickMultiplier: number;
craftedCombatMultiplier: number;
} => ({
craftedGoldMultiplier: DEFAULT_RECIPES
.filter((r) => craftedRecipeIds.includes(r.id) && r.bonus.type === "gold_income")
.reduce((mult, r) => mult * r.bonus.value, 1),
craftedEssenceMultiplier: DEFAULT_RECIPES
.filter((r) => craftedRecipeIds.includes(r.id) && r.bonus.type === "essence_income")
.reduce((mult, r) => mult * r.bonus.value, 1),
craftedClickMultiplier: DEFAULT_RECIPES
.filter((r) => craftedRecipeIds.includes(r.id) && r.bonus.type === "click_power")
.reduce((mult, r) => mult * r.bonus.value, 1),
craftedCombatMultiplier: DEFAULT_RECIPES
.filter((r) => craftedRecipeIds.includes(r.id) && r.bonus.type === "combat_power")
.reduce((mult, r) => mult * r.bonus.value, 1),
});
craftedClickMultiplier: number;
craftedCombatMultiplier: number;
} => {
return {
craftedClickMultiplier: defaultRecipes.filter((r) => {
return craftedRecipeIds.includes(r.id) && r.bonus.type === "click_power";
}).reduce((mult, r) => {
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
return mult * r.bonus.value;
}, 1),
craftedCombatMultiplier: defaultRecipes.filter((r) => {
return craftedRecipeIds.includes(r.id) && r.bonus.type === "combat_power";
}).reduce((mult, r) => {
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
return mult * r.bonus.value;
}, 1),
craftedEssenceMultiplier: defaultRecipes.filter((r) => {
return (
craftedRecipeIds.includes(r.id) && r.bonus.type === "essence_income"
);
}).reduce((mult, r) => {
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
return mult * r.bonus.value;
}, 1),
craftedGoldMultiplier: defaultRecipes.filter((r) => {
return craftedRecipeIds.includes(r.id) && r.bonus.type === "gold_income";
}).reduce((mult, r) => {
return mult * r.bonus.value;
}, 1),
};
};
craftRouter.post("/", async (context) => {
const discordId = context.get("discordId") as string;
craftRouter.post("/", async(context) => {
const discordId = context.get("discordId");
const body = await context.req.json<CraftRecipeRequest>();
const { recipeId } = body;
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions -- Runtime body validation
if (!recipeId) {
return context.json({ error: "recipeId is required" }, 400);
}
const recipe = DEFAULT_RECIPES.find((r) => r.id === recipeId);
const recipe = defaultRecipes.find((r) => {
return r.id === recipeId;
});
if (!recipe) {
return context.json({ error: "Unknown recipe" }, 404);
}
@@ -50,7 +84,9 @@ craftRouter.post("/", async (context) => {
return context.json({ error: "No save found" }, 404);
}
const state = record.state as unknown as GameState;
const rawState: unknown = record.state;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue; cast to GameState */
const state = rawState as GameState;
if (!state.exploration) {
return context.json({ error: "No exploration state found" }, 400);
@@ -62,11 +98,15 @@ craftRouter.post("/", async (context) => {
// Verify the player has all required materials
for (const requirement of recipe.requiredMaterials) {
const material = state.exploration.materials.find((m) => m.materialId === requirement.materialId);
const material = state.exploration.materials.find((m) => {
return m.materialId === requirement.materialId;
});
const quantity = material?.quantity ?? 0;
if (quantity < requirement.quantity) {
return context.json(
{ error: `Not enough ${requirement.materialId} (need ${String(requirement.quantity)}, have ${String(quantity)})` },
{
error: `Not enough ${requirement.materialId} (need ${String(requirement.quantity)}, have ${String(quantity)})`,
},
400,
);
}
@@ -74,30 +114,43 @@ craftRouter.post("/", async (context) => {
// Deduct materials
for (const requirement of recipe.requiredMaterials) {
const material = state.exploration.materials.find((m) => m.materialId === requirement.materialId);
const material = state.exploration.materials.find((m) => {
return m.materialId === requirement.materialId;
});
if (material) {
material.quantity -= requirement.quantity;
material.quantity = material.quantity - requirement.quantity;
}
}
// Add recipe and recompute all multipliers from scratch
state.exploration.craftedRecipeIds.push(recipeId);
const newMultipliers = recomputeCraftedMultipliers(state.exploration.craftedRecipeIds);
state.exploration.craftedGoldMultiplier = newMultipliers.craftedGoldMultiplier;
state.exploration.craftedEssenceMultiplier = newMultipliers.craftedEssenceMultiplier;
state.exploration.craftedClickMultiplier = newMultipliers.craftedClickMultiplier;
state.exploration.craftedCombatMultiplier = newMultipliers.craftedCombatMultiplier;
const updatedMultipliers = recomputeCraftedMultipliers(
state.exploration.craftedRecipeIds,
);
state.exploration.craftedGoldMultiplier
= updatedMultipliers.craftedGoldMultiplier;
state.exploration.craftedEssenceMultiplier
= updatedMultipliers.craftedEssenceMultiplier;
state.exploration.craftedClickMultiplier
= updatedMultipliers.craftedClickMultiplier;
state.exploration.craftedCombatMultiplier
= updatedMultipliers.craftedCombatMultiplier;
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: state as object, updatedAt: Date.now() },
where: { discordId },
data: { state: state as object, updatedAt: Date.now() },
});
const bonusType = recipe.bonus.type;
const bonusValue = recipe.bonus.value;
const response: CraftRecipeResponse = {
bonusType,
bonusValue,
recipeId,
bonusType: recipe.bonus.type,
bonusValue: recipe.bonus.value,
...newMultipliers,
...updatedMultipliers,
};
return context.json(response);
});
export { craftRouter };
apps/api/src/routes/explore.ts
+159 -77
View File
@@ -1,3 +1,18 @@
/**
* @file Exploration routes handling area exploration mechanics.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Route handlers require many steps */
/* eslint-disable max-statements -- Route handlers require many statements */
/* eslint-disable complexity -- Route handlers have inherent complexity */
import { Hono } from "hono";
import { defaultExplorations } from "../data/explorations.js";
import { initialExploration } from "../data/initialState.js";
import { prisma } from "../db/client.js";
import { authMiddleware } from "../middleware/auth.js";
import type { HonoEnvironment } from "../types/hono.js";
import type {
ExploreCollectEventResult,
ExploreCollectRequest,
@@ -6,20 +21,14 @@ import type {
ExploreStartResponse,
GameState,
} from "@elysium/types";
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { prisma } from "../db/client.js";
import { DEFAULT_EXPLORATIONS } from "../data/explorations.js";
import { INITIAL_EXPLORATION } from "../data/initialState.js";
import { authMiddleware } from "../middleware/auth.js";
export const exploreRouter = new Hono<HonoEnv>();
const exploreRouter = new Hono<HonoEnvironment>();
exploreRouter.use("*", authMiddleware);
const NOTHING_PROBABILITY = 0.2;
const nothingProbability = 0.2;
const NOTHING_MESSAGES = [
const nothingMessages = [
"Your scouts searched thoroughly but found nothing of value.",
"The area yielded nothing remarkable this time.",
"Your scouts returned empty-handed.",
@@ -27,20 +36,31 @@ const NOTHING_MESSAGES = [
"Nothing to show for the effort. Perhaps next time.",
];
/* v8 ignore next 2 -- @preserve */
const pickNothingMessage = (): string =>
NOTHING_MESSAGES[Math.floor(Math.random() * NOTHING_MESSAGES.length)] ?? NOTHING_MESSAGES[0]!;
/**
* Returns a random "nothing found" message.
* V8 ignore next 2 -- @preserve.
* @returns A random message string.
*/
const pickNothingMessage = (): string => {
const index = Math.floor(Math.random() * nothingMessages.length);
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
return nothingMessages[index] ?? nothingMessages[0] ?? "";
};
exploreRouter.post("/start", async (context) => {
const discordId = context.get("discordId") as string;
exploreRouter.post("/start", async(context) => {
const discordId = context.get("discordId");
const body = await context.req.json<ExploreStartRequest>();
const { areaId } = body;
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions -- Runtime body validation
if (!areaId) {
return context.json({ error: "areaId is required" }, 400);
}
const explorationArea = DEFAULT_EXPLORATIONS.find((a) => a.id === areaId);
const explorationArea = defaultExplorations.find((a) => {
return a.id === areaId;
});
if (!explorationArea) {
return context.json({ error: "Unknown exploration area" }, 404);
}
@@ -50,36 +70,55 @@ exploreRouter.post("/start", async (context) => {
return context.json({ error: "No save found" }, 404);
}
const state = record.state as unknown as GameState;
const rawState: unknown = record.state;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue; cast to GameState */
const state = rawState as GameState;
// Backfill exploration state for old saves that predate this feature
if (!state.exploration) {
state.exploration = structuredClone(INITIAL_EXPLORATION);
state.exploration = structuredClone(initialExploration);
// Unlock areas for zones already unlocked in this save
for (const area of state.exploration.areas) {
const areaData = DEFAULT_EXPLORATIONS.find((e) => e.id === area.id);
/* v8 ignore next -- @preserve */
if (!areaData) continue;
const zone = state.zones.find((z) => z.id === areaData.zoneId);
const areaData = defaultExplorations.find((areaItem) => {
return areaItem.id === area.id;
});
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 3 -- @preserve */
if (!areaData) {
continue;
}
const zone = state.zones.find((z) => {
return z.id === areaData.zoneId;
});
if (zone?.status === "unlocked") {
area.status = "available";
}
}
}
const zone = state.zones.find((z) => z.id === explorationArea.zoneId);
const zone = state.zones.find((z) => {
return z.id === explorationArea.zoneId;
});
if (!zone || zone.status !== "unlocked") {
return context.json({ error: "Zone is not unlocked" }, 400);
}
const area = state.exploration.areas.find((a) => a.id === areaId);
const area = state.exploration.areas.find((a) => {
return a.id === areaId;
});
if (!area) {
return context.json({ error: "Exploration area not found in state" }, 404);
}
const anyInProgress = state.exploration.areas.some((a) => a.status === "in_progress");
const anyInProgress = state.exploration.areas.some((a) => {
return a.status === "in_progress";
});
if (anyInProgress) {
return context.json({ error: "An exploration is already in progress" }, 400);
return context.json(
{ error: "An exploration is already in progress" },
400,
);
}
if (area.status === "locked") {
@@ -91,27 +130,33 @@ exploreRouter.post("/start", async (context) => {
area.startedAt = now;
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: state as object, updatedAt: now },
where: { discordId },
data: { state: state as object, updatedAt: now },
});
// eslint-disable-next-line stylistic/no-mixed-operators -- duration * 1000 is clear
const endsAt = now + explorationArea.durationSeconds * 1000;
const response: ExploreStartResponse = {
areaId,
endsAt: now + explorationArea.durationSeconds * 1000,
endsAt,
};
return context.json(response);
});
exploreRouter.post("/collect", async (context) => {
const discordId = context.get("discordId") as string;
exploreRouter.post("/collect", async(context) => {
const discordId = context.get("discordId");
const body = await context.req.json<ExploreCollectRequest>();
const { areaId } = body;
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions -- Runtime body validation
if (!areaId) {
return context.json({ error: "areaId is required" }, 400);
}
const explorationArea = DEFAULT_EXPLORATIONS.find((a) => a.id === areaId);
const explorationArea = defaultExplorations.find((a) => {
return a.id === areaId;
});
if (!explorationArea) {
return context.json({ error: "Unknown exploration area" }, 404);
}
@@ -121,13 +166,17 @@ exploreRouter.post("/collect", async (context) => {
return context.json({ error: "No save found" }, 404);
}
const state = record.state as unknown as GameState;
const rawState: unknown = record.state;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue; cast to GameState */
const state = rawState as GameState;
if (!state.exploration) {
return context.json({ error: "No exploration state found" }, 400);
}
const area = state.exploration.areas.find((a) => a.id === areaId);
const area = state.exploration.areas.find((a) => {
return a.id === areaId;
});
if (!area) {
return context.json({ error: "Exploration area not found" }, 404);
}
@@ -137,11 +186,14 @@ exploreRouter.post("/collect", async (context) => {
}
const now = Date.now();
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const startedAt = area.startedAt ?? 0;
const durationMs = explorationArea.durationSeconds * 1000;
const expiresAt = startedAt + durationMs;
if (now < startedAt + durationMs) {
if (now < expiresAt) {
return context.json({ error: "Exploration is not yet complete" }, 400);
}
@@ -149,23 +201,30 @@ exploreRouter.post("/collect", async (context) => {
area.completedOnce = true;
// 20% chance of finding nothing
if (Math.random() < NOTHING_PROBABILITY) {
if (Math.random() < nothingProbability) {
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: state as object, updatedAt: now },
where: { discordId },
data: { state: state as object, updatedAt: now },
});
const response: ExploreCollectResponse = {
foundNothing: true,
nothingMessage: pickNothingMessage(),
event: null,
foundNothing: true,
materialsFound: [],
event: null,
nothingMessage: pickNothingMessage(),
};
return context.json(response);
}
// Pick a random event
const event = explorationArea.events[Math.floor(Math.random() * explorationArea.events.length)]!;
const eventIndex = Math.floor(Math.random() * explorationArea.events.length);
const event = explorationArea.events[eventIndex];
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 3 -- @preserve */
if (!event) {
return context.json({ error: "No events available" }, 500);
}
// Apply event effects and build the result summary
let goldChange = 0;
@@ -173,101 +232,124 @@ exploreRouter.post("/collect", async (context) => {
let materialGained: { materialId: string; quantity: number } | null = null;
if (event.effect.type === "gold_gain") {
// Gold gain — amount may be undefined in edge cases
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const amount = event.effect.amount ?? 0;
state.resources.gold += amount;
state.player.totalGoldEarned += amount;
state.resources.gold = state.resources.gold + amount;
state.player.totalGoldEarned = state.player.totalGoldEarned + amount;
goldChange = amount;
} else if (event.effect.type === "gold_loss") {
// Gold loss — amount may be undefined in edge cases
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const amount = Math.min(state.resources.gold, event.effect.amount ?? 0);
state.resources.gold -= amount;
state.resources.gold = state.resources.gold - amount;
goldChange = -amount;
} else if (event.effect.type === "essence_gain") {
// Essence gain — amount may be undefined in edge cases
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const amount = event.effect.amount ?? 0;
state.resources.essence += amount;
state.resources.essence = state.resources.essence + amount;
essenceChange = amount;
} else if (event.effect.type === "material_gain") {
const materialId = event.effect.materialId;
const { materialId } = event.effect;
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const quantity = event.effect.quantity ?? 1;
if (materialId) {
const existing = state.exploration.materials.find((m) => m.materialId === materialId);
if (materialId !== undefined && materialId !== "") {
const existing = state.exploration.materials.find((m) => {
return m.materialId === materialId;
});
if (existing) {
existing.quantity += quantity;
existing.quantity = existing.quantity + quantity;
} else {
state.exploration.materials.push({ materialId, quantity });
}
materialGained = { materialId, quantity };
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 13 -- @preserve */
}
/* v8 ignore next 12 -- @preserve */
} else if (event.effect.type === "adventurer_loss") {
} else if (event.effect.type === "adventurer_loss") { // eslint-disable-line @typescript-eslint/no-unnecessary-condition -- exhausted all other union members above
// Adventurer loss — fraction and loop are defensive
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 8 -- @preserve */
const fraction = event.effect.fraction ?? 0.05;
let totalLost = 0;
for (const adventurer of state.adventurers) {
const lost = Math.floor(adventurer.count * fraction);
if (lost > 0) {
adventurer.count = Math.max(0, adventurer.count - lost);
totalLost += lost;
}
}
// adventurerLostCount captured below
}
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 8 -- @preserve */
const adventurerLostCount =
event.effect.type === "adventurer_loss"
? state.adventurers.reduce((sum, a) => {
const fraction = event.effect.fraction ?? 0.05;
return sum + Math.floor(a.count * fraction);
}, 0)
: 0;
let adventurerLostCount = 0;
if (event.effect.type === "adventurer_loss") {
const fraction = event.effect.fraction ?? 0.05;
for (const adv of state.adventurers) {
const lost = Math.floor(adv.count * fraction);
adventurerLostCount = adventurerLostCount + lost;
}
}
const eventResult: ExploreCollectEventResult = {
text: event.text,
goldChange,
essenceChange,
materialGained,
adventurerLostCount,
adventurerLostCount: adventurerLostCount,
essenceChange: essenceChange,
goldChange: goldChange,
materialGained: materialGained,
text: event.text,
};
// Roll for material drops from possibleMaterials (weighted random selection)
const materialsFound: Array<{ materialId: string; quantity: number }> = [];
if (explorationArea.possibleMaterials.length > 0) {
const totalWeight = explorationArea.possibleMaterials.reduce((sum, m) => sum + m.weight, 0);
let totalWeight = 0;
for (const materialDrop of explorationArea.possibleMaterials) {
totalWeight = totalWeight + materialDrop.weight;
}
let roll = Math.random() * totalWeight;
for (const possible of explorationArea.possibleMaterials) {
roll -= possible.weight;
roll = roll - possible.weight;
if (roll <= 0) {
const quantity =
Math.floor(Math.random() * (possible.maxQuantity - possible.minQuantity + 1)) +
possible.minQuantity;
const maxMinDiff = possible.maxQuantity - possible.minQuantity;
const range = maxMinDiff + 1;
const randomOffset = Math.floor(Math.random() * range);
const quantity = randomOffset + possible.minQuantity;
const { materialId } = possible;
const existing = state.exploration.materials.find((m) => m.materialId === possible.materialId);
const existing = state.exploration.materials.find((m) => {
return m.materialId === materialId;
});
if (existing) {
existing.quantity += quantity;
existing.quantity = existing.quantity + quantity;
} else {
state.exploration.materials.push({ materialId: possible.materialId, quantity });
state.exploration.materials.push({ materialId, quantity });
}
materialsFound.push({ materialId: possible.materialId, quantity });
materialsFound.push({ materialId, quantity });
break;
}
}
}
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: state as object, updatedAt: now },
where: { discordId },
data: { state: state as object, updatedAt: now },
});
const response: ExploreCollectResponse = {
foundNothing: false,
materialsFound,
event: eventResult,
event: eventResult,
foundNothing: false,
materialsFound: materialsFound,
};
return context.json(response);
});
export { exploreRouter };
apps/api/src/routes/game.ts
+760 -383
View File
File diff suppressed because it is too large Load Diff
apps/api/src/routes/leaderboards.ts
+75 -34
View File
@@ -1,12 +1,20 @@
import type { GameState } from "@elysium/types";
/**
* @file Leaderboard routes for retrieving ranked player statistics.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Route handler requires many steps */
/* eslint-disable complexity -- Leaderboard handler has inherent complexity */
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { gameTitles } from "../data/titles.js";
import { prisma } from "../db/client.js";
import { TITLES } from "../data/titles.js";
import type { HonoEnvironment } from "../types/hono.js";
import type { GameState } from "@elysium/types";
export const leaderboardRouter = new Hono<HonoEnv>();
const leaderboardRouter = new Hono<HonoEnvironment>();
const VALID_CATEGORIES = new Set([
const validCategories = new Set([
"totalGold",
"bossesDefeated",
"questsCompleted",
@@ -16,71 +24,104 @@ const VALID_CATEGORIES = new Set([
"apotheosisCount",
]);
const GAMESTATE_CATEGORIES = new Set(["prestigeCount", "transcendenceCount", "apotheosisCount"]);
const gameStateCategories = new Set([
"prestigeCount",
"transcendenceCount",
"apotheosisCount",
]);
/**
* Parses the showOnLeaderboards flag from a player's profile settings blob.
* @param raw - The raw profile settings value from the database.
* @returns True if the player should appear on leaderboards, false otherwise.
*/
const parseShowOnLeaderboards = (raw: unknown): boolean => {
if (raw !== null && typeof raw === "object" && !Array.isArray(raw)) {
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Runtime profile shape */
return (raw as Record<string, unknown>).showOnLeaderboards !== false;
}
return true;
};
leaderboardRouter.get("/", async (context) => {
/**
* Resolves the display title name for a given title ID.
* @param titleId - The player's active title ID.
* @returns The human-readable title name, or empty string if no title.
*/
const resolveTitleName = (titleId: string | null): string => {
if (titleId === null || titleId === "") {
return "";
}
return gameTitles.find((title) => {
return title.id === titleId;
})?.name ?? titleId;
};
leaderboardRouter.get("/", async(context) => {
const category = context.req.query("category") ?? "totalGold";
const limitRaw = Number(context.req.query("limit") ?? "100");
const limit = Math.min(Math.max(1, limitRaw), 100);
if (!VALID_CATEGORIES.has(category)) {
if (!validCategories.has(category)) {
return context.json({ error: "Invalid category" }, 400);
}
const [players, gameStates] = await Promise.all([
const [ players, gameStates ] = await Promise.all([
prisma.player.findMany(),
GAMESTATE_CATEGORIES.has(category) ? prisma.gameState.findMany() : Promise.resolve([]),
gameStateCategories.has(category)
? prisma.gameState.findMany()
: Promise.resolve([]),
]);
const stateMap = new Map(
gameStates.map((gs) => [gs.discordId, gs.state as unknown as GameState]),
gameStates.map((gs) => {
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue */
return [ gs.discordId, gs.state as unknown as GameState ];
}),
);
const entries = players
.filter((p) => parseShowOnLeaderboards(p.profileSettings))
.map((p) => {
const entries = players.
filter((player) => {
return parseShowOnLeaderboards(player.profileSettings);
}).
map((player) => {
let value = 0;
if (category === "totalGold") {
value = p.lifetimeGoldEarned;
value = player.lifetimeGoldEarned;
} else if (category === "bossesDefeated") {
value = p.lifetimeBossesDefeated;
value = player.lifetimeBossesDefeated;
} else if (category === "questsCompleted") {
value = p.lifetimeQuestsCompleted;
value = player.lifetimeQuestsCompleted;
} else if (category === "achievementsUnlocked") {
value = p.lifetimeAchievementsUnlocked;
value = player.lifetimeAchievementsUnlocked;
} else {
const state = stateMap.get(p.discordId);
const state = stateMap.get(player.discordId);
if (category === "prestigeCount") {
value = state?.prestige?.count ?? 0;
value = state?.prestige.count ?? 0;
} else if (category === "transcendenceCount") {
value = state?.transcendence?.count ?? 0;
} else if (category === "apotheosisCount") {
value = state?.apotheosis?.count ?? 0;
}
}
const titleId = p.activeTitle ?? "";
const titleName = titleId
? (TITLES.find((t) => t.id === titleId)?.name ?? titleId)
: "";
return {
discordId: p.discordId,
characterName: p.characterName,
username: p.username,
avatar: p.avatar ?? null,
activeTitle: titleName,
value,
activeTitle: resolveTitleName(player.activeTitle),
avatar: player.avatar ?? null,
characterName: player.characterName,
discordId: player.discordId,
username: player.username,
value: value,
};
})
.sort((a, b) => b.value - a.value)
.slice(0, limit)
.map((entry, index) => ({ ...entry, rank: index + 1 }));
}).
sort((a, b) => {
return b.value - a.value;
}).
slice(0, limit).
map((entry, index) => {
return { ...entry, rank: index + 1 };
});
return context.json({ category, entries });
});
export { leaderboardRouter };
apps/api/src/routes/prestige.ts
+103 -50
View File
@@ -1,9 +1,15 @@
import type { BuyPrestigeUpgradeRequest, GameState } from "@elysium/types";
/**
* @file Prestige routes handling prestige resets and upgrade purchases.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Route handlers require many steps */
/* eslint-disable max-statements -- Route handlers require many statements */
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { defaultPrestigeUpgrades } from "../data/prestigeUpgrades.js";
import { prisma } from "../db/client.js";
import { authMiddleware } from "../middleware/auth.js";
import { DEFAULT_PRESTIGE_UPGRADES } from "../data/prestigeUpgrades.js";
import { updateChallengeProgress } from "../services/dailyChallenges.js";
import {
buildPostPrestigeState,
@@ -11,13 +17,15 @@ import {
isEligibleForPrestige,
} from "../services/prestige.js";
import { postMilestoneWebhook } from "../services/webhook.js";
import type { HonoEnvironment } from "../types/hono.js";
import type { BuyPrestigeUpgradeRequest, GameState } from "@elysium/types";
export const prestigeRouter = new Hono<HonoEnv>();
const prestigeRouter = new Hono<HonoEnvironment>();
prestigeRouter.use("*", authMiddleware);
prestigeRouter.post("/", async (context) => {
const discordId = context.get("discordId") as string;
prestigeRouter.post("/", async(context) => {
const discordId = context.get("discordId");
const record = await prisma.gameState.findUnique({ where: { discordId } });
@@ -25,11 +33,14 @@ prestigeRouter.post("/", async (context) => {
return context.json({ error: "No save found" }, 404);
}
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue */
const state = record.state as unknown as GameState;
if (!isEligibleForPrestige(state)) {
return context.json(
{ error: "Not eligible for prestige — collect 1,000,000 total gold first" },
{
error: "Not eligible for prestige — collect 1,000,000 total gold first",
},
400,
);
}
@@ -38,81 +49,119 @@ prestigeRouter.post("/", async (context) => {
let updatedDailyChallenges = state.dailyChallenges;
let challengeCrystals = 0;
if (updatedDailyChallenges) {
const result = updateChallengeProgress(updatedDailyChallenges, "prestige", 1);
const result = updateChallengeProgress(
updatedDailyChallenges,
"prestige",
1,
);
updatedDailyChallenges = result.updatedChallenges;
challengeCrystals = result.crystalsAwarded;
}
const { newState, newPrestigeData, runestonesEarned, milestoneRunestones } = buildPostPrestigeState(
state,
state.player.characterName,
);
const {
milestoneRunestones,
prestigeData,
prestigeState,
runestonesEarned,
} = buildPostPrestigeState(state, state.player.characterName);
// Preserve daily challenges across the prestige reset and apply any crystal rewards
const finalState: GameState = {
...newState,
...(updatedDailyChallenges !== undefined ? { dailyChallenges: updatedDailyChallenges } : {}),
...prestigeState,
...updatedDailyChallenges === undefined
? {}
: { dailyChallenges: updatedDailyChallenges },
resources: {
...newState.resources,
crystals: newState.resources.crystals + challengeCrystals,
...prestigeState.resources,
crystals: prestigeState.resources.crystals + challengeCrystals,
},
};
// Capture current-run stats to accumulate into lifetime totals before resetting
const runBossesDefeated = state.bosses.filter((b) => b.status === "defeated").length;
const runQuestsCompleted = state.quests.filter((q) => q.status === "completed").length;
const runAdventurersRecruited = state.adventurers.reduce((sum, a) => sum + a.count, 0);
/* v8 ignore next -- @preserve */
const runAchievementsUnlocked = (state.achievements ?? []).filter((a) => a.unlockedAt !== null).length;
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 10 -- @preserve */
const runBossesDefeated = state.bosses.filter((boss) => {
return boss.status === "defeated";
}).length;
const runQuestsCompleted = state.quests.filter((quest) => {
return quest.status === "completed";
}).length;
let runAdventurersRecruited = 0;
for (const adventurer of state.adventurers) {
runAdventurersRecruited = runAdventurersRecruited + adventurer.count;
}
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 3 -- @preserve */
const runAchievementsUnlocked = state.achievements.filter((achievement) => {
return achievement.unlockedAt !== null;
}).length;
const now = Date.now();
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: finalState as object, updatedAt: now },
where: { discordId },
data: { state: finalState as object, updatedAt: now },
});
await prisma.player.update({
where: { discordId },
data: {
characterName: state.player.characterName,
// Reset current-run counters
totalGoldEarned: 0,
totalClicks: 0,
lastSavedAt: now,
lifetimeAchievementsUnlocked: { increment: runAchievementsUnlocked },
lifetimeAdventurersRecruited: { increment: runAdventurersRecruited },
lifetimeBossesDefeated: { increment: runBossesDefeated },
lifetimeClicks: { increment: state.player.totalClicks },
// Accumulate into lifetime totals — never reset
lifetimeGoldEarned: { increment: state.player.totalGoldEarned },
lifetimeClicks: { increment: state.player.totalClicks },
lifetimeBossesDefeated: { increment: runBossesDefeated },
lifetimeQuestsCompleted: { increment: runQuestsCompleted },
lifetimeAdventurersRecruited: { increment: runAdventurersRecruited },
lifetimeAchievementsUnlocked: { increment: runAchievementsUnlocked },
lastSavedAt: now,
totalClicks: 0,
// Reset current-run counters
totalGoldEarned: 0,
},
where: { discordId },
});
void postMilestoneWebhook(discordId, "prestige", {
prestige: newPrestigeData.count,
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
apotheosis: prestigeState.apotheosis?.count ?? 0,
prestige: prestigeData.count,
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 2 -- @preserve */
transcendence: newState.transcendence?.count ?? 0,
apotheosis: newState.apotheosis?.count ?? 0,
transcendence: prestigeState.transcendence?.count ?? 0,
});
return context.json({
runestones: runestonesEarned,
newPrestigeCount: newPrestigeData.count,
milestoneRunestones,
milestoneRunestones: milestoneRunestones,
newPrestigeCount: prestigeData.count, // eslint-disable-line unicorn/no-keyword-prefix -- API response field name required by client
runestones: runestonesEarned,
});
});
prestigeRouter.post("/buy-upgrade", async (context) => {
const discordId = context.get("discordId") as string;
prestigeRouter.post("/buy-upgrade", async(context) => {
const discordId = context.get("discordId");
const body = await context.req.json<BuyPrestigeUpgradeRequest>();
const { upgradeId } = body;
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions -- Runtime body validation
if (!upgradeId) {
return context.json({ error: "upgradeId is required" }, 400);
}
const upgrade = DEFAULT_PRESTIGE_UPGRADES.find((u) => u.id === upgradeId);
const upgrade = defaultPrestigeUpgrades.find((prestigeUpgrade) => {
return prestigeUpgrade.id === upgradeId;
});
if (!upgrade) {
return context.json({ error: "Unknown prestige upgrade" }, 404);
}
@@ -122,6 +171,7 @@ prestigeRouter.post("/buy-upgrade", async (context) => {
return context.json({ error: "No save found" }, 404);
}
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue */
const state = record.state as unknown as GameState;
const { purchasedUpgradeIds, runestones } = state.prestige;
@@ -133,29 +183,32 @@ prestigeRouter.post("/buy-upgrade", async (context) => {
return context.json({ error: "Not enough runestones" }, 400);
}
const newRunestones = runestones - upgrade.runestonesCost;
const newPurchasedUpgradeIds = [...purchasedUpgradeIds, upgradeId];
const updatedRunestones = runestones - upgrade.runestonesCost;
const updatedPurchasedUpgradeIds = [ ...purchasedUpgradeIds, upgradeId ];
const newState: GameState = {
const updatedState: GameState = {
...state,
prestige: {
...state.prestige,
runestones: newRunestones,
purchasedUpgradeIds: newPurchasedUpgradeIds,
...computeRunestoneMultipliers(newPurchasedUpgradeIds),
purchasedUpgradeIds: updatedPurchasedUpgradeIds,
runestones: updatedRunestones,
...computeRunestoneMultipliers(updatedPurchasedUpgradeIds),
},
};
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: updatedState as object, updatedAt: Date.now() },
where: { discordId },
data: { state: newState as object, updatedAt: Date.now() },
});
const multipliers = computeRunestoneMultipliers(newPurchasedUpgradeIds);
const multipliers = computeRunestoneMultipliers(updatedPurchasedUpgradeIds);
return context.json({
runestonesRemaining: newRunestones,
purchasedUpgradeIds: newPurchasedUpgradeIds,
purchasedUpgradeIds: updatedPurchasedUpgradeIds,
runestonesRemaining: updatedRunestones,
...multipliers,
});
});
export { prestigeRouter };
apps/api/src/routes/profile.ts
+196 -119
View File
@@ -1,54 +1,86 @@
import type {
GameState,
ProfileSettings,
UpdateProfileRequest,
/**
* @file Profile routes handling player profile retrieval and updates.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Route handlers require many steps */
/* eslint-disable complexity -- Route handlers have inherent complexity */
/* eslint-disable stylistic/key-spacing -- ProfileSettings keys exceed max-len when aligned */
/* eslint-disable stylistic/max-len -- ProfileSettings key names exceed line length limit */
/* eslint-disable @typescript-eslint/no-unnecessary-condition -- Defensive checks for runtime nullable fields */
import {
DEFAULT_PROFILE_SETTINGS,
type GameState,
type ProfileSettings,
type UpdateProfileRequest,
} from "@elysium/types";
import { DEFAULT_PROFILE_SETTINGS } from "@elysium/types";
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { gameTitles } from "../data/titles.js";
import { prisma } from "../db/client.js";
import { authMiddleware } from "../middleware/auth.js";
import { TITLES } from "../data/titles.js";
import { parseUnlockedTitles } from "../services/titles.js";
import type { HonoEnvironment } from "../types/hono.js";
export const profileRouter = new Hono<HonoEnv>();
const profileRouter = new Hono<HonoEnvironment>();
const VALID_NUMBER_FORMATS = new Set(["suffix", "scientific", "engineering"]);
const validNumberFormats = new Set([ "suffix", "scientific", "engineering" ]);
/**
* Parses a raw profile settings blob from the database into a typed ProfileSettings object.
* @param raw - The raw value from the database.
* @returns A valid ProfileSettings object with defaults for missing fields.
*/
const parseProfileSettings = (raw: unknown): ProfileSettings => {
if (raw !== null && typeof raw === "object" && !Array.isArray(raw)) {
const obj = raw as Record<string, unknown>;
const numberFormat = VALID_NUMBER_FORMATS.has(obj.numberFormat as string)
? (obj.numberFormat as ProfileSettings["numberFormat"])
: "suffix";
return {
showTotalGold: obj.showTotalGold !== false,
showTotalClicks: obj.showTotalClicks !== false,
showLifetimeBossesDefeated: obj.showLifetimeBossesDefeated !== false,
showLifetimeQuestsCompleted: obj.showLifetimeQuestsCompleted !== false,
showLifetimeAdventurersRecruited: obj.showLifetimeAdventurersRecruited !== false,
showLifetimeAchievementsUnlocked: obj.showLifetimeAchievementsUnlocked !== false,
showGuildFounded: obj.showGuildFounded !== false,
showCurrentGold: obj.showCurrentGold !== false,
showCurrentClicks: obj.showCurrentClicks !== false,
showPrestige: obj.showPrestige !== false,
showTranscendence: obj.showTranscendence !== false,
showApotheosis: obj.showApotheosis !== false,
showBossesDefeated: obj.showBossesDefeated !== false,
showQuestsCompleted: obj.showQuestsCompleted !== false,
showAdventurersRecruited: obj.showAdventurersRecruited !== false,
showAchievementsUnlocked: obj.showAchievementsUnlocked !== false,
numberFormat,
showOnLeaderboards: obj.showOnLeaderboards !== false,
};
if (raw === null || typeof raw !== "object" || Array.isArray(raw)) {
return { ...DEFAULT_PROFILE_SETTINGS };
}
return { ...DEFAULT_PROFILE_SETTINGS };
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Runtime shape check */
const rawObject = raw as Record<string, unknown>;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Runtime shape check */
const parsedNumberFormat = rawObject.numberFormat as string;
const numberFormat = validNumberFormats.has(parsedNumberFormat)
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Runtime shape check */
? (parsedNumberFormat as ProfileSettings["numberFormat"])
: "suffix";
return {
numberFormat: numberFormat,
showAchievementsUnlocked: rawObject.showAchievementsUnlocked !== false,
showAdventurersRecruited: rawObject.showAdventurersRecruited !== false,
showApotheosis: rawObject.showApotheosis !== false,
showBossesDefeated: rawObject.showBossesDefeated !== false,
showCurrentClicks: rawObject.showCurrentClicks !== false,
showCurrentGold: rawObject.showCurrentGold !== false,
showGuildFounded: rawObject.showGuildFounded !== false,
showLifetimeAchievementsUnlocked: rawObject.showLifetimeAchievementsUnlocked !== false,
showLifetimeAdventurersRecruited: rawObject.showLifetimeAdventurersRecruited !== false,
showLifetimeBossesDefeated: rawObject.showLifetimeBossesDefeated !== false,
showLifetimeQuestsCompleted: rawObject.showLifetimeQuestsCompleted !== false,
showOnLeaderboards: rawObject.showOnLeaderboards !== false,
showPrestige: rawObject.showPrestige !== false,
showQuestsCompleted: rawObject.showQuestsCompleted !== false,
showTotalClicks: rawObject.showTotalClicks !== false,
showTotalGold: rawObject.showTotalGold !== false,
showTranscendence: rawObject.showTranscendence !== false,
};
};
profileRouter.get("/:discordId", async (context) => {
/**
* Resolves a title ID to its display name.
* @param id - The title ID to resolve.
* @returns An object with id and name fields.
*/
const resolveTitle = (id: string): { id: string; name: string } => {
const title = gameTitles.find((gameTitle) => {
return gameTitle.id === id;
});
return { id: id, name: title?.name ?? id };
};
profileRouter.get("/:discordId", async(context) => {
const { discordId } = context.req.param();
const [player, gameStateRecord] = await Promise.all([
const [ player, gameStateRecord ] = await Promise.all([
prisma.player.findUnique({ where: { discordId } }),
prisma.gameState.findUnique({ where: { discordId } }),
]);
@@ -57,129 +89,174 @@ profileRouter.get("/:discordId", async (context) => {
return context.json({ error: "Player not found" }, 404);
}
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue */
const state = gameStateRecord?.state as unknown as GameState | undefined;
const prestigeCount = state?.prestige.count ?? 0;
const transcendenceCount = state?.transcendence?.count ?? 0;
const apotheosisCount = state?.apotheosis?.count ?? 0;
const profileSettings = parseProfileSettings(player.profileSettings);
const bossesDefeated = state?.bosses.filter((b) => b.status === "defeated").length ?? 0;
const questsCompleted = state?.quests.filter((q) => q.status === "completed").length ?? 0;
const adventurersRecruited =
state?.adventurers.reduce((sum, a) => sum + a.count, 0) ?? 0;
const achievementsUnlocked =
(state?.achievements ?? []).filter((a) => a.unlockedAt !== null).length;
const bossesDefeated
= state?.bosses.filter((boss) => {
return boss.status === "defeated";
}).length ?? 0;
const questsCompleted
= state?.quests.filter((quest) => {
return quest.status === "completed";
}).length ?? 0;
let adventurersRecruited = 0;
if (state) {
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 3 -- @preserve */
for (const adventurer of state.adventurers) {
adventurersRecruited = adventurersRecruited + adventurer.count;
}
}
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 3 -- @preserve */
const achievementsUnlocked = (state?.achievements ?? []).filter((achievement) => {
return achievement.unlockedAt !== null;
}).length;
const unlockedTitleIds = parseUnlockedTitles(player.unlockedTitles);
const unlockedTitles = unlockedTitleIds.map((id) => {
const title = TITLES.find((t) => t.id === id);
return { id, name: title?.name ?? id };
return resolveTitle(id);
});
const equippedItems = (state?.equipment ?? [])
.filter((e) => e.owned && e.equipped)
.map(({ name, type, rarity, bonus }) => ({ name, type, rarity, bonus }));
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 12 -- @preserve */
const equippedItems = (state?.equipment ?? []).
filter((item) => {
return item.owned && item.equipped;
}).
map((item) => {
return {
bonus: item.bonus,
name: item.name,
rarity: item.rarity,
type: item.type,
};
});
return context.json({
characterName: player.characterName,
pronouns: player.pronouns ?? "",
characterRace: player.characterRace ?? "",
characterClass: player.characterClass ?? "",
username: player.username,
avatar: player.avatar ?? null,
achievementsUnlocked: achievementsUnlocked,
activeTitle: player.activeTitle,
adventurersRecruited: adventurersRecruited,
apotheosisCount: apotheosisCount,
avatar: player.avatar,
bio: player.bio ?? "",
guildName: player.guildName ?? "",
guildDescription: player.guildDescription ?? "",
profileSettings,
bossesDefeated: bossesDefeated,
characterClass: player.characterClass,
characterName: player.characterName,
characterRace: player.characterRace ?? "",
createdAt: player.createdAt,
// All Time stats — cumulative across all runs, never reset
totalGoldEarned: player.lifetimeGoldEarned,
totalClicks: player.lifetimeClicks,
currentRunClicks: state?.player.totalClicks ?? 0,
currentRunGold: state?.player.totalGoldEarned ?? 0,
equippedItems: equippedItems,
guildDescription: player.guildDescription,
guildName: player.guildName,
lifetimeAchievementsUnlocked: player.lifetimeAchievementsUnlocked,
lifetimeAdventurersRecruited: player.lifetimeAdventurersRecruited,
lifetimeBossesDefeated: player.lifetimeBossesDefeated,
lifetimeQuestsCompleted: player.lifetimeQuestsCompleted,
lifetimeAdventurersRecruited: player.lifetimeAdventurersRecruited,
lifetimeAchievementsUnlocked: player.lifetimeAchievementsUnlocked,
// Current Run stats — from live GameState, reset on prestige & transcendence
currentRunGold: state?.player.totalGoldEarned ?? 0,
currentRunClicks: state?.player.totalClicks ?? 0,
prestigeCount,
transcendenceCount,
apotheosisCount,
bossesDefeated,
questsCompleted,
adventurersRecruited,
achievementsUnlocked,
unlockedTitles,
activeTitle: player.activeTitle ?? "",
equippedItems,
prestigeCount: prestigeCount,
profileSettings: profileSettings,
pronouns: player.pronouns ?? "",
questsCompleted: questsCompleted,
totalClicks: player.lifetimeClicks,
totalGoldEarned: player.lifetimeGoldEarned,
transcendenceCount: transcendenceCount,
unlockedTitles: unlockedTitles,
username: player.username,
});
});
profileRouter.put("/", authMiddleware, async (context) => {
const discordId = context.get("discordId") as string;
profileRouter.put("/", authMiddleware, async(context) => {
const discordId = context.get("discordId");
const body = await context.req.json<UpdateProfileRequest>();
const characterName = (body.characterName ?? "").trim().slice(0, 32);
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions -- Runtime body validation
if (!body.characterName) {
return context.json({ error: "Character name cannot be empty" }, 400);
}
const characterName = body.characterName.trim().slice(0, 32);
if (characterName === "") {
return context.json({ error: "Character name cannot be empty" }, 400);
}
const pronouns = (body.pronouns ?? "").trim().slice(0, 20);
const characterRace = (body.characterRace ?? "").trim().slice(0, 32);
const characterClass = (body.characterClass ?? "").trim().slice(0, 32);
const bio = (body.bio ?? "").trim().slice(0, 200);
const guildName = (body.guildName ?? "").trim().slice(0, 64);
const guildDescription = (body.guildDescription ?? "").trim().slice(0, 500);
const numberFormat = VALID_NUMBER_FORMATS.has(body.profileSettings?.numberFormat as string)
? (body.profileSettings?.numberFormat as ProfileSettings["numberFormat"])
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 2 -- @preserve */
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Runtime shape check */
const parsedNumberFormat = (body.profileSettings.numberFormat ?? "") as string;
const numberFormat = validNumberFormats.has(parsedNumberFormat)
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Runtime shape check */
? (parsedNumberFormat as ProfileSettings["numberFormat"])
: "suffix";
const profileSettings: ProfileSettings = {
showTotalGold: body.profileSettings?.showTotalGold !== false,
showTotalClicks: body.profileSettings?.showTotalClicks !== false,
showLifetimeBossesDefeated: body.profileSettings?.showLifetimeBossesDefeated !== false,
showLifetimeQuestsCompleted: body.profileSettings?.showLifetimeQuestsCompleted !== false,
showLifetimeAdventurersRecruited: body.profileSettings?.showLifetimeAdventurersRecruited !== false,
showLifetimeAchievementsUnlocked: body.profileSettings?.showLifetimeAchievementsUnlocked !== false,
showGuildFounded: body.profileSettings?.showGuildFounded !== false,
showCurrentGold: body.profileSettings?.showCurrentGold !== false,
showCurrentClicks: body.profileSettings?.showCurrentClicks !== false,
showPrestige: body.profileSettings?.showPrestige !== false,
showTranscendence: body.profileSettings?.showTranscendence !== false,
showApotheosis: body.profileSettings?.showApotheosis !== false,
showBossesDefeated: body.profileSettings?.showBossesDefeated !== false,
showQuestsCompleted: body.profileSettings?.showQuestsCompleted !== false,
showAdventurersRecruited: body.profileSettings?.showAdventurersRecruited !== false,
showAchievementsUnlocked: body.profileSettings?.showAchievementsUnlocked !== false,
numberFormat,
showOnLeaderboards: body.profileSettings?.showOnLeaderboards !== false,
numberFormat: numberFormat,
showAchievementsUnlocked: body.profileSettings.showAchievementsUnlocked ?? true,
showAdventurersRecruited: body.profileSettings.showAdventurersRecruited ?? true,
showApotheosis: body.profileSettings.showApotheosis ?? true,
showBossesDefeated: body.profileSettings.showBossesDefeated ?? true,
showCurrentClicks: body.profileSettings.showCurrentClicks ?? true,
showCurrentGold: body.profileSettings.showCurrentGold ?? true,
showGuildFounded: body.profileSettings.showGuildFounded ?? true,
showLifetimeAchievementsUnlocked: body.profileSettings.showLifetimeAchievementsUnlocked ?? true,
showLifetimeAdventurersRecruited: body.profileSettings.showLifetimeAdventurersRecruited ?? true,
showLifetimeBossesDefeated: body.profileSettings.showLifetimeBossesDefeated ?? true,
showLifetimeQuestsCompleted: body.profileSettings.showLifetimeQuestsCompleted ?? true,
showOnLeaderboards: body.profileSettings.showOnLeaderboards ?? true,
showPrestige: body.profileSettings.showPrestige ?? true,
showQuestsCompleted: body.profileSettings.showQuestsCompleted ?? true,
showTotalClicks: body.profileSettings.showTotalClicks ?? true,
showTotalGold: body.profileSettings.showTotalGold ?? true,
showTranscendence: body.profileSettings.showTranscendence ?? true,
};
if (!characterName) {
return context.json({ error: "Character name cannot be empty" }, 400);
}
const activeTitle = typeof body.activeTitle === "string" ? body.activeTitle.slice(0, 64) : undefined;
const activeTitle
= typeof body.activeTitle === "string"
? body.activeTitle.slice(0, 64)
: undefined;
const updated = await prisma.player.update({
where: { discordId },
data: {
characterName,
pronouns,
characterRace,
characterClass,
bio,
guildName,
guildDescription,
bio: bio,
characterClass: characterClass,
characterName: characterName,
characterRace: characterRace,
guildDescription: guildDescription,
guildName: guildName,
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
profileSettings: profileSettings as object,
...(activeTitle !== undefined ? { activeTitle } : {}),
pronouns: pronouns,
...activeTitle === undefined
? {}
: { activeTitle },
},
where: { discordId },
});
return context.json({
characterName: updated.characterName,
pronouns: updated.pronouns,
characterRace: updated.characterRace,
characterClass: updated.characterClass,
activeTitle: updated.activeTitle,
bio: updated.bio,
guildName: updated.guildName,
characterClass: updated.characterClass,
characterName: updated.characterName,
characterRace: updated.characterRace,
guildDescription: updated.guildDescription,
profileSettings,
activeTitle: updated.activeTitle ?? "",
guildName: updated.guildName,
profileSettings: profileSettings,
pronouns: updated.pronouns,
});
});
export { profileRouter };
apps/api/src/routes/transcendence.ts
+93 -45
View File
@@ -1,96 +1,139 @@
import type { BuyEchoUpgradeRequest, GameState } from "@elysium/types";
/**
* @file Transcendence routes handling transcendence resets and echo upgrade purchases.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Route handlers require many steps */
/* eslint-disable max-statements -- Route handlers require many statements */
import { Hono } from "hono";
import type { HonoEnv } from "../types/hono.js";
import { defaultTranscendenceUpgrades } from "../data/transcendenceUpgrades.js";
import { prisma } from "../db/client.js";
import { authMiddleware } from "../middleware/auth.js";
import { DEFAULT_TRANSCENDENCE_UPGRADES } from "../data/transcendenceUpgrades.js";
import {
buildPostTranscendenceState,
computeTranscendenceMultipliers,
isEligibleForTranscendence,
} from "../services/transcendence.js";
import { postMilestoneWebhook } from "../services/webhook.js";
import type { HonoEnvironment } from "../types/hono.js";
import type { BuyEchoUpgradeRequest, GameState } from "@elysium/types";
export const transcendenceRouter = new Hono<HonoEnv>();
const transcendenceRouter = new Hono<HonoEnvironment>();
transcendenceRouter.use("*", authMiddleware);
transcendenceRouter.post("/", async (context) => {
const discordId = context.get("discordId") as string;
transcendenceRouter.post("/", async(context) => {
const discordId = context.get("discordId");
const record = await prisma.gameState.findUnique({ where: { discordId } });
if (!record) {
return context.json({ error: "No save found" }, 404);
}
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue */
const state = record.state as unknown as GameState;
if (!isEligibleForTranscendence(state)) {
return context.json(
{ error: "Not eligible for transcendence — defeat The Absolute One first" },
{
error: "Not eligible for transcendence — defeat The Absolute One first",
},
400,
);
}
const { newState, newTranscendenceData, echoesEarned } = buildPostTranscendenceState(
state,
state.player.characterName,
);
const {
echoesEarned,
transcendenceData,
transcendenceState,
} = buildPostTranscendenceState(state, state.player.characterName);
// Capture current-run stats before the nuclear reset
const runBossesDefeated = state.bosses.filter((b) => b.status === "defeated").length;
const runQuestsCompleted = state.quests.filter((q) => q.status === "completed").length;
const runAdventurersRecruited = state.adventurers.reduce((sum, a) => sum + a.count, 0);
/* v8 ignore next -- @preserve */
const runAchievementsUnlocked = (state.achievements ?? []).filter((a) => a.unlockedAt !== null).length;
const runBossesDefeated = state.bosses.filter((boss) => {
return boss.status === "defeated";
}).length;
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 7 -- @preserve */
const runQuestsCompleted = state.quests.filter((quest) => {
return quest.status === "completed";
}).length;
let runAdventurersRecruited = 0;
for (const adventurer of state.adventurers) {
runAdventurersRecruited = runAdventurersRecruited + adventurer.count;
}
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next 3 -- @preserve */
const runAchievementsUnlocked = state.achievements.filter((achievement) => {
return achievement.unlockedAt !== null;
}).length;
const now = Date.now();
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: transcendenceState as object, updatedAt: now },
where: { discordId },
data: { state: newState as object, updatedAt: now },
});
await prisma.player.update({
where: { discordId },
data: {
characterName: state.player.characterName,
// Reset current-run counters (same as prestige)
totalGoldEarned: 0,
totalClicks: 0,
lastSavedAt: now,
lifetimeAchievementsUnlocked: { increment: runAchievementsUnlocked },
lifetimeAdventurersRecruited: { increment: runAdventurersRecruited },
lifetimeBossesDefeated: { increment: runBossesDefeated },
lifetimeClicks: { increment: state.player.totalClicks },
// Accumulate into lifetime totals
lifetimeGoldEarned: { increment: state.player.totalGoldEarned },
lifetimeClicks: { increment: state.player.totalClicks },
lifetimeBossesDefeated: { increment: runBossesDefeated },
lifetimeQuestsCompleted: { increment: runQuestsCompleted },
lifetimeAdventurersRecruited: { increment: runAdventurersRecruited },
lifetimeAchievementsUnlocked: { increment: runAchievementsUnlocked },
lastSavedAt: now,
totalClicks: 0,
// Reset current-run counters (same as prestige)
totalGoldEarned: 0,
},
where: { discordId },
});
void postMilestoneWebhook(discordId, "transcendence", {
prestige: newState.prestige.count,
transcendence: newTranscendenceData.count,
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
apotheosis: newState.apotheosis?.count ?? 0,
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
apotheosis: transcendenceState.apotheosis?.count ?? 0,
prestige: transcendenceState.prestige.count,
transcendence: transcendenceData.count,
});
return context.json({
echoes: echoesEarned,
newTranscendenceCount: newTranscendenceData.count,
echoes: echoesEarned,
// eslint-disable-next-line unicorn/no-keyword-prefix -- API response field name required by client
newTranscendenceCount: transcendenceData.count,
});
});
transcendenceRouter.post("/buy-upgrade", async (context) => {
const discordId = context.get("discordId") as string;
transcendenceRouter.post("/buy-upgrade", async(context) => {
const discordId = context.get("discordId");
const body = await context.req.json<BuyEchoUpgradeRequest>();
const { upgradeId } = body;
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions -- Runtime body validation
if (!upgradeId) {
return context.json({ error: "upgradeId is required" }, 400);
}
const upgrade = DEFAULT_TRANSCENDENCE_UPGRADES.find((u) => u.id === upgradeId);
const upgrade = defaultTranscendenceUpgrades.find((transcendenceUpgrade) => {
return transcendenceUpgrade.id === upgradeId;
});
if (!upgrade) {
return context.json({ error: "Unknown echo upgrade" }, 404);
}
@@ -100,6 +143,7 @@ transcendenceRouter.post("/buy-upgrade", async (context) => {
return context.json({ error: "No save found" }, 404);
}
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma returns JsonValue */
const state = record.state as unknown as GameState;
if (!state.transcendence) {
@@ -116,28 +160,32 @@ transcendenceRouter.post("/buy-upgrade", async (context) => {
return context.json({ error: "Not enough echoes" }, 400);
}
const newEchoes = echoes - upgrade.cost;
const newPurchasedIds = [...purchasedUpgradeIds, upgradeId];
const newMultipliers = computeTranscendenceMultipliers(newPurchasedIds);
const updatedEchoes = echoes - upgrade.cost;
const updatedPurchasedIds = [ ...purchasedUpgradeIds, upgradeId ];
const updatedMultipliers
= computeTranscendenceMultipliers(updatedPurchasedIds);
const newState: GameState = {
const updatedState: GameState = {
...state,
transcendence: {
...state.transcendence,
echoes: newEchoes,
purchasedUpgradeIds: newPurchasedIds,
...newMultipliers,
echoes: updatedEchoes,
purchasedUpgradeIds: updatedPurchasedIds,
...updatedMultipliers,
},
};
await prisma.gameState.update({
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Prisma requires object */
data: { state: updatedState as object, updatedAt: Date.now() },
where: { discordId },
data: { state: newState as object, updatedAt: Date.now() },
});
return context.json({
echoesRemaining: newEchoes,
purchasedUpgradeIds: newPurchasedIds,
...newMultipliers,
echoesRemaining: updatedEchoes,
purchasedUpgradeIds: updatedPurchasedIds,
...updatedMultipliers,
});
});
export { transcendenceRouter };
apps/api/src/services/apotheosis.ts
+43 -18
View File
@@ -1,43 +1,68 @@
/**
* @file Apotheosis service handling eligibility checks and state building.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { initialGameState } from "../data/initialState.js";
import {
defaultTranscendenceUpgrades,
} from "../data/transcendenceUpgrades.js";
import type { ApotheosisData, GameState } from "@elysium/types";
import { INITIAL_GAME_STATE } from "../data/initialState.js";
import { DEFAULT_TRANSCENDENCE_UPGRADES } from "../data/transcendenceUpgrades.js";
/** Total number of echo upgrades — all must be purchased to unlock Apotheosis */
const TOTAL_ECHO_UPGRADES = DEFAULT_TRANSCENDENCE_UPGRADES.length;
/**
* Total number of echo upgrades — all must be purchased to unlock Apotheosis.
*/
const totalEchoUpgrades = defaultTranscendenceUpgrades.length;
/**
* Returns true when the player is eligible to achieve Apotheosis:
* all Transcendence echo upgrades must be purchased.
* @param state - The current game state.
* @returns Whether the player is eligible for Apotheosis.
*/
export const isEligibleForApotheosis = (state: GameState): boolean => {
const isEligibleForApotheosis = (state: GameState): boolean => {
const purchasedIds = state.transcendence?.purchasedUpgradeIds ?? [];
return purchasedIds.length >= TOTAL_ECHO_UPGRADES &&
DEFAULT_TRANSCENDENCE_UPGRADES.every((u) => purchasedIds.includes(u.id));
return (
purchasedIds.length >= totalEchoUpgrades
&& defaultTranscendenceUpgrades.every((u) => {
return purchasedIds.includes(u.id);
})
);
};
/**
* Builds the new game state after Apotheosis — the ultimate nuclear reset.
* Builds the updated game state after Apotheosis — the ultimate nuclear reset.
* Wipes absolutely everything including prestige and transcendence.
* Only codex lore entries and the apotheosis count itself are preserved.
* @param currentState - The current game state before apotheosis.
* @param characterName - The character name to carry over.
* @returns The updated game state and apotheosis data.
*/
export const buildPostApotheosisState = (
const buildPostApotheosisState = (
currentState: GameState,
characterName: string,
): { newState: GameState; newApotheosisData: ApotheosisData } => {
const newCount = (currentState.apotheosis?.count ?? 0) + 1;
const newApotheosisData: ApotheosisData = { count: newCount };
): { updatedApotheosisData: ApotheosisData; updatedState: GameState } => {
const apotheosisCount = (currentState.apotheosis?.count ?? 0) + 1;
const updatedApotheosisData: ApotheosisData = { count: apotheosisCount };
const freshState = INITIAL_GAME_STATE(currentState.player, characterName);
const newState: GameState = {
const freshState = initialGameState(currentState.player, characterName);
const updatedState: GameState = {
...freshState,
lastTickAt: Date.now(),
// Codex lore persists through all resets — players keep their discovered entries
...(currentState.codex ? { codex: currentState.codex } : {}),
...currentState.codex
? { codex: currentState.codex }
: {},
// Apotheosis data is eternal — never wiped by any reset
apotheosis: newApotheosisData,
apotheosis: updatedApotheosisData,
// Story chapter progress is permanent — survives all resets
...(currentState.story ? { story: currentState.story } : {}),
...currentState.story
? { story: currentState.story }
: {},
};
return { newState, newApotheosisData };
return { updatedApotheosisData, updatedState };
};
export { buildPostApotheosisState, isEligibleForApotheosis };
apps/api/src/services/dailyChallenges.ts
+114 -37
View File
@@ -1,36 +1,77 @@
/**
* @file Daily challenge generation and progress tracking utilities.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { dailyChallengeTemplates } from "../data/dailyChallenges.js";
import type {
DailyChallenge,
DailyChallengeState,
DailyChallengeType,
GameState,
} from "@elysium/types";
import { DAILY_CHALLENGE_TEMPLATES } from "../data/dailyChallenges.js";
// Use the server's PST/PDT timezone so challenges roll over at PST midnight
const getTodayString = (): string =>
new Intl.DateTimeFormat("en-CA", { timeZone: "America/Los_Angeles" }).format(new Date());
/**
* Returns today's date string in PST/PDT so challenges roll over at midnight Pacific.
* @returns A date string in YYYY-MM-DD format.
*/
const getTodayString = (): string => {
return new Intl.DateTimeFormat("en-CA", {
timeZone: "America/Los_Angeles",
}).format(new Date());
};
/** Simple deterministic pseudo-random based on a numeric seed. */
/**
* Simple deterministic pseudo-random number based on a numeric seed.
* @param seed - The numeric seed value.
* @returns A pseudo-random float in [0, 1).
*/
const seededRandom = (seed: number): number => {
const x = Math.sin(seed + 1) * 10_000;
return x - Math.floor(x);
};
/** Converts a date string into a stable numeric seed. */
const dateSeed = (dateStr: string): number =>
dateStr.split("").reduce((acc, char, i) => acc + char.charCodeAt(0) * (i + 1), 0);
/**
* Converts a date string into a stable numeric seed.
* @param dateString - A date string such as "2025-01-01".
* @returns A numeric seed derived from the date characters.
*/
const dateSeed = (dateString: string): number => {
let accumulator = 0;
let index = 0;
for (const char of dateString) {
// eslint-disable-next-line capitalized-comments -- v8 ignore
/* v8 ignore next -- @preserve */
const charValue = char.codePointAt(0) ?? 0;
const contribution = charValue * (index + 1);
accumulator = accumulator + contribution;
index = index + 1;
}
return accumulator;
};
/** Deterministically shuffles an array using a numeric seed. */
const shuffleWithSeed = <T>(arr: T[], seed: number): T[] => {
const result = [...arr];
for (let i = result.length - 1; i > 0; i--) {
const j = Math.floor(seededRandom(seed + i) * (i + 1));
[result[i], result[j]] = [result[j]!, result[i]!];
/**
* Deterministically shuffles an array using a numeric seed (Fisher-Yates).
* @param array - The array to shuffle.
* @param seed - The seed controlling shuffle order.
* @returns A new shuffled array.
*/
const shuffleWithSeed = <T>(array: Array<T>, seed: number): Array<T> => {
const result = [ ...array ];
for (let index = result.length - 1; index > 0; index = index - 1) {
const swapIndex = Math.floor(seededRandom(seed + index) * (index + 1));
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- index and swapIndex are always in bounds */
const fromSwap = result[swapIndex]!;
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- index and swapIndex are always in bounds */
const fromIndex = result[index]!;
result[index] = fromSwap;
result[swapIndex] = fromIndex;
}
return result;
};
const CHALLENGE_TYPES: DailyChallengeType[] = [
const challengeTypes: Array<DailyChallengeType> = [
"clicks",
"bossesDefeated",
"questsCompleted",
@@ -40,45 +81,64 @@ const CHALLENGE_TYPES: DailyChallengeType[] = [
/**
* Generates 3 daily challenges for the given date string, deterministically.
* Picks one challenge from 3 different randomly-selected types.
* @param dateString - The date string (YYYY-MM-DD) to generate challenges for.
* @returns An array of 3 DailyChallenge objects.
*/
export const generateDailyChallenges = (dateStr: string): DailyChallenge[] => {
const seed = dateSeed(dateStr);
const selectedTypes = shuffleWithSeed([...CHALLENGE_TYPES], seed).slice(0, 3);
const generateDailyChallenges = (
dateString: string,
): Array<DailyChallenge> => {
const seed = dateSeed(dateString);
const selectedTypes = shuffleWithSeed([ ...challengeTypes ], seed).
slice(0, 3);
return selectedTypes.map((type, index) => {
const templates = DAILY_CHALLENGE_TEMPLATES.filter((t) => t.type === type);
const templateIndex = Math.floor(seededRandom(seed + index * 100) * templates.length);
const templates = dailyChallengeTemplates.filter((template) => {
return template.type === type;
});
const indexOffset = index * 100;
const templateIndex = Math.floor(
seededRandom(seed + indexOffset) * templates.length,
);
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- templateIndex is always valid: seededRandom returns [0,1) so floor * length is always in bounds */
const template = templates[templateIndex]!;
return {
id: `${dateStr}_${type}`,
type: template.type,
label: template.label,
target: template.target,
progress: 0,
completed: false,
completed: false,
id: `${dateString}_${type}`,
label: template.label,
progress: 0,
rewardCrystals: template.rewardCrystals,
target: template.target,
type: template.type,
};
});
};
/**
* Returns the current daily challenge state, generating fresh challenges if
* the stored date doesn't match today (i.e. a new day has begun).
* Returns the current daily challenge state, generating fresh challenges when
* the stored date does not match today.
* @param state - The current game state.
* @returns The current or freshly-generated DailyChallengeState.
*/
export const getOrResetDailyChallenges = (state: GameState): DailyChallengeState => {
const getOrResetDailyChallenges = (
state: GameState,
): DailyChallengeState => {
const today = getTodayString();
if (state.dailyChallenges?.date === today) {
return state.dailyChallenges;
}
return { date: today, challenges: generateDailyChallenges(today) };
return { challenges: generateDailyChallenges(today), date: today };
};
/**
* Increments progress for challenges matching the given type.
* Returns the updated challenge state and total crystals awarded for newly completed challenges.
* @param challengeState - The current daily challenge state.
* @param type - The challenge type to increment progress for.
* @param amount - The amount to increment progress by.
* @returns The updated challenge state and total crystals awarded.
*/
export const updateChallengeProgress = (
const updateChallengeProgress = (
challengeState: DailyChallengeState,
type: DailyChallengeType,
amount: number,
@@ -88,16 +148,33 @@ export const updateChallengeProgress = (
const updatedChallenges: DailyChallengeState = {
...challengeState,
challenges: challengeState.challenges.map((challenge) => {
if (challenge.type !== type || challenge.completed) return challenge;
if (challenge.type !== type || challenge.completed) {
return challenge;
}
const newProgress = Math.min(challenge.progress + amount, challenge.target);
const nowCompleted = newProgress >= challenge.target;
const updatedProgress = Math.min(
challenge.progress + amount,
challenge.target,
);
const nowCompleted = updatedProgress >= challenge.target;
if (nowCompleted) crystalsAwarded += challenge.rewardCrystals;
if (nowCompleted) {
crystalsAwarded = crystalsAwarded + challenge.rewardCrystals;
}
return { ...challenge, progress: newProgress, completed: nowCompleted };
return {
...challenge,
completed: nowCompleted,
progress: updatedProgress,
};
}),
};
return { updatedChallenges, crystalsAwarded };
return { crystalsAwarded, updatedChallenges };
};
export {
generateDailyChallenges,
getOrResetDailyChallenges,
updateChallengeProgress,
};
apps/api/src/services/discord.ts
+74 -33
View File
@@ -1,49 +1,78 @@
export interface DiscordTokenResponse {
access_token: string;
token_type: string;
expires_in: number;
/**
* @file Discord OAuth helpers for token exchange, user fetching, and URL building.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable @typescript-eslint/naming-convention -- Discord API requires snake_case fields and HTTP headers require Pascal-Case */
interface DiscordTokenResponse {
access_token: string;
token_type: string;
expires_in: number;
refresh_token: string;
scope: string;
scope: string;
}
export interface DiscordUser {
id: string;
username: string;
interface DiscordUser {
id: string;
username: string;
discriminator: string;
avatar: string | null;
avatar: string | null;
}
export const exchangeCode = async (code: string): Promise<DiscordTokenResponse> => {
const clientId = process.env["DISCORD_CLIENT_ID"];
const clientSecret = process.env["DISCORD_CLIENT_SECRET"];
const redirectUri = process.env["DISCORD_REDIRECT_URI"];
/**
* Exchanges a Discord OAuth authorisation code for an access token.
* @param code - The authorisation code received from Discord's OAuth callback.
* @returns The Discord token response containing the access token.
* @throws {Error} If OAuth environment variables are missing or the exchange fails.
*/
const exchangeCode = async(
code: string,
): Promise<DiscordTokenResponse> => {
const clientId = process.env.DISCORD_CLIENT_ID;
const clientSecret = process.env.DISCORD_CLIENT_SECRET;
const redirectUri = process.env.DISCORD_REDIRECT_URI;
if (!clientId || !clientSecret || !redirectUri) {
if (
clientId === undefined || clientId === ""
|| clientSecret === undefined || clientSecret === ""
|| redirectUri === undefined || redirectUri === ""
) {
throw new Error("Discord OAuth environment variables are required");
}
const params = new URLSearchParams({
client_id: clientId,
const parameters = new URLSearchParams({
client_id: clientId,
client_secret: clientSecret,
grant_type: "authorization_code",
code,
redirect_uri: redirectUri,
code: code,
grant_type: "authorization_code",
redirect_uri: redirectUri,
});
const response = await fetch("https://discord.com/api/v10/oauth2/token", {
method: "POST",
body: parameters.toString(),
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: params.toString(),
method: "POST",
});
if (!response.ok) {
throw new Error(`Discord token exchange failed: ${response.statusText}`);
}
return response.json() as Promise<DiscordTokenResponse>;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Response JSON matches DiscordTokenResponse shape */
return await (response.json() as Promise<DiscordTokenResponse>);
};
export const fetchDiscordUser = async (accessToken: string): Promise<DiscordUser> => {
/**
* Fetches the Discord user profile for the given access token.
* @param accessToken - A valid Discord OAuth access token.
* @returns The Discord user object.
* @throws {Error} If the user fetch fails.
*/
const fetchDiscordUser = async(
accessToken: string,
): Promise<DiscordUser> => {
const response = await fetch("https://discord.com/api/v10/users/@me", {
headers: { Authorization: `Bearer ${accessToken}` },
});
@@ -52,23 +81,35 @@ export const fetchDiscordUser = async (accessToken: string): Promise<DiscordUser
throw new Error(`Discord user fetch failed: ${response.statusText}`);
}
return response.json() as Promise<DiscordUser>;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Response JSON matches DiscordUser shape */
return await (response.json() as Promise<DiscordUser>);
};
export const buildOAuthUrl = (): string => {
const clientId = process.env["DISCORD_CLIENT_ID"];
const redirectUri = process.env["DISCORD_REDIRECT_URI"];
/**
* Builds the Discord OAuth authorisation URL.
* @returns The full OAuth URL to redirect the user to.
* @throws {Error} If OAuth environment variables are missing.
*/
const buildOAuthUrl = (): string => {
const clientId = process.env.DISCORD_CLIENT_ID;
const redirectUri = process.env.DISCORD_REDIRECT_URI;
if (!clientId || !redirectUri) {
if (
clientId === undefined || clientId === ""
|| redirectUri === undefined || redirectUri === ""
) {
throw new Error("Discord OAuth environment variables are required");
}
const params = new URLSearchParams({
client_id: clientId,
redirect_uri: redirectUri,
const parameters = new URLSearchParams({
client_id: clientId,
redirect_uri: redirectUri,
response_type: "code",
scope: "identify",
scope: "identify",
});
return `https://discord.com/api/oauth2/authorize?${params.toString()}`;
return `https://discord.com/api/oauth2/authorize?${parameters.toString()}`;
};
export type { DiscordTokenResponse, DiscordUser };
export { buildOAuthUrl, exchangeCode, fetchDiscordUser };
apps/api/src/services/jwt.ts
+50 -23
View File
@@ -1,42 +1,65 @@
import { createHmac } from "crypto";
/**
* @file JWT token signing and verification utilities.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { createHmac } from "node:crypto";
interface JwtPayload {
discordId: string;
iat: number;
exp: number;
iat: number;
exp: number;
}
const base64UrlEncode = (data: string): string =>
Buffer.from(data).toString("base64url");
const base64UrlEncode = (data: string): string => {
return Buffer.from(data).toString("base64url");
};
const base64UrlDecode = (data: string): string =>
Buffer.from(data, "base64url").toString("utf8");
const base64UrlDecode = (data: string): string => {
return Buffer.from(data, "base64url").toString("utf8");
};
export const signToken = (discordId: string): string => {
const secret = process.env["JWT_SECRET"];
if (!secret) {
/**
* Signs a JWT token for the given Discord ID.
* @param discordId - The Discord user ID to encode in the token.
* @returns A signed JWT string valid for 30 days.
* @throws {Error} If the JWT_SECRET environment variable is not set.
*/
const signToken = (discordId: string): string => {
const secret = process.env.JWT_SECRET;
if (secret === undefined || secret === "") {
throw new Error("JWT_SECRET environment variable is required");
}
const header = base64UrlEncode(JSON.stringify({ alg: "HS256", typ: "JWT" }));
// 30 days expiry
const thirtyDaysInSeconds = 60 * 60 * 24 * 30;
const payload = base64UrlEncode(
JSON.stringify({
discordId,
iat: Math.floor(Date.now() / 1000),
exp: Math.floor(Date.now() / 1000) + 60 * 60 * 24 * 30, // 30 days
discordId: discordId,
exp: Math.floor(Date.now() / 1000) + thirtyDaysInSeconds,
iat: Math.floor(Date.now() / 1000),
}),
);
const signature = createHmac("sha256", secret)
.update(`${header}.${payload}`)
.digest("base64url");
const signature = createHmac("sha256", secret).
update(`${header}.${payload}`).
digest("base64url");
return `${header}.${payload}.${signature}`;
};
export const verifyToken = (token: string): JwtPayload => {
const secret = process.env["JWT_SECRET"];
if (!secret) {
/**
* Verifies a JWT token and returns the decoded payload.
* @param token - The JWT string to verify.
* @returns The decoded JWT payload containing discordId, iat, and exp.
* @throws {Error} If the JWT_SECRET is missing, the token is malformed, the
* signature is invalid, or the token has expired.
*/
const verifyToken = (token: string): JwtPayload => {
const secret = process.env.JWT_SECRET;
if (secret === undefined || secret === "") {
throw new Error("JWT_SECRET environment variable is required");
}
@@ -45,16 +68,18 @@ export const verifyToken = (token: string): JwtPayload => {
throw new Error("Invalid token format");
}
const [header, payload, signature] = parts as [string, string, string];
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Array destructure of known-length tuple */
const [ header, payload, signature ] = parts as [string, string, string];
const expectedSignature = createHmac("sha256", secret)
.update(`${header}.${payload}`)
.digest("base64url");
const expectedSignature = createHmac("sha256", secret).
update(`${header}.${payload}`).
digest("base64url");
if (signature !== expectedSignature) {
throw new Error("Invalid token signature");
}
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- Parsed JSON from trusted base64url payload */
const decoded = JSON.parse(base64UrlDecode(payload)) as JwtPayload;
if (decoded.exp < Math.floor(Date.now() / 1000)) {
@@ -63,3 +88,5 @@ export const verifyToken = (token: string): JwtPayload => {
return decoded;
};
export { signToken, verifyToken };
apps/api/src/services/offlineProgress.ts
+54 -28
View File
@@ -1,24 +1,42 @@
/**
* @file Offline earnings calculator for gold and essence accrued while logged out.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Offline earnings calculation requires iterating all adventurers with multi-step math */
import type { GameState } from "@elysium/types";
const MAX_OFFLINE_SECONDS = 8 * 60 * 60; // 8 hours
/**
* Maximum offline accrual cap: 8 hours.
*/
const maxOfflineSeconds = 8 * 60 * 60;
/**
* Calculates the gold and essence earned whilst the player was offline.
* Capped at 8 hours to prevent exploit via system clock manipulation.
* Applies the same multipliers as the client-side tick engine.
* @param state - The current game state to calculate offline earnings from.
* @param nowMs - The current timestamp in milliseconds.
* @returns The gold, essence, and elapsed seconds earned offline.
*/
export const calculateOfflineEarnings = (
const calculateOfflineEarnings = (
state: GameState,
nowMs: number,
): { offlineGold: number; offlineEssence: number; offlineSeconds: number } => {
const elapsedSeconds = Math.min(
(nowMs - state.lastTickAt) / 1000,
MAX_OFFLINE_SECONDS,
maxOfflineSeconds,
);
const equipmentGoldMultiplier = (state.equipment ?? [])
.filter((e) => e.equipped)
.reduce((mult, e) => mult * (e.bonus.goldMultiplier ?? 1), 1);
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- Defensive check for runtime nullable fields
const equipmentGoldMultiplier = (state.equipment ?? []).
filter((item) => {
return item.equipped;
}).
reduce((mult, item) => {
return mult * (item.bonus.goldMultiplier ?? 1);
}, 1);
const runestonesIncome = state.prestige.runestonesIncomeMultiplier ?? 1;
const runestonesEssence = state.prestige.runestonesEssenceMultiplier ?? 1;
@@ -31,36 +49,44 @@ export const calculateOfflineEarnings = (
continue;
}
const upgradeMultiplier = state.upgrades
.filter(
(u) =>
u.purchased &&
(u.target === "global" ||
(u.target === "adventurer" && u.adventurerId === adventurer.id)),
)
.reduce((mult, u) => mult * u.multiplier, 1);
const upgradeMultiplier = state.upgrades.
filter((upgrade) => {
const isGlobal = upgrade.target === "global";
const isForAdventurer
= upgrade.target === "adventurer"
&& upgrade.adventurerId === adventurer.id;
const affectsAdventurer = isGlobal || isForAdventurer;
return upgrade.purchased && affectsAdventurer;
}).
reduce((mult, upgrade) => {
return mult * upgrade.multiplier;
}, 1);
const prestige = state.prestige.productionMultiplier;
goldPerSecond +=
adventurer.goldPerSecond *
adventurer.count *
upgradeMultiplier *
prestige *
runestonesIncome *
equipmentGoldMultiplier;
const goldContribution
= adventurer.goldPerSecond
* adventurer.count
* upgradeMultiplier
* prestige
* runestonesIncome
* equipmentGoldMultiplier;
goldPerSecond = goldPerSecond + goldContribution;
essencePerSecond +=
adventurer.essencePerSecond *
adventurer.count *
upgradeMultiplier *
prestige *
runestonesEssence;
const essenceContribution
= adventurer.essencePerSecond
* adventurer.count
* upgradeMultiplier
* prestige
* runestonesEssence;
essencePerSecond = essencePerSecond + essenceContribution;
}
return {
offlineGold: goldPerSecond * elapsedSeconds,
offlineEssence: essencePerSecond * elapsedSeconds,
offlineGold: goldPerSecond * elapsedSeconds,
offlineSeconds: elapsedSeconds,
};
};
export { calculateOfflineEarnings };
apps/api/src/services/prestige.ts
+188 -72
View File
@@ -1,130 +1,246 @@
/**
* @file Prestige eligibility checks, runestone calculations, and post-prestige state builder.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- buildPostPrestigeState requires constructing a large composite state object */
import { initialGameState } from "../data/initialState.js";
import { defaultPrestigeUpgrades } from "../data/prestigeUpgrades.js";
import type {
GameState,
PrestigeData,
PrestigeUpgradeCategory,
} from "@elysium/types";
import { INITIAL_GAME_STATE } from "../data/initialState.js";
import { DEFAULT_PRESTIGE_UPGRADES } from "../data/prestigeUpgrades.js";
const BASE_PRESTIGE_GOLD_THRESHOLD = 1_000_000;
const THRESHOLD_SCALE_FACTOR = 5;
const RUNESTONES_PER_PRESTIGE_LEVEL = 10;
const MILESTONE_INTERVAL = 5;
const MILESTONE_RUNESTONES_PER_INTERVAL = 25;
const basePrestigeGoldThreshold = 1_000_000;
const thresholdScaleFactor = 5;
const runestonesPerPrestigeLevel = 10;
const milestoneInterval = 5;
const milestoneRunestonesPerInterval = 25;
/**
* Calculates the gold threshold required for the next prestige.
* Formula: BASE * SCALE_FACTOR^prestigeCount — each prestige makes the next threshold harder.
* @param prestigeCount - The current number of prestiges completed.
* @param thresholdMultiplier - An optional echo-upgrade multiplier applied to the threshold.
* @returns The gold amount required to prestige.
*/
export const calculatePrestigeThreshold = (prestigeCount: number, thresholdMultiplier = 1): number =>
BASE_PRESTIGE_GOLD_THRESHOLD * Math.pow(THRESHOLD_SCALE_FACTOR, prestigeCount) * thresholdMultiplier;
const calculatePrestigeThreshold = (
prestigeCount: number,
thresholdMultiplier = 1,
): number => {
return (
basePrestigeGoldThreshold
* Math.pow(thresholdScaleFactor, prestigeCount)
* thresholdMultiplier
);
};
export const isEligibleForPrestige = (state: GameState): boolean => {
const thresholdMultiplier = state.transcendence?.echoPrestigeThresholdMultiplier ?? 1;
return state.player.totalGoldEarned >= calculatePrestigeThreshold(state.prestige.count, thresholdMultiplier);
/**
* Returns true if the player has earned enough gold to prestige.
* @param state - The current game state.
* @returns Whether the player is eligible for a prestige reset.
*/
const isEligibleForPrestige = (state: GameState): boolean => {
const thresholdMultiplier
= state.transcendence?.echoPrestigeThresholdMultiplier ?? 1;
return (
state.player.totalGoldEarned
>= calculatePrestigeThreshold(state.prestige.count, thresholdMultiplier)
);
};
const getCategoryMultiplier = (
purchasedUpgradeIds: string[],
purchasedUpgradeIds: Array<string>,
category: PrestigeUpgradeCategory,
): number =>
DEFAULT_PRESTIGE_UPGRADES.filter(
(u) => u.category === category && purchasedUpgradeIds.includes(u.id),
).reduce((mult, u) => mult * u.multiplier, 1);
): number => {
return defaultPrestigeUpgrades.filter((upgrade) => {
const matchesCategory = upgrade.category === category;
const isPurchased = purchasedUpgradeIds.includes(upgrade.id);
return matchesCategory && isPurchased;
}).reduce((mult, upgrade) => {
return mult * upgrade.multiplier;
}, 1);
};
export const computeRunestoneMultipliers = (
purchasedUpgradeIds: string[],
/**
* Computes all four runestone multipliers from the purchased upgrade IDs.
* @param purchasedUpgradeIds - The array of purchased prestige upgrade IDs.
* @returns An object containing all four runestone multiplier values.
*/
const computeRunestoneMultipliers = (
purchasedUpgradeIds: Array<string>,
): {
runestonesIncomeMultiplier: number;
runestonesClickMultiplier: number;
runestonesIncomeMultiplier: number;
runestonesClickMultiplier: number;
runestonesEssenceMultiplier: number;
runestonesCrystalMultiplier: number;
} => ({
runestonesIncomeMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "income"),
runestonesClickMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "click"),
runestonesEssenceMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "essence"),
runestonesCrystalMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "crystals"),
});
} => {
return {
runestonesClickMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"click",
),
runestonesCrystalMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"crystals",
),
runestonesEssenceMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"essence",
),
runestonesIncomeMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"income",
),
};
};
interface RunestoneParameters {
totalGoldEarned: number;
prestigeCount: number;
purchasedUpgradeIds: Array<string>;
echoRunestoneMultiplier?: number;
}
/**
* Calculates how many runestones the player earns from a prestige.
* Formula: floor(sqrt(totalGoldEarned / threshold)) * RUNESTONES_PER_PRESTIGE_LEVEL * runestoneMultiplier
* Formula: floor(sqrt(totalGoldEarned / threshold)) * RUNESTONES_PER_PRESTIGE_LEVEL * runestoneMultiplier.
* @param parameters - The parameters for the runestone calculation.
* @param parameters.totalGoldEarned - The total gold earned in the current run.
* @param parameters.prestigeCount - The current prestige count.
* @param parameters.purchasedUpgradeIds - The purchased prestige upgrade IDs.
* @param parameters.echoRunestoneMultiplier - An optional echo-upgrade multiplier.
* @returns The number of runestones earned.
*/
export const calculateRunestones = (
totalGoldEarned: number,
prestigeCount: number,
purchasedUpgradeIds: string[],
echoRunestoneMultiplier = 1,
): number => {
const calculateRunestones = (parameters: RunestoneParameters): number => {
const {
totalGoldEarned,
prestigeCount,
purchasedUpgradeIds,
echoRunestoneMultiplier = 1,
} = parameters;
const threshold = calculatePrestigeThreshold(prestigeCount);
const base =
Math.floor(Math.sqrt(totalGoldEarned / threshold)) * RUNESTONES_PER_PRESTIGE_LEVEL;
const runestoneMult = getCategoryMultiplier(purchasedUpgradeIds, "runestones");
const base
= Math.floor(Math.sqrt(totalGoldEarned / threshold))
* runestonesPerPrestigeLevel;
const runestoneMult = getCategoryMultiplier(
purchasedUpgradeIds,
"runestones",
);
return Math.floor(base * runestoneMult * echoRunestoneMultiplier);
};
/**
* Calculates the new prestige production multiplier.
* Formula: 1.15^prestigeCount — exponential scaling per prestige.
* @param prestigeCount - The new prestige count.
* @returns The production multiplier for the new prestige level.
*/
export const calculateProductionMultiplier = (prestigeCount: number): number =>
Math.pow(1.15, prestigeCount);
const calculateProductionMultiplier = (
prestigeCount: number,
): number => {
return Math.pow(1.15, prestigeCount);
};
/**
* Returns the milestone runestone bonus for the given prestige count.
* Every MILESTONE_INTERVAL prestiges awards milestone_number * MILESTONE_RUNESTONES_PER_INTERVAL stones.
* @param prestigeCount - The prestige count after the current prestige.
* @returns The milestone runestone bonus, or 0 if not a milestone prestige.
*/
export const calculateMilestoneBonus = (newPrestigeCount: number): number => {
if (newPrestigeCount % MILESTONE_INTERVAL !== 0) return 0;
const milestoneNumber = newPrestigeCount / MILESTONE_INTERVAL;
return milestoneNumber * MILESTONE_RUNESTONES_PER_INTERVAL;
const calculateMilestoneBonus = (prestigeCount: number): number => {
if (prestigeCount % milestoneInterval !== 0) {
return 0;
}
const milestoneNumber = prestigeCount / milestoneInterval;
return milestoneNumber * milestoneRunestonesPerInterval;
};
/**
* Generates the reset game state after a prestige.
* Carries over prestige data and runestones; resets everything else.
* @param currentState - The game state at the time of the prestige.
* @param characterName - The player's character name to carry forward.
* @returns The new game state, prestige data, and runestone counts.
*/
export const buildPostPrestigeState = (
const buildPostPrestigeState = (
currentState: GameState,
characterName: string,
): { newState: GameState; newPrestigeData: PrestigeData; runestonesEarned: number; milestoneRunestones: number } => {
const echoRunestoneMultiplier = currentState.transcendence?.echoPrestigeRunestoneMultiplier ?? 1;
const runestonesEarned = calculateRunestones(
currentState.player.totalGoldEarned,
currentState.prestige.count,
currentState.prestige.purchasedUpgradeIds,
echoRunestoneMultiplier,
);
const newPrestigeCount = currentState.prestige.count + 1;
const { purchasedUpgradeIds } = currentState.prestige;
const milestoneRunestones = calculateMilestoneBonus(newPrestigeCount);
const newPrestigeData: PrestigeData = {
count: newPrestigeCount,
runestones: currentState.prestige.runestones + runestonesEarned + milestoneRunestones,
productionMultiplier: calculateProductionMultiplier(newPrestigeCount),
): {
prestigeState: GameState;
prestigeData: PrestigeData;
runestonesEarned: number;
milestoneRunestones: number;
} => {
const {
autoPrestigeEnabled,
count: currentPrestigeCount,
purchasedUpgradeIds,
lastPrestigedAt: Date.now(),
runestones: currentRunestones,
} = currentState.prestige;
const echoRunestoneMultiplier
= currentState.transcendence?.echoPrestigeRunestoneMultiplier ?? 1;
const runestonesEarned = calculateRunestones({
echoRunestoneMultiplier: echoRunestoneMultiplier,
prestigeCount: currentPrestigeCount,
purchasedUpgradeIds: purchasedUpgradeIds,
totalGoldEarned: currentState.player.totalGoldEarned,
});
const updatedPrestigeCount = currentPrestigeCount + 1;
const milestoneRunestones = calculateMilestoneBonus(updatedPrestigeCount);
const prestigeData: PrestigeData = {
count: updatedPrestigeCount,
lastPrestigedAt: Date.now(),
productionMultiplier: calculateProductionMultiplier(updatedPrestigeCount),
purchasedUpgradeIds: purchasedUpgradeIds,
runestones:
currentRunestones + runestonesEarned + milestoneRunestones,
...computeRunestoneMultipliers(purchasedUpgradeIds),
...(currentState.prestige.autoPrestigeEnabled !== undefined
? { autoPrestigeEnabled: currentState.prestige.autoPrestigeEnabled }
: {}),
...autoPrestigeEnabled === undefined
? {}
: { autoPrestigeEnabled },
};
const freshState = INITIAL_GAME_STATE(currentState.player, characterName);
const newState: GameState = {
const freshState = initialGameState(currentState.player, characterName);
const prestigeState: GameState = {
...freshState,
prestige: newPrestigeData,
lastTickAt: Date.now(),
prestige: prestigeData,
// Codex lore persists across prestiges — players keep their discovered entries
...(currentState.codex ? { codex: currentState.codex } : {}),
...currentState.codex === undefined
? {}
: { codex: currentState.codex },
// Transcendence data is permanent — never wiped by prestige
...(currentState.transcendence ? { transcendence: currentState.transcendence } : {}),
...currentState.transcendence === undefined
? {}
: { transcendence: currentState.transcendence },
// Apotheosis data is eternal — never wiped by prestige
...(currentState.apotheosis ? { apotheosis: currentState.apotheosis } : {}),
...currentState.apotheosis === undefined
? {}
: { apotheosis: currentState.apotheosis },
// Story chapter progress is permanent — survives all resets
...(currentState.story ? { story: currentState.story } : {}),
...currentState.story === undefined
? {}
: { story: currentState.story },
};
return { newState, newPrestigeData, runestonesEarned, milestoneRunestones };
return {
milestoneRunestones,
prestigeData,
prestigeState,
runestonesEarned,
};
};
export {
buildPostPrestigeState,
calculateMilestoneBonus,
calculatePrestigeThreshold,
calculateProductionMultiplier,
calculateRunestones,
computeRunestoneMultipliers,
isEligibleForPrestige,
};
apps/api/src/services/titles.ts
+62 -22
View File
@@ -1,30 +1,60 @@
/**
* @file Title unlock logic for checking and awarding in-game titles.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { gameTitles } from "../data/titles.js";
import type { GameState } from "@elysium/types";
import { TITLES } from "../data/titles.js";
export const checkAndUnlockTitles = (
currentUnlocked: string[],
state: GameState,
guildName: string,
createdAt: number,
): string[] => {
interface TitleCheckParameters {
currentUnlocked: Array<string>;
state: GameState;
guildName: string;
createdAt: number;
}
/**
* Checks which titles the player has newly earned and returns their IDs.
* @param parameters - The parameters for the title check.
* @param parameters.currentUnlocked - The array of already-unlocked title IDs.
* @param parameters.state - The current game state.
* @param parameters.guildName - The player's current guild name.
* @param parameters.createdAt - The timestamp (ms) when the player account was created.
* @returns An array of newly unlocked title IDs.
*/
const checkAndUnlockTitles = (
parameters: TitleCheckParameters,
): Array<string> => {
const { currentUnlocked, state, guildName, createdAt } = parameters;
const metrics: Record<string, number | boolean> = {
totalClicks: state.player.totalClicks,
totalGoldEarned: state.player.totalGoldEarned,
bossesDefeated: state.bosses.filter((b) => b.status === "defeated").length,
questsCompleted: state.quests.filter((q) => q.status === "completed").length,
prestigeCount: state.prestige.count,
transcendenceCount: state.transcendence?.count ?? 0,
achievementsUnlocked: state.achievements.filter((achievement) => {
return achievement.unlockedAt !== null;
}).length,
adventurerTotal: state.adventurers.reduce((sum, adventurer) => {
return sum + adventurer.count;
}, 0),
apotheosisCount: state.apotheosis?.count ?? 0,
adventurerTotal: state.adventurers.reduce((sum, a) => sum + a.count, 0),
achievementsUnlocked: state.achievements.filter((a) => a.unlockedAt !== null).length,
guildFounded: guildName.trim().length > 0,
playedDays: Math.floor((Date.now() - createdAt) / 86_400_000),
bossesDefeated: state.bosses.filter((boss) => {
return boss.status === "defeated";
}).length,
guildFounded: guildName.trim().length > 0,
playedDays: Math.floor((Date.now() - createdAt) / 86_400_000),
prestigeCount: state.prestige.count,
questsCompleted: state.quests.filter((quest) => {
return quest.status === "completed";
}).length,
totalClicks: state.player.totalClicks,
totalGoldEarned: state.player.totalGoldEarned,
transcendenceCount: state.transcendence?.count ?? 0,
};
const newlyUnlocked: string[] = [];
const newlyUnlocked: Array<string> = [];
for (const title of TITLES) {
if (currentUnlocked.includes(title.id)) continue;
for (const title of gameTitles) {
if (currentUnlocked.includes(title.id)) {
continue;
}
const { type, amount } = title.condition;
let earned = false;
@@ -32,6 +62,7 @@ export const checkAndUnlockTitles = (
if (type === "guildFounded") {
earned = metrics.guildFounded === true;
} else if (amount !== undefined) {
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- metrics[type] is number when type is not guildFounded */
earned = (metrics[type] as number) >= amount;
}
@@ -43,9 +74,18 @@ export const checkAndUnlockTitles = (
return newlyUnlocked;
};
export const parseUnlockedTitles = (raw: unknown): string[] => {
/**
* Parses the raw unlocked titles value from the database into a string array.
* @param raw - The raw value from the database (may be any type).
* @returns An array of title ID strings.
*/
const parseUnlockedTitles = (raw: unknown): Array<string> => {
if (Array.isArray(raw)) {
return raw.filter((item): item is string => typeof item === "string");
return raw.filter((item): item is string => {
return typeof item === "string";
});
}
return [];
};
export { checkAndUnlockTitles, parseUnlockedTitles };
apps/api/src/services/transcendence.ts
+129 -47
View File
@@ -1,88 +1,170 @@
import type { GameState, TranscendenceData, TranscendenceUpgradeCategory } from "@elysium/types";
import { INITIAL_GAME_STATE } from "../data/initialState.js";
import { DEFAULT_TRANSCENDENCE_UPGRADES } from "../data/transcendenceUpgrades.js";
/**
* @file Transcendence eligibility checks, echo calculations, and post-transcendence state builder.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { initialGameState } from "../data/initialState.js";
import { defaultTranscendenceUpgrades } from "../data/transcendenceUpgrades.js";
import type {
GameState,
TranscendenceData,
TranscendenceUpgradeCategory,
} from "@elysium/types";
/** ID of the boss that must be defeated to unlock transcendence */
const FINAL_BOSS_ID = "the_absolute_one";
/**
* ID of the boss that must be defeated to unlock transcendence.
*/
const finalBossId = "the_absolute_one";
/** Base constant used in the echo yield formula */
const ECHO_FORMULA_CONSTANT = 853;
/**
* Base constant used in the echo yield formula.
*/
const echoFormulaConstant = 853;
const getCategoryMultiplier = (
purchasedIds: string[],
purchasedIds: Array<string>,
category: TranscendenceUpgradeCategory,
): number =>
DEFAULT_TRANSCENDENCE_UPGRADES
.filter((u) => u.category === category && purchasedIds.includes(u.id))
.reduce((mult, u) => mult * u.multiplier, 1);
): number => {
return defaultTranscendenceUpgrades.filter((upgrade) => {
return upgrade.category === category && purchasedIds.includes(upgrade.id);
}).reduce((mult, upgrade) => {
return mult * upgrade.multiplier;
}, 1);
};
export const computeTranscendenceMultipliers = (
purchasedUpgradeIds: string[],
): Omit<TranscendenceData, "count" | "echoes" | "purchasedUpgradeIds"> => ({
echoIncomeMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "income"),
echoCombatMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "combat"),
echoPrestigeThresholdMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "prestige_threshold"),
echoPrestigeRunestoneMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "prestige_runestones"),
echoMetaMultiplier: getCategoryMultiplier(purchasedUpgradeIds, "echo_meta"),
});
/**
* Computes all transcendence multipliers from the purchased upgrade IDs.
* @param purchasedUpgradeIds - The array of purchased transcendence upgrade IDs.
* @returns An object containing all transcendence multiplier values.
*/
const computeTranscendenceMultipliers = (
purchasedUpgradeIds: Array<string>,
): Omit<TranscendenceData, "count" | "echoes" | "purchasedUpgradeIds"> => {
return {
echoCombatMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"combat",
),
echoIncomeMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"income",
),
echoMetaMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"echo_meta",
),
echoPrestigeRunestoneMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"prestige_runestones",
),
echoPrestigeThresholdMultiplier: getCategoryMultiplier(
purchasedUpgradeIds,
"prestige_threshold",
),
};
};
/**
* Returns true when the player is eligible to transcend:
* they must have defeated the final boss at least once.
* @param state - The current game state.
* @returns Whether the player is eligible for transcendence.
*/
export const isEligibleForTranscendence = (state: GameState): boolean =>
state.bosses.some((b) => b.id === FINAL_BOSS_ID && b.status === "defeated");
const isEligibleForTranscendence = (state: GameState): boolean => {
return state.bosses.some((boss) => {
return boss.id === finalBossId && boss.status === "defeated";
});
};
/**
* Calculates echo yield for a transcendence.
* Formula: floor(CONSTANT / sqrt(prestigeCount)) × echoMetaMultiplier
* Formula: floor(CONSTANT / sqrt(prestigeCount)) × echoMetaMultiplier.
* Fewer prestiges = more echoes (rewards efficient play).
* Minimum prestige count of 1 is enforced to avoid division by zero.
* @param prestigeCount - The current prestige count.
* @param echoMetaMultiplier - The echo meta multiplier from transcendence upgrades.
* @returns The number of echoes earned.
*/
export const calculateEchoes = (
const calculateEchoes = (
prestigeCount: number,
echoMetaMultiplier: number,
): number => {
const safeCount = Math.max(prestigeCount, 1);
return Math.floor((ECHO_FORMULA_CONSTANT / Math.sqrt(safeCount)) * echoMetaMultiplier);
const baseEchoes = echoFormulaConstant / Math.sqrt(safeCount);
return Math.floor(baseEchoes * echoMetaMultiplier);
};
/**
* Builds the permanent-data spread objects that survive a transcendence reset.
* @param currentState - The game state at the time of transcendence.
* @param transcendenceData - The newly-computed transcendence data to carry forward.
* @returns A partial GameState object containing all data that persists through transcendence.
*/
const buildPermanentSpreads = (
currentState: GameState,
transcendenceData: TranscendenceData,
): Partial<GameState> => {
return {
transcendence: transcendenceData,
...currentState.codex === undefined
? {}
: { codex: currentState.codex },
...currentState.apotheosis === undefined
? {}
: { apotheosis: currentState.apotheosis },
...currentState.story === undefined
? {}
: { story: currentState.story },
};
};
/**
* Builds the new game state after a transcendence (nuclear reset).
* Wipes everything except codex, dailyChallenges, and transcendence data.
* @param currentState - The game state at the time of transcendence.
* @param characterName - The player's character name to carry forward.
* @returns The new game state, transcendence data, and echoes earned.
*/
export const buildPostTranscendenceState = (
const buildPostTranscendenceState = (
currentState: GameState,
characterName: string,
): { newState: GameState; newTranscendenceData: TranscendenceData; echoesEarned: number } => {
): {
transcendenceState: GameState;
transcendenceData: TranscendenceData;
echoesEarned: number;
} => {
const previousTranscendence = currentState.transcendence;
const echoMetaMultiplier = previousTranscendence?.echoMetaMultiplier ?? 1;
const echoesEarned = calculateEchoes(currentState.prestige.count, echoMetaMultiplier);
const echoesEarned = calculateEchoes(
currentState.prestige.count,
echoMetaMultiplier,
);
const previousEchoes = previousTranscendence?.echoes ?? 0;
const newCount = (previousTranscendence?.count ?? 0) + 1;
const newPurchasedIds = previousTranscendence?.purchasedUpgradeIds ?? [];
const updatedCount = (previousTranscendence?.count ?? 0) + 1;
const updatedPurchasedIds = previousTranscendence?.purchasedUpgradeIds ?? [];
const newTranscendenceData: TranscendenceData = {
count: newCount,
echoes: previousEchoes + echoesEarned,
purchasedUpgradeIds: newPurchasedIds,
...computeTranscendenceMultipliers(newPurchasedIds),
const transcendenceData: TranscendenceData = {
count: updatedCount,
echoes: previousEchoes + echoesEarned,
purchasedUpgradeIds: updatedPurchasedIds,
...computeTranscendenceMultipliers(updatedPurchasedIds),
};
const freshState = INITIAL_GAME_STATE(currentState.player, characterName);
const newState: GameState = {
const freshState = initialGameState(currentState.player, characterName);
const transcendenceState: GameState = {
...freshState,
lastTickAt: Date.now(),
// Codex lore persists through all resets
...(currentState.codex ? { codex: currentState.codex } : {}),
// Transcendence data is permanent
transcendence: newTranscendenceData,
// Apotheosis data is eternal — never wiped by transcendence
...(currentState.apotheosis ? { apotheosis: currentState.apotheosis } : {}),
// Story chapter progress is permanent — survives all resets
...(currentState.story ? { story: currentState.story } : {}),
...buildPermanentSpreads(currentState, transcendenceData),
};
return { newState, newTranscendenceData, echoesEarned };
return { echoesEarned, transcendenceData, transcendenceState };
};
export {
buildPostTranscendenceState,
calculateEchoes,
computeTranscendenceMultipliers,
isEligibleForTranscendence,
};
apps/api/src/services/webhook.ts
+52 -21
View File
@@ -1,19 +1,39 @@
const DISCORD_API = "https://discord.com/api/v10";
/**
* @file Discord webhook and role-grant utilities for milestone events.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable @typescript-eslint/naming-convention -- Discord API requires snake_case and Pascal-case header names */
const discordApi = "https://discord.com/api/v10";
export const grantApotheosisRole = async (discordId: string): Promise<void> => {
const botToken = process.env["DISCORD_BOT_TOKEN"];
const guildId = process.env["DISCORD_GUILD_ID"];
const roleId = process.env["DISCORD_APOTHEOSIS_ROLE_ID"];
/**
* Grants the apotheosis Discord role to the given player if configured.
* Fails silently so role grant errors do not affect the game action.
* @param discordId - The Discord user ID to grant the role to.
* @returns A promise that resolves when the role grant attempt completes.
*/
const grantApotheosisRole = async(discordId: string): Promise<void> => {
const botToken = process.env.DISCORD_BOT_TOKEN;
const guildId = process.env.DISCORD_GUILD_ID;
const roleId = process.env.DISCORD_APOTHEOSIS_ROLE_ID;
if (!botToken || !guildId || !roleId) {
if (
botToken === undefined || botToken === ""
|| guildId === undefined || guildId === ""
|| roleId === undefined || roleId === ""
) {
return;
}
try {
await fetch(`${DISCORD_API}/guilds/${guildId}/members/${discordId}/roles/${roleId}`, {
method: "PUT",
headers: { Authorization: `Bot ${botToken}` },
});
await fetch(
`${discordApi}/guilds/${guildId}/members/${discordId}/roles/${roleId}`,
{
headers: { Authorization: `Bot ${botToken}` },
method: "PUT",
},
);
} catch {
// Graceful degradation — role grant failure must not affect the apotheosis
}
@@ -22,37 +42,48 @@ export const grantApotheosisRole = async (discordId: string): Promise<void> => {
type MilestoneType = "prestige" | "transcendence" | "apotheosis";
interface MilestoneCounts {
prestige: number;
prestige: number;
transcendence: number;
apotheosis: number;
apotheosis: number;
}
const MILESTONE_VERBS: Record<MilestoneType, string> = {
prestige: "prestiged",
const milestoneVerbs: Record<MilestoneType, string> = {
apotheosis: "reached apotheosis",
prestige: "prestiged",
transcendence: "transcended",
apotheosis: "reached apotheosis",
};
export const postMilestoneWebhook = async (
/**
* Posts a milestone announcement to the configured Discord webhook.
* Fails silently so webhook errors do not affect the game action.
* @param discordId - The Discord user ID of the player.
* @param milestone - The type of milestone reached.
* @param counts - The current prestige, transcendence, and apotheosis counts.
* @returns A promise that resolves when the webhook post attempt completes.
*/
const postMilestoneWebhook = async(
discordId: string,
milestone: MilestoneType,
counts: MilestoneCounts,
): Promise<void> => {
const webhookUrl = process.env["DISCORD_MILESTONE_WEBHOOK"];
if (!webhookUrl) {
const webhookUrl = process.env.DISCORD_MILESTONE_WEBHOOK;
if (webhookUrl === undefined || webhookUrl === "") {
return;
}
const verb = MILESTONE_VERBS[milestone];
const verb = milestoneVerbs[milestone];
/* eslint-disable-next-line @typescript-eslint/restrict-template-expressions -- counts fields are numbers, intentionally stringified */
const content = `<@${discordId}> has ${verb}~! They are now on Prestige ${counts.prestige}, Transcendence ${counts.transcendence}, Apotheosis ${counts.apotheosis}!`;
try {
await fetch(webhookUrl, {
method: "POST",
body: JSON.stringify({ content }),
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ content }),
method: "POST",
});
} catch {
// Graceful degradation — webhook failure must not affect the game action
}
};
export { grantApotheosisRole, postMilestoneWebhook };
apps/api/src/types/hono.ts
+10 -1
View File
@@ -1 +1,10 @@
export type HonoEnv = { Variables: { discordId: string } };
/**
* @file Hono environment type definitions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable @typescript-eslint/naming-convention -- Variables is required by Hono */
export interface HonoEnvironment {
Variables: { discordId: string };
}
apps/api/test/routes/apotheosis.spec.ts
+2 -2
View File
@@ -101,7 +101,7 @@ describe("apotheosis route", () => {
vi.mocked(prisma.player.update).mockResolvedValueOnce({} as never);
const res = await post();
expect(res.status).toBe(200);
const body = await res.json() as { newApotheosisCount: number };
expect(body.newApotheosisCount).toBe(1);
const body = await res.json() as { apotheosisCount: number };
expect(body.apotheosisCount).toBe(1);
});
});
apps/api/test/services/apotheosis.spec.ts
+15 -15
View File
@@ -5,10 +5,10 @@ import {
buildPostApotheosisState,
isEligibleForApotheosis,
} from "../../src/services/apotheosis.js";
import { DEFAULT_TRANSCENDENCE_UPGRADES } from "../../src/data/transcendenceUpgrades.js";
import { defaultTranscendenceUpgrades } from "../../src/data/transcendenceUpgrades.js";
import type { GameState } from "@elysium/types";
const ALL_UPGRADE_IDS = DEFAULT_TRANSCENDENCE_UPGRADES.map((u) => u.id);
const ALL_UPGRADE_IDS = defaultTranscendenceUpgrades.map((u) => u.id);
const makeMinimalState = (overrides: Partial<GameState> = {}): GameState =>
({
@@ -74,42 +74,42 @@ describe("isEligibleForApotheosis", () => {
describe("buildPostApotheosisState", () => {
it("increments apotheosis count from 0", () => {
const state = makeMinimalState();
const { newApotheosisData } = buildPostApotheosisState(state, "T");
expect(newApotheosisData.count).toBe(1);
const { updatedApotheosisData } = buildPostApotheosisState(state, "T");
expect(updatedApotheosisData.count).toBe(1);
});
it("increments apotheosis count from existing value", () => {
const state = makeMinimalState({ apotheosis: { count: 2 } });
const { newApotheosisData } = buildPostApotheosisState(state, "T");
expect(newApotheosisData.count).toBe(3);
const { updatedApotheosisData } = buildPostApotheosisState(state, "T");
expect(updatedApotheosisData.count).toBe(3);
});
it("persists codex", () => {
const codex = { entries: [{ id: "e1", unlockedAt: 1000, sourceType: "exploration" as const }] };
const state = makeMinimalState({ codex });
const { newState } = buildPostApotheosisState(state, "T");
expect(newState.codex).toEqual(codex);
const { updatedState } = buildPostApotheosisState(state, "T");
expect(updatedState.codex).toEqual(codex);
});
it("persists story", () => {
const story = { unlockedChapterIds: ["ch1"], completedChapters: [] };
const state = makeMinimalState({ story });
const { newState } = buildPostApotheosisState(state, "T");
expect(newState.story).toEqual(story);
const { updatedState } = buildPostApotheosisState(state, "T");
expect(updatedState.story).toEqual(story);
});
it("wipes prestige data", () => {
const state = makeMinimalState({
prestige: { count: 10, runestones: 1000, productionMultiplier: 3, purchasedUpgradeIds: [] },
});
const { newState } = buildPostApotheosisState(state, "T");
expect(newState.prestige.count).toBe(0);
expect(newState.prestige.runestones).toBe(0);
const { updatedState } = buildPostApotheosisState(state, "T");
expect(updatedState.prestige.count).toBe(0);
expect(updatedState.prestige.runestones).toBe(0);
});
it("sets apotheosis count on new state", () => {
const state = makeMinimalState({ apotheosis: { count: 0 } });
const { newState } = buildPostApotheosisState(state, "T");
expect(newState.apotheosis?.count).toBe(1);
const { updatedState } = buildPostApotheosisState(state, "T");
expect(updatedState.apotheosis?.count).toBe(1);
});
});
apps/api/test/services/prestige.spec.ts
+19 -19
View File
@@ -90,19 +90,19 @@ describe("isEligibleForPrestige", () => {
describe("calculateRunestones", () => {
it("calculates basic runestones formula", () => {
// floor(sqrt(4_000_000 / 1_000_000)) × 10 = floor(2) × 10 = 20
const result = calculateRunestones(4_000_000, 0, []);
const result = calculateRunestones({ totalGoldEarned: 4_000_000, prestigeCount: 0, purchasedUpgradeIds: [] });
expect(result).toBe(20);
});
it("applies echo runestone multiplier", () => {
// floor(sqrt(4) × 10) = 20; × 2 = 40
const result = calculateRunestones(4_000_000, 0, [], 2);
const result = calculateRunestones({ totalGoldEarned: 4_000_000, prestigeCount: 0, purchasedUpgradeIds: [], echoRunestoneMultiplier: 2 });
expect(result).toBe(40);
});
it("applies purchased runestone upgrade multiplier", () => {
// With "runestones_1" purchased (multiplier 1.25): floor(20 × 1.25) = 25
const result = calculateRunestones(4_000_000, 0, ["runestone_gain_1"]);
const result = calculateRunestones({ totalGoldEarned: 4_000_000, prestigeCount: 0, purchasedUpgradeIds: ["runestone_gain_1"] });
expect(result).toBeGreaterThan(20);
});
});
@@ -176,15 +176,15 @@ describe("computeRunestoneMultipliers", () => {
describe("buildPostPrestigeState", () => {
it("increments prestige count", () => {
const state = makeMinimalState({ player: makePlayer(4_000_000) });
const { newPrestigeData } = buildPostPrestigeState(state, "Tester");
expect(newPrestigeData.count).toBe(1);
const { prestigeData } = buildPostPrestigeState(state, "Tester");
expect(prestigeData.count).toBe(1);
});
it("sums runestones earned", () => {
const state = makeMinimalState({ player: makePlayer(4_000_000) });
const { newPrestigeData, runestonesEarned } = buildPostPrestigeState(state, "Tester");
const { prestigeData, runestonesEarned } = buildPostPrestigeState(state, "Tester");
expect(runestonesEarned).toBeGreaterThan(0);
expect(newPrestigeData.runestones).toBe(runestonesEarned);
expect(prestigeData.runestones).toBe(runestonesEarned);
});
it("adds milestone runestones at prestige 5", () => {
@@ -199,15 +199,15 @@ describe("buildPostPrestigeState", () => {
it("persists codex from current state", () => {
const codex = { entries: [{ id: "e1", unlockedAt: 1000, sourceType: "exploration" as const }] };
const state = makeMinimalState({ codex });
const { newState } = buildPostPrestigeState(state, "Tester");
expect(newState.codex).toEqual(codex);
const { prestigeState } = buildPostPrestigeState(state, "Tester");
expect(prestigeState.codex).toEqual(codex);
});
it("persists story from current state", () => {
const story = { unlockedChapterIds: ["ch1"], completedChapters: [] };
const state = makeMinimalState({ story });
const { newState } = buildPostPrestigeState(state, "Tester");
expect(newState.story).toEqual(story);
const { prestigeState } = buildPostPrestigeState(state, "Tester");
expect(prestigeState.story).toEqual(story);
});
it("persists transcendence from current state", () => {
@@ -218,28 +218,28 @@ describe("buildPostPrestigeState", () => {
echoPrestigeRunestoneMultiplier: 1, echoMetaMultiplier: 1,
};
const state = makeMinimalState({ transcendence });
const { newState } = buildPostPrestigeState(state, "Tester");
expect(newState.transcendence).toEqual(transcendence);
const { prestigeState } = buildPostPrestigeState(state, "Tester");
expect(prestigeState.transcendence).toEqual(transcendence);
});
it("preserves autoPrestigeEnabled when set", () => {
const state = makeMinimalState({
prestige: { count: 0, runestones: 0, productionMultiplier: 1, purchasedUpgradeIds: [], autoPrestigeEnabled: true },
});
const { newPrestigeData } = buildPostPrestigeState(state, "Tester");
expect(newPrestigeData.autoPrestigeEnabled).toBe(true);
const { prestigeData } = buildPostPrestigeState(state, "Tester");
expect(prestigeData.autoPrestigeEnabled).toBe(true);
});
it("omits autoPrestigeEnabled when not set", () => {
const state = makeMinimalState();
const { newPrestigeData } = buildPostPrestigeState(state, "Tester");
expect(newPrestigeData.autoPrestigeEnabled).toBeUndefined();
const { prestigeData } = buildPostPrestigeState(state, "Tester");
expect(prestigeData.autoPrestigeEnabled).toBeUndefined();
});
it("preserves apotheosis data across prestige", () => {
const apotheosis = { count: 2 };
const state = makeMinimalState({ apotheosis });
const { newState } = buildPostPrestigeState(state, "Tester");
expect(newState.apotheosis).toEqual(apotheosis);
const { prestigeState } = buildPostPrestigeState(state, "Tester");
expect(prestigeState.apotheosis).toEqual(apotheosis);
});
});
apps/api/test/services/titles.spec.ts
+11 -11
View File
@@ -62,7 +62,7 @@ describe("checkAndUnlockTitles", () => {
it("returns empty array when no new titles are earned", () => {
const state = makeMinimalState();
const result = checkAndUnlockTitles([], state, "", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "", createdAt: NOW });
expect(result).toEqual([]);
});
@@ -70,19 +70,19 @@ describe("checkAndUnlockTitles", () => {
const state = makeMinimalState({
player: { discordId: "t", username: "u", discriminator: "0", avatar: null, totalGoldEarned: 0, totalClicks: 10_000, characterName: "T" },
});
const result = checkAndUnlockTitles(["click_maniac"], state, "", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: ["click_maniac"], state, guildName: "", createdAt: NOW });
expect(result).not.toContain("click_maniac");
});
it("unlocks guild_founder when guild name is non-empty", () => {
const state = makeMinimalState();
const result = checkAndUnlockTitles([], state, "My Guild", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "My Guild", createdAt: NOW });
expect(result).toContain("guild_founder");
});
it("does not unlock guild_founder for whitespace-only guild name", () => {
const state = makeMinimalState();
const result = checkAndUnlockTitles([], state, " ", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: " ", createdAt: NOW });
expect(result).not.toContain("guild_founder");
});
@@ -90,7 +90,7 @@ describe("checkAndUnlockTitles", () => {
const state = makeMinimalState({
quests: [{ status: "completed" }] as GameState["quests"],
});
const result = checkAndUnlockTitles([], state, "", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "", createdAt: NOW });
expect(result).toContain("the_adventurous");
});
@@ -98,7 +98,7 @@ describe("checkAndUnlockTitles", () => {
const state = makeMinimalState({
bosses: [{ status: "defeated" }] as GameState["bosses"],
});
const result = checkAndUnlockTitles([], state, "", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "", createdAt: NOW });
expect(result).toContain("boss_slayer");
});
@@ -106,21 +106,21 @@ describe("checkAndUnlockTitles", () => {
const state = makeMinimalState({
prestige: { count: 1, runestones: 0, productionMultiplier: 1, purchasedUpgradeIds: [] },
});
const result = checkAndUnlockTitles([], state, "", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "", createdAt: NOW });
expect(result).toContain("the_undying");
});
it("unlocks veteran after 30 days of play", () => {
const createdAt = NOW - THIRTY_DAYS_MS;
const state = makeMinimalState();
const result = checkAndUnlockTitles([], state, "", createdAt);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "", createdAt });
expect(result).toContain("veteran");
});
it("does not unlock veteran before 30 days", () => {
const createdAt = NOW - (29 * 86_400_000);
const state = makeMinimalState();
const result = checkAndUnlockTitles([], state, "", createdAt);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "", createdAt });
expect(result).not.toContain("veteran");
});
@@ -129,7 +129,7 @@ describe("checkAndUnlockTitles", () => {
bosses: [{ status: "defeated" }] as GameState["bosses"],
quests: [{ status: "completed" }] as GameState["quests"],
});
const result = checkAndUnlockTitles([], state, "Guild", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "Guild", createdAt: NOW });
expect(result).toContain("boss_slayer");
expect(result).toContain("the_adventurous");
expect(result).toContain("guild_founder");
@@ -145,7 +145,7 @@ describe("checkAndUnlockTitles", () => {
apotheosis: { count: 1 },
});
// Just verify this runs without error — the counts are read via ?. chains
const result = checkAndUnlockTitles([], state, "", NOW);
const result = checkAndUnlockTitles({ currentUnlocked: [], state, guildName: "", createdAt: NOW });
expect(Array.isArray(result)).toBe(true);
});
});
apps/api/test/services/transcendence.spec.ts
+13 -13
View File
@@ -123,8 +123,8 @@ describe("calculateEchoes", () => {
describe("buildPostTranscendenceState", () => {
it("increments transcendence count from 0", () => {
const state = makeMinimalState();
const { newTranscendenceData } = buildPostTranscendenceState(state, "T");
expect(newTranscendenceData.count).toBe(1);
const { transcendenceData } = buildPostTranscendenceState(state, "T");
expect(transcendenceData.count).toBe(1);
});
it("accumulates echoes", () => {
@@ -135,37 +135,37 @@ describe("buildPostTranscendenceState", () => {
echoPrestigeThresholdMultiplier: 1, echoPrestigeRunestoneMultiplier: 1, echoMetaMultiplier: 1,
},
});
const { newTranscendenceData, echoesEarned } = buildPostTranscendenceState(state, "T");
expect(newTranscendenceData.echoes).toBe(100 + echoesEarned);
const { transcendenceData, echoesEarned } = buildPostTranscendenceState(state, "T");
expect(transcendenceData.echoes).toBe(100 + echoesEarned);
});
it("persists codex from current state", () => {
const codex = { entries: [{ id: "e1", unlockedAt: 1000, sourceType: "exploration" as const }] };
const state = makeMinimalState({ codex });
const { newState } = buildPostTranscendenceState(state, "T");
expect(newState.codex).toEqual(codex);
const { transcendenceState } = buildPostTranscendenceState(state, "T");
expect(transcendenceState.codex).toEqual(codex);
});
it("persists story from current state", () => {
const story = { unlockedChapterIds: ["ch1"], completedChapters: [] };
const state = makeMinimalState({ story });
const { newState } = buildPostTranscendenceState(state, "T");
expect(newState.story).toEqual(story);
const { transcendenceState } = buildPostTranscendenceState(state, "T");
expect(transcendenceState.story).toEqual(story);
});
it("persists apotheosis from current state", () => {
const apotheosis = { count: 2 };
const state = makeMinimalState({ apotheosis });
const { newState } = buildPostTranscendenceState(state, "T");
expect(newState.apotheosis).toEqual(apotheosis);
const { transcendenceState } = buildPostTranscendenceState(state, "T");
expect(transcendenceState.apotheosis).toEqual(apotheosis);
});
it("resets prestige to fresh state", () => {
const state = makeMinimalState({
prestige: { count: 5, runestones: 500, productionMultiplier: 2, purchasedUpgradeIds: [] },
});
const { newState } = buildPostTranscendenceState(state, "T");
expect(newState.prestige.count).toBe(0);
expect(newState.prestige.runestones).toBe(0);
const { transcendenceState } = buildPostTranscendenceState(state, "T");
expect(transcendenceState.prestige.count).toBe(0);
expect(transcendenceState.prestige.runestones).toBe(0);
});
});
apps/web/eslint.config.js
+42 -2
View File
@@ -1,3 +1,43 @@
import { NaomisConfig } from "@nhcarrigan/eslint-config";
import config from "@nhcarrigan/eslint-config";
export default [...NaomisConfig];
export default [
...config,
{
files: [ "src/**/*.tsx" ],
rules: {
"@typescript-eslint/naming-convention": [
"warn",
{
format: [ "camelCase", "PascalCase" ],
leadingUnderscore: "allow",
selector: "variable",
trailingUnderscore: "forbid",
},
{
format: [ "camelCase" ],
leadingUnderscore: "allow",
selector: "function",
trailingUnderscore: "forbid",
},
{
format: [ "PascalCase" ],
leadingUnderscore: "forbid",
selector: "typeLike",
trailingUnderscore: "forbid",
},
{
format: [ "PascalCase" ],
leadingUnderscore: "forbid",
selector: "class",
trailingUnderscore: "forbid",
},
],
"react/jsx-no-bind": [
"error",
{
allowFunctions: true,
},
],
},
},
];
apps/web/src/App.tsx
-66
View File
@@ -1,66 +0,0 @@
import { useState } from "react";
import { GameProvider } from "./context/GameContext.js";
import { CharacterPage } from "./components/game/CharacterPage.js";
import { GameLayout } from "./components/game/GameLayout.js";
import { LeaderboardPage } from "./components/game/LeaderboardPage.js";
import { LoginPage } from "./components/game/LoginPage.js";
import { ProfilePage } from "./components/game/ProfilePage.js";
const getProfileDiscordId = (): string | null => {
const match = /^\/profile\/(\d+)$/.exec(window.location.pathname);
return match?.[1] ?? null;
};
const getCharacterDiscordId = (): string | null => {
const match = /^\/character\/(\d+)$/.exec(window.location.pathname);
return match?.[1] ?? null;
};
const handleAuthCallback = (): boolean => {
if (window.location.pathname !== "/auth/callback") {
return false;
}
const params = new URLSearchParams(window.location.search);
const token = params.get("token");
if (token) {
localStorage.setItem("elysium_token", token);
}
window.history.replaceState(null, "", "/");
return Boolean(token);
};
const isAuthenticated = (): boolean => {
const fromCallback = handleAuthCallback();
return fromCallback || Boolean(localStorage.getItem("elysium_token"));
};
export const App = (): React.JSX.Element => {
const [loggedIn, setLoggedIn] = useState(isAuthenticated);
const profileDiscordId = getProfileDiscordId();
if (profileDiscordId) {
return <ProfilePage discordId={profileDiscordId} />;
}
const characterDiscordId = getCharacterDiscordId();
if (characterDiscordId) {
return <CharacterPage discordId={characterDiscordId} />;
}
if (window.location.pathname === "/leaderboards") {
return <LeaderboardPage />;
}
if (!loggedIn) {
return <LoginPage onLogin={() => { setLoggedIn(true); }} />;
}
return (
<GameProvider>
<GameLayout />
</GameProvider>
);
};
apps/web/src/api/client.ts
+204 -66
View File
@@ -1,3 +1,9 @@
/**
* @file API client for communicating with the Elysium backend.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import type {
AboutResponse,
ApotheosisRequest,
@@ -27,138 +33,270 @@ import type {
UpdateProfileResponse,
} from "@elysium/types";
const BASE_URL = "/api";
const baseUrl = "/api";
const getToken = (): string | null => localStorage.getItem("elysium_token");
const getToken = (): string | null => {
return globalThis.localStorage.getItem("elysium_token");
};
const headers = (): Record<string, string> => {
/* eslint-disable @typescript-eslint/naming-convention -- HTTP header names require specific casing */
const buildHeaders = (): Record<string, string> => {
const token = getToken();
return {
"Content-Type": "application/json",
...(token ? { Authorization: `Bearer ${token}` } : {}),
...token !== null && token.length > 0
? { Authorization: `Bearer ${token}` }
: {},
};
};
/* eslint-enable @typescript-eslint/naming-convention -- HTTP header names require specific casing */
const request = async <T>(
const fetchJson = async <T>(
path: string,
options?: RequestInit,
): Promise<T> => {
const response = await fetch(`${BASE_URL}${path}`, {
const response = await fetch(`${baseUrl}${path}`, {
...options,
headers: { ...headers(), ...options?.headers },
headers: { ...buildHeaders(), ...options?.headers },
});
if (!response.ok) {
const error = (await response.json().catch(() => ({ error: "Unknown error" }))) as {
error: string;
};
throw new Error(error.error);
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- JSON error response requires type assertion */
const errorBody = (await response.json().catch(() => {
return { error: "Unknown error" };
})) as Record<string, unknown>;
const message
= typeof errorBody.error === "string"
? errorBody.error
: "Unknown error";
throw new Error(message);
}
return response.json() as Promise<T>;
/* eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- JSON response requires type assertion */
return await (response.json() as Promise<T>);
};
export const getAbout = async (): Promise<AboutResponse> =>
request<AboutResponse>("/about");
/**
* Fetches the about information from the API.
* @returns The about response data.
*/
const getAbout = async(): Promise<AboutResponse> => {
return await fetchJson<AboutResponse>("/about");
};
export const getAuthUrl = async (): Promise<string> => {
const data = await request<{ url: string }>("/auth/url");
/**
* Fetches the Discord OAuth URL from the API.
* @returns The authentication URL string.
*/
const getAuthUrl = async(): Promise<string> => {
const data = await fetchJson<{ url: string }>("/auth/url");
return data.url;
};
export const handleAuthCallback = async (code: string): Promise<AuthResponse> => {
const data = await request<AuthResponse>(`/auth/callback?code=${code}`);
localStorage.setItem("elysium_token", data.token);
/**
* Handles the Discord OAuth callback and stores the auth token.
* @param code - The OAuth authorization code from Discord.
* @returns The authentication response data.
*/
const handleAuthCallback = async(code: string): Promise<AuthResponse> => {
const data = await fetchJson<AuthResponse>(`/auth/callback?code=${code}`);
globalThis.localStorage.setItem("elysium_token", data.token);
return data;
};
export const loadGame = async (): Promise<LoadResponse> =>
request<LoadResponse>("/game/load");
/**
* Loads the current game state from the server.
* @returns The load response containing the game state.
*/
const loadGame = async(): Promise<LoadResponse> => {
return await fetchJson<LoadResponse>("/game/load");
};
export const resetProgress = async (): Promise<LoadResponse> =>
request<LoadResponse>("/game/reset", { method: "POST" });
/**
* Resets all game progress on the server.
* @returns The load response after reset.
*/
const resetProgress = async(): Promise<LoadResponse> => {
return await fetchJson<LoadResponse>("/game/reset", { method: "POST" });
};
export const saveGame = async (body: SaveRequest): Promise<SaveResponse> =>
request<SaveResponse>("/game/save", {
/**
* Saves the current game state to the server.
* @param body - The save request payload containing the game state.
* @returns The save response data.
*/
const saveGame = async(body: SaveRequest): Promise<SaveResponse> => {
return await fetchJson<SaveResponse>("/game/save", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const challengeBoss = async (
/**
* Challenges a boss with the current game state.
* @param body - The boss challenge request payload.
* @returns The boss challenge response data.
*/
const challengeBoss = async(
body: BossChallengeRequest,
): Promise<BossChallengeResponse> =>
request<BossChallengeResponse>("/boss/challenge", {
): Promise<BossChallengeResponse> => {
return await fetchJson<BossChallengeResponse>("/boss/challenge", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const prestige = async (body: PrestigeRequest): Promise<PrestigeResponse> =>
request<PrestigeResponse>("/prestige", {
/**
* Triggers a prestige reset on the server.
* @param body - The prestige request payload.
* @returns The prestige response data.
*/
const prestige = async(body: PrestigeRequest): Promise<PrestigeResponse> => {
return await fetchJson<PrestigeResponse>("/prestige", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const buyPrestigeUpgrade = async (
/**
* Purchases a prestige upgrade on the server.
* @param body - The buy prestige upgrade request payload.
* @returns The buy prestige upgrade response data.
*/
const buyPrestigeUpgrade = async(
body: BuyPrestigeUpgradeRequest,
): Promise<BuyPrestigeUpgradeResponse> =>
request<BuyPrestigeUpgradeResponse>("/prestige/buy-upgrade", {
): Promise<BuyPrestigeUpgradeResponse> => {
return await fetchJson<BuyPrestigeUpgradeResponse>("/prestige/buy-upgrade", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const transcend = async (body: TranscendenceRequest): Promise<TranscendenceResponse> =>
request<TranscendenceResponse>("/transcendence", {
/**
* Triggers a transcendence reset on the server.
* @param body - The transcendence request payload.
* @returns The transcendence response data.
*/
const transcend = async(
body: TranscendenceRequest,
): Promise<TranscendenceResponse> => {
return await fetchJson<TranscendenceResponse>("/transcendence", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const buyEchoUpgrade = async (
/**
* Purchases an echo upgrade on the server.
* @param body - The buy echo upgrade request payload.
* @returns The buy echo upgrade response data.
*/
const buyEchoUpgrade = async(
body: BuyEchoUpgradeRequest,
): Promise<BuyEchoUpgradeResponse> =>
request<BuyEchoUpgradeResponse>("/transcendence/buy-upgrade", {
): Promise<BuyEchoUpgradeResponse> => {
return await fetchJson<BuyEchoUpgradeResponse>("/transcendence/buy-upgrade", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const achieveApotheosis = async (body: ApotheosisRequest): Promise<ApotheosisResponse> =>
request<ApotheosisResponse>("/apotheosis", {
/**
* Triggers an apotheosis reset on the server.
* @param body - The apotheosis request payload.
* @returns The apotheosis response data.
*/
const achieveApotheosis = async(
body: ApotheosisRequest,
): Promise<ApotheosisResponse> => {
return await fetchJson<ApotheosisResponse>("/apotheosis", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const startExploration = async (
/**
* Starts an exploration in a given area.
* @param body - The exploration start request payload.
* @returns The exploration start response data.
*/
const startExploration = async(
body: ExploreStartRequest,
): Promise<ExploreStartResponse> =>
request<ExploreStartResponse>("/explore/start", {
): Promise<ExploreStartResponse> => {
return await fetchJson<ExploreStartResponse>("/explore/start", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const collectExploration = async (
/**
* Collects the rewards from a completed exploration.
* @param body - The exploration collect request payload.
* @returns The exploration collect response data.
*/
const collectExploration = async(
body: ExploreCollectRequest,
): Promise<ExploreCollectResponse> =>
request<ExploreCollectResponse>("/explore/collect", {
): Promise<ExploreCollectResponse> => {
return await fetchJson<ExploreCollectResponse>("/explore/collect", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const craftRecipe = async (
/**
* Crafts a recipe on the server.
* @param body - The craft recipe request payload.
* @returns The craft recipe response data.
*/
const craftRecipe = async(
body: CraftRecipeRequest,
): Promise<CraftRecipeResponse> =>
request<CraftRecipeResponse>("/craft", {
): Promise<CraftRecipeResponse> => {
return await fetchJson<CraftRecipeResponse>("/craft", {
body: JSON.stringify(body),
method: "POST",
body: JSON.stringify(body),
});
};
export const getPublicProfile = async (
/**
* Fetches a public player profile by Discord ID.
* @param discordId - The Discord ID of the player to look up.
* @returns The public profile response data.
*/
const getPublicProfile = async(
discordId: string,
): Promise<PublicProfileResponse> =>
request<PublicProfileResponse>(`/profile/${discordId}`);
): Promise<PublicProfileResponse> => {
return await fetchJson<PublicProfileResponse>(`/profile/${discordId}`);
};
export const updateProfile = async (
/**
* Updates the current player's profile.
* @param body - The update profile request payload.
* @returns The update profile response data.
*/
const updateProfile = async(
body: UpdateProfileRequest,
): Promise<UpdateProfileResponse> =>
request<UpdateProfileResponse>("/profile", {
): Promise<UpdateProfileResponse> => {
return await fetchJson<UpdateProfileResponse>("/profile", {
body: JSON.stringify(body),
method: "PUT",
body: JSON.stringify(body),
});
};
export {
achieveApotheosis,
buyEchoUpgrade,
buyPrestigeUpgrade,
challengeBoss,
collectExploration,
craftRecipe,
getAbout,
getAuthUrl,
getPublicProfile,
handleAuthCallback,
loadGame,
prestige,
resetProgress,
saveGame,
startExploration,
transcend,
updateProfile,
};
apps/web/src/app.tsx
+86
View File
@@ -0,0 +1,86 @@
/**
* @file Root application component that handles routing and authentication.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
import { type JSX, useState } from "react";
import { CharacterPage } from "./components/game/characterPage.js";
import { GameLayout } from "./components/game/gameLayout.js";
import { LeaderboardPage } from "./components/game/leaderboardPage.js";
import { LoginPage } from "./components/game/loginPage.js";
import { ProfilePage } from "./components/game/profilePage.js";
import { GameProvider } from "./context/gameContext.js";
const getProfileDiscordId = (): string | null => {
const match = /^\/profile\/(?<id>\d+)$/.exec(window.location.pathname);
return match?.groups?.id ?? null;
};
const getCharacterDiscordId = (): string | null => {
const match = /^\/character\/(?<id>\d+)$/.exec(window.location.pathname);
return match?.groups?.id ?? null;
};
const handleAuthCallback = (): boolean => {
if (window.location.pathname !== "/auth/callback") {
return false;
}
const parameters = new URLSearchParams(window.location.search);
const token = parameters.get("token");
if (token !== null && token.length > 0) {
localStorage.setItem("elysium_token", token);
}
window.history.replaceState(null, "", "/");
return token !== null && token.length > 0;
};
const isAuthenticated = (): boolean => {
const fromCallback = handleAuthCallback();
if (fromCallback) {
return true;
}
const storedToken = localStorage.getItem("elysium_token");
return storedToken !== null && storedToken.length > 0;
};
/**
* Renders the root application component, handling routing and authentication.
* @returns The JSX element.
*/
const app = (): JSX.Element => {
const [ loggedIn, setLoggedIn ] = useState(isAuthenticated);
const profileDiscordId = getProfileDiscordId();
if (profileDiscordId !== null) {
return <ProfilePage discordId={profileDiscordId} />;
}
const characterDiscordId = getCharacterDiscordId();
if (characterDiscordId !== null) {
return <CharacterPage discordId={characterDiscordId} />;
}
if (window.location.pathname === "/leaderboards") {
return <LeaderboardPage />;
}
function handleLogin(): void {
setLoggedIn(true);
}
if (!loggedIn) {
return <LoginPage onLogin={handleLogin} />;
}
return (
<GameProvider>
<GameLayout />
</GameProvider>
);
};
export { app as App };
apps/web/src/components/game/AboutPanel.tsx
-180
View File
@@ -1,180 +0,0 @@
import { useEffect, useState } from "react";
import { getAbout } from "../../api/client.js";
import type { AboutResponse } from "@elysium/types";
const HOW_TO_PLAY = [
{
title: "⚔️ Adventurers",
body: "Hire adventurers to earn gold and essence automatically. Each tier is more powerful than the last. Adventurers also contribute combat power for boss fights — the more you recruit, the stronger your party becomes.",
},
{
title: "👆 Clicking",
body: "Click the guild hall to earn gold manually. Upgrades and equipment can dramatically increase your gold per click. Clicking is especially powerful in the early game and when saving up for big purchases.",
},
{
title: "🔧 Upgrades",
body: "Purchase upgrades to multiply the gold and essence output of specific adventurer tiers, or boost your whole guild. Upgrades are permanent for the current run and compound with each other.",
},
{
title: "📜 Quests",
body: "Send your guild on quests that complete over time and reward gold, essence, crystals, equipment, and upgrades. Multiple quests can run simultaneously. Completing quests also unlocks new zones.",
},
{
title: "👹 Boss Fights",
body: "Challenge zone bosses to earn large one-time rewards and unlock new zones. Your party's combat power is based on the number and tier of adventurers you've recruited. Defeated bosses cannot be re-fought, but undefeated bosses regenerate HP over time.",
},
{
title: "🗺️ Zones",
body: "New zones unlock when you defeat the final boss AND complete the final quest of the previous zone. Each zone contains new bosses and quests with progressively greater rewards.",
},
{
title: "🗡️ Equipment & Sets",
body: "Earn equipment from boss drops and quest rewards. Each piece provides bonuses to gold income, click power, or combat. Rarer equipment provides stronger bonuses. Equip matching set pieces (2 or 3 of a named set) to unlock escalating set bonuses shown at the top of the Equipment panel.",
},
{
title: "⭐ Prestige",
body: "When you've progressed far enough, you can prestige to earn runestones — a permanent currency that persists across all runs. Prestige resets your current run but grants a production multiplier that stacks with every prestige.",
},
{
title: "🔮 Runestones & Prestige Upgrades",
body: "Spend runestones in the Prestige Shop on permanent upgrades that carry over across all future runs. These upgrades multiply income, click power, essence, and crystal gain — making each new run more powerful than the last.",
},
{
title: "⚙️ Auto-Prestige",
body: "Purchase the Autonomous Ascension upgrade in the Prestige Shop (100 runestones) to unlock the Auto-Prestige toggle. When enabled, you will automatically ascend the moment you reach the prestige threshold, using your current character name. Toggle it on and off freely from the Prestige Shop.",
},
{
title: "🏆 Achievements",
body: "Earn achievements by hitting milestones — total gold earned, bosses defeated, quests completed, and more. Achievements are purely cosmetic and track your long-term progress across all prestige runs.",
},
{
title: "📅 Daily Challenges",
body: "Complete daily challenges for bonus rewards including gold, essence, crystals, and runestones. Challenges reset each day and vary in difficulty. Completing all daily challenges gives an extra bonus reward.",
},
{
title: "🗺️ Exploration",
body: "Send scouts to explore areas within each zone. Explorations run in real-time and reward gold, essence, and crafting materials when collected. Each area has a set duration — short explorations are faster but longer ones offer rarer finds. A 📖 icon marks areas you've collected from at least once, unlocking a Codex entry.",
},
{
title: "⚗️ Crafting",
body: "Use materials gathered from exploration to craft permanent bonuses. Each recipe provides a multiplier to gold income, essence income, click power, or combat power — all of which stack and persist across prestige runs. Check the Crafting tab to see your material inventory and available recipes per zone.",
},
{
title: "📖 Codex",
body: "Defeating bosses, completing quests, acquiring equipment, hiring adventurers, purchasing upgrades, unlocking prestige upgrades, discovering new zones, collecting from exploration areas, and crafting recipes all permanently unlock lore entries in the Codex. A badge appears on the Codex tab and a toast notification pops up each time new lore is discovered. Collect all 472 entries to build a complete picture of the world of Elysium.",
},
{
title: "📋 Character Sheet",
body: "Visit the Character tab to write about your character and guild. Fill in your character's name, pronouns, race, class, and backstory, then create a guild with its own name and lore. Your character sheet is visible on your public profile page.",
},
{
title: "🏅 Titles",
body: "Earn Titles by reaching milestones — defeating bosses, completing quests, prestiging, and more. Once unlocked, titles are yours forever and are never lost on prestige or transcendence resets. Set your active title from the Character tab to display it on your character sheet and public profile.",
},
{
title: "🗡️ Equipment",
body: "Defeat bosses to earn equipment drops: weapons, armour, and trinkets. Each item provides bonuses to gold income, combat power, or click power. Only one item per slot can be equipped at a time — visit the Equipment panel to manage your loadout. Your currently equipped items are displayed on your character sheet and public profile.",
},
{
title: "🏆 Leaderboards",
body: "Compete with other adventurers on the public Leaderboards page! Categories include Lifetime Gold, Bosses Defeated, Quests Completed, Achievements, Prestige Count, Transcendence Count, and Apotheosis Count. Click any player's row to view their character sheet. You can opt out of appearing on leaderboards via the Privacy section in your profile settings.",
},
{
title: "🔥 Daily Login Bonus",
body: "Log in every day to earn escalating rewards! Each consecutive day awards more gold, and the 7th day of your streak grants bonus crystals. Your streak resets if you miss a day. A week multiplier increases all rewards the longer your overall streak runs. Your current streak is displayed on your character sheet.",
},
{
title: "🤖 Auto-Quest & Auto-Boss",
body: "Toggle automation in the Quests and Boss Encounters panels! Auto-Quest automatically sends your party on the highest-zone available quest as soon as one completes, skipping quests whose combat power requirement isn't met. Auto-Boss automatically challenges the highest available boss as soon as one is ready. Both can be toggled on or off at any time using the 🤖 Auto button in each panel header.",
},
{
title: "👥 Companions",
body: "Unlock companions by reaching certain milestones across all your runs. Each companion provides a powerful permanent bonus: increased passive gold, click gold, boss damage, essence income, or reduced quest time. You can only have one companion active at a time — choose wisely based on your current strategy! Companions are unlocked permanently once their condition is met and will never be lost.",
},
{
title: "☁️ Cloud Saves",
body: "Your progress is automatically saved to the cloud every 30 seconds whilst you play. You can also force a manual save at any time using the sync button in the resource bar. Your save is protected by HMAC validation to ensure data integrity.",
},
{
title: "🌌 Transcendence",
body: "Transcendence is the ultimate prestige layer, unlocked by defeating The Absolute One (requires Prestige 90). Transcending performs a nuclear reset — wiping resources, prestige, runestones, upgrades, and equipment — but grants Echoes based on your prestige count (fewer prestiges = more Echoes). Echoes are permanent and survive all future resets. Spend them in the Echo Shop on lasting multipliers: passive income, combat power, prestige quality-of-life, and Echo meta upgrades that amplify future Echo yields.",
},
{
title: "✨ Apotheosis",
body: "Apotheosis is the final act — a complete dissolution of everything you have built, including your prestige and transcendence progress. It is unlocked once you have purchased every Transcendence upgrade. In exchange for this total reset, you receive the Apotheosis badge: pure bragging rights, a mark of reaching the absolute pinnacle of the game. Apotheosis can be achieved multiple times; each cycle requires purchasing all Transcendence upgrades again. Your Codex entries and lifetime profile statistics are always preserved.",
},
{
title: "📖 Story",
body: "The Story tab contains 22 chapters that unlock as you progress. The first 18 unlock when you defeat the final boss of each zone. Chapters 19 and 20 unlock after your first and fifth prestige respectively. Chapter 21 unlocks on your first transcendence, and Chapter 22 on your first apotheosis. Each chapter presents a narrative moment and three choices — the choice you make is recorded on your Character Sheet and shapes your guild's story. Story progress is permanent and survives all resets.",
},
];
const formatDate = (dateStr: string): string =>
new Date(dateStr).toLocaleDateString("en-GB", {
day: "numeric",
month: "short",
year: "numeric",
});
export const AboutPanel = (): React.JSX.Element => {
const [about, setAbout] = useState<AboutResponse | null>(null);
const [error, setError] = useState<string | null>(null);
const [expandedRelease, setExpandedRelease] = useState<string | null>(null);
useEffect(() => {
getAbout()
.then(setAbout)
.catch((err: unknown) => {
setError(err instanceof Error ? err.message : "Failed to load about data.");
});
}, []);
return (
<section className="panel about-panel">
<h2>ℹ️ About</h2>
<h3 className="stats-section-header">📋 Changelog</h3>
{error !== null && <p className="about-error">{error}</p>}
{about === null && error === null && <p className="about-loading">Loading changelog...</p>}
{about !== null && about.releases.length === 0 && (
<p className="about-empty">No releases yet.</p>
)}
{about !== null && about.releases.length > 0 && (
<ul className="about-releases">
{about.releases.map((release) => (
<li key={release.tag_name} className="about-release">
<button
className="about-release-header"
type="button"
onClick={() => {
setExpandedRelease(
expandedRelease === release.tag_name ? null : release.tag_name,
);
}}
>
<span className="about-release-tag">{release.name || release.tag_name}</span>
<span className="about-release-date">{formatDate(release.published_at)}</span>
<span className="about-release-chevron">
{expandedRelease === release.tag_name ? "▲" : "▼"}
</span>
</button>
{expandedRelease === release.tag_name && (
<pre className="about-release-body">{release.body}</pre>
)}
</li>
))}
</ul>
)}
<h3 className="stats-section-header">📖 How to Play</h3>
<ul className="about-how-to-play">
{HOW_TO_PLAY.map((section) => (
<li key={section.title} className="about-htp-section">
<h4 className="about-htp-title">{section.title}</h4>
<p className="about-htp-body">{section.body}</p>
</li>
))}
</ul>
</section>
);
};
apps/web/src/components/game/AchievementPanel.tsx
-87
View File
@@ -1,87 +0,0 @@
import type { Achievement } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { LockToggle } from "../ui/LockToggle.js";
const conditionDescription = (achievement: Achievement, formatNumber: (n: number) => string): string => {
const { condition } = achievement;
switch (condition.type) {
case "totalGoldEarned":
return `Earn ${formatNumber(condition.amount)} total gold`;
case "totalClicks":
return `Click ${formatNumber(condition.amount)} times`;
case "bossesDefeated":
return `Defeat ${condition.amount} boss${condition.amount > 1 ? "es" : ""}`;
case "questsCompleted":
return `Complete ${condition.amount} quest${condition.amount > 1 ? "s" : ""}`;
case "adventurerTotal":
return `Recruit ${formatNumber(condition.amount)} total adventurers`;
case "prestigeCount":
return `Prestige ${condition.amount} time${condition.amount > 1 ? "s" : ""}`;
case "equipmentOwned":
return `Own ${condition.amount} equipment item${condition.amount > 1 ? "s" : ""}`;
}
};
interface AchievementCardProps {
achievement: Achievement;
formatNumber: (n: number) => string;
}
const AchievementCard = ({ achievement, formatNumber }: AchievementCardProps): React.JSX.Element => {
const isUnlocked = achievement.unlockedAt !== null;
return (
<div className={`achievement-card ${isUnlocked ? "unlocked" : "locked"}`}>
<div className="achievement-icon">{achievement.icon}</div>
<div className="achievement-info">
<h3>{achievement.name}</h3>
<p>{achievement.description}</p>
<p className="achievement-condition">{conditionDescription(achievement, formatNumber)}</p>
{achievement.reward?.crystals != null && (
<p className="achievement-reward">💎 +{achievement.reward.crystals} Crystals</p>
)}
</div>
<div className="achievement-status">
{isUnlocked ? (
<span className="achievement-unlocked-badge">✓ Unlocked</span>
) : (
<span className="achievement-locked-badge">🔒</span>
)}
</div>
</div>
);
};
export const AchievementPanel = (): React.JSX.Element => {
const { state, formatNumber } = useGame();
const [showLocked, setShowLocked] = useState(true);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const achievements = state.achievements ?? [];
const unlocked = achievements.filter((a) => a.unlockedAt !== null);
const locked = achievements.filter((a) => a.unlockedAt === null);
const visible = showLocked ? achievements : unlocked;
return (
<section className="panel achievement-panel">
<div className="panel-header">
<h2>Achievements</h2>
<LockToggle
lockedCount={locked.length}
showLocked={showLocked}
onToggle={() => { setShowLocked((v) => !v); }}
/>
</div>
<p className="achievement-progress">
{unlocked.length} / {achievements.length} unlocked
</p>
<div className="achievement-list">
{visible.map((achievement) => (
<AchievementCard key={achievement.id} achievement={achievement} formatNumber={formatNumber} />
))}
</div>
</section>
);
};
apps/web/src/components/game/AchievementToast.tsx
-48
View File
@@ -1,48 +0,0 @@
import { useEffect } from "react";
import type { Achievement } from "@elysium/types";
import { useGame } from "../../context/GameContext.js";
interface ToastItemProps {
achievement: Achievement;
onDismiss: (id: string) => void;
}
const ToastItem = ({ achievement, onDismiss }: ToastItemProps): React.JSX.Element => {
useEffect(() => {
const timer = setTimeout(() => {
onDismiss(achievement.id);
}, 4000);
return () => { clearTimeout(timer); };
}, [achievement.id, onDismiss]);
return (
<div className="achievement-toast" onClick={() => { onDismiss(achievement.id); }}>
<span className="toast-icon">{achievement.icon}</span>
<div className="toast-content">
<span className="toast-label">Achievement Unlocked!</span>
<span className="toast-name">{achievement.name}</span>
{achievement.reward?.crystals != null && (
<span className="toast-reward">💎 +{achievement.reward.crystals}</span>
)}
</div>
</div>
);
};
export const AchievementToast = (): React.JSX.Element | null => {
const { newAchievements, dismissAchievement } = useGame();
if (newAchievements.length === 0) return null;
return (
<div className="achievement-toast-container">
{newAchievements.map((achievement) => (
<ToastItem
key={achievement.id}
achievement={achievement}
onDismiss={dismissAchievement}
/>
))}
</div>
);
};
apps/web/src/components/game/AdventurerPanel.tsx
-141
View File
@@ -1,141 +0,0 @@
import type { Adventurer } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { LockToggle } from "../ui/LockToggle.js";
const CLASS_ICONS: Record<string, string> = {
warrior: "🗡️",
mage: "🔮",
rogue: "🗝️",
cleric: "✝️",
ranger: "🏹",
paladin: "🛡️",
};
type BatchSize = 1 | 5 | 10 | 25 | 100 | "max";
const BATCH_OPTIONS: BatchSize[] = [1, 5, 10, 25, 100, "max"];
const computeBatchCost = (adventurer: Adventurer, quantity: number): number => {
let total = 0;
for (let i = 0; i < quantity; i++) {
total += adventurer.baseCost * Math.pow(1.15, adventurer.count + i);
}
return total;
};
const computeMaxAffordable = (adventurer: Adventurer, gold: number): number => {
let total = 0;
let quantity = 0;
for (let i = 0; i < 100_000; i++) {
const cost = adventurer.baseCost * Math.pow(1.15, adventurer.count + i);
if (total + cost > gold) break;
total += cost;
quantity++;
}
return quantity;
};
interface AdventurerCardProps {
adventurer: Adventurer;
currentGold: number;
batchSize: BatchSize;
unlockHint?: string | undefined;
formatNumber: (n: number) => string;
}
const AdventurerCard = ({ adventurer, currentGold, batchSize, unlockHint, formatNumber }: AdventurerCardProps): React.JSX.Element => {
const { buyAdventurer } = useGame();
const resolvedQuantity =
batchSize === "max" ? computeMaxAffordable(adventurer, currentGold) : batchSize;
const cost = computeBatchCost(adventurer, resolvedQuantity);
const canAfford = resolvedQuantity > 0 && currentGold >= cost;
const handleBuy = (): void => {
buyAdventurer(adventurer.id, resolvedQuantity);
};
return (
<div className={`adventurer-card ${!adventurer.unlocked ? "locked" : ""}`}>
<div className="adventurer-icon">{CLASS_ICONS[adventurer.class] ?? "⚔️"}</div>
<div className="adventurer-info">
<h3>{adventurer.name}</h3>
<p>{formatNumber(adventurer.goldPerSecond)} gold/s each</p>
{adventurer.essencePerSecond > 0 && (
<p>{formatNumber(adventurer.essencePerSecond)} essence/s each</p>
)}
</div>
<div className="adventurer-count">×{adventurer.count}</div>
<button
className="buy-button"
disabled={!canAfford || !adventurer.unlocked}
onClick={handleBuy}
type="button"
>
{adventurer.unlocked
? `🪙 ${formatNumber(Math.ceil(cost))}${batchSize === "max" && resolvedQuantity > 0 ? ` (×${resolvedQuantity})` : ""}`
: "🔒 Locked"}
</button>
{!adventurer.unlocked && unlockHint && (
<p className="unlock-hint">📜 Complete: {unlockHint}</p>
)}
</div>
);
};
export const AdventurerPanel = (): React.JSX.Element => {
const { state, formatNumber } = useGame();
const [showLocked, setShowLocked] = useState(true);
const [batchSize, setBatchSize] = useState<BatchSize>(1);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const locked = state.adventurers.filter((a) => !a.unlocked);
const visible = showLocked ? state.adventurers : state.adventurers.filter((a) => a.unlocked);
const adventurerUnlockHints = new Map<string, string>();
for (const quest of state.quests) {
for (const reward of quest.rewards) {
if (reward.type === "adventurer" && reward.targetId) {
adventurerUnlockHints.set(reward.targetId, quest.name);
}
}
}
return (
<section className="panel adventurer-panel">
<div className="panel-header">
<h2>Adventurers</h2>
<LockToggle
lockedCount={locked.length}
showLocked={showLocked}
onToggle={() => { setShowLocked((v) => !v); }}
/>
</div>
<div className="batch-selector">
{BATCH_OPTIONS.map((option) => (
<button
key={option}
className={`batch-button ${batchSize === option ? "active" : ""}`}
onClick={() => { setBatchSize(option); }}
type="button"
>
{option === "max" ? "xMax" : `x${option}`}
</button>
))}
</div>
<div className="adventurer-list">
{visible.map((adventurer) => (
<AdventurerCard
key={adventurer.id}
adventurer={adventurer}
batchSize={batchSize}
currentGold={state.resources.gold}
unlockHint={adventurerUnlockHints.get(adventurer.id)}
formatNumber={formatNumber}
/>
))}
</div>
</section>
);
};
apps/web/src/components/game/ApotheosisPanel.tsx
-96
View File
@@ -1,96 +0,0 @@
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { TRANSCENDENCE_UPGRADES } from "../../data/transcendenceUpgrades.js";
const TOTAL_ECHO_UPGRADES = TRANSCENDENCE_UPGRADES.length;
export const ApotheosisPanel = (): React.JSX.Element => {
const { state, apotheosis } = useGame();
const [isPending, setIsPending] = useState(false);
const [result, setResult] = useState<number | null>(null);
const [error, setError] = useState<string | null>(null);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const purchasedIds = state.transcendence?.purchasedUpgradeIds ?? [];
const purchasedCount = TRANSCENDENCE_UPGRADES.filter((u) => purchasedIds.includes(u.id)).length;
const isEligible = purchasedCount >= TOTAL_ECHO_UPGRADES;
const apotheosisCount = state.apotheosis?.count ?? 0;
const handleApotheosis = async (): Promise<void> => {
setIsPending(true);
setError(null);
try {
const data = await apotheosis();
setResult(data.newApotheosisCount);
} catch (err) {
setError(err instanceof Error ? err.message : "Apotheosis failed");
} finally {
setIsPending(false);
}
};
return (
<section className="panel apotheosis-panel">
<h2>✨ Apotheosis</h2>
<p className="apotheosis-intro">
Apotheosis is the final act — a complete dissolution of everything you have built.
Prestige, Transcendence, Echoes, upgrades, equipment, resources: all of it returns
to nothing. In exchange, you receive only one thing:
</p>
<p className="apotheosis-reward">
The <strong>✨ Apotheosis</strong> badge. Proof that you have done it all.
</p>
<p className="apotheosis-intro">
Apotheosis can be achieved multiple times. Each cycle requires you to purchase
every Transcendence upgrade again before the next Apotheosis becomes available.
There is no mechanical benefit — only the knowledge that you have reached the
pinnacle, dissolved it, and climbed back up.
</p>
{apotheosisCount > 0 && (
<div className="apotheosis-count">
<span>You have achieved Apotheosis <strong>{apotheosisCount}</strong> time{apotheosisCount === 1 ? "" : "s"}.</span>
</div>
)}
<div className="apotheosis-status">
<p>
Transcendence upgrades purchased:{" "}
<strong>{purchasedCount} / {TOTAL_ECHO_UPGRADES}</strong>
</p>
{!isEligible && (
<p className="apotheosis-missing">
🔒 Purchase all {TOTAL_ECHO_UPGRADES} Transcendence upgrades to unlock Apotheosis.
({TOTAL_ECHO_UPGRADES - purchasedCount} remaining)
</p>
)}
{isEligible && (
<p className="apotheosis-ready">✅ All Transcendence upgrades purchased. You are ready.</p>
)}
</div>
{isEligible && (
<div className="prestige-form">
<p>This action is <strong>permanent and irreversible</strong>.</p>
<button
className="apotheosis-button"
disabled={isPending}
onClick={() => { void handleApotheosis(); }}
type="button"
>
{isPending ? "Ascending..." : "✨ Achieve Apotheosis"}
</button>
{error && <p className="error">{error}</p>}
{result !== null && (
<p className="success">
Apotheosis achieved. This is cycle <strong>{result}</strong>.
The infinite loop continues.
</p>
)}
</div>
)}
</section>
);
};
apps/web/src/components/game/BattleModal.tsx
-170
View File
@@ -1,170 +0,0 @@
import type { BattleResult } from "../../context/GameContext.js";
import { useGame } from "../../context/GameContext.js";
import { useEffect, useState } from "react";
interface BattleModalProps {
battle: BattleResult;
onDismiss: () => void;
}
export const BattleModal = ({
battle,
onDismiss,
}: BattleModalProps): React.JSX.Element => {
const { result, bossName } = battle;
const { formatNumber } = useGame();
const [phase, setPhase] = useState<"animating" | "result">("animating");
// Starting HP percentages
const bossStartPercent = (result.bossHpBefore / result.bossMaxHp) * 100;
const partyStartPercent = 100;
// Target HP percentages (after battle)
const bossEndPercent = (result.bossHpAtBattleEnd / result.bossMaxHp) * 100;
const partyEndPercent = result.partyMaxHp > 0
? (result.partyHpRemaining / result.partyMaxHp) * 100
: 0;
const [bossHpPercent, setBossHpPercent] = useState(bossStartPercent);
const [partyHpPercent, setPartyHpPercent] = useState(partyStartPercent);
useEffect(() => {
// Brief delay so CSS transition has a starting point to animate from
const startAnimation = setTimeout(() => {
setBossHpPercent(bossEndPercent);
setPartyHpPercent(partyEndPercent);
}, 200);
// Reveal result after animation completes
const revealResult = setTimeout(() => {
setPhase("result");
}, 5_200);
return () => {
clearTimeout(startAnimation);
clearTimeout(revealResult);
};
}, [bossEndPercent, partyEndPercent]);
const bossHpBarColour = bossHpPercent > 50
? "#e74c3c"
: bossHpPercent > 25
? "#e67e22"
: "#c0392b";
const partyHpBarColour = partyHpPercent > 50
? "#27ae60"
: partyHpPercent > 25
? "#f39c12"
: "#e74c3c";
return (
<div className="modal-overlay">
<div className="modal battle-modal">
<h2>⚔️ Battle: {bossName}</h2>
<div className="battle-stats">
<div className="battle-stat">
<span className="stat-label">Your Party DPS</span>
<span className="stat-value">{formatNumber(result.partyDPS)}</span>
</div>
<div className="battle-stat-divider">vs</div>
<div className="battle-stat">
<span className="stat-label">Boss DPS</span>
<span className="stat-value">{formatNumber(result.bossDPS)}</span>
</div>
</div>
<div className="battle-bars">
<div className="battle-bar-row">
<span className="bar-label">👹 {bossName}</span>
<div className="hp-bar-container">
<div
className="hp-bar-fill"
style={{
width: `${bossHpPercent.toFixed(1)}%`,
backgroundColor: bossHpBarColour,
transition: "width 5s ease-in-out",
}}
/>
</div>
<span className="bar-hp">
{formatNumber(result.bossHpAtBattleEnd)} / {formatNumber(result.bossMaxHp)}
</span>
</div>
<div className="vs-divider">⚔️ VS ⚔️</div>
<div className="battle-bar-row">
<span className="bar-label">🛡️ Your Party</span>
<div className="hp-bar-container">
<div
className="hp-bar-fill party-hp"
style={{
width: `${partyHpPercent.toFixed(1)}%`,
backgroundColor: partyHpBarColour,
transition: "width 5s ease-in-out",
}}
/>
</div>
<span className="bar-hp">
{formatNumber(result.partyHpRemaining)} / {formatNumber(result.partyMaxHp)}
</span>
</div>
</div>
{phase === "animating" && (
<p className="battle-in-progress">Battling…</p>
)}
{phase === "result" && (
<div className={`battle-outcome ${result.won ? "victory" : "defeat"}`}>
{result.won ? (
<>
<h3>🏆 Victory!</h3>
{result.rewards && (
<div className="battle-rewards">
<p>Rewards:</p>
<span>🪙 {formatNumber(result.rewards.gold)} gold</span>
{result.rewards.essence > 0 && (
<span>✨ {formatNumber(result.rewards.essence)} essence</span>
)}
{result.rewards.crystals > 0 && (
<span>💎 {formatNumber(result.rewards.crystals)} crystals</span>
)}
{result.rewards.bountyRunestones > 0 && (
<span className="battle-bounty">🔮 {formatNumber(result.rewards.bountyRunestones)} runestones (first kill!)</span>
)}
</div>
)}
</>
) : (
<>
<h3>💀 Defeat</h3>
<p>Your party was defeated. The boss has reset.</p>
{result.casualties && result.casualties.length > 0 && (
<div className="battle-casualties">
<p>Casualties:</p>
{result.casualties.map((c) => (
<span key={c.adventurerId}>
☠️ {c.killed} {c.adventurerId} lost
</span>
))}
</div>
)}
</>
)}
<button
className="dismiss-button"
onClick={onDismiss}
type="button"
>
Continue
</button>
</div>
)}
</div>
</div>
);
};
apps/web/src/components/game/BossPanel.tsx
-244
View File
@@ -1,244 +0,0 @@
import type { Boss } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { LockToggle } from "../ui/LockToggle.js";
import { ZoneSelector } from "./ZoneSelector.js";
interface BossCardProps {
boss: Boss;
prestigeCount: number;
onChallenge: (bossId: string) => void;
isChallenging: boolean;
unlockHint?: string | undefined;
formatNumber: (n: number) => string;
}
const BossCard = ({
boss,
prestigeCount,
onChallenge,
isChallenging,
unlockHint,
formatNumber,
}: BossCardProps): React.JSX.Element => {
const hpPercent = (boss.currentHp / boss.maxHp) * 100;
const isPrestigeLocked = boss.prestigeRequirement > prestigeCount;
const canChallenge =
(boss.status === "available" || boss.status === "in_progress") && !isChallenging;
return (
<div className={`boss-card boss-${boss.status}`}>
<div className="boss-info">
<h3>{boss.name}</h3>
<p>{boss.description}</p>
{isPrestigeLocked && boss.status === "locked" && (
<p className="prestige-lock">
🔒 Requires Prestige {boss.prestigeRequirement}
</p>
)}
{!isPrestigeLocked && boss.status === "locked" && unlockHint && (
<p className="unlock-hint">{unlockHint}</p>
)}
</div>
{boss.status !== "locked" && boss.status !== "defeated" && (
<div className="boss-hp">
<div className="hp-bar">
<div
className="hp-fill"
style={{ width: `${hpPercent.toFixed(1)}%` }}
/>
</div>
<span className="hp-text">
{formatNumber(boss.currentHp)} / {formatNumber(boss.maxHp)} HP
</span>
</div>
)}
<div className="boss-meta">
<span className="boss-dps">💢 Boss DPS: {formatNumber(boss.damagePerSecond)}</span>
</div>
<div className="boss-rewards">
<span>🪙 {formatNumber(boss.goldReward)}</span>
{boss.essenceReward > 0 && (
<span>✨ {formatNumber(boss.essenceReward)}</span>
)}
{boss.crystalReward > 0 && (
<span>💎 {formatNumber(boss.crystalReward)}</span>
)}
{(boss.equipmentRewards ?? []).length > 0 && (
<span>🗡️ {boss.equipmentRewards.length} Equipment</span>
)}
{boss.status !== "defeated" && boss.bountyRunestones > 0 && (
<span className="boss-bounty">🔮 {boss.bountyRunestones} (first kill)</span>
)}
</div>
{(boss.status === "available" || boss.status === "in_progress") && (
<button
className="attack-button"
disabled={!canChallenge}
onClick={() => {
onChallenge(boss.id);
}}
type="button"
>
{isChallenging ? "⚔️ Battling…" : "⚔️ Challenge"}
</button>
)}
{boss.status === "defeated" && (
<span className="boss-badge defeated">☠️ Defeated</span>
)}
</div>
);
};
export const BossPanel = (): React.JSX.Element => {
const { state, challengeBoss, formatNumber, toggleAutoBoss } = useGame();
const [challengingBossId, setChallengingBossId] = useState<string | null>(null);
const [activeZoneId, setActiveZoneId] = useState("verdant_vale");
const [showLocked, setShowLocked] = useState(true);
if (!state) return <section className="panel"><p>Loading...</p></section>;
// Calculate party combat stats including equipment multiplier
let globalMultiplier = 1;
for (const upgrade of state.upgrades) {
if (upgrade.purchased && upgrade.target === "global") {
globalMultiplier *= upgrade.multiplier;
}
}
const prestigeMultiplier = 1 + state.prestige.count * 0.1;
const equipmentCombatMultiplier = (state.equipment ?? [])
.filter((e) => e.equipped && e.bonus.combatMultiplier != null)
.reduce((mult, e) => mult * (e.bonus.combatMultiplier ?? 1), 1);
let partyDPS = 0;
let partyHP = 0;
for (const adventurer of state.adventurers) {
if (adventurer.count === 0) continue;
let adventurerMultiplier = 1;
for (const upgrade of state.upgrades) {
if (
upgrade.purchased &&
upgrade.target === "adventurer" &&
upgrade.adventurerId === adventurer.id
) {
adventurerMultiplier *= upgrade.multiplier;
}
}
partyDPS +=
adventurer.combatPower *
adventurer.count *
adventurerMultiplier *
globalMultiplier *
prestigeMultiplier;
partyHP += adventurer.level * 50 * adventurer.count;
}
partyDPS *= equipmentCombatMultiplier;
const handleChallenge = async (bossId: string): Promise<void> => {
setChallengingBossId(bossId);
try {
await challengeBoss(bossId);
} finally {
setChallengingBossId(null);
}
};
const zones = state.zones ?? [];
const zoneBosses = state.bosses.filter((b) => b.zoneId === activeZoneId);
const lockedCount = zoneBosses.filter((b) => b.status === "locked").length;
const visibleBosses = showLocked
? zoneBosses
: zoneBosses.filter((b) => b.status !== "locked");
const bossUnlockHints = new Map<string, string>();
for (const zone of zones) {
const allZoneBosses = state.bosses.filter((b) => b.zoneId === zone.id);
for (let i = 0; i < allZoneBosses.length; i++) {
const boss = allZoneBosses[i];
if (!boss || boss.status !== "locked") continue;
if (i === 0) {
const parts: string[] = [];
if (zone.unlockBossId) {
const gateBoss = state.bosses.find((b) => b.id === zone.unlockBossId);
if (gateBoss) parts.push(`⚔️ Defeat: ${gateBoss.name}`);
}
if (zone.unlockQuestId) {
const gateQuest = state.quests.find((q) => q.id === zone.unlockQuestId);
if (gateQuest) parts.push(`📜 Complete: ${gateQuest.name}`);
}
if (parts.length > 0) {
bossUnlockHints.set(boss.id, parts.join(" & "));
}
} else {
const prevBoss = allZoneBosses[i - 1];
if (prevBoss) {
bossUnlockHints.set(boss.id, `⚔️ Defeat: ${prevBoss.name} first`);
}
}
}
}
return (
<section className="panel boss-panel">
<div className="panel-header">
<h2>Boss Encounters</h2>
<div className="panel-header-controls">
<button
className={`auto-toggle-btn ${state.autoBoss ? "auto-toggle-on" : "auto-toggle-off"}`}
onClick={toggleAutoBoss}
title="Automatically challenge the highest available boss"
type="button"
>
🤖 Auto: {state.autoBoss ? "ON" : "OFF"}
</button>
<LockToggle
lockedCount={lockedCount}
showLocked={showLocked}
onToggle={() => { setShowLocked((v) => !v); }}
/>
</div>
</div>
<ZoneSelector
activeZoneId={activeZoneId}
zones={zones}
onSelectZone={setActiveZoneId}
/>
<div className="party-combat-stats">
<div className="combat-stat">
<span className="stat-label">⚔️ Party DPS</span>
<span className="stat-value">{formatNumber(partyDPS)}</span>
</div>
<div className="combat-stat">
<span className="stat-label">❤️ Party HP</span>
<span className="stat-value">{formatNumber(partyHP)}</span>
</div>
</div>
<div className="boss-list">
{visibleBosses.map((boss) => (
<BossCard
key={boss.id}
boss={boss}
formatNumber={formatNumber}
isChallenging={challengingBossId === boss.id}
prestigeCount={state.prestige.count}
unlockHint={bossUnlockHints.get(boss.id)}
onChallenge={(id) => {
void handleChallenge(id);
}}
/>
))}
{visibleBosses.length === 0 && (
<p className="empty-zone">No bosses to show in this zone.</p>
)}
</div>
</section>
);
};
apps/web/src/components/game/CharacterPage.tsx
-188
View File
@@ -1,188 +0,0 @@
import type { EquipmentBonus, EquipmentType, PublicProfileResponse } from "@elysium/types";
import { useEffect, useState } from "react";
interface CharacterPageProps {
discordId: string;
}
export const CharacterPage = ({ discordId }: CharacterPageProps): React.JSX.Element => {
const [profile, setProfile] = useState<PublicProfileResponse | null>(null);
const [error, setError] = useState<string | null>(null);
const [copied, setCopied] = useState(false);
useEffect(() => {
fetch(`/api/profile/${discordId}`)
.then(async (res) => {
if (!res.ok) throw new Error("Player not found");
return res.json() as Promise<PublicProfileResponse>;
})
.then(setProfile)
.catch((err: unknown) => {
setError(err instanceof Error ? err.message : "Failed to load character sheet");
});
}, [discordId]);
const handleCopy = (): void => {
void navigator.clipboard.writeText(window.location.href).then(() => {
setCopied(true);
setTimeout(() => { setCopied(false); }, 2000);
});
};
if (error) {
return (
<div className="character-page">
<div className="character-page-error">
<p>⚠️ {error}</p>
<a className="character-page-link" href="/">← Play Elysium</a>
</div>
</div>
);
}
if (!profile) {
return (
<div className="character-page">
<div className="character-page-loading">Loading character sheet…</div>
</div>
);
}
const SLOT_ICONS: Record<EquipmentType, string> = {
weapon: "⚔️",
armour: "🛡️",
trinket: "💍",
};
const formatBonus = (bonus: EquipmentBonus): string => {
const parts: string[] = [];
if (bonus.goldMultiplier !== undefined) {
parts.push(`+${Math.round((bonus.goldMultiplier - 1) * 100)}% Gold Income`);
}
if (bonus.combatMultiplier !== undefined) {
parts.push(`+${Math.round((bonus.combatMultiplier - 1) * 100)}% Combat Power`);
}
if (bonus.clickMultiplier !== undefined) {
parts.push(`+${Math.round((bonus.clickMultiplier - 1) * 100)}% Click Power`);
}
return parts.join(" · ");
};
const avatarUrl = profile.avatar
? `https://cdn.discordapp.com/avatars/${discordId}/${profile.avatar}.png?size=128`
: `https://cdn.discordapp.com/embed/avatars/${parseInt(discordId, 10) % 5}.png`;
const subtitle = [profile.characterRace, profile.characterClass].filter(Boolean).join(" · ");
const activeTitleName = profile.activeTitle
? (profile.unlockedTitles.find((t) => t.id === profile.activeTitle)?.name ?? profile.activeTitle)
: null;
const hasBadge = profile.apotheosisCount > 0 || profile.transcendenceCount > 0 || profile.prestigeCount > 0;
return (
<div className="character-page">
<div className="character-page-card">
<div className="character-page-header">
<img
alt={`${profile.characterName || profile.username}'s avatar`}
className="character-page-avatar"
src={avatarUrl}
/>
<div className="character-page-identity">
<h1 className="character-page-name">
{profile.characterName || profile.username}
</h1>
{activeTitleName && (
<p className="character-page-title">{activeTitleName}</p>
)}
{profile.pronouns && (
<p className="character-page-pronouns">{profile.pronouns}</p>
)}
{subtitle && (
<p className="character-page-subtitle">{subtitle}</p>
)}
{hasBadge && (
<div className="character-page-badges">
{profile.apotheosisCount > 0 && (
<span className="character-page-badge character-page-badge--apotheosis">
✨ Apotheosis {profile.apotheosisCount}
</span>
)}
{profile.transcendenceCount > 0 && (
<span className="character-page-badge character-page-badge--transcendence">
🌌 Transcendence {profile.transcendenceCount}
</span>
)}
{profile.prestigeCount > 0 && (
<span className="character-page-badge character-page-badge--prestige">
⭐ Prestige {profile.prestigeCount}
</span>
)}
</div>
)}
</div>
</div>
{profile.bio && (
<div className="character-page-section">
<h2 className="character-page-section-title">⚔️ About</h2>
<p className="character-page-bio">{profile.bio}</p>
</div>
)}
{profile.guildName && (
<div className="character-page-section">
<h2 className="character-page-section-title">🏰 Guild</h2>
<p className="character-page-guild-name">{profile.guildName}</p>
{profile.guildDescription && (
<p className="character-page-guild-desc">{profile.guildDescription}</p>
)}
</div>
)}
{profile.equippedItems.length > 0 && (
<div className="character-page-section">
<h2 className="character-page-section-title">🗡️ Equipment</h2>
<div className="character-page-equipment-list">
{profile.equippedItems.map((item) => (
<div className="character-page-equipment-item" key={item.type}>
<div className="character-page-equipment-header">
<span className="character-page-equipment-slot">{SLOT_ICONS[item.type]}</span>
<span className={`character-page-equipment-name character-sheet-rarity--${item.rarity}`}>
{item.name}
</span>
<span className={`character-page-equipment-rarity character-sheet-rarity--${item.rarity}`}>
{item.rarity}
</span>
</div>
<p className="character-page-equipment-bonus">{formatBonus(item.bonus)}</p>
</div>
))}
</div>
</div>
)}
<div className="character-page-divider" />
<p className="character-page-player-line">
Played by <span className="character-page-username">@{profile.username}</span>
</p>
<div className="character-page-actions">
<button
className="character-page-share-btn"
onClick={handleCopy}
type="button"
>
{copied ? "✓ Copied!" : "🔗 Share Character"}
</button>
<a className="character-page-profile-link" href={`/profile/${discordId}`}>
📊 View Stats
</a>
<a className="character-page-play-link" href="/">
⚔️ Play Elysium
</a>
</div>
</div>
</div>
);
};
apps/web/src/components/game/CharacterSheetPanel.tsx
-433
View File
@@ -1,433 +0,0 @@
import type { EquipmentBonus, EquipmentRarity, EquipmentType, ProfileSettings } from "@elysium/types";
import { DEFAULT_PROFILE_SETTINGS, STORY_CHAPTERS } from "@elysium/types";
import { useEffect, useRef, useState } from "react";
import { updateProfile } from "../../api/client.js";
import { useGame } from "../../context/GameContext.js";
interface EquippedItem {
name: string;
type: EquipmentType;
rarity: EquipmentRarity;
bonus: EquipmentBonus;
}
interface CharacterSheetData {
characterName: string;
pronouns: string;
characterRace: string;
characterClass: string;
bio: string;
guildName: string;
guildDescription: string;
activeTitle: string;
unlockedTitles: Array<{ id: string; name: string }>;
equippedItems: EquippedItem[];
}
const EMPTY_SHEET: CharacterSheetData = {
characterName: "",
pronouns: "",
characterRace: "",
characterClass: "",
bio: "",
guildName: "",
guildDescription: "",
activeTitle: "",
unlockedTitles: [],
equippedItems: [],
};
const SLOT_ICONS: Record<EquipmentType, string> = {
weapon: "⚔️",
armour: "🛡️",
trinket: "💍",
};
const formatBonus = (bonus: EquipmentBonus): string => {
const parts: string[] = [];
if (bonus.goldMultiplier !== undefined) {
parts.push(`+${Math.round((bonus.goldMultiplier - 1) * 100)}% Gold Income`);
}
if (bonus.combatMultiplier !== undefined) {
parts.push(`+${Math.round((bonus.combatMultiplier - 1) * 100)}% Combat Power`);
}
if (bonus.clickMultiplier !== undefined) {
parts.push(`+${Math.round((bonus.clickMultiplier - 1) * 100)}% Click Power`);
}
return parts.join(" · ");
};
export const CharacterSheetPanel = (): React.JSX.Element => {
const { state, loginStreak } = useGame();
const player = state?.player;
const [sheet, setSheet] = useState<CharacterSheetData>(EMPTY_SHEET);
const [draft, setDraft] = useState<CharacterSheetData>(EMPTY_SHEET);
const [editing, setEditing] = useState(false);
const [loading, setLoading] = useState(true);
const [saving, setSaving] = useState(false);
const [error, setError] = useState<string | null>(null);
const [saved, setSaved] = useState(false);
const [copied, setCopied] = useState(false);
const savedSettingsRef = useRef<ProfileSettings>({ ...DEFAULT_PROFILE_SETTINGS });
useEffect(() => {
if (!player?.discordId) return;
fetch(`/api/profile/${player.discordId}`)
.then(async (res) => {
if (!res.ok) return;
const data = (await res.json()) as {
characterName: string;
pronouns: string;
characterRace: string;
characterClass: string;
bio: string;
guildName: string;
guildDescription: string;
profileSettings: ProfileSettings;
activeTitle: string;
unlockedTitles: Array<{ id: string; name: string }>;
equippedItems: EquippedItem[];
};
const loaded: CharacterSheetData = {
characterName: data.characterName ?? "",
pronouns: data.pronouns ?? "",
characterRace: data.characterRace ?? "",
characterClass: data.characterClass ?? "",
bio: data.bio ?? "",
guildName: data.guildName ?? "",
guildDescription: data.guildDescription ?? "",
activeTitle: data.activeTitle ?? "",
unlockedTitles: data.unlockedTitles ?? [],
equippedItems: data.equippedItems ?? [],
};
setSheet(loaded);
setDraft(loaded);
savedSettingsRef.current = { ...DEFAULT_PROFILE_SETTINGS, ...data.profileSettings };
})
.catch(() => { /* fall back to empty */ })
.finally(() => { setLoading(false); });
}, [player?.discordId]);
const handleEdit = (): void => {
setDraft({ ...sheet });
setEditing(true);
setError(null);
setSaved(false);
};
const handleCancel = (): void => {
setEditing(false);
setError(null);
};
const handleSave = async (): Promise<void> => {
setSaving(true);
setError(null);
try {
await updateProfile({
characterName: draft.characterName || (player?.characterName ?? ""),
pronouns: draft.pronouns,
characterRace: draft.characterRace,
characterClass: draft.characterClass,
bio: draft.bio,
guildName: draft.guildName,
guildDescription: draft.guildDescription,
profileSettings: savedSettingsRef.current,
activeTitle: draft.activeTitle,
});
setSheet({ ...draft });
setSaved(true);
setTimeout(() => {
setEditing(false);
setSaved(false);
}, 900);
} catch (err) {
setError(err instanceof Error ? err.message : "Failed to save");
} finally {
setSaving(false);
}
};
if (loading) {
return <section className="panel"><p>Loading character sheet…</p></section>;
}
if (editing) {
return (
<section className="panel character-sheet-panel">
<div className="panel-header">
<h2>📋 Character Sheet</h2>
</div>
<div className="character-sheet-form">
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">⚔️ Character</h3>
<label className="character-sheet-label" htmlFor="cs-name">Character Name</label>
<input
className="character-sheet-input"
id="cs-name"
maxLength={32}
placeholder="Your character's name"
type="text"
value={draft.characterName}
onChange={(e) => { setDraft((d) => ({ ...d, characterName: e.target.value })); }}
/>
<span className="character-sheet-hint">{draft.characterName.length} / 32</span>
<label className="character-sheet-label" htmlFor="cs-pronouns">Pronouns</label>
<input
className="character-sheet-input"
id="cs-pronouns"
maxLength={20}
placeholder="e.g. she/her, he/him, they/them"
type="text"
value={draft.pronouns}
onChange={(e) => { setDraft((d) => ({ ...d, pronouns: e.target.value })); }}
/>
<span className="character-sheet-hint">{draft.pronouns.length} / 20</span>
<label className="character-sheet-label" htmlFor="cs-race">Race</label>
<input
className="character-sheet-input"
id="cs-race"
maxLength={32}
placeholder="e.g. Elf, Dwarf, Human, Tiefling…"
type="text"
value={draft.characterRace}
onChange={(e) => { setDraft((d) => ({ ...d, characterRace: e.target.value })); }}
/>
<span className="character-sheet-hint">{draft.characterRace.length} / 32</span>
<label className="character-sheet-label" htmlFor="cs-class">Class</label>
<input
className="character-sheet-input"
id="cs-class"
maxLength={32}
placeholder="e.g. Paladin, Archmage, Shadow Rogue…"
type="text"
value={draft.characterClass}
onChange={(e) => { setDraft((d) => ({ ...d, characterClass: e.target.value })); }}
/>
<span className="character-sheet-hint">{draft.characterClass.length} / 32</span>
<label className="character-sheet-label" htmlFor="cs-bio">About Your Character</label>
<textarea
className="character-sheet-textarea"
id="cs-bio"
maxLength={200}
placeholder="Describe your character's story, personality, or appearance…"
rows={4}
value={draft.bio}
onChange={(e) => { setDraft((d) => ({ ...d, bio: e.target.value })); }}
/>
<span className="character-sheet-hint">{draft.bio.length} / 200</span>
{draft.unlockedTitles.length > 0 && (
<>
<label className="character-sheet-label" htmlFor="cs-title">Active Title</label>
<select
className="character-sheet-input"
id="cs-title"
value={draft.activeTitle}
onChange={(e) => { setDraft((d) => ({ ...d, activeTitle: e.target.value })); }}
>
<option value="">— None —</option>
{draft.unlockedTitles.map((t) => (
<option key={t.id} value={t.id}>{t.name}</option>
))}
</select>
</>
)}
</div>
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">🏰 Guild</h3>
<label className="character-sheet-label" htmlFor="cs-guild-name">Guild Name</label>
<input
className="character-sheet-input"
id="cs-guild-name"
maxLength={64}
placeholder="Name your guild"
type="text"
value={draft.guildName}
onChange={(e) => { setDraft((d) => ({ ...d, guildName: e.target.value })); }}
/>
<span className="character-sheet-hint">{draft.guildName.length} / 64</span>
<label className="character-sheet-label" htmlFor="cs-guild-desc">Guild Description</label>
<textarea
className="character-sheet-textarea"
id="cs-guild-desc"
maxLength={500}
placeholder="Describe your guild's history, goals, or lore…"
rows={6}
value={draft.guildDescription}
onChange={(e) => { setDraft((d) => ({ ...d, guildDescription: e.target.value })); }}
/>
<span className="character-sheet-hint">{draft.guildDescription.length} / 500</span>
</div>
{error && <p className="character-sheet-error">{error}</p>}
<div className="character-sheet-actions">
<button className="character-sheet-cancel" onClick={handleCancel} type="button">
Cancel
</button>
<button
className="character-sheet-save"
disabled={saving || !draft.characterName.trim()}
onClick={() => { void handleSave(); }}
type="button"
>
{saved ? "✓ Saved!" : saving ? "Saving…" : "Save"}
</button>
</div>
</div>
</section>
);
}
const subtitle = [sheet.characterRace, sheet.characterClass].filter(Boolean).join(" · ");
return (
<section className="panel character-sheet-panel">
<div className="panel-header">
<h2>📋 Character Sheet</h2>
<div className="character-sheet-header-actions">
<button
className="character-sheet-edit-btn"
onClick={() => {
const url = `${window.location.origin}/character/${player?.discordId ?? ""}`;
void navigator.clipboard.writeText(url).then(() => {
setCopied(true);
setTimeout(() => { setCopied(false); }, 2000);
});
}}
type="button"
>
{copied ? "✓ Copied!" : "🔗 Share"}
</button>
<a className="character-sheet-edit-btn" href="/leaderboards">
🏆 Boards
</a>
<button className="character-sheet-edit-btn" onClick={handleEdit} type="button">
✏️ Edit
</button>
</div>
</div>
<div className="character-sheet-view">
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">⚔️ Character</h3>
<div className="character-sheet-field">
<span className="character-sheet-field-label">Name</span>
<span className="character-sheet-field-value">
{sheet.characterName || <em className="character-sheet-empty">Not set</em>}
</span>
</div>
<div className="character-sheet-field">
<span className="character-sheet-field-label">Streak</span>
<span className="character-sheet-streak">
🔥 {loginStreak}-day login streak
</span>
</div>
{sheet.activeTitle && (
<div className="character-sheet-field">
<span className="character-sheet-field-label">Title</span>
<span className="character-sheet-field-value character-sheet-title">
{sheet.unlockedTitles.find((t) => t.id === sheet.activeTitle)?.name ?? sheet.activeTitle}
</span>
</div>
)}
{sheet.pronouns && (
<div className="character-sheet-field">
<span className="character-sheet-field-label">Pronouns</span>
<span className="character-sheet-field-value">{sheet.pronouns}</span>
</div>
)}
{subtitle && (
<div className="character-sheet-field">
<span className="character-sheet-field-label">Identity</span>
<span className="character-sheet-field-value">{subtitle}</span>
</div>
)}
{sheet.bio && (
<div className="character-sheet-bio">
<span className="character-sheet-field-label">About</span>
<p className="character-sheet-bio-text">{sheet.bio}</p>
</div>
)}
</div>
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">🗡️ Equipment</h3>
{sheet.equippedItems.length > 0 ? (
<div className="character-sheet-equipment-list">
{sheet.equippedItems.map((item) => (
<div className="character-sheet-equipment-item" key={item.type}>
<div className="character-sheet-equipment-header">
<span className="character-sheet-equipment-slot">{SLOT_ICONS[item.type]}</span>
<span className={`character-sheet-equipment-name character-sheet-rarity--${item.rarity}`}>
{item.name}
</span>
<span className={`character-sheet-equipment-rarity character-sheet-rarity--${item.rarity}`}>
{item.rarity}
</span>
</div>
<p className="character-sheet-equipment-bonus">{formatBonus(item.bonus)}</p>
</div>
))}
</div>
) : (
<p className="character-sheet-empty">No equipment found. Defeat bosses to earn gear!</p>
)}
</div>
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">🏰 Guild</h3>
{sheet.guildName ? (
<>
<div className="character-sheet-field">
<span className="character-sheet-field-label">Name</span>
<span className="character-sheet-field-value">{sheet.guildName}</span>
</div>
{sheet.guildDescription && (
<div className="character-sheet-bio">
<span className="character-sheet-field-label">Lore</span>
<p className="character-sheet-bio-text">{sheet.guildDescription}</p>
</div>
)}
</>
) : (
<p className="character-sheet-empty">No guild registered yet. Click ✏️ Edit to add one!</p>
)}
</div>
{(() => {
const completedChapters = state?.story?.completedChapters ?? [];
if (completedChapters.length === 0) return null;
return (
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">📖 Story Choices</h3>
{completedChapters.map((completion) => {
const chapter = STORY_CHAPTERS.find((c) => c.id === completion.chapterId);
if (!chapter) return null;
const choice = chapter.choices.find((c) => c.id === completion.choiceId);
if (!choice) return null;
return (
<div className="character-sheet-story-entry" key={completion.chapterId}>
<span className="character-sheet-story-chapter">{chapter.title}</span>
<span className="character-sheet-story-choice">{choice.label}</span>
</div>
);
})}
</div>
);
})()}
</div>
</section>
);
};
apps/web/src/components/game/ClickArea.tsx
-79
View File
@@ -1,79 +0,0 @@
import { useCallback, useRef, useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { calculateClickPower } from "../../engine/tick.js";
interface FloatText {
id: number;
x: number;
y: number;
text: string;
}
export const ClickArea = (): React.JSX.Element => {
const { state, handleClick, formatNumber, saveSchemaVersion, currentSchemaVersion } = useGame();
const [floats, setFloats] = useState<FloatText[]>([]);
const nextIdRef = useRef(0);
const handleClickWithFloat = useCallback(
(e: React.MouseEvent<HTMLButtonElement>) => {
if (!state) return;
const rect = e.currentTarget.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
const id = nextIdRef.current++;
const clickPower = calculateClickPower(state);
setFloats((prev) => [...prev, { id, x, y, text: `+${formatNumber(clickPower)}` }]);
handleClick();
setTimeout(() => {
setFloats((prev) => prev.filter((f) => f.id !== id));
}, 900);
},
[state, handleClick],
);
if (!state) return <div className="click-area-placeholder" />;
const clickPower = calculateClickPower(state);
return (
<section className="click-area">
<h1 className="game-title">Elysium</h1>
<p className="game-version">v{__WEB_VERSION__}</p>
{currentSchemaVersion > 0 && (
<p className="game-schema-version">
Save: v{saveSchemaVersion} / Latest: v{currentSchemaVersion}
</p>
)}
<h2>Guild Hall</h2>
<div className="click-button-wrapper">
<button
className="click-button"
onClick={handleClickWithFloat}
type="button"
aria-label={`Click to earn ${formatNumber(clickPower)} gold`}
>
<img
alt="Guild Hall"
className="click-button-image"
src="https://cdn.nhcarrigan.com/avatars/elysium.png"
/>
</button>
{floats.map((float) => (
<span
key={float.id}
className="click-float"
style={{ left: float.x, top: float.y }}
>
{float.text}
</span>
))}
</div>
<p className="click-power">+{formatNumber(clickPower)} gold/click</p>
<p className="early-access-notice">
⚠️ Early Access — this build is subject to change. <strong>All game progress WILL be reset upon v1.0.0 release.</strong>
</p>
</section>
);
};
apps/web/src/components/game/CodexPanel.tsx
-97
View File
@@ -1,97 +0,0 @@
import { useState } from "react";
import type { CodexEntry } from "@elysium/types";
import { CODEX_ENTRIES, ZONE_LABELS } from "../../data/codex.js";
import { useGame } from "../../context/GameContext.js";
const SOURCE_BADGE: Record<CodexEntry["sourceType"], string> = {
boss: "⚔️",
quest: "📜",
equipment: "🛡️",
adventurer: "👥",
upgrade: "🔧",
prestige: "🔮",
zone: "🗺️",
exploration: "🧭",
recipe: "⚗️",
};
export const CodexPanel = (): React.JSX.Element => {
const { state } = useGame();
const [expandedId, setExpandedId] = useState<string | null>(null);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const unlockedIds = new Set(state.codex?.unlockedEntryIds ?? []);
const totalEntries = CODEX_ENTRIES.length;
const unlockedCount = CODEX_ENTRIES.filter((e) => unlockedIds.has(e.id)).length;
const progressPercent = totalEntries > 0 ? (unlockedCount / totalEntries) * 100 : 0;
const entriesByZone = Object.entries(ZONE_LABELS).map(([zoneId, zoneName]) => {
const zoneEntries = CODEX_ENTRIES.filter((e) => e.zoneId === zoneId);
const unlockedZoneEntries = zoneEntries.filter((e) => unlockedIds.has(e.id));
return { zoneId, zoneName, entries: zoneEntries, unlockedEntries: unlockedZoneEntries };
}).filter(({ entries }) => entries.length > 0);
return (
<section className="panel codex-panel">
<h2>📖 Codex</h2>
<div className="codex-progress">
<p className="codex-progress-text">
Lore discovered: <strong>{unlockedCount} / {totalEntries}</strong>
</p>
<div className="codex-progress-bar">
<div className="codex-progress-fill" style={{ width: `${progressPercent}%` }} />
</div>
</div>
{entriesByZone.map(({ zoneId, zoneName, entries, unlockedEntries }) => (
<div key={zoneId} className="codex-zone">
<h3 className="codex-zone-header">
{zoneName}
<span className="codex-zone-count">
{unlockedEntries.length}/{entries.length}
</span>
</h3>
<div className="codex-entries">
{entries.map((entry) => {
const isUnlocked = unlockedIds.has(entry.id);
const isExpanded = expandedId === entry.id;
if (!isUnlocked) {
return (
<div key={entry.id} className="codex-entry locked">
<div className="codex-entry-header">
<span className="codex-lock">🔒</span>
<span className="codex-entry-title">???</span>
</div>
</div>
);
}
return (
<div
key={entry.id}
className={`codex-entry unlocked ${isExpanded ? "expanded" : ""}`}
onClick={() => { setExpandedId(isExpanded ? null : entry.id); }}
>
<div className="codex-entry-header">
<span className="codex-source-badge">
{SOURCE_BADGE[entry.sourceType]}
</span>
<span className="codex-entry-title">{entry.title}</span>
<span className="codex-chevron">{isExpanded ? "▲" : "▼"}</span>
</div>
{isExpanded && (
<p className="codex-entry-content">{entry.content}</p>
)}
</div>
);
})}
</div>
</div>
))}
</section>
);
};
apps/web/src/components/game/CodexToast.tsx
-45
View File
@@ -1,45 +0,0 @@
import { useEffect } from "react";
import { CODEX_ENTRIES } from "../../data/codex.js";
import { useGame } from "../../context/GameContext.js";
interface CodexToastItemProps {
entryId: string;
onDismiss: (id: string) => void;
}
const CodexToastItem = ({ entryId, onDismiss }: CodexToastItemProps): React.JSX.Element | null => {
const entry = CODEX_ENTRIES.find((e) => e.id === entryId);
useEffect(() => {
const timer = setTimeout(() => {
onDismiss(entryId);
}, 4000);
return () => { clearTimeout(timer); };
}, [entryId, onDismiss]);
if (!entry) return null;
return (
<div className="codex-toast" onClick={() => { onDismiss(entryId); }}>
<span className="toast-icon">📖</span>
<div className="toast-content">
<span className="toast-label">✨ Lore Unlocked!</span>
<span className="toast-name">{entry.title}</span>
</div>
</div>
);
};
export const CodexToast = (): React.JSX.Element | null => {
const { newCodexEntryIds, dismissCodexEntry } = useGame();
if (newCodexEntryIds.length === 0) return null;
return (
<div className="achievement-toast-container">
{newCodexEntryIds.map((id) => (
<CodexToastItem key={id} entryId={id} onDismiss={dismissCodexEntry} />
))}
</div>
);
};
apps/web/src/components/game/CompanionPanel.tsx
-119
View File
@@ -1,119 +0,0 @@
import { COMPANIONS } from "@elysium/types";
import type { Companion } from "@elysium/types";
import { useGame } from "../../context/GameContext.js";
const BONUS_LABELS: Record<string, string> = {
passiveGold: "Passive Gold",
clickGold: "Click Gold",
bossDamage: "Boss Damage",
essenceIncome: "Essence Income",
questTime: "Quest Time",
};
const UNLOCK_LABELS: Record<string, string> = {
lifetimeBosses: "lifetime bosses defeated",
lifetimeQuests: "lifetime quests completed",
lifetimeGold: "lifetime gold earned",
prestige: "prestige(s)",
transcendence: "transcendence(s)",
apotheosis: "apotheosis",
};
const formatThreshold = (type: string, threshold: number): string => {
if (type === "lifetimeGold") {
if (threshold >= 1e18) return `${(threshold / 1e18).toFixed(0)}Qt`;
if (threshold >= 1e15) return `${(threshold / 1e15).toFixed(0)}Q`;
if (threshold >= 1e12) return `${(threshold / 1e12).toFixed(0)}T`;
if (threshold >= 1e9) return `${(threshold / 1e9).toFixed(0)}B`;
if (threshold >= 1e6) return `${(threshold / 1e6).toFixed(0)}M`;
if (threshold >= 1e3) return `${(threshold / 1e3).toFixed(0)}K`;
return threshold.toString();
}
return threshold.toString();
};
const CompanionCard = ({
companion,
isUnlocked,
isActive,
onSelect,
}: {
companion: Companion;
isUnlocked: boolean;
isActive: boolean;
onSelect: () => void;
}): React.JSX.Element => {
const bonusSign = companion.bonus.type === "questTime" ? "-" : "+";
const bonusPercent = Math.round(companion.bonus.value * 100);
const bonusLabel = BONUS_LABELS[companion.bonus.type] ?? companion.bonus.type;
return (
<div className={`companion-card ${isUnlocked ? "companion-unlocked" : "companion-locked"} ${isActive ? "companion-active" : ""}`}>
<div className="companion-header">
<div className="companion-name-block">
<span className="companion-name">{companion.name}</span>
<span className="companion-title">{companion.title}</span>
</div>
{isActive && <span className="companion-active-badge">Active</span>}
</div>
<p className="companion-description">{companion.description}</p>
<div className="companion-bonus">
<span className="companion-bonus-label">{bonusLabel}</span>
<span className="companion-bonus-value">{bonusSign}{bonusPercent}%</span>
</div>
{isUnlocked ? (
<button
className={`companion-select-btn ${isActive ? "companion-select-active" : ""}`}
onClick={onSelect}
type="button"
>
{isActive ? "Deactivate" : "Activate"}
</button>
) : (
<div className="companion-unlock-requirement">
🔒 Unlock: {formatThreshold(companion.unlock.type, companion.unlock.threshold)} {UNLOCK_LABELS[companion.unlock.type] ?? companion.unlock.type}
</div>
)}
</div>
);
};
export const CompanionPanel = (): React.JSX.Element => {
const { state, setActiveCompanion } = useGame();
if (!state) return <></>;
const unlockedIds = state.companions?.unlockedCompanionIds ?? [];
const activeId = state.companions?.activeCompanionId ?? null;
const handleSelect = (companionId: string): void => {
setActiveCompanion(activeId === companionId ? null : companionId);
};
return (
<div className="companion-panel">
<h2>👥 Companions</h2>
<p className="companion-intro">
Companions provide powerful bonuses while active. You can only have one companion active at a time.
{activeId && (
<> Currently active: <strong>{COMPANIONS.find((c) => c.id === activeId)?.name ?? activeId}</strong>.</>
)}
</p>
<div className="companion-grid">
{COMPANIONS.map((companion) => (
<CompanionCard
key={companion.id}
companion={companion}
isUnlocked={unlockedIds.includes(companion.id)}
isActive={activeId === companion.id}
onSelect={() => { handleSelect(companion.id); }}
/>
))}
</div>
</div>
);
};
apps/web/src/components/game/CraftingPanel.tsx
-140
View File
@@ -1,140 +0,0 @@
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { MATERIALS } from "../../data/materials.js";
import { RECIPES } from "../../data/recipes.js";
import { ZoneSelector } from "./ZoneSelector.js";
const BONUS_LABEL: Record<string, string> = {
gold_income: "🪙 Gold Income",
essence_income: "✨ Essence Income",
click_power: "👆 Click Power",
combat_power: "⚔️ Combat Power",
};
export const CraftingPanel = (): React.JSX.Element => {
const { state, craftRecipe, formatNumber } = useGame();
const [activeZoneId, setActiveZoneId] = useState("verdant_vale");
const [pendingRecipeId, setPendingRecipeId] = useState<string | null>(null);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const zones = state.zones ?? [];
const explorationState = state.exploration;
const playerMaterials = explorationState?.materials ?? [];
const craftedIds = explorationState?.craftedRecipeIds ?? [];
const zoneRecipes = RECIPES.filter((r) => r.zoneId === activeZoneId);
const zoneMaterials = MATERIALS.filter((m) => m.zoneId === activeZoneId);
const getQuantity = (materialId: string): number =>
playerMaterials.find((m) => m.materialId === materialId)?.quantity ?? 0;
const canAfford = (recipeId: string): boolean => {
const recipe = RECIPES.find((r) => r.id === recipeId);
if (!recipe) return false;
return recipe.requiredMaterials.every(
(req) => getQuantity(req.materialId) >= req.quantity,
);
};
const handleCraft = async (recipeId: string): Promise<void> => {
setPendingRecipeId(recipeId);
try {
await craftRecipe(recipeId);
} finally {
setPendingRecipeId(null);
}
};
return (
<section className="panel crafting-panel">
<div className="panel-header">
<h2>⚗️ Crafting</h2>
</div>
<ZoneSelector
activeZoneId={activeZoneId}
zones={zones}
onSelectZone={(id) => { setActiveZoneId(id); }}
/>
<div className="crafting-content">
<div className="materials-section">
<h3>📦 Materials</h3>
{zoneMaterials.length === 0 ? (
<p className="empty-zone">No materials in this zone.</p>
) : (
<div className="materials-list">
{zoneMaterials.map((material) => {
const qty = getQuantity(material.id);
return (
<div key={material.id} className={`material-card rarity-${material.rarity} ${qty === 0 ? "material-empty" : ""}`}>
<div className="material-info">
<span className="material-name">{material.name}</span>
<span className="material-rarity">{material.rarity}</span>
</div>
<span className="material-quantity">{formatNumber(qty)}</span>
</div>
);
})}
</div>
)}
</div>
<div className="recipes-section">
<h3>📜 Recipes</h3>
{zoneRecipes.length === 0 ? (
<p className="empty-zone">No recipes in this zone.</p>
) : (
<div className="recipes-list">
{zoneRecipes.map((recipe) => {
const crafted = craftedIds.includes(recipe.id);
const affordable = canAfford(recipe.id);
const isPending = pendingRecipeId === recipe.id;
return (
<div key={recipe.id} className={`recipe-card ${crafted ? "recipe-crafted" : ""} ${!affordable && !crafted ? "recipe-unaffordable" : ""}`}>
<div className="recipe-info">
<h4>{recipe.name}</h4>
<p className="recipe-description">{recipe.description}</p>
<div className="recipe-bonus">
<span className="bonus-label">{BONUS_LABEL[recipe.bonus.type] ?? recipe.bonus.type}</span>
<span className="bonus-value">×{recipe.bonus.value.toFixed(2)}</span>
</div>
<div className="recipe-requirements">
{recipe.requiredMaterials.map((req) => {
const have = getQuantity(req.materialId);
const enough = have >= req.quantity;
const matName = MATERIALS.find((m) => m.id === req.materialId)?.name ?? req.materialId;
return (
<span key={req.materialId} className={`req-tag ${enough ? "req-met" : "req-missing"}`}>
{matName}: {formatNumber(have)}/{formatNumber(req.quantity)}
</span>
);
})}
</div>
</div>
<div className="recipe-action">
{crafted ? (
<span className="quest-badge active">✅ Crafted</span>
) : (
<button
className="craft-button"
disabled={!affordable || isPending || pendingRecipeId !== null}
onClick={() => { void handleCraft(recipe.id); }}
type="button"
>
{isPending ? "Crafting..." : "⚗️ Craft"}
</button>
)}
</div>
</div>
);
})}
</div>
)}
</div>
</div>
</section>
);
};
apps/web/src/components/game/DailyChallengePanel.tsx
-91
View File
@@ -1,91 +0,0 @@
import { useGame } from "../../context/GameContext.js";
const formatTimeUntilReset = (): string => {
const now = new Date();
// Mirror the server's PST/PDT-based rollover: challenges reset at PST midnight
const nowAsPST = new Date(now.toLocaleString("en-US", { timeZone: "America/Los_Angeles" }));
const tomorrowMidnightPST = new Date(nowAsPST);
tomorrowMidnightPST.setDate(tomorrowMidnightPST.getDate() + 1);
tomorrowMidnightPST.setHours(0, 0, 0, 0);
const pstOffset = nowAsPST.getTime() - now.getTime();
const resetAt = new Date(tomorrowMidnightPST.getTime() - pstOffset);
const msRemaining = resetAt.getTime() - now.getTime();
const hoursRemaining = Math.floor(msRemaining / (1000 * 60 * 60));
const minutesRemaining = Math.floor((msRemaining % (1000 * 60 * 60)) / (1000 * 60));
return `${String(hoursRemaining)}h ${String(minutesRemaining)}m`;
};
export const DailyChallengePanel = (): React.JSX.Element => {
const { state, formatNumber } = useGame();
if (!state) return <section className="panel"><p>Loading...</p></section>;
const { dailyChallenges } = state;
if (!dailyChallenges) {
return (
<section className="panel daily-challenge-panel">
<h2>📅 Daily Challenges</h2>
<p className="daily-challenge-subtitle">Load the game to generate today's challenges!</p>
</section>
);
}
const completedCount = dailyChallenges.challenges.filter((c) => c.completed).length;
return (
<section className="panel daily-challenge-panel">
<h2>📅 Daily Challenges</h2>
<div className="daily-challenge-header">
<p className="daily-challenge-subtitle">
Complete challenges for bonus 💎 crystals! Resets in{" "}
<strong>{formatTimeUntilReset()}</strong> (PST midnight).
</p>
<p className="daily-challenge-progress">
{completedCount} / {dailyChallenges.challenges.length} completed
</p>
</div>
<div className="daily-challenge-list">
{dailyChallenges.challenges.map((challenge) => {
const progressPercent = Math.min(
100,
Math.floor((challenge.progress / challenge.target) * 100),
);
return (
<div
key={challenge.id}
className={`daily-challenge-card ${challenge.completed ? "completed" : ""}`}
>
<div className="daily-challenge-info">
<h3 className="daily-challenge-label">{challenge.label}</h3>
<p className="daily-challenge-reward">
Reward: <strong>💎 {formatNumber(challenge.rewardCrystals)} crystals</strong>
</p>
</div>
<div className="daily-challenge-right">
{challenge.completed ? (
<span className="daily-challenge-done">✅ Complete!</span>
) : (
<>
<p className="daily-challenge-count">
{formatNumber(challenge.progress)} / {formatNumber(challenge.target)}
</p>
<div className="daily-challenge-bar-track">
<div
className="daily-challenge-bar-fill"
style={{ width: `${String(progressPercent)}%` }}
/>
</div>
</>
)}
</div>
</div>
);
})}
</div>
</section>
);
};
apps/web/src/components/game/EditProfileModal.tsx
-245
View File
@@ -1,245 +0,0 @@
import type { NumberFormat, ProfileSettings } from "@elysium/types";
import { DEFAULT_PROFILE_SETTINGS } from "@elysium/types";
import { useEffect, useState } from "react";
import { updateProfile } from "../../api/client.js";
import { useGame } from "../../context/GameContext.js";
interface EditProfileModalProps {
onClose: () => void;
}
interface StatToggle {
key: keyof ProfileSettings;
label: string;
icon: string;
}
const CURRENT_RUN_TOGGLES: StatToggle[] = [
{ key: "showCurrentGold", label: "Gold Earned This Run", icon: "🪙" },
{ key: "showCurrentClicks", label: "Clicks This Run", icon: "👆" },
{ key: "showApotheosis", label: "Apotheosis Badge", icon: "✨" },
{ key: "showTranscendence", label: "Transcendence Badge", icon: "🌌" },
{ key: "showPrestige", label: "Prestige Level", icon: "⭐" },
{ key: "showBossesDefeated", label: "Bosses Defeated", icon: "💀" },
{ key: "showQuestsCompleted", label: "Quests Completed", icon: "📜" },
{ key: "showAdventurersRecruited", label: "Adventurers Recruited", icon: "⚔️" },
{ key: "showAchievementsUnlocked", label: "Achievements Unlocked", icon: "🏆" },
];
const ALL_TIME_TOGGLES: StatToggle[] = [
{ key: "showTotalGold", label: "Total Gold Earned", icon: "🪙" },
{ key: "showTotalClicks", label: "Total Clicks", icon: "👆" },
{ key: "showLifetimeBossesDefeated", label: "Bosses Defeated", icon: "💀" },
{ key: "showLifetimeQuestsCompleted", label: "Quests Completed", icon: "📜" },
{ key: "showLifetimeAdventurersRecruited", label: "Adventurers Recruited", icon: "⚔️" },
{ key: "showLifetimeAchievementsUnlocked", label: "Achievements Unlocked", icon: "🏆" },
{ key: "showGuildFounded", label: "Guild Founded Date", icon: "📅" },
];
export const EditProfileModal = ({ onClose }: EditProfileModalProps): React.JSX.Element => {
const { state, numberFormat: currentNumberFormat, setNumberFormat } = useGame();
const player = state?.player;
const [characterName, setCharacterName] = useState(player?.characterName ?? "");
const [bio, setBio] = useState("");
const [settings, setSettings] = useState<ProfileSettings>({
...DEFAULT_PROFILE_SETTINGS,
numberFormat: currentNumberFormat,
});
const [loadingProfile, setLoadingProfile] = useState(true);
const [saving, setSaving] = useState(false);
const [error, setError] = useState<string | null>(null);
const [saved, setSaved] = useState(false);
// Fetch current profile to auto-populate bio and settings
useEffect(() => {
if (!player?.discordId) return;
fetch(`/api/profile/${player.discordId}`)
.then(async (res) => {
if (!res.ok) return;
const data = (await res.json()) as {
bio: string;
profileSettings: ProfileSettings;
characterName: string;
};
setBio(data.bio ?? "");
setSettings({ ...DEFAULT_PROFILE_SETTINGS, ...data.profileSettings });
setCharacterName(data.characterName ?? player.characterName ?? "");
})
.catch(() => {
// Fall back to local state if fetch fails — not a blocking error
})
.finally(() => {
setLoadingProfile(false);
});
}, [player?.discordId, player?.characterName]);
const handleSave = async (): Promise<void> => {
setSaving(true);
setError(null);
try {
await updateProfile({ characterName, bio, profileSettings: settings });
setNumberFormat(settings.numberFormat);
setSaved(true);
setTimeout(onClose, 900);
} catch (err: unknown) {
setError(err instanceof Error ? err.message : "Failed to save");
} finally {
setSaving(false);
}
};
const toggleSetting = (key: keyof ProfileSettings): void => {
setSettings((prev) => ({ ...prev, [key]: !prev[key] }));
};
return (
<div className="modal-overlay" role="dialog" aria-modal="true">
<div className="modal edit-profile-modal">
<div className="modal-header">
<h2>Edit Profile</h2>
<button
aria-label="Close"
className="modal-close"
onClick={onClose}
type="button"
>
✕
</button>
</div>
{loadingProfile ? (
<p className="edit-profile-loading">Loading your profile…</p>
) : (
<div className="edit-profile-form">
<label className="edit-profile-label" htmlFor="edit-char-name">
Display Name
</label>
<input
className="edit-profile-input"
id="edit-char-name"
maxLength={32}
placeholder="Your character's name"
type="text"
value={characterName}
onChange={(e) => { setCharacterName(e.target.value); }}
/>
<span className="edit-profile-hint">{characterName.length} / 32</span>
<label className="edit-profile-label" htmlFor="edit-bio">
Bio
</label>
<textarea
className="edit-profile-textarea"
id="edit-bio"
maxLength={200}
placeholder="Tell the world about your guild… (optional)"
rows={3}
value={bio}
onChange={(e) => { setBio(e.target.value); }}
/>
<span className="edit-profile-hint">{bio.length} / 200</span>
<div className="edit-profile-section">
<p className="edit-profile-label">Visible Stats</p>
<p className="edit-profile-sublabel">Choose which stats appear on your public profile.</p>
<p className="edit-profile-stat-group-heading">Current Run</p>
<div className="stat-toggles">
{CURRENT_RUN_TOGGLES.map(({ key, label, icon }) => (
<button
key={key}
className={`stat-toggle-btn ${settings[key] ? "stat-toggle-on" : "stat-toggle-off"}`}
onClick={() => { toggleSetting(key); }}
type="button"
>
<span>{icon} {label}</span>
<span className="stat-toggle-indicator">
{settings[key] ? "✓ Shown" : "Hidden"}
</span>
</button>
))}
</div>
<p className="edit-profile-stat-group-heading">All Time</p>
<div className="stat-toggles">
{ALL_TIME_TOGGLES.map(({ key, label, icon }) => (
<button
key={key}
className={`stat-toggle-btn ${settings[key] ? "stat-toggle-on" : "stat-toggle-off"}`}
onClick={() => { toggleSetting(key); }}
type="button"
>
<span>{icon} {label}</span>
<span className="stat-toggle-indicator">
{settings[key] ? "✓ Shown" : "Hidden"}
</span>
</button>
))}
</div>
</div>
<div className="edit-profile-section">
<p className="edit-profile-label">Privacy</p>
<p className="edit-profile-sublabel">Control your visibility on public leaderboards.</p>
<button
className={`stat-toggle-btn ${settings.showOnLeaderboards ? "stat-toggle-on" : "stat-toggle-off"}`}
onClick={() => { toggleSetting("showOnLeaderboards"); }}
type="button"
>
<span>🏆 Appear on Leaderboards</span>
<span className="stat-toggle-indicator">
{settings.showOnLeaderboards ? "✓ Shown" : "Hidden"}
</span>
</button>
</div>
<div className="edit-profile-section">
<p className="edit-profile-label">Number Format</p>
<p className="edit-profile-sublabel">How large numbers appear across the game.</p>
<div className="number-format-picker">
{(
[
{ value: "suffix", label: "Suffix", example: "1.23Qa" },
{ value: "scientific", label: "Scientific", example: "1.23e15" },
{ value: "engineering", label: "Engineering", example: "1.23E15" },
] as { value: NumberFormat; label: string; example: string }[]
).map(({ value, label, example }) => (
<button
key={value}
className={`number-format-btn ${settings.numberFormat === value ? "number-format-active" : ""}`}
onClick={() => { setSettings((prev) => ({ ...prev, numberFormat: value })); }}
type="button"
>
<span className="number-format-label">{label}</span>
<span className="number-format-example">{example}</span>
</button>
))}
</div>
</div>
{error && <p className="edit-profile-error">{error}</p>}
<div className="edit-profile-actions">
<button
className="edit-profile-cancel"
onClick={onClose}
type="button"
>
Cancel
</button>
<button
className="edit-profile-save"
disabled={saving || !characterName.trim()}
onClick={() => { void handleSave(); }}
type="button"
>
{saved ? "✓ Saved!" : saving ? "Saving…" : "Save Profile"}
</button>
</div>
</div>
)}
</div>
</div>
);
};
apps/web/src/components/game/EquipmentPanel.tsx
-206
View File
@@ -1,206 +0,0 @@
import type { Equipment, EquipmentType } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { EQUIPMENT_SETS } from "../../data/equipmentSets.js";
import { LockToggle } from "../ui/LockToggle.js";
const RARITY_LABEL: Record<string, string> = {
common: "Common",
rare: "Rare",
epic: "Epic",
legendary: "Legendary",
};
const TYPE_ICON: Record<EquipmentType, string> = {
weapon: "⚔️",
armour: "🛡️",
trinket: "💍",
};
const bonusDescription = (item: Equipment): string => {
const parts: string[] = [];
if (item.bonus.combatMultiplier != null) {
parts.push(`+${Math.round((item.bonus.combatMultiplier - 1) * 100)}% Combat`);
}
if (item.bonus.goldMultiplier != null) {
parts.push(`+${Math.round((item.bonus.goldMultiplier - 1) * 100)}% Gold/s`);
}
if (item.bonus.clickMultiplier != null) {
parts.push(`+${Math.round((item.bonus.clickMultiplier - 1) * 100)}% Click`);
}
return parts.join(", ");
};
interface EquipmentCardProps {
item: Equipment;
gold: number;
essence: number;
crystals: number;
dropBossName?: string | undefined;
setName?: string | undefined;
}
const costLabel = (cost: { gold: number; essence: number; crystals: number }): string => {
const parts: string[] = [];
if (cost.gold > 0) parts.push(`🪙 ${cost.gold.toLocaleString()}`);
if (cost.essence > 0) parts.push(`✨ ${cost.essence.toLocaleString()}`);
if (cost.crystals > 0) parts.push(`💎 ${cost.crystals.toLocaleString()}`);
return parts.join(" ");
};
const EquipmentCard = ({ item, gold, essence, crystals, dropBossName, setName }: EquipmentCardProps): React.JSX.Element => {
const { equipItem, buyEquipment } = useGame();
const canAfford = item.cost
? gold >= item.cost.gold && essence >= item.cost.essence && crystals >= item.cost.crystals
: false;
return (
<div className={`equipment-card rarity-${item.rarity} ${item.equipped ? "equipped" : ""} ${!item.owned ? "not-owned" : ""}`}>
<div className="equipment-icon">{TYPE_ICON[item.type]}</div>
<div className="equipment-info">
<div className="equipment-name-row">
<h3>{item.name}</h3>
<span className={`rarity-badge rarity-${item.rarity}`}>{RARITY_LABEL[item.rarity]}</span>
</div>
<p className="equipment-description">{item.description}</p>
<p className="equipment-bonus">{bonusDescription(item)}</p>
{setName && <span className="equipment-set-badge">🔗 {setName}</span>}
{!item.owned && item.cost && (
<p className="equipment-cost">{costLabel(item.cost)}</p>
)}
</div>
<div className="equipment-action">
{!item.owned && !item.cost && (
<span className="equipment-locked">
{dropBossName ? `⚔️ Drop: ${dropBossName}` : "🔒 Boss drop"}
</span>
)}
{!item.owned && item.cost && (
<button
className="equip-button"
disabled={!canAfford}
onClick={() => { buyEquipment(item.id); }}
type="button"
>
{canAfford ? "Purchase" : "Can't afford"}
</button>
)}
{item.owned && item.equipped && <span className="equipment-equipped-badge">✓ Equipped</span>}
{item.owned && !item.equipped && (
<button
className="equip-button"
onClick={() => { equipItem(item.id); }}
type="button"
>
Equip
</button>
)}
</div>
</div>
);
};
const SLOT_ORDER: EquipmentType[] = ["weapon", "armour", "trinket"];
const SLOT_LABEL: Record<EquipmentType, string> = {
weapon: "⚔️ Weapons",
armour: "🛡️ Armour",
trinket: "💍 Trinkets",
};
export const EquipmentPanel = (): React.JSX.Element => {
const { state } = useGame();
const [showLocked, setShowLocked] = useState(true);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const equipment = state.equipment ?? [];
const unownedCount = equipment.filter((e) => !e.owned).length;
const equipmentDropSources = new Map<string, string>();
for (const boss of state.bosses) {
for (const equipmentId of (boss.equipmentRewards ?? [])) {
equipmentDropSources.set(equipmentId, boss.name);
}
}
// Build set name lookup for card badges
const setNameById = new Map<string, string>(
EQUIPMENT_SETS.map((s) => [s.id, s.name]),
);
// Compute active set bonuses for the summary strip
const equippedItemIds = equipment.filter((e) => e.equipped).map((e) => e.id);
const activeSets = EQUIPMENT_SETS.map((set) => {
const count = set.pieces.filter((id) => equippedItemIds.includes(id)).length;
return { set, count };
}).filter(({ count }) => count >= 2);
const setBonusDescription = (set: typeof EQUIPMENT_SETS[number], count: number): string => {
const parts: string[] = [];
for (const threshold of [2, 3] as const) {
if (count >= threshold) {
const bonus = set.bonuses[threshold];
if (bonus.goldMultiplier) parts.push(`+${Math.round((bonus.goldMultiplier - 1) * 100)}% Gold/s (${threshold}pc)`);
if (bonus.combatMultiplier) parts.push(`+${Math.round((bonus.combatMultiplier - 1) * 100)}% Combat (${threshold}pc)`);
if (bonus.clickMultiplier) parts.push(`+${Math.round((bonus.clickMultiplier - 1) * 100)}% Click (${threshold}pc)`);
}
}
return parts.join(", ");
};
return (
<section className="panel equipment-panel">
<div className="panel-header">
<h2>Equipment</h2>
<LockToggle
lockedCount={unownedCount}
showLocked={showLocked}
onToggle={() => { setShowLocked((v) => !v); }}
/>
</div>
<p className="equipment-intro">
Equipment drops from bosses and grants passive bonuses. Only one item per slot can be equipped at a time. Equip matching set pieces for bonus effects!
</p>
{activeSets.length > 0 && (
<div className="active-sets">
<h3 className="active-sets-heading">✨ Active Set Bonuses</h3>
{activeSets.map(({ set, count }) => (
<div key={set.id} className="active-set-row">
<span className="active-set-name">{set.name} ({count}/{set.pieces.length})</span>
<span className="active-set-bonus">{setBonusDescription(set, count)}</span>
</div>
))}
</div>
)}
{SLOT_ORDER.map((slotType) => {
const items = equipment.filter(
(e) => e.type === slotType && (showLocked || e.owned),
);
return (
<div key={slotType} className="equipment-slot-section">
<h3 className="slot-heading">{SLOT_LABEL[slotType]}</h3>
<div className="equipment-list">
{items.map((item) => (
<EquipmentCard
key={item.id}
item={item}
gold={state.resources.gold}
essence={state.resources.essence}
crystals={state.resources.crystals}
dropBossName={equipmentDropSources.get(item.id)}
setName={item.setId ? setNameById.get(item.setId) : undefined}
/>
))}
{items.length === 0 && (
<p className="empty-zone">No items to show in this slot.</p>
)}
</div>
</div>
);
})}
</section>
);
};
apps/web/src/components/game/ExplorationPanel.tsx
-176
View File
@@ -1,176 +0,0 @@
import type { ExploreCollectResponse } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { EXPLORATION_AREAS } from "../../data/explorations.js";
import { ZoneSelector } from "./ZoneSelector.js";
const formatDuration = (seconds: number): string => {
if (seconds >= 86400) {
const days = Math.floor(seconds / 86400);
const hours = Math.floor((seconds % 86400) / 3600);
return hours > 0 ? `${days}d ${hours}h` : `${days}d`;
}
if (seconds >= 3600) return `${Math.floor(seconds / 3600)}h ${Math.floor((seconds % 3600) / 60)}m`;
if (seconds >= 60) return `${Math.floor(seconds / 60)}m ${seconds % 60}s`;
return `${seconds}s`;
};
const timeRemaining = (startedAt: number, durationSeconds: number): number => {
const elapsed = (Date.now() - startedAt) / 1000;
return Math.max(0, durationSeconds - elapsed);
};
interface CollectResult {
areaId: string;
response: ExploreCollectResponse;
}
export const ExplorationPanel = (): React.JSX.Element => {
const { state, startExploration, collectExploration, formatNumber } = useGame();
const [activeZoneId, setActiveZoneId] = useState("verdant_vale");
const [pendingAreaId, setPendingAreaId] = useState<string | null>(null);
const [lastResult, setLastResult] = useState<CollectResult | null>(null);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const zones = state.zones ?? [];
const explorationState = state.exploration;
const zoneAreas = EXPLORATION_AREAS.filter((a) => a.zoneId === activeZoneId);
const hasActiveExploration =
explorationState?.areas.some((a) => a.status === "in_progress") ?? false;
const handleStart = async (areaId: string): Promise<void> => {
setPendingAreaId(areaId);
try {
await startExploration(areaId);
} finally {
setPendingAreaId(null);
}
};
const handleCollect = async (areaId: string): Promise<void> => {
setPendingAreaId(areaId);
try {
const result = await collectExploration(areaId);
setLastResult({ areaId, response: result });
} finally {
setPendingAreaId(null);
}
};
return (
<section className="panel exploration-panel">
<div className="panel-header">
<h2>🗺️ Exploration</h2>
</div>
{lastResult && (
<div className="exploration-result">
<button
className="exploration-result-close"
onClick={() => { setLastResult(null); }}
type="button"
>
✕
</button>
{lastResult.response.foundNothing ? (
<p className="exploration-nothing">{lastResult.response.nothingMessage}</p>
) : (
<>
{lastResult.response.event && (
<p className="exploration-event-text">{lastResult.response.event.text}</p>
)}
<div className="exploration-rewards">
{(lastResult.response.event?.goldChange ?? 0) !== 0 && (
<span className={`reward-tag ${(lastResult.response.event?.goldChange ?? 0) > 0 ? "" : "negative"}`}>
🪙 {(lastResult.response.event?.goldChange ?? 0) > 0 ? "+" : ""}{formatNumber(lastResult.response.event?.goldChange ?? 0)} gold
</span>
)}
{(lastResult.response.event?.essenceChange ?? 0) > 0 && (
<span className="reward-tag">
✨ +{formatNumber(lastResult.response.event?.essenceChange ?? 0)} essence
</span>
)}
{lastResult.response.event?.materialGained && (
<span className="reward-tag material-tag">
📦 +{lastResult.response.event.materialGained.quantity} {lastResult.response.event.materialGained.materialId.replace(/_/g, " ")} (event)
</span>
)}
{lastResult.response.materialsFound.map((m) => (
<span key={m.materialId} className="reward-tag material-tag">
📦 +{m.quantity} {m.materialId.replace(/_/g, " ")}
</span>
))}
</div>
</>
)}
</div>
)}
<ZoneSelector
activeZoneId={activeZoneId}
zones={zones}
onSelectZone={(id) => { setActiveZoneId(id); setLastResult(null); }}
/>
<div className="exploration-list">
{zoneAreas.map((area) => {
const areaState = explorationState?.areas.find((a) => a.id === area.id);
const status = areaState?.status ?? "locked";
const startedAt = areaState?.startedAt ?? 0;
const isReady = status === "in_progress" && timeRemaining(startedAt, area.durationSeconds) <= 0;
const isPending = pendingAreaId === area.id;
return (
<div key={area.id} className={`exploration-card exploration-${status}`}>
<div className="exploration-info">
<h3>
{area.name}
{areaState?.completedOnce && <span className="exploration-discovered"> 📖</span>}
</h3>
<p>{area.description}</p>
<span className="exploration-duration">⏱️ {formatDuration(area.durationSeconds)}</span>
</div>
<div className="exploration-action">
{status === "locked" && (
<span className="quest-badge locked">🔒 Locked</span>
)}
{status === "available" && (
<button
className="start-quest-button"
disabled={isPending || hasActiveExploration}
onClick={() => { void handleStart(area.id); }}
title={hasActiveExploration ? "An exploration is already in progress" : undefined}
type="button"
>
{isPending ? "Departing..." : `Explore (${formatDuration(area.durationSeconds)})`}
</button>
)}
{status === "in_progress" && !isReady && (
<span className="quest-badge active">
⏳ {formatDuration(Math.ceil(timeRemaining(startedAt, area.durationSeconds)))} remaining
</span>
)}
{(status === "in_progress" && isReady) && (
<button
className="collect-button"
disabled={isPending}
onClick={() => { void handleCollect(area.id); }}
type="button"
>
{isPending ? "Collecting..." : "📦 Collect Results"}
</button>
)}
</div>
</div>
);
})}
{zoneAreas.length === 0 && (
<p className="empty-zone">No exploration areas in this zone.</p>
)}
</div>
</section>
);
};
apps/web/src/components/game/GameLayout.tsx
-162
View File
@@ -1,162 +0,0 @@
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { ResourceBar } from "../ui/ResourceBar.js";
import { AboutPanel } from "./AboutPanel.js";
import { AchievementPanel } from "./AchievementPanel.js";
import { AchievementToast } from "./AchievementToast.js";
import { AdventurerPanel } from "./AdventurerPanel.js";
import { BattleModal } from "./BattleModal.js";
import { BossPanel } from "./BossPanel.js";
import { ClickArea } from "./ClickArea.js";
import { CodexPanel } from "./CodexPanel.js";
import { CodexToast } from "./CodexToast.js";
import { EditProfileModal } from "./EditProfileModal.js";
import { EquipmentPanel } from "./EquipmentPanel.js";
import { OfflineModal } from "./OfflineModal.js";
import { OutdatedSchemaModal } from "./OutdatedSchemaModal.js";
import { PrestigePanel } from "./PrestigePanel.js";
import { ApotheosisPanel } from "./ApotheosisPanel.js";
import { TranscendencePanel } from "./TranscendencePanel.js";
import { QuestPanel } from "./QuestPanel.js";
import { StatisticsPanel } from "./StatisticsPanel.js";
import { UpgradePanel } from "./UpgradePanel.js";
import { DailyChallengePanel } from "./DailyChallengePanel.js";
import { ExplorationPanel } from "./ExplorationPanel.js";
import { CharacterSheetPanel } from "./CharacterSheetPanel.js";
import { CompanionPanel } from "./CompanionPanel.js";
import { CraftingPanel } from "./CraftingPanel.js";
import { LoginBonusModal } from "./LoginBonusModal.js";
import { StoryPanel } from "./StoryPanel.js";
import { StoryToast } from "./StoryToast.js";
type Tab = "adventurers" | "upgrades" | "quests" | "bosses" | "equipment" | "achievements" | "prestige" | "transcendence" | "apotheosis" | "statistics" | "daily" | "codex" | "about" | "exploration" | "crafting" | "character" | "companions" | "story";
const BASE_TABS: { id: Tab; label: string }[] = [
{ id: "adventurers", label: "⚔️ Adventurers" },
{ id: "upgrades", label: "🔧 Upgrades" },
{ id: "quests", label: "📜 Quests" },
{ id: "bosses", label: "👹 Bosses" },
{ id: "equipment", label: "🗡️ Equipment" },
{ id: "exploration", label: "🗺️ Exploration" },
{ id: "crafting", label: "⚗️ Crafting" },
{ id: "daily", label: "📅 Daily" },
{ id: "prestige", label: "⭐ Prestige" },
{ id: "transcendence", label: "🌌 Transcendence" },
{ id: "apotheosis", label: "✨ Apotheosis" },
{ id: "statistics", label: "📊 Statistics" },
{ id: "companions", label: "👥 Companions" },
{ id: "character", label: "📋 Character" },
{ id: "achievements", label: "🏆 Achievements" },
{ id: "story", label: "📖 Story" },
{ id: "codex", label: "🗺️ Codex" },
{ id: "about", label: "ℹ️ About" },
];
export const GameLayout = (): React.JSX.Element => {
const { state, isLoading, error, battleResult, dismissBattle, lastSavedAt, isSyncing, forceSync, newCodexEntryIds, newStoryChapterIds, loginBonus, dismissLoginBonus, schemaOutdated } = useGame();
const [activeTab, setActiveTab] = useState<Tab>("adventurers");
const [editingProfile, setEditingProfile] = useState(false);
const [dismissedOutdatedWarning, setDismissedOutdatedWarning] = useState(false);
if (isLoading) {
return (
<div className="loading-screen">
<p>Loading your adventure...</p>
</div>
);
}
if (error) {
return (
<div className="error-screen">
<p>Error: {error}</p>
</div>
);
}
if (!state) return <div className="loading-screen"><p>Loading...</p></div>;
const profileUrl = `/profile/${state.player.discordId}`;
return (
<div className="game-layout">
<ResourceBar
resources={state.resources}
runestones={state.prestige.runestones}
prestigeCount={state.prestige.count}
transcendenceCount={state.transcendence?.count ?? 0}
apotheosisCount={state.apotheosis?.count ?? 0}
profileUrl={profileUrl}
onEditProfile={() => { setEditingProfile(true); }}
lastSavedAt={lastSavedAt}
isSyncing={isSyncing}
onForceSync={forceSync}
/>
<OfflineModal />
{schemaOutdated && !dismissedOutdatedWarning && (
<OutdatedSchemaModal onDismiss={() => { setDismissedOutdatedWarning(true); }} />
)}
<AchievementToast />
<CodexToast />
<StoryToast />
{loginBonus && (
<LoginBonusModal bonus={loginBonus} onClose={dismissLoginBonus} />
)}
{battleResult && (
<BattleModal battle={battleResult} onDismiss={dismissBattle} />
)}
{editingProfile && (
<EditProfileModal onClose={() => { setEditingProfile(false); }} />
)}
<div className="game-main">
<aside className="game-sidebar">
<ClickArea />
<p className="game-copyright">© NHCarrigan</p>
</aside>
<main className="game-content">
<nav className="tab-bar">
{BASE_TABS.map((tab) => (
<button
key={tab.id}
className={`tab-button ${activeTab === tab.id ? "active" : ""}`}
onClick={() => { setActiveTab(tab.id); }}
type="button"
>
{tab.label}
{tab.id === "codex" && newCodexEntryIds.length > 0 && (
<span className="tab-badge">{newCodexEntryIds.length}</span>
)}
{tab.id === "story" && newStoryChapterIds.length > 0 && (
<span className="tab-badge">{newStoryChapterIds.length}</span>
)}
</button>
))}
</nav>
<div className="tab-content">
{activeTab === "adventurers" && <AdventurerPanel />}
{activeTab === "upgrades" && <UpgradePanel />}
{activeTab === "quests" && <QuestPanel />}
{activeTab === "bosses" && <BossPanel />}
{activeTab === "equipment" && <EquipmentPanel />}
{activeTab === "achievements" && <AchievementPanel />}
{activeTab === "prestige" && <PrestigePanel />}
{activeTab === "transcendence" && <TranscendencePanel />}
{activeTab === "apotheosis" && <ApotheosisPanel />}
{activeTab === "exploration" && <ExplorationPanel />}
{activeTab === "crafting" && <CraftingPanel />}
{activeTab === "statistics" && <StatisticsPanel />}
{activeTab === "daily" && <DailyChallengePanel />}
{activeTab === "companions" && <CompanionPanel />}
{activeTab === "character" && <CharacterSheetPanel />}
{activeTab === "story" && <StoryPanel />}
{activeTab === "codex" && <CodexPanel />}
{activeTab === "about" && <AboutPanel />}
</div>
</main>
</div>
</div>
);
};
apps/web/src/components/game/LeaderboardPage.tsx
-177
View File
@@ -1,177 +0,0 @@
import type { LeaderboardCategory, LeaderboardEntry } from "@elysium/types";
import { useEffect, useState } from "react";
interface CategoryConfig {
id: LeaderboardCategory;
label: string;
icon: string;
formatValue: (value: number) => string;
}
const CATEGORIES: CategoryConfig[] = [
{
id: "totalGold",
label: "Lifetime Gold",
icon: "🪙",
formatValue: (v) => formatGold(v),
},
{
id: "bossesDefeated",
label: "Bosses Defeated",
icon: "💀",
formatValue: (v) => v.toLocaleString(),
},
{
id: "questsCompleted",
label: "Quests Completed",
icon: "📜",
formatValue: (v) => v.toLocaleString(),
},
{
id: "achievementsUnlocked",
label: "Achievements",
icon: "🏆",
formatValue: (v) => v.toLocaleString(),
},
{
id: "prestigeCount",
label: "Prestige",
icon: "⭐",
formatValue: (v) => v.toLocaleString(),
},
{
id: "transcendenceCount",
label: "Transcendence",
icon: "🌌",
formatValue: (v) => v.toLocaleString(),
},
{
id: "apotheosisCount",
label: "Apotheosis",
icon: "✨",
formatValue: (v) => v.toLocaleString(),
},
];
const SUFFIXES = ["", "K", "M", "B", "T", "Qa", "Qt", "S", "Sp", "O", "N", "D"];
const formatGold = (value: number): string => {
if (value === 0) return "0";
const tier = Math.floor(Math.log10(Math.abs(value)) / 3);
const clamped = Math.min(tier, SUFFIXES.length - 1);
const scaled = value / Math.pow(1000, clamped);
return `${parseFloat(scaled.toFixed(2))}${SUFFIXES[clamped] ?? ""}`;
};
const RANK_BADGES: Record<number, string> = { 1: "🥇", 2: "🥈", 3: "🥉" };
export const LeaderboardPage = (): React.JSX.Element => {
const [category, setCategory] = useState<LeaderboardCategory>("totalGold");
const [entries, setEntries] = useState<LeaderboardEntry[]>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
useEffect(() => {
setLoading(true);
setError(null);
fetch(`/api/leaderboards?category=${category}&limit=100`)
.then(async (res) => {
if (!res.ok) throw new Error("Failed to load leaderboard");
const data = (await res.json()) as { entries: LeaderboardEntry[] };
setEntries(data.entries);
})
.catch((err: unknown) => {
setError(err instanceof Error ? err.message : "Failed to load leaderboard");
})
.finally(() => { setLoading(false); });
}, [category]);
const currentConfig = CATEGORIES.find((c) => c.id === category) ?? CATEGORIES[0];
return (
<div className="leaderboard-page">
<div className="leaderboard-card">
<div className="leaderboard-header">
<h1 className="leaderboard-title">🏆 Leaderboards</h1>
<p className="leaderboard-subtitle">The mightiest adventurers in Elysium</p>
</div>
<div className="leaderboard-tabs">
{CATEGORIES.map((cat) => (
<button
key={cat.id}
className={`leaderboard-tab ${category === cat.id ? "leaderboard-tab--active" : ""}`}
onClick={() => { setCategory(cat.id); }}
type="button"
>
{cat.icon} {cat.label}
</button>
))}
</div>
{loading && (
<div className="leaderboard-loading">Loading…</div>
)}
{error && (
<div className="leaderboard-error">⚠️ {error}</div>
)}
{!loading && !error && entries.length === 0 && (
<div className="leaderboard-empty">No entries yet — be the first on the board!</div>
)}
{!loading && !error && entries.length > 0 && (
<div className="leaderboard-table">
<div className="leaderboard-table-header">
<span className="leaderboard-col-rank">Rank</span>
<span className="leaderboard-col-player">Player</span>
<span className="leaderboard-col-value">{currentConfig?.icon} {currentConfig?.label}</span>
</div>
{entries.map((entry) => {
const avatarUrl = entry.avatar
? `https://cdn.discordapp.com/avatars/${entry.discordId}/${entry.avatar}.png?size=32`
: `https://cdn.discordapp.com/embed/avatars/${parseInt(entry.discordId, 10) % 5}.png`;
const displayName = entry.characterName || entry.username;
return (
<a
className={`leaderboard-row ${entry.rank <= 3 ? `leaderboard-row--top${entry.rank}` : ""}`}
href={`/character/${entry.discordId}`}
key={entry.discordId}
>
<span className="leaderboard-col-rank">
{RANK_BADGES[entry.rank] ?? `#${entry.rank}`}
</span>
<span className="leaderboard-col-player">
<img
alt={displayName}
className="leaderboard-avatar"
src={avatarUrl}
/>
<span className="leaderboard-player-info">
<span className="leaderboard-player-name">{displayName}</span>
{entry.activeTitle && (
<span className="leaderboard-player-title">{entry.activeTitle}</span>
)}
</span>
</span>
<span className="leaderboard-col-value">
{currentConfig?.formatValue(entry.value)}
</span>
</a>
);
})}
</div>
)}
<div className="leaderboard-footer">
<a className="leaderboard-play-link" href="/">⚔️ Play Elysium</a>
<p className="leaderboard-privacy-note">
Players can opt out via their profile settings.
</p>
</div>
</div>
</div>
);
};
apps/web/src/components/game/LoginBonusModal.tsx
-83
View File
@@ -1,83 +0,0 @@
import type { LoginBonusResult } from "@elysium/types";
interface LoginBonusModalProps {
bonus: LoginBonusResult;
onClose: () => void;
}
const DAY_ICONS = ["🌱", "🌿", "⚔️", "🛡️", "💎", "👑", "🔥"];
const formatGold = (value: number): string => {
const suffixes = ["", "K", "M", "B", "T"];
if (value < 1_000) return value.toLocaleString();
const tier = Math.min(Math.floor(Math.log10(value) / 3), suffixes.length - 1);
const scaled = value / Math.pow(1_000, tier);
return `${parseFloat(scaled.toFixed(1))}${suffixes[tier] ?? ""}`;
};
export const LoginBonusModal = ({ bonus, onClose }: LoginBonusModalProps): React.JSX.Element => {
const isWeeklyBonus = bonus.day === 7;
const dayIcon = DAY_ICONS[bonus.day - 1] ?? "⭐";
return (
<div className="modal-overlay" role="dialog" aria-modal="true">
<div className="modal login-bonus-modal">
<div className="login-bonus-streak">
<span className="login-bonus-fire">🔥</span>
<span className="login-bonus-streak-count">{bonus.streak}</span>
<span className="login-bonus-streak-label">
{bonus.streak === 1 ? "Day Streak" : "Day Streak"}
</span>
</div>
<div className="login-bonus-day-badge">
<span className="login-bonus-day-icon">{dayIcon}</span>
<span className="login-bonus-day-label">Day {bonus.day} Reward</span>
{bonus.weekMultiplier > 1 && (
<span className="login-bonus-week-tag">×{bonus.weekMultiplier} Week Bonus!</span>
)}
</div>
<div className="login-bonus-rewards">
<div className="login-bonus-reward-item">
<span className="login-bonus-reward-icon">🪙</span>
<span className="login-bonus-reward-value">+{formatGold(bonus.goldEarned)} Gold</span>
</div>
{bonus.crystalsEarned > 0 && (
<div className="login-bonus-reward-item">
<span className="login-bonus-reward-icon">💎</span>
<span className="login-bonus-reward-value">+{bonus.crystalsEarned} Crystals</span>
</div>
)}
</div>
{isWeeklyBonus && (
<p className="login-bonus-weekly-message">
🎉 Weekly bonus — keep the streak going!
</p>
)}
<div className="login-bonus-calendar">
{DAY_ICONS.map((icon, i) => {
const dayNum = i + 1;
const isCompleted = dayNum < bonus.day || (bonus.day === 7 && dayNum === 7);
const isToday = dayNum === bonus.day;
return (
<div
key={dayNum}
className={`login-bonus-cal-day ${isToday ? "login-bonus-cal-day--today" : ""} ${isCompleted ? "login-bonus-cal-day--done" : ""}`}
>
<span className="login-bonus-cal-icon">{icon}</span>
<span className="login-bonus-cal-num">{dayNum}</span>
</div>
);
})}
</div>
<button className="login-bonus-claim-btn" onClick={onClose} type="button">
Claim Reward
</button>
</div>
</div>
);
};
apps/web/src/components/game/LoginPage.tsx
-87
View File
@@ -1,87 +0,0 @@
import { useEffect, useState } from "react";
import { getAuthUrl, handleAuthCallback } from "../../api/client.js";
interface LoginPageProps {
onLogin: () => void;
}
export const LoginPage = ({ onLogin }: LoginPageProps): React.JSX.Element => {
const [authUrl, setAuthUrl] = useState<string | null>(null);
const [isLoading, setIsLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
useEffect(() => {
// Handle OAuth callback
const params = new URLSearchParams(window.location.search);
const code = params.get("code");
if (code) {
setIsLoading(true);
handleAuthCallback(code)
.then(() => {
window.history.replaceState({}, "", "/");
onLogin();
})
.catch((err: unknown) => {
setError(err instanceof Error ? err.message : "Authentication failed");
setIsLoading(false);
});
return;
}
// Fetch the Discord OAuth URL
getAuthUrl()
.then((url) => {
setAuthUrl(url);
setIsLoading(false);
})
.catch(() => {
setError("Failed to load authentication URL");
setIsLoading(false);
});
}, [onLogin]);
if (isLoading) {
return (
<div className="login-page">
<div className="login-card">
<p>Loading...</p>
</div>
</div>
);
}
if (error) {
return (
<div className="login-page">
<div className="login-card">
<p className="error">{error}</p>
<button
type="button"
onClick={() => { window.location.reload(); }}
>
Try Again
</button>
</div>
</div>
);
}
return (
<div className="login-page">
<div className="login-card">
<h1>⚔️ Elysium</h1>
<p>An idle fantasy RPG. Hire adventurers, defeat bosses, and ascend to glory.</p>
<a
className="discord-login-button"
href={authUrl ?? "#"}
>
Login with Discord
</a>
<p className="login-note">
Your progress is saved to your Discord account and shareable with others!
</p>
</div>
</div>
);
};
apps/web/src/components/game/OfflineModal.tsx
-34
View File
@@ -1,34 +0,0 @@
import { useGame } from "../../context/GameContext.js";
export const OfflineModal = (): React.JSX.Element | null => {
const { offlineGold, offlineEssence, dismissOfflineGold, formatNumber } = useGame();
if (offlineGold <= 0 && offlineEssence <= 0) return null;
return (
<div className="modal-overlay">
<div className="modal">
<h2>Welcome back!</h2>
<p>Your adventurers kept working whilst you were away and earned:</p>
{offlineGold > 0 && (
<p>
<strong>🪙 {formatNumber(offlineGold)} gold</strong>
</p>
)}
{offlineEssence > 0 && (
<p>
<strong>✨ {formatNumber(offlineEssence)} essence</strong>
</p>
)}
<p className="modal-note">Offline progress is calculated up to 8 hours.</p>
<button
className="modal-close-button"
onClick={dismissOfflineGold}
type="button"
>
Collect!
</button>
</div>
</div>
);
};
apps/web/src/components/game/OutdatedSchemaModal.tsx
-49
View File
@@ -1,49 +0,0 @@
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
interface OutdatedSchemaModalProps {
onDismiss: () => void;
}
export const OutdatedSchemaModal = ({ onDismiss }: OutdatedSchemaModalProps): React.JSX.Element => {
const { resetProgress } = useGame();
const [isResetting, setIsResetting] = useState(false);
const handleReset = async (): Promise<void> => {
setIsResetting(true);
await resetProgress();
setIsResetting(false);
};
return (
<div className="modal-overlay">
<div className="modal offline-modal">
<h2>⚠️ Outdated Save Data</h2>
<p>
Your save data is from an older version of Elysium and may cause bugs or unexpected
behaviour. Cloud saves are <strong>disabled</strong> until you reset your progress.
</p>
<p>
Resetting will start you fresh — all progress will be lost.
</p>
<div className="outdated-modal-actions">
<button
className="outdated-modal-reset-button"
onClick={() => { void handleReset(); }}
disabled={isResetting}
type="button"
>
{isResetting ? "Resetting…" : "Reset Progress"}
</button>
<button
className="modal-close-button"
onClick={onDismiss}
type="button"
>
Proceed with Bugs
</button>
</div>
</div>
</div>
);
};
apps/web/src/components/game/PrestigePanel.tsx
-243
View File
@@ -1,243 +0,0 @@
import type { PrestigeUpgradeCategory } from "@elysium/types";
import { useState } from "react";
import { prestige } from "../../api/client.js";
import { useGame } from "../../context/GameContext.js";
import {
PRESTIGE_UPGRADES,
PRESTIGE_UPGRADE_CATEGORY_LABELS,
} from "../../data/prestigeUpgrades.js";
const BASE_THRESHOLD = 1_000_000;
const THRESHOLD_SCALE = 5;
const RUNESTONES_PER_LEVEL = 10;
const calculateThreshold = (prestigeCount: number): number =>
BASE_THRESHOLD * Math.pow(THRESHOLD_SCALE, prestigeCount);
const calculateProductionMultiplier = (prestigeCount: number): number =>
Math.pow(1.15, prestigeCount);
const calculateRunestonePreview = (
totalGoldEarned: number,
prestigeCount: number,
purchasedUpgradeIds: string[],
): number => {
const threshold = calculateThreshold(prestigeCount);
const base = Math.floor(Math.sqrt(totalGoldEarned / threshold)) * RUNESTONES_PER_LEVEL;
const runestoneMult = PRESTIGE_UPGRADES
.filter((u) => u.category === "runestones" && purchasedUpgradeIds.includes(u.id))
.reduce((mult, u) => mult * u.multiplier, 1);
return Math.floor(base * runestoneMult);
};
const CATEGORY_ORDER: PrestigeUpgradeCategory[] = [
"income",
"click",
"essence",
"crystals",
"runestones",
"utility",
];
export const PrestigePanel = (): React.JSX.Element => {
const { state, reload, formatNumber, buyPrestigeUpgrade, toggleAutoPrestige } = useGame();
const [isPending, setIsPending] = useState(false);
const [result, setResult] = useState<{ runestones: number; count: number; milestoneRunestones: number } | null>(null);
const [prestigeError, setPrestigeError] = useState<string | null>(null);
const [buyingId, setBuyingId] = useState<string | null>(null);
const [activeTab, setActiveTab] = useState<"prestige" | "shop">("prestige");
if (!state) return <section className="panel"><p>Loading...</p></section>;
const { prestige: prestigeData, player } = state;
const threshold = calculateThreshold(prestigeData.count);
const isEligible = player.totalGoldEarned >= threshold;
const runestonePreview = calculateRunestonePreview(
player.totalGoldEarned,
prestigeData.count,
prestigeData.purchasedUpgradeIds,
);
const nextMultiplier = calculateProductionMultiplier(prestigeData.count + 1);
const handlePrestige = async (): Promise<void> => {
setIsPending(true);
setPrestigeError(null);
try {
const data = await prestige({});
setResult({ runestones: data.runestones, count: data.newPrestigeCount, milestoneRunestones: data.milestoneRunestones });
await reload();
} catch (err) {
setPrestigeError(err instanceof Error ? err.message : "Prestige failed");
} finally {
setIsPending(false);
}
};
const handleBuyUpgrade = async (upgradeId: string): Promise<void> => {
setBuyingId(upgradeId);
try {
await buyPrestigeUpgrade(upgradeId);
} finally {
setBuyingId(null);
}
};
const upgradesByCategory = CATEGORY_ORDER.map((category) => ({
category,
label: PRESTIGE_UPGRADE_CATEGORY_LABELS[category] ?? category,
upgrades: PRESTIGE_UPGRADES.filter((u) => u.category === category),
}));
return (
<section className="panel prestige-panel">
<h2>⭐ Prestige</h2>
<div className="prestige-tabs">
<button
className={`prestige-tab ${activeTab === "prestige" ? "active" : ""}`}
onClick={() => { setActiveTab("prestige"); }}
type="button"
>
Ascend
</button>
<button
className={`prestige-tab ${activeTab === "shop" ? "active" : ""}`}
onClick={() => { setActiveTab("shop"); }}
type="button"
>
🔮 Runestone Shop ({formatNumber(prestigeData.runestones)} stones)
</button>
</div>
{activeTab === "prestige" && (
<>
<p>
Prestige resets your progress but grants <strong>Runestones</strong> — permanent
currency used for powerful upgrades. Each prestige multiplies your global production
by ×1.15 (compounding each run).
</p>
<div className="prestige-status">
<p>
Total gold this run:{" "}
<strong>{formatNumber(player.totalGoldEarned)}</strong>
</p>
<p>
Required to prestige: <strong>{formatNumber(threshold)}</strong>
</p>
<p>
Prestige count: <strong>{prestigeData.count}</strong>
</p>
<p>
Current production multiplier:{" "}
<strong>×{prestigeData.productionMultiplier.toFixed(2)}</strong>
</p>
<p>
After next prestige:{" "}
<strong>×{nextMultiplier.toFixed(2)}</strong>
</p>
<p>
Runestones: <strong>{formatNumber(prestigeData.runestones)}</strong>
</p>
{isEligible && (
<p className="runestone-preview">
Runestones on prestige: <strong>+{formatNumber(runestonePreview)}</strong>
</p>
)}
{!isEligible && (
<p className="prestige-progress">
Progress: {formatNumber(player.totalGoldEarned)} / {formatNumber(threshold)}{" "}
({((player.totalGoldEarned / threshold) * 100).toFixed(1)}%)
</p>
)}
</div>
{isEligible ? (
<div className="prestige-form">
<p>You are ready to prestige!</p>
<button
className="prestige-button"
disabled={isPending}
onClick={() => { void handlePrestige(); }}
type="button"
>
{isPending ? "Ascending..." : `✨ Ascend (+${formatNumber(runestonePreview)} Runestones)`}
</button>
{prestigeError && <p className="error">{prestigeError}</p>}
{result && (
<p className="success">
Ascended to Prestige {result.count}! Earned {formatNumber(result.runestones)} Runestones.
{result.milestoneRunestones > 0 && (
<> 🎉 Milestone bonus: +{formatNumber(result.milestoneRunestones)} Runestones!</>
)}
</p>
)}
</div>
) : (
<p className="prestige-locked">
Earn {formatNumber(threshold - player.totalGoldEarned)} more gold to unlock prestige.
</p>
)}
</>
)}
{activeTab === "shop" && (
<div className="runestone-shop">
<p className="shop-balance">
Balance: <strong>{formatNumber(prestigeData.runestones)} Runestones</strong>
</p>
{upgradesByCategory.map(({ category, label, upgrades }) => (
<div key={category} className="shop-category">
<h3>{label}</h3>
<div className="shop-upgrades">
{upgrades.map((upgrade) => {
const purchased = prestigeData.purchasedUpgradeIds.includes(upgrade.id);
const canAfford = prestigeData.runestones >= upgrade.runestonesCost;
const isLoading = buyingId === upgrade.id;
const isAutoPrestigeToggle = upgrade.id === "auto_prestige" && purchased;
const autoPrestigeEnabled = prestigeData.autoPrestigeEnabled ?? false;
return (
<div
key={upgrade.id}
className={`shop-upgrade-card ${purchased ? "purchased" : ""} ${!canAfford && !purchased ? "unaffordable" : ""}`}
>
<div className="shop-upgrade-info">
<h4>{upgrade.name}</h4>
<p>{upgrade.description}</p>
<p className="upgrade-cost">
{purchased ? "✅ Purchased" : `🔮 ${formatNumber(upgrade.runestonesCost)} Runestones`}
</p>
</div>
{isAutoPrestigeToggle && (
<button
className={`auto-prestige-toggle ${autoPrestigeEnabled ? "enabled" : "disabled"}`}
onClick={() => { toggleAutoPrestige(); }}
type="button"
>
{autoPrestigeEnabled ? "⚡ Auto ON" : "⏸ Auto OFF"}
</button>
)}
{!purchased && (
<button
className="buy-upgrade-button"
disabled={!canAfford || isLoading || buyingId !== null}
onClick={() => { void handleBuyUpgrade(upgrade.id); }}
type="button"
>
{isLoading ? "Buying..." : "Buy"}
</button>
)}
</div>
);
})}
</div>
</div>
))}
</div>
)}
</section>
);
};
apps/web/src/components/game/ProfilePage.tsx
-233
View File
@@ -1,233 +0,0 @@
import type { PublicProfileResponse } from "@elysium/types";
import { useEffect, useState } from "react";
import { formatNumber } from "../../utils/format.js";
interface ProfilePageProps {
discordId: string;
}
interface StatEntry {
icon: string;
value: string;
label: string;
date: boolean;
}
export const ProfilePage = ({ discordId }: ProfilePageProps): React.JSX.Element => {
const [profile, setProfile] = useState<PublicProfileResponse | null>(null);
const [error, setError] = useState<string | null>(null);
const [copied, setCopied] = useState(false);
useEffect(() => {
fetch(`/api/profile/${discordId}`)
.then(async (res) => {
if (!res.ok) throw new Error("Player not found");
return res.json() as Promise<PublicProfileResponse>;
})
.then(setProfile)
.catch((err: unknown) => {
setError(err instanceof Error ? err.message : "Failed to load profile");
});
}, [discordId]);
const handleCopy = (): void => {
void navigator.clipboard.writeText(window.location.href).then(() => {
setCopied(true);
setTimeout(() => { setCopied(false); }, 2000);
});
};
if (error) {
return (
<div className="profile-page">
<div className="profile-error">
<p>⚠️ {error}</p>
<a className="profile-play-link" href="/">← Play Elysium</a>
</div>
</div>
);
}
if (!profile) {
return (
<div className="profile-page">
<div className="profile-loading">Loading profile…</div>
</div>
);
}
const s = profile.profileSettings;
const fmt = (n: number): string => formatNumber(n, s.numberFormat);
const avatarUrl = profile.avatar
? `https://cdn.discordapp.com/avatars/${discordId}/${profile.avatar}.png?size=128`
: `https://cdn.discordapp.com/embed/avatars/${parseInt(discordId, 10) % 5}.png`;
const memberSince = new Date(profile.createdAt).toLocaleDateString("en-GB", {
year: "numeric",
month: "long",
day: "numeric",
});
const currentRunStats = [
s.showCurrentGold && {
icon: "🪙",
value: fmt(profile.currentRunGold),
label: "Gold Earned",
date: false,
},
s.showCurrentClicks && {
icon: "👆",
value: fmt(profile.currentRunClicks),
label: "Clicks",
date: false,
},
s.showBossesDefeated && {
icon: "💀",
value: String(profile.bossesDefeated),
label: "Bosses Defeated",
date: false,
},
s.showQuestsCompleted && {
icon: "📜",
value: String(profile.questsCompleted),
label: "Quests Completed",
date: false,
},
s.showAdventurersRecruited && {
icon: "⚔️",
value: fmt(profile.adventurersRecruited),
label: "Adventurers Recruited",
date: false,
},
s.showAchievementsUnlocked && {
icon: "🏆",
value: String(profile.achievementsUnlocked),
label: "Achievements Unlocked",
date: false,
},
].filter(Boolean) as StatEntry[];
const allTimeStats = [
s.showTotalGold && {
icon: "🪙",
value: fmt(profile.totalGoldEarned),
label: "Total Gold Earned",
date: false,
},
s.showTotalClicks && {
icon: "👆",
value: fmt(profile.totalClicks),
label: "Total Clicks",
date: false,
},
s.showLifetimeBossesDefeated && {
icon: "💀",
value: String(profile.lifetimeBossesDefeated),
label: "Bosses Defeated",
date: false,
},
s.showLifetimeQuestsCompleted && {
icon: "📜",
value: String(profile.lifetimeQuestsCompleted),
label: "Quests Completed",
date: false,
},
s.showLifetimeAdventurersRecruited && {
icon: "⚔️",
value: fmt(profile.lifetimeAdventurersRecruited),
label: "Adventurers Recruited",
date: false,
},
s.showLifetimeAchievementsUnlocked && {
icon: "🏆",
value: String(profile.lifetimeAchievementsUnlocked),
label: "Achievements Unlocked",
date: false,
},
s.showGuildFounded && {
icon: "📅",
value: memberSince,
label: "Guild Founded",
date: true,
},
].filter(Boolean) as StatEntry[];
const renderStats = (stats: StatEntry[]): React.JSX.Element => (
<div className="profile-stats">
{stats.map((stat) => (
<div key={stat.label} className="profile-stat">
<span className="profile-stat-icon">{stat.icon}</span>
<span className={`profile-stat-value ${stat.date ? "profile-stat-date" : ""}`}>
{stat.value}
</span>
<span className="profile-stat-label">{stat.label}</span>
</div>
))}
</div>
);
return (
<div className="profile-page">
<div className="profile-card">
<div className="profile-header">
<img
alt={`${profile.username}'s avatar`}
className="profile-avatar"
src={avatarUrl}
/>
<div className="profile-identity">
<h1 className="profile-character-name">{profile.characterName}</h1>
<p className="profile-username">@{profile.username}</p>
{s.showApotheosis && profile.apotheosisCount > 0 && (
<span className="profile-apotheosis-badge">
✨ Apotheosis {profile.apotheosisCount}
</span>
)}
{s.showTranscendence && profile.transcendenceCount > 0 && (
<span className="profile-transcendence-badge">
🌌 Transcendence {profile.transcendenceCount}
</span>
)}
{s.showPrestige && profile.prestigeCount > 0 && (
<span className="profile-prestige-badge">
⭐ Prestige {profile.prestigeCount}
</span>
)}
</div>
</div>
{profile.bio && (
<p className="profile-bio">{profile.bio}</p>
)}
{currentRunStats.length > 0 && (
<div className="profile-stats-section">
<h3 className="profile-stats-heading">Current Run</h3>
{renderStats(currentRunStats)}
</div>
)}
{allTimeStats.length > 0 && (
<div className="profile-stats-section">
<h3 className="profile-stats-heading">All Time</h3>
{renderStats(allTimeStats)}
</div>
)}
<div className="profile-actions">
<button
className="profile-share-button"
onClick={handleCopy}
type="button"
>
{copied ? "✓ Copied!" : "🔗 Copy Profile Link"}
</button>
<a className="profile-play-link" href="/">
⚔️ Play Elysium
</a>
</div>
</div>
</div>
);
};
apps/web/src/components/game/QuestPanel.tsx
-170
View File
@@ -1,170 +0,0 @@
import type { Quest } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { LockToggle } from "../ui/LockToggle.js";
import { ZoneSelector } from "./ZoneSelector.js";
const formatDuration = (seconds: number): string => {
if (seconds >= 3600) return `${Math.floor(seconds / 3600)}h ${Math.floor((seconds % 3600) / 60)}m`;
if (seconds >= 60) return `${Math.floor(seconds / 60)}m ${seconds % 60}s`;
return `${seconds}s`;
};
const questTimeRemaining = (quest: Quest): number => {
if (quest.status !== "active" || quest.startedAt == null) return 0;
const elapsed = (Date.now() - quest.startedAt) / 1000;
return Math.max(0, quest.durationSeconds - elapsed);
};
interface QuestCardProps {
quest: Quest;
partyCombatPower: number;
unlockHint?: string | undefined;
zoneHint?: string | undefined;
}
const QuestCard = ({ quest, partyCombatPower, unlockHint, zoneHint }: QuestCardProps): React.JSX.Element => {
const { startQuest, formatNumber } = useGame();
const cpRequired = quest.combatPowerRequired ?? 0;
const meetsCP = partyCombatPower >= cpRequired;
return (
<div className={`quest-card quest-${quest.status}`}>
<div className="quest-info">
<h3>{quest.name}</h3>
<p>{quest.description}</p>
{cpRequired > 0 && (
<p className={`quest-cp-requirement ${meetsCP ? "cp-met" : "cp-unmet"}`}>
⚔️ Requires {formatNumber(cpRequired)} Combat Power
{quest.status === "available" && (meetsCP ? " ✓" : ` (you have ${formatNumber(partyCombatPower)})`)}
</p>
)}
<div className="quest-rewards">
{quest.rewards.map((reward, index) => (
// eslint-disable-next-line react/no-array-index-key -- rewards have no unique id
<span key={index} className="reward-tag">
{reward.type === "gold" && `🪙 ${formatNumber(reward.amount ?? 0)}`}
{reward.type === "essence" && `✨ ${formatNumber(reward.amount ?? 0)}`}
{reward.type === "crystals" && `💎 ${formatNumber(reward.amount ?? 0)}`}
{reward.type === "upgrade" && "🔓 Upgrade"}
{reward.type === "adventurer" && "👥 New Adventurer"}
</span>
))}
</div>
</div>
<div className="quest-action">
{quest.status === "locked" && (
<>
<span className="quest-badge locked">🔒 Locked</span>
{zoneHint && <p className="unlock-hint">🗺️ Unlock zone: {zoneHint}</p>}
{!zoneHint && unlockHint && <p className="unlock-hint">📜 Complete: {unlockHint}</p>}
</>
)}
{quest.status === "available" && quest.lastFailedAt != null && (
<p className="quest-failed-hint">⚠️ Last attempt failed</p>
)}
{quest.status === "available" && (
<button
className="start-quest-button"
disabled={!meetsCP}
onClick={() => { startQuest(quest.id); }}
title={meetsCP ? undefined : `Need ${formatNumber(cpRequired)} combat power`}
type="button"
>
Send Party ({formatDuration(quest.durationSeconds)})
</button>
)}
{quest.status === "active" && (
<span className="quest-badge active">
⏳ {formatDuration(Math.ceil(questTimeRemaining(quest)))} remaining
</span>
)}
{quest.status === "completed" && <span className="quest-badge completed">✅ Complete</span>}
</div>
</div>
);
};
export const QuestPanel = (): React.JSX.Element => {
const { state, toggleAutoQuest } = useGame();
const [activeZoneId, setActiveZoneId] = useState("verdant_vale");
const [showLocked, setShowLocked] = useState(true);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const partyCombatPower = state.adventurers.reduce(
(total, a) => total + a.combatPower * a.count,
0,
);
const zones = state.zones ?? [];
const zoneQuests = state.quests.filter((q) => q.zoneId === activeZoneId);
const lockedCount = zoneQuests.filter((q) => q.status === "locked").length;
const visibleQuests = showLocked
? zoneQuests
: zoneQuests.filter((q) => q.status !== "locked");
const questNameById = new Map(state.quests.map((q) => [q.id, q.name]));
const zoneById = new Map(zones.map((z) => [z.id, z]));
const questUnlockHints = new Map<string, string>();
const questZoneHints = new Map<string, string>();
for (const quest of state.quests) {
if (quest.status !== "locked") continue;
const zone = zoneById.get(quest.zoneId);
if (zone?.status === "locked") {
questZoneHints.set(quest.id, zone.name);
} else if (quest.prerequisiteIds.length > 0) {
const prereqId = quest.prerequisiteIds[0];
if (prereqId) {
const prereqName = questNameById.get(prereqId);
if (prereqName) {
questUnlockHints.set(quest.id, prereqName);
}
}
}
}
return (
<section className="panel quest-panel">
<div className="panel-header">
<h2>Quests</h2>
<div className="panel-header-controls">
<button
className={`auto-toggle-btn ${state.autoQuest ? "auto-toggle-on" : "auto-toggle-off"}`}
onClick={toggleAutoQuest}
title="Automatically send the party on the highest available quest"
type="button"
>
🤖 Auto: {state.autoQuest ? "ON" : "OFF"}
</button>
<LockToggle
lockedCount={lockedCount}
showLocked={showLocked}
onToggle={() => { setShowLocked((v) => !v); }}
/>
</div>
</div>
<ZoneSelector
activeZoneId={activeZoneId}
zones={zones}
onSelectZone={setActiveZoneId}
/>
<div className="quest-list">
{visibleQuests.map((quest) => (
<QuestCard
key={quest.id}
partyCombatPower={partyCombatPower}
quest={quest}
unlockHint={questUnlockHints.get(quest.id)}
zoneHint={questZoneHints.get(quest.id)}
/>
))}
{visibleQuests.length === 0 && (
<p className="empty-zone">No quests to show in this zone.</p>
)}
</div>
</section>
);
};
apps/web/src/components/game/StatisticsPanel.tsx
-153
View File
@@ -1,153 +0,0 @@
import { useGame } from "../../context/GameContext.js";
import { PRESTIGE_UPGRADES } from "../../data/prestigeUpgrades.js";
const formatDate = (timestamp: number): string =>
new Date(timestamp).toLocaleDateString("en-GB", {
day: "numeric",
month: "short",
year: "numeric",
});
interface StatCardProps {
icon: string;
label: string;
value: string;
sub?: string;
}
const StatCard = ({ icon, label, value, sub }: StatCardProps): React.JSX.Element => (
<div className="profile-stat">
<span className="profile-stat-icon">{icon}</span>
<span className="profile-stat-value">{value}</span>
<span className="profile-stat-label">{label}</span>
{sub !== undefined && <span className="profile-stat-date">{sub}</span>}
</div>
);
export const StatisticsPanel = (): React.JSX.Element => {
const { state, formatNumber } = useGame();
if (!state) return <section className="panel"><p>Loading...</p></section>;
const { player, resources, prestige, bosses, quests, zones, adventurers, upgrades, equipment, achievements } = state;
const bossesDefeated = bosses.filter((b) => b.status === "defeated").length;
const questsCompleted = quests.filter((q) => q.status === "completed").length;
const zonesUnlocked = zones.filter((z) => z.status === "unlocked").length;
const adventurersRecruited = adventurers.reduce((sum, a) => sum + a.count, 0);
const equipmentOwned = (equipment ?? []).filter((e) => e.owned).length;
const upgradesPurchased = upgrades.filter((u) => u.purchased).length;
const achievementsUnlocked = (achievements ?? []).filter((a) => a.unlockedAt !== null).length;
const prestigeUpgradesPurchased = prestige.purchasedUpgradeIds.length;
return (
<section className="panel statistics-panel">
<h2>📊 Statistics</h2>
<h3 className="stats-section-header">All-Time</h3>
<div className="profile-stats">
<StatCard
icon="🪙"
label="Total Gold Earned"
value={formatNumber(player.totalGoldEarned)}
sub="across all runs"
/>
<StatCard
icon="👆"
label="Total Clicks"
value={formatNumber(player.totalClicks)}
/>
<StatCard
icon="⭐"
label="Prestiges"
value={String(prestige.count)}
/>
<StatCard
icon="📅"
label="Guild Founded"
value={formatDate(player.createdAt)}
/>
<StatCard
icon="☁️"
label="Last Cloud Save"
value={formatDate(player.lastSavedAt)}
/>
<StatCard
icon="✖️"
label="Production Multiplier"
value={`×${prestige.productionMultiplier.toFixed(2)}`}
sub="from prestige"
/>
</div>
<h3 className="stats-section-header">Current Run</h3>
<div className="profile-stats">
<StatCard
icon="🪙"
label="Gold"
value={formatNumber(resources.gold)}
/>
<StatCard
icon="✨"
label="Essence"
value={formatNumber(resources.essence)}
/>
<StatCard
icon="💎"
label="Crystals"
value={formatNumber(resources.crystals)}
/>
<StatCard
icon="🔮"
label="Runestones"
value={formatNumber(prestige.runestones)}
sub="permanent currency"
/>
</div>
<h3 className="stats-section-header">Progress</h3>
<div className="profile-stats">
<StatCard
icon="👹"
label="Bosses Defeated"
value={`${String(bossesDefeated)} / ${String(bosses.length)}`}
/>
<StatCard
icon="📜"
label="Quests Completed"
value={`${String(questsCompleted)} / ${String(quests.length)}`}
/>
<StatCard
icon="🗺️"
label="Zones Unlocked"
value={`${String(zonesUnlocked)} / ${String(zones.length)}`}
/>
<StatCard
icon="⚔️"
label="Adventurers Recruited"
value={formatNumber(adventurersRecruited)}
/>
<StatCard
icon="🗡️"
label="Equipment Owned"
value={`${String(equipmentOwned)} / ${String((equipment ?? []).length)}`}
/>
<StatCard
icon="🔧"
label="Upgrades Purchased"
value={`${String(upgradesPurchased)} / ${String(upgrades.length)}`}
/>
<StatCard
icon="🏆"
label="Achievements"
value={`${String(achievementsUnlocked)} / ${String((achievements ?? []).length)}`}
/>
<StatCard
icon="🔮"
label="Prestige Upgrades"
value={`${String(prestigeUpgradesPurchased)} / ${String(PRESTIGE_UPGRADES.length)}`}
/>
</div>
</section>
);
};
apps/web/src/components/game/StoryPanel.tsx
-112
View File
@@ -1,112 +0,0 @@
import { useState } from "react";
import { STORY_CHAPTERS } from "@elysium/types";
import { useGame } from "../../context/GameContext.js";
const substituteCharacterName = (text: string, characterName: string): string =>
text.replaceAll("{characterName}", characterName || "the guild leader");
export const StoryPanel = (): React.JSX.Element => {
const { state, completeChapter } = useGame();
const [activeChapterIndex, setActiveChapterIndex] = useState(0);
if (!state) return <div className="story-panel"><p>Loading…</p></div>;
const unlockedIds = state.story?.unlockedChapterIds ?? [];
const completedChapters = state.story?.completedChapters ?? [];
const characterName = state.player.characterName ?? "";
const activeChapter = STORY_CHAPTERS[activeChapterIndex];
const isUnlocked = unlockedIds.includes(activeChapter?.id ?? "");
const completion = activeChapter
? completedChapters.find((c) => c.chapterId === activeChapter.id)
: null;
const isUnread = isUnlocked && !completion;
return (
<div className="story-panel">
<div className="story-chapter-tabs">
{STORY_CHAPTERS.map((chapter, index) => {
const unlocked = unlockedIds.includes(chapter.id);
const completed = completedChapters.some((c) => c.chapterId === chapter.id);
const unread = unlocked && !completed;
return (
<button
key={chapter.id}
className={[
"story-tab-btn",
activeChapterIndex === index ? "active" : "",
!unlocked ? "locked" : "",
].join(" ")}
onClick={() => {
setActiveChapterIndex(index);
}}
type="button"
aria-label={unlocked ? chapter.title : `Chapter ${index + 1} (locked)`}
>
{index + 1}
{unread && <span className="story-unread-dot" />}
</button>
);
})}
</div>
{activeChapter && (
<div className="story-chapter-view">
{isUnlocked ? (
<>
<h2 className="story-chapter-title">
Chapter {activeChapterIndex + 1}: {activeChapter.title}
</h2>
<div className="story-chapter-content">
{substituteCharacterName(activeChapter.content, characterName)
.split("\n\n")
.map((paragraph, i) => (
// eslint-disable-next-line react/no-array-index-key -- static paragraph splits
<p key={i}>{paragraph}</p>
))}
</div>
{completion ? (
<div className="story-choice-result">
<p className="story-choice-label">
<strong>Your choice:</strong>{" "}
{activeChapter.choices.find((c) => c.id === completion.choiceId)?.label}
</p>
<p className="story-choice-outcome">
{substituteCharacterName(
activeChapter.choices.find((c) => c.id === completion.choiceId)?.outcome ?? "",
characterName,
)}
</p>
</div>
) : (
isUnread && (
<div className="story-choices">
<p className="story-choices-prompt">What do you do?</p>
{activeChapter.choices.map((choice) => (
<button
key={choice.id}
className="story-choice-btn"
onClick={() => {
completeChapter(activeChapter.id, choice.id);
}}
type="button"
>
{choice.label}
</button>
))}
</div>
)
)}
</>
) : (
<div className="story-locked">
<p className="story-locked-title">Chapter {activeChapterIndex + 1}</p>
<p className="story-locked-hint">🔒 This chapter has not yet been unlocked.</p>
</div>
)}
</div>
)}
</div>
);
};
apps/web/src/components/game/StoryToast.tsx
-51
View File
@@ -1,51 +0,0 @@
import { useEffect } from "react";
import { STORY_CHAPTERS } from "@elysium/types";
import { useGame } from "../../context/GameContext.js";
interface StoryToastItemProps {
chapterId: string;
}
const StoryToastItem = ({ chapterId }: StoryToastItemProps): React.JSX.Element | null => {
const { dismissStoryChapter } = useGame();
const chapter = STORY_CHAPTERS.find((c) => c.id === chapterId);
useEffect(() => {
const timer = setTimeout(() => {
dismissStoryChapter(chapterId);
}, 4000);
return () => {
clearTimeout(timer);
};
}, [chapterId, dismissStoryChapter]);
if (!chapter) return null;
return (
<button
className="achievement-toast"
onClick={() => {
dismissStoryChapter(chapterId);
}}
type="button"
>
<span className="achievement-toast-icon">📖</span>
<div className="achievement-toast-content">
<span className="achievement-toast-label">✨ New Chapter!</span>
<span className="achievement-toast-name">{chapter.title}</span>
</div>
</button>
);
};
export const StoryToast = (): React.JSX.Element | null => {
const { newStoryChapterIds } = useGame();
if (newStoryChapterIds.length === 0) return null;
return (
<div className="achievement-toast-container">
{newStoryChapterIds.map((id) => (
<StoryToastItem key={id} chapterId={id} />
))}
</div>
);
};
apps/web/src/components/game/TranscendencePanel.tsx
-213
View File
@@ -1,213 +0,0 @@
import type { TranscendenceUpgradeCategory } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import {
TRANSCENDENCE_UPGRADES,
TRANSCENDENCE_UPGRADE_CATEGORY_LABELS,
} from "../../data/transcendenceUpgrades.js";
const ECHO_FORMULA_CONSTANT = 853;
const FINAL_BOSS_ID = "the_absolute_one";
const calculateEchoPreview = (prestigeCount: number, echoMetaMultiplier: number): number => {
const safeCount = Math.max(prestigeCount, 1);
return Math.floor((ECHO_FORMULA_CONSTANT / Math.sqrt(safeCount)) * echoMetaMultiplier);
};
const CATEGORY_ORDER: TranscendenceUpgradeCategory[] = [
"income",
"combat",
"prestige_threshold",
"prestige_runestones",
"echo_meta",
];
export const TranscendencePanel = (): React.JSX.Element => {
const { state, formatNumber, transcend, buyEchoUpgrade } = useGame();
const [isPending, setIsPending] = useState(false);
const [result, setResult] = useState<{ echoes: number; count: number } | null>(null);
const [error, setError] = useState<string | null>(null);
const [buyingId, setBuyingId] = useState<string | null>(null);
const [activeTab, setActiveTab] = useState<"transcend" | "shop">("transcend");
if (!state) return <section className="panel"><p>Loading...</p></section>;
const { bosses, prestige: prestigeData, transcendence } = state;
const hasDefeatedFinalBoss = bosses.some((b) => b.id === FINAL_BOSS_ID && b.status === "defeated");
const echoMetaMultiplier = transcendence?.echoMetaMultiplier ?? 1;
const echoPreview = calculateEchoPreview(prestigeData.count, echoMetaMultiplier);
const currentEchoes = transcendence?.echoes ?? 0;
const transcendenceCount = transcendence?.count ?? 0;
const handleTranscend = async (): Promise<void> => {
setIsPending(true);
setError(null);
try {
const data = await transcend();
setResult({ echoes: data.echoes, count: data.newTranscendenceCount });
} catch (err) {
setError(err instanceof Error ? err.message : "Transcendence failed");
} finally {
setIsPending(false);
}
};
const handleBuyUpgrade = async (upgradeId: string): Promise<void> => {
setBuyingId(upgradeId);
try {
await buyEchoUpgrade(upgradeId);
} finally {
setBuyingId(null);
}
};
const upgradesByCategory = CATEGORY_ORDER.map((category) => ({
category,
label: TRANSCENDENCE_UPGRADE_CATEGORY_LABELS[category] ?? category,
upgrades: TRANSCENDENCE_UPGRADES.filter((u) => u.category === category),
}));
return (
<section className="panel transcendence-panel">
<h2>🌌 Transcendence</h2>
<div className="prestige-tabs">
<button
className={`prestige-tab ${activeTab === "transcend" ? "active" : ""}`}
onClick={() => { setActiveTab("transcend"); }}
type="button"
>
Transcend
</button>
<button
className={`prestige-tab ${activeTab === "shop" ? "active" : ""}`}
onClick={() => { setActiveTab("shop"); }}
type="button"
>
✨ Echo Shop ({formatNumber(currentEchoes)} echoes)
</button>
</div>
{activeTab === "transcend" && (
<>
<p className="transcendence-intro">
Transcendence is the ultimate reset. It wipes{" "}
<strong>everything</strong> — resources, prestige, runestones, upgrades,
and equipment — but grants <strong>Echoes</strong>, a permanent currency
that survives all future resets. Echoes power upgrades that permanently
amplify every run from this point forward.
</p>
<p className="transcendence-intro">
<em>
Fewer prestiges = more Echoes. Optimise your run for maximum yield!
</em>
</p>
<div className="transcendence-status">
{transcendenceCount > 0 && (
<p>Transcendence count: <strong>{transcendenceCount}</strong></p>
)}
<p>Current Echoes: <strong>{formatNumber(currentEchoes)}</strong></p>
<p>Current prestige count: <strong>{prestigeData.count}</strong></p>
{hasDefeatedFinalBoss && (
<p className="echo-preview">
Echoes on transcendence: <strong>+{formatNumber(echoPreview)}</strong>
{echoMetaMultiplier > 1 && (
<span className="echo-meta-bonus">
{" "}(×{echoMetaMultiplier.toFixed(2)} meta bonus applied)
</span>
)}
</p>
)}
</div>
{!hasDefeatedFinalBoss && (
<div className="transcendence-locked">
<p>🔒 <strong>Defeat The Absolute One</strong> to unlock transcendence.</p>
<p className="transcendence-hint">
The Absolute One is the final boss of The Absolute zone, requiring
Prestige 90 to challenge.
</p>
</div>
)}
{hasDefeatedFinalBoss && (
<div className="prestige-form">
<p>You are ready to transcend. This action is <strong>irreversible</strong>.</p>
<button
className="transcendence-button"
disabled={isPending}
onClick={() => { void handleTranscend(); }}
type="button"
>
{isPending
? "Transcending..."
: `🌌 Transcend (+${formatNumber(echoPreview)} Echoes)`}
</button>
{error && <p className="error">{error}</p>}
{result && (
<p className="success">
Transcended! Earned{" "}
<strong>{formatNumber(result.echoes)} Echoes</strong>. This is
Transcendence {result.count}. A new cycle begins.
</p>
)}
</div>
)}
</>
)}
{activeTab === "shop" && (
<div className="echo-shop">
<p className="shop-balance">
Balance: <strong>{formatNumber(currentEchoes)} Echoes</strong>
</p>
<p className="echo-shop-description">
Echo upgrades are <strong>permanent</strong> — they survive all future
prestiges and transcendences.
</p>
{upgradesByCategory.map(({ category, label, upgrades }) => (
<div key={category} className="shop-category">
<h3>{label}</h3>
<div className="shop-upgrades">
{upgrades.map((upgrade) => {
const purchased = (transcendence?.purchasedUpgradeIds ?? []).includes(upgrade.id);
const canAfford = currentEchoes >= upgrade.cost;
const isLoading = buyingId === upgrade.id;
return (
<div
key={upgrade.id}
className={`shop-upgrade-card echo-upgrade-card ${purchased ? "purchased" : ""} ${!canAfford && !purchased ? "unaffordable" : ""}`}
>
<div className="shop-upgrade-info">
<h4>{upgrade.name}</h4>
<p>{upgrade.description}</p>
<p className="upgrade-cost">
{purchased
? "✅ Purchased"
: `✨ ${formatNumber(upgrade.cost)} Echoes`}
</p>
</div>
{!purchased && (
<button
className="buy-upgrade-button echo-buy-button"
disabled={!canAfford || isLoading || buyingId !== null}
onClick={() => { void handleBuyUpgrade(upgrade.id); }}
type="button"
>
{isLoading ? "Buying..." : "Buy"}
</button>
)}
</div>
);
})}
</div>
</div>
))}
</div>
)}
</section>
);
};
apps/web/src/components/game/UpgradePanel.tsx
-148
View File
@@ -1,148 +0,0 @@
import type { Upgrade } from "@elysium/types";
import { useState } from "react";
import { useGame } from "../../context/GameContext.js";
import { LockToggle } from "../ui/LockToggle.js";
interface UpgradeCardProps {
upgrade: Upgrade;
currentGold: number;
currentEssence: number;
currentCrystals: number;
unlockHint?: string | undefined;
formatNumber: (n: number) => string;
}
const UpgradeCard = ({ upgrade, currentGold, currentEssence, currentCrystals, unlockHint, formatNumber }: UpgradeCardProps): React.JSX.Element => {
const { buyUpgrade } = useGame();
const canAfford =
currentGold >= upgrade.costGold &&
currentEssence >= upgrade.costEssence &&
currentCrystals >= (upgrade.costCrystals ?? 0);
if (!upgrade.unlocked) {
return (
<div className="upgrade-card locked">
<div className="upgrade-info">
<h3>🔒 {upgrade.name}</h3>
<p>{upgrade.description}</p>
<p className="upgrade-multiplier">×{upgrade.multiplier} multiplier</p>
</div>
<div className="upgrade-cost">
{upgrade.costGold > 0 && <span>🪙 {formatNumber(upgrade.costGold)}</span>}
{upgrade.costEssence > 0 && <span>✨ {formatNumber(upgrade.costEssence)}</span>}
{(upgrade.costCrystals ?? 0) > 0 && <span>💎 {formatNumber(upgrade.costCrystals ?? 0)}</span>}
</div>
<span className="upgrade-locked-label">Locked</span>
{unlockHint && <p className="unlock-hint">{unlockHint}</p>}
</div>
);
}
if (upgrade.purchased) {
return (
<div className="upgrade-card purchased">
<span className="upgrade-name">✅ {upgrade.name}</span>
<span className="upgrade-desc">{upgrade.description}</span>
</div>
);
}
return (
<div className="upgrade-card">
<div className="upgrade-info">
<h3>{upgrade.name}</h3>
<p>{upgrade.description}</p>
<p className="upgrade-multiplier">×{upgrade.multiplier} multiplier</p>
</div>
<div className="upgrade-cost">
{upgrade.costGold > 0 && <span>🪙 {formatNumber(upgrade.costGold)}</span>}
{upgrade.costEssence > 0 && <span>✨ {formatNumber(upgrade.costEssence)}</span>}
{(upgrade.costCrystals ?? 0) > 0 && <span>💎 {formatNumber(upgrade.costCrystals ?? 0)}</span>}
</div>
<button
className="buy-button"
disabled={!canAfford}
onClick={() => { buyUpgrade(upgrade.id); }}
type="button"
>
Buy
</button>
</div>
);
};
export const UpgradePanel = (): React.JSX.Element => {
const { state, formatNumber } = useGame();
const [showLocked, setShowLocked] = useState(true);
if (!state) return <section className="panel"><p>Loading...</p></section>;
const purchased = state.upgrades.filter((u) => u.purchased);
const available = state.upgrades.filter((u) => u.unlocked && !u.purchased);
const locked = state.upgrades.filter((u) => !u.unlocked);
const upgradeUnlockHints = new Map<string, string>();
for (const boss of state.bosses) {
for (const upgradeId of (boss.upgradeRewards ?? [])) {
upgradeUnlockHints.set(upgradeId, `⚔️ Defeat: ${boss.name}`);
}
}
for (const quest of state.quests) {
for (const reward of quest.rewards) {
if (reward.type === "upgrade" && reward.targetId && !upgradeUnlockHints.has(reward.targetId)) {
upgradeUnlockHints.set(reward.targetId, `📜 Complete: ${quest.name}`);
}
}
}
return (
<section className="panel upgrade-panel">
<div className="panel-header">
<h2>Upgrades</h2>
<LockToggle
lockedCount={locked.length}
showLocked={showLocked}
onToggle={() => { setShowLocked((v) => !v); }}
/>
</div>
<p className="upgrade-progress">{purchased.length} / {state.upgrades.length} purchased</p>
{state.upgrades.length === 0 ? (
<p className="empty-state">No upgrades available yet — keep adventuring!</p>
) : (
<div className="upgrade-list">
{available.map((upgrade) => (
<UpgradeCard
key={upgrade.id}
upgrade={upgrade}
currentGold={state.resources.gold}
currentEssence={state.resources.essence}
currentCrystals={state.resources.crystals}
formatNumber={formatNumber}
/>
))}
{purchased.map((upgrade) => (
<UpgradeCard
key={upgrade.id}
upgrade={upgrade}
currentGold={state.resources.gold}
currentEssence={state.resources.essence}
currentCrystals={state.resources.crystals}
formatNumber={formatNumber}
/>
))}
{showLocked && locked.map((upgrade) => (
<UpgradeCard
key={upgrade.id}
upgrade={upgrade}
currentGold={state.resources.gold}
currentEssence={state.resources.essence}
currentCrystals={state.resources.crystals}
formatNumber={formatNumber}
unlockHint={upgradeUnlockHints.get(upgrade.id)}
/>
))}
</div>
)}
</section>
);
};
apps/web/src/components/game/ZoneSelector.tsx
-30
View File
@@ -1,30 +0,0 @@
import type { Zone } from "@elysium/types";
interface ZoneSelectorProps {
zones: Zone[];
activeZoneId: string;
onSelectZone: (zoneId: string) => void;
}
export const ZoneSelector = ({
zones,
activeZoneId,
onSelectZone,
}: ZoneSelectorProps): React.JSX.Element => (
<div className="zone-selector">
{zones.map((zone) => (
<button
key={zone.id}
className={`zone-tab ${zone.id === activeZoneId ? "zone-tab-active" : ""}`}
onClick={() => {
onSelectZone(zone.id);
}}
title={zone.description}
type="button"
>
<span className="zone-emoji">{zone.emoji}</span>
<span className="zone-name">{zone.name}</span>
</button>
))}
</div>
);
apps/web/src/components/game/aboutPanel.tsx
+346
View File
@@ -0,0 +1,346 @@
/**
* @file About panel component displaying changelog and how-to-play guide.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- HOW_TO_PLAY data and render logic */
/* eslint-disable max-lines -- HOW_TO_PLAY data makes this file long */
import { type JSX, useEffect, useState } from "react";
import { getAbout } from "../../api/client.js";
import type { AboutResponse } from "@elysium/types";
const howToPlay = [
{
body:
"Hire adventurers to earn gold and essence automatically. Each tier is"
+ " more powerful than the last. Adventurers also contribute combat"
+ " power for boss fights — the more you recruit, the stronger your"
+ " party becomes.",
title: "⚔️ Adventurers",
},
{
body:
"Click the guild hall to earn gold manually. Upgrades and equipment can"
+ " dramatically increase your gold per click. Clicking is especially"
+ " powerful in the early game and when saving up for big purchases.",
title: "👆 Clicking",
},
{
body:
"Purchase upgrades to multiply the gold and essence output of specific"
+ " adventurer tiers, or boost your whole guild. Upgrades are permanent"
+ " for the current run and compound with each other.",
title: "🔧 Upgrades",
},
{
body:
"Send your guild on quests that complete over time and reward gold,"
+ " essence, crystals, equipment, and upgrades. Multiple quests can run"
+ " simultaneously. Completing quests also unlocks new zones.",
title: "📜 Quests",
},
{
body:
"Challenge zone bosses to earn large one-time rewards and unlock new"
+ " zones. Your party's combat power is based on the number and tier of"
+ " adventurers you've recruited. Defeated bosses cannot be re-fought,"
+ " but undefeated bosses regenerate HP over time.",
title: "👹 Boss Fights",
},
{
body:
"New zones unlock when you defeat the final boss AND complete the final"
+ " quest of the previous zone. Each zone contains new bosses and"
+ " quests with progressively greater rewards.",
title: "🗺️ Zones",
},
{
body:
"Earn equipment from boss drops and quest rewards. Each piece provides"
+ " bonuses to gold income, click power, or combat. Rarer equipment"
+ " provides stronger bonuses. Equip matching set pieces (2 or 3 of a"
+ " named set) to unlock escalating set bonuses shown at the top of the"
+ " Equipment panel.",
title: "🗡️ Equipment & Sets",
},
{
body:
"When you've progressed far enough, you can prestige to earn runestones"
+ " — a permanent currency that persists across all runs. Prestige"
+ " resets your current run but grants a production multiplier that"
+ " stacks with every prestige.",
title: "⭐ Prestige",
},
{
body:
"Spend runestones in the Prestige Shop on permanent upgrades that carry"
+ " over across all future runs. These upgrades multiply income, click"
+ " power, essence, and crystal gain — making each new run more powerful"
+ " than the last.",
title: "🔮 Runestones & Prestige Upgrades",
},
{
body:
"Purchase the Autonomous Ascension upgrade in the Prestige Shop"
+ " (100 runestones) to unlock the Auto-Prestige toggle. When enabled,"
+ " you will automatically ascend the moment you reach the prestige"
+ " threshold, using your current character name. Toggle it on and off"
+ " freely from the Prestige Shop.",
title: "⚙️ Auto-Prestige",
},
{
body:
"Earn achievements by hitting milestones — total gold earned, bosses"
+ " defeated, quests completed, and more. Achievements are purely"
+ " cosmetic and track your long-term progress across all prestige runs.",
title: "🏆 Achievements",
},
{
body:
"Complete daily challenges for bonus rewards including gold, essence,"
+ " crystals, and runestones. Challenges reset each day and vary in"
+ " difficulty. Completing all daily challenges gives an extra bonus"
+ " reward.",
title: "📅 Daily Challenges",
},
{
body:
"Send scouts to explore areas within each zone. Explorations run in"
+ " real-time and reward gold, essence, and crafting materials when"
+ " collected. Each area has a set duration — short explorations are"
+ " faster but longer ones offer rarer finds. A 📖 icon marks areas"
+ " you've collected from at least once, unlocking a Codex entry.",
title: "🗺️ Exploration",
},
{
body:
"Use materials gathered from exploration to craft permanent bonuses."
+ " Each recipe provides a multiplier to gold income, essence income,"
+ " click power, or combat power — all of which stack and persist across"
+ " prestige runs. Check the Crafting tab to see your material inventory"
+ " and available recipes per zone.",
title: "⚗️ Crafting",
},
{
body:
"Defeating bosses, completing quests, acquiring equipment, hiring"
+ " adventurers, purchasing upgrades, unlocking prestige upgrades,"
+ " discovering new zones, collecting from exploration areas, and"
+ " crafting recipes all permanently unlock lore entries in the Codex."
+ " A badge appears on the Codex tab and a toast notification pops up"
+ " each time new lore is discovered. Collect all 472 entries to build"
+ " a complete picture of the world of Elysium.",
title: "📖 Codex",
},
{
body:
"Visit the Character tab to write about your character and guild. Fill"
+ " in your character's name, pronouns, race, class, and backstory,"
+ " then create a guild with its own name and lore. Your character sheet"
+ " is visible on your public profile page.",
title: "📋 Character Sheet",
},
{
body:
"Earn Titles by reaching milestones — defeating bosses, completing"
+ " quests, prestiging, and more. Once unlocked, titles are yours"
+ " forever and are never lost on prestige or transcendence resets. Set"
+ " your active title from the Character tab to display it on your"
+ " character sheet and public profile.",
title: "🏅 Titles",
},
{
body:
"Defeat bosses to earn equipment drops: weapons, armour, and trinkets."
+ " Each item provides bonuses to gold income, combat power, or click"
+ " power. Only one item per slot can be equipped at a time — visit the"
+ " Equipment panel to manage your loadout. Your currently equipped"
+ " items are displayed on your character sheet and public profile.",
title: "🗡️ Equipment",
},
{
body:
"Compete with other adventurers on the public Leaderboards page!"
+ " Categories include Lifetime Gold, Bosses Defeated, Quests"
+ " Completed, Achievements, Prestige Count, Transcendence Count, and"
+ " Apotheosis Count. Click any player's row to view their character"
+ " sheet. You can opt out of appearing on leaderboards via the Privacy"
+ " section in your profile settings.",
title: "🏆 Leaderboards",
},
{
body:
"Log in every day to earn escalating rewards! Each consecutive day"
+ " awards more gold, and the 7th day of your streak grants bonus"
+ " crystals. Your streak resets if you miss a day. A week multiplier"
+ " increases all rewards the longer your overall streak runs. Your"
+ " current streak is displayed on your character sheet.",
title: "🔥 Daily Login Bonus",
},
{
body:
"Toggle automation in the Quests and Boss Encounters panels! Auto-Quest"
+ " automatically sends your party on the highest-zone available quest"
+ " as soon as one completes, skipping quests whose combat power"
+ " requirement isn't met. Auto-Boss automatically challenges the"
+ " highest available boss as soon as one is ready. Both can be toggled"
+ " on or off at any time using the 🤖 Auto button in each panel"
+ " header.",
title: "🤖 Auto-Quest & Auto-Boss",
},
{
body:
"Unlock companions by reaching certain milestones across all your runs."
+ " Each companion provides a powerful permanent bonus: increased"
+ " passive gold, click gold, boss damage, essence income, or reduced"
+ " quest time. You can only have one companion active at a time —"
+ " choose wisely based on your current strategy! Companions are"
+ " unlocked permanently once their condition is met and will never be"
+ " lost.",
title: "👥 Companions",
},
{
body:
"Your progress is automatically saved to the cloud every 30 seconds"
+ " whilst you play. You can also force a manual save at any time using"
+ " the sync button in the resource bar. Your save is protected by HMAC"
+ " validation to ensure data integrity.",
title: "☁️ Cloud Saves",
},
{
body:
"Transcendence is the ultimate prestige layer, unlocked by defeating"
+ " The Absolute One (requires Prestige 90). Transcending performs a"
+ " nuclear reset — wiping resources, prestige, runestones, upgrades,"
+ " and equipment — but grants Echoes based on your prestige count"
+ " (fewer prestiges = more Echoes). Echoes are permanent and survive"
+ " all future resets. Spend them in the Echo Shop on lasting"
+ " multipliers: passive income, combat power, prestige"
+ " quality-of-life, and Echo meta upgrades that amplify future Echo"
+ " yields.",
title: "🌌 Transcendence",
},
{
body:
"Apotheosis is the final act — a complete dissolution of everything you"
+ " have built, including your prestige and transcendence progress. It"
+ " is unlocked once you have purchased every Transcendence upgrade. In"
+ " exchange for this total reset, you receive the Apotheosis badge:"
+ " pure bragging rights, a mark of reaching the absolute pinnacle of"
+ " the game. Apotheosis can be achieved multiple times; each cycle"
+ " requires purchasing all Transcendence upgrades again. Your Codex"
+ " entries and lifetime profile statistics are always preserved.",
title: "✨ Apotheosis",
},
{
body:
"The Story tab contains 22 chapters that unlock as you progress. The"
+ " first 18 unlock when you defeat the final boss of each zone."
+ " Chapters 19 and 20 unlock after your first and fifth prestige"
+ " respectively. Chapter 21 unlocks on your first transcendence, and"
+ " Chapter 22 on your first apotheosis. Each chapter presents a"
+ " narrative moment and three choices — the choice you make is recorded"
+ " on your Character Sheet and shapes your guild's story. Story"
+ " progress is permanent and survives all resets.",
title: "📖 Story",
},
];
const formatDate = (dateString: string): string => {
return new Date(dateString).toLocaleDateString("en-GB", {
day: "numeric",
month: "short",
year: "numeric",
});
};
/**
* Renders the about panel with changelog and how-to-play sections.
* @returns The JSX element.
*/
const aboutPanel = (): JSX.Element => {
const [ about, setAbout ] = useState<AboutResponse | null>(null);
const [ error, setError ] = useState<string | null>(null);
const [ expandedRelease, setExpandedRelease ] = useState<string | null>(null);
useEffect(() => {
getAbout().
then(setAbout).
catch((caughtError: unknown) => {
setError(
caughtError instanceof Error
? caughtError.message
: "Failed to load about data.",
);
});
}, []);
return (
<section className="panel about-panel">
<h2>{"ℹ️ About"}</h2>
<h3 className="stats-section-header">{"📋 Changelog"}</h3>
{error !== null && <p className="about-error">{error}</p>}
{about === null && error === null
&& <p className="about-loading">{"Loading changelog..."}</p>
}
{about !== null && about.releases.length === 0
&& <p className="about-empty">{"No releases yet."}</p>
}
{about !== null && about.releases.length > 0
&& <ul className="about-releases">
{about.releases.map((release) => {
function handleToggle(): void {
setExpandedRelease(
expandedRelease === release.tag_name
? null
: release.tag_name,
);
}
return (
<li className="about-release" key={release.tag_name}>
<button
className="about-release-header"
onClick={handleToggle}
type="button"
>
<span className="about-release-tag">
{release.name.length > 0
? release.name
: release.tag_name}
</span>
<span className="about-release-date">
{formatDate(release.published_at)}
</span>
<span className="about-release-chevron">
{expandedRelease === release.tag_name
? "▲"
: "▼"}
</span>
</button>
{expandedRelease === release.tag_name
&& <pre className="about-release-body">{release.body}</pre>
}
</li>
);
})}
</ul>
}
<h3 className="stats-section-header">{"📖 How to Play"}</h3>
<ul className="about-how-to-play">
{howToPlay.map((section) => {
return (
<li className="about-htp-section" key={section.title}>
<h4 className="about-htp-title">{section.title}</h4>
<p className="about-htp-body">{section.body}</p>
</li>
);
})}
</ul>
</section>
);
};
export { aboutPanel as AboutPanel };
apps/web/src/components/game/achievementPanel.tsx
+169
View File
@@ -0,0 +1,169 @@
/**
* @file Achievement panel component displaying all game achievements.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable react/no-multi-comp -- Sub-component is tightly coupled to this panel */
import { type JSX, useState } from "react";
import { useGame } from "../../context/gameContext.js";
import { LockToggle } from "../ui/lockToggle.js";
import type { Achievement } from "@elysium/types";
/**
* Returns the plural form of a word based on a count.
* @param count - The count to check.
* @param word - The base word to pluralise.
* @returns The pluralised word string.
*/
const pluralise = (count: number, word: string): string => {
return count > 1
? `${word}s`
: word;
};
/**
* Generates a human-readable condition description for an achievement.
* @param achievement - The achievement to describe.
* @param formatNumber - The number formatting utility function.
* @returns A string describing the achievement condition.
*/
const conditionDescription = (
achievement: Achievement,
formatNumber: (n: number)=> string,
): string => {
const { condition } = achievement;
switch (condition.type) {
case "totalGoldEarned":
return `Earn ${formatNumber(condition.amount)} total gold`;
case "totalClicks":
return `Click ${formatNumber(condition.amount)} times`;
case "bossesDefeated":
return `Defeat ${String(condition.amount)} ${pluralise(condition.amount, "boss")}`;
case "questsCompleted":
return `Complete ${String(condition.amount)} ${pluralise(condition.amount, "quest")}`;
case "adventurerTotal":
return `Recruit ${formatNumber(condition.amount)} total adventurers`;
case "prestigeCount":
return `Prestige ${String(condition.amount)} ${pluralise(condition.amount, "time")}`;
case "equipmentOwned":
return `Own ${String(condition.amount)} equipment ${pluralise(condition.amount, "item")}`;
default:
return "Unknown condition";
}
};
interface AchievementCardProperties {
readonly achievement: Achievement;
readonly formatNumber: (n: number)=> string;
}
/**
* Renders a single achievement card.
* @param props - The achievement card properties.
* @param props.achievement - The achievement to display.
* @param props.formatNumber - The number formatting utility function.
* @returns The JSX element.
*/
const AchievementCard = ({
achievement,
formatNumber,
}: AchievementCardProperties): JSX.Element => {
const isUnlocked = achievement.unlockedAt !== null;
const crystals = achievement.reward?.crystals;
return (
<div className={`achievement-card ${isUnlocked
? "unlocked"
: "locked"}`}>
<div className="achievement-icon">{achievement.icon}</div>
<div className="achievement-info">
<h3>{achievement.name}</h3>
<p>{achievement.description}</p>
<p className="achievement-condition">
{conditionDescription(achievement, formatNumber)}
</p>
{crystals !== undefined
&& <p className="achievement-reward">
{"💎 +"}
{crystals}
{" Crystals"}
</p>
}
</div>
<div className="achievement-status">
{isUnlocked
? <span className="achievement-unlocked-badge">{"✓ Unlocked"}</span>
: <span className="achievement-locked-badge">{"🔒"}</span>
}
</div>
</div>
);
};
/**
* Renders the achievement panel with all achievements.
* @returns The JSX element.
*/
// eslint-disable-next-line max-lines-per-function -- Achievement panel renders many achievement states
const AchievementPanel = (): JSX.Element => {
const { state, formatNumber } = useGame();
const [ showLocked, setShowLocked ] = useState(true);
if (state === null) {
return (
<section className="panel">
<p>{"Loading..."}</p>
</section>
);
}
const achievementList = state.achievements;
const unlocked = achievementList.filter((a) => {
return a.unlockedAt !== null;
});
const locked = achievementList.filter((a) => {
return a.unlockedAt === null;
});
const visible = showLocked
? achievementList
: unlocked;
function handleToggle(): void {
setShowLocked((current) => {
return !current;
});
}
return (
<section className="panel achievement-panel">
<div className="panel-header">
<h2>{"Achievements"}</h2>
<LockToggle
lockedCount={locked.length}
onToggle={handleToggle}
showLocked={showLocked}
/>
</div>
<p className="achievement-progress">
{unlocked.length}
{" / "}
{achievementList.length}
{" unlocked"}
</p>
<div className="achievement-list">
{visible.map((achievement) => {
return (
<AchievementCard
achievement={achievement}
formatNumber={formatNumber}
key={achievement.id}
/>
);
})}
</div>
</section>
);
};
export { AchievementPanel };
apps/web/src/components/game/achievementToast.tsx
+87
View File
@@ -0,0 +1,87 @@
/**
* @file Achievement toast notification component.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable react/no-multi-comp -- Sub-component is tightly coupled to the toast container */
import { type JSX, useEffect } from "react";
import { useGame } from "../../context/gameContext.js";
import type { Achievement } from "@elysium/types";
interface ToastItemProperties {
readonly achievement: Achievement;
readonly onDismiss: (id: string)=> void;
}
/**
* Renders a single achievement toast item.
* @param props - The toast item properties.
* @param props.achievement - The achievement to display.
* @param props.onDismiss - Callback to dismiss the toast.
* @returns The JSX element.
*/
const ToastItem = ({
achievement,
onDismiss,
}: ToastItemProperties): JSX.Element => {
useEffect(() => {
const timer = setTimeout(() => {
onDismiss(achievement.id);
}, 4000);
return (): void => {
clearTimeout(timer);
};
}, [ achievement.id, onDismiss ]);
function handleClick(): void {
onDismiss(achievement.id);
}
const crystals = achievement.reward?.crystals;
return (
<div className="achievement-toast" onClick={handleClick}>
<span className="toast-icon">{achievement.icon}</span>
<div className="toast-content">
<span className="toast-label">{"Achievement Unlocked!"}</span>
<span className="toast-name">{achievement.name}</span>
{crystals !== undefined
&& <span className="toast-reward">
{"💎 +"}
{crystals}
</span>
}
</div>
</div>
);
};
/**
* Renders the achievement toast container with pending achievement notifications.
* @returns The JSX element or null if there are no pending achievements.
*/
const AchievementToast = (): JSX.Element | null => {
const { unlockedAchievements: pendingAchievements, dismissAchievement }
= useGame();
if (pendingAchievements.length === 0) {
return null;
}
return (
<div className="achievement-toast-container">
{pendingAchievements.map((achievement) => {
return (
<ToastItem
achievement={achievement}
key={achievement.id}
onDismiss={dismissAchievement}
/>
);
})}
</div>
);
};
export { AchievementToast };
apps/web/src/components/game/adventurerPanel.tsx
+241
View File
@@ -0,0 +1,241 @@
/**
* @file Adventurer panel component for hiring and managing adventurers.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable react/no-multi-comp -- Sub-component is tightly coupled to the panel */
/* eslint-disable max-lines-per-function -- Complex component with many render paths */
/* eslint-disable complexity -- Complex component with many render paths */
import { type JSX, useState } from "react";
import { useGame } from "../../context/gameContext.js";
import { LockToggle } from "../ui/lockToggle.js";
import type { Adventurer } from "@elysium/types";
const iconByClass: Record<string, string> = {
cleric: "✝️",
mage: "🔮",
paladin: "🛡️",
ranger: "🏹",
rogue: "🗝️",
warrior: "🗡️",
};
type BatchSize = 1 | 5 | 10 | 25 | 100 | "max";
const batchOptions: Array<BatchSize> = [ 1, 5, 10, 25, 100, "max" ];
/**
* Computes the total cost to buy a batch of adventurers.
* @param adventurer - The adventurer to buy.
* @param quantity - The number to buy.
* @returns The total gold cost.
*/
const computeBatchCost = (adventurer: Adventurer, quantity: number): number => {
let total = 0;
for (let index = 0; index < quantity; index = index + 1) {
const cost = adventurer.baseCost * Math.pow(1.15, adventurer.count + index);
total = total + cost;
}
return total;
};
/**
* Computes the maximum number of adventurers affordable with given gold.
* @param adventurer - The adventurer type.
* @param gold - The available gold.
* @returns The maximum affordable quantity.
*/
const computeMaxAffordable = (adventurer: Adventurer, gold: number): number => {
let total = 0;
let quantity = 0;
for (let index = 0; index < 100_000; index = index + 1) {
const cost = adventurer.baseCost * Math.pow(1.15, adventurer.count + index);
if (total + cost > gold) {
break;
}
total = total + cost;
quantity = quantity + 1;
}
return quantity;
};
interface AdventurerCardProperties {
readonly adventurer: Adventurer;
readonly currentGold: number;
readonly batchSize: BatchSize;
readonly unlockHint: string | undefined;
readonly formatNumber: (n: number)=> string;
}
/**
* Renders a single adventurer card with buy controls.
* @param props - The adventurer card properties.
* @param props.adventurer - The adventurer data.
* @param props.currentGold - The current gold available.
* @param props.batchSize - The selected batch size.
* @param props.unlockHint - Optional quest name that unlocks this adventurer.
* @param props.formatNumber - The number formatting utility function.
* @returns The JSX element.
*/
const AdventurerCard = ({
adventurer,
currentGold,
batchSize,
unlockHint,
formatNumber,
}: AdventurerCardProperties): JSX.Element => {
const { buyAdventurer } = useGame();
const resolvedQuantity
= batchSize === "max"
? computeMaxAffordable(adventurer, currentGold)
: batchSize;
const cost = computeBatchCost(adventurer, resolvedQuantity);
const canAfford = resolvedQuantity > 0 && currentGold >= cost;
function handleBuy(): void {
buyAdventurer(adventurer.id, resolvedQuantity);
}
const maxSuffix
= batchSize === "max" && resolvedQuantity > 0
? ` (×${String(resolvedQuantity)})`
: "";
const buttonLabel = adventurer.unlocked
? `🪙 ${formatNumber(Math.ceil(cost))}${maxSuffix}`
: "🔒 Locked";
// eslint-disable-next-line @typescript-eslint/dot-notation -- "class" is a reserved word
const adventurerIcon = iconByClass[adventurer["class"]] ?? "⚔️";
return (
<div className={`adventurer-card ${adventurer.unlocked
? ""
: "locked"}`}>
<div className="adventurer-icon">{adventurerIcon}</div>
<div className="adventurer-info">
<h3>{adventurer.name}</h3>
<p>
{formatNumber(adventurer.goldPerSecond)}
{" gold/s each"}
</p>
{adventurer.essencePerSecond > 0
&& <p>
{formatNumber(adventurer.essencePerSecond)}
{" essence/s each"}
</p>
}
</div>
<div className="adventurer-count">
{"×"}
{adventurer.count}
</div>
<button
className="buy-button"
disabled={!canAfford || !adventurer.unlocked}
onClick={handleBuy}
type="button"
>
{buttonLabel}
</button>
{!adventurer.unlocked && unlockHint !== undefined
? <p className="unlock-hint">
{"📜 Complete: "}
{unlockHint}
</p>
: null}
</div>
);
};
/**
* Renders the adventurer panel with all available adventurers.
* @returns The JSX element.
*/
const AdventurerPanel = (): JSX.Element => {
const { state, formatNumber } = useGame();
const [ showLocked, setShowLocked ] = useState(true);
const [ batchSize, setBatchSize ] = useState<BatchSize>(1);
if (state === null) {
return (
<section className="panel">
<p>{"Loading..."}</p>
</section>
);
}
const locked = state.adventurers.filter((adventurer) => {
return !adventurer.unlocked;
});
const visible = showLocked
? state.adventurers
: state.adventurers.filter((adventurer) => {
return adventurer.unlocked;
});
const adventurerUnlockHints = new Map<string, string>();
for (const quest of state.quests) {
for (const reward of quest.rewards) {
if (reward.type === "adventurer" && reward.targetId !== undefined) {
adventurerUnlockHints.set(reward.targetId, quest.name);
}
}
}
function handleToggle(): void {
setShowLocked((current) => {
return !current;
});
}
return (
<section className="panel adventurer-panel">
<div className="panel-header">
<h2>{"Adventurers"}</h2>
<LockToggle
lockedCount={locked.length}
onToggle={handleToggle}
showLocked={showLocked}
/>
</div>
<div className="batch-selector">
{batchOptions.map((option) => {
function handleBatchSelect(): void {
setBatchSize(option);
}
return (
<button
className={`batch-button ${batchSize === option
? "active"
: ""}`}
key={option}
onClick={handleBatchSelect}
type="button"
>
{option === "max"
? "xMax"
: `x${String(option)}`}
</button>
);
})}
</div>
<div className="adventurer-list">
{visible.map((adventurer) => {
return (
<AdventurerCard
adventurer={adventurer}
batchSize={batchSize}
currentGold={state.resources.gold}
formatNumber={formatNumber}
key={adventurer.id}
unlockHint={adventurerUnlockHints.get(adventurer.id)}
/>
);
})}
</div>
</section>
);
};
export { AdventurerPanel };
apps/web/src/components/game/apotheosisPanel.tsx
+159
View File
@@ -0,0 +1,159 @@
/**
* @file Apotheosis panel component for the final prestige layer.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Complex component with many render paths */
/* eslint-disable complexity -- Complex component with many conditional render paths */
import { type JSX, useState } from "react";
import { useGame } from "../../context/gameContext.js";
import { TRANSCENDENCE_UPGRADES } from "../../data/transcendenceUpgrades.js";
const totalEchoUpgrades = TRANSCENDENCE_UPGRADES.length;
/**
* Renders the apotheosis panel for achieving the final game milestone.
* @returns The JSX element.
*/
const ApotheosisPanel = (): JSX.Element => {
const { state, apotheosis } = useGame();
const [ isPending, setIsPending ] = useState(false);
const [ result, setResult ] = useState<number | null>(null);
const [ error, setError ] = useState<string | null>(null);
if (state === null) {
return (
<section className="panel">
<p>{"Loading..."}</p>
</section>
);
}
const purchasedIds = state.transcendence?.purchasedUpgradeIds ?? [];
const purchasedCount = TRANSCENDENCE_UPGRADES.filter((upgrade) => {
return purchasedIds.includes(upgrade.id);
}).length;
const isEligible = purchasedCount >= totalEchoUpgrades;
const apotheosisCount = state.apotheosis?.count ?? 0;
async function handleApotheosis(): Promise<void> {
setIsPending(true);
setError(null);
try {
const data = await apotheosis();
setResult(data.newApotheosisCount);
} catch (caughtError) {
setError(
caughtError instanceof Error
? caughtError.message
: "Apotheosis failed",
);
} finally {
setIsPending(false);
}
}
function handleApotheosisClick(): void {
void handleApotheosis();
}
const plural = apotheosisCount === 1
? ""
: "s";
return (
<section className="panel apotheosis-panel">
<h2>{"✨ Apotheosis"}</h2>
<p className="apotheosis-intro">
{"Apotheosis is the final act — a complete dissolution of everything"
+ " you have built. Prestige, Transcendence, Echoes, upgrades,"
+ " equipment, resources: all of it returns to nothing."
+ " In exchange, you receive only one thing:"}
</p>
<p className="apotheosis-reward">
{"The "}
<strong>{"✨ Apotheosis"}</strong>
{" badge. Proof that you have done it all."}
</p>
<p className="apotheosis-intro">
{"Apotheosis can be achieved multiple times. Each cycle requires"
+ " you to purchase every Transcendence upgrade again before the"
+ " next Apotheosis becomes available. There is no mechanical"
+ " benefit — only the knowledge that you have reached the"
+ " pinnacle, dissolved it, and climbed back up."}
</p>
{apotheosisCount > 0
&& <div className="apotheosis-count">
<span>
{"You have achieved Apotheosis "}
<strong>{apotheosisCount}</strong>
{" time"}
{plural}
{"."}
</span>
</div>
}
<div className="apotheosis-status">
<p>
{"Transcendence upgrades purchased: "}
<strong>
{purchasedCount}
{" / "}
{totalEchoUpgrades}
</strong>
</p>
{isEligible
? null
: <p className="apotheosis-missing">
{"🔒 Purchase all "}
{totalEchoUpgrades}
{" Transcendence upgrades to unlock Apotheosis. ("}
{totalEchoUpgrades - purchasedCount}
{" remaining)"}
</p>
}
{isEligible
? <p className="apotheosis-ready">
{"✅ All Transcendence upgrades purchased. You are ready."}
</p>
: null}
</div>
{isEligible
? <div className="prestige-form">
<p>
{"This action is "}
<strong>{"permanent and irreversible"}</strong>
{"."}
</p>
<button
className="apotheosis-button"
disabled={isPending}
onClick={handleApotheosisClick}
type="button"
>
{isPending
? "Ascending..."
: "✨ Achieve Apotheosis"}
</button>
{error === null
? null
: <p className="error">{error}</p>}
{result !== null
&& <p className="success">
{"Apotheosis achieved. This is cycle "}
<strong>{result}</strong>
{". The infinite loop continues."}
</p>
}
</div>
: null}
</section>
);
};
export { ApotheosisPanel };
apps/web/src/components/game/battleModal.tsx
+237
View File
@@ -0,0 +1,237 @@
/**
* @file Battle modal component displaying animated battle results.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Complex battle animation and result display */
/* eslint-disable complexity -- Battle result display requires many conditional paths */
import { type JSX, useEffect, useState } from "react";
import { type BattleResult, useGame } from "../../context/gameContext.js";
/**
* Converts HP values to a percentage for display.
* @param current - The current HP value.
* @param maximum - The maximum HP value.
* @returns The percentage as a number between 0 and 100.
*/
const toHpPercent = (current: number, maximum: number): number => {
if (maximum === 0) {
return 0;
}
const scaled = current * 100;
return scaled / maximum;
};
interface BattleModalProperties {
readonly battle: BattleResult;
readonly onDismiss: ()=> void;
}
/**
* Renders the battle modal with HP bars and animated battle results.
* @param props - The battle modal properties.
* @param props.battle - The battle result data to display.
* @param props.onDismiss - Callback to dismiss the modal.
* @returns The JSX element.
*/
const BattleModal = ({
battle,
onDismiss,
}: BattleModalProperties): JSX.Element => {
const { result, bossName } = battle;
const { formatNumber } = useGame();
const [ phase, setPhase ] = useState<"animating" | "result">("animating");
const bossStartPercent = toHpPercent(result.bossHpBefore, result.bossMaxHp);
const partyStartPercent = 100;
const bossEndPercent = toHpPercent(
result.bossHpAtBattleEnd,
result.bossMaxHp,
);
const partyEndPercent = toHpPercent(
result.partyHpRemaining,
result.partyMaxHp,
);
const [ bossHpPercent, setBossHpPercent ] = useState(bossStartPercent);
const [ partyHpPercent, setPartyHpPercent ] = useState(partyStartPercent);
useEffect(() => {
const startAnimation = setTimeout(() => {
setBossHpPercent(bossEndPercent);
setPartyHpPercent(partyEndPercent);
}, 200);
const revealResult = setTimeout(() => {
setPhase("result");
}, 5200);
return (): void => {
clearTimeout(startAnimation);
clearTimeout(revealResult);
};
}, [ bossEndPercent, partyEndPercent ]);
let bossHpBarColour = "#c0392b";
if (bossHpPercent > 50) {
bossHpBarColour = "#e74c3c";
} else if (bossHpPercent > 25) {
bossHpBarColour = "#e67e22";
}
let partyHpBarColour = "#e74c3c";
if (partyHpPercent > 50) {
partyHpBarColour = "#27ae60";
} else if (partyHpPercent > 25) {
partyHpBarColour = "#f39c12";
}
return (
<div className="modal-overlay">
<div className="modal battle-modal">
<h2>
{"⚔️ Battle: "}
{bossName}
</h2>
<div className="battle-stats">
<div className="battle-stat">
<span className="stat-label">{"Your Party DPS"}</span>
<span className="stat-value">{formatNumber(result.partyDPS)}</span>
</div>
<div className="battle-stat-divider">{"vs"}</div>
<div className="battle-stat">
<span className="stat-label">{"Boss DPS"}</span>
<span className="stat-value">{formatNumber(result.bossDPS)}</span>
</div>
</div>
<div className="battle-bars">
<div className="battle-bar-row">
<span className="bar-label">
{"👹 "}
{bossName}
</span>
<div className="hp-bar-container">
<div
className="hp-bar-fill"
style={{
backgroundColor: bossHpBarColour,
transition: "width 5s ease-in-out",
width: `${bossHpPercent.toFixed(1)}%`,
}}
/>
</div>
<span className="bar-hp">
{formatNumber(result.bossHpAtBattleEnd)}
{" / "}
{formatNumber(result.bossMaxHp)}
</span>
</div>
<div className="vs-divider">{"⚔️ VS ⚔️"}</div>
<div className="battle-bar-row">
<span className="bar-label">{"🛡️ Your Party"}</span>
<div className="hp-bar-container">
<div
className="hp-bar-fill party-hp"
style={{
backgroundColor: partyHpBarColour,
transition: "width 5s ease-in-out",
width: `${partyHpPercent.toFixed(1)}%`,
}}
/>
</div>
<span className="bar-hp">
{formatNumber(result.partyHpRemaining)}
{" / "}
{formatNumber(result.partyMaxHp)}
</span>
</div>
</div>
{phase === "animating"
&& <p className="battle-in-progress">{"Battling…"}</p>
}
{phase === "result"
&& <div
className={`battle-outcome ${result.won
? "victory"
: "defeat"}`}
>
{result.won
? <>
<h3>{"🏆 Victory!"}</h3>
{result.rewards === undefined
? null
: <div className="battle-rewards">
<p>{"Rewards:"}</p>
<span>
{"🪙 "}
{formatNumber(result.rewards.gold)}
{" gold"}
</span>
{result.rewards.essence > 0
&& <span>
{"✨ "}
{formatNumber(result.rewards.essence)}
{" essence"}
</span>
}
{result.rewards.crystals > 0
&& <span>
{"💎 "}
{formatNumber(result.rewards.crystals)}
{" crystals"}
</span>
}
{result.rewards.bountyRunestones > 0
&& <span className="battle-bounty">
{"🔮 "}
{formatNumber(result.rewards.bountyRunestones)}
{" runestones (first kill!)"}
</span>
}
</div>
}
</>
: <>
<h3>{"💀 Defeat"}</h3>
<p>{"Your party was defeated. The boss has reset."}</p>
{result.casualties !== undefined
&& result.casualties.length > 0
? <div className="battle-casualties">
<p>{"Casualties:"}</p>
{result.casualties.map((casualty) => {
return (
<span key={casualty.adventurerId}>
{"☠️ "}
{casualty.killed} {casualty.adventurerId}
{" lost"}
</span>
);
})}
</div>
: null}
</>
}
<button
className="dismiss-button"
onClick={onDismiss}
type="button"
>
{"Continue"}
</button>
</div>
}
</div>
</div>
);
};
export { BattleModal };
apps/web/src/components/game/bossPanel.tsx
+383
View File
@@ -0,0 +1,383 @@
/**
* @file Boss panel component for viewing and challenging zone bosses.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable react/no-multi-comp -- Sub-component is tightly coupled to the panel */
/* eslint-disable max-lines-per-function -- Complex component with many render paths */
/* eslint-disable complexity -- Boss card requires many conditional render paths */
/* eslint-disable max-statements -- Boss panel requires many variable declarations */
/* eslint-disable max-lines -- Boss panel with sub-component and helper function */
import { type JSX, useState } from "react";
import { useGame } from "../../context/gameContext.js";
import { LockToggle } from "../ui/lockToggle.js";
import { ZoneSelector } from "./zoneSelector.js";
import type { Boss, GameState } from "@elysium/types";
interface BossCardProperties {
readonly boss: Boss;
readonly prestigeCount: number;
readonly onChallenge: (bossId: string)=> void;
readonly isChallenging: boolean;
readonly unlockHint: string | undefined;
readonly formatNumber: (n: number)=> string;
}
/**
* Renders a single boss card.
* @param props - The boss card properties.
* @param props.boss - The boss data.
* @param props.prestigeCount - The current prestige count for lock checking.
* @param props.onChallenge - Callback to challenge this boss.
* @param props.isChallenging - Whether this boss is currently being challenged.
* @param props.unlockHint - Optional hint for how to unlock this boss.
* @param props.formatNumber - The number formatting utility function.
* @returns The JSX element.
*/
const BossCard = ({
boss,
prestigeCount,
onChallenge,
isChallenging,
unlockHint,
formatNumber,
}: BossCardProperties): JSX.Element => {
const scaled = boss.currentHp * 100;
const hpPercent = scaled / boss.maxHp;
const isPrestigeLocked = boss.prestigeRequirement > prestigeCount;
const canChallenge
= (boss.status === "available" || boss.status === "in_progress")
&& !isChallenging;
function handleChallenge(): void {
onChallenge(boss.id);
}
return (
<div className={`boss-card boss-${boss.status}`}>
<div className="boss-info">
<h3>{boss.name}</h3>
<p>{boss.description}</p>
{isPrestigeLocked && boss.status === "locked"
? <p className="prestige-lock">
{"🔒 Requires Prestige "}
{boss.prestigeRequirement}
</p>
: null}
{!isPrestigeLocked
&& boss.status === "locked"
&& unlockHint !== undefined
? <p className="unlock-hint">{unlockHint}</p>
: null}
</div>
{boss.status !== "locked" && boss.status !== "defeated"
&& <div className="boss-hp">
<div className="hp-bar">
<div
className="hp-fill"
style={{ width: `${hpPercent.toFixed(1)}%` }}
/>
</div>
<span className="hp-text">
{formatNumber(boss.currentHp)}
{" / "}
{formatNumber(boss.maxHp)}
{" HP"}
</span>
</div>
}
<div className="boss-meta">
<span className="boss-dps">
{"💢 Boss DPS: "}
{formatNumber(boss.damagePerSecond)}
</span>
</div>
<div className="boss-rewards">
<span>
{"🪙 "}
{formatNumber(boss.goldReward)}
</span>
{boss.essenceReward > 0
&& <span>
{"✨ "}
{formatNumber(boss.essenceReward)}
</span>
}
{boss.crystalReward > 0
&& <span>
{"💎 "}
{formatNumber(boss.crystalReward)}
</span>
}
{boss.equipmentRewards.length > 0
&& <span>
{"🗡️ "}
{boss.equipmentRewards.length}
{" Equipment"}
</span>
}
{boss.status !== "defeated" && boss.bountyRunestones > 0
&& <span className="boss-bounty">
{"🔮 "}
{boss.bountyRunestones}
{" (first kill)"}
</span>
}
</div>
{(boss.status === "available" || boss.status === "in_progress")
&& <button
className="attack-button"
disabled={!canChallenge}
onClick={handleChallenge}
type="button"
>
{isChallenging
? "⚔️ Battling…"
: "⚔️ Challenge"}
</button>
}
{boss.status === "defeated"
&& <span className="boss-badge defeated">{"☠️ Defeated"}</span>
}
</div>
);
};
/**
* Computes party DPS and HP from the current game state.
* @param state - The full game state.
* @returns The computed party DPS and HP values.
*/
const computePartyStats = (
state: GameState,
): {
partyDps: number;
partyHp: number;
} => {
const { upgrades, adventurers, equipment, prestige } = state;
let globalMultiplier = 1;
for (const upgrade of upgrades) {
const { purchased, target, multiplier } = upgrade;
if (purchased && target === "global") {
globalMultiplier = globalMultiplier * multiplier;
}
}
const prestigeBonus = prestige.count * 0.1;
const prestigeMultiplier = 1 + prestigeBonus;
const equipmentCombatMultiplier = equipment.
filter((item) => {
return item.equipped && item.bonus.combatMultiplier !== undefined;
}).
reduce((multiplier, item) => {
return multiplier * (item.bonus.combatMultiplier ?? 1);
}, 1);
let partyDps = 0;
let partyHp = 0;
for (const adventurer of adventurers) {
const { count, id: adventurerId, combatPower, level } = adventurer;
if (count === 0) {
continue;
}
let adventurerMultiplier = 1;
for (const upgrade of upgrades) {
const {
purchased,
target,
multiplier,
adventurerId: upgradeAdventurerId,
} = upgrade;
if (
purchased
&& target === "adventurer"
&& upgradeAdventurerId === adventurerId
) {
adventurerMultiplier = adventurerMultiplier * multiplier;
}
}
const dps
= combatPower
* count
* adventurerMultiplier
* globalMultiplier
* prestigeMultiplier;
partyDps = partyDps + dps;
const hp = level * 50 * count;
partyHp = partyHp + hp;
}
partyDps = partyDps * equipmentCombatMultiplier;
return { partyDps, partyHp };
};
/**
* Renders the boss panel with zone selection and boss list.
* @returns The JSX element.
*/
const BossPanel = (): JSX.Element => {
const { state, challengeBoss, formatNumber, toggleAutoBoss } = useGame();
const [ challengingBossId, setChallengingBossId ] = useState<string | null>(
null,
);
const [ activeZoneId, setActiveZoneId ] = useState("verdant_vale");
const [ showLocked, setShowLocked ] = useState(true);
if (state === null) {
return (
<section className="panel">
<p>{"Loading..."}</p>
</section>
);
}
async function handleChallenge(bossId: string): Promise<void> {
setChallengingBossId(bossId);
try {
await challengeBoss(bossId);
} finally {
setChallengingBossId(null);
}
}
function handleChallengeClick(bossId: string): void {
void handleChallenge(bossId);
}
const { zones, bosses, quests, autoBoss, prestige: playerPrestige } = state;
const zoneBosses = bosses.filter((boss) => {
return boss.zoneId === activeZoneId;
});
const lockedCount = zoneBosses.filter((boss) => {
return boss.status === "locked";
}).length;
const visibleBosses = showLocked
? zoneBosses
: zoneBosses.filter((boss) => {
return boss.status !== "locked";
});
const bossUnlockHints = new Map<string, string>();
for (const zone of zones) {
const { id: zoneId, unlockBossId, unlockQuestId } = zone;
const allZoneBosses = bosses.filter((boss) => {
return boss.zoneId === zoneId;
});
for (let index = 0; index < allZoneBosses.length; index = index + 1) {
const boss = allZoneBosses[index];
if (boss === undefined || boss.status !== "locked") {
continue;
}
if (index === 0) {
const parts: Array<string> = [];
if (unlockBossId !== null) {
const gateBoss = bosses.find((candidate) => {
return candidate.id === unlockBossId;
});
if (gateBoss !== undefined) {
parts.push(`⚔️ Defeat: ${gateBoss.name}`);
}
}
if (unlockQuestId !== null) {
const gateQuest = quests.find((candidate) => {
return candidate.id === unlockQuestId;
});
if (gateQuest !== undefined) {
parts.push(`📜 Complete: ${gateQuest.name}`);
}
}
if (parts.length > 0) {
bossUnlockHints.set(boss.id, parts.join(" & "));
}
} else {
const previousBoss = allZoneBosses[index - 1];
if (previousBoss !== undefined) {
bossUnlockHints.set(boss.id, `⚔️ Defeat: ${previousBoss.name} first`);
}
}
}
}
function handleToggle(): void {
setShowLocked((current) => {
return !current;
});
}
const autoBossOn = autoBoss === true;
const { partyDps, partyHp } = computePartyStats(state);
const { count: prestigeCount } = playerPrestige;
return (
<section className="panel boss-panel">
<div className="panel-header">
<h2>{"Boss Encounters"}</h2>
<div className="panel-header-controls">
<button
className={`auto-toggle-btn ${
autoBossOn
? "auto-toggle-on"
: "auto-toggle-off"
}`}
onClick={toggleAutoBoss}
title="Automatically challenge the highest available boss"
type="button"
>
{"🤖 Auto: "}
{autoBossOn
? "ON"
: "OFF"}
</button>
<LockToggle
lockedCount={lockedCount}
onToggle={handleToggle}
showLocked={showLocked}
/>
</div>
</div>
<ZoneSelector
activeZoneId={activeZoneId}
onSelectZone={setActiveZoneId}
zones={zones}
/>
<div className="party-combat-stats">
<div className="combat-stat">
<span className="stat-label">{"⚔️ Party DPS"}</span>
<span className="stat-value">{formatNumber(partyDps)}</span>
</div>
<div className="combat-stat">
<span className="stat-label">{"❤️ Party HP"}</span>
<span className="stat-value">{formatNumber(partyHp)}</span>
</div>
</div>
<div className="boss-list">
{visibleBosses.map((boss) => {
const { id: bossId } = boss;
return (
<BossCard
boss={boss}
formatNumber={formatNumber}
isChallenging={challengingBossId === bossId}
key={bossId}
onChallenge={handleChallengeClick}
prestigeCount={prestigeCount}
unlockHint={bossUnlockHints.get(bossId)}
/>
);
})}
{visibleBosses.length === 0
&& <p className="empty-zone">{"No bosses to show in this zone."}</p>
}
</div>
</section>
);
};
export { BossPanel };
apps/web/src/components/game/characterPage.tsx
+307
View File
@@ -0,0 +1,307 @@
/**
* @file Public character page for viewing a player's character sheet.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Complex component with many render paths */
/* eslint-disable complexity -- Many conditional render paths for optional fields */
import { type JSX, useEffect, useState } from "react";
import type {
EquipmentBonus,
EquipmentType,
PublicProfileResponse,
} from "@elysium/types";
interface CharacterPageProperties {
readonly discordId: string;
}
const slotIcons: Record<EquipmentType, string> = {
armour: "🛡️",
trinket: "💍",
weapon: "⚔️",
};
/**
* Formats an equipment bonus as a human-readable string.
* @param bonus - The equipment bonus to format.
* @returns The formatted bonus string.
*/
const formatBonus = (bonus: EquipmentBonus): string => {
const parts: Array<string> = [];
if (bonus.goldMultiplier !== undefined) {
const pct = Math.round((bonus.goldMultiplier - 1) * 100);
parts.push(`+${String(pct)}% Gold Income`);
}
if (bonus.combatMultiplier !== undefined) {
const pct = Math.round((bonus.combatMultiplier - 1) * 100);
parts.push(`+${String(pct)}% Combat Power`);
}
if (bonus.clickMultiplier !== undefined) {
const pct = Math.round((bonus.clickMultiplier - 1) * 100);
parts.push(`+${String(pct)}% Click Power`);
}
return parts.join(" · ");
};
/**
* Renders the public character page for a given Discord user.
* @param props - The character page properties.
* @param props.discordId - The Discord ID of the player to display.
* @returns The JSX element.
*/
const CharacterPage = ({ discordId }: CharacterPageProperties): JSX.Element => {
const [ profile, setProfile ] = useState<PublicProfileResponse | null>(null);
const [ error, setError ] = useState<string | null>(null);
const [ copied, setCopied ] = useState(false);
useEffect(() => {
fetch(`/api/profile/${discordId}`).
then(async(response) => {
if (!response.ok) {
throw new Error("Player not found");
}
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- API response requires cast
return await (response.json() as Promise<PublicProfileResponse>);
}).
then(setProfile).
catch((error_: unknown) => {
setError(
error_ instanceof Error
? error_.message
: "Failed to load character sheet",
);
});
}, [ discordId ]);
function handleCopy(): void {
void navigator.clipboard.writeText(window.location.href).then(() => {
setCopied(true);
setTimeout(() => {
setCopied(false);
}, 2000);
});
}
if (error !== null) {
return (
<div className="character-page">
<div className="character-page-error">
<p>
{"⚠️ "}
{error}
</p>
<a className="character-page-link" href="/">
{"← Play Elysium"}
</a>
</div>
</div>
);
}
if (profile === null) {
return (
<div className="character-page">
<div className="character-page-loading">
{"Loading character sheet…"}
</div>
</div>
);
}
const discordIndex = Number.parseInt(discordId, 10) % 5;
const avatarUrl
= profile.avatar === null
? `https://cdn.discordapp.com/embed/avatars/${String(discordIndex)}.png`
: `https://cdn.discordapp.com/avatars/${discordId}/${profile.avatar}.png?size=128`;
const subtitleParts = [
profile.characterRace,
profile.characterClass,
].filter((part) => {
return part !== "";
});
const subtitle = subtitleParts.join(" · ");
const activeTitleEntry
= profile.activeTitle === ""
? undefined
: profile.unlockedTitles.find((title) => {
return title.id === profile.activeTitle;
});
const activeTitleName
= activeTitleEntry === undefined
? null
: activeTitleEntry.name;
const hasBadge
= profile.apotheosisCount > 0
|| profile.transcendenceCount > 0
|| profile.prestigeCount > 0;
const displayName
= profile.characterName === ""
? profile.username
: profile.characterName;
return (
<div className="character-page">
<div className="character-page-card">
<div className="character-page-header">
<img
alt={`${displayName}'s avatar`}
className="character-page-avatar"
src={avatarUrl}
/>
<div className="character-page-identity">
<h1 className="character-page-name">{displayName}</h1>
{activeTitleName === null
? null
: <p className="character-page-title">{activeTitleName}</p>
}
{profile.pronouns === ""
? null
: <p className="character-page-pronouns">{profile.pronouns}</p>
}
{subtitle === ""
? null
: <p className="character-page-subtitle">{subtitle}</p>
}
{hasBadge
? <div className="character-page-badges">
{profile.apotheosisCount > 0
&& <span
className={
"character-page-badge character-page-badge--apotheosis"
}
>
{"✨ Apotheosis "}
{profile.apotheosisCount}
</span>
}
{profile.transcendenceCount > 0
&& <span
className={
"character-page-badge"
+ " character-page-badge--transcendence"
}
>
{"🌌 Transcendence "}
{profile.transcendenceCount}
</span>
}
{profile.prestigeCount > 0
&& <span
className={
"character-page-badge character-page-badge--prestige"
}
>
{"⭐ Prestige "}
{profile.prestigeCount}
</span>
}
</div>
: null}
</div>
</div>
{profile.bio === ""
? null
: <div className="character-page-section">
<h2 className="character-page-section-title">{"⚔️ About"}</h2>
<p className="character-page-bio">{profile.bio}</p>
</div>
}
{profile.guildName === ""
? null
: <div className="character-page-section">
<h2 className="character-page-section-title">{"🏰 Guild"}</h2>
<p className="character-page-guild-name">{profile.guildName}</p>
{profile.guildDescription === ""
? null
: <p className="character-page-guild-desc">
{profile.guildDescription}
</p>
}
</div>
}
{profile.equippedItems.length > 0
&& <div className="character-page-section">
<h2 className="character-page-section-title">{"🗡️ Equipment"}</h2>
<div className="character-page-equipment-list">
{profile.equippedItems.map((item) => {
return (
<div
className="character-page-equipment-item"
key={item.type}
>
<div className="character-page-equipment-header">
<span className="character-page-equipment-slot">
{slotIcons[item.type]}
</span>
<span
className={
"character-page-equipment-name"
+ ` character-sheet-rarity--${item.rarity}`
}
>
{item.name}
</span>
<span
className={
"character-page-equipment-rarity"
+ ` character-sheet-rarity--${item.rarity}`
}
>
{item.rarity}
</span>
</div>
<p className="character-page-equipment-bonus">
{formatBonus(item.bonus)}
</p>
</div>
);
})}
</div>
</div>
}
<div className="character-page-divider" />
<p className="character-page-player-line">
{"Played by "}
<span className="character-page-username">
{"@"}
{profile.username}
</span>
</p>
<div className="character-page-actions">
<button
className="character-page-share-btn"
onClick={handleCopy}
type="button"
>
{copied
? "✓ Copied!"
: "🔗 Share Character"}
</button>
<a
className="character-page-profile-link"
href={`/profile/${discordId}`}
>
{"📊 View Stats"}
</a>
<a className="character-page-play-link" href="/">
{"⚔️ Play Elysium"}
</a>
</div>
</div>
</div>
);
};
export { CharacterPage };
apps/web/src/components/game/characterSheetPanel.tsx
+681
View File
@@ -0,0 +1,681 @@
/**
* @file Character sheet panel for viewing and editing the player's character.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Complex component with many fields */
/* eslint-disable complexity -- Many conditional render paths for optional fields */
/* eslint-disable max-statements -- Component requires many state declarations */
/* eslint-disable max-lines -- Large component with editing and view modes */
import {
DEFAULT_PROFILE_SETTINGS,
STORY_CHAPTERS,
type EquipmentBonus,
type EquipmentRarity,
type EquipmentType,
type ProfileSettings,
} from "@elysium/types";
import { type ChangeEvent, type JSX, useEffect, useRef, useState } from "react";
import { updateProfile } from "../../api/client.js";
import { useGame } from "../../context/gameContext.js";
interface EquippedItem {
name: string;
type: EquipmentType;
rarity: EquipmentRarity;
bonus: EquipmentBonus;
}
interface CharacterSheetData {
characterName: string;
pronouns: string;
characterRace: string;
characterClass: string;
bio: string;
guildName: string;
guildDescription: string;
activeTitle: string;
unlockedTitles: Array<{ id: string; name: string }>;
equippedItems: Array<EquippedItem>;
}
const emptySheet: CharacterSheetData = {
activeTitle: "",
bio: "",
characterClass: "",
characterName: "",
characterRace: "",
equippedItems: [],
guildDescription: "",
guildName: "",
pronouns: "",
unlockedTitles: [],
};
const slotIcons: Record<EquipmentType, string> = {
armour: "🛡️",
trinket: "💍",
weapon: "⚔️",
};
/**
* Formats an equipment bonus as a human-readable string.
* @param bonus - The equipment bonus to format.
* @returns The formatted bonus string.
*/
const formatBonus = (bonus: EquipmentBonus): string => {
const parts: Array<string> = [];
if (bonus.goldMultiplier !== undefined) {
const pct = Math.round((bonus.goldMultiplier - 1) * 100);
parts.push(`+${String(pct)}% Gold Income`);
}
if (bonus.combatMultiplier !== undefined) {
const pct = Math.round((bonus.combatMultiplier - 1) * 100);
parts.push(`+${String(pct)}% Combat Power`);
}
if (bonus.clickMultiplier !== undefined) {
const pct = Math.round((bonus.clickMultiplier - 1) * 100);
parts.push(`+${String(pct)}% Click Power`);
}
return parts.join(" · ");
};
/**
* Renders the character sheet panel for viewing and editing player profile.
* @returns The JSX element.
*/
const CharacterSheetPanel = (): JSX.Element => {
const { state, loginStreak } = useGame();
const player = state?.player;
const [ sheet, setSheet ] = useState<CharacterSheetData>(emptySheet);
const [ draft, setDraft ] = useState<CharacterSheetData>(emptySheet);
const [ editing, setEditing ] = useState(false);
const [ loading, setLoading ] = useState(true);
const [ saving, setSaving ] = useState(false);
const [ error, setError ] = useState<string | null>(null);
const [ saved, setSaved ] = useState(false);
const [ copied, setCopied ] = useState(false);
const savedSettingsReference = useRef<ProfileSettings>({
...DEFAULT_PROFILE_SETTINGS,
});
useEffect(() => {
if (player?.discordId === undefined || player.discordId === "") {
return;
}
fetch(`/api/profile/${player.discordId}`).
then(async(response) => {
if (!response.ok) {
return;
}
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- API response cast
const data = (await response.json()) as {
characterName: string;
pronouns: string;
characterRace: string;
characterClass: string;
bio: string;
guildName: string;
guildDescription: string;
profileSettings: ProfileSettings;
activeTitle: string;
unlockedTitles: Array<{ id: string; name: string }>;
equippedItems: Array<EquippedItem>;
};
const loaded: CharacterSheetData = {
activeTitle: data.activeTitle,
bio: data.bio,
characterClass: data.characterClass,
characterName: data.characterName,
characterRace: data.characterRace,
equippedItems: data.equippedItems,
guildDescription: data.guildDescription,
guildName: data.guildName,
pronouns: data.pronouns,
unlockedTitles: data.unlockedTitles,
};
setSheet(loaded);
setDraft(loaded);
savedSettingsReference.current = {
...DEFAULT_PROFILE_SETTINGS,
...data.profileSettings,
};
}).
catch(() => {
/* Fall back to empty */
}).
finally(() => {
setLoading(false);
});
}, [ player?.discordId ]);
function handleEdit(): void {
setDraft({ ...sheet });
setEditing(true);
setError(null);
setSaved(false);
}
function handleCancel(): void {
setEditing(false);
setError(null);
}
async function handleSave(): Promise<void> {
setSaving(true);
setError(null);
try {
const characterName
= draft.characterName === ""
? player?.characterName ?? ""
: draft.characterName;
await updateProfile({
activeTitle: draft.activeTitle,
bio: draft.bio,
characterClass: draft.characterClass,
characterName: characterName,
characterRace: draft.characterRace,
guildDescription: draft.guildDescription,
guildName: draft.guildName,
profileSettings: savedSettingsReference.current,
pronouns: draft.pronouns,
});
setSheet({ ...draft });
setSaved(true);
setTimeout(() => {
setEditing(false);
setSaved(false);
}, 900);
} catch (error_) {
setError(error_ instanceof Error
? error_.message
: "Failed to save");
} finally {
setSaving(false);
}
}
function handleSaveClick(): void {
void handleSave();
}
function handleShareClick(): void {
const discordId = player?.discordId ?? "";
const url = `${window.location.origin}/character/${discordId}`;
void navigator.clipboard.writeText(url).then(() => {
setCopied(true);
setTimeout(() => {
setCopied(false);
}, 2000);
});
}
function handleNameChange(event: ChangeEvent<HTMLInputElement>): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, characterName: value };
});
}
function handlePronounsChange(event: ChangeEvent<HTMLInputElement>): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, pronouns: value };
});
}
function handleRaceChange(event: ChangeEvent<HTMLInputElement>): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, characterRace: value };
});
}
function handleClassChange(event: ChangeEvent<HTMLInputElement>): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, characterClass: value };
});
}
function handleBioChange(event: ChangeEvent<HTMLTextAreaElement>): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, bio: value };
});
}
function handleTitleChange(event: ChangeEvent<HTMLSelectElement>): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, activeTitle: value };
});
}
function handleGuildNameChange(event: ChangeEvent<HTMLInputElement>): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, guildName: value };
});
}
function handleGuildDescChange(
event: ChangeEvent<HTMLTextAreaElement>,
): void {
const { value } = event.target;
setDraft((current) => {
return { ...current, guildDescription: value };
});
}
if (loading) {
return (
<section className="panel">
<p>{"Loading character sheet…"}</p>
</section>
);
}
if (editing) {
const isSaveDisabled = saving || draft.characterName.trim() === "";
let saveLabel = "Save";
if (saving) {
saveLabel = "Saving…";
}
if (saved) {
saveLabel = "✓ Saved!";
}
return (
<section className="panel character-sheet-panel">
<div className="panel-header">
<h2>{"📋 Character Sheet"}</h2>
</div>
<div className="character-sheet-form">
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">{"⚔️ Character"}</h3>
<label className="character-sheet-label" htmlFor="cs-name">
{"Character Name"}
</label>
<input
className="character-sheet-input"
id="cs-name"
maxLength={32}
onChange={handleNameChange}
placeholder="Your character's name"
type="text"
value={draft.characterName}
/>
<span className="character-sheet-hint">
{draft.characterName.length}
{" / 32"}
</span>
<label className="character-sheet-label" htmlFor="cs-pronouns">
{"Pronouns"}
</label>
<input
className="character-sheet-input"
id="cs-pronouns"
maxLength={20}
onChange={handlePronounsChange}
placeholder="e.g. she/her, he/him, they/them"
type="text"
value={draft.pronouns}
/>
<span className="character-sheet-hint">
{draft.pronouns.length}
{" / 20"}
</span>
<label className="character-sheet-label" htmlFor="cs-race">
{"Race"}
</label>
<input
className="character-sheet-input"
id="cs-race"
maxLength={32}
onChange={handleRaceChange}
placeholder="e.g. Elf, Dwarf, Human, Tiefling…"
type="text"
value={draft.characterRace}
/>
<span className="character-sheet-hint">
{draft.characterRace.length}
{" / 32"}
</span>
<label className="character-sheet-label" htmlFor="cs-class">
{"Class"}
</label>
<input
className="character-sheet-input"
id="cs-class"
maxLength={32}
onChange={handleClassChange}
placeholder="e.g. Paladin, Archmage, Shadow Rogue…"
type="text"
value={draft.characterClass}
/>
<span className="character-sheet-hint">
{draft.characterClass.length}
{" / 32"}
</span>
<label className="character-sheet-label" htmlFor="cs-bio">
{"About Your Character"}
</label>
<textarea
className="character-sheet-textarea"
id="cs-bio"
maxLength={200}
onChange={handleBioChange}
placeholder={
"Describe your character's story, personality, or appearance…"
}
rows={4}
value={draft.bio}
/>
<span className="character-sheet-hint">
{draft.bio.length}
{" / 200"}
</span>
{draft.unlockedTitles.length > 0
&& <>
<label className="character-sheet-label" htmlFor="cs-title">
{"Active Title"}
</label>
<select
className="character-sheet-input"
id="cs-title"
onChange={handleTitleChange}
value={draft.activeTitle}
>
<option value="">{"— None —"}</option>
{draft.unlockedTitles.map((title) => {
return (
<option key={title.id} value={title.id}>
{title.name}
</option>
);
})}
</select>
</>
}
</div>
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">{"🏰 Guild"}</h3>
<label className="character-sheet-label" htmlFor="cs-guild-name">
{"Guild Name"}
</label>
<input
className="character-sheet-input"
id="cs-guild-name"
maxLength={64}
onChange={handleGuildNameChange}
placeholder="Name your guild"
type="text"
value={draft.guildName}
/>
<span className="character-sheet-hint">
{draft.guildName.length}
{" / 64"}
</span>
<label className="character-sheet-label" htmlFor="cs-guild-desc">
{"Guild Description"}
</label>
<textarea
className="character-sheet-textarea"
id="cs-guild-desc"
maxLength={500}
onChange={handleGuildDescChange}
placeholder="Describe your guild's history, goals, or lore…"
rows={6}
value={draft.guildDescription}
/>
<span className="character-sheet-hint">
{draft.guildDescription.length}
{" / 500"}
</span>
</div>
{error === null
? null
: <p className="character-sheet-error">{error}</p>
}
<div className="character-sheet-actions">
<button
className="character-sheet-cancel"
onClick={handleCancel}
type="button"
>
{"Cancel"}
</button>
<button
className="character-sheet-save"
disabled={isSaveDisabled}
onClick={handleSaveClick}
type="button"
>
{saveLabel}
</button>
</div>
</div>
</section>
);
}
const subtitleParts = [ sheet.characterRace, sheet.characterClass ].filter(
(part) => {
return part !== "";
},
);
const subtitle = subtitleParts.join(" · ");
const completedChapters = state?.story?.completedChapters ?? [];
return (
<section className="panel character-sheet-panel">
<div className="panel-header">
<h2>{"📋 Character Sheet"}</h2>
<div className="character-sheet-header-actions">
<button
className="character-sheet-edit-btn"
onClick={handleShareClick}
type="button"
>
{copied
? "✓ Copied!"
: "🔗 Share"}
</button>
<a className="character-sheet-edit-btn" href="/leaderboards">
{"🏆 Boards"}
</a>
<button
className="character-sheet-edit-btn"
onClick={handleEdit}
type="button"
>
{"✏️ Edit"}
</button>
</div>
</div>
<div className="character-sheet-view">
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">{"⚔️ Character"}</h3>
<div className="character-sheet-field">
<span className="character-sheet-field-label">{"Name"}</span>
<span className="character-sheet-field-value">
{sheet.characterName === ""
? <em className="character-sheet-empty">{"Not set"}</em>
: sheet.characterName
}
</span>
</div>
<div className="character-sheet-field">
<span className="character-sheet-field-label">{"Streak"}</span>
<span className="character-sheet-streak">
{"🔥 "}
{loginStreak}
{"-day login streak"}
</span>
</div>
{sheet.activeTitle === ""
? null
: <div className="character-sheet-field">
<span className="character-sheet-field-label">{"Title"}</span>
<span
className={"character-sheet-field-value character-sheet-title"}
>
{sheet.unlockedTitles.find((title) => {
return title.id === sheet.activeTitle;
})?.name ?? sheet.activeTitle}
</span>
</div>
}
{sheet.pronouns === ""
? null
: <div className="character-sheet-field">
<span className="character-sheet-field-label">{"Pronouns"}</span>
<span className="character-sheet-field-value">
{sheet.pronouns}
</span>
</div>
}
{subtitle === ""
? null
: <div className="character-sheet-field">
<span className="character-sheet-field-label">{"Identity"}</span>
<span className="character-sheet-field-value">{subtitle}</span>
</div>
}
{sheet.bio === ""
? null
: <div className="character-sheet-bio">
<span className="character-sheet-field-label">{"About"}</span>
<p className="character-sheet-bio-text">{sheet.bio}</p>
</div>
}
</div>
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">{"🗡️ Equipment"}</h3>
{sheet.equippedItems.length > 0
? <div className="character-sheet-equipment-list">
{sheet.equippedItems.map((item) => {
return (
<div
className="character-sheet-equipment-item"
key={item.type}
>
<div className="character-sheet-equipment-header">
<span className="character-sheet-equipment-slot">
{slotIcons[item.type]}
</span>
<span
className={
"character-sheet-equipment-name"
+ ` character-sheet-rarity--${item.rarity}`
}
>
{item.name}
</span>
<span
className={
"character-sheet-equipment-rarity"
+ ` character-sheet-rarity--${item.rarity}`
}
>
{item.rarity}
</span>
</div>
<p className="character-sheet-equipment-bonus">
{formatBonus(item.bonus)}
</p>
</div>
);
})}
</div>
: <p className="character-sheet-empty">
{"No equipment found. Defeat bosses to earn gear!"}
</p>
}
</div>
<div className="character-sheet-section">
<h3 className="character-sheet-section-title">{"🏰 Guild"}</h3>
{sheet.guildName === ""
? <p className="character-sheet-empty">
{"No guild registered yet. Click ✏️ Edit to add one!"}
</p>
: <>
<div className="character-sheet-field">
<span className="character-sheet-field-label">{"Name"}</span>
<span className="character-sheet-field-value">
{sheet.guildName}
</span>
</div>
{sheet.guildDescription === ""
? null
: <div className="character-sheet-bio">
<span className="character-sheet-field-label">{"Lore"}</span>
<p className="character-sheet-bio-text">
{sheet.guildDescription}
</p>
</div>
}
</>
}
</div>
{completedChapters.length === 0
? null
: <div className="character-sheet-section">
<h3 className="character-sheet-section-title">
{"📖 Story Choices"}
</h3>
{completedChapters.map((completion) => {
const chapter = STORY_CHAPTERS.find((candidate) => {
return candidate.id === completion.chapterId;
});
if (chapter === undefined) {
return null;
}
const choice = chapter.choices.find((candidate) => {
return candidate.id === completion.choiceId;
});
if (choice === undefined) {
return null;
}
return (
<div
className="character-sheet-story-entry"
key={completion.chapterId}
>
<span className="character-sheet-story-chapter">
{chapter.title}
</span>
<span className="character-sheet-story-choice">
{choice.label}
</span>
</div>
);
})}
</div>
}
</div>
</section>
);
};
export { CharacterSheetPanel };
apps/web/src/components/game/clickArea.tsx
+136
View File
@@ -0,0 +1,136 @@
/**
* @file Click area component - the main guild hall click target.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Complex useCallback with float management */
import {
type JSX,
type MouseEvent,
useCallback,
useRef,
useState,
} from "react";
import { useGame } from "../../context/gameContext.js";
import { calculateClickPower } from "../../engine/tick.js";
// eslint-disable-next-line @typescript-eslint/naming-convention, no-underscore-dangle -- Vite define constant
declare const __WEB_VERSION__: string;
interface FloatText {
id: number;
x: number;
y: number;
text: string;
}
/**
* Renders the guild hall click area with floating gold text on click.
* @returns The JSX element.
*/
const ClickArea = (): JSX.Element => {
const {
state,
handleClick,
formatNumber,
saveSchemaVersion,
currentSchemaVersion,
} = useGame();
const [ floats, setFloats ] = useState<Array<FloatText>>([]);
const nextIdReference = useRef(0);
const handleClickWithFloat = useCallback(
(event: MouseEvent<HTMLButtonElement>) => {
if (state === null) {
return;
}
const rect = event.currentTarget.getBoundingClientRect();
const x = event.clientX - rect.left;
const y = event.clientY - rect.top;
const id = nextIdReference.current;
nextIdReference.current = nextIdReference.current + 1;
const clickPower = calculateClickPower(state);
const text = `+${formatNumber(clickPower)}`;
setFloats((previous) => {
return [ ...previous, { id, text, x, y } ];
});
handleClick();
setTimeout(() => {
// eslint-disable-next-line max-nested-callbacks -- Float cleanup requires nesting within setTimeout
setFloats((previous) => {
// eslint-disable-next-line max-nested-callbacks -- Float cleanup requires nesting within setTimeout
return previous.filter((floatItem) => {
return floatItem.id !== id;
});
});
}, 900);
},
[ state, handleClick, formatNumber ],
);
if (state === null) {
return <div className="click-area-placeholder" />;
}
const clickPower = calculateClickPower(state);
return (
<section className="click-area">
<h1 className="game-title">{"Elysium"}</h1>
<p className="game-version">
{"v"}
{__WEB_VERSION__}
</p>
{currentSchemaVersion > 0
&& <p className="game-schema-version">
{"Save: v"}
{saveSchemaVersion}
{" / Latest: v"}
{currentSchemaVersion}
</p>
}
<h2>{"Guild Hall"}</h2>
<div className="click-button-wrapper">
<button
aria-label={`Click to earn ${formatNumber(clickPower)} gold`}
className="click-button"
onClick={handleClickWithFloat}
type="button"
>
<img
alt="Guild Hall"
className="click-button-image"
src="https://cdn.nhcarrigan.com/avatars/elysium.png"
/>
</button>
{floats.map((floatItem) => {
return (
<span
className="click-float"
key={floatItem.id}
style={{ left: floatItem.x, top: floatItem.y }}
>
{floatItem.text}
</span>
);
})}
</div>
<p className="click-power">
{"+"}
{formatNumber(clickPower)}
{" gold/click"}
</p>
<p className="early-access-notice">
{"⚠️ Early Access — this build is subject to change. "}
<strong>
{"All game progress WILL be reset upon v1.0.0 release."}
</strong>
</p>
</section>
);
};
export { ClickArea };
apps/web/src/components/game/codexPanel.tsx
+171
View File
@@ -0,0 +1,171 @@
/**
* @file Codex panel component displaying discovered lore entries.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Complex component with zone and entry rendering */
import { type JSX, useState } from "react";
import { useGame } from "../../context/gameContext.js";
import { CODEX_ENTRIES, ZONE_LABELS } from "../../data/codex.js";
import type { CodexEntry } from "@elysium/types";
/**
* Converts a fraction to a percentage value.
* @param numerator - The numerator value.
* @param denominator - The denominator value.
* @returns The percentage as a number between 0 and 100.
*/
const toPercent = (numerator: number, denominator: number): number => {
if (denominator === 0) {
return 0;
}
const scaled = numerator * 100;
return scaled / denominator;
};
const sourceBadge: Record<CodexEntry["sourceType"], string> = {
adventurer: "👥",
boss: "⚔️",
equipment: "🛡️",
exploration: "🧭",
prestige: "🔮",
quest: "📜",
recipe: "⚗️",
upgrade: "🔧",
zone: "🗺️",
};
/**
* Renders the codex panel with lore entries grouped by zone.
* @returns The JSX element.
*/
const CodexPanel = (): JSX.Element => {
const { state } = useGame();
const [ expandedId, setExpandedId ] = useState<string | null>(null);
if (state === null) {
return (
<section className="panel">
<p>{"Loading..."}</p>
</section>
);
}
const unlockedIds = new Set(state.codex?.unlockedEntryIds ?? []);
const totalEntries = CODEX_ENTRIES.length;
const unlockedCount = CODEX_ENTRIES.filter((entry) => {
return unlockedIds.has(entry.id);
}).length;
const progressPercent = toPercent(unlockedCount, totalEntries);
const entriesByZone = Object.entries(ZONE_LABELS).
map(([ zoneId, zoneName ]) => {
const entries = CODEX_ENTRIES.filter((entry) => {
return entry.zoneId === zoneId;
});
const unlockedEntries = entries.filter((entry) => {
return unlockedIds.has(entry.id);
});
return {
entries,
unlockedEntries,
zoneId,
zoneName,
};
}).
filter(({ entries }) => {
return entries.length > 0;
});
return (
<section className="panel codex-panel">
<h2>{"📖 Codex"}</h2>
<div className="codex-progress">
<p className="codex-progress-text">
{"Lore discovered: "}
<strong>
{unlockedCount}
{" / "}
{totalEntries}
</strong>
</p>
<div className="codex-progress-bar">
<div
className="codex-progress-fill"
style={{ width: `${String(Math.round(progressPercent))}%` }}
/>
</div>
</div>
{entriesByZone.map(({ zoneId, zoneName, entries, unlockedEntries }) => {
return (
<div className="codex-zone" key={zoneId}>
<h3 className="codex-zone-header">
{zoneName}
<span className="codex-zone-count">
{unlockedEntries.length}
{"/"}
{entries.length}
</span>
</h3>
<div className="codex-entries">
{entries.map((entry) => {
const isUnlocked = unlockedIds.has(entry.id);
const isExpanded = expandedId === entry.id;
if (!isUnlocked) {
return (
<div className="codex-entry locked" key={entry.id}>
<div className="codex-entry-header">
<span className="codex-lock">{"🔒"}</span>
<span className="codex-entry-title">{"???"}</span>
</div>
</div>
);
}
function handleExpand(): void {
setExpandedId(isExpanded
? null
: entry.id);
}
return (
<div
className={`codex-entry unlocked ${
isExpanded
? "expanded"
: ""
}`}
key={entry.id}
onClick={handleExpand}
>
<div className="codex-entry-header">
<span className="codex-source-badge">
{sourceBadge[entry.sourceType]}
</span>
<span className="codex-entry-title">{entry.title}</span>
<span className="codex-chevron">
{isExpanded
? "▲"
: "▼"}
</span>
</div>
{isExpanded
? <p className="codex-entry-content">{entry.content}</p>
: null}
</div>
);
})}
</div>
</div>
);
})}
</section>
);
};
export { CodexPanel };
apps/web/src/components/game/codexToast.tsx
+83
View File
@@ -0,0 +1,83 @@
/**
* @file Codex toast notification component for new lore discoveries.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable react/no-multi-comp -- Sub-component is tightly coupled to the toast container */
import { type JSX, useEffect } from "react";
import { useGame } from "../../context/gameContext.js";
import { CODEX_ENTRIES } from "../../data/codex.js";
interface CodexToastItemProperties {
readonly entryId: string;
readonly onDismiss: (id: string)=> void;
}
/**
* Renders a single codex lore toast notification.
* @param props - The toast item properties.
* @param props.entryId - The codex entry ID to display.
* @param props.onDismiss - Callback to dismiss the toast.
* @returns The JSX element or null if entry is not found.
*/
const CodexToastItem = ({
entryId,
onDismiss,
}: CodexToastItemProperties): JSX.Element | null => {
const entry = CODEX_ENTRIES.find((codexEntry) => {
return codexEntry.id === entryId;
});
useEffect(() => {
const timer = setTimeout(() => {
onDismiss(entryId);
}, 4000);
return (): void => {
clearTimeout(timer);
};
}, [ entryId, onDismiss ]);
if (entry === undefined) {
return null;
}
function handleClick(): void {
onDismiss(entryId);
}
return (
<div className="codex-toast" onClick={handleClick}>
<span className="toast-icon">{"📖"}</span>
<div className="toast-content">
<span className="toast-label">{"✨ Lore Unlocked!"}</span>
<span className="toast-name">{entry.title}</span>
</div>
</div>
);
};
/**
* Renders the codex toast container with pending lore notifications.
* @returns The JSX element or null if there are no pending entries.
*/
const CodexToast = (): JSX.Element | null => {
const { unlockedCodexEntryIds: pendingEntryIds, dismissCodexEntry }
= useGame();
if (pendingEntryIds.length === 0) {
return null;
}
return (
<div className="achievement-toast-container">
{pendingEntryIds.map((id) => {
return (
<CodexToastItem entryId={id} key={id} onDismiss={dismissCodexEntry} />
);
})}
</div>
);
};
export { CodexToast };
apps/web/src/components/game/companionPanel.tsx
+213
View File
@@ -0,0 +1,213 @@
/**
* @file Companion panel component for managing active companions.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable react/no-multi-comp -- Sub-component is tightly coupled to the panel */
/* eslint-disable max-lines-per-function -- Complex companion card with conditional renders */
import { COMPANIONS, type Companion } from "@elysium/types";
import { useGame } from "../../context/gameContext.js";
import type { JSX } from "react";
const bonusLabels: Record<string, string> = {
bossDamage: "Boss Damage",
clickGold: "Click Gold",
essenceIncome: "Essence Income",
passiveGold: "Passive Gold",
questTime: "Quest Time",
};
const unlockLabels: Record<string, string> = {
apotheosis: "apotheosis",
lifetimeBosses: "lifetime bosses defeated",
lifetimeGold: "lifetime gold earned",
lifetimeQuests: "lifetime quests completed",
prestige: "prestige(s)",
transcendence: "transcendence(s)",
};
/**
* Formats a companion unlock threshold for display.
* @param type - The unlock condition type.
* @param threshold - The threshold value.
* @returns The formatted threshold string.
*/
const formatThreshold = (type: string, threshold: number): string => {
if (type === "lifetimeGold") {
if (threshold >= 1e18) {
return `${(threshold / 1e18).toFixed(0)}Qt`;
}
if (threshold >= 1e15) {
return `${(threshold / 1e15).toFixed(0)}Q`;
}
if (threshold >= 1e12) {
return `${(threshold / 1e12).toFixed(0)}T`;
}
if (threshold >= 1e9) {
return `${(threshold / 1e9).toFixed(0)}B`;
}
if (threshold >= 1e6) {
return `${(threshold / 1e6).toFixed(0)}M`;
}
if (threshold >= 1e3) {
return `${(threshold / 1e3).toFixed(0)}K`;
}
}
return threshold.toString();
};
interface CompanionCardProperties {
readonly companion: Companion;
readonly isUnlocked: boolean;
readonly isActive: boolean;
readonly onSelect: ()=> void;
}
/**
* Renders a single companion card.
* @param props - The companion card properties.
* @param props.companion - The companion data.
* @param props.isUnlocked - Whether this companion is unlocked.
* @param props.isActive - Whether this companion is currently active.
* @param props.onSelect - Callback when the companion is selected/deselected.
* @returns The JSX element.
*/
const CompanionCard = ({
companion,
isUnlocked,
isActive,
onSelect,
}: CompanionCardProperties): JSX.Element => {
const bonusSign = companion.bonus.type === "questTime"
? "-"
: "+";
const bonusPercent = Math.round(companion.bonus.value * 100);
const bonusLabel = bonusLabels[companion.bonus.type] ?? companion.bonus.type;
return (
<div
className={`companion-card ${
isUnlocked
? "companion-unlocked"
: "companion-locked"
} ${isActive
? "companion-active"
: ""}`}
>
<div className="companion-header">
<div className="companion-name-block">
<span className="companion-name">{companion.name}</span>
<span className="companion-title">{companion.title}</span>
</div>
{isActive
? <span className="companion-active-badge">{"Active"}</span>
: null}
</div>
<p className="companion-description">{companion.description}</p>
<div className="companion-bonus">
<span className="companion-bonus-label">{bonusLabel}</span>
<span className="companion-bonus-value">
{bonusSign}
{bonusPercent}
{"%"}
</span>
</div>
{isUnlocked
? <button
className={`companion-select-btn ${
isActive
? "companion-select-active"
: ""
}`}
onClick={onSelect}
type="button"
>
{isActive
? "Deactivate"
: "Activate"}
</button>
: <div className="companion-unlock-requirement">
{"🔒 Unlock: "}
{formatThreshold(
companion.unlock.type,
companion.unlock.threshold,
)}{" "}
{unlockLabels[companion.unlock.type] ?? companion.unlock.type}
</div>
}
</div>
);
};
/**
* Renders the companion panel with all companions.
* @returns The JSX element.
*/
const CompanionPanel = (): JSX.Element => {
const { state, setActiveCompanion } = useGame();
if (state === null) {
return (
<section className="panel">
<p>{"Loading..."}</p>
</section>
);
}
const unlockedIds = state.companions?.unlockedCompanionIds ?? [];
const activeId = state.companions?.activeCompanionId ?? null;
function handleSelect(companionId: string): void {
setActiveCompanion(activeId === companionId
? null
: companionId);
}
const activeCompanion
= activeId === null
? undefined
: COMPANIONS.find((companion) => {
return companion.id === activeId;
});
return (
<div className="companion-panel">
<h2>{"👥 Companions"}</h2>
<p className="companion-intro">
{"Companions provide powerful bonuses while active."
+ " You can only have one companion active at a time."}
{activeId === null
? null
: <>
{" Currently active: "}
<strong>{activeCompanion?.name ?? activeId}</strong>
{"."}
</>
}
</p>
<div className="companion-grid">
{COMPANIONS.map((companion) => {
function handleCompanionSelect(): void {
handleSelect(companion.id);
}
return (
<CompanionCard
companion={companion}
isActive={activeId === companion.id}
isUnlocked={unlockedIds.includes(companion.id)}
key={companion.id}
onSelect={handleCompanionSelect}
/>
);
})}
</div>
</div>
);
};
export { CompanionPanel };
apps/web/src/components/game/craftingPanel.tsx
+216
View File
@@ -0,0 +1,216 @@
/**
* @file Crafting panel component for crafting items from materials.
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
/* eslint-disable max-lines-per-function -- Complex component with many render paths */
/* eslint-disable max-nested-callbacks -- Nested recipe/material maps require nesting */
import { type JSX, useState } from "react";
import { useGame } from "../../context/gameContext.js";
import { MATERIALS } from "../../data/materials.js";
import { RECIPES } from "../../data/recipes.js";
import { ZoneSelector } from "./zoneSelector.js";
const bonusLabel: Record<string, string> = {
click_power: "👆 Click Power",
combat_power: "⚔️ Combat Power",
essence_income: "✨ Essence Income",
gold_income: "🪙 Gold Income",
};
/**
* Renders the crafting panel for crafting recipes from gathered materials.
* @returns The JSX element.
*/
const CraftingPanel = (): JSX.Element => {
const { state, craftRecipe, formatNumber } = useGame();
const [ activeZoneId, setActiveZoneId ] = useState("verdant_vale");
const [ pendingRecipeId, setPendingRecipeId ] = useState<string | null>(null);
if (state === null) {
return (
<section className="panel">
<p>{"Loading..."}</p>
</section>
);
}
const { zones, exploration: explorationState } = state;
const playerMaterials = explorationState?.materials ?? [];
const craftedIds = explorationState?.craftedRecipeIds ?? [];
const zoneRecipes = RECIPES.filter((recipe) => {
return recipe.zoneId === activeZoneId;
});
const zoneMaterials = MATERIALS.filter((material) => {
return material.zoneId === activeZoneId;
});
function getQuantity(materialId: string): number {
return (
playerMaterials.find((playerMaterial) => {
return playerMaterial.materialId === materialId;
})?.quantity ?? 0
);
}
function canAffordRecipe(recipeId: string): boolean {
const recipe = RECIPES.find((candidateRecipe) => {
return candidateRecipe.id === recipeId;
});
if (recipe === undefined) {
return false;
}
return recipe.requiredMaterials.every((request) => {
return getQuantity(request.materialId) >= request.quantity;
});
}
async function handleCraft(recipeId: string): Promise<void> {
setPendingRecipeId(recipeId);
try {
await craftRecipe(recipeId);
} finally {
setPendingRecipeId(null);
}
}
return (
<section className="panel crafting-panel">
<div className="panel-header">
<h2>{"⚗️ Crafting"}</h2>
</div>
<ZoneSelector
activeZoneId={activeZoneId}
onSelectZone={setActiveZoneId}
zones={zones}
/>
<div className="crafting-content">
<div className="materials-section">
<h3>{"📦 Materials"}</h3>
{zoneMaterials.length === 0
? <p className="empty-zone">{"No materials in this zone."}</p>
: <div className="materials-list">
{zoneMaterials.map((material) => {
const qty = getQuantity(material.id);
return (
<div
className={`material-card rarity-${material.rarity} ${
qty === 0
? "material-empty"
: ""
}`}
key={material.id}
>
<div className="material-info">
<span className="material-name">{material.name}</span>
<span className="material-rarity">{material.rarity}</span>
</div>
<span className="material-quantity">
{formatNumber(qty)}
</span>
</div>
);
})}
</div>
}
</div>
<div className="recipes-section">
<h3>{"📜 Recipes"}</h3>
{zoneRecipes.length === 0
? <p className="empty-zone">{"No recipes in this zone."}</p>
: <div className="recipes-list">
{zoneRecipes.map((recipe) => {
const crafted = craftedIds.includes(recipe.id);
const affordable = canAffordRecipe(recipe.id);
const isPending = pendingRecipeId === recipe.id;
function handleCraftClick(): void {
void handleCraft(recipe.id);
}
return (
<div
className={`recipe-card ${
crafted
? "recipe-crafted"
: ""
} ${!affordable && !crafted
? "recipe-unaffordable"
: ""}`}
key={recipe.id}
>
<div className="recipe-info">
<h4>{recipe.name}</h4>
<p className="recipe-description">{recipe.description}</p>
<div className="recipe-bonus">
<span className="bonus-label">
{bonusLabel[recipe.bonus.type] ?? recipe.bonus.type}
</span>
<span className="bonus-value">
{"×"}
{recipe.bonus.value.toFixed(2)}
</span>
</div>
<div className="recipe-requirements">
{recipe.requiredMaterials.map((request) => {
const have = getQuantity(request.materialId);
const enough = have >= request.quantity;
const matName
= MATERIALS.find((mat) => {
return mat.id === request.materialId;
})?.name ?? request.materialId;
return (
<span
className={`req-tag ${
enough
? "req-met"
: "req-missing"
}`}
key={request.materialId}
>
{matName}
{": "}
{formatNumber(have)}
{"/"}
{formatNumber(request.quantity)}
</span>
);
})}
</div>
</div>
<div className="recipe-action">
{crafted
? <span className="quest-badge active">
{"✅ Crafted"}
</span>
: <button
className="craft-button"
disabled={
!affordable || isPending || pendingRecipeId !== null
}
onClick={handleCraftClick}
type="button"
>
{isPending
? "Crafting..."
: "⚗️ Craft"}
</button>
}
</div>
</div>
);
})}
</div>
}
</div>
</div>
</section>
);
};
export { CraftingPanel };

Some files were not shown because too many files have changed in this diff Show More