Converted string concatenations into template literals ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-auto-talk]

kudo-sync-bot · kudo-sync-bot · commit e4f339bd0aba · 2025-09-05T15:45:14.000-07:00
diff --git a/chatgpt/chatgpt-auto-talk/chatgpt-auto-talk.user.js b/chatgpt/chatgpt-auto-talk/chatgpt-auto-talk.user.js
@@ -225,7 +225,7 @@
 // @description:zu      Dlala izimpendulo ze-ChatGPT ngokuzenzakalela
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.9.5.4
+// @version             2025.9.5.5
 // @license             MIT
 // @icon                data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22180%22%20height=%22180%22%20fill=%22none%22%3E%3Cstyle%3E:root%7B--primary-fill:%23000;--secondary-fill:%23fff;%7D@media%20(prefers-color-scheme:dark)%7B:root%7B--primary-fill:%23fff;--secondary-fill:%23000;%7D%7D%3C/style%3E%3Cg%20clip-path=%22url(%23a)%22%3E%3Crect%20width=%22180%22%20height=%22180%22%20fill=%22var(--primary-fill)%22%20rx=%2290%22/%3E%3Cg%20clip-path=%22url(%23b)%22%3E%3Cpath%20fill=%22var(--secondary-fill)%22%20d=%22M75.91%2073.628V62.232c0-.96.36-1.68%201.199-2.16l22.912-13.194c3.119-1.8%206.838-2.639%2010.676-2.639%2014.394%200%2023.511%2011.157%2023.511%2023.032%200%20.839%200%201.799-.12%202.758l-23.752-13.914c-1.439-.84-2.879-.84-4.318%200L75.91%2073.627Zm53.499%2044.383v-27.23c0-1.68-.72-2.88-2.159-3.719L97.142%2069.55l9.836-5.638c.839-.48%201.559-.48%202.399%200l22.912%2013.195c6.598%203.839%2011.035%2011.995%2011.035%2019.912%200%209.116-5.397%2017.513-13.915%2020.992v.001Zm-60.577-23.99-9.836-5.758c-.84-.48-1.2-1.2-1.2-2.16v-26.39c0-12.834%209.837-22.55%2023.152-22.55%205.039%200%209.716%201.679%2013.676%204.678L70.993%2055.516c-1.44.84-2.16%202.039-2.16%203.719v34.787-.002Zm21.173%2012.234L75.91%2098.339V81.546l14.095-7.917%2014.094%207.917v16.793l-14.094%207.916Zm9.056%2036.467c-5.038%200-9.716-1.68-13.675-4.678l23.631-13.676c1.439-.839%202.159-2.038%202.159-3.718V85.863l9.956%205.757c.84.48%201.2%201.2%201.2%202.16v26.389c0%2012.835-9.957%2022.552-23.27%2022.552v.001Zm-28.43-26.75L47.72%20102.778c-6.599-3.84-11.036-11.996-11.036-19.913%200-9.236%205.518-17.513%2014.034-20.992v27.35c0%201.68.72%202.879%202.16%203.718l29.989%2017.393-9.837%205.638c-.84.48-1.56.48-2.399%200Zm-1.318%2019.673c-13.555%200-23.512-10.196-23.512-22.792%200-.959.12-1.919.24-2.879l23.63%2013.675c1.44.84%202.88.84%204.32%200l30.108-17.392v11.395c0%20.96-.361%201.68-1.2%202.16l-22.912%2013.194c-3.119%201.8-6.837%202.639-10.675%202.639Zm29.748%2014.274c14.515%200%2026.63-10.316%2029.39-23.991%2013.434-3.479%2022.071-16.074%2022.071-28.91%200-8.396-3.598-16.553-10.076-22.43.6-2.52.96-5.039.96-7.557%200-17.153-13.915-29.99-29.989-29.99-3.239%200-6.358.48-9.477%201.56-5.398-5.278-12.835-8.637-20.992-8.637-14.515%200-26.63%2010.316-29.39%2023.991-13.434%203.48-22.07%2016.074-22.07%2028.91%200%208.396%203.598%2016.553%2010.075%2022.431-.6%202.519-.96%205.038-.96%207.556%200%2017.154%2013.915%2029.989%2029.99%2029.989%203.238%200%206.357-.479%209.476-1.559%205.397%205.278%2012.835%208.637%2020.992%208.637Z%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id=%22a%22%3E%3Cpath%20d=%22M0%200h180v180H0z%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22b%22%3E%3Cpath%20d=%22M29.487%2029.964h121.035v119.954H29.487z%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E
 // @icon64              data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22180%22%20height=%22180%22%20fill=%22none%22%3E%3Cstyle%3E:root%7B--primary-fill:%23000;--secondary-fill:%23fff;%7D@media%20(prefers-color-scheme:dark)%7B:root%7B--primary-fill:%23fff;--secondary-fill:%23000;%7D%7D%3C/style%3E%3Cg%20clip-path=%22url(%23a)%22%3E%3Crect%20width=%22180%22%20height=%22180%22%20fill=%22var(--primary-fill)%22%20rx=%2290%22/%3E%3Cg%20clip-path=%22url(%23b)%22%3E%3Cpath%20fill=%22var(--secondary-fill)%22%20d=%22M75.91%2073.628V62.232c0-.96.36-1.68%201.199-2.16l22.912-13.194c3.119-1.8%206.838-2.639%2010.676-2.639%2014.394%200%2023.511%2011.157%2023.511%2023.032%200%20.839%200%201.799-.12%202.758l-23.752-13.914c-1.439-.84-2.879-.84-4.318%200L75.91%2073.627Zm53.499%2044.383v-27.23c0-1.68-.72-2.88-2.159-3.719L97.142%2069.55l9.836-5.638c.839-.48%201.559-.48%202.399%200l22.912%2013.195c6.598%203.839%2011.035%2011.995%2011.035%2019.912%200%209.116-5.397%2017.513-13.915%2020.992v.001Zm-60.577-23.99-9.836-5.758c-.84-.48-1.2-1.2-1.2-2.16v-26.39c0-12.834%209.837-22.55%2023.152-22.55%205.039%200%209.716%201.679%2013.676%204.678L70.993%2055.516c-1.44.84-2.16%202.039-2.16%203.719v34.787-.002Zm21.173%2012.234L75.91%2098.339V81.546l14.095-7.917%2014.094%207.917v16.793l-14.094%207.916Zm9.056%2036.467c-5.038%200-9.716-1.68-13.675-4.678l23.631-13.676c1.439-.839%202.159-2.038%202.159-3.718V85.863l9.956%205.757c.84.48%201.2%201.2%201.2%202.16v26.389c0%2012.835-9.957%2022.552-23.27%2022.552v.001Zm-28.43-26.75L47.72%20102.778c-6.599-3.84-11.036-11.996-11.036-19.913%200-9.236%205.518-17.513%2014.034-20.992v27.35c0%201.68.72%202.879%202.16%203.718l29.989%2017.393-9.837%205.638c-.84.48-1.56.48-2.399%200Zm-1.318%2019.673c-13.555%200-23.512-10.196-23.512-22.792%200-.959.12-1.919.24-2.879l23.63%2013.675c1.44.84%202.88.84%204.32%200l30.108-17.392v11.395c0%20.96-.361%201.68-1.2%202.16l-22.912%2013.194c-3.119%201.8-6.837%202.639-10.675%202.639Zm29.748%2014.274c14.515%200%2026.63-10.316%2029.39-23.991%2013.434-3.479%2022.071-16.074%2022.071-28.91%200-8.396-3.598-16.553-10.076-22.43.6-2.52.96-5.039.96-7.557%200-17.153-13.915-29.99-29.989-29.99-3.239%200-6.358.48-9.477%201.56-5.398-5.278-12.835-8.637-20.992-8.637-14.515%200-26.63%2010.316-29.39%2023.991-13.434%203.48-22.07%2016.074-22.07%2028.91%200%208.396%203.598%2016.553%2010.075%2022.431-.6%202.519-.96%205.038-.96%207.556%200%2017.154%2013.915%2029.989%2029.99%2029.989%203.238%200%206.357-.479%209.476-1.559%205.397%205.278%2012.835%208.637%2020.992%208.637Z%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id=%22a%22%3E%3Cpath%20d=%22M0%200h180v180H0z%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22b%22%3E%3Cpath%20d=%22M29.487%2029.964h121.035v119.954H29.487z%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E
