const volumeIconSelector = "[aria-label='volume_off']"
const sentenceSelector = "sentence-and-translations"
const sentenceTextSelector = '[ng-if="!vm.sentence.furigana"]'
const idLocator = '.md-subheader-content a[ng-href]'
let sentenceElements: Array<Element>

let sentences
let volumeOffIcons

type Entry = {
    text: string, 
    volumeElement: HTMLElement | null, 
    id: string | undefined 
}

sentenceElements = Array.from(document.getElementsByClassName(sentenceSelector))
volumeOffIcons = document.querySelectorAll(volumeIconSelector)

sentences = sentenceElements.reduce((acc: Array<Entry>, s) => {
    const missingVolumeIcon = s.querySelector(volumeIconSelector)

    if (missingVolumeIcon) {
        acc.push({
            text: s.querySelector(sentenceTextSelector)?.innerHTML || "",
            volumeElement: s.querySelector(volumeIconSelector),
            id: s.querySelector(idLocator)?.innerHTML.replace("#", "")
        })
    }

    return acc
}, [])
addMissingVoices One
