From 2d7709f3d525d81253ecbda28ec9d4eda24508c4 Mon Sep 17 00:00:00 2001
From: sgfost <sgfost@asu.edu>
Date: Fri, 18 Oct 2024 10:25:40 -0700
Subject: [PATCH] fix: deep clone to refresh sologame state

things went haywire without a hard refresh because events, treatment
params, etc. remained the same object reference
---
 client/src/views/ProlificStudy.vue | 5 +++--
 client/src/views/SoloGame.vue      | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/src/views/ProlificStudy.vue b/client/src/views/ProlificStudy.vue
index d77c2f3d3..d90dd6b53 100644
--- a/client/src/views/ProlificStudy.vue
+++ b/client/src/views/ProlificStudy.vue
@@ -39,6 +39,7 @@
 <script lang="ts">
 import { Vue, Watch, Component, Inject, Provide } from "vue-property-decorator";
 import { Client } from "colyseus.js";
+import { cloneDeep } from "lodash";
 import { SoloGameRequestAPI } from "@port-of-mars/client/api/sologame/request";
 import { StudyAPI } from "@port-of-mars/client/api/study/request";
 import {
@@ -77,7 +78,7 @@ export default class ProlificStudy extends Vue {
   };
   statusLoading = true;
 
-  state: SoloGameClientState = { ...DEFAULT_STATE };
+  state: SoloGameClientState = cloneDeep(DEFAULT_STATE);
 
   get isGameOver() {
     return ["victory", "defeat"].includes(this.state.status);
@@ -102,7 +103,7 @@ export default class ProlificStudy extends Vue {
     await this.fetchProlificParticipantStatus();
     if (this.participantStatus.nextGameType) {
       this.started = false;
-      this.state = { ...DEFAULT_STATE };
+      Object.assign(this.state, cloneDeep(DEFAULT_STATE));
       this.api.reset();
     } else {
       const completionUrl = await this.studyApi.completeProlificStudy();
diff --git a/client/src/views/SoloGame.vue b/client/src/views/SoloGame.vue
index 72ef03ec8..8100d0d31 100644
--- a/client/src/views/SoloGame.vue
+++ b/client/src/views/SoloGame.vue
@@ -17,6 +17,7 @@
 <script lang="ts">
 import { Vue, Component, Inject, Provide } from "vue-property-decorator";
 import { Client } from "colyseus.js";
+import { cloneDeep } from "lodash";
 import { SoloGameRequestAPI } from "@port-of-mars/client/api/sologame/request";
 import {
   DEFAULT_STATE,
@@ -41,7 +42,7 @@ export default class SoloGame extends Vue {
   hasApi = false;
   started = false;
 
-  state: SoloGameClientState = { ...DEFAULT_STATE };
+  state: SoloGameClientState = cloneDeep(DEFAULT_STATE);
 
   get isGameOver() {
     return ["victory", "defeat"].includes(this.state.status);
@@ -49,7 +50,7 @@ export default class SoloGame extends Vue {
 
   handleContinue() {
     this.started = false;
-    this.state = { ...DEFAULT_STATE };
+    Object.assign(this.state, cloneDeep(DEFAULT_STATE));
   }
 
   async begin() {