Gives ChatGPT a voice

ChatGPTVoice.js

const debounce = (delay) => (fn) => {
  let timeoutId;
  return (...args) => {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => {
      fn(...args);
    }, delay);
  };
};
const speak = (text) => {
  const utterance = new SpeechSynthesisUtterance(text);
  window.speechSynthesis.speak(utterance);
};

const debouncedSpeak = debounce(600)(speak);
const messagesContainer = document.querySelector(
  'div[class*="h-full dark:bg-gray-800"]',
);
const observer = new MutationObserver((mutations) => {
  for (const mutation of mutations) {
    const [newMessageContainer] = mutation.addedNodes;
    if (!newMessageContainer) continue;
    if (!newMessageContainer.classList) continue;
    if (
      !Array.from(newMessageContainer.classList).includes('dark:bg-[#444654]')
    )
      continue;
    const observer = new MutationObserver((mutations) => {
      const [newMessage] = mutations;
      debouncedSpeak(
        newMessage.target.parentNode.closest('.prose').textContent,
      );
    });
    observer.observe(newMessageContainer, {
      subtree: true,
      characterData: true,
      characterDataOldValue: true,
    });
  }
});
observer.observe(messagesContainer, { subtree: true, childList: true });