Release v0.1.3 2026-07-11

2026-07-11 23:23:02 -04:00
parent 076f6cf97c
commit b48b3a4f8f
103 changed files with 6708 additions and 454 deletions
@@ -0,0 +1,44 @@
+import { RUN_BUFFS, bossHealthMultiplier, countRunBuff } from "../game/roguelike";
+import { useGameStore } from "../game/store";
+
+export function BuffDraftPanel({ className = "" }: { className?: string }) {
+  const round = useGameStore((state) => state.round);
+  const runBuffs = useGameStore((state) => state.runBuffs);
+  const choices = useGameStore((state) => state.draftBuffIds);
+  const selected = useGameStore((state) => state.selectedRunBuffId);
+  const setSelected = useGameStore((state) => state.setSelectedRunBuff);
+  const choose = useGameStore((state) => state.chooseRunBuff);
+  const nextRound = round + 1;
+  return (
+    <div className={`buff-draft ${className}`.trim()} role="dialog" aria-modal="true" aria-label={`Choose a buff for round ${nextRound}`}>
+      <header>
+        <span>Round {round} cleared</span>
+        <h2>Choose one blessing</h2>
+        <p>Claim required. Round {nextRound} begins with two new bosses at {Math.round(bossHealthMultiplier(nextRound) * 100)}% base HP.</p>
+      </header>
+      <div className="buff-choice-grid">
+        {choices.map((buffId) => {
+          const buff = RUN_BUFFS[buffId];
+          const stacks = countRunBuff(runBuffs, buffId);
+          return (
+            <button
+              key={buffId}
+              className={selected === buffId ? "is-controller-focused" : ""}
+              style={{ "--buff-accent": buff.accent } as React.CSSProperties}
+              onFocus={() => setSelected(buffId)}
+              onPointerEnter={() => setSelected(buffId)}
+              onClick={() => choose(buffId)}
+              aria-pressed={selected === buffId}
+            >
+              <i>{buff.icon}</i>
+              <span><small>{stacks ? `${stacks} owned` : "New blessing"}</small><strong>{buff.name}</strong></span>
+              <b>{buff.summary}</b>
+              <p>{buff.detail}</p>
+            </button>
+          );
+        })}
+      </div>
+      <footer><b>← / →</b> Choose <i /> <b>A / ENTER</b> Claim</footer>
+    </div>
+  );
+}