Files
mountycrawl/js/treasures.js
T
percoandClaude Opus 4.8 84b3dd3606 v2.6.0 : page Tresors du Hall - listing equipement lu depuis la BDD
Nouvel endpoint GET /api/reference/gear (db.gearAll()). treasures.js
recupere les equipements de la base de reference a chaque ouverture
(GEAR_DB) avec repli sur gear.js statique si injoignable (file://).
Les editions admin/sqlite-web sont desormais refletees sur le listing.
Intro de la section mise a jour (bonus phys + mag d'equipement).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-13 19:18:28 +02:00

177 lines
9.5 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* Page « Trésors du Hall » : encyclopédie des potions et des parchemins,
* formules officielles de Mountypedia (X = niveau du trésor).
* Rappel : un trĂ©sor ne fait qu'un seul jet de dĂ©s — « X D3 » donne le mĂȘme
* total partout oĂč il s'applique. Partage les globales de potions.js/scrolls.js. */
"use strict";
/* [id, niveau X, durĂ©e affichĂ©e, effets] — ordre d'affichage de la page. */
const TREASURE_POTIONS = [
["biskot", "—", "2 tours", ["REG +2", "PV +2D3 (immĂ©diat)"]],
["bonneBouffe", "3 Ă  7", "5 tours", ["DEG +X", "REG +X"]],
["calvok", "2 Ă  6", "1 tour", ["Concentration −5·X %"]],
["cervelle", "2 à 6", "1 tour", ["Concentration +5·X %"]],
["chronometre", "1 à 5", "3 tours", ["TOUR accéléré : +X PA par tour"]],
["corruption", "3 à 7", "5 tours", ["ATT +X D3", "ESQ −X D3", "DEG +X", "REG −X", "VUE −X", "Armure mag. +X", "RM −Y %, MM −Z % (selon X)"]],
["djhinTonik", "1 à 5", "4 tours", ["DEG +X", "REG +X", "PV +2D3 (immédiat)"]],
["doverPowa", "11 à 100", "2 tours", ["MM +Y %", "RM −X %"]],
["fertilite", "3 Ă  7", "5 tours", ["ATT +X D3", "DEG +X"]],
["feu", "3 Ă  7", "5 tours", ["ESQ +X D3", "VUE +X"]],
["glacier", "3 Ă  7", "5 tours", ["REG +X", "Armure mag. +X"]],
["grippe", "3 à 4", "3 tours", ["ATT −X D3", "ESQ −X D3", "DEG −X", "REG −X"]],
["guerison", "1 à 5", "immédiat", ["PV +2·X D3"]],
["kouleMann", "1 à 5", "4 tours", ["REG +X", "VUE +X", "PV +(X/2) D3 (immédiat)"]],
["longueVue", "1, 2, 3, 5 ou 8", "3 tours", ["VUE +X"]],
["metomol", "1 Ă  5", "2 tours", ["TOUR accĂ©lĂ©rĂ© : +X PA par tour", "Armure mag. −2·X"]],
["painture", "1 à 5", "X tours", ["Visible — camouflage impossible"]],
["pneumonie", "5 (fixe)", "3 tours", ["ATT −5 D3", "ESQ −5 D3", "DEG −5", "REG −5"]],
["pufPuff", "1 Ă  3", "3 tours", ["ATT −X D3", "ESQ −X D3", "VUE −(X+1)", "PV −2D3 si X ≄ 2", "Effet de Zone"]],
["rhume", "1 à 2", "3 tours", ["ATT −X D3", "ESQ −X D3", "DEG −X", "REG −X"]],
["sangToh", "1 Ă  5", "4 tours", ["ATT +X D3", "ESQ +X D3", "VUE +X"]],
["sinneKhole", "11 à 100", "2 tours", ["RM +X %", "MM −Y %"]],
["toxine", "1 Ă  5", "immĂ©diat", ["PV −2·X D3"]],
["voiputrin", "1 Ă  5", "2 tours", ["VUE −10·X"]],
["zetCrak", "1 Ă  5", "3 tours", ["ATT −X D3", "ESQ −X D3", "VUE −X", "PV +X D3 (immĂ©diat)"]],
];
const TREASURE_SCROLLS = [
["runeCyclopes", "1 à 5", "4 tours", ["ATT +X D3", "DEG +X", "VUE −X"]],
["clairvoyance", "1 à 5", "4 tours", ["VUE +X", "TOUR accéléré : +X PA par tour"]],
["ideesConfuses","1 à 5", "3 tours", ["ATT −X D3", "TOUR ralenti : −X PA par tour"]],
["runeExplosive","1 Ă  5", "immĂ©diat", ["PV −2·X D3", "Effet de Zone (rayon 3 cases)"]],
["planGenial", "1 à 5", "3 tours", ["ATT +X D3", "DEG +X", "TOUR accéléré : +X/2 PA par tour"]],
["yeuKiPic", "1 Ă  5", "2 tours", ["VUE −3·X", "Effet de Zone (rayon 3 cases)"]],
["runeFoins", "1 Ă  5", "3 tours", ["DEG −X", "VUE −1", "PV −2D3 ou −4D3 (immĂ©diat)"]],
];
function treasureCard(def, x, duration, fx) {
const fxHtml = fx.map(f => {
const neg = f.includes("−");
const pos = f.includes("+");
const cls = neg && !pos ? "tz-fx tz-bad" : pos && !neg ? "tz-fx tz-good" : "tz-fx";
return `<span class="${cls}">${f}</span>`;
}).join("");
return `
<div class="tz-card" style="--tz-color:${def.color}">
<div class="tz-head"><span class="tz-name">${def.emoji} ${def.name}</span></div>
<div class="tz-meta">Niveau X : <b>${x}</b> · Durée : <b>${duration}</b></div>
<div class="tz-fx-list">${fxHtml}</div>
</div>`;
}
function treasuresRender() {
const body = document.getElementById("treasures-body");
let html = `
<p class="tz-intro">Les trésors du Monde Souterrain, fidÚles aux formules de la
<a href="https://mountypedia.mountyhall.com/Mountyhall/Potion" target="_blank" rel="noopener">Mountypedia</a>.
Un trĂ©sor ne fait qu'<b>un seul jet de dĂ©s</b> : une formule « X D3 » donne le mĂȘme total
partout oĂč elle s'applique. Les bonus « +X » sont des valeurs fixes ajoutĂ©es aux jets.
Tous les bonus/malus des potions et parchemins sont <b>magiques</b> — leur armure est de
l'<b>armure magique</b>, seule à réduire les dégùts magiques.
1 tour = 1 DLA. Boire une potion ou lire un parchemin coûte <b>1 PA</b>.</p>`;
html += `<h2 class="tz-section">đŸ§Ș Potions (${TREASURE_POTIONS.length})</h2><div class="tz-grid">`;
for (const [id, x, duration, fx] of TREASURE_POTIONS) {
html += treasureCard(POTION_DEFS[id], x, duration, fx);
}
html += "</div>";
html += `<h2 class="tz-section">📜 Parchemins standards (${TREASURE_SCROLLS.length})</h2><div class="tz-grid">`;
for (const [id, x, duration, fx] of TREASURE_SCROLLS) {
html += treasureCard(SCROLL_DEFS[id], x, duration, fx);
}
html += "</div>";
// Source des équipements : la base de référence (BDD SQLite, éditable) si elle
// a pu ĂȘtre chargĂ©e, sinon les valeurs statiques de gear.js (ex. hors-ligne).
const gearSource = GEAR_DB || GEAR;
const gearCount = Object.values(gearSource).reduce((n, list) => n + list.length, 0);
html += `<h2 class="tz-section">⚔ Équipement (${gearCount})</h2>
<p class="tz-intro">Six emplacements : ${Object.values(GEAR_SLOTS).map(s => s.label).join(", ")}.
Les bonus d'équipement sont <b>fixes</b> (jamais en dés) et s'ajoutent toujours aux jets.
La plupart sont <b>physiques</b> ; certains objets portent aussi des bonus <b>magiques</b>
(ATT mag., DEG mag., Armure mag.), et les deux saveurs se cumulent. Les dégùts physiques
sont encaissés par l'armure totale, les dégùts magiques par la seule armure magique.
Une arme <b>à 2 mains</b> est incompatible avec un bouclier. S'équiper coûte <b>2 PA</b>.
Valeurs lues dans la <b>base de référence</b> (modifiables cÎté admin) ; les objets
puissants ne se trouvent qu'en profondeur.</p>`;
for (const [slot, info] of Object.entries(GEAR_SLOTS)) {
html += `<h3 class="tz-subsection">${info.emoji} ${info.label}s</h3><div class="tz-grid">`;
for (const def of (gearSource[slot] || [])) {
const fx = [];
for (const [key, label, unit] of GEAR_MOD_LABELS) {
const v = def.mods[key];
if (!v) continue;
const cls = v > 0 ? "tz-fx tz-good" : "tz-fx tz-bad";
fx.push(`<span class="${cls}">${label} ${v > 0 ? "+" : "−"}${Math.abs(v)}${unit}</span>`);
}
if (def.twoHanded) fx.push('<span class="tz-fx">2 mains</span>');
if (def.note) fx.push(`<span class="tz-fx">${def.note}</span>`);
html += `
<div class="tz-card" style="--tz-color:#9a8a65">
<div class="tz-head"><span class="tz-name">${def.emoji} ${def.name}</span></div>
<div class="tz-meta">Profondeur : <b>−${Math.max(1, def.tier - 1)} et au-delà</b></div>
<div class="tz-fx-list">${fx.join("")}</div>
</div>`;
}
html += "</div>";
}
html += `<p class="tz-note">Effet de Zone : touche le lecteur et tous les monstres Ă  3 cases
ou moins. « PV −2D3 ou −4D3 » (Rune des Foins) : la Mountypedia note « -2/4 D3 », interprĂ©tĂ©
ici comme un tirage au sort entre 2D3 et 4D3.</p>`;
body.innerHTML = html;
}
let treasuresReturnTo = "create";
// Équipements de la base de rĂ©fĂ©rence (BDD), rechargĂ©s Ă  chaque ouverture pour
// reflĂ©ter les Ă©ditions ; null tant qu'on n'a pas (ou pas pu) charger → repli
// sur les valeurs statiques de gear.js.
let GEAR_DB = null;
async function loadGearReference() {
try {
const res = await fetch("api/reference/gear");
if (!res.ok) throw new Error("indisponible");
const rows = await res.json();
if (!Array.isArray(rows) || !rows.length) throw new Error("vide");
const bySlot = {};
for (const r of rows) {
const mods = {};
for (const [key] of GEAR_MOD_LABELS) mods[key] = r[key] || 0;
const staticDef = (GEAR[r.slot] || []).find(d => d.name === r.name);
(bySlot[r.slot] = bySlot[r.slot] || []).push({
emoji: r.emoji, name: r.name, tier: r.tier, twoHanded: !!r.twoHanded,
note: staticDef && staticDef.note, mods,
});
}
GEAR_DB = bySlot;
} catch {
GEAR_DB = null; // base injoignable (ex. ouverture en file://) → statique
}
}
async function treasuresShow(from) {
treasuresReturnTo = from;
document.getElementById("screen-" + from).classList.add("hidden");
document.getElementById("screen-treasures").classList.remove("hidden");
document.getElementById("screen-treasures").scrollTop = 0;
await loadGearReference();
treasuresRender();
}
if (typeof document !== "undefined") {
document.addEventListener("DOMContentLoaded", () => {
document.getElementById("btn-treasures").onclick = () => treasuresShow("create");
document.getElementById("btn-treasures-game").onclick = () => treasuresShow("game");
document.getElementById("treasures-back").onclick = () => {
document.getElementById("screen-treasures").classList.add("hidden");
document.getElementById("screen-" + treasuresReturnTo).classList.remove("hidden");
};
if (new URLSearchParams(location.search).get("screen") === "treasures") {
treasuresShow("create");
}
});
}