Refactor json

package.json

@@ -30,7 +30,7 @@
     "mocha": "^6.2.1",
     "react": "^16.11.0",
     "react-dom": "^16.11.0",
-    "react-scripts": "3.2.0",
+    "react-scripts": "^3.3.1",
     "react-test-renderer": "^16.12.0",
     "ts-jest": "^24.1.0",
     "ts-node": "^8.4.1",

src/App.tsx

@@ -1,21 +1,19 @@
 import React from "react";
 
-import {IEvent, IChoice} from "./events/core";
-import LandingEvent from "./events/LandingEvent";
-import PickFacultyEvent from "./events/PickFacultyEvent";
-import BoomerGregorEvent from "./events/BoomerGregorEvent";
-import {CuteGirlEvent} from "./events/CuteGirlEvent";
-import FratPartyEvent from "./events/FratPartyEvent";
+import { IEvent, IChoice } from "./events/core";
 
 import PlayerStats from "./trackers/PlayerStats";
 import EventTracker from "./trackers/EventTracker";
-
+import ChoicesManager from "./events/ChoicesManager";
+import EventsManager from "./events/EventsManager";
+import events from "./events.json";
+import choices from "./choices.json";
 import Hud from "./components/hud/Hud";
 import GamePlayConsole from "./components/gamePlayConsole/GamePlayConsole";
 import Choices from "./components/choices/Choices";
 
 // tslint:disable-next-line:no-empty-interface
