/* ============================================================
Magic — Magic View
Extracted from components.jsx via split.py.
Each component reaches React hooks via window.React.
============================================================ */
const { useState, useEffect, useRef, useMemo, useCallback, Fragment } = React;
/* ============================================================
Phase 5a — Magic (Tradition + Spells)
============================================================ */
/* ------------------------------------------------------------
MagicView — main magic tab. Shows:
1. Mundane disclaimer if character isn't awakened
2. Tradition tiles (pick one)
3. Magic summary ribbon (Magic, Drain pool, Spellcasting pool)
4. Drain calculator for any-force previews
5. Spell list with categories, filters, picker
------------------------------------------------------------ */
window.MagicView = function MagicView({ character, onChange }) {
const C = SR5_CALC;
const M = SR5_MAGIC;
const [previewForce, setPreviewForce] = useState(5);
const [pickerOpen, setPickerOpen] = useState(false);
const [customOpen, setCustomOpen] = useState(false);
const [categoryFilter, setCategoryFilter] = useState('all');
const magicRow = C.priorityRow(character, 'magic');
const magicType = magicRow?.type;
const isAwakened = magicType && magicType !== 'mundane';
const castsSpells = magicType === 'magician' || magicType === 'mystic_adept';
if (!isAwakened) {
return (
<>
This character is mundane — no magic or resonance. Set the Magic priority to anything other than E to awaken the character.
);
}
if (magicType === 'technomancer') {
return (
<>
);
}
if (magicType === 'adept') {
return (
<>
);
}
/* At this point: magician or mystic adept */
const tradKey = C.characterTradition(character);
const tradition = tradKey ? M.findTradition(tradKey) : null;
/* Tradition picker */
if (!tradition) {
return (
<>
Your tradition determines which attribute (alongside Willpower) you use to resist Drain,
and which spirit types you can summon. Choose carefully — it can't be changed later.
Split locked in career mode. Buy more Power Points below.
{pendingPP > 0 && (
)}
) : (() => {
/* Creation-mode: mystic adept PP is 5 karma each. The slider
shows the split, and the hint text calls out the karma cost. */
const ppKarmaCost = split * 5;
const { remaining: karmaAfterMA } = C.karmaTotals(character);
const overBudget = karmaAfterMA < 0;
return (
<>
all spells
onChange(C.setMysticAdeptSplit(character, parseInt(e.target.value, 10)))}
/>
all powers
onChange(C.setMysticAdeptSplit(character, parseInt(e.target.value, 10) || 0))}
/>
{ppKarmaCost} karma
for {split} Power Point{split === 1 ? '' : 's'} (5 karma each)
{overBudget ? `⚠ over by ${Math.abs(karmaAfterMA)}` : `${karmaAfterMA} karma left`}
);
})()}
{inCareer
? `Mystic adepts spend 5 karma per Power Point, capped at Magic (${magic}). Each PP takes 2 spell slots with it.`
: `At creation, mystic adept Power Points cost 5 karma each (RAW, CRB p. 69). Each PP allocated removes 2 spell slots from your Magic (${magic}) pool. Cap at Magic.`}
Phase 5d. Magical equipment: 7 focus categories with per-Force scaling,
reagents (raw/refined/radical), and magical lodges. Bonded focus count is capped at Magic;
sum of Forces at Magic × 5. Costs feed the unified nuyen budget; bonded Karma is tracked separately.
);
};
/* ============================================================
AspectedGroupPicker (Phase 13)
Aspected magicians must pick one of the three magical skill
groups at creation and can only take skills/groups from it.
Per CRB p. 69: the choice is permanent once made.
============================================================ */
window.AspectedGroupPicker = function AspectedGroupPicker({ character, onChange, inCareer }) {
const C = SR5_CALC;
const chosen = C.aspectedMagicalGroup(character);
/* Locked only in career mode. Within creation the player can change
their mind — the choice only becomes permanent at finalize. */
const locked = inCareer;
const groups = [
{ key: 'sorcery', label: 'Sorcery', desc: 'Spellcasting, Counterspelling, Ritual Spellcasting — direct mana manipulation.' },
{ key: 'conjuring', label: 'Conjuring', desc: 'Summoning, Binding, Banishing — deals with spirits.' },
{ key: 'enchanting', label: 'Enchanting', desc: 'Alchemy, Artificing, Disenchanting — creating and dispelling foci and preparations.' },
];
function pick(key) {
if (locked) return;
if (chosen === key) return; /* already chosen; no-op */
/* Warn only if switching AND the player has already invested in
skills from the current group — otherwise silent. */
if (chosen && hasInvestmentInGroup(character, chosen)) {
if (!confirm(`Switch from ${groups.find(g => g.key === chosen).label} to ${groups.find(g => g.key === key).label}? This will hide any skills/groups you've already bought in the old group.`)) return;
}
onChange(C.setAspectedMagicalGroup(character, key));
}
function hasInvestmentInGroup(char, groupKey) {
const D = SR5_DATA;
const group = D.SKILL_GROUPS.find(g => g.key === groupKey);
if (!group) return false;
/* Individual skill ranks */
if ((char?.skills || {})[groupKey] > 0) return false; /* groupKey != skillKey */
for (const skillKey of group.skills) {
if ((char?.skills || {})[skillKey] > 0) return true;
if ((char?.specializations || {})[skillKey]) return true;
}
/* Group rating */
if ((char?.skillGroups || {})[groupKey] > 0) return true;
return false;
}
return (
Aspected Focus {locked && '🔒'}
{locked
? 'Locked in career mode — your aspected focus is permanent.'
: chosen
? 'You can change your choice up until you finalize. Click a different tile to switch.'
: 'Pick one magical skill group. You can change this until you finalize the character.'}