@kudoai/chatgpt.js 3.8.4 → 3.9.0

package/starters/chrome/extension/content.js

@@ -1,16 +1,17 @@
 // NOTE: This script relies on the powerful chatgpt.js library @ https://chatgpt.js.org
-// © 2023–2025 KudoAI & contributors under the MIT license
+// © 2023–2026 KudoAI & contributors under the MIT license
 
 (async () => {
 
     // Import JS resources
     for (const resource of [
-        'components/modals.js', 'lib/chatgpt.js', 'lib/dom.js', 'lib/feedback.js', 'lib/settings.js', 'lib/ui.js'
+        'components/modals.js', 'lib/chatgpt.js', 'lib/css.min.js', 'lib/dom.min.js', 'lib/feedback.js',
+        'lib/settings.js', 'lib/ui.js'
     ]) await import(chrome.runtime.getURL(resource))
 
     // Init ENV context
     window.env = { browser: { isMobile: chatgpt.browser.isMobile() }, ui: { scheme: ui.getScheme() }}
-    env.browser.isPortrait = env.browser.isMobile && (window.innerWidth < window.innerHeight)
+    Object.assign(env.browser, { get isCompact() { return innerWidth <= 480 }})
 
     // Import APP data
     ;({ app: window.app } = await chrome.storage.local.get('app'))
@@ -21,7 +22,7 @@
             alert: () => modals.alert(...['title', 'msg', 'btns', 'checkbox', 'width'].map(arg => options[arg])),
             showAbout: () => {
                 if (!source?.endsWith('service-worker.js')) return
-                config.skipAlert = true
+                app.config.skipAlert = true
                 chatgpt.isLoaded().then(() => modals.open('about'))
             },
             syncConfigToUI: () => syncConfigToUI(options)
@@ -30,20 +31,20 @@
 
     // Init SETTINGS
     await settings.load(Object.keys(settings.controls))
-    if (!config.skipAlert) await settings.load('skipAlert') // only if not showing About modal
+    if (!app.config.skipAlert) await settings.load('skipAlert') // only if not showing About modal
 
     // Define FUNCTIONS
 
     async function syncConfigToUI(options = {}) { // eslint-disable-line
-        await settings.load('extensionDisabled', Object.keys(settings.controls)) // load from Chrome storage to content.js config
-        if (config.extensionDisabled) {
+        await settings.load('extensionDisabled', Object.keys(settings.controls)) // load from Chrome storage to app.config
+        if (app.config.extensionDisabled) {
             // Remove all hacks
         } else {
             // Add/remove hacks to reflect each potentially updated setting per settings.controls in lib/settings.mjs
             // e.g. if you created toolbar popup toggle to hide ChatGPT footer using hiddenFooter key...
-            // ...here you would use options.updatedKey == 'hiddenFooter' && config.hiddenFooter...
+            // ...here you would use options.updatedKey == 'hiddenFooter' && app.config.hiddenFooter...
             // ...to conditionally append/remove hidden footer style...
-            // ...(initial style creation + append if config.hiddenFooter would go in main routine)
+            // ...(initial style creation + append if app.config.hiddenFooter would go in main routine)
         }
     }
 
@@ -62,15 +63,15 @@
                 color}.min.css`
     })))
 
-    if (config.extensionDisabled) return
+    if (app.config.extensionDisabled) return
 
-    if (!config.skipAlert) // alert to extension load
+    if (!app.config.skipAlert) // alert to extension load
         modals.alert('≫ ChatGPT extension loaded! 🚀', // title
             'Success! Press Ctrl+Shift+J to view all chatgpt.js methods.', // msg
             function getHelp() { // button
                 open(`${app.urls.github}/issues`) },
             function dontShowAgain() { // checkbox
-                settings.save('skipAlert', !config.skipAlert) }
+                settings.save('skipAlert', !app.config.skipAlert) }
         )
 
     // Monitor SCHEME PREF CHANGES to update modal colors + env.ui.scheme for your use

package/starters/chrome/extension/lib/chatgpt.js

@@ -1,12 +1,8 @@
-// © 2023–2025 KudoAI & contributors under the MIT license.
+// © 2023–2026 KudoAI & contributors under the MIT license.
 // Source: https://github.com/KudoAI/chatgpt.js
 // User guide: https://chatgptjs.org/userguide
 // Latest minified release: https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js/chatgpt.min.js
 
-// Init feedback props
-localStorage.alertQueue = JSON.stringify([])
-localStorage.notifyProps = JSON.stringify({ queue: { topRight: [], bottomRight: [], bottomLeft: [], topLeft: [] }})
-
 // Define chatgpt API
 const chatgpt = {
 
@@ -25,21 +21,21 @@ const chatgpt = {
     selectors: {
         btns: {
             continue: 'button:has(svg[class*=rotate] > path[d^="M4.47189"])',
-            createImage: 'button[data-testid=composer-create-image]',
-            deepResearch: 'button[data-testid=composer-deep-research]',
+            createImage: 'button[data-testid=composer-button-create-image]',
             login: 'button[data-testid*=login]',
             newChat: 'a[href="/"]:has(svg),' // Pencil button (when logged in)
                    + 'button:has([d^="M3.06957"])', // Cycle Arrows button (in temp chat logged out)
             regen: 'button[data-testid*=regenerate],' // oval button in place of chatbar on errors
-                    // 'Try Again' entry of model selector below msg
-                 + 'div[role=menuitem] div:has(svg):has(path[d^="M3.06957"])',
-            scroll: 'button:has(> svg > path[d^="M12 21C11.7348"])',
+                 + 'button:has(use[href$="sprites-core-k5zux585.svg#ec66f0"])', // 'Try again...' button below msg
+            scroll: 'button:has(use[href$="sprites-core-k5zux585.svg#ac89a7"])',
             search: 'button[data-testid=composer-button-search]',
-            reason: 'button[data-testid=composer-button-reason]',
             send: 'button[data-testid=send-button]',
-            sidebar: 'div[style*=-sidebar-width] button[data-testid=close-sidebar-button], div[style*=-sidebar-rail-width] button[aria-controls=stage-slideover-sidebar]',
-            stop: 'div:has(> svg > path[d^="M10 2.08496C14.3713"])',
-            upload: 'button:has(> svg > path[d^="M12 3C12.5523"])',
+            sidebar: 'div[style*=-sidebar-width] button[data-testid=close-sidebar-button],'
+                   + 'div[style*=-sidebar-rail-width] button[aria-controls=stage-slideover-sidebar]',
+            signup: 'button[data-testid=signup-button]',
+            stop: 'button[data-testid=stop-button]',
+            upload: 'div[data-testid=composer-action-file-upload],' // tall chatbar
+                  + 'button#composer-plus-btn', // short chatbar
             voice: 'button[data-testid*=composer-speech-button]'
         },
         chatDivs: {
@@ -338,7 +334,7 @@ const chatgpt = {
         modalContainer.append(modal) ; document.body.append(modalContainer)
 
         // Enqueue alert
-        let alertQueue = JSON.parse(localStorage.alertQueue)
+        let alertQueue = JSON.parse(localStorage.alertQueue ??= JSON.stringify([]))
         alertQueue.push(modalContainer.id)
         localStorage.alertQueue = JSON.stringify(alertQueue)
 
@@ -371,7 +367,7 @@ const chatgpt = {
                 document.removeEventListener('keydown', handlers.dismiss.key) // prevent memory leaks
 
                 // Check for pending alerts in queue
-                if (alertQueue.length > 0) {
+                if (alertQueue.length) {
                     const nextAlert = document.getElementById(alertQueue[0])
                     setTimeout(() => {
                         nextAlert.style.display = ''
@@ -409,7 +405,7 @@ const chatgpt = {
                     }
                     scheduleRefreshes(interval)
                 }, (interval + randomDelay) * 1000)
-            };
+            }
             scheduleRefreshes( interval ? parseInt(interval, 10) : 30 )
             console.log(`↻ ChatGPT >> [${chatgpt.autoRefresh.nowTimeStamp()}] Auto refresh activated`)
 
@@ -432,7 +428,7 @@ const chatgpt = {
             const now = new Date()
             const hours = now.getHours() % 12 || 12 // convert to 12h format
             let minutes = now.getMinutes(), seconds = now.getSeconds()
-            if (minutes < 10) minutes = '0' + minutes; if (seconds < 10) seconds = '0' + seconds
+            if (minutes < 10) minutes = '0' + minutes ; if (seconds < 10) seconds = '0' + seconds
             const meridiem = now.getHours() < 12 ? 'AM' : 'PM'
             return `${hours}:${minutes}:${seconds} ${meridiem}`
         },
@@ -574,7 +570,7 @@ const chatgpt = {
 
         async refactor(code, objective) {
             if (!code) return console.error('Code (1st) argument not supplied. Pass some code!')
-            for (let i = 0; i < arguments.length; i++) if (typeof arguments[i] != 'string')
+            for (let i = 0 ; i < arguments.length ; i++) if (typeof arguments[i] != 'string')
                 return console.error(`Argument ${ i + 1 } must be a string.`)
             chatgpt.send(`Refactor the following code for ${ objective || 'brevity' }:\n\n${code}`)
             console.info('Refactoring code...')
@@ -603,7 +599,7 @@ const chatgpt = {
         async write(prompt, outputLang) {
             if (!prompt) return console.error('Prompt (1st) argument not supplied. Pass a prompt!')
             if (!outputLang) return console.error('outputLang (2nd) argument not supplied. Pass a language!')
-            for (let i = 0; i < arguments.length; i++) if (typeof arguments[i] != 'string')
+            for (let i = 0 ; i < arguments.length ; i++) if (typeof arguments[i] != 'string')
                 return console.error(`Argument ${ i + 1 } must be a string.`)
             chatgpt.send(`${prompt}\n\nWrite this as code in ${outputLang}`)
             console.info('Writing code...')
@@ -657,7 +653,7 @@ const chatgpt = {
                 if (!chatDivs.length) return console.error('Chat is empty!')
                 const msgs = [] ; let isUserMsg = true
                 chatDivs.forEach(div => {
-                    const sender = isUserMsg ? 'USER' : 'CHATGPT'; isUserMsg = !isUserMsg
+                    const sender = isUserMsg ? 'USER' : 'CHATGPT' ; isUserMsg = !isUserMsg
                     const msg = [...div.childNodes].map(node => node.innerText)
                               .join('\n\n') // insert double line breaks between paragraphs
                               .replace('Copy code', '')
@@ -686,7 +682,7 @@ const chatgpt = {
             cssLinks.forEach(link => {
                 const href = link.getAttribute('href')
                 if (href?.startsWith('/')) link.setAttribute('href', 'https://chat.openai.com' + href)
-            });
+            })
 
             // Serialize updated HTML to string
             transcript = new XMLSerializer().serializeToString(parsedHtml)
@@ -711,7 +707,7 @@ const chatgpt = {
 
             if (format == 'md') { // remove extraneous HTML + fix file extension
                 const mdMatch = /<.*<h1(.|\n)*?href=".*?continue[^"]*".*?\/a>.*?<[^/]/.exec(transcript)[1]
-                transcript = mdMatch || transcript; filename = filename.replace('.html', '.md')
+                transcript = mdMatch || transcript ; filename = filename.replace('.html', '.md')
             }
             const blob = new Blob([transcript],
                 { type: 'text/' + ( format == 'html' ? 'html' : format == 'md' ? 'markdown' : 'plain' )})
@@ -769,7 +765,7 @@ const chatgpt = {
         }}
         if (!targetNames.includes(targetName.toLowerCase()))
             throw new Error(`Invalid targetName: ${targetName}. `
-                + (targetNames.length > 0 ? 'Valid values are: ' + JSON.stringify(targetNames)
+                + (targetNames.length ? 'Valid values are: ' + JSON.stringify(targetNames)
                     : 'targetType ' + targetType.toLowerCase() + ' does not require additional options.'))
 
         // Call target function using pre-validated name components
@@ -927,7 +923,7 @@ const chatgpt = {
 
                         // Fill [userMessages]
                         for (const key in data)
-                            if (data[key].message != null && data[key].message.author.role == 'user')
+                            if (data[key]?.message?.author?.role == 'user')
                                 userMessages.push({ id: data[key].id, msg: data[key].message })
                         userMessages.sort((a, b) => a.msg.create_time - b.msg.create_time) // sort in chronological order
 
@@ -938,12 +934,10 @@ const chatgpt = {
                         // Fill [chatGPTMessages]
                         for (const userMessage of userMessages) {
                             let sub = []
-                            for (const key in data) {
-                                if (data[key].message != null && data[key].message.author.role == 'assistant'
-                                    && isUserMsgAncestor(key, userMessage.id)) {
-                                        sub.push(data[key].message)
-                                }
-                            }
+                            for (const key in data)
+                                if (data[key]?.message?.author?.role == 'assistant'
+                                    && isUserMsgAncestor(key, userMessage.id)
+                                ) sub.push(data[key].message)
                             sub.sort((a, b) => a.create_time - b.create_time) // sort in chronological order
                             sub = sub.map(x => { // pull out msgs after sorting
                                 switch(x.content.content_type) {
@@ -961,7 +955,8 @@ const chatgpt = {
                                 msgsToReturn.push(userMessages[userMessage].msg.content.parts[0])
                         else if (sender == 'chatgpt') // Fill [msgsToReturn] with ChatGPT responses
                             for (const chatGPTMessage of chatGPTMessages)
-                                msgsToReturn.push(msgToGet == 'latest' ? chatGPTMessages[chatGPTMessages.length - 1] : chatGPTMessage );
+                                msgsToReturn.push(msgToGet == 'latest' ? chatGPTMessages[chatGPTMessages.length - 1]
+                                                                       : chatGPTMessage )
                         else { // Fill [msgsToReturn] with objects of user messages and chatgpt response(s)
                             let i = 0
                             for (const message in userMessages) {
@@ -1077,9 +1072,9 @@ const chatgpt = {
                     else if (target == 'chatgpt') instructionsData.about_model_message += instruction
 
                     await this.sendRequest('POST', token, instructionsData)
-                    return resolve();
-                });
-            });
+                    return resolve()
+                })
+            })
         },
 
         clear(target) {
@@ -1134,7 +1129,7 @@ const chatgpt = {
                 xhr.onload = () => {
                     const responseData = JSON.parse(xhr.responseText)
                     if (xhr.status == 422)
-                        return reject('🤖 chatgpt.js >> Character limit exceeded. Custom instructions can have a maximum length of 1500 characters.');
+                        return reject('🤖 chatgpt.js >> Character limit exceeded. Custom instructions can have a maximum length of 1500 characters.')
                     else if (xhr.status == 403 && responseData.detail.reason == 'content_policy')
                         return reject('🤖 chatgpt.js >> ' + responseData.detail.description)
                     else if (xhr.status != 200)
@@ -1259,7 +1254,7 @@ const chatgpt = {
                 if (!attrs.items.every(el => typeof el == 'object')) // the entries of the array are not objects
                     return console.error('\'items\' must be an array of objects!')
 
-                newElem.style = 'background-color: #000; width: 100%; border: none;'
+                newElem.style = 'background-color: #000 ; width: 100% ; border: none'
 
                 attrs.items.forEach(item => {
                     const optionElement = document.createElement('option')
@@ -1302,7 +1297,7 @@ const chatgpt = {
         }
     },
 
-    minify() { chatgpt.code.minify(); },
+    minify() { chatgpt.code.minify() },
 
     notify(...args) {
         const scheme = chatgpt.isDarkMode() ? 'dark' : 'light'
@@ -1310,7 +1305,7 @@ const chatgpt = {
         if (typeof args[0] == 'object' && !Array.isArray(args[0]))
             ({ msg, position, notifDuration, shadow, toast } = args[0])
         else [msg, position, notifDuration, shadow] = args
-        notifDuration = notifDuration ? +notifDuration : 1.75; // sec duration to maintain notification visibility
+        notifDuration = notifDuration ? +notifDuration : 1.75 // sec duration to maintain notification visibility
         const fadeDuration = 0.35, // sec duration of fade-out
               vpYoffset = 23, vpXoffset = 27 // px offset from viewport border
 
@@ -1323,7 +1318,7 @@ const chatgpt = {
 
         // Create/append close button
         const closeBtn = document.createElement('div')
-        closeBtn.title = 'Dismiss'; closeBtn.classList.add('notif-close-btn', 'no-mobile-tap-outline')
+        closeBtn.title = 'Dismiss' ; closeBtn.classList.add('notif-close-btn', 'no-mobile-tap-outline')
         const closeSVG = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
         closeSVG.setAttribute('height', '8px')
         closeSVG.setAttribute('viewBox', '0 0 14 14')
@@ -1333,7 +1328,7 @@ const chatgpt = {
         closeSVGpath.setAttribute('fill-rule', 'evenodd')
         closeSVGpath.setAttribute('clip-rule', 'evenodd')
         closeSVGpath.setAttribute('fill', 'white')
-        closeSVGpath.setAttribute('d', 'M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976312 12.6834 -0.0976312 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976312 0.683417 -0.0976312 0.292893 0.292893C-0.0976312 0.683417 -0.0976312 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976312 12.6834 -0.0976312 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z');
+        closeSVGpath.setAttribute('d', 'M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976312 12.6834 -0.0976312 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976312 0.683417 -0.0976312 0.292893 0.292893C-0.0976312 0.683417 -0.0976312 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976312 12.6834 -0.0976312 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z')
         closeSVG.append(closeSVGpath) ; closeBtn.append(closeSVG) ; notificationDiv.append(closeBtn)
 
         // Determine div position/quadrant
@@ -1384,7 +1379,8 @@ const chatgpt = {
         }
 
         // Enqueue notification
-        let notifyProps = JSON.parse(localStorage.notifyProps)
+        let notifyProps = JSON.parse(localStorage.notifyProps
+            ??= JSON.stringify({ queue: { topRight: [], bottomRight: [], bottomLeft: [], topLeft: [] }}))
         notifyProps.queue[notificationDiv.quadrant].push(notificationDiv.id)
         localStorage.notifyProps = JSON.stringify(notifyProps)
 
@@ -1420,7 +1416,7 @@ const chatgpt = {
 
         // Add notification dismissal to timeout schedule + button clicks
         const dismissNotif = () => {
-            notificationDiv.style.animation = `notif-zoom-fade-out ${fadeDuration}s ease-out`;
+            notificationDiv.style.animation = `notif-zoom-fade-out ${fadeDuration}s ease-out`
             clearTimeout(dismissFuncTID)
         }
         const dismissFuncTID = setTimeout(dismissNotif, hideDelay * 1000) // maintain visibility for `hideDelay` secs, then dismiss
@@ -1472,7 +1468,7 @@ const chatgpt = {
 
         // Print methods
         const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches,
-              baseFontStyles = 'font-family: monospace ; font-size: larger ; '
+              baseFontStyles = 'font-family: monospace ; font-size: larger ;'
         console.log('\n%c🤖 chatgpt.js methods\n', 'font-family: sans-serif ; font-size: xxx-large ; font-weight: bold')
         for (const functionName of functionNames) {
             const isChatGptObjParent = /chatgpt|other/.test(functionName[0]),
@@ -1535,7 +1531,7 @@ const chatgpt = {
                       elems = [...text.matchAll(reTags)]
 
                 // Process 1st element to render
-                if (elems.length > 0) {
+                if (elems.length) {
                     const elem = elems[0],
                           [tagContent, tagName, tagAttrs, tagText] = elem.slice(0, 4),
                           tagNode = document.createElement(tagName) ; tagNode.textContent = tagText
@@ -1585,7 +1581,7 @@ const chatgpt = {
         // chatToGet = index|title|id of chat to get (defaults to latest if '' or unpassed)
         // responseToGet = index of response to get (defaults to latest if '' or unpassed)
 
-            chatToGet = chatToGet || 'latest'; responseToGet = responseToGet || 'latest'
+            chatToGet = chatToGet || 'latest' ; responseToGet = responseToGet || 'latest'
             return chatgpt.getChatData(chatToGet, 'msg', 'chatgpt', responseToGet)
         },
 
@@ -1638,15 +1634,15 @@ const chatgpt = {
             return console.error(`Argument ${ i + 1 } must be a string!`)
         const textArea = chatgpt.getChatBox()
         if (!textArea) return console.error('Chatbar element not found!')
-        const msgP = document.createElement('p'); msgP.textContent = msg
+        const msgP = document.createElement('p') ; msgP.textContent = msg
         textArea.querySelector('p').replaceWith(msgP)
         textArea.dispatchEvent(new Event('input', { bubbles: true })) // enable send button
         setTimeout(function delaySend() {
             const sendBtn = chatgpt.getSendButton()
-            if (!sendBtn?.hasAttribute('disabled')) { // send msg
+            if (!sendBtn?.hasAttribute('disabled')) // send msg
                 method.toLowerCase() == 'click' || chatgpt.browser.isMobile() ? sendBtn.click()
                     : textArea.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }))
-            } else setTimeout(delaySend, 222)
+            else setTimeout(delaySend, 222)
         }, 222)
     },
 
@@ -1688,7 +1684,7 @@ const chatgpt = {
     },
 
     async sentiment(text, entity) {
-        for (let i = 0; i < arguments.length; i++) if (typeof arguments[i] != 'string')
+        for (let i = 0 ; i < arguments.length ; i++) if (typeof arguments[i] != 'string')
             return console.error(`Argument ${ i + 1 } must be a string.`)
         chatgpt.send('What is the sentiment of the following text'
             + ( entity ? ` towards the entity ${entity},` : '')
@@ -1840,15 +1836,13 @@ const chatgpt = {
                 return console.error(`🤖 chatgpt.js >> Invalid element! Valid elems are [${validElems}]`)
 
             const newElem = document.createElement(elem == 'dropdown' ? 'select' : elem)
-            newElem.id = Math.floor(chatgpt.randomFloat() * 1000000) + Date.now() // Add random id to the element
+            newElem.id = Math.floor(chatgpt.randomFloat() * 1000000) + Date.now()
 
             if (elem == 'button') {
-                newElem.textContent = attrs?.label && typeof attrs.label == 'string'
-                    ? attrs.label
-                    : 'chatgpt.js button'
+                newElem.textContent = attrs?.label && typeof attrs.label == 'string' ? attrs.label : 'chatgpt.js button'
                 const icon = document.createElement('img')
-                icon.src = attrs?.icon && typeof attrs.icon == 'string' // Can also be base64 encoded image string
-                    ? attrs.icon // Add icon to button element if given, else default one
+                icon.src = attrs?.icon && typeof attrs.icon == 'string' // can also be base64 encoded image string
+                    ? attrs.icon // add icon to button element if given, else default one
                     : `${chatgpt.endpoints.assets}/starters/chrome/extension/icons/icon128.png`
                 icon.width = 18
                 newElem.firstChild.before(icon)
@@ -1856,9 +1850,9 @@ const chatgpt = {
             }
 
             else if (elem == 'dropdown') {
-                if (!attrs?.items || // There no are options to add
+                if (!attrs?.items || // there no are options to add
                     !Array.isArray(attrs.items) || // It's not an array
-                    !attrs.items.length) // The array is empty
+                    !attrs.items.length) // the array is empty
                         attrs.items = [{ text: '🤖 chatgpt.js option', value: 'chatgpt.js option value' }] // Set default dropdown entry
 
                 if (!attrs.items.every(el => typeof el == 'object')) // The entries of the array are not objects
@@ -1883,7 +1877,7 @@ const chatgpt = {
             return newElem.id // Return the element id
         },
 
-        exists() { return !!chatgpt.getNewChatLink(); },
+        exists() { return !!chatgpt.getNewChatLink() },
         hide() { this.isOn() ? this.toggle() : console.info('Sidebar already hidden!') },
         show() { this.isOff() ? this.toggle() : console.info('Sidebar already shown!') },
         isOff() { return !this.isOn() },
@@ -1917,12 +1911,12 @@ const chatgpt = {
     },
 
     startNewChat() { try { chatgpt.getNewChatBtn().click() } catch (err) { console.error(err.message) }},
-    stop() { chatgpt.response.stopGenerating(); },
+    stop() { chatgpt.response.stopGenerating() },
 
     async suggest(ideaType, details) {
         if (!ideaType) return console.error('ideaType (1st argument) not supplied'
             + `(e.g. 'gifts', 'names', 'recipes', etc.)`)
-        for (let i = 0; i < arguments.length; i++) if (typeof arguments[i] != 'string')
+        for (let i = 0 ; i < arguments.length ; i++) if (typeof arguments[i] != 'string')
             return console.error(`Argument ${ i + 1 } must be a string.`)
         chatgpt.send('Suggest some names. ' + ( details || '' ))
         console.info(`Creating ${ideaType}...`)
@@ -1966,7 +1960,7 @@ const chatgpt = {
         return chatgpt.getChatData('active', 'msg', 'chatgpt', 'latest')
     },
 
-    toggleScheme() { chatgpt.settings.scheme.toggle(); },
+    toggleScheme() { chatgpt.settings.scheme.toggle() },
 
     async translate(text, outputLang) {
         if (!text) return console.error('Text (1st) argument not supplied. Pass some text!')
@@ -1991,7 +1985,7 @@ const chatgpt = {
                 const r = ( // generate random nibble
                     ( d + (window.crypto.getRandomValues(new Uint32Array(1))[0] / (Math.pow(2, 32) - 1))*16)%16 | 0 )
                 d = Math.floor(d/16) // correspond each UUID digit to unique 4-bit chunks of timestamp
-                return ( c == 'x' ? r : (r&0x3|0x8) ).toString(16); // generate random hexadecimal digit
+                return ( c == 'x' ? r : (r&0x3|0x8) ).toString(16) // generate random hexadecimal digit
             })
             return uuid
         }
@@ -2092,8 +2086,8 @@ const cjsFuncSynonyms = [
     ['temp', 'temporary'],
     ['typing', 'generating'],
     ['unminify', 'beautify', 'prettify', 'prettyPrint']
-];
-(function createCJSaliasFuncs(obj = chatgpt) {
+]
+;(function createCJSaliasFuncs(obj = chatgpt) {
     for (const prop in obj) {
         if (!Object.prototype.hasOwnProperty.call(obj, prop)) continue // skip inherited props
         if (typeof obj[prop] == 'object') createCJSaliasFuncs(obj[prop]) // recurse thru objs to find deeper functions
@@ -2134,11 +2128,13 @@ function toCamelCase(words) {
 // Prefix console logs w/ '🤖 chatgpt.js >> '
 const consolePrefix = '🤖 chatgpt.js >> ', ogError = console.error, ogInfo = console.info
 console.error = (...args) => {
-    if (!args[0].startsWith(consolePrefix)) ogError(consolePrefix + args[0], ...args.slice(1))
-    else ogError(...args)
+    if (typeof args[0] == 'string') {
+        if (!args[0].startsWith(consolePrefix)) ogError(consolePrefix + args[0], ...args.slice(1))
+        else ogError(...args)
+    } else ogError(consolePrefix, ...args)
 }
 console.info = (msg) => {
-    if (!msg.startsWith(consolePrefix)) ogInfo(consolePrefix + msg);
+    if (!msg.startsWith(consolePrefix)) ogInfo(consolePrefix + msg)
     else ogInfo(msg)
 }
 

package/starters/chrome/extension/lib/css.min.js

@@ -0,0 +1 @@
+window.css={addRisingParticles(e,{lightScheme:i="gray",darkScheme:a="white"}={}){if(!e.querySelector("[id*=particles]")){let r=document.createElement("div");r.style.cssText="position: absolute ; top: 0 ; left: 0 ;height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;z-index: -1",["sm","med","lg"].forEach(e=>{var t=document.createElement("div");t.id="undefined"!=typeof app&&app.config?.bgAnimationsDisabled?`particles-${e}-off`:`${"undefined"!=typeof env&&"dark"==(env.ui?.scheme||env.ui?.app?.scheme)?a:i}-particles-`+e,r.append(t)}),e.prepend(r)}},selectors:{extract(e,t="all"){if(!e||"object"!=typeof e)throw new TypeError("First parameter must be an object");var r=["all","css","xpath"];if(r.includes(t))return e=Object.values(e).flatMap(e=>e&&"object"==typeof e?this.extract(e,t):"string"==typeof e?[e]:[]),"css"==t?e.filter(e=>!e?.startsWith("//")):"xpath"==t?e.filter(e=>e?.startsWith("//")):e;throw new TypeError("Type must be one of: "+r.join(", "))},fromClasses(e){return e.toString().replace(/([:[\]\\])/g,"\\$1").replace(/^| /g,".")}}};

package/starters/chrome/extension/lib/dom.min.js

@@ -0,0 +1 @@
+window.dom={create:{anchor(e,t,n={}){let r=document.createElement("a"),i={href:e,target:"_blank",rel:"noopener"},o={...i,...n};return Object.entries(o).forEach(([e,t])=>r.setAttribute(e,t)),t&&r.append(t),r},elem(e,t={}){var n,r=document.createElement(e);for(n in t)n in r?r[n]=t[n]:r.setAttribute(n,t[n]);return r},style(e,t={}){var n,r=document.createElement("style");for(n in r.setAttribute("type","text/css"),t)r.setAttribute(n,t[n]);return e&&(r.textContent=e),r},svgElem(e,t={}){var n,r=document.createElementNS("http://www.w3.org/2000/svg",e);for(n in t)r.setAttributeNS(null,n,t[n]);return r}},get:{computedSize(e,{dimension:t}={}){(e=e instanceof NodeList?[...e]:[].concat(e)).forEach(e=>{if(!(e instanceof Node))throw new Error(`Invalid elem: Element "${JSON.stringify(e)}" is not a valid DOM node`)});let n=["width","height"],r=[].concat(t||n),i=(r.forEach(e=>{if(!n.includes(e))throw new Error("Invalid dimension: Use 'width' or 'height'")}),{width:0,height:0});return e.forEach(t=>{let n=getComputedStyle(t);"none"!=n.display&&Object.keys(i).forEach(e=>{r.includes(e)&&(i[e]+=t.getBoundingClientRect()[e]+parseFloat(n["margin"+("width"==e?"Left":"Top")])+parseFloat(n["margin"+("width"==e?"Right":"Bottom")]))})}),1<r.length?i:i[r[0]]},computedHeight(e){return this.computedSize(e,{dimension:"height"})},computedWidth(e){return this.computedSize(e,{dimension:"width"})},loadedElem(i,{timeout:t=null}={}){var e=[new Promise(r=>{var e=document.querySelector(i);e?r(e):new MutationObserver((e,t)=>{var n=document.querySelector(i);n&&(t.disconnect(),r(n))}).observe(document.documentElement,{childList:!0,subtree:!0})})];return t&&e.push(new Promise(e=>setTimeout(()=>e(null),t))),Promise.race(e)}}};

package/starters/chrome/extension/lib/feedback.js

@@ -1,4 +1,4 @@
-// Requires lib/<browser|chatgpt|dom|styles>.js + <app|env|configt>
+// Requires lib/<browser|chatgpt|dom|styles>.js + <app|env>
 
 window.feedback = {
     notify(msg, pos = '', notifDuration = '', shadow = '') {
@@ -8,7 +8,7 @@ window.feedback = {
         if (foundState) msg = msg.replace(foundState, '')
 
         // Show notification
-        chatgpt.notify(`${app.symbol} ${msg}`, pos ||( config.notifBottom ? 'bottom' : '' ),
+        chatgpt.notify(`${app.symbol} ${msg}`, pos ||( app.config.notifBottom ? 'bottom' : '' ),
             notifDuration, shadow || env.ui.scheme == 'light')
         const notif = document.querySelector('.chatgpt-notif:last-child')
         notif.classList.add(app.slug) // for styles.toast

package/starters/chrome/extension/lib/settings.js

@@ -1,4 +1,3 @@
-window.config = {}
 window.settings = {
 
     controls: {
@@ -40,15 +39,17 @@ window.settings = {
     },
 
     typeIsEnabled(key) { // for menu labels + notifs to return ON/OFF for type w/o suffix
+        app.config ??= {}
         const reInvertFlags = /disabled|hidden/i
         return reInvertFlags.test(key) // flag in control key name
             && !reInvertFlags.test(this.controls[key]?.label) // but not in label name
-                ? !config[key] : config[key] // so invert since flag reps opposite type state, else don't
+                ? !app.config[key] : app.config[key] // so invert since flag reps opposite type state, else don't
     },
 
     load(...keys) {
+        app.config ??= {}
         return Promise.all(keys.flat().map(async key => // resolve promise when all keys load
-            config[key] = processKey(key, (await chrome.storage.local.get(key))[key])))
+            app.config[key] = processKey(key, (await chrome.storage.local.get(key))[key])))
         function processKey(key, val) {
             const ctrl = settings.controls?.[key]
             if (val != undefined && ( // validate stored val
@@ -60,7 +61,8 @@ window.settings = {
     },
 
     save(key, val) {
+        app.config ??= {}
         chrome.storage.local.set({ [key]: val }) // save to Chrome extension storage
-        config[key] = val // save to memory
+        app.config[key] = val // save to memory
     }
 };

package/starters/chrome/extension/manifest.json

@@ -2,8 +2,8 @@
   "manifest_version": 3,
   "name": "ChatGPT Extension",
   "short_name": "ChatGPT 🧩",
-  "description": "A Chromium extension template to start using chatgpt.js like a boss!",
-  "version": "2025.10.15",
+  "description": "A Chromium extension template to start using chatgpt.js like a champion",
+  "version": "2026.1.27",
   "homepage_url": "https://github.com/KudoAI/chatgpt.js-chrome-starter",
   "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "64": "icons/icon64.png", "128": "icons/icon128.png" },
   "permissions": ["activeTab", "storage"],

package/starters/chrome/extension/popup/controller.js

@@ -5,7 +5,7 @@
         document.documentElement.classList.add('dark')
 
     // Import JS resources
-    for (const resource of ['components/icons.js', 'lib/dom.js', 'lib/settings.js'])
+    for (const resource of ['components/icons.js', 'lib/css.min.js', 'lib/dom.min.js', 'lib/settings.js'])
         await import(chrome.runtime.getURL(resource))
 
     // Init DATA
@@ -54,7 +54,7 @@
 
             // Create/append slider elems
             entry.div.append(entry.slider = dom.create.elem('input', { class: 'slider', type: 'range',
-                min: minVal, max: maxVal, value: config[entryData.key] }))
+                min: minVal, max: maxVal, value: app.config[entryData.key] }))
             entry.div.classList.remove('highlight-on-hover')
             if (entryData.step || env.browser.isFF) // use val from entryData or default to 2% in FF for being laggy
                 entry.slider.step = entryData.step || ( 0.02 * entry.slider.max - entry.slider.min )
@@ -109,7 +109,7 @@
                 category: () => toggleCategorySettingsVisiblity({ key: entryData.key }),
                 toggle: () => {
                     entry.leftElem.classList.toggle('on')
-                    settings.save(entryData.key, !config[entryData.key])
+                    settings.save(entryData.key, !app.config[entryData.key])
                     sync.configToUI({ updatedKey: entryData.key })
                     requestAnimationFrame(() => notify(
                         `${entryData.label} ${['OFF', 'ON'][+settings.typeIsEnabled(entryData.key)]}`))
@@ -162,7 +162,7 @@
             // Toolbar icon
             chrome.action.setIcon({ path: Object.fromEntries(
                 Object.keys(chrome.runtime.getManifest().icons).map(dimension =>
-                    [dimension, `../icons/${ config.extensionDisabled ? 'faded/' : '' }icon${dimension}.png`]
+                    [dimension, `../icons/${ app.config.extensionDisabled ? 'faded/' : '' }icon${dimension}.png`]
             ))})
 
             // Menu elems
@@ -170,8 +170,8 @@
                 .forEach((elem, idx) => {
                     if (elem.id && (elem.matches(`#${elem.id}:has(> div.link)`) || elem.id == 'aboutEntry'))
                         return // never disable link/About entries
-                    elem.style.transition = config.extensionDisabled ? '' : 'opacity 0.15s ease-in'
-                    const toDisable = config.extensionDisabled || !depIsEnabled(elem.id)
+                    elem.style.transition = app.config.extensionDisabled ? '' : 'opacity 0.15s ease-in'
+                    const toDisable = app.config.extensionDisabled || !depIsEnabled(elem.id)
                     if (elem.classList.contains('categorized-entries')) { // fade category strip
                         elem.style.transition = toDisable ? 'none' : 'var(--border-transition)'
                         elem.style.borderImage = elem.style.borderImage.replace(
@@ -223,7 +223,7 @@
             href: `https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@71695ca/assets/styles/rising-particles/dist/${
                 color}.min.css`
     })))
