{"version":3,"sources":["HighScores.module.css","Header.js","VimLogo.js","Banner.js","utils.js","Row.js","CommandLine.js","FinalScore.js","celebrate1.gif","Board.js","StartButton.js","KeystrokeCountDownDisplay.js","ViminationCounter.js","CountdownTimer.js","ScoreBoard.js","GetFeedback.js","Settings.js","Credits.js","InMaintenance.js","NewGameStartFailure.js","HighScores.js","EnterHighScoreName.js","Footer.js","App.js","index.js"],"names":["module","exports","Header","memo","feedbackCallback","settingsCallback","creditsCallback","className","useContext","ThemeContext","href","onClick","aria-hidden","role","xmlns","viewBox","height","width","fill","d","VimLogo","theme","version","fontFamily","fontSize","fontWeight","stroke","strokeWidth","transform","id","strokeMiterlimit","Banner","isLevelComplete","gameInfo","state","isOutOfKeystrokes","isOutOfTime","timeLeft","isGameInProgress","getPersonalHighScoreLevelEntryName","level","getBestPracticeTimeLevelEntryName","getServerName","isLabEnvironment","process","Row","rowText","rowIndex","useRelativeLineNumbers","saidGo","rangeIndex","classForCharacter","getMoveHereTooltip","suggestions","Tooltip","THE_CURSOR_INSIDE_TARGET","cursorRow","cursorCoords","tooltipSuggestions","pushRange","range","isCursorInRange","startCol","endCol","type","push","toLowerCase","characterRanges","searchRanges","filter","row","length","at","searchActive","some","targetRanges","cursorPushed","cursorCol","cursorIsInRange","targetRange","additionalClass","rowDisplay","tooltipDisplayPending","currentClass","currentAdditionalClass","rangeJumpOut","currentPartText","cursorIsInsideTarget","pushCurrentPart","usingTooltip","includes","display","flushTooltipDisplayPending","OverlayTrigger","trigger","show","placement","overlay","forEach","character","index","characterClass","every","entry","lineNumber","Math","abs","CommandLine","gameIsInProgress","leftMessage","rightMessage","alertMessage","giveSuggestion","undefined","style","paddingRight","firstCharUpper","substring","toUpperCase","isRightMessageFindOrTill","paddingLeft","FinalScore","score","Board","startGameCountdown","makeSuggestion","theBoard","giveCommandLineSuggestion","searchString","pendingCommandString","isCommandLineInUse","setTooltipTarget","clearTooltipTarget","practiceGame","levelCompleteBonus","finalScore","alt","src","celebrate1","Date","now","onBlur","e","target","focus","autoFocus","board","rows","map","contents","i","viminatedNonHighlightedCharacter","tooltipTargetIndex","closestDistance","Number","MAX_VALUE","distance","getColDistance","getRowDistance","setSuggestions","currentRowText","charactersBetween","match","setDeleteSuggestions","setMovementSuggestions","buildSuggestions","result","newSuggestions","suggestion","targetHasPunctuation","test","trimmedTargetStartCol","trimmedTargetEndCol","trimmedRowText","replace","offset","string","leadingSpacesCount","currentRowCount","targetStartCol","targetEndCol","isLastCharacterBeforeAWord","charAt","isFirstCharacterAfterAWord","currentlyPlayingLevel","StartButton","buttonText","startGame","inMaintenance","newGameStartFailure","selectedLevel","setSelectedLevel","practiceMode","togglePracticeMode","disabled","levelSelected","evt","newSelectedLevel","currentTarget","blur","Dropdown","as","ButtonGroup","Button","beginLevel","tabIndex","variant","Toggle","split","Menu","Item","checked","onChange","KeystrokeCountDownDisplay","countDown","keystrokeCountDown","ViminationCounter","viminationCount","CountdownTimer","ScoreBoard","GetFeedback","stopGettingFeedback","onClickOutside","useOnclickOutside","useState","feedback","setFeedback","emailAddress","setEmailAddress","feedbackSent","setFeedbackSent","ref","CloseButton","placeholder","maxLength","event","value","textContent","axios","post","then","response","catch","error","alert","sendFeedback","Settings","stopShowingSettings","toggleUseRelativeLineNumbers","darkMode","toggleDarkMode","suggestionDelay","setSuggestionDelay","htmlFor","min","max","step","Credits","stopShowingCredits","InMaintenance","stopShowingInMaintenance","NewGameStartFailure","stopShowingNewGameStartFailure","HighScores","highScores","showPractice","currentLevelPersonalHighScore","currentLevelBestPracticeTime","setHighScores","setInMaintenance","useEffect","get","withCredentials","data","getScoreInfo","scoreInfo","rank","styles","playerName","highScoreRows","levelHighScores","dummyHighScores","personalHighScore","LevelHighScores","scoreBoard","title","theScores","EnterHighScoreName","stopEnteringHighScoreName","submitDisabled","setSubmitDisabled","onSubmit","preventDefault","name","document","getElementsByClassName","encodeURIComponent","currentNameLength","Footer","isOverlayActive","createContext","App","setGameInfo","gameInfoRef","localStorage","getItem","selectedLevelRef","setCurrentLevelPersonalHighScore","currentLevelPersonalHighScoreRef","useRef","gettingFeedback","setGettingFeedback","showingSettings","setShowingSettings","showingCredits","setShowingCredits","showingInMaintenance","setShowingInMaintenance","showingNewGameStartFailure","setShowingNewGameStartFailure","setNewGameStartFailure","enteringHighScoreName","setEnteringHighScoreName","setUseRelativeLineNumbers","setDarkMode","setPracticeMode","gameStartingUp","debugDisplayKeysPressedRef","waitingForServerKeyResponseRef","keyQueueRef","stompClientRef","setStartGameCountdown","setSaidGo","lastKeystrokeTimeLeft","startGameCountdownTimer","useTimer","delay","callback","sayGoTimer","resetSuggestionTimer","timeLeftTimer","newTimeLeft","current","updatedGameInfo","connectStomp","socket","SockJS","Stomp","over","debug","connect","frame","subscribe","processKeystrokeResponse","JSON","parse","body","disconnectStomp","disconnect","handleKeyDown","useCallback","connected","keyPressed","key","stopPropagation","ctrlKey","keyInfo","keyStrokeLoggerr","sendKeyStroke","levelDoneHighScores","finalKeystroke","updatedRowNum","updatedRow","rowNum","firstRemovedRowIndex","rowsRemovedCount","splice","keyStroke","shift","currentDebugDisplayKeysPressed","slice","checkHighScore","finalKeystrokeCountDown","finalViminationCount","finalClientTimeLeft","send","stringify","gameState","bestPracticeTimeLevelEntryName","currentBestPracticeTime","setItem","personalHighScoreLevelEntryName","currentPersonalHighScore","isHighScore","setTimeout","isStarted","stop","removeEventListener","start","addEventListener","suggestionDelayRef","setMakeSuggestion","suggestionTimerRef","clearTimeout","classList","add","remove","Provider","console","log","url","newGameInfo","keystrokesAllowed","secondsAllowed","newValue","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.c09c9e56.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"LevelHighScores\":\"HighScores_LevelHighScores__34QkE\",\"title\":\"HighScores_title__1ES-Q\",\"scoreBoard\":\"HighScores_scoreBoard__1Hgdg\",\"theScores\":\"HighScores_theScores__rEyGE\",\"dummyHighScores\":\"HighScores_dummyHighScores__1BaSo\",\"scoreInfo\":\"HighScores_scoreInfo__3KRJo\",\"rank\":\"HighScores_rank__36WtS\",\"score\":\"HighScores_score__vTukO\",\"playerName\":\"HighScores_playerName__nsjQq\",\"personalHighScore\":\"HighScores_personalHighScore__1r89Q\"};","import \"./Header.css\";\r\nimport { useContext, memo } from \"react\";\r\nimport { ThemeContext } from \"./App.js\";\r\n\r\nconst Header = memo(({feedbackCallback, settingsCallback, creditsCallback}) => {\r\n  return (\r\n    <nav className={\"Header navbar static-top fixed-top \"+\r\n                    (useContext(ThemeContext) === \"dark\" ? \"navbar-dark\" : \"navbar-light\")}>\r\n      <div className=\"row ml-1\">\r\n        <a href=\"/\" className={\"navbar-brand \"+\r\n               (useContext(ThemeContext) === \"dark\" ? \"navbar-brand-dark\" : \"navbar-brand-light\")}>\r\n          The Viminator\r\n        </a>\r\n      </div>\r\n\r\n      <div className=\"row mr-1 ml-auto\">\r\n        <ul className=\"navbar-nav ml-auto\">\r\n          { // https://fontawesome.com/v5.15/icons/book-reader?style=solid\r\n          }\r\n          {//<li className=\"nav-item\">\r\n          //  <a className=\"nav-link\" href=\"/my-account\">\r\n          //    <svg className=\"navbar-options\" aria-hidden=\"true\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\">\r\n          //      <path fill=\"currentColor\" d=\"M352 96c0-53.02-42.98-96-96-96s-96 42.98-96 96 42.98 96 96 96 96-42.98 96-96zM233.59 241.1c-59.33-36.32-155.43-46.3-203.79-49.05C13.55 191.13 0 203.51 0 219.14v222.8c0 14.33 11.59 26.28 26.49 27.05 43.66 2.29 131.99 10.68 193.04 41.43 9.37 4.72 20.48-1.71 20.48-11.87V252.56c-.01-4.67-2.32-8.95-6.42-11.46zm248.61-49.05c-48.35 2.74-144.46 12.73-203.78 49.05-4.1 2.51-6.41 6.96-6.41 11.63v245.79c0 10.19 11.14 16.63 20.54 11.9 61.04-30.72 149.32-39.11 192.97-41.4 14.9-.78 26.49-12.73 26.49-27.06V219.14c-.01-15.63-13.56-28.01-29.81-27.09z\"></path>\r\n          //    </svg> Rules</a>\r\n          //</li>\r\n          }\r\n          { // https://fontawesome.com/icons/envelope?style=regular  5.10.2\r\n          }\r\n          <li className=\"nav-item\">\r\n            <button className=\"nav-link\" onClick={feedbackCallback}>\r\n            <svg className=\"navbar-options\" aria-hidden=\"true\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\">\r\n              <path fill=\"currentColor\" d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"></path>\r\n            </svg> Feedback</button>\r\n          </li>\r\n          { // https://fontawesome.com/v5.15/icons/thumbs-up?style=regular\r\n          }\r\n          <li className=\"nav-item\">\r\n            <button className=\"nav-link\" onClick={creditsCallback}>\r\n              <svg className=\"navbar-options\" aria-hidden=\"true\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\">\r\n                <path fill=\"currentColor\" d=\"M466.27 286.69C475.04 271.84 480 256 480 236.85c0-44.015-37.218-85.58-85.82-85.58H357.7c4.92-12.81 8.85-28.13 8.85-46.54C366.55 31.936 328.86 0 271.28 0c-61.607 0-58.093 94.933-71.76 108.6-22.747 22.747-49.615 66.447-68.76 83.4H32c-17.673 0-32 14.327-32 32v240c0 17.673 14.327 32 32 32h64c14.893 0 27.408-10.174 30.978-23.95 44.509 1.001 75.06 39.94 177.802 39.94 7.22 0 15.22.01 22.22.01 77.117 0 111.986-39.423 112.94-95.33 13.319-18.425 20.299-43.122 17.34-66.99 9.854-18.452 13.664-40.343 8.99-62.99zm-61.75 53.83c12.56 21.13 1.26 49.41-13.94 57.57 7.7 48.78-17.608 65.9-53.12 65.9h-37.82c-71.639 0-118.029-37.82-171.64-37.82V240h10.92c28.36 0 67.98-70.89 94.54-97.46 28.36-28.36 18.91-75.63 37.82-94.54 47.27 0 47.27 32.98 47.27 56.73 0 39.17-28.36 56.72-28.36 94.54h103.99c21.11 0 37.73 18.91 37.82 37.82.09 18.9-12.82 37.81-22.27 37.81 13.489 14.555 16.371 45.236-5.21 65.62zM88 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z\"></path>\r\n              </svg> Credits</button>\r\n          </li>\r\n          { // cog  https://fontawesome.com/icons/cog?style=solid  5.0.0\r\n          }\r\n          <li className=\"nav-item\">\r\n            <button className=\"nav-link\" onClick={settingsCallback}>\r\n              <svg className=\"navbar-options\" aria-hidden=\"true\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\">\r\n                <path fill=\"currentColor\" d=\"M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z\"></path>\r\n              </svg> Settings</button>\r\n          </li>\r\n\r\n          { // sign-in-alt  https://fontawesome.com/icons/sign-in-alt?style=solid  5.0.0\r\n            // Before enabling this, deal w/2 line header. Either try querying the header height\r\n            // to change \"body { margin: 0;...\" (in \"index.css\") or try using Bootstrap's hamburger\r\n            // menu, which requires JQuery and Popper.\r\n            //<li className=\"nav-item\">\r\n            //  <a className=\"nav-link\" href=\"/my-account\">\r\n            //    <svg className=\"navbar-options\" aria-hidden=\"true\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"1em\">\r\n            //      <path fill=\"currentColor\" d=\"M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z\"></path>\r\n            //    </svg> Sign&nbsp;In\r\n            //  </a>\r\n            //</li>\r\n          }\r\n\r\n        </ul>\r\n      </div>\r\n    </nav>\r\n  );\r\n});\r\n\r\nexport default Header;\r\n","import \"./VimLogo.css\";\r\nimport React from \"react\";\r\n\r\n// See ViminatorLogo.svg for a(n out-of-date) standalone version of this image\r\n\r\nconst VimLogo = ({theme}) => {\r\n  return (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"195px\" height=\"84px\">\r\n        <text fill=\"#000000\" fontFamily=\"Serif\" fontSize=\"1rem\" fontWeight=\"600\"\r\n              stroke=\"#000000\" strokeWidth=\"0\"\r\n              className={theme}\r\n              transform=\"matrix(1 0 -.3 1 0 30)\">The</text>\r\n        <g id=\"g3699\" transform=\"matrix(.2 0 0 .18 4 0)\">\r\n          <path d=\"m275.529027,58.545522l-154.52332,170.09579l153.87948,169.38706l154.52331,-170.09579l-153.87947,-169.38706z\" fill=\"#019833\" id=\"path2836\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m274.885187,59.254262l0,-14.88338l-168.04411,184.97916l14.16463,0l153.87948,-170.09578z\" fill=\"#66fe98\" id=\"path2838\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m274.498877,59.254262l0,-14.88338l168.0441,184.97916l-14.16463,0l-153.87947,-170.09578z\" fill=\"#45fe02\" id=\"path2840\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m274.885187,399.020592l0,14.88338l-168.04411,-184.97916l14.16463,0l153.87948,170.09578z\" fill=\"#017d17\" id=\"path2842\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path className={theme} d=\"m138.016067,63.156802l108.35396,0l6.60139,7.26665l0,22.30116l-5.23559,7.01608l-11.83699,0l0,110.75406l101.98019,-110.75406l-16.84494,0l-5.9185,-7.01608l0,-23.55403l5.46323,-5.51264l109.71976,0l5.46322,6.01379l0,22.05058l-248.12143,280.14258l-28.22666,0l-8.17033,-5.19252l0,-267.93397l-13.68257,0l-5.00795,-5.51264l0,-23.55403l5.46321,-6.51493z\" fill=\"none\" id=\"path3650\" stroke=\"#000000\" strokeMiterlimit=\"4\" strokeWidth=\"18.91431\"/>\r\n          <path d=\"m274.498877,399.020592l0,14.88338l168.0441,-184.97916l-14.16463,0l-153.87947,170.09578z\" fill=\"#005d04\" id=\"path2844\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m274.431767,42.998852l-168.67615,185.67491l167.97334,184.90128l168.67616,-185.67492l-167.97335,-184.90127z\" fill=\"none\" id=\"path2846\" stroke=\"#000000\" strokeMiterlimit=\"4\" strokeWidth=\"5.67429\"/>\r\n          <path d=\"m247.521667,74.492002l6.11655,-3.54366l-6.27751,-6.91014l-109.29305,0l-5.55319,6.11281l0,23.1224l6.15679,6.77725l2.93756,-6.77725l-3.86308,-4.2524l0,-16.30085l2.89731,-2.83492l104.30324,0l2.57538,4.60676z\" fill=\"#fefefe\" id=\"path3640\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m845.602478,256.471627l-4.28125,4.28125l0,15.71875l3.75,3.75l19.8125,0l0,15.1875l-131.0625,132.84375l0,-147.84375l21.78125,0l4.46875,-4.46875l0,-15.90625l-4.125,-3.1875l-114.625,0l-3.75,3.75l0,16.25l3.8125,3.8125l19.9375,0l0,272.25l3.75,3.75l22.65625,0l274.65625,-283.40625l0,-12.5l-4.28125,-4.28125l-112.5,0z\" fill=\"none\" id=\"path3632\" stroke=\"#000000\" strokeWidth=\"1px\" transform=\"matrix(0.901386 0 0 0.992225 -437.423 -185.306)\"/>\r\n          <path d=\"m158.503167,92.724612l0,270.62073l3.18688,4.0092l-2.49916,5.24301l-7.06148,-7.74876l0,-265.1081l6.37376,-7.01608z\" fill=\"#fefefe\" id=\"path3646\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m140.846097,92.724612l-1.82108,6.51494l13.2028,0l7.2843,-6.51494l-18.66602,0z\" fill=\"#808080\" id=\"path3644\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m322.207947,100.041812l2.89731,-6.55577l-4.18501,-4.2524l0,-14.52901l4.82886,-5.31551l100.76208,0l3.86308,5.66987l5.4727,-4.2524l-5.63366,-6.20141l-108.32729,0l-5.39221,5.93564l0,23.29957l5.59342,5.80276m-87.54309,111.87785l-10.52288,28.10566l118.7898,-131.1155l0,-15.59211l-108.26692,118.60195z\" fill=\"#fefefe\" id=\"path3638\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m247.280547,73.680932l5.2356,-3.75862l0,22.8023l-6.03231,6.64023l-11.72317,0l0,112.38277l-10.69882,27.81381l0,-146.83681l19.57656,0l3.64214,-3.25747l0,-15.78621z\" fill=\"#808080\" id=\"path3642\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m845.602478,256.471627l-4.28125,4.28125l0,15.71875l3.75,3.75l19.8125,0l0,15.1875l-131.0625,132.84375l0,-147.84375l21.78125,0l4.46875,-4.46875l0,-15.90625l-4.125,-3.1875l-114.625,0l-3.75,3.75l0,16.25l3.8125,3.8125l19.9375,0l0,272.25l3.75,3.75l22.65625,0l274.65625,-283.40625l0,-12.5l-4.28125,-4.28125l-112.5,0z\" fill=\"#cccccc\" id=\"path3622\" stroke=\"#000000\" strokeWidth=\"1px\" transform=\"matrix(0.901386 0 0 0.992225 -437.423 -185.306)\"/>\r\n          <path d=\"m430.374267,73.783272l5.49849,-3.49448l0,21.92152l-249.39111,280.5213l-26.47746,0l2.52966,-5.5331l20.28119,0l247.23731,-281.01241l0.32192,-12.40283z\" fill=\"#808080\" id=\"path3636\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <path d=\"m342.317897,93.100462l-5.57703,6.38966l-14.56861,0l3.41452,-6.38966c0.11382,0 16.73112,0 16.73112,0z\" fill=\"#808080\" id=\"path3652\" stroke=\"#000000\" strokeWidth=\"0.94572px\"/>\r\n          <g id=\"g3673\" transform=\"matrix(0.901386 0 0 0.992225 -92.5303 -192.238)\">\r\n            <path className={theme} d=\"m416.44624,446.971627a1.23301,1.23301 0 0 0 -0.5625,0.28125l-5.3125,4.5625a1.23301,1.23301 0 0 0 -0.34375,0.53125l-5.3125,14.875a1.23301,1.23301 0 0 0 0.28125,1.28125l4.0625,4.0625a1.23301,1.23301 0 0 0 0.875,0.34375l16.40625,0a1.23301,1.23301 0 0 0 0.875,-0.34375l4.28125,-4.3125a1.23301,1.23301 0 0 0 0.3125,-0.53125l4.5625,-15.65625a1.23301,1.23301 0 0 0 -0.3125,-1.21875l-3.53125,-3.53125a1.23301,1.23301 0 0 0 -0.875,-0.34375l-15.15625,0a1.23301,1.23301 0 0 0 -0.25,0zm-30.0625,41.9375a1.23301,1.23301 0 0 0 -0.9375,0.90625l-2.03125,8.0625a1.23301,1.23301 0 0 0 1.1875,1.53125l9.65625,0l-23.9375,68.34375a1.23301,1.23301 0 0 0 1.15625,1.625l34.84375,0a1.23301,1.23301 0 0 0 1.1875,-0.84375l2.28125,-7.34375a1.23301,1.23301 0 0 0 -1.1875,-1.59375l-7.875,0l23.6875,-69.0625a1.23301,1.23301 0 0 0 -1.15625,-1.625l-36.625,0a1.23301,1.23301 0 0 0 -0.25,0zm110.875,0.25a1.23301,1.23301 0 0 0 -0.6875,0.40625l-7.25,8.1875l-11.53125,0l-7.6875,-7.96875a1.23301,1.23301 0 0 0 -0.875,-0.375l-27.53125,0a1.23301,1.23301 0 0 0 -1.15625,0.8125l-2.53125,7.5625a1.23301,1.23301 0 0 0 1.15625,1.625l7.375,0l-22.9375,67.59375a1.23301,1.23301 0 0 0 1.15625,1.625l29.3125,0a1.23301,1.23301 0 0 0 1.15625,-0.8125l2.25,-6.59375a1.23301,1.23301 0 0 0 -1.15625,-1.625l-5.125,0l14.625,-46.03125l26.46875,0l-16.6875,53.46875a1.23301,1.23301 0 0 0 1.1875,1.59375l28.28125,0a1.23301,1.23301 0 0 0 1.125,-0.75l2.53125,-6.0625a1.23301,1.23301 0 0 0 -1.125,-1.6875l-5.125,0l14.875,-46.8125l25.1875,0l-16.9375,53.71875a1.23301,1.23301 0 0 0 1.1875,1.59375l31.0625,0a1.23301,1.23301 0 0 0 1.15625,-0.78125l2.53125,-6.59375a1.23301,1.23301 0 0 0 -1.15625,-1.65625l-6.15625,0l18.71875,-60.78125a1.23301,1.23301 0 0 0 -0.1875,-1.125l-5.8125,-7.8125a1.23301,1.23301 0 0 0 -1,-0.46875l-22.21875,0a1.23301,1.23301 0 0 0 -0.90625,0.375l-7,7.6875l-12.25,0l-7.25,-7.9375a1.23301,1.23301 0 0 0 -0.90625,-0.375l-17.90625,0a1.23301,1.23301 0 0 0 -0.25,0z\" fill=\"#cccccc\" id=\"path3671\" stroke=\"#000000\" strokeMiterlimit=\"10\" strokeWidth=\"8\"/>\r\n            <path d=\"m416.69624,448.190377l-5.3125,4.5625l-5.3125,14.875l4.0625,4.0625l16.40625,0l4.28125,-4.3125l4.5625,-15.65625l-3.53125,-3.53125l-15.15625,0zm-30.0625,41.9375l-2.03125,8.0625l11.375,0l-24.5,69.96875l34.84375,0l2.28125,-7.34375l-9.59375,0l24.25,-70.6875l-36.625,0zm110.875,0.25l-7.59375,8.59375l-12.625,0l-8.0625,-8.34375l-27.53125,0l-2.53125,7.5625l9.09375,0l-23.5,69.21875l29.3125,0l2.25,-6.59375l-6.8125,0l15.40625,-48.46875l29.0625,0l-17.1875,55.0625l28.28125,0l2.53125,-6.0625l-6.8125,0l15.65625,-49.25l27.78125,0l-17.4375,55.3125l31.0625,0l2.53125,-6.59375l-7.84375,0l19.21875,-62.375l-5.8125,-7.8125l-22.21875,0l-7.34375,8.0625l-13.375,0l-7.59375,-8.3125l-17.90625,0z\" fill=\"#cccccc\" id=\"path3665\" stroke=\"#000000\" strokeMiterlimit=\"10\"/>\r\n          </g>\r\n        </g>\r\n        <text fill=\"#019833\" fontFamily=\"serif\" fontSize=\"32\" fontWeight=\"750\"\r\n              stroke=\"#000000\" strokeWidth=\"0\"\r\n              transform=\"matrix(1 0 -.3 1 88 67.5)\">inator</text>\r\n      </svg>\r\n  );\r\n}\r\n\r\nexport default VimLogo;\r\n","import \"./Banner.css\"\r\n\r\nimport VimLogo from \"./VimLogo\";\r\nimport { useContext, memo } from \"react\";\r\nimport { ThemeContext } from \"./App.js\";\r\n\r\nconst Banner = memo(() => {\r\n  return (\r\n    <div className=\"Banner\">\r\n      <div className=\"logo\">\r\n        <VimLogo theme={useContext(ThemeContext)} />\r\n      </div>\r\n      <h6 className=\"build-it-up\">\r\n        Hone your Vim skills!!!<br />\r\n        Put your muscle memory to good use!!!<br />\r\n        Impress your friends and family!!!\r\n      </h6>\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default Banner;\r\n\r\n","\r\nexport const isLevelComplete = gameInfo => {\r\n  return \"levelCompleteBonus\" in gameInfo.state;\r\n}\r\n\r\nexport const isOutOfKeystrokes = gameInfo => {\r\n  return \"outOfKeystrokes\" in gameInfo.state;\r\n}\r\n\r\nexport const isOutOfTime = gameInfo => {\r\n  return gameInfo.timeLeft === 0;\r\n}\r\n\r\nexport const isGameInProgress = gameInfo => {\r\n  return gameInfo != null\r\n         && !(isLevelComplete(gameInfo) || isOutOfKeystrokes(gameInfo) || isOutOfTime(gameInfo));\r\n}\r\n\r\nexport const isCommandLineInUse = gameInfo => {\r\n  return gameInfo.state.searchString || gameInfo.state.pendingCommandString;\r\n}\r\n\r\nexport const getPersonalHighScoreLevelEntryName = level => {\r\n  return \"personalHighScoreLevel\"+level;\r\n}\r\n\r\nexport const getBestPracticeTimeLevelEntryName = level => {\r\n  return \"bestPracticeTimeLevel\"+level;\r\n}\r\n\r\nexport const getServerName = () => {\r\n  if (isLabEnvironment()) {\r\n    return \"http://localhost:8080\";\r\n  } else {\r\n    return \"https://www.theviminator.com\";\r\n  }\r\n}\r\n\r\nexport const isLabEnvironment = () => {\r\n  return process.env.NODE_ENV === \"development\";\r\n}\r\n","import \"./Row.css\"\r\nimport { ThemeContext } from \"./App.js\";\r\nimport { useContext, useRef } from \"react\";\r\nimport { isGameInProgress } from \"./utils\";\r\nimport Tooltip from 'react-bootstrap/Tooltip';\r\nimport OverlayTrigger from 'react-bootstrap/OverlayTrigger' // ?? https://react-bootstrap.github.io/components/overlays/ ??\r\n\r\n// Currently not using memo() VVVV so tooltip disappears immediately if, e.g., Credits overlay is on\r\nconst Row = ({rowText, rowIndex, gameInfo, useRelativeLineNumbers, saidGo}) => {\r\n  let rangeIndex = 0;\r\n  let classForCharacter = [];\r\n  const theme = useContext(ThemeContext);\r\n  const getMoveHereTooltip = (suggestions) => {\r\n    return <Tooltip className={\"tooltip \"+theme}>\r\n                    Use Vim motion commands to move the cursor to the highlighted characters.<br />\r\n                    Try using one of the following: {suggestions}</Tooltip>;\r\n  };\r\n  const getInTargetTooltip = (suggestions) => {\r\n    return <Tooltip className={\"tooltip \"+theme}>\r\n                    You're in range!<br />Now delete the highlighted characters.&nbsp;\r\n                    {suggestions}</Tooltip>;\r\n  };\r\n  const THE_CURSOR_INSIDE_TARGET = \"the-cursor-inside-target\";\r\n  const RANGE_HAS_CURSOR = \" range-has-cursor\";\r\n  const cursorRow = gameInfo.state.cursorCoords[0];\r\n  let tooltipSuggestions = \"\";\r\n  if (saidGo) {\r\n    const pushRange = (range, isCursorInRange) => {\r\n      const {startCol, endCol, type} = range;\r\n      classForCharacter.push({startCol, endCol, className: type.toLowerCase(), isCursorInRange});\r\n    }\r\n    const characterRanges = gameInfo.state.characterRanges;\r\n    const searchRanges = characterRanges.filter(({row, type}) =>\r\n                                                      row === rowIndex && type === \"SEARCH\");\r\n    if (searchRanges.length > 0) {\r\n      const ONE_SEARCH_PER_ROW = 0; // For now, only 1 search range per line\r\n      pushRange(searchRanges.at(ONE_SEARCH_PER_ROW), false);\r\n    }\r\n    const searchActive = characterRanges.some(({type}) => type === \"SEARCH\");\r\n    const targetRanges = characterRanges.filter(({row, type}) =>\r\n                                                      row === rowIndex && type === \"TARGET\");\r\n    let cursorPushed = false;\r\n    const cursorCol = gameInfo.state.cursorCoords[1];\r\n    let cursorIsInRange = false;\r\n    if (targetRanges.length > 0) {\r\n      const ONE_TARGET_PER_ROW = 0; // For now, only 1 selection range per line\r\n      const targetRange = targetRanges.at(ONE_TARGET_PER_ROW);\r\n      if (targetRange.tooltipSuggestions) {\r\n        tooltipSuggestions = targetRange.tooltipSuggestions;\r\n        // Un-resolved mystery. Originally, we tried adding the \"tooltipSuggestions\" property only\r\n        // to the affected range and deleting it below. For some reason, that stopped the tooltip\r\n        // from showing. Even though it shouldn't affect tooltips, enabling the following line\r\n        // causes the tip to not show.\r\n        //delete targetRange.tooltipSuggestions;\r\n        // Enabling VVVV after enabling ^^^^ causes things to work again.\r\n        //targetRange.tooltipSuggestions = tooltipSuggestions;\r\n      }\r\n      if (cursorRow === rowIndex\r\n          && cursorCol >= targetRange.startCol\r\n          && cursorCol < targetRange.endCol\r\n          && !searchActive) {\r\n        classForCharacter.push({startCol: cursorCol, endCol: cursorCol+1,\r\n                                className: THE_CURSOR_INSIDE_TARGET});\r\n        cursorIsInRange = true;\r\n        cursorPushed = true;\r\n      }\r\n      pushRange(targetRange, cursorIsInRange);\r\n    }\r\n    if (!cursorPushed && cursorRow === rowIndex && !searchActive) {\r\n      classForCharacter.push({startCol: cursorCol, endCol: cursorCol+1, className: \"cursor\"});\r\n      if (!rowText) {\r\n        rowText = \" \";\r\n      }\r\n    }\r\n  }\r\n  let rowDisplay = [];\r\n  let tooltipDisplayPending = [];\r\n  let currentClass = \"\";\r\n  let currentAdditionalClass = \"\";\r\n  let additionalClass;\r\n  let rangeJumpOut = null;\r\n  let currentRangeJumpOut;\r\n  let currentPartText = \"\";\r\n  let cursorIsInsideTarget = false;\r\n  const pushCurrentPart = () => {\r\n    if (currentClass === THE_CURSOR_INSIDE_TARGET) {\r\n      cursorIsInsideTarget = true;\r\n    }\r\n    const usingTooltip = currentClass.includes(\"target\") && tooltipSuggestions;\r\n    const display = <span className={currentClass+\" \"+theme+currentAdditionalClass}\r\n                          key={rangeIndex++}>\r\n                      {currentPartText}\r\n                    </span>;\r\n    if (usingTooltip) {\r\n      tooltipDisplayPending.push(display);\r\n    } else {\r\n      flushTooltipDisplayPending();\r\n      rowDisplay.push(display);\r\n    }\r\n  }\r\n  const flushTooltipDisplayPending = () => {\r\n    if (tooltipDisplayPending.length) {\r\n      rowDisplay.push(\r\n                  <OverlayTrigger\r\n                    trigger=\"auto\"\r\n                    show={true}\r\n                    key={rangeIndex++}\r\n                    placement={gameInfo.state.cursorCoords[0] <= rowIndex ? \"bottom\" : \"top\"}\r\n                    overlay={cursorIsInsideTarget ? getInTargetTooltip(tooltipSuggestions)\r\n                                                  : getMoveHereTooltip(tooltipSuggestions)}>\r\n                    <span>\r\n                      {tooltipDisplayPending}\r\n                    </span>\r\n                  </OverlayTrigger>);\r\n      tooltipDisplayPending = [];\r\n    }\r\n  }\r\n  [...rowText].forEach ((character, index) => {\r\n    let characterClass = \"\";\r\n    additionalClass = \"\";\r\n    classForCharacter.every (entry => {\r\n      if (index >= entry.startCol && index < entry.endCol) {\r\n        characterClass = entry.className;\r\n        if (entry.isCursorInRange) {\r\n          additionalClass = RANGE_HAS_CURSOR;\r\n        }\r\n        if (character === \" \") {\r\n          characterClass += \" space\";\r\n        }\r\n        return false;\r\n      }\r\n      return true;\r\n    });\r\n    if (characterClass !== currentClass) {\r\n      if (currentPartText) {\r\n        pushCurrentPart();\r\n        currentPartText = \"\";\r\n      }\r\n      currentClass = characterClass;\r\n      currentAdditionalClass = additionalClass;\r\n      currentRangeJumpOut = rangeJumpOut;\r\n      rangeJumpOut = false;\r\n    }\r\n    currentPartText += character;\r\n  });\r\n  if (currentPartText) {\r\n    pushCurrentPart();\r\n    flushTooltipDisplayPending();\r\n  }\r\n\r\n  const lineNumber = <span className={\"line-number \"+useContext(ThemeContext)}\r\n                           key={rangeIndex++}>\r\n                       {useRelativeLineNumbers ? Math.abs(rowIndex-cursorRow) : rowIndex+1}\r\n                     </span>\r\n\r\n  return (\r\n           <div className=\"Row\">\r\n             {lineNumber}\r\n             {rowDisplay}\r\n           </div>\r\n         );\r\n};\r\n\r\nexport default Row;\r\n","import \"./CommandLine.css\";\r\nimport { useContext, memo } from \"react\";\r\nimport { ThemeContext } from \"./App.js\";\r\n\r\nconst CommandLine = memo(({gameIsInProgress, leftMessage, rightMessage,\r\n                           alertMessage, giveSuggestion}) => {\r\n  const isRightMessageFindOrTill = () => {\r\n    if (rightMessage) {\r\n      const firstCharUpper = rightMessage.substring(0 ,1).toUpperCase();\r\n      return firstCharUpper === \"F\" || firstCharUpper === \"T\";\r\n    }\r\n    return false;\r\n  }\r\n  return (\r\n          <div className={`CommandLine text-monospace ${!gameIsInProgress\r\n                                     || (leftMessage === undefined && rightMessage === undefined) ?\r\n                                                  \"command-line-inactive\" : \"command-line-active\"}\r\n                           ${useContext(ThemeContext)}`}>\r\n            {gameIsInProgress &&\r\n              <>\r\n                <span className=\"left-message\">{leftMessage}</span>\r\n                { !giveSuggestion || !leftMessage ||\r\n                     <span className=\"command-line-suggestion command-line-suggestion-left\"\r\n                           style={{fontSize: leftMessage.length > 12 ? \"80%\" : \"100%\"}}>\r\n                        <svg aria-hidden=\"true\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\" style={{paddingRight: \"2px\"}}>\r\n                          <path fill=\"currentColor\" d=\"M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z\"></path>\r\n                        </svg>\r\n                        Enter your search string or press \"Esc\"\r\n                     </span>\r\n                }\r\n                <span className=\"right-message\">{rightMessage}</span>\r\n                { !giveSuggestion || !rightMessage ||\r\n                     <span className=\"command-line-suggestion command-line-suggestion-right\">\r\n                     { isRightMessageFindOrTill() ? `Enter target character or press \"Esc\"`\r\n                                                  : `Enter a command or press \"Esc\"`}\r\n                        <svg aria-hidden=\"true\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\" style={{paddingLeft: \"2px\"}}>\r\n                          <path fill=\"currentColor\" d=\"M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z\"></path>\r\n                        </svg>\r\n                     </span>\r\n                }\r\n                <span className=\"alert-message\">{alertMessage}</span>\r\n              </>\r\n            }\r\n          </div>\r\n         );\r\n});\r\n\r\nexport default CommandLine;\r\n","import \"./FinalScore.css\";\r\n\r\nconst FinalScore = ({score}) => {\r\n  return (\r\n      <div className=\"final-score\">Final score: {score}</div>\r\n  );\r\n}\r\n\r\nexport default FinalScore;\r\n","export default __webpack_public_path__ + \"static/media/celebrate1.8ac3409d.gif\";","import Row from \"./Row\" ;\r\nimport CommandLine from \"./CommandLine\";\r\nimport FinalScore from \"./FinalScore\";\r\nimport \"./Board.css\";\r\nimport { useContext, memo } from \"react\";\r\nimport { ThemeContext } from \"./App.js\";\r\nimport { isLevelComplete, isOutOfKeystrokes, isOutOfTime,\r\n         isGameInProgress, isCommandLineInUse } from \"./utils\";\r\n\r\nimport celebrate1 from \"./celebrate1.gif\";\r\n\r\nconst Board = memo(({gameInfo, useRelativeLineNumbers,\r\n                     startGameCountdown, saidGo, makeSuggestion}) => {\r\n  let theBoard = [];\r\n  let additionalClass;\r\n  let giveCommandLineSuggestion = false;\r\n  const theme = useContext(ThemeContext);\r\n  if (makeSuggestion) {\r\n    if (isCommandLineInUse(gameInfo)) {\r\n      giveCommandLineSuggestion = true;\r\n    } else {\r\n      setTooltipTarget(gameInfo);\r\n    }\r\n  } else if (gameInfo) {\r\n    clearTooltipTarget(gameInfo);\r\n  }\r\n  if (gameInfo === null) {\r\n    additionalClass=\"board-idle\";\r\n    theBoard.push(<section key={theBoard.length}>\r\n                <div className=\"viminate-definition\">Viminate&nbsp;&nbsp;<i>(verb)</i>&nbsp;\r\n                                                     /vimˈəˌnāt/&nbsp;&nbsp;\r\n                                                     to completely remove or get rid of (something)\r\n                                                     using the power of Vim.</div>\r\n                  <h3 className=\"instructions-header\">Instructions</h3>\r\n                  <ul className=\"instructions\">\r\n                  <li>Your goal is to Viminate all characters in the window</li>\r\n                  <li>You can only Viminate highlighted letters and punctuation</li>\r\n                  <li>Use only Vim motion and delete commands (no mice!)</li>\r\n                  <li>Keystrokes are limited...use them wisely</li>\r\n                  <li>The clock will be ticking, so time is of the essence</li>\r\n                  <li>Keystrokes Left+Viminations+Time Left = Total Score</li>\r\n                  <li>Bonus points awarded for completing the level</li>\r\n                </ul>\r\n               </section>);\r\n  } else if (isLevelComplete(gameInfo)) {\r\n    additionalClass=\"board-level-complete \"+theme;\r\n    theBoard.push(<span key={theBoard.length}>\r\n                    <div className=\"board-level-complete-text\">Level<br />Complete!\r\n                      {gameInfo.practiceGame || \r\n                        <>\r\n                          <div className=\"board-level-complete-bonus-points\">\r\n                            {gameInfo.state.levelCompleteBonus} Bonus Points\r\n                          </div>\r\n                          <FinalScore score={gameInfo.state.finalScore} />\r\n                        </>\r\n                      }\r\n                    </div>\r\n                    {/* Adding Date to GIF request so Chrome won't use cached copy.\r\n                        Otherwise it won't replay the animation after the 1st victory.\r\n                        Also, leave \"alt\" blank, as it's briefly displayed before animation. */}\r\n                    <img className=\"board-level-complete-fireworks\" alt=\"\"\r\n                         src={celebrate1+\"?=\"+Date.now()} />\r\n                  </span>);\r\n  } else {\r\n    if (startGameCountdown) {\r\n      switch (startGameCountdown) {\r\n        // Using a switch so the CSS \"animation\" is triggered for every change\r\n        case 1:\r\n          theBoard.push(<div key={99999} className=\"count-down\">1</div>);\r\n          break;\r\n        case 2:\r\n          theBoard.push(<div key={99998} className=\"count-down\">2</div>);\r\n          break;\r\n        case 3:\r\n        default:\r\n          theBoard.push(<div key={99997} className=\"count-down\">3</div>);\r\n          break;\r\n      }\r\n    } else if (!saidGo) {\r\n      theBoard.push(<div key={99990} className=\"count-down\">Go!</div>);\r\n    }\r\n    theBoard.push(<div key={theBoard.length}>\r\n                    <div className={`the-targets text-monospace \\\r\n                                   ${saidGo ? \"\" : \"start-game-countdown-active\"} \\\r\n                                   ${isOutOfTime(gameInfo) || isOutOfKeystrokes(gameInfo)\r\n                                                         ? \"board-level-over\" : \"board-in-play\"}`}>\r\n                       {/* Focused input field prevents browser extensions (e.g., Vimium)\r\n                           from intercepting keystroke */}\r\n                       {!saidGo || <input type=\"text\" onBlur={(e)=>e.target.focus()}\r\n                                          autoFocus={true} className=\"always-in-focus-input\" />}\r\n                       { gameInfo.board.rows.map((contents, i) =>\r\n                                          <Row rowText={contents} rowIndex={i} gameInfo={gameInfo}\r\n                                               useRelativeLineNumbers={useRelativeLineNumbers}\r\n                                               saidGo={saidGo}\r\n                                               key={i}/>) }\r\n                    </div>\r\n                  </div>);\r\n  }\r\n  if (gameInfo !== null && gameInfo.state.finalScore !== undefined) {\r\n    if (isOutOfTime(gameInfo)) {\r\n      theBoard.push(<section className=\"level-over-text\" key={theBoard.length}>\r\n                      <div>Time’s Up!</div>\r\n                      {gameInfo.practiceGame || <FinalScore score={gameInfo.state.finalScore} />}\r\n                    </section>);\r\n    } else if (isOutOfKeystrokes(gameInfo)) {\r\n      theBoard.push(<section className=\"level-over-text\" key={theBoard.length}>\r\n                      <div>Out Of Keystrokes!</div>\r\n                      <FinalScore score={gameInfo.state.finalScore} />\r\n                    </section>);\r\n    }\r\n  }\r\n  return (\r\n      <div className=\"Board\">\r\n        <div className=\"board-holder\">\r\n          <div className={\"board-display \"+theme+(additionalClass ? \" \"+additionalClass : \"\")}>\r\n            {theBoard}\r\n          </div>\r\n          {gameInfo && <CommandLine gameIsInProgress={isGameInProgress(gameInfo)}\r\n                                    giveSuggestion={giveCommandLineSuggestion}\r\n                                    leftMessage={gameInfo.state.searchString}\r\n                                    rightMessage={gameInfo.state.pendingCommandString}\r\n                                    alertMessage={gameInfo.state.viminatedNonHighlightedCharacter ?\r\n                                        \"You can only Viminate highlighted characters!\" : null} />}\r\n        </div>\r\n      </div>\r\n  );\r\n});\r\n\r\nconst setTooltipTarget = (gameInfo) => {\r\n  const targetRanges = gameInfo.state.characterRanges.filter(({type}) => type === \"TARGET\");\r\n  let closestDistance = Number.MAX_VALUE;\r\n  const cursorRow = gameInfo.state.cursorCoords[0];\r\n  const cursorCol = gameInfo.state.cursorCoords[1];\r\n  let tooltipTargetIndex;\r\n  targetRanges.forEach ((entry, index) => {\r\n    entry.tooltipSuggestions = \"\";\r\n    const colDistance = getColDistance(entry, cursorCol, gameInfo.board.rows[cursorRow]);\r\n    const rowDistance = getRowDistance(entry, cursorRow);\r\n    const distance = colDistance + rowDistance;\r\n    if (distance < closestDistance) {\r\n      closestDistance = distance;\r\n      tooltipTargetIndex = index;\r\n    }\r\n  });\r\n  setSuggestions(targetRanges[tooltipTargetIndex], cursorRow, cursorCol, gameInfo);\r\n}\r\nconst clearTooltipTarget = (gameInfo) => {\r\n  const targetRanges = gameInfo.state.characterRanges.filter(({type}) => type === \"TARGET\");\r\n  targetRanges.forEach ((entry, index) => {\r\n    entry.tooltipSuggestions = \"\";\r\n  });\r\n}\r\nconst getColDistance = (targetRange, cursorCol, currentRowText) => {\r\n  let charactersBetween;\r\n  if (targetRange.startCol > cursorCol) {\r\n    charactersBetween = currentRowText.substring(cursorCol, targetRange.startCol);\r\n  } else  if (targetRange.endCol < cursorCol) {\r\n    charactersBetween = currentRowText.substring(targetRange.startCol, cursorCol);\r\n  } else {\r\n    return 0;\r\n  }\r\n  return (charactersBetween.match(/\\s+/g) || []).length;\r\n}\r\nconst getRowDistance = (targetRange, cursorRow) => {\r\n  return Math.abs(targetRange.row - cursorRow);\r\n}\r\n\r\nconst setSuggestions = (targetRange, cursorRow, cursorCol, gameInfo) => {\r\n  if (targetRange.row === cursorRow) {\r\n    if (cursorCol >= targetRange.startCol && cursorCol < targetRange.endCol) {\r\n      return setDeleteSuggestions(targetRange, cursorCol, gameInfo);\r\n    }\r\n  }\r\n  return setMovementSuggestions(targetRange, cursorRow, cursorCol, gameInfo);\r\n}\r\n\r\nconst buildSuggestions = (...newSuggestions) => {\r\n  let result = \"\";\r\n  for (const suggestion of newSuggestions) {\r\n    result += \"   \"+suggestion;\r\n  }\r\n  return result;\r\n}\r\n\r\nconst setMovementSuggestions = (targetRange, cursorRow, cursorCol, gameInfo) => {\r\n  const currentRowText = gameInfo.board.rows[targetRange.row];\r\n  const targetHasPunctuation = /[^a-zA-Z0-9]/.test(\r\n                            currentRowText.substring(targetRange.startCol, targetRange.endCol));\r\n  let trimmedTargetStartCol = targetRange.startCol;\r\n  let trimmedTargetEndCol = targetRange.endCol;\r\n  const trimmedRowText = currentRowText.replace(/^\\s+/, (match, offset, string) => {\r\n                                                    const leadingSpacesCount = match.length;\r\n                                                    trimmedTargetStartCol -= leadingSpacesCount;\r\n                                                    trimmedTargetEndCol -= leadingSpacesCount;\r\n                                                    return \"\";\r\n                                                  }).replace(/\\s+$/, \"\");\r\n  let suggestion = \"\";\r\n  if (cursorRow === targetRange.row) {\r\n    if (!targetRange.startCol) {\r\n      suggestion += buildSuggestions(\"0\",\"^\");\r\n    }\r\n    if (targetRange.endCol === currentRowText.length) {\r\n      suggestion += buildSuggestions(\"$\");\r\n    }\r\n    if (cursorCol < targetRange.startCol) {\r\n      if (targetRange.endCol !== currentRowText.length\r\n          && trimmedTargetEndCol === trimmedRowText.length) {\r\n        suggestion += buildSuggestions(\"g_\");\r\n      }\r\n      suggestion += buildSuggestions(\"w\",\"f\",\"l\",\"/\");\r\n    } else {\r\n      if (targetRange.startCol && !trimmedTargetStartCol) {\r\n        suggestion += buildSuggestions(\"^\");\r\n      }\r\n      suggestion += buildSuggestions(targetHasPunctuation ? \"B\" : \"b\",\"F\",\"h\",\"?\");\r\n    }\r\n  } else {\r\n    if (!targetRange.row && cursorRow > 1) {\r\n      suggestion += buildSuggestions(\"gg\");\r\n    } else {\r\n      const currentRowCount = gameInfo.board.rows.length;\r\n      if (targetRange.row === currentRowCount-1 && cursorRow < targetRange.row-1) {\r\n        suggestion += buildSuggestions(\"G\");\r\n      } else if (Math.abs(cursorRow - targetRange.row) > (targetRange.row >= 9 ? 3 : 2)) {\r\n        suggestion += buildSuggestions((targetRange.row+1)+\"G\");\r\n      }\r\n    }\r\n    if (cursorRow < targetRange.row) {\r\n      suggestion += buildSuggestions(\"j\");\r\n    } else {\r\n      suggestion += buildSuggestions(\"k\");\r\n    }\r\n    if (cursorCol < targetRange.startCol) {\r\n      suggestion += buildSuggestions(\"w\",\"l\");\r\n    } else if (cursorCol >= targetRange.endCol) {\r\n      suggestion += buildSuggestions(\"b\",\"h\");\r\n    }\r\n    if (cursorRow < targetRange.row) {\r\n      suggestion += buildSuggestions(\"/\");\r\n    } else if (cursorRow >= targetRange.row) {\r\n      suggestion += buildSuggestions(\"?\");\r\n    }\r\n  }\r\n  targetRange.tooltipSuggestions = <>\r\n                                     <span className=\"suggestion\">{suggestion}</span><br />\r\n                                     <span className=\"suggestion-case-matters\">(command’s case matters)</span>\r\n                                   </>;\r\n}\r\n\r\nconst setDeleteSuggestions = (targetRange, cursorCol, gameInfo) => {\r\n  if (gameInfo.board.level > 0) {\r\n    targetRange.tooltipSuggestions = \"   Try using d{motion} or [count]x\";\r\n    return;\r\n  }\r\n  let targetStartCol = targetRange.startCol;\r\n  let targetEndCol = targetRange.endCol;\r\n  const trimmedRowText = gameInfo.board.rows[targetRange.row].replace(/^\\s+/,\r\n                                                  (match, offset, string) => {\r\n                                                    const leadingSpacesCount = match.length;\r\n                                                    cursorCol -= leadingSpacesCount;\r\n                                                    targetStartCol -= leadingSpacesCount;\r\n                                                    targetEndCol -= leadingSpacesCount;\r\n                                                    return \"\";\r\n                                                  }).replace(/\\s+$/, \"\");\r\n  const targetHasPunctuation = /[^a-zA-Z0-9]/.test(\r\n                                          trimmedRowText.substring(targetStartCol, targetEndCol));\r\n  let suggestion = \"\";\r\n  if (!/[\\s]/.test(trimmedRowText)) {\r\n    suggestion += buildSuggestions(\"dd\");\r\n  }\r\n  if (targetStartCol === cursorCol) {\r\n    if (targetEndCol === trimmedRowText.length) {\r\n      suggestion += buildSuggestions(\"D\");\r\n    }\r\n    const isLastCharacterBeforeAWord = cursorCol !== trimmedRowText.length\r\n                                       && trimmedRowText.charAt(cursorCol+1) === ' ';\r\n    if (targetHasPunctuation) {\r\n      suggestion += buildSuggestions(\"dW\");\r\n      if (!isLastCharacterBeforeAWord) {\r\n        suggestion += buildSuggestions(\"dE\");\r\n      }\r\n    } else {\r\n      suggestion += buildSuggestions(\"dw\");\r\n      if (!isLastCharacterBeforeAWord) {\r\n        suggestion += buildSuggestions(\"de\");\r\n      }\r\n    }\r\n  } else if (targetEndCol-1 === cursorCol) {\r\n    const isFirstCharacterAfterAWord = cursorCol && trimmedRowText.charAt(cursorCol-1) === ' ';\r\n    if (targetHasPunctuation) {\r\n      suggestion += buildSuggestions(\"diW\");\r\n      if (!isFirstCharacterAfterAWord) {\r\n        suggestion += buildSuggestions(\"dB\");\r\n      }\r\n    } else {\r\n      suggestion += buildSuggestions(\"diw\");\r\n      if (!isFirstCharacterAfterAWord) {\r\n        suggestion += buildSuggestions(\"db\");\r\n      }\r\n    }\r\n    if (!targetStartCol) {\r\n      suggestion += buildSuggestions(\"d0 \",\"^\");\r\n    }\r\n  } else {\r\n    if (targetHasPunctuation) {\r\n      suggestion += buildSuggestions(\"diW\");\r\n    } else {\r\n      suggestion += buildSuggestions(\"diw\");\r\n    }\r\n  }\r\n  suggestion += buildSuggestions(\"x\");\r\n  targetRange.tooltipSuggestions = <>\r\n                                     <span>Try one of these:</span><br />\r\n                                     <span className=\"suggestion\">{suggestion}</span><br />\r\n                                     <span className=\"suggestion-case-matters\">(command’s case matters)</span>\r\n                                   </>;\r\n}\r\n\r\nexport default Board;\r\n","import \"./StartButton.css\"\r\nimport Dropdown from \"react-bootstrap/Dropdown\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport ButtonGroup from \"react-bootstrap/ButtonGroup\";\r\nimport { isGameInProgress } from \"./utils\";\r\nimport { ThemeContext } from \"./App.js\";\r\nimport { useContext } from \"react\";\r\n\r\nlet currentlyPlayingLevel = 0;\r\n\r\nconst StartButton = ({gameInfo, startGame, inMaintenance, newGameStartFailure,\r\n                      selectedLevel, setSelectedLevel,\r\n                      practiceMode, togglePracticeMode, disabled}) => {\r\n\r\n  const beginLevel = (evt) => {\r\n    evt.currentTarget.blur();\r\n    currentlyPlayingLevel = selectedLevel;\r\n    startGame(selectedLevel);\r\n  }\r\n\r\n  const levelSelected = (evt, newSelectedLevel) => {\r\n    evt.currentTarget.blur();\r\n    setSelectedLevel(newSelectedLevel);\r\n  }\r\n\r\n  const theme = useContext(ThemeContext);\r\n  let buttonText;\r\n  if (inMaintenance) {\r\n    buttonText = (\r\n      <>\r\n        In Maintenance - Back Soon!\r\n      </>\r\n    );\r\n  } else if (newGameStartFailure) {\r\n    buttonText = (\r\n      <>\r\n        {newGameStartFailure}\r\n      </>\r\n    );\r\n  } else {\r\n    buttonText = (\r\n      <>\r\n        {(isGameInProgress(gameInfo) && currentlyPlayingLevel === selectedLevel\r\n                                                ? \"Restart\" : \"Play\")+` Level ${selectedLevel}`}\r\n      </>\r\n    );\r\n  }\r\n  return(\r\n      <>\r\n        <Dropdown className=\"StartButton\" as={ButtonGroup}>\r\n          <Button className=\"start-button\" onClick={(evt) => beginLevel(evt)} tabIndex=\"1\"\r\n                  variant=\"primary\" disabled={disabled}>{buttonText}</Button>\r\n          <Dropdown.Toggle className=\"dropdown-toggle\" split variant=\"primary\"  tabIndex=\"2\"\r\n                                               id=\"dropdown-split-basic\"  disabled={disabled}/>\r\n          <Dropdown.Menu>\r\n            <Dropdown.Item onClick={(evt) => levelSelected(evt, 1)}>Level 1</Dropdown.Item>\r\n            <Dropdown.Item onClick={(evt) => levelSelected(evt, 2)}>Level 2</Dropdown.Item>\r\n            <Dropdown.Item onClick={(evt) => levelSelected(evt, 3)}>Level 3</Dropdown.Item>\r\n          </Dropdown.Menu>\r\n        </Dropdown>\r\n        <div className={\"practice-mode \"+theme}>\r\n          <label>\r\n            <input type=\"checkbox\" checked={practiceMode} className=\"practice-mode-checkbox\"\r\n                   disabled={disabled} onChange={togglePracticeMode} />\r\n                Practice Mode\r\n          </label>\r\n        </div>\r\n      </>\r\n  );\r\n}\r\n\r\nexport default StartButton;\r\n\r\n","import \"./KeystrokeCountDownDisplay.css\";\r\nimport { isGameInProgress } from \"./utils\";\r\n\r\nconst KeystrokeCountDownDisplay = ({keystrokeCountDown, gameInfo, practiceMode}) => {\r\n  let countDown;\r\n  if (isGameInProgress(gameInfo) ? gameInfo.practiceGame : practiceMode) {\r\n    countDown = \" ∞\";\r\n  } else {\r\n    countDown = keystrokeCountDown;\r\n  }\r\n  return (\r\n          <div className={`KeystrokeCountDownDisplay\r\n                           ${keystrokeCountDown <= 10 && isGameInProgress(gameInfo) ?\r\n                                                                        \"almost-out-of\" : \"\"}`}>\r\n            Keystrokes&nbsp;Left:&nbsp;{countDown}\r\n          </div>\r\n         );\r\n}\r\n\r\nexport default KeystrokeCountDownDisplay;\r\n","import \"./ViminationCounter.css\";\r\n\r\nconst ViminationCounter = ({viminationCount}) => {\r\n  return (\r\n          <div className=\"ViminationCounter\">\r\n            Viminations:&nbsp;{viminationCount}\r\n          </div>\r\n         );\r\n}\r\n\r\nexport default ViminationCounter;\r\n","import \"./CountdownTimer.css\";\r\nimport { isGameInProgress } from \"./utils\";\r\n\r\nconst CountdownTimer = ({timeLeft, gameInfo}) => {\r\n  return (\r\n          <div className={`CountdownTimer ${timeLeft <= 10 && isGameInProgress(gameInfo) ?\r\n                                                                    \"almost-out-of\" : \"\"}`}>\r\n            Time&nbsp;Left:&nbsp;{timeLeft}\r\n          </div>\r\n         );\r\n}\r\n\r\nexport default CountdownTimer;\r\n","import \"./ScoreBoard.css\";\r\nimport KeystrokeCountDownDisplay from \"./KeystrokeCountDownDisplay\";\r\nimport ViminationCounter from \"./ViminationCounter\";\r\nimport CountdownTimer from \"./CountdownTimer\";\r\n\r\nconst ScoreBoard = ({gameInfo, practiceMode}) => {\r\n  return (\r\n          <div className=\"ScoreBoard\">\r\n            <div className=\"scoreboard-items\">\r\n              <KeystrokeCountDownDisplay gameInfo={gameInfo} practiceMode={practiceMode}\r\n                              keystrokeCountDown={gameInfo ? gameInfo.keystrokeCountDown : 0} />\r\n              <ViminationCounter viminationCount={gameInfo ? gameInfo.viminationCount : 0} />\r\n              <CountdownTimer gameInfo={gameInfo} timeLeft={gameInfo ? gameInfo.timeLeft : 0} />\r\n            </div>\r\n          </div>\r\n         );\r\n}\r\n\r\nexport default ScoreBoard;\r\n","import \"./GetFeedback.css\"\r\nimport { useContext, useState } from \"react\";\r\nimport { ThemeContext } from \"./App.js\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport useOnclickOutside from \"react-cool-onclickoutside\";\r\nimport CloseButton from \"react-bootstrap/CloseButton\"\r\nimport axios from \"axios\";\r\nimport { getServerName } from \"./utils\";\r\n\r\nconst GetFeedback = ({stopGettingFeedback}) => {\r\n\r\n  const MAX_FEEDBACK_LENGTH = 5000;\r\n\r\n  const onClickOutside = useOnclickOutside(() => stopGettingFeedback());\r\n  const [feedback, setFeedback] = useState(\"\");\r\n  const [emailAddress, setEmailAddress] = useState(\"\");\r\n  const [feedbackSent, setFeedbackSent] = useState(false);\r\n  const theme = useContext(ThemeContext);\r\n\r\n  const sendFeedback = (event) => {\r\n    event.target.disabled = true;\r\n    event.target.textContent = \"Sending Feedback...\";\r\n    axios.post(getServerName()+\"/feedback\", {\r\n      feedback: feedback,\r\n      emailAddress: emailAddress\r\n    })\r\n    .then(function (response) {\r\n      setFeedbackSent(true);\r\n    })\r\n    .catch(function (error) {\r\n      alert(\"Error sending feedback: \"+error);\r\n      event.target.disabled = false;\r\n      event.target.textContent = \"Retry Sending Feedback\";\r\n    });\r\n  }\r\n\r\n  return (\r\n    <div className={\"GetFeedback \"+useContext(ThemeContext)} ref={onClickOutside}>\r\n      <h1 className=\"get-feedback-title\">\r\n        Feedback\r\n      </h1>\r\n      <CloseButton className=\"get-feedback-close-button\" onClick={() => stopGettingFeedback()} />\r\n      {!feedbackSent ?\r\n        <>\r\n          <textarea autoFocus className=\"get-feedback-feedback-field\"\r\n                 placeholder=\"Enter your feedback here\" maxLength={MAX_FEEDBACK_LENGTH}\r\n                 onChange={event => setFeedback(event.target.value)} />\r\n          <div className=\"get-feedback-characters-left\">\r\n            Characters Left: {MAX_FEEDBACK_LENGTH - feedback.length}\r\n          </div>\r\n          <div className=\"get-feedback-email-prompt\">\r\n            Would you like a response?\r\n          </div>\r\n          <input type=\"text\" className=\"get-feedback-email-field\"\r\n                 placeholder=\"Enter you email address (optional)\" maxLength=\"320\"\r\n                 onChange={event => setEmailAddress(event.target.value)} />\r\n          <div className=\"send-feedback\">\r\n            <Button disabled={!feedback.length} className=\"send-feedback-button\"\r\n                    onClick={(event) => sendFeedback(event)}>\r\n              {feedback.length === 0 ? \"Enter Your Feedback\" : \"Send Feedback\"}\r\n            </Button>\r\n          </div>\r\n        </>\r\n      :\r\n        <div className=\"get-feedback-feedback-sent\">\r\n          <div>Your feedback<br />has been sent.</div>\r\n          <div className=\"get-feedback-thank-you\">Thank you!</div>\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default GetFeedback;\r\n","import \"./Settings.css\"\r\nimport useOnclickOutside from \"react-cool-onclickoutside\";\r\nimport CloseButton from \"react-bootstrap/CloseButton\"\r\n\r\nconst Settings = ({stopShowingSettings, useRelativeLineNumbers, toggleUseRelativeLineNumbers,\r\n                   darkMode, toggleDarkMode, suggestionDelay, setSuggestionDelay }) => {\r\n  const ref = useOnclickOutside(() => stopShowingSettings());\r\n  return (\r\n    <div className=\"Settings\" ref={ref}>\r\n      <h1 className=\"settings-title\">\r\n        Settings\r\n      </h1>\r\n      <CloseButton className=\"settings-close-button\" onClick={() => stopShowingSettings()} />\r\n      <div>\r\n      <div>\r\n        <input type=\"checkbox\" checked={useRelativeLineNumbers} id=\"useRelativeLineNumbers\"\r\n                               onChange={toggleUseRelativeLineNumbers} />\r\n        <label htmlFor=\"useRelativeLineNumbers\">Use Relative Line Numbers</label>\r\n      </div>\r\n        <input type=\"checkbox\" checked={darkMode} id=\"darkMode\"\r\n                               onChange={toggleDarkMode} />\r\n        <label htmlFor=\"darkMode\">Dark Mode</label>\r\n      </div>\r\n      <div>\r\n        <input className=\"suggestion-delay\" type=\"number\" id=\"suggestionDelay\"\r\n               value={suggestionDelay} min=\"0\" max=\"999\" step=\"1\"\r\n               onChange={e => setSuggestionDelay(e.target.value)} />\r\n        <label htmlFor=\"suggestionDelay\">Show Tips Delay (in seconds)</label>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Settings;\r\n","import \"./Credits.css\"\r\nimport useOnclickOutside from \"react-cool-onclickoutside\";\r\nimport CloseButton from 'react-bootstrap/CloseButton'\r\n\r\nconst Credits = ({stopShowingCredits}) => {\r\n\r\n  const ref = useOnclickOutside(() => stopShowingCredits());\r\n\r\n  return (\r\n    <div className=\"Credits\" ref={ref}>\r\n      <h1 className=\"credits-title\">\r\n        Credits\r\n      </h1>\r\n      <CloseButton className=\"credits-close-button\" onClick={() => stopShowingCredits()} />\r\n      <section className=\"credit\">\r\n        Thank you to Bram Moolenaar and the entire Vim development team for bringing us Vim.&nbsp;\r\n        Support Bram’s favorite charity:&nbsp;\r\n        <i>\r\n          <a href=\"http://iccf-holland.org/\">\r\n            Click here \r\n          </a>\r\n          &nbsp;to help poor children in Uganda!\r\n        </i>\r\n      </section>\r\n      <section className=\"credit\">\r\n        Thank you to everyone on the Neovim team for exposing their powerful API.&nbsp;\r\n        We use Neovim “under the hood” for this website.\r\n      </section>\r\n      <section className=\"credit\">\r\n        And thanks to Ensar Sarajčić, the creator and maintainer of neovim-java,\r\n        which connects our Java code to Neovim.\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Credits;\r\n","import \"./InMaintenance.css\"\r\nimport useOnclickOutside from \"react-cool-onclickoutside\";\r\nimport CloseButton from 'react-bootstrap/CloseButton'\r\n\r\nconst InMaintenance = ({stopShowingInMaintenance}) => {\r\n\r\n  const ref = useOnclickOutside(() => stopShowingInMaintenance());\r\n\r\n  return (\r\n    <div className=\"InMaintenance\" ref={ref}>\r\n      <h1 className=\"in-maintenance-title\">\r\n        In Maintenance\r\n      </h1>\r\n      <CloseButton className=\"in-maintenance-close-button\" onClick={() => stopShowingInMaintenance()} />\r\n      <section className=\"in-maintenance-message\">\r\n        <div>The Viminator is currently down for maintenance.</div>\r\n        <div>It should be back up within a few minutes.</div>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default InMaintenance;\r\n","import \"./NewGameStartFailure.css\"\r\nimport useOnclickOutside from \"react-cool-onclickoutside\";\r\nimport CloseButton from 'react-bootstrap/CloseButton'\r\n\r\nconst NewGameStartFailure = ({newGameStartFailure, stopShowingNewGameStartFailure}) => {\r\n\r\n  const ref = useOnclickOutside(() => stopShowingNewGameStartFailure());\r\n\r\n  return (\r\n    <div className=\"NewGameStartFailure\" ref={ref}>\r\n      <h1 className=\"new-game-start-failure-message-title\">\r\n        Unable To Start A New Game\r\n      </h1>\r\n      <CloseButton className=\"new-game-start-failure-message-close-button\"\r\n                                                onClick={() => stopShowingNewGameStartFailure()} />\r\n      <section className=\"new-game-start-failure-message\">\r\n        <div>{newGameStartFailure}</div>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default NewGameStartFailure;\r\n","import styles from \"./HighScores.module.css\";\r\nimport { useEffect, useContext, memo } from \"react\";\r\nimport { ThemeContext } from \"./App.js\";\r\nimport axios from \"axios\";\r\nimport { getServerName } from \"./utils\";\r\n\r\n//let counter = 0;\r\n\r\nconst HighScores = memo(({selectedLevel, highScores, showPractice, currentLevelPersonalHighScore,\r\n                          currentLevelBestPracticeTime, setHighScores, setInMaintenance}) => {\r\n// Explain: Why does \"counter\" get inc'd 2x when it should only inc by 1? Even stranger, the below\r\n// \"alert()\" is called for every inc BUT \"console.log()\" only displays once for the 2 incs!\r\n//console.log(`SLS Initially: ${counter}---------------------------------`);    \r\n//counter++;\r\n////alert(`SLS post-inc: ${counter}`);    \r\n//console.log(`SLS post-inc: ${counter}`);    \r\n  const theme = useContext(ThemeContext);\r\n\r\n  useEffect(() => {\r\n    axios.get(getServerName()+\"/get-high-scores\", {withCredentials: true})\r\n          .then(response => {\r\n              setHighScores(response.data.highScores);\r\n              setInMaintenance(\"inMaintenance\" in response.data);\r\n           })\r\n          .catch(error => {\r\n             alert(\"Error getting high scores: \"+error);\r\n          });\r\n  }, []);  // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  const getScoreInfo = (scoreInfo, rank) => {\r\n    return <span className={styles.scoreInfo}>\r\n             <span className={styles.rank}>{rank+1})</span>\r\n             <span className={styles.score}>{scoreInfo ? scoreInfo.score : \"0\"}</span>\r\n             <span className={styles.playerName}>{scoreInfo ? scoreInfo.playerName : \"Name\"}</span>\r\n           </span>\r\n  }\r\n\r\n  const highScoreRows = [];\r\n  if (highScores) {\r\n    const levelHighScores = highScores[selectedLevel-1];\r\n    for (let i=0; i !== levelHighScores.length; ++i) {\r\n      highScoreRows.push(<div key={i}>{getScoreInfo(levelHighScores[i], i)}</div>);\r\n    }\r\n  } else {\r\n    // Render a dummy high score board to avoid screen flash after scores are loaded from the server\r\n    for (let i=0; i !== 10; ++i) {\r\n      highScoreRows.push(<div className={styles.dummyHighScores} key={i}>\r\n                                                                  {getScoreInfo(null, i)}</div>);\r\n    }\r\n  }\r\n\r\n  return (\r\n          <>\r\n            <div className={`${styles.personalHighScore} ${theme}`}>\r\n            {!showPractice || <div>{`${currentLevelBestPracticeTime ?\r\n                    \"Your Best Practice Time For Level \"+selectedLevel+\" is \"+currentLevelBestPracticeTime\r\n                  : \"Your Best Practice Time Will Display Here.\"}`}</div>}\r\n            {showPractice || <div>{`${currentLevelPersonalHighScore ?\r\n                    \"Your High Score For Level \"+selectedLevel+\" is \"+currentLevelPersonalHighScore\r\n                  : \"Your Personal High Score Will Display Here.\"}`}</div>}\r\n            </div>\r\n            <div className={styles.LevelHighScores}>\r\n              <div className={`${styles.scoreBoard} ${theme}`}>\r\n                <div className={`${styles.title} ${theme}`}>\r\n                  <h3>Level {selectedLevel} High Scores</h3>\r\n                </div>\r\n                <div className={`${styles.theScores} ${theme}`}>\r\n                  {highScoreRows}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </>\r\n         );\r\n});\r\n\r\nexport default HighScores;\r\n","import \"./EnterHighScoreName.css\"\r\nimport { getServerName } from \"./utils\";\r\nimport { ThemeContext } from \"./App.js\";\r\nimport CloseButton from \"react-bootstrap/CloseButton\"\r\nimport Button from \"react-bootstrap/Button\";\r\nimport axios from \"axios\";\r\nimport { useState, useContext, memo } from \"react\";\r\n\r\nconst EnterHighScoreName = memo(({stopEnteringHighScoreName, setHighScores, finalScore}) => {\r\n\r\n  const [submitDisabled, setSubmitDisabled] = useState(true);\r\n\r\n  const handleSubmit = event => {\r\n    event.preventDefault();\r\n    const name = document.getElementsByClassName(\"high-scorers-name\")[0].value;\r\n    axios.get(getServerName()+\"/high-score-name?name=\"+encodeURIComponent(name), {withCredentials: true})\r\n         .then(response => {\r\n            setHighScores(response.data);\r\n            stopEnteringHighScoreName();\r\n          })\r\n         .catch(error => {\r\n             alert(\"Error saving new high score: \"+error);\r\n          });\r\n  }\r\n\r\n  const handleChange = event => {\r\n    const currentNameLength = event.target.value.length;\r\n    if (!currentNameLength) {\r\n      setSubmitDisabled(true);\r\n    } else  if (currentNameLength === 1) {\r\n      setSubmitDisabled(false);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div className={\"EnterHighScoreName \"+useContext(ThemeContext)}>\r\n      <h1 className=\"score\">\r\n        You scored {finalScore} points.\r\n      </h1>\r\n      <h1 className=\"enter-high-score-title\">\r\n        Congratulations!\r\n      </h1>\r\n      <h4 className=\"enter-high-score-sub-title\">\r\n        You’ve set a high score!\r\n      </h4>\r\n      <div className=\"enter-high-score-instructions\">\r\n        Enter your name or nickname to be<br />listed on the high score board:\r\n      </div>\r\n      <form onSubmit={handleSubmit}>\r\n        <input className=\"high-scorers-name\" autoFocus onChange={handleChange}\r\n               maxLength=\"20\" placeholder=\"Enter up to 20 characters\" />\r\n        <br />\r\n        <Button className=\"submit-button\" type=\"submit\" disabled={submitDisabled}>Save</Button>\r\n      </form>\r\n      <CloseButton className=\"enter-high-score-close-button\"\r\n                                                    onClick={() => stopEnteringHighScoreName()} />\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default EnterHighScoreName;\r\n","import \"./Footer.css\";\r\nimport { useContext, memo } from \"react\";\r\nimport { ThemeContext } from \"./App.js\";\r\n\r\nconst Footer = ({isOverlayActive}) => {\r\n  const theme = useContext(ThemeContext);\r\n  return (\r\n    <div className={isOverlayActive ? \"overlay-active\" : \"\"}>\r\n      <div className=\"footer-spacer-padding\"></div>\r\n      <footer className={\"Footer \"+theme}>\r\n        Copyright &copy; 2023 Assuratel&nbsp;LLC.\r\n      </footer>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Footer;\r\n","import \"./App.css\";\nimport useState from \"react-usestateref\"; // https://www.npmjs.com/package/react-usestateref\nimport { useEffect, useRef, useCallback, createContext } from \"react\";\nimport { useTimer } from \"react-use-precision-timer\"; // https://github.com/justinmahar/react-use-precision-timer\nimport Header from \"./Header\";\nimport Banner from \"./Banner\";\nimport Board from \"./Board\";\nimport StartButton from \"./StartButton\";\nimport ScoreBoard from \"./ScoreBoard\";\nimport GetFeedback from \"./GetFeedback\";\nimport Settings from \"./Settings\";\nimport Credits from \"./Credits\";\nimport InMaintenance from \"./InMaintenance\";\nimport NewGameStartFailure from \"./NewGameStartFailure\";\nimport HighScores from \"./HighScores\";\nimport EnterHighScoreName from \"./EnterHighScoreName\";\nimport Footer from \"./Footer\";\nimport axios from \"axios\";\nimport Stomp from \"webstomp-client\";  // https://github.com/JSteunou/webstomp-client\nimport SockJS from \"sockjs-client\";\nimport { isLevelComplete, isOutOfKeystrokes, getServerName, getBestPracticeTimeLevelEntryName,\n         getPersonalHighScoreLevelEntryName, isGameInProgress, isLabEnvironment } from \"./utils\";\n\nexport const ThemeContext = createContext();\n\nconst App = () => {\n  const [gameInfo, setGameInfo, gameInfoRef] = useState(null);\n  const [selectedLevel, setSelectedLevel, selectedLevelRef] =\n                                          useState(localStorage.getItem(\"currentLevel\") || 1);\n  // eslint-disable-next-line\n  const [currentLevelPersonalHighScore, setCurrentLevelPersonalHighScore,\n         currentLevelPersonalHighScoreRef] =\n                  useState(localStorage.getItem(getPersonalHighScoreLevelEntryName(selectedLevel)));\n  const currentLevelBestPracticeTime =\n                    useRef(localStorage.getItem(getBestPracticeTimeLevelEntryName(selectedLevel)));\n  const [gettingFeedback, setGettingFeedback] = useState(false);\n  const [showingSettings, setShowingSettings] = useState(false);\n  const [showingCredits, setShowingCredits] = useState(false);\n  const [showingInMaintenance, setShowingInMaintenance] = useState(false);\n  const [inMaintenance, setInMaintenance] = useState(false);\n  const [showingNewGameStartFailure, setShowingNewGameStartFailure] = useState(false);\n  const [newGameStartFailure, setNewGameStartFailure] = useState(null);\n  const [enteringHighScoreName, setEnteringHighScoreName] = useState(false);\n  const [useRelativeLineNumbers, setUseRelativeLineNumbers] =\n                          useState(localStorage.getItem(\"useRelativeLineNumbers\") === \"true\");\n  const [darkMode, setDarkMode] = useState(localStorage.getItem(\"darkMode\") !== \"false\");\n  const [practiceMode, setPracticeMode] = useState(localStorage.getItem(\"practiceMode\") === \"true\");\n  const [highScores, setHighScores] = useState(null);\n  const gameStartingUp = useRef(false);\n  const debugDisplayKeysPressedRef = useRef(\"\");\n  //const debugScriptedKeysPending = useRef(false);\n  const waitingForServerKeyResponseRef = useRef(false);\n  const keyQueueRef = useRef([]);\n  const stompClientRef = useRef(null);\n  const [startGameCountdown, setStartGameCountdown] = useState();\n  const [saidGo, setSaidGo] = useState(false);\n  const lastKeystrokeTimeLeft = useRef(0);\n  const startGameCountdownTimer = useTimer({delay: (isLabEnvironment() ? 100 : 1000),\n                                    callback: () => setStartGameCountdown(startGameCountdown-1) });\n  const sayGoTimer = useTimer({delay: (isLabEnvironment ? 75 : 750),\n                               callback: () => {setSaidGo(true);\n                                                resetSuggestionTimer();}});\n  const timeLeftTimer = useTimer({delay: 1000, callback: () => {\n    //if (isLabEnvironment() && practiceMode) {\n    //  return;\n    //}\n    const newTimeLeft = gameInfoRef.current.timeLeft - 1;\n    const updatedGameInfo = {...gameInfoRef.current};\n    updatedGameInfo.timeLeft = newTimeLeft;\n    setGameInfo(updatedGameInfo);\n    const timeSinceLastKeystroke = lastKeystrokeTimeLeft.current-newTimeLeft;\n  }});\n  \n  const startGame = (level) => {\n    if (isLabEnvironment()) {\n      console.log(`--------------------------- Start Game ---------------------------`);\n    } else {\n      console.log();\n      console.log(`*******************************************************************`);\n      console.log(`* Never trust the browser! Everything is validated by the server. *`);\n      console.log(`*******************************************************************`);\n    }\n    document.removeEventListener(\"keydown\", handleKeyDown);\n    let url = getServerName()+\"/new-game?level=\"+selectedLevel;\n    if (practiceMode) {\n      url += \"&practice=true\";\n    }\n    axios.get(url, {withCredentials: true})\n         .then((response) => {\n           const newGameInfo = response.data;\n           if (\"inMaintenance\" in newGameInfo) {\n             setInMaintenance(true);\n             return;\n           }\n           if (\"newGameStartFailure\" in newGameInfo) {\n             setNewGameStartFailure(newGameInfo.newGameStartFailure);\n             return;\n           }\n           newGameInfo.keystrokeCountDown = newGameInfo.board.keystrokesAllowed;\n           newGameInfo.timeLeft = lastKeystrokeTimeLeft.current = newGameInfo.board.secondsAllowed;\n           newGameInfo.viminationCount = 0;\n           newGameInfo.practiceGame = practiceMode;\n           setHighScores(newGameInfo.highScores);\n           setGameInfo(newGameInfo);\n           connectStomp();\n           debugDisplayKeysPressedRef.current = \"\";\n           timeLeftTimer.stop();\n           gameStartingUp.current = true;\n           setSaidGo(false);\n           setStartGameCountdown(3);\n           startGameCountdownTimer.start();\n         })\n         .catch((error) => {\n           alert(\"Start Game error: \"+error);\n         });\n  }\n\n  const levelDone = () => {\n    disconnectStomp();\n    document.removeEventListener(\"keydown\", handleKeyDown);\n  }\n\n  const connectStomp = () => {\n    waitingForServerKeyResponseRef.current = false;\n    const socket = new SockJS(getServerName()+\"/ws\");\n    stompClientRef.current = Stomp.over(socket, {debug: false});\n    stompClientRef.current.connect({},\n      frame => {\n        stompClientRef.current.subscribe(\"/user/topic/keystroke-response\", state => {\n          processKeystrokeResponse(JSON.parse(state.body));\n        });\n      },\n      error => {\n        alert(\"Websocket connection error\");\n      }\n    );\n  };\n\n  const disconnectStomp = () => {\n    stompClientRef.current.disconnect();\n    stompClientRef.current = null;\n  }\n\n  const timesUpGetScore = () => {\n    axios.get(getServerName()+\"/times-up-get-score\", {withCredentials: true})\n          .then(response => {\n            let updatedGameInfo = {...gameInfoRef.current};\n            updatedGameInfo.state.finalScore = response.data.finalScore;\n            updatedGameInfo.keystrokeCountDown = response.data.finalKeystrokeCountDown;\n            updatedGameInfo.viminationCount = response.data.finalViminationCount;\n            updatedGameInfo.state.isHighScore = response.data.isHighScore;\n            setHighScores(response.data.highScores);\n            checkHighScore(updatedGameInfo.state);\n            setGameInfo(updatedGameInfo);\n           })\n          .catch(error => {\n             alert(\"Error getting score: \"+error);\n          });\n  }\n \n  const handleKeyDown = useCallback(event => {\n    if (gameInfoRef.current === null || !stompClientRef.current\n                                     || !stompClientRef.current.connected) {\n      return;\n    }\n    const specialKeys = [\"Enter\", \"Escape\", \"Backspace\", \"Delete\", \"Home\", \"End\",\n                         \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \"ArrowLeft\"];\n    let keyPressed = event.key;\n    if (keyPressed.length > 1 && !specialKeys.includes(keyPressed)) {\n      return;\n    }\n    lastKeystrokeTimeLeft.current = gameInfoRef.current.timeLeft;\n    resetSuggestionTimer();\n    event.stopPropagation();\n    event.preventDefault();\n    if (event.ctrlKey) {\n      keyPressed = \"CTRL-\"+keyPressed;\n    }\n    const currentGameInfo = {...gameInfoRef.current};\n    const keyInfo = {\"key\": keyPressed, \"time\": currentGameInfo.timeLeft};\n    keyStrokeLoggerr(keyPressed);\n    if (isLabEnvironment()) {\n      //if (debugScriptedKeysPending.current === true) {\n      //  [...\"eeeebd$d0j4ddjlllllllllldtlll...ldfqDdiwd0jjw3dw..dddf.jj.dkDkkD\"].forEach(ch => {\n      //    const debugKeyInfo = {\"key\": ch, \"time\" : currentGameInfo.timeLeft};\n      //    keyQueueRef.current.push(debugKeyInfo);\n      //    debugScriptedKeysPending.current = true;\n      //  });\n      //}\n    }\n    if (waitingForServerKeyResponseRef.current) {\n      keyQueueRef.current.push(keyInfo);\n      return;\n    }\n    waitingForServerKeyResponseRef.current = true;\n    sendKeyStroke(keyInfo);\n  }, []);  // eslint-disable-line react-hooks/exhaustive-deps\n\n  const processKeystrokeResponse = state => {\n    let updatedGameInfo = {...gameInfoRef.current};\n    updatedGameInfo.state = state;\n    if (\"levelDoneHighScores\" in updatedGameInfo.state) {\n      setHighScores(updatedGameInfo.state.levelDoneHighScores);\n    }\n    if (!updatedGameInfo.practiceGame) {\n      updatedGameInfo.keystrokeCountDown--;\n    }\n    if (\"serverDeterminedOutOfTime\" in updatedGameInfo.state) {\n      updatedGameInfo.timeLeft = 0;\n      finalKeystroke(updatedGameInfo);\n    } else {\n      if (isLevelComplete(updatedGameInfo)) {\n        finalKeystroke(updatedGameInfo);\n      } else {\n        if (\"updatedRow\" in updatedGameInfo.state) {\n          const updatedRowNum = updatedGameInfo.state.cursorCoords[0];\n          updatedGameInfo.viminationCount +=\n                    updatedGameInfo.board.rows[updatedRowNum].replace(/ /g,\"\").length -\n                    updatedGameInfo.state.updatedRow.replace(/ /g,\"\").length;\n          updatedGameInfo.board.rows[updatedRowNum] = updatedGameInfo.state.updatedRow;\n          updatedGameInfo.state.updatedRow = null;\n        }\n        if (\"firstRemovedRowIndex\" in updatedGameInfo.state) {\n          let rowNum = updatedGameInfo.state.firstRemovedRowIndex;\n          for (let i = updatedGameInfo.state.rowsRemovedCount; i > 0; i--) {\n            updatedGameInfo.viminationCount +=\n                                      updatedGameInfo.board.rows[rowNum].replace(/ /g,\"\").length;\n            rowNum++;\n          }\n          updatedGameInfo.board.rows.splice(updatedGameInfo.state.firstRemovedRowIndex,\n                                            updatedGameInfo.state.rowsRemovedCount);\n          updatedGameInfo.state.firstRemovedRowIndex = null;\n          updatedGameInfo.state.rowsRemovedCount = null;\n        }\n        if (isOutOfKeystrokes(updatedGameInfo)) {\n          finalKeystroke(updatedGameInfo);\n        }\n      }\n    }\n    setGameInfo(updatedGameInfo);\n    if (keyQueueRef.current.length > 0) {\n      const keyStroke = keyQueueRef.current.shift();\n      keyStrokeLoggerr(keyStroke[\"key\"]);\n      sendKeyStroke(keyStroke);\n    } else {\n      waitingForServerKeyResponseRef.current = false;\n    }\n  };\n\n  const keyStrokeLoggerr = keyPressed => {\n    if (isLabEnvironment()) {\n      const currentDebugDisplayKeysPressed = debugDisplayKeysPressedRef.current+\" \"+keyPressed;\n      debugDisplayKeysPressedRef.current = currentDebugDisplayKeysPressed.slice(-80);\n    }\n  }\n\n  const finalKeystroke = updatedGameInfo => {\n    checkHighScore(updatedGameInfo.state);\n    updatedGameInfo.keystrokeCountDown = updatedGameInfo.state.finalKeystrokeCountDown;\n    updatedGameInfo.viminationCount = updatedGameInfo.state.finalViminationCount;\n    updatedGameInfo.timeLeft = updatedGameInfo.state.finalClientTimeLeft;\n  }\n\n  const sendKeyStroke = keyInfo => {\n    if (stompClientRef.current !== null) {\n      stompClientRef.current.send(\"/app/keystroke\", JSON.stringify(keyInfo));\n    } else {\n      keyQueueRef.current = [];\n      waitingForServerKeyResponseRef.current = false;\n    }\n  }\n\n  const checkHighScore = gameState => {\n    if (gameInfoRef.current.practiceGame) {\n      const bestPracticeTimeLevelEntryName =\n                                    getBestPracticeTimeLevelEntryName(selectedLevelRef.current);\n      const currentBestPracticeTime = localStorage.getItem(bestPracticeTimeLevelEntryName);\n      if (gameState.finalClientTimeLeft\n          && (!currentBestPracticeTime\n              || currentBestPracticeTime < gameState.finalClientTimeLeft)) {\n        localStorage.setItem(bestPracticeTimeLevelEntryName, gameState.finalClientTimeLeft);\n        currentLevelBestPracticeTime.current = gameState.finalClientTimeLeft;\n      }\n    } else {\n      const personalHighScoreLevelEntryName =\n                                    getPersonalHighScoreLevelEntryName(selectedLevelRef.current);\n      const currentPersonalHighScore = localStorage.getItem(personalHighScoreLevelEntryName);\n      if (gameState.finalScore !== undefined\n          && (!currentPersonalHighScore || currentPersonalHighScore < gameState.finalScore)) {\n        localStorage.setItem(personalHighScoreLevelEntryName, gameState.finalScore);\n        setCurrentLevelPersonalHighScore(gameState.finalScore);\n      }\n      if (gameState.isHighScore) {\n        // Give time for them to read the results and see the fireworks\n        setTimeout(() => {\n          setEnteringHighScoreName(true);\n        }, 1500);\n      }\n    }\n  }\n\n  const getFeedback = () => {\n    document.removeEventListener(\"keydown\", handleKeyDown);\n    setGettingFeedback(true);\n  }\n\n  const stopGettingFeedback = () => {\n    if (isGameInProgress(gameInfo)) {\n      document.addEventListener(\"keydown\", handleKeyDown);\n    }\n    setGettingFeedback(false);\n  }\n\n  const showSettings = () => {\n    setShowingSettings(true);\n  }\n\n  const stopShowingSettings = () => {\n    resetSuggestionTimer();\n    setShowingSettings(false);\n  }\n\n  const showInMaintenance = () => {\n    setShowingInMaintenance(true);\n  }\n\n  const stopShowingInMaintenance = () => {\n    setShowingInMaintenance(false);\n  }\n\n  const showNewGameStartFailure = () => {\n    setShowingNewGameStartFailure(true);\n  }\n\n  const stopShowingNewGameStartFailure = () => {\n    setShowingNewGameStartFailure(false);\n  }\n\n  const showCredits = () => {\n    setShowingCredits(true);\n  }\n\n  const stopShowingCredits = () => {\n    setShowingCredits(false);\n  }\n\n  const toggleUseRelativeLineNumbers = () => {\n    let newValue;\n    setUseRelativeLineNumbers(current => newValue = !current);\n    localStorage.setItem(\"useRelativeLineNumbers\", newValue);\n  }\n\n  const toggleDarkMode = () => {\n    let newValue;\n    setDarkMode(current => newValue = !current);\n    localStorage.setItem(\"darkMode\", newValue);\n  }\n\n  const togglePracticeMode = () => {\n    let newValue;\n    setPracticeMode(current => newValue = !current);\n    localStorage.setItem(\"practiceMode\", newValue);\n  }\n\n  const stopEnteringHighScoreName = () => {\n    setEnteringHighScoreName(false);\n  }\n\n  const newLevelSelected = level => {\n    setSelectedLevel(level);\n    currentLevelPersonalHighScoreRef.current =\n                                localStorage.getItem(getPersonalHighScoreLevelEntryName(level));\n    currentLevelBestPracticeTime.current =\n                                localStorage.getItem(getBestPracticeTimeLevelEntryName(level));\n    localStorage.setItem(\"currentLevel\", level);\n  }\n\n  useEffect(() => {\n    if (!isGameInProgress(gameInfo) && timeLeftTimer.isStarted()) {\n      timeLeftTimer.stop();\n      if (gameInfo.timeLeft === 0) {\n        timesUpGetScore();\n      }\n      levelDone();\n    }\n  });\n\n  useEffect(() => {\n    if (startGameCountdown === 0) {\n      startGameCountdownTimer.stop();\n      sayGoTimer.start();\n    }\n  }, [startGameCountdown]);\n\n  useEffect(() => {\n    if (saidGo) {\n      sayGoTimer.stop();\n      if (!gettingFeedback) {\n        document.addEventListener(\"keydown\", handleKeyDown);\n      }\n      timeLeftTimer.start();\n      gameStartingUp.current = false;\n    }\n  }, [saidGo]);\n\n  useEffect(() => {\n    if (inMaintenance) {\n      showInMaintenance();\n    }\n  }, [inMaintenance]);\n\n  useEffect(() => {\n    if (newGameStartFailure) {\n      showNewGameStartFailure();\n    }\n  }, [newGameStartFailure]);\n\n  const [suggestionDelay, setSuggestionDelay, suggestionDelayRef] =\n                                            useState(localStorage.getItem(\"suggestionDelay\") || 3);\n  const saveSetSuggestionDelay = (delay) => {\n    if (delay <= 0) {\n      delay = 0.1;\n    } else if (delay > 10) {\n      if (delay == 999) {\n        delay = 10;\n      } else {\n        delay = 1000;\n      }\n    }\n    localStorage.setItem(\"suggestionDelay\", delay);\n    setSuggestionDelay(delay);\n  }\n  useEffect(() => {\n    resetSuggestionTimer();\n  }, [suggestionDelay]);\n  const [makeSuggestion, setMakeSuggestion] = useState(false);\n  const [suggestionTimer, setSuggestionTime, suggestionTimerRef] = useState(null);\n  const resetSuggestionTimer = () => {\n    setMakeSuggestion(false);\n    if (suggestionTimerRef.current) {\n      clearTimeout(suggestionTimerRef.current);\n    }\n    suggestionTimerRef.current =\n                        setTimeout(() => setMakeSuggestion(true), suggestionDelayRef.current*1000);\n  }\n\n  if (darkMode) {\n    document.body.classList.add(\"dark-mode-body\");\n  } else {\n    document.body.classList.remove(\"dark-mode-body\");\n  }\n  const isOverlayActive = gettingFeedback || showingSettings || showingCredits\n                          || showingNewGameStartFailure || showingInMaintenance\n                          || enteringHighScoreName;\n  if (isOverlayActive || !isGameInProgress(gameInfo)) {\n    if (makeSuggestion) {\n      setMakeSuggestion(false);\n    }\n  }\n  return (\n    <div className=\"App\">\n      <ThemeContext.Provider value={darkMode ? \"dark\" : \"light\"}>\n        <Header feedbackCallback={getFeedback} settingsCallback={showSettings}\n                creditsCallback={showCredits} />\n        <div className=\"footer-wrapper\">\n          <div className={isOverlayActive ? \"overlay-active\" : \"\"}>\n            <Banner />\n            <Board gameInfo={gameInfo} useRelativeLineNumbers={useRelativeLineNumbers}\n                   startGameCountdown={startGameCountdown} saidGo={saidGo}\n                   makeSuggestion={makeSuggestion} />\n            <ScoreBoard gameInfo={gameInfo} practiceMode={practiceMode} />\n            {<StartButton gameInfo={gameInfo} startGame={startGame} inMaintenance={inMaintenance}\n                          newGameStartFailure={newGameStartFailure}\n                          selectedLevel={selectedLevel} setSelectedLevel={newLevelSelected}\n                          practiceMode={practiceMode} togglePracticeMode={togglePracticeMode}\n                          disabled={enteringHighScoreName || inMaintenance\n                                    || newGameStartFailure || gameStartingUp.current} />}\n            {debugDisplayKeysPressedRef.current\n                && <div className=\"debug-keys-pressed\">{debugDisplayKeysPressedRef.current}</div>}\n            <HighScores selectedLevel={selectedLevel}  highScores={highScores}\n                        showPractice={isGameInProgress(gameInfo) ? gameInfo.practiceGame\n                                                                 : practiceMode}\n                        currentLevelPersonalHighScore={currentLevelPersonalHighScoreRef.current}\n                        currentLevelBestPracticeTime={currentLevelBestPracticeTime.current}\n                        setHighScores={setHighScores} setInMaintenance={setInMaintenance}/>\n          </div>\n        </div>\n        {gettingFeedback && <GetFeedback stopGettingFeedback={stopGettingFeedback} />}\n        {showingSettings && <Settings stopShowingSettings={stopShowingSettings}\n                                      useRelativeLineNumbers={useRelativeLineNumbers}\n                                      toggleUseRelativeLineNumbers={toggleUseRelativeLineNumbers}\n                                      darkMode={darkMode}\n                                      toggleDarkMode={toggleDarkMode}\n                                      suggestionDelay={suggestionDelay}\n                                      setSuggestionDelay={saveSetSuggestionDelay} />}\n        {showingCredits && <Credits stopShowingCredits={stopShowingCredits} />}\n        {showingInMaintenance &&\n                            <InMaintenance stopShowingInMaintenance={stopShowingInMaintenance} />}\n        {showingNewGameStartFailure && <NewGameStartFailure\n                                newGameStartFailure={newGameStartFailure}\n                                stopShowingNewGameStartFailure={stopShowingNewGameStartFailure} />}\n        {enteringHighScoreName &&\n                      <EnterHighScoreName stopEnteringHighScoreName={stopEnteringHighScoreName}\n                                          setHighScores={setHighScores}\n                                          finalScore={gameInfo.state.finalScore} />}\n        <Footer isOverlayActive={isOverlayActive} />\n      </ThemeContext.Provider>\n    </div>\n  );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\n//import Tester from \"./Tester\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}