Replace playstyle rules with free-text custom rules markdown field
Some checks failed
CI / backend-tests (push) Successful in 28s
CI / frontend-tests (push) Failing after 28s

Remove hardcoreMode, setModeOnly, and bossTeamMatch toggles which had
no mechanical impact on the tracker. Replace them with a customRules
markdown field so users can document their own rules (especially useful
for genlockes). Add react-markdown + remark-gfm for rendering and
@tailwindcss/typography for prose styling. The custom rules display is
collapsible and hidden by default.

Also simplifies the BossDefeatModal by removing the Lost result and
attempts counter, and always shows boss team size in the level cap bar.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Julian Tabel
2026-03-20 15:09:02 +01:00
parent 535154a056
commit 1cd1389408
14 changed files with 1614 additions and 128 deletions

View File

@@ -41,7 +41,6 @@ export function RulesConfiguration({
? RULE_DEFINITIONS.filter((r) => !hiddenRules.has(r.key))
: RULE_DEFINITIONS
const coreRules = visibleRules.filter((r) => r.category === 'core')
const playstyleRules = visibleRules.filter((r) => r.category === 'playstyle')
const variantRules = visibleRules.filter((r) => r.category === 'variant')
const handleRuleChange = (key: keyof NuzlockeRules, value: boolean) => {
@@ -62,9 +61,13 @@ export function RulesConfiguration({
onChange({ ...rules, allowedTypes: next })
}
const customRules = rules.customRules ?? ''
const enabledCount =
visibleRules.filter((r) => rules[r.key]).length + (allowedTypes.length > 0 ? 1 : 0)
const totalCount = visibleRules.length + 1 // +1 for type restriction
visibleRules.filter((r) => rules[r.key]).length +
(allowedTypes.length > 0 ? 1 : 0) +
(customRules.trim().length > 0 ? 1 : 0)
const totalCount = visibleRules.length + 2 // +1 for type restriction, +1 for custom rules
return (
<div className="space-y-6">
@@ -106,21 +109,19 @@ export function RulesConfiguration({
<div className="bg-surface-1 rounded-lg shadow">
<div className="px-4 py-3 border-b border-border-default">
<h3 className="text-lg font-medium text-text-primary">Playstyle</h3>
<h3 className="text-lg font-medium text-text-primary">Custom Rules</h3>
<p className="text-sm text-text-tertiary">
Describe how you're playing — doesn't affect tracker behavior
Track your own rules supports markdown. Doesn't affect tracker behavior.
</p>
</div>
<div className="px-4">
{playstyleRules.map((rule) => (
<RuleToggle
key={rule.key}
name={rule.name}
description={rule.description}
enabled={rules[rule.key]}
onChange={(value) => handleRuleChange(rule.key, value)}
/>
))}
<div className="px-4 py-4">
<textarea
value={customRules}
onChange={(e) => onChange({ ...rules, customRules: e.target.value })}
placeholder="e.g. No items in battle, Set mode only, must match boss team size..."
rows={4}
className="w-full px-3 py-2 border rounded-md bg-surface-2 border-border-default text-text-primary placeholder:text-text-muted text-sm resize-y"
/>
</div>
</div>