-    dom.addRisingParticles(document.body, { lightScheme: env.menu.isDark ? 'white' : 'gray' })
+    css.addRisingParticles(document.body, { lightScheme: env.menu.isDark ? 'white' : 'gray' })
 
     // Init MASTER TOGGLE
     const masterToggle = {
@@ -232,9 +232,9 @@
         track: dom.create.elem('span', { class: 'track', style: 'position: relative ; top: 7.5px' })
     }
     masterToggle.div.append(masterToggle.switch) ; masterToggle.switch.append(masterToggle.track)
-    await settings.load('extensionDisabled') ; masterToggle.switch.classList.toggle('on', !config.extensionDisabled)
+    await settings.load('extensionDisabled') ; masterToggle.switch.classList.toggle('on', !app.config.extensionDisabled)
     masterToggle.div.onclick = () => {
-        masterToggle.switch.classList.toggle('on') ; settings.save('extensionDisabled', !config.extensionDisabled)
+        masterToggle.switch.classList.toggle('on') ; settings.save('extensionDisabled', !app.config.extensionDisabled)
         Object.keys(sync).forEach(key => sync[key]()) // sync fade + storage to UI
         notify(`${app.name} ${ this.checked ? 'ON' : 'OFF' }`)
     }

package/starters/chrome/extension/popup/style.css

@@ -13,8 +13,7 @@ body {
 
 /* Color/fade mods */
 .highlight-on-hover:hover { background: var(--entry-highlighted-bg) }
-.highlight-on-hover:hover span:not(.track), .highlight-on-hover:hover svg, span.menu-icon.highlight-on-hover:hover img {
-    filter: invert(1) } /* invert setting labels on hover */
+.highlight-on-hover:hover :where(span:not(.track), svg) { filter: invert(1) } /* invert setting labels on hover */
 .disabled { opacity: 0.3 !important ; pointer-events: none }
 
 /* Loader */