controllers/game/h_i_p_s_controller.js

  1. import { Controller } from "@hotwired/stimulus"
  2. import { AES } from "crypto-es/lib/aes"
  3. import { Utf8 } from 'crypto-es/lib/core.js'
  5. /**
  6.  * @class Game.HIPSController
  7.  * @classdesc Stimulus controller for /game/hiding-in-plain-sight.
  8.  * @extends Controller
  9.  */
  10. export default class HIPSController extends Controller {
  11.   /**
  12.    * @property {Function} answer - targets the text field input
  13.    * @property {Function} error - targets the error message
  14.    * @property {Function} unlock - targets the alert
  15.    * @memberof Game.HIPSController
  16.    * @static
  17.    */
  18.   static targets = [ "answer", "error", "unlock" ]
  20.   /** 
  21.    * If the answer matches `128aes`, the string in the alert is decrypted to reveal the path to the
  22.    * next puzzle. Otherwise an error message is displayed.
  23.    * 
  24.    * @instance
  25.    * @memberof Game.HIPSController
  26.    * @returns {void} N/A
  27.    * */
  28.   submit() {
  29.     if (this.answerTarget.value === "128aes") {
  30.       this.errorTarget.style.display = "none"
  31.       const bytes = AES.decrypt(this.unlockTarget.innerHTML, "128aes")
  32.       this.unlockTarget.innerHTML = bytes.toString(Utf8)
  33.     } else {
  34.       this.errorTarget.style.display = "block"
  35.       this.errorTarget.innerHTML = `${this.answerTarget.value} is incorrect`
  36.     }
  37.   }
  38. }