// ==UserScript==
// @name         Duolingo HearEverything
// @namespace    http://tampermonkey.net/
// @version      0.7
// @description  Let's you hear phrases and words from single choice questions based on your browsers speech synthesis (right now only phrases).
// @author       You
// @match        https://*.duolingo.com/*
// @grant        none
// @downloadURL none
// ==/UserScript==

// TODO: Voice selector (automagic)
// 0.7: Mutation Observer instead of setInterval
// 0.6: Add voice to choices on click
// TODO: Add autoplay selector
// 0.6.1: check why not the innerText of the answer is displayed in the full sentence?

var voiceSelect = 10; // insert voice number here

/* Find your language number here
0: SpeechSynthesisVoice {voiceURI: "Microsoft Katja Online (Natural) - German (Germany)", name: "Microsoft Katja Online (Natural) - German (Germany)", lang: "de-DE", localService: false, default: true}
1: SpeechSynthesisVoice {voiceURI: "Microsoft Natasha Online (Natural) - English (Australia)", name: "Microsoft Natasha Online (Natural) - English (Australia)", lang: "en-AU", localService: false, default: false}
2: SpeechSynthesisVoice {voiceURI: "Microsoft Clara Online (Natural) - English (Canada)", name: "Microsoft Clara Online (Natural) - English (Canada)", lang: "en-CA", localService: false, default: false}
3: SpeechSynthesisVoice {voiceURI: "Microsoft Mia Online (Natural) - English (United Kingdom)", name: "Microsoft Mia Online (Natural) - English (United Kingdom)", lang: "en-GB", localService: false, default: false}
4: SpeechSynthesisVoice {voiceURI: "Microsoft Neerja Online (Natural) - English (India)", name: "Microsoft Neerja Online (Natural) - English (India)", lang: "en-IN", localService: false, default: false}
5: SpeechSynthesisVoice {voiceURI: "Microsoft Aria Online (Natural) - English (United States)", name: "Microsoft Aria Online (Natural) - English (United States)", lang: "en-US", localService: false, default: false}
6: SpeechSynthesisVoice {voiceURI: "Microsoft Guy Online (Natural) - English (United States)", name: "Microsoft Guy Online (Natural) - English (United States)", lang: "en-US", localService: false, default: false}
7: SpeechSynthesisVoice {voiceURI: "Microsoft Elvira Online (Natural) - Spanish (Spain)", name: "Microsoft Elvira Online (Natural) - Spanish (Spain)", lang: "es-ES", localService: false, default: false}
8: SpeechSynthesisVoice {voiceURI: "Microsoft Dalia Online (Natural) - Spanish (Mexico)", name: "Microsoft Dalia Online (Natural) - Spanish (Mexico)", lang: "es-MX", localService: false, default: false}
9: SpeechSynthesisVoice {voiceURI: "Microsoft Sylvie Online (Natural) - French (Canada)", name: "Microsoft Sylvie Online (Natural) - French (Canada)", lang: "fr-CA", localService: false, default: false}
10: SpeechSynthesisVoice {voiceURI: "Microsoft Denise Online (Natural) - French (France)", name: "Microsoft Denise Online (Natural) - French (France)", lang: "fr-FR", localService: false, default: false}
11: SpeechSynthesisVoice {voiceURI: "Microsoft Swara Online (Natural) - Hindi (India)", name: "Microsoft Swara Online (Natural) - Hindi (India)", lang: "hi-IN", localService: false, default: false}
12: SpeechSynthesisVoice {voiceURI: "Microsoft Elsa Online (Natural) - Italian (Italy)", name: "Microsoft Elsa Online (Natural) - Italian (Italy)", lang: "it-IT", localService: false, default: false}
13: SpeechSynthesisVoice {voiceURI: "Microsoft Nanami Online (Natural) - Japanese (Japan)", name: "Microsoft Nanami Online (Natural) - Japanese (Japan)", lang: "ja-JP", localService: false, default: false}
14: SpeechSynthesisVoice {voiceURI: "Microsoft SunHi Online (Natural) - Korean (Korea)", name: "Microsoft SunHi Online (Natural) - Korean (Korea)", lang: "ko-KR", localService: false, default: false}
15: SpeechSynthesisVoice {voiceURI: "Microsoft Colette Online (Natural) - Dutch (Netherlands)", name: "Microsoft Colette Online (Natural) - Dutch (Netherlands)", lang: "nl-NL", localService: false, default: false}
16: SpeechSynthesisVoice {voiceURI: "Microsoft Zofia Online (Natural) - Polish (Poland)", name: "Microsoft Zofia Online (Natural) - Polish (Poland)", lang: "pl-PL", localService: false, default: false}
17: SpeechSynthesisVoice {voiceURI: "Microsoft Francisca Online (Natural) - Portuguese (Brazil)", name: "Microsoft Francisca Online (Natural) - Portuguese (Brazil)", lang: "pt-BR", localService: false, default: false}
18: SpeechSynthesisVoice {voiceURI: "Microsoft Svetlana Online (Natural) - Russian (Russia)", name: "Microsoft Svetlana Online (Natural) - Russian (Russia)", lang: "ru-RU", localService: false, default: false}
19: SpeechSynthesisVoice {voiceURI: "Microsoft Emel Online (Natural) - Turkish (Turkey)", name: "Microsoft Emel Online (Natural) - Turkish (Turkey)", lang: "tr-TR", localService: false, default: false}
20: SpeechSynthesisVoice {voiceURI: "Microsoft Xiaoxiao Online (Natural) - Chinese (Mainland)", name: "Microsoft Xiaoxiao Online (Natural) - Chinese (Mainland)", lang: "zh-CN", localService: false, default: false}
21: SpeechSynthesisVoice {voiceURI: "Microsoft Yunyang Online (Natural) - Chinese (Mainland)", name: "Microsoft Yunyang Online (Natural) - Chinese (Mainland)", lang: "zh-CN", localService: false, default: false}
22: SpeechSynthesisVoice {voiceURI: "Microsoft HiuGaai Online (Natural) - Chinese (Hong Kong)", name: "Microsoft HiuGaai Online (Natural) - Chinese (Hong Kong)", lang: "zh-HK", localService: false, default: false}
23: SpeechSynthesisVoice {voiceURI: "Microsoft HsiaoYu Online (Natural) - Chinese (Taiwan)", name: "Microsoft HsiaoYu Online (Natural) - Chinese (Taiwan)", lang: "zh-TW", localService: false, default: false}
24: SpeechSynthesisVoice {voiceURI: "Microsoft Hedda - German (Germany)", name: "Microsoft Hedda - German (Germany)", lang: "de-DE", localService: true, default: false}
25: SpeechSynthesisVoice {voiceURI: "Microsoft Katja - German (Germany)", name: "Microsoft Katja - German (Germany)", lang: "de-DE", localService: true, default: false}
26: SpeechSynthesisVoice {voiceURI: "Microsoft Stefan - German (Germany)", name: "Microsoft Stefan - German (Germany)", lang: "de-DE", localService: true, default: false}
*/

