${msg}
${GeminiSVG}
`); //Create the AI menu HTML
var transcript = ""; //Add words
startGeneratingText();
shadowRoot.querySelector("#CloseOverlay").classList.add('show'); //Show a black overlay
var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
var recognition = new SpeechRecognition();
recognition.interimResults = true; //Show partial results
recognition.continuous = true; //Keep listening until stopped
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
getSelection().removeAllRanges(); //UnSelect the selected text so that if the user clicks on a previously selected text the menu won't show up again
shadowRoot.querySelector("#CloseOverlay").onclick = function() {
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') { //If the Gemini BTN is hidden
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
}
};
shadowRoot.querySelector("#TopPause").onclick = function() {
shadowRoot.querySelector("#dictate").classList.add('show'); //Show the dictate BTN
shadowRoot.querySelector("#TopPause").classList.remove('show'); //Hide the TopPause BTN
request.abort(); //Abort the request
};
recognition.onend = function() {
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
});
isRecognizing = false;
transcript !== '' ? Generate(transcript, shadowRoot.querySelector("#prompt").className) : shadowRoot.querySelector("#finalanswer").innerHTML = `
No audio detected. Please try again or check your mic settings.ㅤㅤㅤㅤㅤㅤㅤㅤㅤ
`; //Call the AI API if audio has been 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.length > 240 ? transcript.slice(0, 240) + '…' : transcript; //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
});
}
};
var desiredVoice = null;
speechSynthesis.onvoiceschanged = () => desiredVoice = speechSynthesis.getVoices().find(v => v.name === "Microsoft Zira - English (United States)"); //Get and store the desired voice
speechSynthesis.onvoiceschanged(); //Handle cases where the event doesn't fire
function speakText(text) {
audio.voice = desiredVoice; //Use the desiredVoice
speechSynthesis.speak(audio); //Speak the text
}
shadowRoot.querySelectorAll("#speak, #bottompause").forEach(function(el) {
el.onclick = function() { //When 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("#bottompause").classList.remove('show'); //Hide the pause BTN
}
else
{
shadowRoot.querySelector("#speak").style.display = 'none'; //Hide the play BTN
shadowRoot.querySelector("#bottompause").classList.add('show'); //Show the pause BTN
speakText(audio); //Speak the AI reponse text
audio.onend = (event) => {
shadowRoot.querySelector("#speak").style.display = 'inline-flex'; //Show the play BTN
shadowRoot.querySelector("#bottompause").classList.remove('show'); //Hide the pause BTN
};
}
};
});
shadowRoot.querySelector("#NewAnswer").onclick = function() {
shadowRoot.querySelector("#dictate").classList.remove('show'); //Hide the dictate BTN
shadowRoot.querySelector("#TopPause").classList.add('show'); //Show the top pause BTN
Generate(Prompt, button); //Call the AI API
};
} //Finish the onloadstart event listener
});//Finish the GM.xmlHttpRequest function
} //Finish 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);
});
if (document.body.textContent !== '' || document.body.innerText !== '') //If the body has any text
{
document.body.appendChild(HtmlMenu); //Add the script menu div container
}
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'));
}
if (GM_getValue("APIKey") !== null && GM_getValue("APIKey") !== '') {
Generate(SelectedText, this.className); //Call the AI API
}
};
});
//Allow the script in iframes__________________________________________________________________________________________________________________________________________________________________
setTimeout(function() {
const AllIframes = document.querySelectorAll("iframe");
for (var i = AllIframes.length; i--;) {
if (AllIframes[i].allow.match('clipboard-write;') === null && AllIframes[i].src.match(Links) !== null && AllIframes[i].src.match(/recaptcha|(rt|hrms.*.*.edu)|challenges.cloudflare|youtube|dailymotion|vimeo|streamtape|mcloud|vidstream|dood.wf|mp4upload|googlevideo|kaltura|crunchyroll|animesup|embtaku.pro|aniwave.se\/ajax|google.com\/recaptcha\/|blank.html|\.mp4/) === null) //If the iframe doesn't have the clipboard-write attribute yet, it has a link and it isn't a video
{
AllIframes[i].allow = AllIframes[i].allow + 'clipboard-write;'; //Add the permission to copy the iframe text
AllIframes[i].src = AllIframes[i].src; //Reload the iframe to apply the new permissions
}
}
}, 4000);
window.addEventListener('scroll', async function() {
shadowRoot.querySelector("#highlight_menu").classList.remove('show'); //Hide the menu
if (LeftClicked === false && SelectedText !== '') { //If the Left Click isn't being held, and if something is currently selected
getSelection().removeAllRanges(); //UnSelect the selected text when scrolling the page down so that if the user clicks on the past selected text the menu won't show up again
}
});
}