@@ -283,9 +283,9 @@
             onload: resp => resolve(JSON.parse(resp.responseText))
         })),
         msgs: await new Promise(resolve => {
-            const msgHostDir = app.urls.resourceHost + '/greasemonkey/_locales/',
-                  msgLocaleDir = ( env.browser.language ? env.browser.language.replace('-', '_') : 'en' ) + '/'
-            let msgHref = msgHostDir + msgLocaleDir + 'messages.json', msgXHRtries = 0
+            const msgHostDir = `${app.urls.resourceHost}/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
@@ -298,7 +298,7 @@
                     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(/(_locales\/[^_]+)_[^_]+(\/)/, '$1$2') // ...strip region before retrying
-                            : ( msgHostDir + 'en/messages.json' ) // else use default English messages
+                            : `${msgHostDir}en/messages.json` // else use default English messages
                     fetchMsgs()
                 }
             }
@@ -469,11 +469,11 @@
             )
 
             // Format text
-            aboutModal.querySelector('h2').style.cssText = (
-                'text-align: center ; font-size: 51px ; line-height: 46px ; padding: 15px 0' )
-            aboutModal.querySelector('p').style.cssText = (
-                'text-align: center ; overflow-wrap: anywhere ;'
-              + `margin: ${ env.browser.isPortrait ? '6px 0 -16px' : '3px 0 29px' }` )
+            aboutModal.querySelector('h2').style.cssText = `
+                text-align: center ; font-size: 51px ; line-height: 46px ; padding: 15px 0`
+            aboutModal.querySelector('p').style.cssText = `
+                text-align: center ; overflow-wrap: anywhere ;
+                margin: ${ env.browser.isPortrait ? '6px 0 -16px' : '3px 0 29px' }`
 
             // Hack buttons
             aboutModal.querySelectorAll('button').forEach(btn => {
@@ -557,8 +557,8 @@
                 // Format buttons
                 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'
+                    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')
                 }
@@ -603,41 +603,42 @@
         stylize() {
             if (!this.styles) document.head.append(this.styles = dom.create.elem('style'))
             this.styles.textContent = (
-                `.${this.class} {` // modals
-                  + 'user-select: none ; -webkit-user-select: none ; -moz-user-select: none ; -ms-user-select: none ;'
-                  + 'font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto,'
-                      + 'Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif ;'
-                  + 'padding: 20px 25px 24px 25px !important ; font-size: 20px ;'
-                  + `color: ${ env.ui.scheme == 'dark' ? 'white' : 'black' } !important ;`
-                  + `background-image: linear-gradient(180deg, ${
-                       env.ui.scheme == 'dark' ? '#99a8a6 -200px, black 200px' : '#b6ebff -296px, white 171px' }) }`
-              + `.${this.class} [class*=modal-close-btn] {`
-                  + 'position: absolute !important ; float: right ; top: 14px !important ; right: 16px !important ;'
-                  + 'cursor: pointer ; width: 33px ; height: 33px ; border-radius: 20px }'
-              + `.${this.class} [class*=modal-close-btn] svg { height: 10px }`
-              + `.${this.class} [class*=modal-close-btn] path {`
-                  + `${ env.ui.scheme == 'dark' ? 'stroke: white ; fill: white' : 'stroke: #9f9f9f ; fill: #9f9f9f' }}`
-              + ( env.ui.scheme == 'dark' ?  // invert dark mode hover paths
-                    `.${this.class} [class*=modal-close-btn]:hover path { stroke: black ; fill: black }` : '' )
-              + `.${this.class} [class*=modal-close-btn]:hover { background-color: #f2f2f2 }` // hover underlay
-              + `.${this.class} [class*=modal-close-btn] svg { margin: 11.5px }` // center SVG for hover underlay
-              + `.${this.class} a { color: #${ env.ui.scheme == 'dark' ? '00cfff' : '1e9ebb' } !important }`
-              + `.${this.class} h2 { font-weight: bold }`
-              + `.${this.class} button {`
-                  + '--btn-transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out ;'
-                  + 'font-size: 14px ; text-transform: uppercase ;' // shrink/uppercase labels
-                  + 'border-radius: 0 !important ;' // square borders
-                  + 'transition: var(--btn-transition) ;' // smoothen hover fx
-                      + '-webkit-transition: var(--btn-transition) ; -moz-transition: var(--btn-transition) ;'
-                      + '-o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) ;'
-                  + 'cursor: pointer !important ;' // add finger cursor
-                  + `border: 1px solid ${ env.ui.scheme == 'dark' ? 'white' : 'black' } !important ;`
-                  + 'padding: 8px !important ; min-width: 102px }' // resize
-              + `.${this.class} button:hover {` // add zoom, re-scheme
-                  + 'transform: scale(1.055) ; color: black !important ;'
-                  + `background-color: #${ env.ui.scheme == 'dark' ? '00cfff' : '9cdaff' } !important }`
-              + ( !env.browser.isMobile ? `.${this.class} .modal-buttons { margin-left: -13px !important }` : '' )
-              + `.about-em { color: ${ env.ui.scheme == 'dark' ? 'white' : 'green' } !important }`
+                `.${this.class} { /* modals */
+                    user-select: none ; -webkit-user-select: none ; -moz-user-select: none ; -ms-user-select: none ;
+                    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto,
+                        Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif ;
+                    padding: 20px 25px 24px 25px !important ; font-size: 20px ;
+                    color: ${ env.ui.scheme == 'dark' ? 'white' : 'black' } !important ;
+                    background-image: linear-gradient(180deg, ${
+                       env.ui.scheme == 'dark' ? '#99a8a6 -200px, black 200px' : '#b6ebff -296px, white 171px' }) }
+                .${this.class} [class*=modal-close-btn] {
+                    position: absolute !important ; float: right ; top: 14px !important ; right: 16px !important ;
+                    cursor: pointer ; width: 33px ; height: 33px ; border-radius: 20px }
+                .${this.class} [class*=modal-close-btn] svg { height: 10px }
+                .${this.class} [class*=modal-close-btn] path {
+                    ${ env.ui.scheme == 'dark' ? 'stroke: white ; fill: white'
+                                               : 'stroke: #9f9f9f ; fill: #9f9f9f' }}
+                ${ env.ui.scheme == 'dark' ? // invert dark mode hover paths
+                    `.${this.class} [class*=modal-close-btn]:hover path { stroke: black ; fill: black }` : '' }
+                .${this.class} [class*=modal-close-btn]:hover { background-color: #f2f2f2 } /* hover underlay */
+                .${this.class} [class*=modal-close-btn] svg { margin: 11.5px } /* center SVG for hover underlay */
+                .${this.class} a { color: #${ env.ui.scheme == 'dark' ? '00cfff' : '1e9ebb' } !important }
+                .${this.class} h2 { font-weight: bold }
+                .${this.class} button {
+                  --btn-transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out ;
+                    font-size: 14px ; text-transform: uppercase ; /* shrink/uppercase labels */
+                    border-radius: 0 !important ; /* square borders */
+                    transition: var(--btn-transition) ; /* smoothen hover fx */
+                       -webkit-transition: var(--btn-transition) ; -moz-transition: var(--btn-transition) ;
+                       -o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) ;
+                    cursor: pointer !important ; /* add finger cursor */
+                    border: 1px solid ${ env.ui.scheme == 'dark' ? 'white' : 'black' } !important ;
+                    padding: 8px !important ; min-width: 102px } /* resize */
+                .${this.class} button:hover { /* add zoom, re-scheme */
+                    transform: scale(1.055) ; color: black !important ;
+                    background-color: #${ env.ui.scheme == 'dark' ? '00cfff' : '9cdaff' } !important }
+                ${ env.browser.isMobile ? '' : `.${this.class} .modal-buttons { margin-left: -13px !important }` }
+                .about-em { color: ${ env.ui.scheme == 'dark' ? 'white' : 'green' } !important }`
             )
         },
 
