FEATURE: Add a "stop on power" feature to both solo (tossups) and multiplayer

client/play/TossupClient.js

@@ -21,6 +21,7 @@ export const TossupClientMixin = (ClientClass) => class extends ClientClass {
       case 'start-next-tossup': return this.startNextTossup(data);
       case 'toggle-powermark-only': return this.togglePowermarkOnly(data);
       case 'toggle-rebuzz': return this.toggleRebuzz(data);
+      case 'toggle-stop-on-power': return this.toggleStopOnPower(data);
       case 'update-question': return this.updateQuestion(data);
       default: return super.onmessage(message);
     }
@@ -91,6 +92,10 @@ export const TossupClientMixin = (ClientClass) => class extends ClientClass {
     document.getElementById('toggle-rebuzz').checked = rebuzz;
   }
 
+  toggleStopOnPower ({ stopOnPower }) {
+    document.getElementById('toggle-stop-on-power').checked = stopOnPower;
+  }
+
   updateQuestion ({ word }) {
     if (word === '(*)' || word === '[*]' || word === '(+)') { return; }
     document.getElementById('question').innerHTML += word + ' ';
@@ -129,6 +134,11 @@ function attachEventListeners (room, socket) {
     this.blur();
     socket.sendToServer({ type: 'toggle-rebuzz', rebuzz: this.checked });
   });
+
+  document.getElementById('toggle-stop-on-power').addEventListener('click', function () {
+    this.blur();
+    socket.sendToServer({ type: 'toggle-stop-on-power', stopOnPower: this.checked });
+  });
 }
 
 const TossupClient = TossupClientMixin(QuestionClient);

client/play/mp/MultiplayerTossupBonusClient.js

@@ -42,6 +42,7 @@ export const MultiplayerClientMixin = (ClientClass) => class extends ClientClass
       case 'toggle-lock': return this.toggleLock(data);
       case 'toggle-login-required': return this.toggleLoginRequired(data);
       case 'toggle-public': return this.togglePublic(data);
+      case 'toggle-stop-on-power': return this.toggleStopOnPower(data);
       default: return super.onmessage(event.data);
     }
   }
@@ -226,6 +227,7 @@ export const MultiplayerClientMixin = (ClientClass) => class extends ClientClass
     this.setMode({ mode });
     this.setReadingSpeed({ readingSpeed: settings.readingSpeed });
     this.setStrictness({ strictness: settings.strictness });
+    this.toggleStopOnPower({ stopOnPower: settings.stopOnPower });
 
     if (settings.controlled) {
       this.toggleControlled({ controlled: settings.controlled });
@@ -744,6 +746,11 @@ export const MultiplayerClientMixin = (ClientClass) => class extends ClientClass
     });
   }
 
+  toggleStopOnPower ({ stopOnPower, username }) {
+    this.logEventConditionally(username, `${stopOnPower ? 'enabled' : 'disabled'} stop on power`);
+    super.toggleStopOnPower({ stopOnPower });
+  }
+
   vkInit ({ targetUsername, threshold }) {
     this.logEventConditionally(`A votekick has been started against user ${targetUsername} and needs ${threshold} votes to succeed.`);
   }

client/play/mp/room.html

@@ -185,6 +185,10 @@ <h1 id="funny-toast-text" class="me-auto text-danger"></h1>
                         <input class="form-check-input" id="toggle-rebuzz" type="checkbox" role="switch">
                         <label class="form-check-label" for="toggle-rebuzz">Allow rebuzzes</label>
                     </div>
+                    <div class="form-check form-switch">
+                        <input class="form-check-input" id="toggle-stop-on-power" type="checkbox" role="switch">
+                        <label class="form-check-label" for="toggle-stop-on-power">Stop on power</label>
+                    </div>
                     <div class="form-check form-switch">
                         <input class="form-check-input" id="toggle-skip" type="checkbox" role="switch">
                         <label class="form-check-label" for="toggle-skip">Allow skips</label>

client/play/tossups/SoloTossupClient.js

@@ -162,6 +162,11 @@ export default class SoloTossupClient extends TossupClient {
     window.localStorage.setItem('singleplayer-tossup-settings', JSON.stringify({ ...this.room.settings, version: settingsVersion }));
   }
 