var synth = window.speechSynthesis;
var voices = [];
//let parent = HTMLElement;
var newPage = true;
var addedSpeech = false;


function start() {
    if(document.querySelector('[data-test="challenge-form-prompt"]')!=null) {
        if (newPage === true) {
            // if answer (right or wrong) is displayed
            if (document.querySelector('._1UqAr')!=null) {
                let dataPrompt = document.querySelector('[data-test="challenge-form-prompt"]');
                let solution = document.querySelector('._1UqAr');
                let read = '';
                // if it's the right solution, we get it from the selected choise
                if (solution.classList.contains('_1Nmv6')) {
                    read = dataPrompt.getAttribute('data-prompt').replace(/_+/,document.querySelector('[aria-checked="true"] div').innerText);
                } else {
                    // if it's wrong, we have to get it from the right solution display
                    read = dataPrompt.getAttribute('data-prompt').replace(/_+/,solution.innerText);
                }
//                 let checked = document.querySelector('[aria-checked="true"] div').innerText;
//                 let read = "";
//                 if(checked!="") {
//                     read = dataPrompt.getAttribute('data-prompt').replace(/_+/,checked);
//                 } else {
//                     // TODO: problem with selection - probably remove checked
//                     let solution = document.querySelector('._1UqAr');
//                     read = dataPrompt.getAttribute('data-prompt').replace(/_+/,solution.innerText);
//                 }
                // alert(read);
                let utter = new SpeechSynthesisUtterance(read);
                utter.voice = voices[voiceSelect];
                // synth.speak(utter);
                //dataPrompt.insertAdjacentHTML('afterend',`<tts autoplay value="${read}"/>`);
                updateText(read);
                document.querySelector('#speak').addEventListener('click',function(){synth.speak(utter);});
                newPage = false;
                addedSpeech = false;
            } else if((addedSpeech===false)&&(document.querySelectorAll('[aria-checked]').length!==0)) {
                // if eventListeners were not bound yet
                addSpeech();
                addedSpeech = true;
            }
        }
    } else {
        newPage = true;
    }

}

window.onload = function() {
    //_1UqAr - class for answer
    // data-test="challenge-form-prompt" - tag with fill-ins
    //data-prompt
    //aria-checked tag with fill-in options
    // _1Nmv6 - class for right answer
    // _1sqiF - class for wrong answer
    'use strict';
    // console.log('---------------------onload-------------------------');
    voices = window.speechSynthesis.getVoices();
    console.log(voices);
    new MutationObserver(start).observe(document.body, {
        childList: true,
        subtree: true
    });
};

function addSpeech() {
    let options = document.querySelectorAll('[aria-checked]');
    for (let i=0; i<options.length; i++) {
        let utter = new SpeechSynthesisUtterance(options[i].innerText);
        utter.voice = voices[voiceSelect];
        options[i].addEventListener('click',function(){synth.speak(utter);});
    }
}

