Replace playstyle rules with free-text custom rules markdown field
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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user