// ==UserScript==
// @name Naurok Bypass v2
// @author griffi-gh
// @namespace griffi-gh
// @description Fetches answers to *all* Naurok quizes
// @version 5.1
// @license MIT
// @match *://naurok.com.ua/test/*.html
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_getResourceURL
// @run-at document-start
// @inject-into content
// @sandbox DOM
// @connect naurok.com.ua
// @icon data:image/jpeg;base64,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
// @homepageURL https://gf.qytechs.cn/uk/scripts/461662-naurok-bypass-v2
// @resource LOADING_IMAGE https://media.tenor.com/MlCeUwzn2nEAAAAM/troll-lol.gif
// @resource TEST_IMAGE_URL https://cdn-icons-png.flaticon.com/512/190/190411.png
// @resource TEST_UPDATE_IMAGE_URL https://cdn-icons-png.flaticon.com/512/1601/1601884.png
// @resource ERROR_IMAGE_URL https://media.tenor.com/hA1b1zIqnHkAAAAd/among-us.gif
// ==/UserScript==
"use strict";
let ERROR_IMAGE_URL, LOADING_IMAGE, TEST_IMAGE_URL, TEST_UPDATE_IMAGE_URL;
if (window.GM_getResourceURL) {
//Use GM resources if possible
console.log("Using GM resources");
LOADING_IMAGE = GM_getResourceURL("LOADING_IMAGE", true);
TEST_IMAGE_URL = GM_getResourceURL("TEST_IMAGE_URL", true);
TEST_UPDATE_IMAGE_URL = GM_getResourceURL("TEST_UPDATE_IMAGE_URL", true);
ERROR_IMAGE_URL = GM_getResourceURL("ERROR_IMAGE_URL", true);
} else {
console.log("Using URL resources");
LOADING_IMAGE = "https://media.tenor.com/MlCeUwzn2nEAAAAM/troll-lol.gif";
TEST_IMAGE_URL = "https://cdn-icons-png.flaticon.com/512/190/190411.png";
TEST_UPDATE_IMAGE_URL = "https://cdn-icons-png.flaticon.com/512/1601/1601884.png";
ERROR_IMAGE_URL = "https://media.tenor.com/hA1b1zIqnHkAAAAd/among-us.gif";
}
const ls_key = `cached-${document.location.pathname.replaceAll("/", "-").slice(1, -5).toLowerCase()}`;
async function loadStuff() {
//Clean up
pre_display()
//Get the hostname
const hostname = window.location.hostname;
console.log("Host:", hostname);
//Get test path
const base = document.location.href.slice(0, -5);
console.log("Base URL:", base);
//Load the homework creation page
const set_text = await fetch(base + "/set").then(x => x.text());
const set_document = document.createElement("html");
set_document.innerHTML = set_text;
console.log("Set document:", set_document);
//Get form data and modify it
const set_form = set_document.querySelector("#w0");
const set_form_data = new FormData(set_form);
set_form_data.set("Homework[deadline_day]", "9999-01-01");
set_form_data.set("Homework[show_answer]", "1");
console.log("Set form data:", set_form_data);
//Start homework
const homework_res = await fetch(set_form.action, {
redirect: 'follow',
method: 'POST',
credentials: 'include',
body: set_form_data,
});
//Get homework url and id
const homework_url = homework_res.url;
const homework_id = homework_url.split("/").at(-1);
console.log("Homework url:", homework_url);
//Get homework document object
const homework_text = await homework_res.text();
const homework_document = document.createElement("html");
homework_document.innerHTML = homework_text;
console.log("Homework document:", homework_document);
//Get the CSRF token and create FormData from it
const homework_csrf_param = homework_document.querySelector('meta[name="csrf-param"]').content;
const homework_csrf_token = homework_document.querySelector('meta[name="csrf-token"]').content;
const homework_csrf_form_data = new FormData();
homework_csrf_form_data.set(homework_csrf_param, homework_csrf_token);
console.log("CSRF param/token:", homework_csrf_param, homework_csrf_token);
//Get join code
const homework_code = homework_document.querySelector(".homework-code").textContent;
console.log("Homework join code:", homework_code);
//Load the join page
const join_text = await fetch(`https://${hostname}/test/join?gamecode=${homework_code}`).then(res => res.text());
const join_document = document.createElement('html');
join_document.innerHTML = join_text;
//Get form data and fill in the username
const join_form = join_document.querySelector("#participate-form-code");
const join_form_data = new FormData(join_form);
const username = "[object Object]";
join_form_data.set("JoinForm[name]", username); //troll naurok developers while we're at it lol
//Start homework session
const join_res = await fetch(join_form.action, {
redirect: 'follow',
method: 'POST',
credentials: 'include',
body: new URLSearchParams(join_form_data).toString(),
headers: {
"Content-Type": "application/x-www-form-urlencoded",
},
});
console.log("Joined with username", username)
//Get test session address
const test_session_url = join_res.url;
console.log("Test session URL:", test_session_url);
//Get the test session document
const session_text = await fetch(test_session_url).then(res => res.text());
const session_document = document.createElement("html");
session_document.innerHTML = session_text;
//Get session id
const testik_elem = session_document.querySelector('[ng-app="testik"]');
const ng_init = testik_elem.getAttribute("ng-init");
const ng_init_numbers = ng_init.match(/[0-9]+/g);
const session_id = ng_init_numbers[1] || 0;
console.log("Session id", session_id);
//Get session info
const session_info = await fetch(`https://${hostname}/api2/test/sessions/${session_id}`, {
credentials: "include",
headers: {
'Accept': 'application/json, text/plain, */*',
'Content-Type': 'application/json'
},
redirect: 'follow',
}).then(x => x.json());
console.log("Session info: ", session_info);
//Find the latest question
const {latest_question, questions} = session_info;
const question = latest_question ? questions.find(question => question.id == latest_question) : questions[0];
console.log("Question:", question);
//Get the answer id
const answer_id = question.options[0].id.toString();
console.log("Answer ID:", answer_id);
//Answer the question
await fetch(`https://${hostname}/api2/test/responses/answer`, {
method: "PUT",
credentials: "include",
headers: {
'Accept': 'application/json, text/plain, */*',
'Content-Type': 'application/json'
},
body: JSON.stringify({
"session_id": session_id,
"answer": [answer_id],
"question_id": question.id,
"show_answer": 1,
"type": "quiz",
"point": question.point.toString(),
"homeworkType": question.type,
"homework": true
}),
});
console.log("Responded to the question");
//End the session
const end_sess_data = await fetch(`https://${hostname}/api2/test/sessions/end/${session_id}`, {
"method": "PUT",
"credentials": "include",
}).then(res => res.json());
const end_sess_uuid = end_sess_data.session.uuid;
console.log("Session UUID:", end_sess_uuid);
//Fetch the end page
const test_end_text = await fetch(`https://${hostname}/test/complete/${end_sess_uuid}`, {
redirect: 'follow'
}).then(res => res.text());
//Get the text end document
const test_end_document = document.createElement("html");
test_end_document.innerHTML = test_end_text;
//Get the answers
const answers = test_end_document.querySelector(".homework-stats");
console.log("Answer element:", answers);
//Display answers
display_answers(answers);
console.log("Answers displayed");
//Stop homework
await fetch(`https://${hostname}/test/homework/${homework_id}/stop`, {
method: 'POST',
credentials: 'include',
body: homework_csrf_form_data,
});
console.log("Homework stopped");
//Delete homework
await fetch(`https://${hostname}/test/homework/${homework_id}/delete`, {
method: 'POST',
credentials: 'include',
body: homework_csrf_form_data,
});
console.log("Homework deleted");
console.log("DONE");
return answers
};
function pre_display() {
//Delete previously displayed
Array.from(document.querySelectorAll(".question-view-item")).forEach(item => item.remove());
//Clear the regular questions
Array.from(document.querySelectorAll(".answer-sheet")).forEach(item => item.remove());
}
function display_answers(answers) {
pre_display()
//Add classes
answers.classList.add("row");
answers.classList.add("answer-sheet")
//HACK: Remove "- your answer" text
answers.innerHTML = answers.innerHTML.replaceAll("<em>— ваша відповідь</em>", "");
//Add answers to the page
const afer_element = document.querySelector(".block-head");
afer_element.parentNode.insertBefore(answers, afer_element.nextSibling);
};
async function loadStuffWriteCache() {
const answers = await loadStuff();
const elem = document.createElement("div");
display_answers(elem);
elem.appendChild(answers.cloneNode(true));
(GM_setValue ?? localStorage.setItem)(ls_key, elem.innerHTML);
}
//Preload images
const images = []
{
window._cow_taxes = images; //keep the reference alive
images["loading"] = new Image();
images["loading"].src = LOADING_IMAGE;
images["test"] = new Image();
images["test"].src = TEST_IMAGE_URL;
images["update"] = new Image();
images["update"].src = TEST_UPDATE_IMAGE_URL;
images["error"] = new Image();
images["error"].src = ERROR_IMAGE_URL;
}
function loadErrorHandler(err) {
console.error(err);
const btn = document.querySelector(".clicky-click");
btn.querySelector("img").replaceWith(images.error);
const label = btn.querySelector("span")
label.textContent = "Помилка\n"+err.toString()+"\n";
label.innerHTML = label.innerHTML.replaceAll("\n", "<br>");
label.innerHTML += `
FIX 1 - Натисни кнопку ще раз<br>
FIX 2 - <a href='https://naurok.com.ua/test/join?gamecode=0' target="_blank">Відкрий і закрий цю сторінку</a><br>
FIX 3 - <a href='https://naurok.com.ua/login' target="_blank">Увійди в аккаунт Наурок</a><br>
FIX 4 - Спробуй ще раз через 5 хвилин
`;
}
async function loadStuffAndWriteCacheWithErrorHandler() {
try {
await loadStuffWriteCache();
return true;
} catch(err) {
loadErrorHandler(err);
return false;
}
}
//Migrate answers to GM storage
if (window.GM_setValue && window.GM_getValue) {
for (let i = 0; i < localStorage.length; i++) {
const key = localStorage.key(i)
const value = localStorage.getItem(key);
if (!key.startsWith("cached-kettle-smoke")) {
continue;
}
console.log(`Moving "${key}" from localStorage`);
const newkey = key.replace("cached-kettle-smoke", "cached");
if (!GM_getValue(newkey, false)) {
GM_setValue(newkey, value);
}
localStorage.removeItem(key);
}
}
//Load cached answers
let is_cached = false;
let cached_element = null;
if ((window.GM_getValue ?? localStorage.getItem)(ls_key, null)) {
console.log("Cached found:", ls_key);
const elem = document.createElement("div");
try {
elem.innerHTML = (GM_getValue ?? localStorage.getItem)(ls_key, null);
cached_element = elem.firstChild;
is_cached = true;
(cached_element.querySelector(".chicken-beef")?.classList.add("answer-sheet")) && console.warn("Cache contains chicken beef");
} catch (e) {
console.error("Cache invalid:", e);
is_cached = false;
cached_element = null;
}
}
document.addEventListener("DOMContentLoaded", async () => {
//Display cached stuff
if (is_cached) {
try {
display_answers(cached_element);
console.log("Cached answer displayed!")
} catch(e) {
console.error("Cache invalid:", e);
is_cached = false;
cached_element = null;
}
}
//Add CSS
{
const style = `
.answer-sheet {
padding: 1.33rem;
}
#library .answer-sheet .quiz.incorect,
#library .answer-sheet .multiquiz.incorect,
#library .answer-sheet .homework-stat-option-value.incorect span {
background: #d8d8d8 !important;
}
#library .answer-sheet .quiz.correct,
#library .answer-sheet .multiquiz.correct,
#library .answer-sheet .homework-stat-option-value.correct span {
background: #66bb6a !important;
}
.answer-sheet .content-block .question-label {
display: none !important;
}
.answer-sheet .content-block.success,
.answer-sheet .content-block.skipped,
.answer-sheet .content-block.failed,
.answer-sheet .content-block.partial {
border-left: none !important;
}
.clicky-click {
display: flex;
width: 100%;
border-width: 0;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
margin-bottom: 0 !important;
}
#cb_wrapper {
display: blck;
text-align: center;
}
#auto_load_cb {
margin-right: .25rem;
}
#auto_load_cb ~ label {
font-weight: unset;
}
/* Use flex to style our button */
.test-action-button.clicky-click {
display: flex !important;
flex-direction: column !important;
height: unset !important;
gap: 10px !important;
}
.test-action-button.clicky-click * {
position: unset !important;
}
/* This applies to ALL buttons (makes them a bit fancier because why not) */
.test-action-button {
transition: all .25s !important;
border: 1px solid rgba(0,0,0,.1) !important;
border-radius: 10px !important;
}
.test-action-button:hover {
background: #f0f0f0 !important;
}
.test-action-button:hover > * {
filter: drop-shadow(0px 0px 4px #dddddd);
}
.test-action-button > img {
transition: transform .25s !important;
}
.test-action-button:not(:disabled):hover > img {
transform: scale(0.9) rotate(-3deg);
}
/* style auto load checkbox */
#auto_load_cb {
}
`;
const style_elem = document.createElement("style");
style_elem.textContent = style;
document.head.appendChild(style_elem);
}
//Create answers button
{
const button = document.createElement("button");
button.type = "button";
button.classList.add("test-action-button");
button.classList.add("clicky-click");
button.appendChild(images.test);
const text_elem = document.createElement("span");
text_elem.textContent = "Завантажити відповіді";
button.appendChild(text_elem);
if (is_cached) {
button.querySelector('img').replaceWith(images.update);
text_elem.textContent = "Оновити відповіді";
}
button.addEventListener("click", async () => {
button.querySelector('img').replaceWith(images.loading);
text_elem.textContent = "Завантаження...";
button.disabled = true;
if (await loadStuffAndWriteCacheWithErrorHandler()) {
button.querySelector('img').replaceWith(images.update);
text_elem.textContent = "Оновити відповіді";
}
button.disabled = false;
});
const buttons = document.querySelector(".single-test-actions");
buttons.prepend(button);
}
//Create auto load toggle
{
//Create checkbox
const auto_load_cb = document.createElement("input");
auto_load_cb.id = "auto_load_cb";
auto_load_cb.type = "checkbox";
const save_state = () => {
(window.GM_setValue || localStorage.setItem)("auto-load", auto_load_cb.checked ? "1" : "0");
}
auto_load_cb.checked = ((window.GM_getValue || localStorage.getItem)("auto-load") || "0") == "1";
save_state();
auto_load_cb.addEventListener("change", save_state);
if (!is_cached && auto_load_cb.checked) {
document.querySelector(".clicky-click").click();
}
//Add it
const cb_wrapper = document.createElement("div");
cb_wrapper.id = "cb_wrapper";
const cb_label = document.createElement("label");
cb_label.textContent = "Автоматично завантажувати відповіді";
cb_label.setAttribute("for", auto_load_cb.id);
cb_wrapper.appendChild(auto_load_cb);
cb_wrapper.appendChild(cb_label);
const afer_element = document.querySelector(".clicky-click");
afer_element.parentNode.insertBefore(cb_wrapper, afer_element.nextSibling);
}
});