[Refactor] Structured mage abilities

Instead of needing a style guide for how to format mage abilities, separate out the parts and assemble them in the component.

dataParser/aeonsEnd.js

@@ -46,9 +46,9 @@ const aeonsEndData = {
       name: 'Adelheim',
       id: 'Adelheim',
       mageTitle: 'Breach Mage Weaponsmith',
-      ability: `
-        <h2>Aethereal Ward</h2>
-        <p class="ability-activation">Activate during the nemesis draw phase:</p>
+      abilityName: 'Aethereal Ward',
+      abilityActivation: 'Activate during the nemesis draw phase:',
+      abilityEffect: `
         <p>When a nemesis attack or power card is drawn but before it is resolved, 
         you may discard it. It has no effect.
         <span class="hint">(The nemesis does not draw a replacement card)</span></p>
@@ -76,9 +76,9 @@ const aeonsEndData = {
       name: 'Brama',
       id: 'Brama',
       mageTitle: 'Breach Mage Elder',
-      ability: `
-        <h2>Brink Siphon</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: 'Brink Siphon',
+      abilityActivation: 'Activate during your main phase:',
+      abilityEffect: `
         <p>Any player gains 4 life.</p>
       `,
       numberOfCharges: 5,
@@ -104,9 +104,9 @@ const aeonsEndData = {
       name: 'Jian',
       id: 'Jian',
       mageTitle: 'Breach Mage Orphan',
-      ability: `
-        <h2>Black Mirror</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: 'Black Mirror',
+      abilityActivation: 'Activate during your main phase',
+      abilityEffect: `
         <p>Cast any player's prepped spell without discarding it.</p>
         <p>Then cast that prepped spell again.
         <span class="hint">(Discard it afterward.)</span></p>
@@ -135,9 +135,9 @@ const aeonsEndData = {
       name: 'Kadir',
       id: 'Kadir',
       mageTitle: 'Breach Mage Delver',
-      ability: `
-        <h2>Otherworldly Gate</h2>
-        <p class="ability-activation">Activate during any player's main phase:</p>
+      abilityName: 'Otherworldly Gate',
+      abilityActivation: "Activate during any player's main phase:",
+      abilityEffect: `
         <p>That player may return up to three spells in their discard pile 
         to their hand. That player may prep up to two spells to each 
         of their opened breaches this turn.</p>
@@ -166,9 +166,9 @@ const aeonsEndData = {
       name: 'Lash',
       id: 'Lash',
       mageTitle: 'Breach Mage Scout',
-      ability: `
-        <h2>Quicken Thought</h2>
-        <p class="ability-activation">Activate during any player's main phase:</p>
+      abilityName: 'Quicken Thought',
+      abilityActivation: "Activate during any player's main phase:",
+      abilityEffect: `
         <p>Shuffle any player's turn order card into the turn order deck. 
         That player suffers 1 damage. <span class="hint">(You may not choose the 
         wildcard turn order card.)</span></p>
@@ -198,9 +198,9 @@ const aeonsEndData = {
       name: 'Mist',
       id: 'Mist',
       mageTitle: 'Dagger Captain',
-      ability: `
-        <h2>Divine Augury</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: 'Divine Augury',
+      abilityActivation: 'Activate during your main phase:',
+      abilityEffect: `
         <p>Any ally draws 4 cards.</p>
       `,
       numberOfCharges: 5,
@@ -227,9 +227,9 @@ const aeonsEndData = {
       name: 'Phaedraxa',
       id: 'Phaedraxa',
       mageTitle: 'Breach Mage Seer',
-      ability: `
-        <h2>Auspex Rune</h2>
-        <p class="ability-activation">Activate immediately after a turn order card is drawn:</p>
+      abilityName: 'Auspex Rune',
+      abilityActivation: 'Activate immediately after a turn order card is drawn:',
+      abilityEffect: `
         <p>Prevent any damage that the players or Gravehold would suffer during that turn.</p>
       `,
       numberOfCharges: 5,
@@ -255,9 +255,9 @@ const aeonsEndData = {
       name: 'Xaxos',
       id: 'Xaxos',
       mageTitle: 'Breach Mage Adept',
-      ability: `
-        <h2>Metaphysical Link</h2>
-        <p class="ability-activation">Activate during any player's main phase:</p>
+      abilityName: `Metaphysical Link`
+      abilityActivation: `Activate during any player's main phase:`
+      abilityEffect: `
         <p>Allies collectively gain 4 charges. Reveal the turn order deck and return 
         the revealed cards in any order.</p>
       `,

dataParser/intoTheWild.js

@@ -19,9 +19,9 @@ const intoTheWildData = {
       name: 'Inco',
       id: 'Inco',
       mageTitle: 'Child Of Green',
-      ability: `
-        <h2>Massive Growth</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Massive Growth`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Cast any number of Rose Thorns prepped by any number of players. 
         Those spells deal 2 additional damage.</p>`,
       numberOfCharges: 5,
@@ -46,9 +46,9 @@ const intoTheWildData = {
       name: 'Razra',
       id: 'Razra',
       mageTitle: 'The Trainer',
-      ability: `
-        <h2>Train Rip</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Train Rip`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Destroy a card with "Rip" in its name in your hand. 
         Gain a card with "Rip" in its name from the personal upgrade deck 
         that costs 3 <span class="aether">&AElig;</span> more than the destroyed card 

dataParser/outerDark.js

@@ -28,9 +28,9 @@ const outerDarkData = {
       name: 'Indira',
       id: 'Indira',
       mageTitle: 'Breach Apprentice',
-      ability: `
-        <h2>Pyromancer's Guile</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Pyromancer's Guile`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Cast any number of spells in hand. Those spells each 
         deal 1 additional damage.</p>
         <p>You may destroy a card in your discard pile.</p>
@@ -58,9 +58,9 @@ const outerDarkData = {
       name: 'Remnant',
       id: 'Remnant',
       mageTitle: 'Aethereal Entity',
-      ability: `
-        <h2>Ephemera Masque</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Ephemera Masque`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Any ally returns two cards in their discard pile to their hand.
         <span class="or">OR</span>
         Gravehold gains 5 life.</p>

dataParser/shatteredDreams.js

@@ -19,9 +19,9 @@ const shatteredDreamsData = {
       name: 'Nook',
       id: 'Nook',
       mageTitle: 'Orb Caller',
-      ability: `
-        <h2>Condense Aether</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Condense Aether`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>You my destroy a card in your hand or discard pile.
         Gain 4 <span class="aether">&AElig;</span>.<br/>
         You may place the next spell you gain this turn into your hand.</p>`,

dataParser/theAncients.js

@@ -19,9 +19,9 @@ const theAncientsData = {
       name: 'Mazra',
       id: 'Mazra',
       mageTitle: 'The Reader',
-      ability: `
-        <h2>Research</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Research`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Destroy a card with "Mazra" in its name in your hand. 
         Gain a card with "Mazra" in its name from the personal upgrade deck 
         that costs 3 <span class="aether">&AElig;</span> more than the destroyed card 
@@ -50,9 +50,9 @@ const theAncientsData = {
       name: 'Qu',
       id: 'Qu',
       mageTitle: 'Builder And Destroyer',
-      ability: `
-        <h2>Duality Embrace</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Duality Embrace`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>If you are in Destroyer form, cast up to two different spells prepped 
         by any number of players, and then flip over the Form token. 
         Otherwise, any player preps up to two spells in their discard pile 

dataParser/theDepths.js

@@ -19,9 +19,9 @@ const theDepthsData = {
       name: 'Nym',
       id: 'Nym',
       mageTitle: 'Breach Mage Apprentice',
-      ability: `
-        <h2>Terminus Barrier</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Terminus Barrier`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Discard the top card of the nemesis deck.</p>
         <p>If you discarded an attack card, discard an additional card.</p>
       `,
@@ -49,9 +49,9 @@ const theDepthsData = {
       name: 'Reeve',
       id: 'Reeve',
       mageTitle: 'Breach Mage Elite',
-      ability: `
-        <h2>Quelling Blade</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Quelling Blade`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Deal 5 damage to a minion.</p>
         <p>Deal 3 damage to a different minion.</p>
       `,
@@ -78,9 +78,9 @@ const theDepthsData = {
       name: "Z'hana",
       id: 'Zhana',
       mageTitle: 'Breach Mage Renegade',
-      ability: `
-        <h2>Sanctum Glyph</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Sanctum Glyph`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Gravehold gains 7 life.</p>
       `,
       numberOfCharges: 5,

dataParser/theNameless.js

@@ -28,9 +28,9 @@ const theNamelessData = {
       name: 'Malastar',
       id: 'Malastar',
       mageTitle: 'Breach Mage Mentor',
-      ability: `
-        <h2>Gift Of Aether</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Gift Of Aether`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Gain a spell from any supply pile. You may prep that spell to 
         any player's opened breach.</p>
       `,

dataParser/theNewAge.js

@@ -46,9 +46,9 @@ const newAgeData = {
       name: 'Sahala',
       id: 'Sahala',
       mageTitle: 'Oracle',
-      ability: `
-        <h2>Star Bind</h2>
-        <p class="ability-activation">Activate during your casting or main phase:</p>
+      abilityName: `Star Bind`,
+      abilityActivation: `Activate during your casting or main phase:`,
+      abilityEffect: `
         <p>Reveal the top three cards of your deck. 
         Place a spell revealed this way into your hand. 
         If there are no spells prepped to your Celestial Breach, 
@@ -74,9 +74,9 @@ const newAgeData = {
       name: 'Gygar',
       id: 'Gygar',
       mageTitle: 'Tide Master',
-      ability: `
-        <h2>High Tide</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `High Tide`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Place a Surge token on your Ancient Breach.
         <span class="or">OR</span>
         Cast a spell prepped to your Ancient Breach. Gain 2 charges.</p>`,
@@ -99,9 +99,9 @@ const newAgeData = {
       name: 'Soskel',
       id: 'Soskel',
       mageTitle: 'Aristocrat',
-      ability: `
-        <h2>Energized Sigil</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Energized Sigil`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Place an Energize token on any player's breach that doesn't have one.
         <span class="or">OR</span>
         Discard an Energize token on any player's breach. 
@@ -126,9 +126,9 @@ const newAgeData = {
       name: 'Taqren',
       id: 'Taqren',
       mageTitle: 'The Shield',
-      ability: `
-        <h2>Breach Siphon</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Breach Siphon`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Focus any player's breach. 
         Any player gains 1 life for each opened breach you have.</p>`,
       numberOfCharges: 4,
@@ -152,9 +152,9 @@ const newAgeData = {
       name: 'Talix',
       id: 'Talix',
       mageTitle: 'The Chain',
-      ability: `
-        <h2>Soaring Ash</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Soaring Ash`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Destroy two sparks in hand. If you do, 
         shuffle your turn order card into the turn order deck.
         <span class="or">OR</span>
@@ -181,9 +181,9 @@ const newAgeData = {
       name: 'Rhia',
       id: 'Rhia',
       mageTitle: 'Relic Hunter',
-      ability: `
-        <h2>Sublimate</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Sublimate`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Return a card in your hand or discard pile to its supply pile. 
         If you returned a relic, gain a card from any supply pile 
         that costs up to 3 <span class="aether">&AElig;</span> more than the returned card. 
@@ -210,9 +210,9 @@ const newAgeData = {
       name: 'Claudia',
       id: 'Claudia',
       mageTitle: 'Prospector',
-      ability: `
-        <h2>Aeplosion</h2>
-        <p class="ability-activation">Activate during any ally's main phase:</p>
+      abilityName: `Aeplosion`,
+      abilityActivation: `Activate during any ally's main phase:`,
+      abilityEffect: `
         <p>That ally gains 2 <span class="aether">&AElig;</span>. The next time that ally 
         gains a card from a supply pile this turn, 
         you gain a copy of that card from that supply pile.
@@ -239,9 +239,9 @@ const newAgeData = {
       name: 'Lost',
       id: 'Lost',
       mageTitle: 'Living Forge',
-      ability: `
-        <h2>Meek's Might</h2>
-        <p class="ability-activation">Activate during your main phase:</p>
+      abilityName: `Meek's Might`,
+      abilityActivation: `Activate during your main phase:`,
+      abilityEffect: `
         <p>Return up to four cards that cost 0 <span class="aether">&AElig;</span> 
         in your discard pile to your hand.</p>`,
       numberOfCharges: 5,

dataParser/theVoid.js

@@ -28,9 +28,9 @@ const theVoidData = {
       name: 'Sparrow',
       id: 'Sparrow',
       mageTitle: 'Breach Mage Soldier',
-      ability: `
-        <h2>Eldritch Tether</h2>
-        <p class="ability-activation">Activate during your casting or main phase:</p>
+      abilityName: `Eldritch Tether`,
+      abilityActivation: `Activate during your casting or main phase:`,
+      abilityEffect: `
         <p>Focus any player's breach. Repeat this three additional times.
         <span class="or">OR</span>
         Any ally with no closed breaches draws three cards and then 
@@ -58,9 +58,9 @@ const theVoidData = {
       name: 'Xaxos',
       id: 'XaxosTV',
       mageTitle: 'Voidbringer',
-      ability: `
-        <h2>Praetorian Halo</h2>
-        <p class="ability-activation">Activate during your casting or main phase:</p>
+      abilityName: `Praetorian Halo`,
+      abilityActivation: `Activate during your casting or main phase:`,
+      abilityEffect: `
         <p>Any ally gains 1 charge and discards a random card in hand. Focus 
         one of your breaches. Gain 1 life. Destroy a card in your hand or 
         discard pile.</p>`,