+  toggleStopOnPower ({ stopOnPower }) {
+    super.toggleStopOnPower({ stopOnPower });
+    window.localStorage.setItem('singleplayer-tossup-settings', JSON.stringify({ ...this.room.settings, version: settingsVersion }));
+  }
+
   setMode ({ mode }) {
     switch (mode) {
       case MODE_ENUM.SET_NAME:

client/play/tossups/index.html

@@ -173,6 +173,10 @@ <h1 id="funny-toast-text" class="me-auto text-danger"></h1>
                         <input class="form-check-input" id="toggle-rebuzz" type="checkbox" role="switch">
                         <label class="form-check-label" for="toggle-rebuzz">Allow rebuzzes</label>
                     </div>
+                    <div class="form-check form-switch">
+                        <input class="form-check-input" id="toggle-stop-on-power" type="checkbox" role="switch">
+                        <label class="form-check-label" for="toggle-stop-on-power">Stop on power</label>
+                    </div>
                     <div class="form-check form-switch">
                         <input class="form-check-input" id="toggle-show-history" type="checkbox" role="switch" checked>
                         <label class="form-check-label" for="toggle-show-history">Show question history</label>

client/play/tossups/index.jsx

@@ -123,6 +123,7 @@ if (window.localStorage.getItem('singleplayer-tossup-settings')) {
     socket.sendToServer({ type: 'set-reading-speed', ...savedSettings });
     socket.sendToServer({ type: 'toggle-ai-mode', ...savedSettings });
     socket.sendToServer({ type: 'toggle-rebuzz', ...savedSettings });
+    socket.sendToServer({ type: 'toggle-stop-on-power', ...savedSettings });
     socket.sendToServer({ type: 'toggle-timer', ...savedSettings });
     socket.sendToServer({ type: 'toggle-type-to-answer', ...savedSettings });
   } catch {

quizbowl/TossupRoom.js

@@ -19,6 +19,7 @@ export const TossupRoomMixin = (QuestionRoomClass) => class extends QuestionRoom
     this.paused = false;
     this.questionSplit = [];
     this.tossup = {};
+    this.stopOnPowerEnded = false;
     this.tossupProgress = TOSSUP_PROGRESS_ENUM.NOT_STARTED;
     this.wordIndex = 0;
 
@@ -30,6 +31,7 @@ export const TossupRoomMixin = (QuestionRoomClass) => class extends QuestionRoom
     this.settings = {
       ...this.settings,
       rebuzz: false,
+      stopOnPower: false,
       readingSpeed: 50
     };
 
@@ -56,6 +58,7 @@ export const TossupRoomMixin = (QuestionRoomClass) => class extends QuestionRoom
       case 'set-reading-speed': return this.setReadingSpeed(userId, message);
       case 'toggle-powermark-only': return this.togglePowermarkOnly(userId, message);
       case 'toggle-rebuzz': return this.toggleRebuzz(userId, message);
+      case 'toggle-stop-on-power': return this.toggleStopOnPower(userId, message);
       default: return super.message(userId, message);
     }
   }
@@ -201,6 +204,17 @@ export const TossupRoomMixin = (QuestionRoomClass) => class extends QuestionRoom
     }
 
     const word = this.questionSplit[this.wordIndex];
+
+    // stop reading and start timer if power and stopOnPower is enabled
+    if ((word === '(*)' || word === '[*]') && this.settings.stopOnPower) {
+      this.stopOnPowerEnded = true;
+      this.startServerTimer(DEAD_TIME_LIMIT * 10,
+        (time) => this.emitMessage({ type: 'timer-update', timeRemaining: time }),
+        () => this.revealTossupAnswer()
+      );
+      return;
+    }
+
     this.wordIndex++;
     this.emitMessage({ type: 'update-question', word });
 
@@ -236,7 +250,7 @@ export const TossupRoomMixin = (QuestionRoomClass) => class extends QuestionRoom
 
   scoreTossup ({ givenAnswer }) {
     const celerity = this.questionSplit.slice(this.wordIndex).join(' ').length / this.tossup.question.length;
-    const endOfQuestion = (this.wordIndex === this.questionSplit.length);
+    const endOfQuestion = this.settings.stopOnPower ? this.stopOnPowerEnded : (this.wordIndex === this.questionSplit.length);
     const superpowerIndex = this.questionSplit.indexOf('(+)');
     const powerIndex = Math.max(this.questionSplit.indexOf('(*)'), this.questionSplit.indexOf('[*]'));
     const inSuperpower = superpowerIndex !== -1 && superpowerIndex >= this.wordIndex;
@@ -296,6 +310,12 @@ export const TossupRoomMixin = (QuestionRoomClass) => class extends QuestionRoom
     const username = this.players[userId]?.username;
     this.emitMessage({ type: 'toggle-rebuzz', rebuzz, username });
   }
+
+  toggleStopOnPower (userId, { stopOnPower }) {
+    this.settings.stopOnPower = stopOnPower;
+    const username = this.players[userId].username;
+    this.emitMessage({ type: 'toggle-stop-on-power', stopOnPower, username });
+  }
 };
 
 const TossupRoom = TossupRoomMixin(QuestionRoom);