${configListenComprehension}
${configTranslate}
${configGapFill}
${configTapComplete}
${configForm}
${configDialogue}
${configName}
${configSpeak}
${configListenTap}
${configReadComprehension}
${configListen}
${configMute}
`;
document.querySelector('[role="progressbar"]').insertAdjacentElement('afterend',configButton);
configButton.insertAdjacentElement('afterend', configDiv);
configButton.addEventListener('click', function () { togglePopout('hearEverythingConfig'); });
let configLanguage = document.getElementById('configLanguage')
configLanguage.querySelector('[value="' + voiceSelect + '"]').setAttribute('selected', true);
configLanguage.addEventListener('change', function() {
voiceSelect = configLanguage.options[configLanguage.selectedIndex].value;
GM_setValue('voiceSelect', voiceSelect);
setVoice();
});
setVisibleConfig();
document.getElementById('hearEverythingConfig').addEventListener('change', function(e) {
GM_setValue(e.target.id, e.target.checked);
config[e.target.id] = e.target.checked;
});
}
if(document.querySelector('#hearEverythingGear') && document.querySelector('[role="progressbar"]')) {
highlightConfig([LISTEN_COMPREHENSION, TRANSLATE, GAP_FILL, TAP_COMPLETE, FORM, DIALOGUE, NAME, SPEAK, LISTEN_TAP, READ_COMPREHENSION, LISTEN]);
}
}
// sets all checkboxes to the current config
function setVisibleConfig() {
(Object.keys(config)).map((key) => {
if (document.getElementById(key)) document.getElementById(key).checked = config[key];
});
}
// highlights the current challenge config
// list = array
function highlightConfig(list) {
list.map((entry) => {
document.querySelector('#config-' + entry).style = 'border: none; padding: 3px;';
});
// document.querySelector('#config-voice').style = 'border: none; padding: 3px;';
let challenge = getChallengeType()[0];
let element = document.querySelector('#config-' + challenge);
if (element !== null) element.style = 'border: 1px solid gray; border-radius: 2px; padding: 3px;';
}
// returns false or the spoken sentence
function isDuoSpeaking() {
}
function start() {
if (document.querySelector('[data-test="challenge-header"]')) {
addConfig();
checkNewPage();
let challenge = getChallengeType()[0];
if(challenge) {
buildDebug();
if (newPage === true) {
if (document.querySelector(ANSWER_QS) !== null) {
renderAnswerSpeakButton();
} else {
renderIntroSpeakButton();
// speak optionen
if (challenge === LISTEN_COMPREHENSION) {
if (addedSpeech === false && document.querySelectorAll(CHALLENGE_JUDGE_INTRO_QS).length !== 0) {
if (config.he_lc_click === true) {
let hint = document.querySelector(HINT_TOKEN_QS).parentNode.innerText.replace('…', '').replace('...', '');
addSpeech(CHALLENGE_JUDGE_QS, hint);
addedSpeech = true;
}
}
}
if (challenge === FORM) {
if (addedSpeech === false && document.querySelectorAll(CHALLENGE_JUDGE_QS).length !== 0) {
if (config.he_cf_click === true) {
addSpeech(CHALLENGE_JUDGE_QS);
addedSpeech = true;
}
}
}
if (challenge === GAP_FILL) {
if (addedSpeech === false && document.querySelectorAll(CHALLENGE_JUDGE_INTRO_QS).length !== 0) {
if (config.he_cgf_click === true) {
addSpeech(CHALLENGE_JUDGE_QS);
addedSpeech = true;
}
}
}
if (challenge === DIALOGUE) {
if (addedSpeech === false && document.querySelectorAll(CHALLENGE_JUDGE_INTRO_QS).length !== 0) {
if (config.he_cd_click === true) {
addSpeech(CHALLENGE_JUDGE_QS);
addedSpeech = true;
}
}
}
if (challenge === TAP_COMPLETE) {
if (addedSpeech === false && document.querySelectorAll(CHALLENGE_TAP_TOKEN_QS).length !== 0) {
if (config.he_ctc_click === true) {
addSpeech(CHALLENGE_TAP_TOKEN_QS);
addedSpeech = true;
}
}
}
if (challenge === READ_COMPREHENSION) {
if (addedSpeech === false && document.querySelectorAll(CHALLENGE_JUDGE_QS).length !== 0) {
if (config.he_crc_click === true) {
let hint = document.querySelector(HINT_TOKEN_QS).parentNode.parentNode.nextSibling.firstChild.innerText.replace('…', '').replace('...', '');
addSpeech(CHALLENGE_JUDGE_QS, hint);
addedSpeech = true;
}
}
}
}
}
} else {
// we detected no content to use, so we are not interested in this page
newPage = false;
}
}
}
function prepareChallengeGapFill() {
let answer;
if (document.querySelector(RIGHT_ANSWER_QS)) {
answer = document.querySelector(RIGHT_OPTION_QS).innerText;
}
if (document.querySelector(WRONG_ANSWER_QS)) {
let answerElement = document.querySelector(ANSWER_CLASS);
if(answerElement.lastElementChild) {
answer = answerElement.lastElementChild.innerText;
} else {
answer = answerElement.innerText;
}
}
// question
let read = document.querySelector(HINT_TOKEN_QS).parentNode.parentNode.innerText;
// new type, which has two blanc places
if (answer.includes('...')) {
let answers = answer.split(' ... ');
debug('answer 1 = ' + answers[0]);
debug('answer 2 = ' + answers[1]);
let reads = read.split('\n');
debug('reads = ' + reads);
if (reads.length === 2) {
read = answers[0] + reads[0] + answers[1] + reads[1];
} else {
read = reads[0] + answers[0] + reads[1] + answers[1] + reads[2];
}
} else {
// if the answer is at the start of the sentence, there's no \n
if (read.includes('\n')) {
read = read.replace('\n', answer);
} else {
read = answer + read;
}
}
document.querySelector(HINT_TOKEN_QS).parentNode.parentNode.innerHTML = `
${read}`;
return read;
}
function introChallengeGapFill() {
if (document.querySelector(HINT_TOKEN_QS)) {
let read = document.querySelector(HINT_TOKEN_QS).parentNode.parentNode.innerText;
let speaker = document.createElement('div');
speaker.innerHTML = speakerButton;
speaker.children[0].id = SPEAK_INTRO;
speaker.children[0].style = 'width:40px; height:40px; background:transparent; margin-left:-16px; margin-right:0px; padding-bottom:5px';
document.querySelector(HINT_TOKEN_QS).insertAdjacentElement('beforeBegin', speaker);
return read;
}
}
function prepareChallengeForm() {
let answer;
if (document.querySelector(RIGHT_ANSWER_QS)) {
answer = document.querySelector(RIGHT_OPTION_QS).innerText;
}
if (document.querySelector(WRONG_ANSWER_QS)) {
let answerElement = document.querySelector(ANSWER_CLASS);
if(answerElement.lastElementChild) {
answer = answerElement.lastElementChild.innerText;
} else {
answer = answerElement.innerText;
}
}
let read = document.querySelector(FORM_PROMPT_QS).getAttribute('data-prompt').replace(/_+/, answer);
document.querySelector(FORM_PROMPT_QS).innerHTML = `
${read}`;
return read;
}
function introChallengeForm() {
if (document.querySelector(FORM_PROMPT_QS)) {
let read = document.querySelector(FORM_PROMPT_QS).getAttribute('data-prompt').replace(/_+/, '\n');
let speaker = document.createElement('div');
speaker.innerHTML = speakerButton;
speaker.children[0].id = SPEAK_INTRO;
speaker.children[0].style = 'width:40px; height:40px; background:transparent; margin-left:-16px; margin-right:0px; padding-bottom:5px';
document.querySelector(FORM_PROMPT_QS).insertAdjacentElement('afterBegin', speaker);
return read;
}
}
function prepareChallengeName() {
let read;
if (document.querySelector(RIGHT_ANSWER_QS)) {
read = document.querySelector(TEXT_INPUT_QS).value;
}
if (document.querySelector(WRONG_ANSWER_QS)) {
read = document.querySelector(ANSWER_CLASS).innerText;
}
return read;
}
function prepareChallengeTranslate() {
let read;
if (document.querySelector(RIGHT_ANSWER_QS)) {
if (document.querySelector(WORD_BANK_QS)) {
// debug('innerText = ' + document.querySelector(CHALLENGE_TAP_TOKEN_QS).parentNode.parentNode.innerText);
read = document.querySelector(CHALLENGE_TAP_TOKEN_QS).parentNode.parentNode.innerText.replace(/\n/g, ' ');
read = read.replace(/' /g, "'");
} else {
let tI = document.querySelector(TRANSLATE_INPUT_QS);
if (tI.lang === config.lang) read = tI.innerHTML;
}
}
if (document.querySelector(WRONG_ANSWER_QS) || document.querySelector(RIGHT_ANSWER_TYPO_QS)) {
let answer = document.querySelector(ANSWER_CLASS);
if(answer.lastElementChild) {
read = answer.lastElementChild.innerText;
} else {
read = answer.innerText;
}
}
if (document.querySelector(SPEAKER_BUTTON_QS)) {
read = document.querySelector(HINT_TOKEN_QS).parentNode.innerText;
}
// console.debug('HearEverything: read = ' + read);
return read;
}
function prepareChallengeTapComplete() {
let read;
if (document.querySelector(RIGHT_ANSWER_QS)) {
read = document.querySelector(HINT_TOKEN_QS).parentNode.parentNode.innerText.replace(/\n/g, '');
}
if (document.querySelector(WRONG_ANSWER_QS)) {
read = document.querySelector(ANSWER_CLASS).innerText;
}
// console.debug('HearEverything: read = ' + read);
return read;
}
function prepareChallengeDialogue() {
let read;
let speaker1 = document.querySelector('[class="' + DIALOGUE_SPEAKER_CLASS + '"]').innerText;
let speaker2;
if(document.querySelector(WRONG_ANSWER_QS)) {
speaker2 = document.querySelector('._1UqAr._1sqiF').innerText;
} else {
speaker2 = document.querySelector('[aria-checked="true"]').querySelector('[data-test="challenge-judge-text"]').innerText;
}
read = speaker1 + '\n' + speaker2;
return read
}
function introChallengeDialogue() {
if (document.querySelector(HINT_SENTENCE_QS)) {
let read = document.querySelector(HINT_SENTENCE_QS).innerText;
let speaker = document.createElement('div');
speaker.innerHTML = speakerButton;
speaker.children[0].id = SPEAK_INTRO;
speaker.children[0].style = 'width:40px; height:40px; background:transparent; margin-left:-16px; margin-right:0px; padding-bottom:5px';
document.querySelector(HINT_SENTENCE_QS).insertAdjacentElement('afterBegin', speaker);
return read;
}
}
function prepareChallengeReadComprehension() {
let read;
let speaker1 = document.querySelector(HINT_TOKEN_QS).parentNode.innerText;
let speaker2;
if(document.querySelector(WRONG_ANSWER_QS)) {
speaker2 = document.querySelector(ANSWER_CLASS).innerText;
} else {
speaker2 = document.querySelector(RIGHT_OPTION_QS).innerText;
}
read = speaker1 + '\n' + document.querySelector(HINT_TOKEN_QS).parentNode.parentNode.nextSibling.firstChild.innerText.replace('...', ' ' +speaker2);
return read
}
function introChallengeReadComprehension() {
if (document.querySelector(HINT_TOKEN_QS)) {
let read = document.querySelector(HINT_TOKEN_QS).parentNode.innerText;
let speaker = document.createElement('div');
speaker.innerHTML = speakerButton;
speaker.children[0].id = SPEAK_INTRO;
speaker.children[0].style = 'width:40px; height:40px; background:transparent; margin-left:-7px; margin-bottom:-10px; margin-right:0px;';
document.querySelector(HINT_TOKEN_QS).parentNode.parentNode.insertAdjacentElement('beforeBegin', speaker);
return read;
}
}
function prepareChallengeSpeak() {
if (document.querySelector(HINT_TOKEN_QS)) {
let read = document.querySelector(HINT_TOKEN_QS).parentNode.innerText;
return read;
}
}
function prepareChallengeListenTap() {
if (document.querySelector(CHALLENGE_TAP_TOKEN_QS)) {
let read = document.querySelector(CHALLENGE_TAP_TOKEN_QS).parentNode.parentNode.innerText;
return read.replace(/\n/g, ' ').replace(/' /g, "'");
}
}
function renderIntroSpeakButton() {
if (document.querySelector(SPEAK_INTRO_QS) === null) {
let read = '';
let challenge = getChallengeType()[0];
if (challenge === DIALOGUE) read = introChallengeDialogue();
if (challenge === READ_COMPREHENSION) read = introChallengeReadComprehension();
if (challenge === FORM) read = introChallengeForm();
if (challenge === GAP_FILL || challenge === TAP_COMPLETE) read = introChallengeGapFill();
if (read !== '') {
if (DEBUG) document.querySelector('#mySentence').innerText = read;
debug('intro = ' + read);
let utter = generateUtter(read);
addSpeakListener(SPEAK_INTRO, utter, read);
if (challenge === DIALOGUE && config.he_cd_autointro) {
document.querySelector(SPEAK_INTRO_QS).click();
}
if (challenge === READ_COMPREHENSION && config.he_crc_autointro) {
document.querySelector(SPEAK_INTRO_QS).click();
}
if (challenge === FORM && config.he_cf_autointro) {
document.querySelector(SPEAK_INTRO_QS).click();
}
if (challenge === GAP_FILL && config.he_cgf_autointro) {
document.querySelector(SPEAK_INTRO_QS).click();
}
if (challenge === TAP_COMPLETE && config.he_ctc_autointro) {
document.querySelector(SPEAK_INTRO_QS).click();
}
}
}
}
function renderAnswerSpeakButton() {
let read = '';
let challenge = getChallengeType()[0];
if (challenge === FORM) {
read = prepareChallengeForm();
}
if (challenge === TRANSLATE || challenge === LISTEN || challenge === COMPLETE_REVERSE_TRANSLATION) {
read = prepareChallengeTranslate();
}
if (challenge === DIALOGUE) {
read = prepareChallengeDialogue();
}
if (challenge === READ_COMPREHENSION) {
read = prepareChallengeReadComprehension();
}
if (challenge === NAME) {
read = prepareChallengeName();
}
if (challenge === GAP_FILL) {
read = prepareChallengeGapFill();
}
/*
if (challenge === COMPLETE_REVERSE_TRANSLATION) {
read = prepareChallengeTranslate();
} */
if (challenge === TAP_COMPLETE) {
read = prepareChallengeTapComplete();
}
if (challenge === SPEAK) {
read = prepareChallengeSpeak();
}
if (challenge === LISTEN_TAP) {
read = prepareChallengeListenTap();
}
debug('read = ' + read);
let utter = generateUtter(read);
// add speaker button to answer and fill in the correct answer in the headline
updateText(read);
// if we have added the speaker button, we find it in the document
addSpeakListener('speak', utter, read);
// do it for every page to trigger the Duo speaker button also
document.removeEventListener('keydown', myShortcutListener);
document.addEventListener('keydown', myShortcutListener);
newPage = false;
// console.debug('Now it\'s an old page');
addedSpeech = false;
// console.debug('Reset: speech isn\'t attached to options any more');
// if you like autoplay, it waits 1 second an plays it
if (((challenge === TRANSLATE) || (challenge === COMPLETE_REVERSE_TRANSLATION)) && config.he_ct_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === GAP_FILL && config.he_cgf_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === TAP_COMPLETE && config.he_ctc_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === FORM && config.he_cf_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === DIALOGUE && config.he_cd_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === NAME && config.he_cn_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === SPEAK && config.he_cs_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === LISTEN_TAP && config.he_clt_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === READ_COMPREHENSION && config.he_crc_auto === true) {
timeoutAutoplay(challenge, utter);
}
if (challenge === LISTEN && config.he_cl_auto === true) {
timeoutAutoplay(challenge, utter);
}
}
function timeoutAutoplay(challenge, utter) {
timeout = setTimeout(function() {
debug('auto play ' + challenge);
synth.cancel();
synth.speak(utter);
}, config.ap_timeout);
}
function addSpeakListener(id, utter, read) {
let speak = document.querySelector('#' + id);
if(speak) {
speak.addEventListener('click',function () { synth.cancel(); synth.speak(utter); });
// console.debug('EventListener bound to speak button');
if (DEBUG) document.querySelector('#mySentence').innerText = read;
document.getElementById(id).title = read;
} else {
debug('No speak button found');
}
}
function generateUtter(read) {
let utter = new SpeechSynthesisUtterance(read);
utter.voice = voices[voiceSelect];
utter.volume = 1;
utter.pitch = 1;
utter.rate = 1;
utter.lang = config.lang;
return utter;
}
function myShortcutListener(event) {
let speak = document.querySelector('#speak');
let duoSpeak = document.querySelector(SPEAKER_BUTTON_QS);
// ALT + l combo
if (event.altKey && event.key === 'l') {
if (speak) { speak.click(); }
else if (duoSpeak) duoSpeak.click();
debug('alt = ' + event.altKey + ' + ' + event.key);
}
}
function readTapComplete(tap) {
let read = '';
let words = tap.childNodes;
words.forEach(function(word) {
if (word.nodeName === 'SPAN') read += word.children[0].innerText;
if (word.nodeName === 'DIV') {
read += word.querySelector('[class="_2Z2xv"]').children[0].innerText;
}
});
return read;
}
// gives some debug information directly in the Duo-GUI
function buildDebug() {
/*
const FORM = 'challenge-form';
const TRANSLATE = 'challenge-translate';
const DIALOGUE = 'challenge-dialogue';
const GAP_FILL = 'challenge-gapFill';
const COMPLETE_REVERSE_TRANSLATION = 'challenge-completeReverseTranslation';
const TAP_COMPLETE = 'challenge-tapComplete';
const LISTEN_COMPREHENSION = 'challenge-listenComprehension';
const READ_COMPREHENSION = 'challenge-readComprehension';
const NAME = 'challenge-name';
*/
if(DEBUG) {
if(!document.querySelector('#myChallenge')) {
let challenge = getChallengeType()[0];
let autoPlay = 'disabled';
let speakOption = 'disabled';
let autoIntro = 'disabled';
if (challenge === TRANSLATE && config.he_ct_auto) autoPlay = 'enabled';
// document.getElementById('he_cgf_auto').checked = config.he_cgf_auto;
if (challenge === GAP_FILL && config.he_cgf_auto) autoPlay = 'enabled';
// document.getElementById('he_cgf_click').checked = config.he_cgf_click;
if (challenge === GAP_FILL && config.he_cgf_click) speakOption = 'enabled';
// document.getElementById('he_ctc_auto').checked = config.he_ctc_auto;
if (challenge === TAP_COMPLETE && config.he_ctc_auto) autoPlay = 'enabled';
// document.getElementById('he_ctc_click').checked = config.he_ctc_click;
if (challenge === TAP_COMPLETE && config.he_ctc_click) speakOption = 'enabled';
// document.getElementById('he_cf_auto').checked = config.he_cf_auto;
if (challenge === FORM && config.he_cf_auto) autoPlay = 'enabled';
// document.getElementById('he_cf_click').checked = config.he_cf_click;
if (challenge === FORM && config.he_cf_click) speakOption = 'enabled';
// document.getElementById('he_cd_auto').checked = config.he_cd_auto;
if (challenge === DIALOGUE && config.he_cd_auto) autoPlay = 'enabled';
// document.getElementById('he_cd_click').checked = config.he_cd_click;
if (challenge === DIALOGUE && config.he_cd_click) speakOption = 'enabled';
// document.getElementById('he_cd_autointro').checked = config.he_cd_autointro;
if (challenge === DIALOGUE && config.he_cd_autointro) autoIntro = 'enabled';
// document.getElementById('he_cn_auto').checked = config.he_cn_auto;
if (challenge === NAME && config.he_cn_auto) autoPlay = 'enabled';
// document.getElementById('he_muteduo').checked = config.he_muteduo;
if (challenge === LISTEN_COMPREHENSION && config.he_lc_click) speakOption = 'enabled';
// if (challenge === DIALOGUE && config.he_cd_autointro) autoIntro = 'enabled';
if (challenge === SPEAK && config.he_cs_auto) autoPlay = 'enabled';
let debug = document.createElement('div');
debug.innerHTML = `
Challenge-Name: ${getChallengeType()[0]}
Sentence to speak:
Speak options: ${speakOption}
Auto play: ${autoPlay}
Auto intro: ${autoIntro}
Not found: `;
debug.style = "font-size: small; text-align:left; display:grid;";
document.querySelector('[data-test="challenge-header"]').insertAdjacentElement('afterend', debug);
if (!document.querySelector(HINT_SENTENCE_QS)) document.querySelector('#myNotFound').innerText += ' HINT_SENTENCE: ' + HINT_SENTENCE;
if (!document.querySelector(SPEAKER_BUTTON_QS)) document.querySelector('#myNotFound').innerText += ' SPEAKER_BUTTON: ' + SPEAKER_BUTTON;
}
}
}
function checkNewPage() {
if(!document.querySelector('#myNewPage')) {
let nP = document.createElement('div');
nP.id = 'myNewPage';
document.querySelector('[data-test="challenge-header"]').insertAdjacentElement('afterend', nP);
//console.debug('---- div - newPage ----');
debug('Challenge Type = ' + getChallengeType()[0]);
newPage = true;
if (howlPlay === false) {
synth.cancel();
} else {
howlPlay = false;
}
} else {
//console.debug('---- div - oldPage ----');
}
}
// returns challenge type or false
function getChallengeType() {
let element = document.querySelector('[data-test~="challenge"]');
if (element !== null) {
return [element.getAttribute('data-test').split(' ')[1], element];
} else {
return [false];
}
}
// gets the type of the current challenge
// returns array [type, HTMLElement]
// returns null if no usable type is found
// if returnEverything = true, it returns also noType
function parsedChallengeType(returnEverything = false) {
let type = null;
let noType = ['Unidentified Page Type'];
for (let i = 0; i < TEST.length; i++) {
if (document.querySelector(`[data-test="${TEST[i]}"]`)) {
type = [TEST[i], document.querySelector(`[data-test="${TEST[i]}"]`)];
}
}
if (document.querySelector(`[data-test="${SELECT_TRANSCRIPTION}"]`)) { noType = ['No usable page type (' + SELECT_TRANSCRIPTION + ')','']; }
if (document.querySelector(`[data-test="${READ_COMPREHENSION}"]`)) { noType = ['No usable page type (' + READ_COMPREHENSION + ')','']; }
if (document.querySelector(`[data-test="${LISTEN}"]`)) { noType = ['No usable page type (' + LISTEN + ')','']; }
if (document.querySelector(`[data-test="${LISTEN_TAP}"]`)) { noType = ['No usable page type (' + LISTEN_TAP + ')','']; }
if (document.querySelector(`[data-test="${LISTEN_COMPREHENSION}"]`)) { noType = ['No usable page type (' + LISTEN_COMPREHENSION + ')','']; }
// type ? console.info('HearEverything: Page Type = ' + type[0]) : console.info('HearEverything: ' + noType[0]);
if(returnEverything) {
return type ? type : noType;
} else {
return type;
}
}
function addSpeech(qs, t = '') {
//console.debug('Add speech to the option buttons:');
if (t !== '') t += ' ';
let options = document.querySelectorAll(qs);
for (let i=0; i