skillrack-captcha-solver/userscript.js

//
// Copyright © 2023 adithyagenie
//
// SPDX-License-Identifier: AGPL-3.0-or-later
//

// ==UserScript==
// @name         Math Problem Solver
// @namespace    https://github.com/adithyagenie/skillrack-captcha-solver
// @version      0.3
// @description  Solves math captcha in SkillRack using Tesseract.js
// @author       adithyagenie
// @include      https://*.skillrack.com/*
// @require https://cdn.jsdelivr.net/npm/tesseract.js@4.1.1/dist/tesseract.min.js
// ==/UserScript==

(function () {
	// Wait for window to load
	window.addEventListener("load", function () {
		console.log("Checking for captchas");
		// Step 1: Get the Image
		const image = document.getElementById("j_id_6s");
		const textbox = document.getElementById("capval");
		const button = document.getElementById("proceedbtn");
		if (image == null) {
			console.log("Captcha not found!");
			return;
		}
        const errors = document.getElementsByClassName("ui-growl-item");
        if (errors.length > 0) {
            if (errors[0].textContent.includes("Incorrect Captcha")) {
                console.log("Detected failed attempt at solving captcha");
                alert("I wasn't able to solve the captcha :/");
                return;
            }
        }
		const time = new Date().getTime();

		// Invert colours for better ocr
		function invertColors(image) {
			const canvas = document.createElement("canvas");
			const ctx = canvas.getContext("2d");

			// Set canvas dimensions to match the image
			canvas.width = image.width;
			canvas.height = image.height;

			// Draw the image onto the canvas
			ctx.drawImage(image, 0, 0);

			// Invert colors using globalCompositeOperation
			ctx.globalCompositeOperation = "difference";
			ctx.fillStyle = "white";
			ctx.fillRect(0, 0, canvas.width, canvas.height);
			return canvas.toDataURL();
		}

		function getNums(text) {
			const a = text.replace(" ", "").replace("=", "").split("+");
			return parseInt(a[0]) + parseInt(a[1]);
		}

		const invertedimg = invertColors(image);
		console.log(`Converting image: ${new Date().getTime() - time} ms.`);
		// Step 2: Image Processing with Tesseract.js
		Tesseract.recognize(invertedimg, "eng", {
			whitelist: "1234567890+=",
			psm: 7,
		})
			.then(({ data: { text } }) => {
				console.log(`OCR: ${new Date().getTime() - time} ms.`);
				// Step 3: Solve the Math Problem
				try {
					const result = getNums(text);
					console.log(
						"Found math captcha. Auto-filling answer: ",
						result
					);
					textbox.value = result;
					button.click();
					console.log(`Took ${new Date().getTime() - time} ms.`);
				} catch (e) {
					console.error(e);
				}
				return;
			})
			.catch((error) => {
				console.error("Error processing captcha:", error);
			});
	});
})();