ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤResponse has been interrupted.
');
},
onloadstart: function(response) {
handleState('start');
shadowRoot.querySelector("#prompt").focus();
shadowRoot.querySelector("#msg").innerHTML = msg;
shadowRoot.querySelector("#copyAnswer").onclick = function() {
shadowRoot.querySelector("#copyAnswer").style.display = 'none';
shadowRoot.querySelector("#AnswerCopied").style.display = 'inline-flex';
GM_setClipboard(shadowRoot.querySelector("#finalanswer").innerText.replace('ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ', ''));
setTimeout(() => { //Return play BTN svg
shadowRoot.querySelector("#copyAnswer").style.display = 'inline-flex';
shadowRoot.querySelector("#AnswerCopied").style.display = 'none';
}, 1000);
};
const reader = response.response.getReader();
const decoder = new TextDecoder();
var buffer = '', partialMarkdown = '';
function readStream() {
reader.read().then(({ value }) => {
buffer += decoder.decode(value, { stream: true });
var startIdx = 0;
while (true) {
const openBrace = buffer.indexOf('{', startIdx);
if (openBrace === -1) break;
var balance = 1, closeBrace = openBrace + 1;
while (balance > 0 && closeBrace < buffer.length) {
if (buffer[closeBrace] === '{') balance++;
if (buffer[closeBrace] === '}') balance--;
closeBrace++;
}
if (balance !== 0) break; //Incomplete JSON object
const jsonString = buffer.substring(openBrace, closeBrace);
const item = JSON.parse(jsonString);
clearInterval(Generating); //Stop showing ▋
partialMarkdown += item.candidates?.[0]?.content?.parts?.[0]?.text || item.error.message; //If there's no error show the AI answer, else show the error message
const tempDiv = document.createElement('div');
tempDiv.innerHTML = window.marked.parse(partialMarkdown);
shadowRoot.querySelector("#finalanswer").innerHTML = '';
shadowRoot.querySelector("#finalanswer").appendChild(tempDiv);
startIdx = closeBrace;
}
buffer = buffer.substring(startIdx);
readStream();
});
}
readStream();
shadowRoot.querySelector("#CloseOverlay").classList.add('show');
shadowRoot.querySelector("#highlight_menu").classList.remove('show'); //Hide the mini menu on the page
shadowRoot.querySelectorAll("#AIBox, .animated-border, #AIBox.AnswerBox").forEach(el => el.classList.add('show')); //Show the AI input and box
var SpeechRecognition = SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
recognition.interimResults = true; //Show partial results
recognition.continuous = true; //Keep listening until stopped
var transcript = ""; //Add words
shadowRoot.querySelector("#CloseOverlay").onclick = function() {
[...shadowRoot.querySelector("#finalanswer div").childNodes].slice(0, -1).forEach(node => node.remove()); //Reset the text content
shadowRoot.querySelectorAll("#AIBox, .animated-border, #AIBox.AnswerBox").forEach(el => el.classList.remove('show')); //Hide the AI input and box
this.classList.remove('show');
recognition.stop(); //Stop recognizing audio
speechSynthesis.cancel(); //Stop speaking
request.abort(); //Abort any ongoing request
if (shadowRoot.querySelector("#gemini").style.display === 'none') {
shadowRoot.querySelector("#AddContext").remove(); //Return original prompt input styles
shadowRoot.querySelector("#context").classList.remove('show');
shadowRoot.querySelector("#prompt").placeholder = 'Enter your prompt to Gemini'; //Return default placeholder
}
};
shadowRoot.querySelector("#TopPause").onclick = function() {
request.abort();
};
recognition.onend = function() {
isRecognizing = false;
shadowRoot.querySelectorAll('.state1, .state2, .state3').forEach((state, index) => { //ForEach SVG animation state
index.toString().match(/1|2/) && (state.style.display = 'none'); //Show only the 1 state
state.classList.remove('animate'+index); //Stop the voice recording animation
});
transcript ? Generate(transcript, shadowRoot.querySelector("#prompt").className) : shadowRoot.querySelector("#finalanswer").innerHTML = toHTML(`
No audio detected. Please try again or check your mic settings.ㅤㅤㅤㅤㅤㅤㅤㅤㅤ
`); //Call the AI API if transcript audio words were detected or show an error message
}; //Finish the recognition end event listener
recognition.onresult = function(event) { //Handle voice recognition results
transcript = ""; //Clear the transcript at the start of the event
for (var i = 0; i < event.results.length; i++) { //For all transcript results
transcript += event.results[i][0].transcript + ' '; //Concatenate all intermediate transcripts
}
shadowRoot.querySelector("#msg").innerText = transcript.slice(0, 240) + (transcript.length > 240 ? '…' : ''); //Display recognized words
};
shadowRoot.querySelector("#dictate").onclick = function() {
if (isRecognizing) {
recognition.stop();
} else {
isRecognizing = true;
recognition.start();
shadowRoot.querySelectorAll('.state1, .state2, .state3').forEach((state, index) => { //ForEach SVG animation state
state.style.display = 'unset'; //Show all states
state.classList.add('animate'+index); //Start the voice recording animation
});
}
};
speechSynthesis.onvoiceschanged = () => desiredVoice = speechSynthesis.getVoices().find(v => v.name === "Microsoft Zira - English (United States)"); //Find and store the desired voice
speechSynthesis.onvoiceschanged(); //Handle cases where the event doesn't fire
shadowRoot.querySelectorAll("#speak, #SpeakingPause").forEach(function(el) {
el.onclick = function() { //When the speak or the bottom pause BTNs are clicked
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
shadowRoot.querySelector("#speak").style.display = 'inline-flex'; //Show the play BTN
shadowRoot.querySelector("#SpeakingPause").classList.remove('show'); //Hide the pause BTN
}
else
{
shadowRoot.querySelector("#speak").style.display = 'none'; //Hide the play BTN
shadowRoot.querySelector("#SpeakingPause").classList.add('show');
var audio = new SpeechSynthesisUtterance(shadowRoot.querySelector("#finalanswer").innerText.replace(/.*?\(..-..\)|[^\p{L}\p{N}\s%.,!?]/gui, '')); //Play the AI response text, removing non-alphanumeric characters and lang locales for better pronunciation
audio.voice = desiredVoice; //Use the desiredVoice
speechSynthesis.speak(audio); //Speak the text
audio.onend = (event) => {
shadowRoot.querySelector("#speak").style.display = 'inline-flex'; //Show the play BTN
shadowRoot.querySelector("#SpeakingPause").classList.remove('show');
};
}
};
});
shadowRoot.querySelector("#NewAnswer").onclick = function() {
recognition.stop(); //Stop recognizing audio
speechSynthesis.cancel(); //Stop speaking
Generate(Prompt, button); //Call the AI API
};
} //Finishes the onloadstart event listener
});//Finishes the GM.xmlHttpRequest function
} //Finishes the Generate function
shadowRoot.querySelector("#prompt").addEventListener("keydown", (event) => {
if (event.key === "Enter") {
Generate(shadowRoot.querySelector("#prompt").value, shadowRoot.querySelector("#prompt").className); //Call the AI API
shadowRoot.querySelector("#prompt").value = ''; //Erase the prompt text
}
if (event.key === "Tab") {
if (shadowRoot.querySelector("#prompt").placeholder.match('using')) { //If the input bar contains the word "using"
shadowRoot.querySelector("#AddContext").remove(); //Return original prompt input styles
shadowRoot.querySelector("#context").classList.remove('show'); //Hide the context view
shadowRoot.querySelector("#prompt").placeholder = 'Enter your prompt to Gemini'; //Return default placeholder
}
else
{
shadowRoot.querySelector("#context").classList.add('show'); //Show the context view
shadowRoot.querySelector("#prompt").placeholder = `Gemini is using ${location.host.replace('www.','')} for context...`; //Change placeholder
shadowRoot.querySelector("#highlight_menu").insertAdjacentHTML('beforebegin', ` `); //Show the context bar
}
}
setTimeout(() => { //Wait for the code above to execute
shadowRoot.querySelector("#prompt").focus(); //Refocus on the input bar
}, 0);
});
shadowRoot.querySelectorAll("#AIBTN").forEach(function(button) {
button.onmousedown = function(event, i) { //When the Explore or the Translate BTNs are clicked
if (GM_getValue("APIKey") === undefined || GM_getValue("APIKey") === null || GM_getValue("APIKey") === '') { //Set up the API Key if it isn't already set
GM_setValue("APIKey", prompt('Enter your API key\n*Press OK\n\nYou can get a free API key at https://aistudio.google.com/app/apikey'));
}
if (GM_getValue("APIKey") !== null && GM_getValue("APIKey") !== '') {
Generate(SelectedText, this.className); //Call the AI API
}
};
});
if (document.body.textContent !== '' || document.body.innerText !== '') //If the body has any text
{
document.body.appendChild(HtmlMenu); //Add the script menu div container
}
shadowRoot.querySelector('#CopyBTN').onmousedown = function() {
GM_setClipboard(SelectedText);
};
window.addEventListener('scroll', async function() {
shadowRoot.querySelector("#highlight_menu").classList.remove('show'); //Hide the menu
});
}