Hack Wayground

Hack Wayground/quizizz

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Hack Wayground
// @author       Trần Bảo Ngọc
// @description  Hack Wayground/quizizz
// @namespace    http://tampermonkey.net/
// @match        https://wayground.com/*
// @grant        GM_xmlhttpRequest
// @grant        unsafeWindow
// @grant        GM_addStyle
// @run-at       document-end
// @icon         https://blackarch.org/images/logo/ba-logo.png
// @version      3.0
// ==/UserScript==
(function() {
    'use strict';
    GM_addStyle(`
        #solver-panel {
            position: fixed;
            bottom: 20px;
            left: 20px; 
            z-index: 999999;
            padding: 12px;
            background-color: rgba(26, 27, 30, 0.85);
            backdrop-filter: blur(10px);
            border-radius: 16px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
            min-width: 260px;
            max-width: 320px; /* <<< Thêm giới hạn chiều rộng */
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        #solver-status {
            color: white;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 10px;
            transition: all 0.3s ease;
            text-align: left;
            word-wrap: break-word; 
            white-space: normal; 
        }
        #pin-container {
            display: flex;
            gap: 8px;
        }
        #pin-input {
            flex-grow: 1;
            border: 1px solid rgba(255, 255, 255, 0.2);
            background-color: rgba(0, 0, 0, 0.3);
            color: white;
            border-radius: 8px;
            padding: 8px 12px;
            font-size: 14px;
            outline: none;
            text-align: center;
            transition: all 0.2s ease;
        }
        #pin-input:focus {
            border-color: #a78bfa;
        }
        #load-btn {
            background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: 600;
            padding: 0 20px;
            cursor: pointer;
            transition: transform 0.2s ease, background 0.2s ease;
        }
        #load-btn:hover {
            transform: scale(1.05);
        }
        #load-btn:disabled {
            cursor: not-allowed;
            background: #555;
        }
    `);
    const cachedAnswers = new Map();
    let lastProcessedQuestionId = '';
    const cleanText = (text) => text?.replace(/<p>|<\/p>/g, '').trim().replace(/\s+/g, ' ') || '';

    function findGamePin() {
        const pinRegex = /\b(\d{4})\s(\d{4})\b/;
        const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
        let node;
        while (node = walker.nextNode()) {
            const match = node.nodeValue.trim().match(pinRegex);
            if (match && node.parentElement?.offsetParent !== null) {
                return match[0].replace(/\s/g, '');
            }
        }
        return null;
    }

    async function fetchAndCacheAnswers(pin, statusDisplay) {
        statusDisplay.textContent = `🌀 Đang tải đáp án...`;
        try {
            const response = await fetch(`https://api.quizit.online/quizizz/answers?pin=${pin}`);
            if (!response.ok) throw new Error(`API Response: ${response.status}`);
            const { data } = await response.json();
            if (!data?.answers) throw new Error("Respone API không hợp lệ.");

            data.answers.forEach(item => {
                const questionId = item._id;
                if (!questionId) return;

                if (item.type === 'MSQ' && Array.isArray(item.answers)) {
                    const multiAnswers = item.answers.map(ans => cleanText(ans.text)).filter(Boolean);
                    if (multiAnswers.length > 0) cachedAnswers.set(questionId, multiAnswers);
                } else {
                    const singleAnswer = cleanText(item.answers?.[0]?.text);
                    if (singleAnswer) cachedAnswers.set(questionId, singleAnswer);
                }
            });

            if (cachedAnswers.size > 0) return true;
            throw new Error("API không trả về đáp án nào.");
        } catch (error) {
            statusDisplay.textContent = `❌ Lỗi: ${error.message}`;
            statusDisplay.style.color = '#ff5555';
            return false;
        }
    }

    function getCurrentQuestionData() {
        const questionContainer = document.querySelector('[data-quesid]');
        if (!questionContainer) return null;
        const questionId = questionContainer.dataset.quesid;

        const options = Array.from(document.querySelectorAll('.option.is-selectable')).map(el => ({
            text: cleanText(el.querySelector('.option-text-inner, .text-container')?.innerText),
            element: el,
        }));

        if (options.length > 0) {
            return { questionId, type: 'CHOICE', options };
        }
        if (document.querySelector('input.question-input, textarea.question-input, input[type="text"], textarea')) {
            return { questionId, type: 'BLANK' };
        }
        return null;
    }

    function solveQuestion(answer, questionData) {
        const submit = () => setTimeout(() => {
            const submitBtn = Array.from(document.querySelectorAll('button')).find(btn => btn.innerText.trim().toLowerCase() === 'submit')
                               || document.querySelector('.submit-button-wrapper button, button.submit-btn');
            if (submitBtn && !submitBtn.disabled) submitBtn.click();
        }, 350);

        if (questionData.type === 'CHOICE') {
            const answersToClick = Array.isArray(answer) ? answer : [answer];
            answersToClick.forEach(ansText => {
                const correctOption = questionData.options.find(opt => opt.text === ansText);
                if (correctOption) {
                    correctOption.element.style.border = '4px solid #00FF00';
                    correctOption.element.click();
                }
            });
            if (Array.isArray(answer)) submit();
        }
        else if (questionData.type === 'BLANK') {
            const inputEl = document.querySelector('input.question-input, textarea.question-input, input[type="text"], textarea');
            if (inputEl) {
                inputEl.value = answer;
                inputEl.dispatchEvent(new Event('input', { bubbles: true }));
                submit();
            }
        }
    }

    async function mainSolver(statusDisplay) {
        if (cachedAnswers.size === 0) return;
        const questionData = getCurrentQuestionData();
        if (!questionData?.questionId) return;

        const answer = cachedAnswers.get(questionData.questionId);
        if (answer) {
            const displayAnswerText = Array.isArray(answer) ? answer.join('<br>') : answer;
            statusDisplay.innerHTML = `💡 Đáp án:<div style="margin-top: 5px; color: #50fa7b; font-weight: normal;">${displayAnswerText}</div>`;

            solveQuestion(answer, questionData);
        } else {
            statusDisplay.textContent = "❓ Không tìm thấy đáp án";
            statusDisplay.style.color = '#ff5555';
        }
    }

    function startObserver(statusDisplay) {
        const observer = new MutationObserver(() => {
            const questionContainer = document.querySelector('[data-quesid]');
            const currentQuestionId = questionContainer?.dataset.quesid;
            if (currentQuestionId && currentQuestionId !== lastProcessedQuestionId) {
                lastProcessedQuestionId = currentQuestionId;
                setTimeout(() => mainSolver(statusDisplay), 500);
            }
        });
        observer.observe(document.body, { childList: true, subtree: true });
    }

    function initialize() {
        if (document.getElementById('solver-panel')) return;
        document.body.insertAdjacentHTML('beforeend', `
            <div id="solver-panel">
                <div id="solver-status">🔎 Đang tìm mã Room Code...</div>
                <div id="pin-container">
                    <input type="text" id="pin-input" placeholder="Chờ chút...">
                    <button id="load-btn">Tải</button>
                </div>
            </div>
        `);
        const loadBtn = document.getElementById('load-btn');
        const pinInput = document.getElementById('pin-input');
        const statusDisplay = document.getElementById('solver-status');
        const pinContainer = document.getElementById('pin-container');

        const handleLoad = async () => {
            const pin = pinInput.value.trim().replace(/\s/g, '');
            if (!pin) return;

            loadBtn.disabled = true;
            pinInput.disabled = true;

            const success = await fetchAndCacheAnswers(pin, statusDisplay);
            if (success) {
                pinContainer.style.display = 'none';
                statusDisplay.textContent = "🚀 Sẵn sàng! Đang chờ câu hỏi...";
                statusDisplay.style.color = 'white';
                startObserver(statusDisplay);
            } else {
                loadBtn.disabled = false;
                pinInput.disabled = false;
            }
        };

        loadBtn.addEventListener('click', handleLoad);
        pinInput.addEventListener('keydown', e => { if (e.key === 'Enter') handleLoad(); });
        const pinFinderInterval = setInterval(() => {
            const foundPin = findGamePin();
            if (foundPin) {
                clearInterval(pinFinderInterval);
                pinInput.value = foundPin;
                statusDisplay.textContent = "✅ Đã tìm thấy Room Code ";
                statusDisplay.style.color = '#50fa7b';
                setTimeout(handleLoad, 500);
            }
        }, 1000);

        setTimeout(() => clearInterval(pinFinderInterval), 20000);
    }
    window.addEventListener('load', () => setTimeout(initialize, 1000));
})();