\n {spirit.iconGrid.map((emoji, index) => (\n

\n {emoji}\n

\n ))}\n

\n \n

\n );\n\n const baseGameSpirits = achievements.spirits.filter(s => s.expansion === \"Base Game\");\n const horizonsSpirits = achievements.spirits.filter(s => s.expansion === \"Horizons\");\n\n const getTotalStats = () => {\n const allDifficulties = achievements.spirits.flatMap(spirit => \n Object.values(spirit.difficulties)\n );\n const completed = allDifficulties.filter(d => d.completed).length;\n const total = allDifficulties.length;\n return { completed, total, percentage: Math.round((completed / total) * 100) };\n };\n\n const totalStats = getTotalStats();\n\n return (\n

🏝️ Spirit Island Achievement Tracker

Track your victories across all difficulties

\n \n

{totalStats.completed}/{totalStats.total}

Total Achievements ({totalStats.percentage}%)

\n \n

\n Edit achievements in data/achievements.ts to update progress\n

\n\n

\n \n \n \n \n {baseGameSpirits.map(spirit => (\n \n ))}\n \n {horizonsSpirits.map(spirit => (\n \n ))}\n \n \n \n {[0, 1, 2, 3, 4, 5, 6].map(difficulty => (\n \n \n {baseGameSpirits.map(spirit => (\n \n ))}\n \n {horizonsSpirits.map(spirit => (\n \n ))}\n \n ))}\n \n

Difficulty	\n \n	\n Horizons \n	\n \n
\n {getDifficultyLabel(difficulty)}\n	\n \n {spirit.difficulties[difficulty]?.completed ? (\n \n ✓\n \n ) : (\n \n )}\n \n {spirit.difficulties[difficulty]?.notes && (\n \n 📝\n \n )}\n		\n \n {spirit.difficulties[difficulty]?.completed ? (\n \n ✓\n \n ) : (\n \n )}\n \n {spirit.difficulties[difficulty]?.notes && (\n \n 📝\n \n )}\n

\n\n

How to Use

• Set completed: true for difficulties you've beaten

• Add notes like notes: \"vs England 3 + Brandenburg 1\" to remember how you won

• Green checkmarks ✓ indicate completed achievements

• 📝 icon shows when you have notes for that achievement

• Hover over spirit icons to see full names

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { \n client(); \n}\n\nexport default async function server(request: Request): Promise {\n // Server-only imports\n const { Hono } = await import(\"npm:hono\");\n \n const app = new Hono();\n\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n\n app.get(\"/\", (c) => {\n return new Response(`\n \n \n \n \n \n Spirit Island Achievement Tracker\n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n });\n\n return app.fetch(request);\n}\n\nconst css = `\n body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n .container {\n max-width: 1400px;\n }\n \n @media (max-width: 768px) {\n .container {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n }\n\n table {\n font-size: 14px;\n }\n\n @media (max-width: 768px) {\n table {\n font-size: 12px;\n }\n \n th, td {\n padding: 0.5rem 0.25rem !important;\n }\n }\n`;","deleted","label",[99],"permalink","https://www.val.town/x/dcm31/spirit_island_tracker/code/index.ts","extension","actionData","errors"]