function updateText(t) {
    if(document.querySelector('[data-test="challenge-form-prompt"]')) {
       document.querySelector('[data-test="challenge-form-prompt"]').innerHTML = `<div dir="ltr">
<label class="_21LCG _31Egf _371Cf _3ZPOL sgs9X">
  <button class="_1KXUd _1I13x _2kfEr _1nlVc _2fOC9 UCrz7 t5wFJ" id="speak" data-test="speaker-button">
    <span class="_3a8EI _1ZuR6">
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 73" width="94" height="73" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"><defs><clipPath id="__lottie_element_402"><rect width="94" height="73" x="0" y="0"></rect></clipPath><clipPath id="__lottie_element_404"><path d="M0,0 L1000,0 L1000,1038 L0,1038z"></path></clipPath><clipPath id="__lottie_element_409"><path d="M0,0 L1338,0 L1338,738 L0,738z"></path></clipPath></defs><g clip-path="url(#__lottie_element_402)"><g clip-path="url(#__lottie_element_404)" transform="matrix(0.26499998569488525,0,0,0.26499998569488525,-84.5,-101.53498840332031)" opacity="1" style="display: block;"><g transform="matrix(1.3600000143051147,0,0,1.3600000143051147,516.219970703125,522.4000244140625)" opacity="0.9069389991639046" style="display: block;"><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(28,176,246)" stroke-opacity="1" stroke-width="22.485592375331898" d=" M48.88100051879883,-88.13400268554688 C79.822998046875,-70.9219970703125 100.77899932861328,-37.88800048828125 100.77899932861328,0 C100.77899932861328,37.9109992980957 79.7979965209961,70.96199798583984 48.82500076293945,88.16500091552734"></path></g><g style="display: block;" transform="matrix(1.3600000143051147,0,0,1.3600000143051147,516.219970703125,522.4000244140625)" opacity="1"><path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(28,176,246)" stroke-opacity="1" stroke-width="20.500305987715482" d=" M24.131000518798828,-42.808998107910156 C39.055999755859375,-34.37099838256836 49.14099884033203,-18.354000091552734 49.14099884033203,0 C49.14099884033203,18.386999130249023 39.02000045776367,34.42900085449219 24.049999237060547,42.854000091552734"></path></g><g clip-path="url(#__lottie_element_409)" transform="matrix(1.0370399951934814,0,0,0.9629600048065186,136.53640747070312,163.66775512695312)" opacity="1" style="display: block;"><g transform="matrix(1,0,0,1,260.93701171875,373.6780090332031)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(6,0,0,6,0,0)"><path fill="rgb(28,176,246)" fill-opacity="1" d=" M-8.293000221252441,-11.675000190734863 C-8.293000221252441,-11.675000190734863 -0.12300000339746475,-11.675000190734863 -0.12300000339746475,-11.675000190734863 C2.9070000648498535,-11.675000190734863 5.367000102996826,-9.21500015258789 5.367000102996826,-6.184999942779541 C5.367000102996826,-6.184999942779541 5.367000102996826,6.425000190734863 5.367000102996826,6.425000190734863 C5.367000102996826,9.454999923706055 2.9070000648498535,11.914999961853027 -0.12300000339746475,11.914999961853027 C-0.12300000339746475,11.914999961853027 -8.293000221252441,11.914999961853027 -8.293000221252441,11.914999961853027 C-11.322999954223633,11.914999961853027 -13.782999992370605,9.454999923706055 -13.782999992370605,6.425000190734863 C-13.782999992370605,6.425000190734863 -13.782999992370605,-6.184999942779541 -13.782999992370605,-6.184999942779541 C-13.782999992370605,-9.21500015258789 -11.322999954223633,-11.675000190734863 -8.293000221252441,-11.675000190734863z M-4.980999946594238,-11.656999588012695 C-4.980999946594238,-11.656999588012695 10.218999862670898,-22.32699966430664 10.218999862670898,-22.32699966430664 C11.24899959564209,-23.047000885009766 12.659000396728516,-22.797000885009766 13.369000434875488,-21.777000427246094 C13.638999938964844,-21.39699935913086 13.779000282287598,-20.937000274658203 13.779000282287598,-20.476999282836914 C13.779000282287598,-20.476999282836914 13.779000282287598,20.472999572753906 13.779000282287598,20.472999572753906 C13.779000282287598,21.722999572753906 12.769000053405762,22.732999801635742 11.519000053405762,22.732999801635742 C11.059000015258789,22.732999801635742 10.609000205993652,22.593000411987305 10.218999862670898,22.322999954223633 C10.218999862670898,22.322999954223633 -4.980999946594238,11.652999877929688 -4.980999946594238,11.652999877929688 C-5.580999851226807,11.232999801635742 -5.940999984741211,10.543000221252441 -5.940999984741211,9.803000450134277 C-5.940999984741211,9.803000450134277 -5.940999984741211,-9.807000160217285 -5.940999984741211,-9.807000160217285 C-5.940999984741211,-10.536999702453613 -5.580999851226807,-11.22700023651123 -4.980999946594238,-11.656999588012695z"></path><g opacity="1" transform="matrix(1,0,0,1,0,0)"></g></g></g></g></g></g></svg>
    </span>
  </button>
</label>
<span>${t}</span>
</div>`;
    }
}