A hack to show how one might add bubbling to THR

Bubble snippet

// kill any saved interval to make dev easier
if (window.interval) clearInterval(window.interval);
// remember the current url
let url = null;
// Call our read function when the URL changes (there must be a better way)
function pollURL() {
    if (document.location.href != url) {
        url = document.location.href;
        readIt();
    }
}
// If we find THR text on the page, bubble it
function readIt() {
    const textBox = document.querySelector(".thr-text");
    if (textBox) {
        bubble(textBox);
    }
}
// Bubble the text in here.
function bubble(textBox) {
    const text = textBox.innerText;
    const utterance = new SpeechSynthesisUtterance(text);
    utterance.addEventListener('boundary', (e) => console.log('b', e));
    speechSynthesis.speak(utterance);
}
window.interval = setInterval(pollURL, 1000);