// ==UserScript==
// @name         Khan Respostas 1.3
// @version      1.3
// @description  Respostas Khan 
// @author       Emerson
// @match        https://pt.khanacademy.org/*
// @grant        none
// @namespace https://greasyfork.org/pt-BR/users/305931-emerson-bardusco
// @downloadURL none
// ==/UserScript==
 
 
 (function () {

  const overlayHTML = `

    <link rel="preconnect" href="https://fonts.googleapis.com">

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

    <div id="box">

      <button class="main" id="accordian">=</button>

      <div class="main" id="box2">

        <center>

          <p class="pdark" id="pdark"> KHAN </p>

        </center>

        <button onclick="location.reload()" class="inputans">Resetar</button>

        <br>

        <center>

          <section><label id="ansHead">--</label></section>

        </center>


        <center id="mainCen">

          <section><label id="ansBreak">&nbsp;</label></section>

        </center>

        <section><label>&nbsp;</label></section>

        <section class="toggleclass"><label>M para esconder Menu</label></section>

      </div>

    </div>

  `;


  function get(x) {

    return document.getElementById(x);

  }


  const overlay = document.createElement("div");

  overlay.innerHTML = overlayHTML;

  document.body.appendChild(overlay);


  const acc = get("accordian"),

    darkToggle = get("darkToggle"),

    ansbutton = get("inputans");


  acc.onclick = function () {

    const panel = get("box2");

    panel.style.display = panel.style.display === "grid" ? "none" : "grid";

  };


  document.addEventListener("keydown", (event) => {

    if (event.key === "m" || event.key === "M") {

      const panel = get("box2");

      panel.style.display = panel.style.display === "grid" ? "none" : "grid";

    }

  });
      document.addEventListener('keydown', (event) => {
    if (event.key === 'M') {
 
      let panel = get("box2");
    if (panel.style.display == "grid") panel.style.display = "none";
    else { panel.style.display = "grid"; }
    }
});
 
    'use strict';
    window.loaded = false;
 
    class Answer {
 
        constructor(answer, type) {
            this.body = answer;
            this.type = type;
        }
 
        get isMultiChoice() {
            return this.type == "multiple_choice";
        }
 
        get isFreeResponse() {
            return this.type == "free_response";
        }
 
        get isExpression() {
            return this.type == "expression";
        }
 
        get isDropdown() {
            return this.type == "dropdown";
        }
 
        log() {
            const answer = this.body;
 
            answer.map(ans => {
                if (typeof ans == "string") {
                    if (ans.includes("web+graphie")) {
                        this.body[this.body.indexOf(ans)] = "";
                        this.printImage(ans);
                    } else {
                        answer[answer.indexOf(ans)] = ans.replaceAll("$", "");
                    }
                }
            });
 
 
        }
 
 
    }
 
    const originalFetch = window.fetch;
    window.fetch = function () {
        return originalFetch.apply(this, arguments).then(async (res) => {
            if (res.url.includes("/getAssessmentItem")) {
                const clone = res.clone();
                const json = await clone.json()
                 let item, question;
 
 
                item = json.data.assessmentItem.item.itemData;
                question = JSON.parse(item).question;
 
 
                    Object.keys(question.widgets).map(widgetName => {
                        switch (widgetName.split(" ")[0]) {
                            case "numeric-input":
                                return freeResponseAnswerFrom(question).log();
                            case "radio":
                                return multipleChoiceAnswerFrom(question).log();
                            case "expression":
                                return expressionAnswerFrom(question).log();
                            case "dropdown":
                                return dropdownAnswerFrom(question).log();
                        }
                    });
            }
 
            if (!window.loaded) {
                console.clear();
 
                window.loaded = true;
            }
 
            return res;
        })
    }
 
    let curAns = 1
 
    function freeResponseAnswerFrom(question) {
        const answer = Object.values(question.widgets).map((widget) => {
            if (widget.options?.answers) {
                return widget.options.answers.map(answer => {
                    if (answer.status == "correct") {
 
                        var parNumCurAns = "parNum" + curAns
                        var createPar = document.createElement('section')
                        createPar.innerHTML = answer.value
                        document.getElementById('ansBreak').append(createPar)
 
                        curAns++
                    }
                });
            }
        }).flat().filter((val) => { return val !== undefined; });
 
        return new Answer(answer, "free_response");
    }
 
 
 
    function multipleChoiceAnswerFrom(question) {
        const answer = Object.values(question.widgets).map((widget) => {
            if (widget.options?.choices) {
                return widget.options.choices.map(choice => {
                    if (choice.correct) {
 
                        var parNumCurAns = "parNum" + curAns
                        var createPar = document.createElement('section')
                        createPar.innerHTML = choice.content
                        document.getElementById('ansBreak').append(createPar)
 
                        curAns++
 
                    }
                });
            }
        }).flat().filter((val) => { return val !== undefined; });
 
        return new Answer(answer, "multiple_choice");
    }
 
    function expressionAnswerFrom(question) {
        const answer = Object.values(question.widgets).map((widget) => {
            if (widget.options?.answerForms) {
                return widget.options.answerForms.map(answer => {
                    if (Object.values(answer).includes("correct")) {
 
                        var parNumCurAns = "parNum" + curAns
                        var createPar = document.createElement('section')
                        createPar.innerHTML = answer.value
                        document.getElementById('ansBreak').append(createPar)
 
                        curAns++
 
                    }
                });
            }
        }).flat();
 
        return new Answer(answer, "expression");
    }
 
    function dropdownAnswerFrom(question) {
        const answer = Object.values(question.widgets).map((widget) => {
            if (widget.options?.choices) {
                return widget.options.choices.map(choice => {
                    if (choice.correct) {
 
                        var parNumCurAns = "parNum" + curAns
                        var createPar = document.createElement('section')
                        createPar.innerHTML = choice.content
                        document.getElementById('ansBreak').append(createPar)
 
                        curAns++
                    }
                });
            }
        }).flat();
 
        return new Answer(answer, "dropdown");
    }
})();