implement loading of saved preferences

client/database/index.jsx

@@ -7,9 +7,9 @@ import BonusCard from '../scripts/components/BonusCard.min.js';
 import CategoryModal from '../scripts/components/CategoryModal.min.js';
 import DifficultyDropdown from '../scripts/components/DifficultyDropdown.min.js';
 import Star from '../scripts/components/Star.min.js';
-import CategoryManager from '../scripts/utilities/category-manager.js';
+import CategoryManager from '../../quizbowl/category-manager.js';
 import { getDropdownValues } from '../scripts/utilities/dropdown-checklist.js';
-import { insertTokensIntoHTML } from '../insert-tokens-into-html.js';
+import insertTokensIntoHTML from '../../quizbowl/insert-tokens-into-html.js';
 
 const starredTossupIds = new Set(await star.getStarredTossupIds());
 const starredBonusIds = new Set(await star.getStarredBonusIds());

client/multiplayer/room.jsx

@@ -4,7 +4,7 @@ import account from '../scripts/accounts.js';
 import questionStats from '../scripts/auth/question-stats.js';
 import api from '../scripts/api/index.js';
 import audio from '../audio/index.js';
-import CategoryManager from '../scripts/utilities/category-manager.js';
+import CategoryManager from '../../quizbowl/category-manager.js';
 import { getDropdownValues } from '../scripts/utilities/dropdown-checklist.js';
 import { arrayToRange, createTossupCard, rangeToArray } from '../scripts/utilities/index.js';
 import { escapeHTML } from '../scripts/utilities/strings.js';

client/singleplayer/ClientTossupRoom.js

@@ -1,6 +1,5 @@
 import api from '../scripts/api/index.js';
-// import TossupRoom from '../../quizbowl/TossupRoom.js';
-import TossupRoom from '../TossupRoom.js';
+import TossupRoom from '../../quizbowl/TossupRoom.js';
 
 export default class ClientTossupRoom extends TossupRoom {
   constructor (name, categories = [], subcategories = [], alternateSubcategories = []) {
@@ -15,24 +14,40 @@ export default class ClientTossupRoom extends TossupRoom {
       powerValue: 15,
       tossup: {}
     };
-    this.settings.skip = true;
+    this.settings = {
+      ...this.settings,
+      skip: true,
+      showHistory: true,
+      typeToAnswer: true
+    };
 
     this.checkAnswer = api.checkAnswer;
     this.getRandomTossups = async (args) => await api.getRandomTossup({ number: 20, ...args });
     this.getSet = async ({ setName, packetNumbers }) => setName ? await api.getPacketTossups(setName, packetNumbers[0] ?? 1) : [];
     this.getSetList = api.getSetList;
     this.getNumPackets = api.getNumPackets;
 
-    this.setList = this.getSetList().concat('');
+    this.setList = this.getSetList();
   }
 
   async message (userId, message) {
     switch (message.type) {
       case 'toggle-correct': return this.toggleCorrect(userId, message);
+      case 'toggle-show-history': return this.toggleShowHistory(userId, message);
+      case 'toggle-type-to-answer': return this.toggleTypeToAnswer(userId, message);
       default: super.message(userId, message);
     }
   }
 
+  buzz (userId) {
+    if (!this.settings.typeToAnswer && this.buzzes.includes(userId)) {
+      this.giveAnswer(userId, { givenAnswer: this.tossup.answer_sanitized });
+      return;
+    }
+
+    super.buzz(userId);
+  }
+
   get liveAnswer () {
     return document.getElementById('answer-input').value;
   }
@@ -74,4 +89,14 @@ export default class ClientTossupRoom extends TossupRoom {
 
     this.emitMessage({ type: 'toggle-correct', correct, userId });
   }
+
+  toggleShowHistory (userId, { showHistory }) {
+    this.settings.showHistory = showHistory;
+    this.emitMessage({ type: 'toggle-show-history', showHistory, userId });
+  }
+
+  toggleTypeToAnswer (userId, { typeToAnswer }) {
+    this.settings.typeToAnswer = typeToAnswer;
+    this.emitMessage({ type: 'toggle-type-to-answer', typeToAnswer, userId });
+  }
 }

client/singleplayer/bonuses/index.jsx

@@ -3,7 +3,7 @@ import questionStats from '../../scripts/auth/question-stats.js';
 import api from '../../scripts/api/index.js';
 import audio from '../../audio/index.js';
 import { arrayToRange, createBonusCard, rangeToArray } from '../../scripts/utilities/index.js';
-import CategoryManager from '../../scripts/utilities/category-manager.js';
+import CategoryManager from '../../../quizbowl/category-manager.js';
 import { getDropdownValues } from '../../scripts/utilities/dropdown-checklist.js';
 import CategoryModal from '../../scripts/components/CategoryModal.min.js';
 import DifficultyDropdown from '../../scripts/components/DifficultyDropdown.min.js';