-export interface IProps {}
+export interface IProps { }
 
 export interface IState {
     week: number;
@@ -24,22 +22,25 @@ export interface IState {
     eventTracker: EventTracker;
 }
 
-export default class App extends React.Component <IProps, IState> {
+export default class App extends React.Component<IProps, IState> {
     private name: string;
+    private cManager: ChoicesManager;
+    private eManager: EventsManager;
 
     constructor(props: IProps) {
         super(props);
 
         const playerStats = new PlayerStats();
         const eventTracker = new EventTracker(
-            [new BoomerGregorEvent(), new CuteGirlEvent(), new FratPartyEvent()],
-            [new LandingEvent(), new PickFacultyEvent()]
+            [events.BoomerGregorEvent, events.CuteGirlEvent, events.FratPartyEvent],
+            [events.LandingEvent, events.PickFacultyEvent, events.PickResidenceEvent]
         );
         let firstEvent = eventTracker.getNextEvent();
 
         //TODO: should we auto allocate a dummy player name or allow user to input their own?
         this.name = "P1";
-
+        this.cManager = new ChoicesManager(choices);
+        this.eManager = new EventsManager(events);
         this.state = {
             // TODO: The week number may not be how we choose to track time,
             // we should create some abstraction for this similar to how
@@ -53,11 +54,12 @@ export default class App extends React.Component <IProps, IState> {
     }
 
     makeChoice = (choice: IChoice) => {
-        this.state.playerStats.applyStatChanges(choice.statChanges());
-
-        for (let followUp of choice.followUps()) {
-            this.state.eventTracker.queueFollowUpEvent(followUp);
-        }
+        if (choice.dlogo) this.state.playerStats.applyStatChanges(choice.statChanges, choice.dlogo);
+        else this.state.playerStats.applyStatChanges(choice.statChanges);
+
+        if (choice.followUp !== ""){
+          this.state.eventTracker.queueFollowUpEvent(this.eManager.get(choice.followUp));
+        } 
 
         let nextEvent = this.state.eventTracker.getNextEvent();
 
@@ -77,24 +79,25 @@ export default class App extends React.Component <IProps, IState> {
             <div id="app">
                 <div id="game-container">
                     <Hud
-                      playerStats={this.state.playerStats}
-                      week={this.state.week}
-                      name={this.name}
+                        playerStats={this.state.playerStats}
+                        week={this.state.week}
+                        name={this.name}
                     />
                     <GamePlayConsole 
-                      mode={currentEvent.gamePlayMode()}
-                      imgPath={currentEvent.imgPath()}
+                        mode={currentEvent.gamePlayMode}
+                        imgPath={currentEvent.imgPath}
                     />
                     <section 
-                      id="user-interaction-box" 
-                      className={currentEvent.hasBottomBoxBorder() ? "nes-container is-rounded" : ""}
+                        id="user-interaction-box" 
+                        className={currentEvent.hasBottomBoxBorder ? "nes-container is-rounded" : ""}
                     >
                         <div id="bottom-menu" className="bottom-container">
                             <p id="prompt" className="this-align-center">
-                                {currentEvent.prompt()}
+                                {currentEvent.prompt}
                             </p>
                             <Choices
-                                choices={currentEvent.choices()}
+                                choices={currentEvent.choices}
+                                mgr={this.cManager}
                                 makeChoice={this.makeChoice}
                             />
                         </div>

src/choices.json

@@ -0,0 +1,144 @@
+{
+  "TrustNaturalRecursion":
+  {
+    "answer":"Trust the natural recursion",
+    "followUp":"",
+    "statChanges":[10, 0.5, -15]
+  },
+  "OkBoomer": 
+  {
+    "answer":"Ok, Boomer",
+    "followUp":"",
+    "statChanges":[60, -0.02, -8]
+  },
+  "FiveverAlone": 
+  {
+    "answer":"5ever alone",
+    "followUp":"",
+    "statChanges":[-50, -1.5, -15]
+  },
+  "RunAway":
+  {
+    "answer":"meep merp. run away",
+    "followUp":"",
+    "statChanges":[-25, 0, -15]
+  },
+  "ShowFilas": 
+  {
+    "answer":"Show her your Filas",
+    "followUp":"",
+    "statChanges":[35, 0.5, 0]
+  },
+  "BuyTheTix": 
+  {
+    "answer":"Buy her EDC (Electronic Daisy Carnival) tickets",
+    "followUp":"CuteGirlTixEvent",
+    "statChanges":[5, -0.01, 0]
+  },
+  "ComplimentFilas":
+  {
+    "answer":"Compliment her Filas",
+    "followUp":"CuteFilasEvent",
+    "statChanges":[1, 0, 0]
+  },
+  "StalkInstagram": 
+  {
+    "answer":"Stalk her on Instagram",
+    "followUp":"",
+    "statChanges":[-50, -1.5, -35]
+  },
+  "OhYes":
+  {
+    "answer":"OH YES",
+    "followUp":"HasBoyfriendEvent",
+    "statChanges":[20, -0.02, -3]
+  },
+  "Nope":
+  {
+    "answer":"no...",
+    "followUp":"NoVIPTixEvent",
+    "statChanges":[-5, 0, 0]
+  },
+  "GrossFrats":
+  {
+    "answer":"Ew! Frats are gross!",
+    "followUp":"",
+    "statChanges":[-20, 0.5, 5]
+  },
+  "YayBedsheets":
+  {
+    "answer":"I love wearing my bedsheets!",
+    "followUp":"",
+    "statChanges":[40, -1.0, -50]
+  },
+  "Start":
+  {
+    "answer":"Accept Offer",
+    "followUp":"",
+    "statChanges":[0, 0, 0]
+  },
+  "Arts":
+  {
+    "answer":"Arts",
+    "followUp":"",
+    "statChanges":[50, 2.0, 100],
+    "dlogo": "ARTS.png"
+  },
+  "ApScience":
+  {
+    "answer":"Applied Science",
+    "followUp":"",
+    "statChanges":[0, 4.0, 100],
+    "dlogo": "APSC.png"
+  },
+  "Science":
+  {
+    "answer":"Science",
+    "followUp":"",
+    "statChanges":[50, 3.0, 100],
+    "dlogo": "SCIE.png"
+  },
+  "Forestry":
+  {
+    "answer":"Forestry",
+    "followUp":"",
+    "statChanges":[100, 2.0, 100],
+    "dlogo": "FORE.png"
+  },
+  "Commerce":
+  {
+    "answer":"Commerce",
+    "followUp":"",
+    "statChanges":[100, 2.0, 100],
+    "dlogo": "COMM.png"
+  },
+  "Kinesiology":
+  {
+    "answer":"Kinesiology",
+    "followUp":"",
+    "statChanges":[100, 2.0, 100],
+    "dlogo": "KIN.png"
+  },
+  "LFS":
+  {
+    "answer":"Land and Food Systems",
+    "followUp":"",
+    "statChanges":[100, 2.0, 100],
+    "dlogo": "LFS.png"
+  },
+  "TotemPark": {
+    "answer": "Totem Park",
+    "followUp": "",
+    "statChanges": [0, 0, 0]
+  },
+  "PlaceVanier": {
+    "answer": "Place Vanier",
+    "followUp": "",
+    "statChanges": [0, 0, 0]
+  },
+  "OrchardCommons": {
+    "answer": "Orchard Commons",
+    "followUp": "",
+    "statChanges": [0, 0, 0]
+  }
+}

src/components/choices/ChoiceButton.tsx

@@ -13,7 +13,7 @@ export default function ChoiceButton(props: IProps) {
             className="choice-btn-70 is-primary nes-btn"
             onClick={() => props.makeChoice(props.choice)}
         >
-            {props.choice.answer()}
+            {props.choice.answer}
         </button>
     );
 }

src/components/choices/Choices.tsx

@@ -1,23 +1,26 @@
 import React from "react";
 
 import ChoiceButton from "./ChoiceButton";
-import {IChoice} from "./../../events/core";
+import { IChoice } from "./../../events/core";
+import ChoicesManager from "./../../events/ChoicesManager";
 
 interface IProps {
-    choices: IChoice[];
+    choices: string[];
+    mgr: ChoicesManager;
     makeChoice(choice: IChoice): void;
 }
 
 export default function Choices(props: IProps) {
-    const choiceButtons = props.choices.map(choice =>
-        (
-            <ChoiceButton
-                key={choice.answer()}
-                choice={choice}
-                makeChoice={props.makeChoice}
-            />
-        )
+    const choiceButtons = props.choices && props.choices.map((choice: string) => {
+    const c = props.mgr.get(choice);
+    return (
+        <ChoiceButton
+            key={c.answer}
+            choice={c}
+            makeChoice={props.makeChoice}
+        />
     );
+  });
 
     return (
         <div className="Choices">

src/components/gamePlayConsole/GamePlayConsole.tsx

@@ -1,10 +1,8 @@
 import React from "react";
-
-import placeholderImg from "../../assets/place-holder-image.png";
-import { GamePlayMode } from "../../events/core";
+import placeholderImg from "./../../assets/place-holder-image.png";
 
 interface IProps {
-    mode: GamePlayMode;
+    mode: string;
     imgPath: string;
 }
 
@@ -24,7 +22,7 @@ const generateAcceptanceLetter = () => {
 const generateComic = (img: string) => {
     return (
         <img
-            src={img === "" ? placeholderImg : img}
+            src={img === "" ? placeholderImg : require(`../../assets/${img}`)}
             alt="Gameplay comic"
             className="event-illustration"
         />
@@ -33,8 +31,8 @@ const generateComic = (img: string) => {
 
 export default function GamePlayConsole(props: IProps) {
     return (
-        <section id="gameplay-container" className={props.mode === GamePlayMode.Hide ? "hide" : ""}>
-            {props.mode === GamePlayMode.AcceptanceLetter ? generateAcceptanceLetter() : generateComic(props.imgPath)}
+        <section id="gameplay-container" className={props.mode === "Hide" ? "hide" : ""}>
+            {props.mode === "AcceptanceLetter" ? generateAcceptanceLetter() : generateComic(props.imgPath)}
         </section >
     );
-}
+}