// ==UserScript==
// @name ChatGPT Auto-Talk 📣
// @name:af ChatGPT Auto-Praat 📣
// @name:am ChatGPT በራስሰር እንጋቢ 📣
// @name:ar ChatGPT التحدث التلقائي 📣
// @name:az ChatGPT Avtomatik-Danışıq 📣
// @name:be ChatGPT Аўта-Размова 📣
// @name:bem ChatGPT Kusogolo Kwati 📣
// @name:bg ChatGPT Авто-Разговор 📣
// @name:bn ChatGPT অটো-টক 📣
// @name:bo ChatGPT རང་འཛུལ་སྐད་ཆེན་པོ 📣
// @name:bs ChatGPT Auto-Razgovor 📣
// @name:ca ChatGPT Auto-Parla 📣
// @name:ceb ChatGPT Auto-Panulti 📣
// @name:ckb ChatGPT ئەوەی-خۆکار 📣
// @name:cs ChatGPT Automatický-Rozhovor 📣
// @name:cy ChatGPT Sgwrsio-Awtomatig 📣
// @name:da ChatGPT Auto-Tale 📣
// @name:de ChatGPT Auto-Sprechen 📣
// @name:dv ChatGPT އޮޓޯ-ކޮމިއުނިކޭޝަން 📣
// @name:dz ChatGPT རང་འཛུལ་སྐད་ཆེན་པོ 📣
// @name:el ChatGPT Αυτόματη-Ομιλία 📣
// @name:eo ChatGPT Aŭtomata-Parolo 📣
// @name:es ChatGPT Auto-Hablar 📣
// @name:et ChatGPT Automaatne-Jutt 📣
// @name:eu ChatGPT Auto-Hizketa 📣
// @name:fa ChatGPT گفتگوی خودکار 📣
// @name:fi ChatGPT Auto-Puhe 📣
// @name:fo ChatGPT Sjálvvirkandi-Prát 📣
// @name:fr ChatGPT Auto-Parler 📣
// @name:fr-CA ChatGPT Auto-Parler 📣
// @name:gd ChatGPT Fèin-Labhairt 📣
// @name:gl ChatGPT Auto-Falar 📣
// @name:gu ChatGPT ઓટો-બોલો 📣
// @name:haw ChatGPT Kūʻokoʻa-ʻŌlelo 📣
// @name:he ChatGPT דיבור-אוטומטי 📣
// @name:hi ChatGPT ऑटो-टॉक 📣
// @name:hr ChatGPT Auto-Razgovor 📣
// @name:ht ChatGPT Auto-Pale 📣
// @name:hu ChatGPT Auto-Beszélgetés 📣
// @name:hy ChatGPT Ինքնաբերաբար-Խոսք 📣
// @name:id ChatGPT Bicara-Otomatis 📣
// @name:is ChatGPT Sjálfvirk-Tal 📣
// @name:it ChatGPT Auto-Parlare 📣
// @name:ja ChatGPT オートトーク 📣
// @name:jv ChatGPT Auto-Omah 📣
// @name:ka ChatGPT ავტო-ლაპარაკი 📣
// @name:kab ChatGPT Awto-Talqeq 📣
// @name:kk ChatGPT Авто-Сөйлеу 📣
// @name:km ChatGPT ការប្រាស្រ័យអគ្គិសនី 📣
// @name:kn ChatGPT ಸ್ವಯಂಚಾಲಿತ-ಮಾತು 📣
// @name:ko ChatGPT 자동-토크 📣
// @name:ku ChatGPT Axê-Raxt 📣
// @name:ky ChatGPT Авто-Сүйлөшүү 📣
// @name:la ChatGPT Auto-Loquens 📣
// @name:lb ChatGPT Auto-Schwätzen 📣
// @name:lo ChatGPT ການເວົ້າອັດຕະໂນມັດ 📣
// @name:lt ChatGPT Auto-Kalba 📣
// @name:lv ChatGPT Auto-Saruna 📣
// @name:mg ChatGPT Auto-Kabary 📣
// @name:mi ChatGPT Aunoa-Kōrero 📣
// @name:mk ChatGPT Авто-Разговор 📣
// @name:ml ChatGPT ഓട്ടോ-സംസാരം 📣
// @name:mn ChatGPT Автомат-Яриа 📣
// @name:ms ChatGPT Auto-Bercakap 📣
// @name:mt ChatGPT Auto-Kellem 📣
// @name:my ChatGPT အလိုအလျောက်-စကားပြော 📣
// @name:ne ChatGPT स्वचालित-वार्ता 📣
// @name:nl ChatGPT Auto-Praten 📣
// @name:no ChatGPT Auto-Snakke 📣
// @name:ny ChatGPT Auto-Kulankhula 📣
// @name:pa ChatGPT ਆਟੋ-ਗੱਲਬਾਤ 📣
// @name:pap ChatGPT Auto-Papia 📣
// @name:pl ChatGPT Auto-Rozmowa 📣
// @name:ps ChatGPT خودکاره-خبري کول 📣
// @name:pt ChatGPT Auto-Falar 📣
// @name:pt-BR ChatGPT Auto-Falar 📣
// @name:rn ChatGPT Auto-Kuvuga 📣
// @name:ro ChatGPT Auto-Vorbire 📣
// @name:ru ChatGPT Авто-Разговор 📣
// @name:rw ChatGPT Ibyoguhindura 📣
// @name:sg ChatGPT Auto-Yângâ 📣
// @name:si ChatGPT ස්වයංක්රීය-කතා 📣
// @name:sk ChatGPT Automatický-Rozhovor 📣
// @name:sl ChatGPT Avtomatski-Pogovor 📣
// @name:sm ChatGPT Fetalai-Otometi 📣
// @name:sn ChatGPT Auto-Taurirana 📣
// @name:so ChatGPT Hadal-otomaatig ah 📣
// @name:sr ChatGPT Ауто-Разговор 📣
// @name:sv ChatGPT Auto-Prata 📣
// @name:sw ChatGPT Maongezi-Otomatiki 📣
// @name:ta ChatGPT தானாகவே-பேச்சு 📣
// @name:te ChatGPT ఆటో-మాట 📣
// @name:tg ChatGPT Авто-Гап 📣
// @name:th ChatGPT การสนทนาอัตโนมัติ 📣
// @name:ti ChatGPT እስካምልክቲ-ቃል ኣቐሪቡ 📣
// @name:tk ChatGPT Auto-Dialog 📣
// @name:tn ChatGPT Auto-Matla 📣
// @name:to ChatGPT Fakamatala-Otometi 📣
// @name:tpi ChatGPT Autometik-Tok 📣
// @name:tr ChatGPT Otomatik-Konuşma 📣
// @name:uk ChatGPT Авто-Розмова 📣
// @name:ur ChatGPT خودکار-بات 📣
// @name:uz ChatGPT Avto-Suhbat 📣
// @name:vi ChatGPT Tự-Động-Nói 📣
// @name:xh ChatGPT IyaZenzekelayo-Thetha 📣
// @name:yi ChatGPT אַוטאָ-רעדן 📣
// @name:zh ChatGPT 自动谈话 📣
// @name:zh-CN ChatGPT 自动谈话 📣
// @name:zh-HK ChatGPT 自動談話 📣
// @name:zh-SG ChatGPT 自动谈话 📣
// @name:zh-TW ChatGPT 自動談話 📣
// @name:zu ChatGPT Ukuzenzakalela-Ukhuluma 📣
// @description Automatically play ChatGPT responses
// @description:af Speel ChatGPT-antwoorde outomaties af
// @description:am ምርመራ ChatGPT ምላሾችን በራስ-ሰር
// @description:ar تشغيل ردود ChatGPT تلقائيًا
// @description:az ChatGPT cavablarını avtomatik olaraq oynat
// @description:be Аўтаматычнае прайграванне адказаў ChatGPT
// @description:bem Panga zolingana pa ChatGPT mwankhama
// @description:bg Автоматично възпроизвеждане на отговори от ChatGPT
// @description:bn ChatGPT প্রতিক্রিয়া স্বয়ংক্রিয়ভাবে প্লে করুন
// @description:bo ChatGPT ལྟེ་བཤོལ་རང་འཛུལ་སྐད་སྒྲོན་འགྲོ
// @description:bs Automatski reproducirajte odgovore ChatGPT-a
// @description:ca Reproduir automàticament les respostes de ChatGPT
// @description:ceb Awomatikong pagdula sa mga tubag sa ChatGPT
// @description:ckb بەرزکردنی وەڵامەکانی ChatGPT بە شێوەی خۆکار
// @description:cs Automatické přehrávání odpovědí ChatGPT
// @description:cy Chwarae atebion ChatGPT yn awtomatig
// @description:da Afspil ChatGPT-svar automatisk
// @description:de ChatGPT-Antworten automatisch abspielen
// @description:dv ChatGPT ޖެހިދާން އޮޓޯއެވެއްވިދާނެއް ކުރޭ
// @description:dz ChatGPT བརྒྱུད་གཏོང་རང་འཛུལ་སྐད་སྒྲོན་འགྲོ
// @description:el Αυτόματη αναπαραγωγή απαντήσεων ChatGPT
// @description:eo Aŭtomate ludi ChatGPT-respondojn
// @description:es Reproducir automáticamente respuestas de ChatGPT
// @description:et ChatGPT vastuste automaatne esitamine
// @description:eu ChatGPT erantzunak automatikoki erreproduzitu
// @description:fa پخش خودکار پاسخهای ChatGPT
// @description:fi Toista ChatGPT-vastaukset automaattisesti
// @description:fo Spæl ChatGPT svar sjálvvirkandi
// @description:fr Lire automatiquement les réponses de ChatGPT
// @description:fr-CA Lire automatiquement les réponses de ChatGPT
// @description:gd Cluich gu fèin-ghluasadach freagairtean ChatGPT
// @description:gl Reproducir automaticamente as respostas de ChatGPT
// @description:gu ChatGPT પ્રતિક્રિયાઓ આપોઆપ વગાડો
// @description:haw Hoʻopaʻapaʻa i nā pane ChatGPT ma ka automate
// @description:he השמע תגובות ChatGPT באופן אוטומטי
// @description:hi ChatGPT प्रतिक्रियाओं को स्वचालित रूप से चलाएं
// @description:hr Automatski reproducirajte odgovore ChatGPT-a
// @description:ht Jwe repons ChatGPT otomatikman
// @description:hu ChatGPT-válaszok automatikus lejátszása
// @description:hy Ավտոմատ նվագարկել ChatGPT-ի պատասխանները
// @description:id Mainkan respons ChatGPT secara otomatis
// @description:is Spilaðu sjálfkrafa svör ChatGPT
// @description:it Riprodurre automaticamente le risposte di ChatGPT
// @description:ja ChatGPT の回答を自動的に再生する
// @description:jv Puter balasan ChatGPT kanthi otomatis
// @description:ka ავტომატურად ითამაშეთ ChatGPT პასუხები
// @description:kab Melk ikdimen n d-yitran n ChatGPT
// @description:kk ChatGPT жауаптарын автоматты түрде ойнату
// @description:km លេងការឆ្លើយតបរបស់ ChatGPT ដោយស្វ័យប្រវត្តិ
// @description:kn ChatGPT ಪ್ರತಿಕ್ರಿಯೆಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಪ್ಲೇ ಮಾಡಿ
// @description:ko ChatGPT 응답 자동 재생
// @description:ku Serdana erebeyîyan bi xweka yên ChatGPT bixwe
// @description:ky ChatGPT жоопторун автоматтык түрдө ойнотуу
// @description:la Lude responsiones ChatGPT automatice
// @description:lb ChatGPT-Äntwerten automatesch ofspillen
// @description:lo ຄວາມສົມພາດ ChatGPT ໃນຕົວເອງ
// @description:lt Automatiškai leisti ChatGPT atsakymus
// @description:lv Automātiski atskaņot ChatGPT atbildes
// @description:mg Alefaso ho azy ny valintenin'i ChatGPT
// @description:mi Purei aunoa i ngā whakautu a ChatGPT
// @description:mk Автоматски пуштај одговори на ChatGPT
// @description:ml ChatGPT പ്രതികരണങ്ങൾ സ്വയമേവ പ്ലേ ചെയ്യുക
// @description:mn ChatGPT хариултыг автоматаар тоглуулах
// @description:ms Mainkan tindak balas ChatGPT secara automatik
// @description:mt Awtomatikament iddoqq ir-risposti ta' ChatGPT
// @description:my ChatGPT ၏တုံ့ပြန်ချက်များကို အလိုအလျောက် ဖွင့်ပါ
// @description:ne ChatGPT प्रतिक्रियाहरू स्वचालित रूपमा प्ले गर्नुहोस्
// @description:nl Speel ChatGPT-antwoorden automatisch af
// @description:no Spill ChatGPT-svar automatisk
// @description:ny Sewera mayankho a ChatGPT zokha
// @description:pa ChatGPT ਦੇ ਜਵਾਬ ਆਟੋਮੈਟਿਕ ਚਲਾਓ
// @description:pap Hunga respuesta di ChatGPT otomátikamente
// @description:pl Automatyczne odtwarzanie odpowiedzi ChatGPT
// @description:ps د ChatGPT ځوابونه په اوتومات ډول لوبې کړئ
// @description:pt Reproduzir automaticamente respostas do ChatGPT
// @description:pt-BR Reproduzir automaticamente respostas do ChatGPT
// @description:rn Gukina ivyishura vya ChatGPT ku buryo bwikora
// @description:ro Redați automat răspunsurile ChatGPT
// @description:ru Автоматическое воспроизведение ответов ChatGPT
// @description:rw Gukina ibisubizo bya ChatGPT ku buryo bwikora
// @description:sg Gbangba ko ye tere ChatGPT makumba mbene
// @description:si ChatGPT ප්රතිචාර ස්වයංක්රීයව ප්ලේ කරන්න
// @description:sk Automatické prehrávanie odpovedí ChatGPT
// @description:sl Samodejno predvajaj odgovore ChatGPT
// @description:sm Taʻa otometi tali a le ChatGPT
// @description:sn Tumira otomatiki mhinduro dzeChatGPT
// @description:so Si toos ah u ciyaar jawaabaha ChatGPT
// @description:sr Аутоматски пуштајте одговоре ChatGPT-а
// @description:sv Spela upp ChatGPT-svar automatiskt
// @description:sw Chezesha majibu ya ChatGPT kiotomatiki
// @description:ta ChatGPT பதில்களை தானாகவே இயக்கவும்
// @description:te ChatGPT ప్రతిస్పందనలను ఆటోమేటిక్ గా ప్లే చేయండి
// @description:tg Ба таври худкор ҷавобҳои ChatGPT-ро навозед
// @description:th เล่นการตอบสนอง ChatGPT โดยอัตโนมัติ
// @description:ti እቶም ምላእ ብኣውቶማቲክ ንእሽቶ ChatGPT እቶም እዩ ክንዕዘምብ እዩ
// @description:tk ChatGPT jogaplaryny awtomatiki oýnamak
// @description:tn Dira karabo tsa ChatGPT ka boitsamaisi
// @description:to Tataki ke tali ʻo e ChatGPT ‘i he ngaahi fakamatala faka‘otometiki
// @description:tpi Pleiim ol toktok blong ChatGPT olsem otomat
// @description:tr ChatGPT yanıtlarını otomatik olarak oynat
// @description:uk Автоматично відтворювати відповіді ChatGPT
// @description:ur خودکار طور پر ChatGPT جوابات چلائیں
// @description:uz ChatGPT javoblarini avtomatik ijro etish
// @description:vi Tự động phát các phản hồi của ChatGPT
// @description:xh Dlala iimpendulo zeChatGPT ngokuzenzekelayo
// @description:yi שפּיל אויטאָמאַטיש ChatGPT ענטפֿערס
// @description:zh 自动播放 ChatGPT 的回复
// @description:zh-CN 自动播放 ChatGPT 的回复
// @description:zh-HK 自動播放 ChatGPT 的回覆
// @description:zh-SG 自动播放 ChatGPT 的回复
// @description:zh-TW 自動播放 ChatGPT 的回覆
// @description:zu Dlala izimpendulo ze-ChatGPT ngokuzenzakalela
// @author Adam Lui
// @namespace https://github.com/adamlui
// @version 2024.11.27
// @license MIT
// @icon https://assets.chatgptautotalk.com/images/icons/openai/black/icon48.png?v=9f1ed3c
// @icon64 https://assets.chatgptautotalk.com/images/icons/openai/black/icon64.png?v=9f1ed3c
// @match *://chatgpt.com/*
// @match *://chat.openai.com/*
// @require https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.3.5/dist/chatgpt.min.js#sha256-rfC4kk8q0byrafp7X0Qf9vaa3JNvkHRwNnUt6uL2hUE=
// @connect cdn.jsdelivr.net
// @connect update.greasyfork.org
// @resource bsbgCSS https://assets.aiwebextensions.com/styles/css/black-rising-stars.min.css?v=50f457d#sha256-RIkvVcaRwwWHMluYKcYeIr1txKkGItLXvdhFo673ST8=
// @resource wsbgCSS https://assets.aiwebextensions.com/styles/css/white-rising-stars.min.css?v=50f457d#sha256-/cdMEDsWGfHzDc5rkoD2UGCHtiZme+z9fjkSgV2Z7No=
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @grant GM_unregisterMenuCommand
// @grant GM_getResourceText
// @grant GM_xmlhttpRequest
// @grant GM.xmlHttpRequest
// @noframes
// @homepageURL https://www.chatgptautotalk.com
// @supportURL https://support.chatgptautotalk.com
// @contributionURL https://github.com/sponsors/adamlui
// ==/UserScript==
// NOTE: This script relies on the powerful chatgpt.js library @ https://chatgpt.js.org
// © 2023–2024 KudoAI & contributors under the MIT license.
(async () => {
// Init ENV context
const env = {
browser: {
language: chatgpt.getUserLanguage(), isMobile: chatgpt.browser.isMobile(), isFF: chatgpt.browser.isFirefox()
},
scriptManager: {
name: (() => { try { return GM_info.scriptHandler } catch (err) { return 'unknown' }})(),
version: (() => { try { return GM_info.version } catch (err) { return 'unknown' }})()
}
}
const xhr = env.scriptManager.name == 'OrangeMonkey' ? GM_xmlhttpRequest : GM.xmlHttpRequest
// Init APP data
const app = {
name: 'ChatGPT Auto-Talk', symbol: '📣', configKeyPrefix: 'chatGPTautoTalk',
author: { name: 'Adam Lui', url: 'https://github.com/adamlui' },
urls: {
chatgptJS: 'https://chatgpt.js.org',
donate: {
cashApp: 'https://cash.app/$adamlui',
gitHub: 'https://github.com/sponsors/adamlui',
payPal: 'https://paypal.me/adamlui'
},
gitHub: 'https://github.com/adamlui/chatgpt-auto-talk',
greasyFork: 'https://greasyfork.org/en/scripts/500940-chatgpt-auto-talk',
relatedExtensions: 'https://github.com/adamlui/ai-web-extensions',
review: {
greasyFork: 'https://greasyfork.org/en/scripts/500940-chatgpt-auto-talk/feedback#post-discussion'
},
support: 'https://support.chatgptautotalk.com'
},
latestAssetCommitHash: '49f4fd9' // for cached messages.json + navicon
}
app.urls.assetHost = app.urls.gitHub.replace('github.com', 'cdn.jsdelivr.net/gh') + `@${app.latestAssetCommitHash}`
app.urls.update = app.urls.greasyFork.replace('https://', 'https://update.')
.replace(/(\d+)-?([a-z-]*)$/i, (_, id, name) => `${id}/${ name || 'script' }.meta.js`)
app.msgs = {
appName: app.name,
appAuthor: app.author.name,
appDesc: 'Automatically play ChatGPT responses',
menuLabel_toggleVis: 'Toggle Visibility',
menuLabel_about: 'About',
menuLabel_donate: 'Please send a donation',
about_version: 'Version',
about_poweredBy: 'Powered by',
about_sourceCode: 'Source code',
mode_autoTalk: 'Auto-Talk',
helptip_toggleVis: 'Show Auto-Talk toggle in sidebar',
alert_updateAvail: 'Update available',
alert_newerVer: 'An update to',
alert_isAvail: 'is available',
alert_upToDate: 'Up-to-date',
alert_showYourSupport: 'Show your support',
alert_isOSS: 'is open-source software built & maintained for free through 100% volunteer efforts',
alert_despiteAffliction: 'Despite being severely afflicted by',
alert_longCOVID: 'long COVID',
alert_since2020: 'since 2020',
alert_byDonatingResults: 'by donating, you help me to continue improving, fixing bugs, adding new features, and making the software even better',
alert_yourContrib: 'Your contribution',
alert_noMatterSize: 'no matter the size',
alert_directlySupports: 'directly supports my unpaid efforts to ensure this project remains free and open for all to use',
alert_tyForSupport: 'Thank you for your support',
alert_author: 'author',
alert_isUpToDate: 'is up-to-date',
btnLabel_moreAIextensions: 'More AI Extensions',
btnLabel_rateUs: 'Rate Us',
btnLabel_getSupport: 'Get Support',
btnLabel_updateCheck: 'Check for Updates',
btnLabel_update: 'Update',
btnLabel_dismiss: 'Dismiss',
link_viewChanges: 'View changes',
state_enabled: 'enabled',
state_disabled: 'disabled',
state_on: 'on',
state_off: 'off'
}
// LOCALIZE app.msgs for non-English users
if (!env.browser.language.startsWith('en')) {
const localizedMsgs = await new Promise(resolve => {
const msgHostDir = app.urls.assetHost + '/greasemonkey/_locales/',
msgLocaleDir = ( env.browser.language ? env.browser.language.replace('-', '_') : 'en' ) + '/'
let msgHref = msgHostDir + msgLocaleDir + 'messages.json', msgXHRtries = 0
function fetchMsgs() { xhr({ method: 'GET', url: msgHref, onload: handleMsgs })}
function handleMsgs(resp) {
try { // to return localized messages.json
const msgs = JSON.parse(resp.responseText), flatMsgs = {}
for (const key in msgs) // remove need to ref nested keys
if (typeof msgs[key] == 'object' && 'message' in msgs[key])
flatMsgs[key] = msgs[key].message
resolve(flatMsgs)
} catch (err) { // if bad response
msgXHRtries++ ; if (msgXHRtries == 3) return resolve({}) // try original/region-stripped/EN only
msgHref = env.browser.language.includes('-') && msgXHRtries == 1 ? // if regional lang on 1st try...
msgHref.replace(/([^_]+_[^_]+)_[^/]*(\/.*)/, '$1$2') // ...strip region before retrying
: ( msgHostDir + 'en/messages.json' ) // else use default English messages
fetchMsgs()
}
}
fetchMsgs()
})
Object.assign(app.msgs, localizedMsgs)
}
// Init SETTINGS
const config = {}
const settings = {
controls: { // displays top-to-bottom in toolbar menu
autoTalkDisabled: { type: 'toggle', label: app.msgs.mode_autoTalk },
toggleHidden: { type: 'toggle', label: app.msgs.menuLabel_toggleVis, helptip: app.msgs.helptip_toggleVis }
},
load(...keys) {
if (Array.isArray(keys[0])) keys = keys[0] // use 1st array arg, else all comma-separated ones
keys.forEach(key => config[key] = GM_getValue(app.configKeyPrefix + '_' + key, false))
},
save(key, val) { GM_setValue(app.configKeyPrefix + '_' + key, val) ; config[key] = val }
}
settings.load('autoTalkDisabled', 'toggleHidden')
// Define MENU functions
const menu = {
ids: [], state: {
symbols: ['❌', '✔️'], separator: env.scriptManager.name == 'Tampermonkey' ? ' — ' : ': ',
words: [app.msgs.state_off.toUpperCase(), app.msgs.state_on.toUpperCase()]
},
register() {
const tooltipsSupported = env.scriptManager.name == 'Tampermonkey'
&& parseInt(env.scriptManager.version.split('.')[0]) >= 5
// Add toggles
Object.keys(settings.controls).forEach(key => {
const settingIsEnabled = config[key] ^ /disabled|hidden/i.test(key)
const menuLabel = `${ settings.controls[key].symbol || menu.state.symbols[+settingIsEnabled] } `
+ settings.controls[key].label
+ menu.state.separator + menu.state.words[+settingIsEnabled]
menu.ids.push(GM_registerMenuCommand(menuLabel, () => {
settings.save(key, !config[key]) ; syncConfigToUI()
notify(`${settings.controls[key].label}: ${
menu.state.words[+(config[key] ^ /disabled|hidden/i.test(key))]}`)
}, tooltipsSupported ? { title: settings.controls[key].helptip || ' ' } : undefined))
})
// Add About entry
const aboutLabel = `💡 ${app.msgs.menuLabel_about} ${app.msgs.appName}`
menu.ids.push(GM_registerMenuCommand(aboutLabel, modals.about.show,
tooltipsSupported ? { title: ' ' } : undefined))
// Add Donate entry
const donateLabel = `💖 ${app.msgs.menuLabel_donate}`
menu.ids.push(GM_registerMenuCommand(donateLabel, modals.about.show,
tooltipsSupported ? { title: ' ' } : undefined))
},
refresh() {
if (env.scriptManager.name == 'OrangeMonkey') return
for (const id of menu.ids) { GM_unregisterMenuCommand(id) } menu.register()
}
}
function updateCheck() {
// Fetch latest meta
const currentVer = GM_info.script.version
xhr({
method: 'GET', url: app.urls.update + '?t=' + Date.now(),
headers: { 'Cache-Control': 'no-cache' },
onload: resp => { const updateAlertWidth = 377
// Compare versions
const latestVer = /@version +(.*)/.exec(resp.responseText)[1]
for (let i = 0 ; i < 4 ; i++) { // loop thru subver's
const currentSubVer = parseInt(currentVer.split('.')[i], 10) || 0,
latestSubVer = parseInt(latestVer.split('.')[i], 10) || 0
if (currentSubVer > latestSubVer) break // out of comparison since not outdated
else if (latestSubVer > currentSubVer) { // if outdated
// Alert to update
const updateModal = siteAlert(`🚀 ${app.msgs.alert_updateAvail}!`, // title
`${app.msgs.alert_newerVer} ${app.msgs.appName} `
+ `(v${latestVer}) ${app.msgs.alert_isAvail}! `
+ '<a target="_blank" rel="noopener" style="font-size: 0.7rem" '
+ 'href="' + app.urls.gitHub + '/commits/main/greasemonkey/'
+ app.urls.update.replace(/[^/]*\/([^/]*?)meta\.js/, '$1user.js') + '"'
+ `> ${app.msgs.link_viewChanges}</a>`,
function update() { // button
modals.safeWinOpen(app.urls.update.replace('meta.js', 'user.js') + '?t=' + Date.now())
}, '', updateAlertWidth
)
// Localize button labels if needed
if (!env.browser.language.startsWith('en')) {
const updateBtns = updateModal.querySelectorAll('button')
updateBtns[1].textContent = app.msgs.btnLabel_update
updateBtns[0].textContent = app.msgs.btnLabel_dismiss
}
return
}}
// Alert to no update, return to About modal
siteAlert(`${app.msgs.alert_upToDate}!`, // title
`${app.msgs.appName} (v${currentVer}) ${app.msgs.alert_isUpToDate}!`, // msg
'', '', updateAlertWidth
)
modals.about.show()
}})}
// Define FEEDBACK functions
function notify(msg, pos = '', notifDuration = '', shadow = '') {
// Strip state word to append colored one later
const foundState = menu.state.words.find(word => msg.includes(word))
if (foundState) msg = msg.replace(foundState, '')
// Show notification
chatgpt.notify(`${app.symbol} ${msg}`, pos, notifDuration, shadow || chatgpt.isDarkMode() ? '' : 'shadow')
const notif = document.querySelector('.chatgpt-notif:last-child')
// Append styled state word
if (foundState) {
const styledStateSpan = document.createElement('span')
styledStateSpan.style.cssText = `color: ${
foundState == menu.state.words[0] ? '#ef4848 ; text-shadow: rgba(255, 169, 225, 0.44) 2px 1px 5px'
: '#5cef48 ; text-shadow: rgba(255, 250, 169, 0.38) 2px 1px 5px' }`
styledStateSpan.append(foundState) ; notif.append(styledStateSpan)
}
}
function siteAlert(title = '', msg = '', btns = '', checkbox = '', width = '') {
const alertID = chatgpt.alert(title, msg, btns, checkbox, width ),
alert = document.getElementById(alertID).firstChild
modals.init(alert) // add class + starry BG + drag handlers
return alert
}
// Define MODAL functions
const modals = {
init(modal) {
modal.classList.add('chatgpt-auto-talk-modal')
modal.onmousedown = modals.dragHandlers.mousedown
fillStarryBG(modal) // add stars
},
dragHandlers: {
mousedown(event) { // find modal, attach listeners, init XY offsets
if (event.button != 0) return // prevent non-left-click drag
if (getComputedStyle(event.target).cursor == 'pointer') return // prevent drag on interactive elems
modals.dragHandlers.draggableElem = event.currentTarget
modals.dragHandlers.draggableElem.style.cursor = 'grabbing'
event.preventDefault(); // prevent sub-elems like icons being draggable
['mousemove', 'mouseup'].forEach(event => document.addEventListener(event, modals.dragHandlers[event]))
const draggableElemRect = modals.dragHandlers.draggableElem.getBoundingClientRect()
modals.dragHandlers.offsetX = event.clientX - draggableElemRect.left +21
modals.dragHandlers.offsetY = event.clientY - draggableElemRect.top +12
},
mousemove(event) { // drag modal
if (modals.dragHandlers.draggableElem) {
const newX = event.clientX - modals.dragHandlers.offsetX,
newY = event.clientY - modals.dragHandlers.offsetY
Object.assign(modals.dragHandlers.draggableElem.style, { left: `${newX}px`, top: `${newY}px` })
}
},
mouseup() { // remove listeners, reset modals.dragHandlers.draggableElem
modals.dragHandlers.draggableElem.style.cursor = 'inherit';
['mousemove', 'mouseup'].forEach(event =>
document.removeEventListener(event, modals.dragHandlers[event]))
modals.dragHandlers.draggableElem = null
}
},
about: {
show() {
// Show alert
const chatgptJSver = (/chatgpt-([\d.]+)\.min/.exec(GM_info.script.header) || [null, ''])[1],
headingStyle = 'font-size: 1.15rem',
pStyle = 'position: relative ; left: 3px',
pBrStyle = 'position: relative ; left: 4px ',
aStyle = 'color: ' + ( chatgpt.isDarkMode() ? '#c67afb' : '#8325c4' ) // purple
const aboutModal = siteAlert(
`${app.symbol} ${app.msgs.appName}`, // title
`<span style="${headingStyle}"><b>🏷️ <i>${app.msgs.about_version}</i></b>: </span>`
+ `<span style="${pStyle}">${GM_info.script.version}</span>\n`
+ `<span style="${headingStyle}"><b>⚡ <i>${app.msgs.about_poweredBy}</i></b>: </span>`
+ `<span style="${pStyle}">`
+ `<a style="${aStyle}" href="${app.urls.chatgptJS}" target="_blank" rel="noopener">`
+ 'chatgpt.js</a>' + ( chatgptJSver ? ( ' v' + chatgptJSver ) : '' ) + '</span>\n'
+ `<span style="${headingStyle}"><b>📜 <i>${app.msgs.about_sourceCode}</i></b>:</span>\n`
+ `<span style="${pBrStyle}"><a href="${app.urls.gitHub}" target="_blank" rel="nopener">`
+ app.urls.gitHub + '</a></span>',
[ // buttons
function checkForUpdates() { updateCheck() },
function getSupport() { modals.safeWinOpen(app.urls.support) },
function rateUs() { modals.safeWinOpen(app.urls.review.greasyFork) },
function moreAIextensions() { modals.safeWinOpen(app.urls.relatedExtensions) }
], '', 546 // set width
)
// Re-style text
aboutModal.querySelector('h2').style.cssText = 'text-align: center ; font-size: 37px ; padding: 9px'
aboutModal.querySelector('p').style.cssText = 'text-align: center'
// Re-format buttons to include emoji + localized label + hide Dismiss button
for (const button of aboutModal.querySelectorAll('button')) {
if (/updates/i.test(button.textContent)) button.textContent = (
'🚀 ' + ( app.msgs.btnLabel_updateCheck ))
else if (/support/i.test(button.textContent)) button.textContent = (
'🧠 ' + ( app.msgs.btnLabel_getSupport ))
else if (/rate/i.test(button.textContent)) button.textContent = (
'⭐ ' + ( app.msgs.btnLabel_rateUs ))
else if (/extensions/i.test(button.textContent)) button.textContent = (
'🤖 ' + ( app.msgs.btnLabel_moreAIextensions ))
else button.style.display = 'none' // hide Dismiss button
}
}
},
donate: {
longCOVIDwikiLink: 'https://en.wikipedia.org/wiki/Long_COVID',
show() {
// Show alert
const donateModal = siteAlert(
`💖 ${app.msgs.alert_showYourSupport}`, // title
`<p>${app.msgs.appName} ${app.msgs.alert_isOSS}.</p>`
+ `<p>${app.msgs.alert_despiteAffliction} `
+ `<a target="_blank" rel="noopener" href="${modals.donate.longCOVIDwikiLink}">`
+ `${app.msgs.alert_longCOVID}</a> `
+ `${app.msgs.alert_since2020}, ${app.msgs.alert_byDonatingResults}.</p>`
+ `<p>${app.msgs.alert_yourContrib}, <b>${app.msgs.alert_noMatterSize}</b>, `
+ `${app.msgs.alert_directlySupports}.</p>`
+ `<p>${app.msgs.alert_tyForSupport}!</p>`
+ '<img src="https://cdn.jsdelivr.net/gh/adamlui/adamlui/images/siggie/'
+ `${ chatgpt.isDarkMode() ? 'white' : 'black' }.png" `
+ 'style="height: 54px ; margin: 5px 0 -2px 5px"></img>'
+ `<p>—<b><a target="_blank" rel="noopener" href="${app.author.url}">`
+ `${app.msgs.appAuthor}</a></b>, ${app.msgs.alert_author}</p>`,
[ // buttons
function paypal() { modals.safeWinOpen(app.urls.donate.payPal) },
function githubSponsors() { modals.safeWinOpen(app.urls.donate.gitHub) },
function cashApp() { modals.safeWinOpen(app.urls.donate.cashApp) },
function rateUs() { modals.safeWinOpen(app.urls.review.greasyFork) }
], '', 478 // set width
)
// Format text
donateModal.querySelectorAll('p').forEach(p => // v-pad text, shrink line height
p.style.cssText = 'padding: 8px 0 ; line-height: 20px')
// Format buttons
const btns = donateModal.querySelectorAll('button')
btns.forEach((btn, idx) => {
if (idx == 0) btn.style.display = 'none' // hide Dismiss button
else {
btn.style.cssText = 'padding: 8px 6px !important ; margin-top: -14px ;'
+ ' width: 107px ; line-height: 14px'
if (idx == btns.length -1) // de-emphasize right-most button
btn.classList.remove('primary-modal-btn')
else if (/rate/i.test(btn.textContent)) // localize 'Rate Us' label
btn.textContent = app.msgs.btnLabel_rateUs
}
})
}
},
safeWinOpen(url) { open(url, '_blank', 'noopener') } // to prevent backdoor vulnerabilities
}
// Define UI functions
function syncConfigToUI() {
sidebarToggle.update() // based on config.autoTalkDisabled + config.toggleHidden
menu.refresh() // prefixes/suffixes
}
function createStyle(content) {
const style = document.createElement('style')
if (content) style.innerText = content
return style
}
function fillStarryBG(targetNode) {
const starsDivsContainer = document.createElement('div')
starsDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
+ 'z-index: -1'; // allow interactive elems to be clicked
['sm', 'med', 'lg'].forEach(starSize => {
const starsDiv = document.createElement('div')
starsDiv.id = `${ chatgpt.isDarkMode() ? 'white' : 'black' }-stars-${starSize}`
starsDivsContainer.append(starsDiv)
})
targetNode.prepend(starsDivsContainer)
}
const sidebarToggle = {
create() {
sidebarToggle.div = document.createElement('div')
// Create/ID/size/position navicon
const navicon = document.createElement('img') ; navicon.id = 'auto-talk-toggle-navicon'
navicon.style.cssText = 'width: 1.25rem ; height: 1.25rem ; margin-left: 2px ; margin-right: 4px'
// Create/disable/hide checkbox
const toggleInput = document.createElement('input')
Object.assign(toggleInput, { type: 'checkbox', disabled: true })
toggleInput.style.display = 'none'
// Create/stylize switch
const switchSpan = document.createElement('span')
Object.assign(switchSpan.style, {
position: 'relative', left: `${ env.browser.isMobile ? 169 : !ui.firstLink ? 160 : 154 }px`,
backgroundColor: toggleInput.checked ? '#ccc' : '#AD68FF', // init opposite final color
bottom: `${ !ui.firstLink ? -0.15 : 0 }em`,
width: '30px', height: '15px', '-webkit-transition': '.4s', transition: '0.4s', borderRadius: '28px'
})
// Create/stylize knob, append to switch
const knobSpan = document.createElement('span') ; knobSpan.id = 'auto-talk-toggle-knob-span'
Object.assign(knobSpan.style, {
position: 'absolute', left: '3px', bottom: '1.25px',
width: '12px', height: '12px', content: '""', borderRadius: '28px',
transform: toggleInput.checked ? // init opposite final pos
'translateX(0)' : 'translateX(13px) translateY(0)',
backgroundColor: 'white', '-webkit-transition': '0.4s', transition: '0.4s'
}) ; switchSpan.append(knobSpan)
// Create/stylize/fill label
const toggleLabel = document.createElement('label')
if (!ui.firstLink) // add font size/weight since no ui.firstLink to borrow from
toggleLabel.style.cssText = 'font-size: 0.875rem, font-weight: 600'
Object.assign(toggleLabel.style, {
marginLeft: `-${ !ui.firstLink ? 23 : 41 }px`, // left-shift to navicon
cursor: 'pointer', // add finger cursor on hover
width: `${ env.browser.isMobile ? 201 : 148 }px`, // to truncate overflown text
overflow: 'hidden', textOverflow: 'ellipsis' // to truncate overflown text
})
// Append elements
sidebarToggle.div.append(navicon, toggleInput, switchSpan, toggleLabel)
// Stylize/classify
sidebarToggle.div.style.cssText += 'height: 37px ; margin: 2px 0 ; user-select: none ; cursor: pointer'
if (ui.firstLink) { // borrow/assign classes from sidebar elems
const firstIcon = ui.firstLink.querySelector('div:first-child'),
firstLabel = ui.firstLink.querySelector('div:nth-child(2)')
sidebarToggle.div.classList.add(...ui.firstLink.classList, ...(firstLabel?.classList || []))
sidebarToggle.div.querySelector('img')?.classList.add(...(firstIcon?.classList || []))
}
sidebarToggle.update() // to opposite init state for animation on 1st load
// Add click listener
sidebarToggle.div.onclick = () => {
settings.save('autoTalkDisabled', toggleInput.checked) ; syncConfigToUI()
notify(`${app.msgs.mode_autoTalk}: ${menu.state.words[+!config.autoTalkDisabled]}`)
}
},
insert() {
if (sidebarToggle.status?.startsWith('insert') || document.getElementById('auto-talk-toggle-navicon')) return
sidebarToggle.status = 'inserting' ; if (!sidebarToggle.div) sidebarToggle.create()
// Insert toggle
const sidebar = document.querySelectorAll('nav')[env.browser.isMobile ? 1 : 0]
if (!sidebar) return
sidebar.insertBefore(sidebarToggle.div, sidebar.children[1])
// Tweak styles
const knobSpan = document.getElementById('auto-talk-toggle-knob-span'),
navicon = document.getElementById('auto-talk-toggle-navicon')
sidebarToggle.div.style.flexGrow = 'unset' // overcome OpenAI .grow
sidebarToggle.div.style.paddingLeft = '8px'
if (knobSpan) knobSpan.style.boxShadow = (
'rgba(0, 0, 0, .3) 0 1px 2px 0' + ( chatgpt.isDarkMode() ? ', rgba(0, 0, 0, .15) 0 3px 6px 2px' : '' ))
if (navicon) navicon.src = `${ // update navicon color in case scheme changed
app.urls.assetHost }/assets/images/icons/speaker/${
chatgpt.isDarkMode() ? 'white' : 'black' }-icon.svg`
sidebarToggle.status = 'inserted'
},
update() {
const toggleLabel = sidebarToggle.div.querySelector('label'),
toggleInput = sidebarToggle.div.querySelector('input'),
switchSpan = sidebarToggle.div.querySelector('span'),
knobSpan = switchSpan.firstChild
sidebarToggle.div.style.display = config.toggleHidden ? 'none' : 'flex'
toggleInput.checked = !config.autoTalkDisabled
toggleLabel.innerText = `${app.msgs.mode_autoTalk} ${
app.msgs['state_' + ( toggleInput.checked ? 'enabled' : 'disabled' )]}`
setTimeout(() => {
switchSpan.style.backgroundColor = toggleInput.checked ? '#ad68ff' : '#ccc'
switchSpan.style.boxShadow = toggleInput.checked ? '2px 1px 9px #d8a9ff' : 'none'
knobSpan.style.transform = toggleInput.checked ? 'translateX(13px) translateY(0)' : 'translateX(0)'
}, 1) // min delay to trigger transition fx
}
}
// Run MAIN routine
menu.register() // create browser toolbar menu
// Init BROWSER/UI props
await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 5000))]) // initial UI loaded
await chatgpt.sidebar.isLoaded()
const ui = { firstLink: chatgpt.getNewChatLink() }
// Add/update TWEAKS style
const tweaksStyleUpdated = 1732600036095 // timestamp of last edit for this file's tweaksStyle
let tweaksStyle = document.getElementById('tweaks-style') // try to select existing style
if (!tweaksStyle || parseInt(tweaksStyle.getAttribute('last-updated')) < tweaksStyleUpdated) {
if (!tweaksStyle) { // outright missing, create/id/attr/append it first
tweaksStyle = document.createElement('style') ; tweaksStyle.id = 'tweaks-style'
tweaksStyle.setAttribute('last-updated', tweaksStyleUpdated.toString())
document.head.append(tweaksStyle)
}
tweaksStyle.innerText = (
'[class$="-modal"] { z-index: 13456 ; position: absolute }' // to be click-draggable
+ ( chatgpt.isDarkMode() ? '.chatgpt-modal > div { border: 1px solid white }' : '' )
+ '.chatgpt-modal button {'
+ 'font-size: 0.77rem ; text-transform: uppercase ;' // shrink/uppercase labels
+ 'border-radius: 0 !important ;' // square borders
+ 'transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out ;' // smoothen hover fx
+ 'cursor: pointer !important ;' // add finger cursor
+ 'padding: 5px !important ; min-width: 102px }' // resize
+ '.chatgpt-modal button:hover {' // add zoom, re-scheme
+ 'transform: scale(1.055) ; color: black !important ;'
+ `background-color: #${ chatgpt.isDarkMode() ? '00cfff' : '9cdaff' } !important }`
+ ( !env.browser.isMobile ? '.modal-buttons { margin-left: -13px !important }' : '' )
+ '* { scrollbar-width: thin }' // make FF scrollbar skinny to not crop toggle
)
}
// Stylize ALERTS
if (!document.getElementById('chatgpt-alert-override-style')) {
const chatgptAlertStyle = document.createElement('style')
chatgptAlertStyle.id = 'chatgpt-alert-override-style'
chatgptAlertStyle.innerText = (
( chatgpt.isDarkMode() ? '.chatgpt-modal > div { border: 1px solid white }' : '' )
+ '.chatgpt-modal button {'
+ 'font-size: 0.77rem ; text-transform: uppercase ;'
+ 'border-radius: 0 !important ; padding: 5px !important ; min-width: 102px }'
)
document.head.append(chatgptAlertStyle)
}; // eslint-disable-line
// Add STARS styles
['wsbg', 'bsbg'].forEach(cssType => // white stars, black stars
document.head.append(createStyle(GM_getResourceText(`${cssType}CSS`))))
sidebarToggle.insert()
// Observe <main> for need to AUTO-PLAY response
await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 1000))])
const autoPlayObserver = new MutationObserver(mutations => {
if (config.autoTalkDisabled) return
for (const mutation of mutations) { if (mutation.type == 'childList')
mutation.addedNodes.forEach(node => { if (node?.tagName == 'DIV') {
const playIcon = node.querySelector('path[d^="M11 4.9099C11"]')
if (playIcon) setTimeout(() => {
if (!chatgpt.getStopGeneratingButton())
playIcon.closest('button').click()
}, 50)
}})}})
autoPlayObserver.observe(document.querySelector('main'), { childList: true, subtree: true })
// Monitor NODE CHANGES to maintain sidebar toggle visibility
new MutationObserver(() => {
if (!config.toggleHidden && !document.getElementById('auto-talk-toggle-navicon')
&& sidebarToggle.status != 'inserting') {
sidebarToggle.status = 'missing' ; sidebarToggle.insert() }
}).observe(document.body, { attributes: true, subtree: true })
// Disable distracting SIDEBAR CLICK-ZOOM effect
if (!document.documentElement.hasAttribute('sidebar-click-zoom-observed')) {
new MutationObserver(mutations => mutations.forEach(({ target }) => {
if (target.closest('[class*="sidebar"]') // include sidebar divs
&& !target.id.endsWith('-knob-span') // exclude our sidebarToggle
&& target.style.transform != 'none' // click-zoom occurred
) target.style.transform = 'none'
})).observe(document.body, { attributes: true, subtree: true, attributeFilter: [ 'style' ]})
document.documentElement.setAttribute('sidebar-click-zoom-observed', true)
}
})()
