`;
}
if (i === TestLogic.input.history.length - 1) {
//last word
let wordstats = {
correct: 0,
incorrect: 0,
missed: 0,
};
let length = Config.mode == "zen" ? input.length : word.length;
for (let c = 0; c < length; c++) {
if (c < input.length) {
//on char that still has a word list pair
if (Config.mode == "zen" || input[c] == word[c]) {
wordstats.correct++;
} else {
wordstats.incorrect++;
}
} else {
//on char that is extra
wordstats.missed++;
}
}
if (wordstats.incorrect !== 0 || Config.mode !== "time") {
if (Config.mode != "zen" && input !== word) {
wordEl = `
`;
}
}
} else {
if (Config.mode != "zen" && input !== word) {
wordEl = `
`;
}
}
let loop;
if (Config.mode == "zen" || input.length > word.length) {
//input is longer - extra characters possible (loop over input)
loop = input.length;
} else {
//input is shorter or equal (loop over word list)
loop = word.length;
}
for (let c = 0; c < loop; c++) {
let correctedChar;
try {
correctedChar = TestLogic.corrected.getHistory(i)[c];
} catch (e) {
correctedChar = undefined;
}
let extraCorrected = "";
if (
c + 1 === loop &&
TestLogic.corrected.getHistory(i) !== undefined &&
TestLogic.corrected.getHistory(i).length > input.length
) {
extraCorrected = "extraCorrected";
}
if (Config.mode == "zen" || word[c] !== undefined) {
if (Config.mode == "zen" || input[c] === word[c]) {
if (correctedChar === input[c] || correctedChar === undefined) {
wordEl += ``;
} else {
wordEl +=
`";
}
} else {
if (input[c] === TestLogic.input.current) {
wordEl +=
`";
} else if (input[c] === undefined) {
wordEl += "" + word[c] + "";
} else {
wordEl +=
`";
}
}
} else {
wordEl += '";
}
}
wordEl += "
";
} catch (e) {
try {
wordEl = "
";
for (let c = 0; c < word.length; c++) {
wordEl += "" + word[c] + "";
}
wordEl += "
";
} catch {}
}
wordsHTML += wordEl;
}
$("#resultWordsHistory .words").html(wordsHTML);
$("#showWordHistoryButton").addClass("loaded");
return true;
}
export function toggleResultWords() {
if (resultVisible) {
if ($("#resultWordsHistory").stop(true, true).hasClass("hidden")) {
//show
if (!$("#showWordHistoryButton").hasClass("loaded")) {
$("#words").html(
`
`
);
loadWordsHistory().then(() => {
if (Config.burstHeatmap) {
TestUI.applyBurstHeatmap();
}
$("#resultWordsHistory")
.removeClass("hidden")
.css("display", "none")
.slideDown(250, () => {
if (Config.burstHeatmap) {
TestUI.applyBurstHeatmap();
}
});
});
} else {
if (Config.burstHeatmap) {
TestUI.applyBurstHeatmap();
}
$("#resultWordsHistory")
.removeClass("hidden")
.css("display", "none")
.slideDown(250);
}
} else {
//hide
$("#resultWordsHistory").slideUp(250, () => {
$("#resultWordsHistory").addClass("hidden");
});
}
}
}
export function applyBurstHeatmap() {
if (Config.burstHeatmap) {
$("#resultWordsHistory .heatmapLegend").removeClass("hidden");
let burstlist = [...TestStats.burstHistory];
burstlist = burstlist.filter((x) => x !== Infinity);
burstlist = burstlist.filter((x) => x < 350);
if (
TestLogic.input.getHistory(TestLogic.input.getHistory().length - 1)
.length !== TestLogic.words.getCurrent()?.length
) {
burstlist = burstlist.splice(0, burstlist.length - 1);
}
let median = Misc.median(burstlist);
let adatm = [];
burstlist.forEach((burst) => {
adatm.push(Math.abs(median - burst));
});
let step = Misc.mean(adatm);
let steps = [
{
val: 0,
class: "heatmap-0",
},
{
val: median - step * 1.5,
class: "heatmap-1",
},
{
val: median - step * 0.5,
class: "heatmap-2",
},
{
val: median + step * 0.5,
class: "heatmap-3",
},
{
val: median + step * 1.5,
class: "heatmap-4",
},
];
$("#resultWordsHistory .words .word").each((index, word) => {
let wordBurstVal = parseInt($(word).attr("burst"));
let cls = "";
steps.forEach((step) => {
if (wordBurstVal > step.val) cls = step.class;
});
$(word).addClass(cls);
});
} else {
$("#resultWordsHistory .heatmapLegend").addClass("hidden");
$("#resultWordsHistory .words .word").removeClass("heatmap-0");
$("#resultWordsHistory .words .word").removeClass("heatmap-1");
$("#resultWordsHistory .words .word").removeClass("heatmap-2");
$("#resultWordsHistory .words .word").removeClass("heatmap-3");
$("#resultWordsHistory .words .word").removeClass("heatmap-4");
}
}
export function highlightBadWord(index, showError) {
if (!showError) return;
$($("#words .word")[index]).addClass("error");
}
$(document.body).on("click", "#saveScreenshotButton", () => {
screenshot();
});
$(document).on("click", "#testModesNotice .text-button.restart", (event) => {
TestLogic.restart();
});
$(document).on("click", "#testModesNotice .text-button.blind", (event) => {
UpdateConfig.toggleBlindMode();
});
$(".pageTest #copyWordsListButton").click(async (event) => {
try {
let words;
if (Config.mode == "zen") {
words = TestLogic.input.history.join(" ");
} else {
words = TestLogic.words
.get()
.slice(0, TestLogic.input.history.length)
.join(" ");
}
await navigator.clipboard.writeText(words);
Notifications.add("Copied to clipboard", 0, 2);
} catch (e) {
Notifications.add("Could not copy to clipboard: " + e, -1);
}
});
$(".pageTest #rateQuoteButton").click(async (event) => {
RateQuotePopup.show(TestLogic.randomQuote);
});
$(".pageTest #toggleBurstHeatmap").click(async (event) => {
UpdateConfig.setBurstHeatmap(!Config.burstHeatmap);
});
$(".pageTest .loginTip .link").click(async (event) => {
UI.changePage("login");
});
$(document).on("mouseleave", "#resultWordsHistory .words .word", (e) => {
$(".wordInputAfter").remove();
});
$("#wpmChart").on("mouseleave", (e) => {
$(".wordInputAfter").remove();
});
$(document).on("mouseenter", "#resultWordsHistory .words .word", (e) => {
if (resultVisible) {
let input = $(e.currentTarget).attr("input");
let burst = $(e.currentTarget).attr("burst");
if (input != undefined)
$(e.currentTarget).append(
`
`
);
}
});
$(document).on("click", "#testModesNotice .text-button", (event) => {
// console.log("CommandlineLists."+$(event.currentTarget).attr("commands"));
let commands = CommandlineLists.getList(
$(event.currentTarget).attr("commands")
);
let func = $(event.currentTarget).attr("function");
if (commands !== undefined) {
if ($(event.currentTarget).attr("commands") === "commandsTags") {
CommandlineLists.updateTagCommands();
}
CommandlineLists.pushCurrent(commands);
Commandline.show();
} else if (func != undefined) {
eval(func);
}
});
$("#wordsInput").on("focus", () => {
if (!resultVisible && Config.showOutOfFocusWarning) {
OutOfFocus.hide();
}
Caret.show(TestLogic.input.current);
});
$("#wordsInput").on("focusout", () => {
if (!resultVisible && Config.showOutOfFocusWarning) {
OutOfFocus.show();
}
Caret.hide();
});
$(document).on("keypress", "#restartTestButton", (event) => {
if (event.key == "Enter") {
ManualRestart.reset();
if (
TestLogic.active &&
Config.repeatQuotes === "typing" &&
Config.mode === "quote"
) {
TestLogic.restart(true);
} else {
TestLogic.restart();
}
}
});
$(document.body).on("click", "#restartTestButton", () => {
ManualRestart.set();
if (resultCalculating) return;
if (
TestLogic.active &&
Config.repeatQuotes === "typing" &&
Config.mode === "quote"
) {
TestLogic.restart(true);
} else {
TestLogic.restart();
}
});
$(document.body).on(
"click",
"#retrySavingResultButton",
TestLogic.retrySavingResult
);
$(document).on("keypress", "#practiseWordsButton", (event) => {
if (event.keyCode == 13) {
PractiseWords.showPopup(true);
}
});
$(document.body).on("click", "#practiseWordsButton", () => {
// PractiseWords.init();
PractiseWords.showPopup();
});
$(document).on("keypress", "#nextTestButton", (event) => {
if (event.keyCode == 13) {
TestLogic.restart();
}
});
$(document.body).on("click", "#nextTestButton", () => {
ManualRestart.set();
TestLogic.restart();
});
$(document).on("keypress", "#showWordHistoryButton", (event) => {
if (event.keyCode == 13) {
toggleResultWords();
}
});
$(document.body).on("click", "#showWordHistoryButton", () => {
toggleResultWords();
});
$(document.body).on("click", "#restartTestButtonWithSameWordset", () => {
if (Config.mode == "zen") {
Notifications.add("Repeat test disabled in zen mode");
return;
}
ManualRestart.set();
TestLogic.restart(true);
});
$(document).on("keypress", "#restartTestButtonWithSameWordset", (event) => {
if (Config.mode == "zen") {
Notifications.add("Repeat test disabled in zen mode");
return;
}
if (event.keyCode == 13) {
TestLogic.restart(true);
}
});
$("#wordsWrapper").on("click", () => {
focusWords();
});
==> ./monkeytype/src/js/test/lazy-mode.js <==
let accents = [
["áàâäåãąą́āą̄ă", "a"],
["éèêëẽęę́ēę̄ėě", "e"],
["íìîïĩįį́īį̄", "i"],
["óòôöøõóōǫǫ́ǭő", "o"],
["úùûüŭũúūůű", "u"],
["ńň", "n"],
["çĉčć", "c"],
["ř", "r"],
["ď", "d"],
["ťț", "t"],
["æ", "ae"],
["œ", "oe"],
["ẅ", "w"],
["ĝğg̃", "g"],
["ĥ", "h"],
["ĵ", "j"],
["ń", "n"],
["ŝśšș", "s"],
["żźž", "z"],
["ÿỹýÿŷ", "y"],
["ł", "l"],
["أإآ", "ا"],
["َ", ""],
["ُ", ""],
["ِ", ""],
["ْ", ""],
["ً", ""],
["ٌ", ""],
["ٍ", ""],
["ّ", ""],
];
export function replaceAccents(word, accentsOverride) {
let newWord = word;
if (!accents && !accentsOverride) return newWord;
let regex;
let list = accentsOverride || accents;
for (let i = 0; i < list.length; i++) {
regex = new RegExp(`[${list[i][0]}]`, "gi");
newWord = newWord.replace(regex, list[i][1]);
}
return newWord;
}
==> ./monkeytype/src/js/test/british-english.js <==
import { capitalizeFirstLetter } from "./misc";
let list = null;
export async function getList() {
if (list == null) {
return $.getJSON("languages/britishenglish.json", function (data) {
list = data;
return list;
});
} else {
return list;
}
}
export async function replace(word) {
let list = await getList();
let replacement = list.find((a) =>
word.match(RegExp(`^([\\W]*${a[0]}[\\W]*)$`, "gi"))
);
return replacement
? word.replace(
RegExp(`^(?:([\\W]*)(${replacement[0]})([\\W]*))$`, "gi"),
(_, $1, $2, $3) =>
$1 +
($2.charAt(0) === $2.charAt(0).toUpperCase()
? $2 === $2.toUpperCase()
? replacement[1].toUpperCase()
: capitalizeFirstLetter(replacement[1])
: replacement[1]) +
$3
)
: word;
}
==> ./monkeytype/src/js/test/custom-text.js <==
export let text = "The quick brown fox jumps over the lazy dog".split(" ");
export let isWordRandom = false;
export let isTimeRandom = false;
export let word = "";
export let time = "";
export let delimiter = " ";
export function setText(txt) {
text = txt;
}
export function setIsWordRandom(val) {
isWordRandom = val;
}
export function setIsTimeRandom(val) {
isTimeRandom = val;
}
export function setTime(val) {
time = val;
}
export function setWord(val) {
word = val;
}
export function setDelimiter(val) {
delimiter = val;
}
==> ./monkeytype/src/js/test/live-burst.js <==
import Config from "./config";
import * as TestLogic from "./test-logic";
export function update(burst) {
let number = burst;
if (Config.blindMode) {
number = 0;
}
document.querySelector("#miniTimerAndLiveWpm .burst").innerHTML = number;
document.querySelector("#liveBurst").innerHTML = number;
}
export function show() {
if (!Config.showLiveBurst) return;
if (!TestLogic.active) return;
if (Config.timerStyle === "mini") {
if (!$("#miniTimerAndLiveWpm .burst").hasClass("hidden")) return;
$("#miniTimerAndLiveWpm .burst")
.removeClass("hidden")
.css("opacity", 0)
.animate(
{
opacity: Config.timerOpacity,
},
125
);
} else {
if (!$("#liveBurst").hasClass("hidden")) return;
$("#liveBurst").removeClass("hidden").css("opacity", 0).animate(
{
opacity: Config.timerOpacity,
},
125
);
}
}
export function hide() {
$("#liveBurst").animate(
{
opacity: Config.timerOpacity,
},
125,
() => {
$("#liveBurst").addClass("hidden");
}
);
$("#miniTimerAndLiveWpm .burst").animate(
{
opacity: Config.timerOpacity,
},
125,
() => {
$("#miniTimerAndLiveWpm .burst").addClass("hidden");
}
);
}
==> ./monkeytype/src/js/test/live-wpm.js <==
import Config from "./config";
import * as TestLogic from "./test-logic";
let liveWpmElement = document.querySelector("#liveWpm");
let miniLiveWpmElement = document.querySelector("#miniTimerAndLiveWpm .wpm");
export function update(wpm, raw) {
// if (!TestLogic.active || !Config.showLiveWpm) {
// hideLiveWpm();
// } else {
// showLiveWpm();
// }
let number = wpm;
if (Config.blindMode) {
number = raw;
}
if (Config.alwaysShowCPM) {
number = Math.round(number * 5);
}
miniLiveWpmElement.innerHTML = number;
liveWpmElement.innerHTML = number;
}
export function show() {
if (!Config.showLiveWpm) return;
if (!TestLogic.active) return;
if (Config.timerStyle === "mini") {
// $("#miniTimerAndLiveWpm .wpm").css("opacity", Config.timerOpacity);
if (!$("#miniTimerAndLiveWpm .wpm").hasClass("hidden")) return;
$("#miniTimerAndLiveWpm .wpm")
.removeClass("hidden")
.css("opacity", 0)
.animate(
{
opacity: Config.timerOpacity,
},
125
);
} else {
// $("#liveWpm").css("opacity", Config.timerOpacity);
if (!$("#liveWpm").hasClass("hidden")) return;
$("#liveWpm").removeClass("hidden").css("opacity", 0).animate(
{
opacity: Config.timerOpacity,
},
125
);
}
}
export function hide() {
$("#liveWpm").animate(
{
opacity: Config.timerOpacity,
},
125,
() => {
$("#liveWpm").addClass("hidden");
}
);
$("#miniTimerAndLiveWpm .wpm").animate(
{
opacity: Config.timerOpacity,
},
125,
() => {
$("#miniTimerAndLiveWpm .wpm").addClass("hidden");
}
);
}
==> ./monkeytype/src/js/test/focus.js <==
import * as Caret from "./caret";
import * as UI from "./ui";
let state = false;
export function set(foc, withCursor = false) {
if (foc && !state) {
state = true;
Caret.stopAnimation();
$("#top").addClass("focus");
$("#bottom").addClass("focus");
if (!withCursor) $("body").css("cursor", "none");
$("#middle").addClass("focus");
} else if (!foc && state) {
state = false;
Caret.startAnimation();
$("#top").removeClass("focus");
$("#bottom").removeClass("focus");
$("body").css("cursor", "default");
$("#middle").removeClass("focus");
}
}
$(document).mousemove(function (event) {
if (!state) return;
if (UI.getActivePage() == "pageLoading") return;
if (UI.getActivePage() == "pageAccount" && state == true) return;
if (
$("#top").hasClass("focus") &&
(event.originalEvent.movementX > 0 || event.originalEvent.movementY > 0)
) {
set(false);
}
});
==> ./monkeytype/src/js/test/today-tracker.js <==
import * as Misc from "./misc";
import * as DB from "./db";
let seconds = 0;
let addedAllToday = false;
let dayToday = null;
export function addSeconds(s) {
if (addedAllToday) {
let nowDate = new Date();
nowDate = nowDate.getDate();
if (nowDate > dayToday) {
seconds = s;
return;
}
}
seconds += s;
}
export function getString() {
let secString = Misc.secondsToString(Math.round(seconds), true, true);
return secString + (addedAllToday === true ? " today" : " session");
}
export async function addAllFromToday() {
let todayDate = new Date();
todayDate.setSeconds(0);
todayDate.setMinutes(0);
todayDate.setHours(0);
todayDate.setMilliseconds(0);
dayToday = todayDate.getDate();
todayDate = todayDate.getTime();
seconds = 0;
let results = await DB.getSnapshot().results;
results.forEach((result) => {
let resultDate = new Date(result.timestamp);
resultDate.setSeconds(0);
resultDate.setMinutes(0);
resultDate.setHours(0);
resultDate.setMilliseconds(0);
resultDate = resultDate.getTime();
if (resultDate >= todayDate) {
seconds +=
result.testDuration + result.incompleteTestSeconds - result.afkDuration;
}
});
addedAllToday = true;
}
==> ./monkeytype/src/js/test/wikipedia.js <==
import * as Loader from "./loader";
import Config from "./config";
import * as Misc from "./misc";
export class Section {
constructor(title, author, words) {
this.title = title;
this.author = author;
this.words = words;
}
}
export async function getTLD(languageGroup) {
// language group to tld
switch (languageGroup.name) {
case "english":
return "en";
case "spanish":
return "es";
case "french":
return "fr";
case "german":
return "de";
case "portuguese":
return "pt";
case "italian":
return "it";
case "dutch":
return "nl";
default:
return "en";
}
}
export async function getSection() {
// console.log("Getting section");
Loader.show();
// get TLD for wikipedia according to language group
let urlTLD = "en";
let currentLanguageGroup = await Misc.findCurrentGroup(Config.language);
urlTLD = await getTLD(currentLanguageGroup);
const randomPostURL = `https://${urlTLD}.wikipedia.org/api/rest_v1/page/random/summary`;
var sectionObj = {};
var randomPostReq = await fetch(randomPostURL);
var pageid = 0;
if (randomPostReq.status == 200) {
let postObj = await randomPostReq.json();
sectionObj.title = postObj.title;
sectionObj.author = postObj.author;
pageid = postObj.pageid;
}
return new Promise((res, rej) => {
if (randomPostReq.status != 200) {
Loader.hide();
rej(randomPostReq.status);
}
const sectionURL = `https://${urlTLD}.wikipedia.org/w/api.php?action=query&format=json&pageids=${pageid}&prop=extracts&exintro=true&origin=*`;
var sectionReq = new XMLHttpRequest();
sectionReq.onload = () => {
if (sectionReq.readyState == 4) {
if (sectionReq.status == 200) {
let sectionText = JSON.parse(sectionReq.responseText).query.pages[
pageid.toString()
].extract;
let words = [];
// Remove double whitespaces and finally trailing whitespaces.
sectionText = sectionText.replace(/<\/p>
+/g, " ");
sectionText = $("
").html(sectionText).text();
sectionText = sectionText.replace(/\s+/g, " ");
sectionText = sectionText.trim();
// // Add spaces
// sectionText = sectionText.replace(/[a-zA-Z0-9]{3,}\.[a-zA-Z]/g, (x) =>
// x.replace(/\./, ". ")
// );
sectionText.split(" ").forEach((word) => {
words.push(word);
});
let section = new Section(sectionObj.title, sectionObj.author, words);
Loader.hide();
res(section);
} else {
Loader.hide();
rej(sectionReq.status);
}
}
};
sectionReq.open("GET", sectionURL);
sectionReq.send();
});
}
==> ./monkeytype/src/js/test/timer-progress.js <==
import Config from "./config";
import * as CustomText from "./custom-text";
import * as Misc from "./misc";
import * as TestLogic from "./test-logic";
import * as TestTimer from "./test-timer";
export function show() {
let op = Config.showTimerProgress ? Config.timerOpacity : 0;
if (Config.mode != "zen" && Config.timerStyle === "bar") {
$("#timerWrapper").stop(true, true).removeClass("hidden").animate(
{
opacity: op,
},
125
);
} else if (Config.timerStyle === "text") {
$("#timerNumber")
.stop(true, true)
.removeClass("hidden")
.css("opacity", 0)
.animate(
{
opacity: op,
},
125
);
} else if (Config.mode == "zen" || Config.timerStyle === "mini") {
if (op > 0) {
$("#miniTimerAndLiveWpm .time")
.stop(true, true)
.removeClass("hidden")
.animate(
{
opacity: op,
},
125
);
}
}
}
export function hide() {
$("#timerWrapper").stop(true, true).animate(
{
opacity: 0,
},
125
);
$("#miniTimerAndLiveWpm .time")
.stop(true, true)
.animate(
{
opacity: 0,
},
125,
() => {
$("#miniTimerAndLiveWpm .time").addClass("hidden");
}
);
$("#timerNumber").stop(true, true).animate(
{
opacity: 0,
},
125
);
}
export function restart() {
if (Config.timerStyle === "bar") {
if (Config.mode === "time") {
$("#timer").stop(true, true).animate(
{
width: "100vw",
},
0
);
} else if (Config.mode === "words" || Config.mode === "custom") {
$("#timer").stop(true, true).animate(
{
width: "0vw",
},
0
);
}
}
}
let timerNumberElement = document.querySelector("#timerNumber");
let miniTimerNumberElement = document.querySelector(
"#miniTimerAndLiveWpm .time"
);
export function update() {
let time = TestTimer.time;
if (
Config.mode === "time" ||
(Config.mode === "custom" && CustomText.isTimeRandom)
) {
let maxtime = Config.time;
if (Config.mode === "custom" && CustomText.isTimeRandom) {
maxtime = CustomText.time;
}
if (Config.timerStyle === "bar") {
let percent = 100 - ((time + 1) / maxtime) * 100;
$("#timer")
.stop(true, true)
.animate(
{
width: percent + "vw",
},
TestTimer.slowTimer ? 0 : 1000,
"linear"
);
} else if (Config.timerStyle === "text") {
let displayTime = Misc.secondsToString(maxtime - time);
if (maxtime === 0) {
displayTime = Misc.secondsToString(time);
}
timerNumberElement.innerHTML = "
" + displayTime + "
";
} else if (Config.timerStyle === "mini") {
let displayTime = Misc.secondsToString(maxtime - time);
if (maxtime === 0) {
displayTime = Misc.secondsToString(time);
}
miniTimerNumberElement.innerHTML = displayTime;
}
} else if (
Config.mode === "words" ||
Config.mode === "custom" ||
Config.mode === "quote"
) {
let outof = TestLogic.words.length;
if (Config.mode === "words") {
outof = Config.words;
}
if (Config.mode === "custom") {
if (CustomText.isWordRandom) {
outof = CustomText.word;
} else {
outof = CustomText.text.length;
}
}
if (Config.mode === "quote") {
outof = TestLogic?.randomQuote?.textSplit?.length ?? 1;
}
if (Config.timerStyle === "bar") {
let percent = Math.floor(
((TestLogic.words.currentIndex + 1) / outof) * 100
);
$("#timer")
.stop(true, true)
.animate(
{
width: percent + "vw",
},
TestTimer.slowTimer ? 0 : 250
);
} else if (Config.timerStyle === "text") {
if (outof === 0) {
timerNumberElement.innerHTML =
"
" + `${TestLogic.input.history.length}` + "
";
} else {
timerNumberElement.innerHTML =
"
" + `${TestLogic.input.history.length}/${outof}` + "
";
}
} else if (Config.timerStyle === "mini") {
if (Config.words === 0) {
miniTimerNumberElement.innerHTML = `${TestLogic.input.history.length}`;
} else {
miniTimerNumberElement.innerHTML = `${TestLogic.input.history.length}/${outof}`;
}
}
} else if (Config.mode == "zen") {
if (Config.timerStyle === "text") {
timerNumberElement.innerHTML =
"
" + `${TestLogic.input.history.length}` + "
";
} else {
miniTimerNumberElement.innerHTML = `${TestLogic.input.history.length}`;
}
}
}
export function updateStyle() {
if (!TestLogic.active) return;
hide();
update();
setTimeout(() => {
show();
}, 125);
}
==> ./monkeytype/src/js/test/pb-crown.js <==
export function hide() {
$("#result .stats .wpm .crown").css("opacity", 0).addClass("hidden");
}
export function show() {
$("#result .stats .wpm .crown")
.removeClass("hidden")
.css("opacity", "0")
.animate(
{
opacity: 1,
},
250,
"easeOutCubic"
);
}
==> ./monkeytype/src/js/test/out-of-focus.js <==
import * as Misc from "./misc";
let outOfFocusTimeouts = [];
export function hide() {
$("#words").css("transition", "none").removeClass("blurred");
$(".outOfFocusWarning").addClass("hidden");
Misc.clearTimeouts(outOfFocusTimeouts);
}
export function show() {
outOfFocusTimeouts.push(
setTimeout(() => {
$("#words").css("transition", "0.25s").addClass("blurred");
$(".outOfFocusWarning").removeClass("hidden");
}, 1000)
);
}
==> ./monkeytype/src/js/test/result.js <==
import * as TestUI from "./test-ui";
import Config from "./config";
import * as Misc from "./misc";
import * as TestStats from "./test-stats";
import * as Keymap from "./keymap";
import * as ChartController from "./chart-controller";
import * as UI from "./ui";
import * as ThemeColors from "./theme-colors";
import * as DB from "./db";
import * as TodayTracker from "./today-tracker";
import * as PbCrown from "./pb-crown";
import * as RateQuotePopup from "./rate-quote-popup";
import * as TestLogic from "./test-logic";
import * as Notifications from "./notifications";
let result;
let maxChartVal;
let useUnsmoothedRaw = false;
export function toggleUnsmoothedRaw() {
useUnsmoothedRaw = !useUnsmoothedRaw;
Notifications.add(useUnsmoothedRaw ? "on" : "off", 1);
}
async function updateGraph() {
ChartController.result.options.annotation.annotations = [];
let labels = [];
for (let i = 1; i <= TestStats.wpmHistory.length; i++) {
if (TestStats.lastSecondNotRound && i === TestStats.wpmHistory.length) {
labels.push(Misc.roundTo2(result.testDuration).toString());
} else {
labels.push(i.toString());
}
}
ChartController.result.updateColors();
ChartController.result.data.labels = labels;
ChartController.result.options.scales.yAxes[0].scaleLabel.labelString = Config.alwaysShowCPM
? "Character per Minute"
: "Words per Minute";
let chartData1 = Config.alwaysShowCPM
? TestStats.wpmHistory.map((a) => a * 5)
: TestStats.wpmHistory;
let chartData2;
if (useUnsmoothedRaw) {
chartData2 = Config.alwaysShowCPM
? result.chartData.unsmoothedRaw.map((a) => a * 5)
: result.chartData.unsmoothedRaw;
} else {
chartData2 = Config.alwaysShowCPM
? result.chartData.raw.map((a) => a * 5)
: result.chartData.raw;
}
ChartController.result.data.datasets[0].data = chartData1;
ChartController.result.data.datasets[1].data = chartData2;
ChartController.result.data.datasets[0].label = Config.alwaysShowCPM
? "cpm"
: "wpm";
maxChartVal = Math.max(...[Math.max(...chartData2), Math.max(...chartData1)]);
if (!Config.startGraphsAtZero) {
let minChartVal = Math.min(
...[Math.min(...chartData2), Math.min(...chartData1)]
);
ChartController.result.options.scales.yAxes[0].ticks.min = minChartVal;
ChartController.result.options.scales.yAxes[1].ticks.min = minChartVal;
} else {
ChartController.result.options.scales.yAxes[0].ticks.min = 0;
ChartController.result.options.scales.yAxes[1].ticks.min = 0;
}
ChartController.result.data.datasets[2].data = result.chartData.err;
let fc = await ThemeColors.get("sub");
if (Config.funbox !== "none") {
let content = Config.funbox;
if (Config.funbox === "layoutfluid") {
content += " " + Config.customLayoutfluid.replace(/#/g, " ");
}
ChartController.result.options.annotation.annotations.push({
enabled: false,
type: "line",
mode: "horizontal",
scaleID: "wpm",
value: 0,
borderColor: "transparent",
borderWidth: 1,
borderDash: [2, 2],
label: {
backgroundColor: "transparent",
fontFamily: Config.fontFamily.replace(/_/g, " "),
fontSize: 11,
fontStyle: "normal",
fontColor: fc,
xPadding: 6,
yPadding: 6,
cornerRadius: 3,
position: "left",
enabled: true,
content: `${content}`,
yAdjust: -11,
},
});
}
ChartController.result.options.scales.yAxes[0].ticks.max = maxChartVal;
ChartController.result.options.scales.yAxes[1].ticks.max = maxChartVal;
ChartController.result.update({ duration: 0 });
ChartController.result.resize();
}
export async function updateGraphPBLine() {
let themecolors = await ThemeColors.get();
let lpb = await DB.getLocalPB(
result.mode,
result.mode2,
result.punctuation,
result.language,
result.difficulty,
result.lazyMode,
result.funbox
);
if (lpb == 0) return;
let chartlpb = Misc.roundTo2(Config.alwaysShowCPM ? lpb * 5 : lpb).toFixed(2);
ChartController.result.options.annotation.annotations.push({
enabled: false,
type: "line",
mode: "horizontal",
scaleID: "wpm",
value: chartlpb,
borderColor: themecolors["sub"],
borderWidth: 1,
borderDash: [2, 2],
label: {
backgroundColor: themecolors["sub"],
fontFamily: Config.fontFamily.replace(/_/g, " "),
fontSize: 11,
fontStyle: "normal",
fontColor: themecolors["bg"],
xPadding: 6,
yPadding: 6,
cornerRadius: 3,
position: "center",
enabled: true,
content: `PB: ${chartlpb}`,
},
});
if (
maxChartVal >= parseFloat(chartlpb) - 20 &&
maxChartVal <= parseFloat(chartlpb) + 20
) {
maxChartVal = parseFloat(chartlpb) + 20;
}
ChartController.result.options.scales.yAxes[0].ticks.max = Math.round(
maxChartVal
);
ChartController.result.options.scales.yAxes[1].ticks.max = Math.round(
maxChartVal
);
ChartController.result.update({ duration: 0 });
}
function updateWpmAndAcc() {
let inf = false;
if (result.wpm >= 1000) {
inf = true;
}
if (Config.alwaysShowDecimalPlaces) {
if (Config.alwaysShowCPM == false) {
$("#result .stats .wpm .top .text").text("wpm");
if (inf) {
$("#result .stats .wpm .bottom").text("Infinite");
} else {
$("#result .stats .wpm .bottom").text(
Misc.roundTo2(result.wpm).toFixed(2)
);
}
$("#result .stats .raw .bottom").text(
Misc.roundTo2(result.rawWpm).toFixed(2)
);
$("#result .stats .wpm .bottom").attr(
"aria-label",
Misc.roundTo2(result.wpm * 5).toFixed(2) + " cpm"
);
} else {
$("#result .stats .wpm .top .text").text("cpm");
if (inf) {
$("#result .stats .wpm .bottom").text("Infinite");
} else {
$("#result .stats .wpm .bottom").text(
Misc.roundTo2(result.wpm * 5).toFixed(2)
);
}
$("#result .stats .raw .bottom").text(
Misc.roundTo2(result.rawWpm * 5).toFixed(2)
);
$("#result .stats .wpm .bottom").attr(
"aria-label",
Misc.roundTo2(result.wpm).toFixed(2) + " wpm"
);
}
$("#result .stats .acc .bottom").text(
result.acc == 100 ? "100%" : Misc.roundTo2(result.acc).toFixed(2) + "%"
);
let time = Misc.roundTo2(result.testDuration).toFixed(2) + "s";
if (result.testDuration > 61) {
time = Misc.secondsToString(Misc.roundTo2(result.testDuration));
}
$("#result .stats .time .bottom .text").text(time);
$("#result .stats .raw .bottom").removeAttr("aria-label");
$("#result .stats .acc .bottom").removeAttr("aria-label");
} else {
//not showing decimal places
if (Config.alwaysShowCPM == false) {
$("#result .stats .wpm .top .text").text("wpm");
$("#result .stats .wpm .bottom").attr(
"aria-label",
result.wpm + ` (${Misc.roundTo2(result.wpm * 5)} cpm)`
);
if (inf) {
$("#result .stats .wpm .bottom").text("Infinite");
} else {
$("#result .stats .wpm .bottom").text(Math.round(result.wpm));
}
$("#result .stats .raw .bottom").text(Math.round(result.rawWpm));
$("#result .stats .raw .bottom").attr("aria-label", result.rawWpm);
} else {
$("#result .stats .wpm .top .text").text("cpm");
$("#result .stats .wpm .bottom").attr(
"aria-label",
Misc.roundTo2(result.wpm * 5) + ` (${Misc.roundTo2(result.wpm)} wpm)`
);
if (inf) {
$("#result .stats .wpm .bottom").text("Infinite");
} else {
$("#result .stats .wpm .bottom").text(Math.round(result.wpm * 5));
}
$("#result .stats .raw .bottom").text(Math.round(result.rawWpm * 5));
$("#result .stats .raw .bottom").attr("aria-label", result.rawWpm * 5);
}
$("#result .stats .acc .bottom").text(Math.floor(result.acc) + "%");
$("#result .stats .acc .bottom").attr("aria-label", result.acc + "%");
}
}
function updateConsistency() {
if (Config.alwaysShowDecimalPlaces) {
$("#result .stats .consistency .bottom").text(
Misc.roundTo2(result.consistency).toFixed(2) + "%"
);
$("#result .stats .consistency .bottom").attr(
"aria-label",
`${result.keyConsistency.toFixed(2)}% key`
);
} else {
$("#result .stats .consistency .bottom").text(
Math.round(result.consistency) + "%"
);
$("#result .stats .consistency .bottom").attr(
"aria-label",
`${result.consistency}% (${result.keyConsistency}% key)`
);
}
}
function updateTime() {
let afkSecondsPercent = Misc.roundTo2(
(result.afkDuration / result.testDuration) * 100
);
$("#result .stats .time .bottom .afk").text("");
if (afkSecondsPercent > 0) {
$("#result .stats .time .bottom .afk").text(afkSecondsPercent + "% afk");
}
$("#result .stats .time .bottom").attr(
"aria-label",
`${result.afkDuration}s afk ${afkSecondsPercent}%`
);
if (Config.alwaysShowDecimalPlaces) {
let time = Misc.roundTo2(result.testDuration).toFixed(2) + "s";
if (result.testDuration > 61) {
time = Misc.secondsToString(Misc.roundTo2(result.testDuration));
}
$("#result .stats .time .bottom .text").text(time);
} else {
let time = Math.round(result.testDuration) + "s";
if (result.testDuration > 61) {
time = Misc.secondsToString(Math.round(result.testDuration));
}
$("#result .stats .time .bottom .text").text(time);
$("#result .stats .time .bottom").attr(
"aria-label",
`${Misc.roundTo2(result.testDuration)}s (${
result.afkDuration
}s afk ${afkSecondsPercent}%)`
);
}
}
export function updateTodayTracker() {
$("#result .stats .time .bottom .timeToday").text(TodayTracker.getString());
}
function updateKey() {
$("#result .stats .key .bottom").text(
result.charStats[0] +
"/" +
result.charStats[1] +
"/" +
result.charStats[2] +
"/" +
result.charStats[3]
);
}
export function showCrown() {
PbCrown.show();
}
export function hideCrown() {
PbCrown.hide();
$("#result .stats .wpm .crown").attr("aria-label", "");
}
export async function updateCrown() {
let pbDiff = 0;
const lpb = await DB.getLocalPB(
Config.mode,
result.mode2,
Config.punctuation,
Config.language,
Config.difficulty,
Config.lazyMode,
Config.funbox
);
pbDiff = Math.abs(result.wpm - lpb);
$("#result .stats .wpm .crown").attr(
"aria-label",
"+" + Misc.roundTo2(pbDiff)
);
}
function updateTags(dontSave) {
let activeTags = [];
try {
DB.getSnapshot().tags.forEach((tag) => {
if (tag.active === true) {
activeTags.push(tag);
}
});
} catch (e) {}
$("#result .stats .tags").addClass("hidden");
if (activeTags.length == 0) {
$("#result .stats .tags").addClass("hidden");
} else {
$("#result .stats .tags").removeClass("hidden");
}
$("#result .stats .tags .bottom").text("");
let annotationSide = "left";
let labelAdjust = 15;
activeTags.forEach(async (tag) => {
let tpb = await DB.getLocalTagPB(
tag._id,
Config.mode,
result.mode2,
Config.punctuation,
Config.language,
Config.difficulty,
Config.lazyMode
);
$("#result .stats .tags .bottom").append(`
${tag.name}
`);
if (Config.mode != "quote" && !dontSave) {
if (tpb < result.wpm) {
//new pb for that tag
DB.saveLocalTagPB(
tag._id,
Config.mode,
result.mode2,
Config.punctuation,
Config.language,
Config.difficulty,
Config.lazyMode,
result.wpm,
result.acc,
result.rawWpm,
result.consistency
);
$(
`#result .stats .tags .bottom div[tagid="${tag._id}"] .fas`
).removeClass("hidden");
$(`#result .stats .tags .bottom div[tagid="${tag._id}"]`).attr(
"aria-label",
"+" + Misc.roundTo2(result.wpm - tpb)
);
// console.log("new pb for tag " + tag.name);
} else {
let themecolors = await ThemeColors.get();
ChartController.result.options.annotation.annotations.push({
enabled: false,
type: "line",
mode: "horizontal",
scaleID: "wpm",
value: Config.alwaysShowCPM ? tpb * 5 : tpb,
borderColor: themecolors["sub"],
borderWidth: 1,
borderDash: [2, 2],
label: {
backgroundColor: themecolors["sub"],
fontFamily: Config.fontFamily.replace(/_/g, " "),
fontSize: 11,
fontStyle: "normal",
fontColor: themecolors["bg"],
xPadding: 6,
yPadding: 6,
cornerRadius: 3,
position: annotationSide,
xAdjust: labelAdjust,
enabled: true,
content: `${tag.name} PB: ${Misc.roundTo2(
Config.alwaysShowCPM ? tpb * 5 : tpb
).toFixed(2)}`,
},
});
if (annotationSide === "left") {
annotationSide = "right";
labelAdjust = -15;
} else {
annotationSide = "left";
labelAdjust = 15;
}
}
}
});
}
function updateTestType() {
let testType = "";
if (Config.mode === "quote") {
let qlen = "";
if (Config.quoteLength === 0) {
qlen = "short ";
} else if (Config.quoteLength === 1) {
qlen = "medium ";
} else if (Config.quoteLength === 2) {
qlen = "long ";
} else if (Config.quoteLength === 3) {
qlen = "thicc ";
}
testType += qlen + Config.mode;
} else {
testType += Config.mode;
}
if (Config.mode == "time") {
testType += " " + Config.time;
} else if (Config.mode == "words") {
testType += " " + Config.words;
}
if (
Config.mode != "custom" &&
Config.funbox !== "gibberish" &&
Config.funbox !== "ascii" &&
Config.funbox !== "58008"
) {
testType += "
" + result.language.replace(/_/g, " ");
}
if (Config.punctuation) {
testType += "
punctuation";
}
if (Config.numbers) {
testType += "
numbers";
}
if (Config.blindMode) {
testType += "
blind";
}
if (Config.lazyMode) {
testType += "
lazy";
}
if (Config.funbox !== "none") {
testType += "
" + Config.funbox.replace(/_/g, " ");
}
if (Config.difficulty == "expert") {
testType += "
expert";
} else if (Config.difficulty == "master") {
testType += "
master";
}
$("#result .stats .testType .bottom").html(testType);
}
function updateOther(
difficultyFailed,
failReason,
afkDetected,
isRepeated,
tooShort
) {
let otherText = "";
if (difficultyFailed) {
otherText += `
failed (${failReason})`;
}
if (afkDetected) {
otherText += "
afk detected";
}
if (TestStats.invalid) {
otherText += "
invalid";
let extra = "";
if (result.wpm < 0 || result.wpm > 350) {
extra += "wpm";
}
if (result.acc < 75 || result.acc > 100) {
if (extra.length > 0) {
extra += ", ";
}
extra += "accuracy";
}
if (extra.length > 0) {
otherText += ` (${extra})`;
}
}
if (isRepeated) {
otherText += "
repeated";
}
if (result.bailedOut) {
otherText += "
bailed out";
}
if (tooShort) {
otherText += "
too short";
}
if (otherText == "") {
$("#result .stats .info").addClass("hidden");
} else {
$("#result .stats .info").removeClass("hidden");
otherText = otherText.substring(4);
$("#result .stats .info .bottom").html(otherText);
}
}
export function updateRateQuote(randomQuote) {
if (Config.mode === "quote") {
let userqr = DB.getSnapshot().quoteRatings?.[randomQuote.language]?.[
randomQuote.id
];
if (userqr) {
$(".pageTest #result #rateQuoteButton .icon")
.removeClass("far")
.addClass("fas");
}
RateQuotePopup.getQuoteStats(randomQuote).then((quoteStats) => {
if (quoteStats !== null) {
$(".pageTest #result #rateQuoteButton .rating").text(
quoteStats.average
);
}
$(".pageTest #result #rateQuoteButton")
.css({ opacity: 0 })
.removeClass("hidden")
.css({ opacity: 1 });
});
}
}
function updateQuoteSource(randomQuote) {
if (Config.mode === "quote") {
$("#result .stats .source").removeClass("hidden");
$("#result .stats .source .bottom").html(randomQuote.source);
} else {
$("#result .stats .source").addClass("hidden");
}
}
export function update(
res,
difficultyFailed,
failReason,
afkDetected,
isRepeated,
tooShort,
randomQuote,
dontSave
) {
result = res;
$("#result #resultWordsHistory").addClass("hidden");
$("#retrySavingResultButton").addClass("hidden");
$(".pageTest #result #rateQuoteButton .icon")
.removeClass("fas")
.addClass("far");
$(".pageTest #result #rateQuoteButton .rating").text("");
$(".pageTest #result #rateQuoteButton").addClass("hidden");
$("#testModesNotice").css("opacity", 0);
$("#words").removeClass("blurred");
$("#wordsInput").blur();
$("#result .stats .time .bottom .afk").text("");
if (firebase.auth().currentUser != null) {
$("#result .loginTip").addClass("hidden");
} else {
$("#result .loginTip").removeClass("hidden");
}
updateWpmAndAcc();
updateConsistency();
updateTime();
updateKey();
updateTestType();
updateQuoteSource(randomQuote);
updateGraph();
updateGraphPBLine();
updateTags(dontSave);
updateOther(difficultyFailed, failReason, afkDetected, isRepeated, tooShort);
if (
$("#result .stats .tags").hasClass("hidden") &&
$("#result .stats .info").hasClass("hidden")
) {
$("#result .stats .infoAndTags").addClass("hidden");
} else {
$("#result .stats .infoAndTags").removeClass("hidden");
}
if (TestLogic.glarsesMode) {
$("#middle #result .noStressMessage").remove();
$("#middle #result").prepend(`
`);
$("#middle #result .stats").addClass("hidden");
$("#middle #result .chart").addClass("hidden");
$("#middle #result #resultWordsHistory").addClass("hidden");
$("#middle #result #resultReplay").addClass("hidden");
$("#middle #result .loginTip").addClass("hidden");
$("#middle #result #showWordHistoryButton").addClass("hidden");
$("#middle #result #watchReplayButton").addClass("hidden");
$("#middle #result #saveScreenshotButton").addClass("hidden");
console.log(
`Test Completed: ${result.wpm} wpm ${result.acc}% acc ${result.rawWpm} raw ${result.consistency}% consistency`
);
} else {
$("#middle #result .stats").removeClass("hidden");
$("#middle #result .chart").removeClass("hidden");
// $("#middle #result #resultWordsHistory").removeClass("hidden");
if (firebase.auth().currentUser == null) {
$("#middle #result .loginTip").removeClass("hidden");
}
$("#middle #result #showWordHistoryButton").removeClass("hidden");
$("#middle #result #watchReplayButton").removeClass("hidden");
$("#middle #result #saveScreenshotButton").removeClass("hidden");
}
if (window.scrollY > 0)
$([document.documentElement, document.body])
.stop()
.animate({ scrollTop: 0 }, 250);
UI.swapElements(
$("#typingTest"),
$("#result"),
250,
() => {
TestUI.setResultCalculating(false);
$("#words").empty();
ChartController.result.resize();
if (Config.alwaysShowWordsHistory && Config.burstHeatmap) {
TestUI.applyBurstHeatmap();
}
$("#result").focus();
window.scrollTo({ top: 0 });
$("#testModesNotice").addClass("hidden");
},
() => {
$("#resultExtraButtons").removeClass("hidden").css("opacity", 0).animate(
{
opacity: 1,
},
125
);
if (Config.alwaysShowWordsHistory && !TestLogic.glarsesMode) {
TestUI.toggleResultWords();
}
Keymap.hide();
}
);
}
==> ./monkeytype/src/js/test/test-config.js <==
import * as CustomWordAmountPopup from "./custom-word-amount-popup";
import * as CustomTestDurationPopup from "./custom-test-duration-popup";
import * as UpdateConfig from "./config";
import * as ManualRestart from "./manual-restart-tracker";
import * as TestLogic from "./test-logic";
import * as QuoteSearchPopup from "./quote-search-popup";
import * as CustomTextPopup from "./custom-text-popup";
import * as UI from "./ui";
// export function show() {
// $("#top .config").removeClass("hidden").css("opacity", 1);
// }
// export function hide() {
// $("#top .config").css("opacity", 0).addClass("hidden");
// }
export function show() {
$("#top .config")
.stop(true, true)
.removeClass("hidden")
.css("opacity", 0)
.animate(
{
opacity: 1,
},
125
);
}
export function hide() {
$("#top .config")
.stop(true, true)
.css("opacity", 1)
.animate(
{
opacity: 0,
},
125,
() => {
$("#top .config").addClass("hidden");
}
);
}
export function update(previous, current) {
if (previous == current) return;
$("#top .config .mode .text-button").removeClass("active");
$("#top .config .mode .text-button[mode='" + current + "']").addClass(
"active"
);
if (current == "time") {
// $("#top .config .wordCount").addClass("hidden");
// $("#top .config .time").removeClass("hidden");
// $("#top .config .customText").addClass("hidden");
$("#top .config .punctuationMode").removeClass("disabled");
$("#top .config .numbersMode").removeClass("disabled");
// $("#top .config .puncAndNum").removeClass("disabled");
// $("#top .config .punctuationMode").removeClass("hidden");
// $("#top .config .numbersMode").removeClass("hidden");
// $("#top .config .quoteLength").addClass("hidden");
} else if (current == "words") {
// $("#top .config .wordCount").removeClass("hidden");
// $("#top .config .time").addClass("hidden");
// $("#top .config .customText").addClass("hidden");
$("#top .config .punctuationMode").removeClass("disabled");
$("#top .config .numbersMode").removeClass("disabled");
// $("#top .config .puncAndNum").removeClass("disabled");
// $("#top .config .punctuationMode").removeClass("hidden");
// $("#top .config .numbersMode").removeClass("hidden");
// $("#top .config .quoteLength").addClass("hidden");
} else if (current == "custom") {
// $("#top .config .wordCount").addClass("hidden");
// $("#top .config .time").addClass("hidden");
// $("#top .config .customText").removeClass("hidden");
$("#top .config .punctuationMode").removeClass("disabled");
$("#top .config .numbersMode").removeClass("disabled");
// $("#top .config .puncAndNum").removeClass("disabled");
// $("#top .config .punctuationMode").removeClass("hidden");
// $("#top .config .numbersMode").removeClass("hidden");
// $("#top .config .quoteLength").addClass("hidden");
} else if (current == "quote") {
// $("#top .config .wordCount").addClass("hidden");
// $("#top .config .time").addClass("hidden");
// $("#top .config .customText").addClass("hidden");
$("#top .config .punctuationMode").addClass("disabled");
$("#top .config .numbersMode").addClass("disabled");
// $("#top .config .puncAndNum").addClass("disabled");
// $("#top .config .punctuationMode").removeClass("hidden");
// $("#top .config .numbersMode").removeClass("hidden");
// $("#result .stats .source").removeClass("hidden");
// $("#top .config .quoteLength").removeClass("hidden");
} else if (current == "zen") {
// $("#top .config .wordCount").addClass("hidden");
// $("#top .config .time").addClass("hidden");
// $("#top .config .customText").addClass("hidden");
// $("#top .config .punctuationMode").addClass("hidden");
// $("#top .config .numbersMode").addClass("hidden");
// $("#top .config .quoteLength").addClass("hidden");
}
let submenu = {
time: "time",
words: "wordCount",
custom: "customText",
quote: "quoteLength",
zen: "",
};
let animTime = 250;
if (current == "zen") {
$(`#top .config .${submenu[previous]}`).animate(
{
opacity: 0,
},
animTime / 2,
() => {
$(`#top .config .${submenu[previous]}`).addClass("hidden");
}
);
$(`#top .config .puncAndNum`).animate(
{
opacity: 0,
},
animTime / 2,
() => {
$(`#top .config .puncAndNum`).addClass("invisible");
}
);
return;
}
if (previous == "zen") {
setTimeout(() => {
$(`#top .config .${submenu[current]}`).removeClass("hidden");
$(`#top .config .${submenu[current]}`)
.css({ opacity: 0 })
.animate(
{
opacity: 1,
},
animTime / 2
);
$(`#top .config .puncAndNum`).removeClass("invisible");
$(`#top .config .puncAndNum`)
.css({ opacity: 0 })
.animate(
{
opacity: 1,
},
animTime / 2
);
}, animTime / 2);
return;
}
UI.swapElements(
$("#top .config ." + submenu[previous]),
$("#top .config ." + submenu[current]),
animTime
);
}
$(document).on("click", "#top .config .wordCount .text-button", (e) => {
const wrd = $(e.currentTarget).attr("wordCount");
if (wrd == "custom") {
CustomWordAmountPopup.show();
} else {
UpdateConfig.setWordCount(wrd);
ManualRestart.set();
TestLogic.restart();
}
});
$(document).on("click", "#top .config .time .text-button", (e) => {
let mode = $(e.currentTarget).attr("timeConfig");
if (mode == "custom") {
CustomTestDurationPopup.show();
} else {
UpdateConfig.setTimeConfig(mode);
ManualRestart.set();
TestLogic.restart();
}
});
$(document).on("click", "#top .config .quoteLength .text-button", (e) => {
let len = $(e.currentTarget).attr("quoteLength");
if (len == -2) {
// UpdateConfig.setQuoteLength(-2, false, e.shiftKey);
QuoteSearchPopup.show();
} else {
if (len == -1) {
len = [0, 1, 2, 3];
}
UpdateConfig.setQuoteLength(len, false, e.shiftKey);
ManualRestart.set();
TestLogic.restart();
}
});
$(document).on("click", "#top .config .customText .text-button", () => {
CustomTextPopup.show();
});
$(document).on("click", "#top .config .punctuationMode .text-button", () => {
UpdateConfig.togglePunctuation();
ManualRestart.set();
TestLogic.restart();
});
$(document).on("click", "#top .config .numbersMode .text-button", () => {
UpdateConfig.toggleNumbers();
ManualRestart.set();
TestLogic.restart();
});
$(document).on("click", "#top .config .mode .text-button", (e) => {
if ($(e.currentTarget).hasClass("active")) return;
const mode = $(e.currentTarget).attr("mode");
UpdateConfig.setMode(mode);
ManualRestart.set();
TestLogic.restart();
});
==> ./monkeytype/src/js/test/practise-words.js <==
import * as TestStats from "./test-stats";
import * as Notifications from "./notifications";
import Config, * as UpdateConfig from "./config";
import * as CustomText from "./custom-text";
import * as TestLogic from "./test-logic";
export let before = {
mode: null,
punctuation: null,
numbers: null,
};
export function init(missed, slow) {
if (Config.mode === "zen") return;
let limit;
if ((missed && !slow) || (!missed && slow)) {
limit = 20;
} else if (missed && slow) {
limit = 10;
}
let sortableMissedWords = [];
if (missed) {
Object.keys(TestStats.missedWords).forEach((missedWord) => {
sortableMissedWords.push([missedWord, TestStats.missedWords[missedWord]]);
});
sortableMissedWords.sort((a, b) => {
return b[1] - a[1];
});
sortableMissedWords = sortableMissedWords.slice(0, limit);
}
if (missed && !slow && sortableMissedWords.length == 0) {
Notifications.add("You haven't missed any words", 0);
return;
}
let sortableSlowWords = [];
if (slow) {
sortableSlowWords = TestLogic.words.get().map(function (e, i) {
return [e, TestStats.burstHistory[i]];
});
sortableSlowWords.sort((a, b) => {
return a[1] - b[1];
});
sortableSlowWords = sortableSlowWords.slice(
0,
Math.min(limit, Math.round(TestLogic.words.length * 0.2))
);
}
// console.log(sortableMissedWords);
// console.log(sortableSlowWords);
if (sortableMissedWords.length == 0 && sortableSlowWords.length == 0) {
Notifications.add("Could not start a new custom test", 0);
return;
}
let newCustomText = [];
sortableMissedWords.forEach((missed, index) => {
for (let i = 0; i < missed[1]; i++) {
newCustomText.push(missed[0]);
}
});
sortableSlowWords.forEach((slow, index) => {
for (let i = 0; i < sortableSlowWords.length - index; i++) {
newCustomText.push(slow[0]);
}
});
// console.log(newCustomText);
let mode = before.mode === null ? Config.mode : before.mode;
let punctuation =
before.punctuation === null ? Config.punctuation : before.punctuation;
let numbers = before.numbers === null ? Config.numbers : before.numbers;
UpdateConfig.setMode("custom");
CustomText.setText(newCustomText);
CustomText.setIsWordRandom(true);
CustomText.setWord(
(sortableSlowWords.length + sortableMissedWords.length) * 5
);
TestLogic.restart(false, false, false, true);
before.mode = mode;
before.punctuation = punctuation;
before.numbers = numbers;
}
export function resetBefore() {
before.mode = null;
before.punctuation = null;
before.numbers = null;
}
export function showPopup(focus = false) {
if ($("#practiseWordsPopupWrapper").hasClass("hidden")) {
if (Config.mode === "zen") {
Notifications.add("Practice words is unsupported in zen mode", 0);
return;
}
$("#practiseWordsPopupWrapper")
.stop(true, true)
.css("opacity", 0)
.removeClass("hidden")
.animate({ opacity: 1 }, 100, () => {
if (focus) {
console.log("focusing");
$("#practiseWordsPopup .missed").focus();
}
});
}
}
function hidePopup() {
if (!$("#practiseWordsPopupWrapper").hasClass("hidden")) {
$("#practiseWordsPopupWrapper")
.stop(true, true)
.css("opacity", 1)
.animate(
{
opacity: 0,
},
100,
(e) => {
$("#practiseWordsPopupWrapper").addClass("hidden");
}
);
}
}
$("#practiseWordsPopupWrapper").click((e) => {
if ($(e.target).attr("id") === "practiseWordsPopupWrapper") {
hidePopup();
}
});
$("#practiseWordsPopup .button.missed").click(() => {
hidePopup();
init(true, false);
});
$("#practiseWordsPopup .button.slow").click(() => {
hidePopup();
init(false, true);
});
$("#practiseWordsPopup .button.both").click(() => {
hidePopup();
init(true, true);
});
$("#practiseWordsPopup .button").keypress((e) => {
if (e.key == "Enter") {
$(e.currentTarget).click();
}
});
$("#practiseWordsPopup .button.both").on("focusout", (e) => {
e.preventDefault();
$("#practiseWordsPopup .missed").focus();
});
==> ./monkeytype/src/js/test/test-stats.js <==
import * as TestLogic from "./test-logic";
import Config from "./config";
import * as Misc from "./misc";
import * as TestStats from "./test-stats";
export let invalid = false;
export let start, end;
export let start2, end2;
export let wpmHistory = [];
export let rawHistory = [];
export let burstHistory = [];
export let keypressPerSecond = [];
export let currentKeypress = {
count: 0,
errors: 0,
words: [],
afk: true,
};
export let lastKeypress;
export let currentBurstStart = 0;
// export let errorsPerSecond = [];
// export let currentError = {
// count: 0,
// words: [],
// };
export let lastSecondNotRound = false;
export let missedWords = {};
export let accuracy = {
correct: 0,
incorrect: 0,
};
export let keypressTimings = {
spacing: {
current: -1,
array: [],
},
duration: {
current: -1,
array: [],
},
};
export function getStats() {
let ret = {
start,
end,
wpmHistory,
rawHistory,
burstHistory,
keypressPerSecond,
currentKeypress,
lastKeypress,
currentBurstStart,
lastSecondNotRound,
missedWords,
accuracy,
keypressTimings,
};
try {
ret.keySpacingStats = {
average:
keypressTimings.spacing.array.reduce(
(previous, current) => (current += previous)
) / keypressTimings.spacing.array.length,
sd: Misc.stdDev(keypressTimings.spacing.array),
};
} catch (e) {
//
}
try {
ret.keyDurationStats = {
average:
keypressTimings.duration.array.reduce(
(previous, current) => (current += previous)
) / keypressTimings.duration.array.length,
sd: Misc.stdDev(keypressTimings.duration.array),
};
} catch (e) {
//
}
return ret;
}
export function restart() {
start = 0;
end = 0;
invalid = false;
wpmHistory = [];
rawHistory = [];
burstHistory = [];
keypressPerSecond = [];
currentKeypress = {
count: 0,
errors: 0,
words: [],
afk: true,
};
currentBurstStart = 0;
// errorsPerSecond = [];
// currentError = {
// count: 0,
// words: [],
// };
lastSecondNotRound = false;
missedWords = {};
accuracy = {
correct: 0,
incorrect: 0,
};
keypressTimings = {
spacing: {
current: -1,
array: [],
},
duration: {
current: -1,
array: [],
},
};
}
export let restartCount = 0;
export let incompleteSeconds = 0;
export function incrementRestartCount() {
restartCount++;
}
export function incrementIncompleteSeconds(val) {
incompleteSeconds += val;
}
export function resetIncomplete() {
restartCount = 0;
incompleteSeconds = 0;
}
export function setInvalid() {
invalid = true;
}
export function calculateTestSeconds(now) {
if (now === undefined) {
let endAfkSeconds = (end - lastKeypress) / 1000;
if ((Config.mode == "zen" || TestLogic.bailout) && endAfkSeconds < 7) {
return (lastKeypress - start) / 1000;
} else {
return (end - start) / 1000;
}
} else {
return (now - start) / 1000;
}
}
export function setEnd(e) {
end = e;
end2 = Date.now();
}
export function setStart(s) {
start = s;
start2 = Date.now();
}
export function updateLastKeypress() {
lastKeypress = performance.now();
}
export function pushToWpmHistory(word) {
wpmHistory.push(word);
}
export function pushToRawHistory(word) {
rawHistory.push(word);
}
export function incrementKeypressCount() {
currentKeypress.count++;
}
export function setKeypressNotAfk() {
currentKeypress.afk = false;
}
export function incrementKeypressErrors() {
currentKeypress.errors++;
}
export function pushKeypressWord(word) {
currentKeypress.words.push(word);
}
export function pushKeypressesToHistory() {
keypressPerSecond.push(currentKeypress);
currentKeypress = {
count: 0,
errors: 0,
words: [],
afk: true,
};
}
export function calculateAfkSeconds(testSeconds) {
let extraAfk = 0;
if (testSeconds !== undefined) {
if (Config.mode === "time") {
extraAfk = Math.round(testSeconds) - keypressPerSecond.length;
} else {
extraAfk = Math.ceil(testSeconds) - keypressPerSecond.length;
}
if (extraAfk < 0) extraAfk = 0;
// console.log("-- extra afk debug");
// console.log("should be " + Math.ceil(testSeconds));
// console.log(keypressPerSecond.length);
// console.log(
// `gonna add extra ${extraAfk} seconds of afk because of no keypress data`
// );
}
let ret = keypressPerSecond.filter((x) => x.afk).length;
return ret + extraAfk;
}
export function setLastSecondNotRound() {
lastSecondNotRound = true;
}
export function setBurstStart(time) {
currentBurstStart = time;
}
export function calculateBurst() {
let timeToWrite = (performance.now() - currentBurstStart) / 1000;
let wordLength;
if (Config.mode === "zen") {
wordLength = TestLogic.input.current.length;
if (wordLength == 0) {
wordLength = TestLogic.input.getHistoryLast().length;
}
} else {
wordLength = TestLogic.words.getCurrent().length;
}
let speed = Misc.roundTo2((wordLength * (60 / timeToWrite)) / 5);
return Math.round(speed);
}
export function pushBurstToHistory(speed) {
if (burstHistory[TestLogic.words.currentIndex] === undefined) {
burstHistory.push(speed);
} else {
//repeated word - override
burstHistory[TestLogic.words.currentIndex] = speed;
}
}
export function calculateAccuracy() {
let acc = (accuracy.correct / (accuracy.correct + accuracy.incorrect)) * 100;
return isNaN(acc) ? 100 : acc;
}
export function incrementAccuracy(correctincorrect) {
if (correctincorrect) {
accuracy.correct++;
} else {
accuracy.incorrect++;
}
}
export function setKeypressTimingsTooLong() {
keypressTimings.spacing.array = "toolong";
keypressTimings.duration.array = "toolong";
}
export function pushKeypressDuration(val) {
keypressTimings.duration.array.push(val);
}
export function setKeypressDuration(val) {
keypressTimings.duration.current = val;
}
export function pushKeypressSpacing(val) {
keypressTimings.spacing.array.push(val);
}
export function setKeypressSpacing(val) {
keypressTimings.spacing.current = val;
}
export function recordKeypressSpacing() {
let now = performance.now();
let diff = Math.abs(keypressTimings.spacing.current - now);
if (keypressTimings.spacing.current !== -1) {
pushKeypressSpacing(diff);
}
setKeypressSpacing(now);
}
export function resetKeypressTimings() {
keypressTimings = {
spacing: {
current: performance.now(),
array: [],
},
duration: {
current: performance.now(),
array: [],
},
};
}
export function pushMissedWord(word) {
if (!Object.keys(missedWords).includes(word)) {
missedWords[word] = 1;
} else {
missedWords[word]++;
}
}
export function removeAfkData() {
let testSeconds = calculateTestSeconds();
keypressPerSecond.splice(testSeconds);
keypressTimings.duration.array.splice(testSeconds);
keypressTimings.spacing.array.splice(testSeconds);
wpmHistory.splice(testSeconds);
}
function countChars() {
let correctWordChars = 0;
let correctChars = 0;
let incorrectChars = 0;
let extraChars = 0;
let missedChars = 0;
let spaces = 0;
let correctspaces = 0;
for (let i = 0; i < TestLogic.input.history.length; i++) {
let word =
Config.mode == "zen"
? TestLogic.input.getHistory(i)
: TestLogic.words.get(i);
if (TestLogic.input.getHistory(i) === "") {
//last word that was not started
continue;
}
if (TestLogic.input.getHistory(i) == word) {
//the word is correct
correctWordChars += word.length;
correctChars += word.length;
if (
i < TestLogic.input.history.length - 1 &&
Misc.getLastChar(TestLogic.input.getHistory(i)) !== "\n"
) {
correctspaces++;
}
} else if (TestLogic.input.getHistory(i).length >= word.length) {
//too many chars
for (let c = 0; c < TestLogic.input.getHistory(i).length; c++) {
if (c < word.length) {
//on char that still has a word list pair
if (TestLogic.input.getHistory(i)[c] == word[c]) {
correctChars++;
} else {
incorrectChars++;
}
} else {
//on char that is extra
extraChars++;
}
}
} else {
//not enough chars
let toAdd = {
correct: 0,
incorrect: 0,
missed: 0,
};
for (let c = 0; c < word.length; c++) {
if (c < TestLogic.input.getHistory(i).length) {
//on char that still has a word list pair
if (TestLogic.input.getHistory(i)[c] == word[c]) {
toAdd.correct++;
} else {
toAdd.incorrect++;
}
} else {
//on char that is extra
toAdd.missed++;
}
}
correctChars += toAdd.correct;
incorrectChars += toAdd.incorrect;
if (i === TestLogic.input.history.length - 1 && Config.mode == "time") {
//last word - check if it was all correct - add to correct word chars
if (toAdd.incorrect === 0) correctWordChars += toAdd.correct;
} else {
missedChars += toAdd.missed;
}
}
if (i < TestLogic.input.history.length - 1) {
spaces++;
}
}
if (Config.funbox === "nospace" || Config.funbox === "arrows") {
spaces = 0;
correctspaces = 0;
}
return {
spaces: spaces,
correctWordChars: correctWordChars,
allCorrectChars: correctChars,
incorrectChars:
Config.mode == "zen" ? TestStats.accuracy.incorrect : incorrectChars,
extraChars: extraChars,
missedChars: missedChars,
correctSpaces: correctspaces,
};
}
export function calculateStats() {
let testSeconds = TestStats.calculateTestSeconds();
console.log((TestStats.end2 - TestStats.start2) / 1000);
console.log(testSeconds);
if (Config.mode != "custom") {
testSeconds = Misc.roundTo2(testSeconds);
}
let chars = countChars();
let wpm = Misc.roundTo2(
((chars.correctWordChars + chars.correctSpaces) * (60 / testSeconds)) / 5
);
let wpmraw = Misc.roundTo2(
((chars.allCorrectChars +
chars.spaces +
chars.incorrectChars +
chars.extraChars) *
(60 / testSeconds)) /
5
);
let acc = Misc.roundTo2(TestStats.calculateAccuracy());
return {
wpm: isNaN(wpm) ? 0 : wpm,
wpmRaw: isNaN(wpmraw) ? 0 : wpmraw,
acc: acc,
correctChars: chars.correctWordChars,
incorrectChars: chars.incorrectChars,
missedChars: chars.missedChars,
extraChars: chars.extraChars,
allChars:
chars.allCorrectChars +
chars.spaces +
chars.incorrectChars +
chars.extraChars,
time: testSeconds,
spaces: chars.spaces,
correctSpaces: chars.correctSpaces,
};
}
