@kudoai/chatgpt.js 2.9.2 → 3.0.0

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

@@ -3,8 +3,13 @@
 // User guide: https://chatgptjs.org/userguide
 // Latest minified release: https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js/chatgpt.min.js
 
-// Init endpoints
-const endpoints = {
+// Init feedback props
+localStorage.alertQueue = JSON.stringify([]);
+localStorage.notifyProps = JSON.stringify({ queue: { topRight: [], bottomRight: [], bottomLeft: [], topLeft: [] }});
+
+// Define chatgpt API
+const chatgpt = { // eslint-disable-line no-redeclare
+    openAIaccessToken: {}, endpoints: {
     assets: 'https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js',
     openAI: {
         session: 'https://chatgpt.com/api/auth/session',
@@ -13,16 +18,7 @@ const endpoints = {
         share_create: 'https://chatgpt.com/backend-api/share/create',
         share: 'https://chatgpt.com/backend-api/share',
         instructions: 'https://chatgpt.com/backend-api/user_system_messages'
-    }
-};
-
-// Init feedback properties
-localStorage.alertQueue = JSON.stringify([]);
-localStorage.notifyProps = JSON.stringify({ queue: { topRight: [], bottomRight: [], bottomLeft: [], topLeft: [] }});
-
-// Define chatgpt.methods
-const chatgpt = { // eslint-disable-line no-redeclare
-    openAIaccessToken: {},
+    }},
 
     actAs: function(persona) {
     // Prompts ChatGPT to act as a persona from https://github.com/KudoAI/chat-prompts/blob/main/personas.json
@@ -127,8 +123,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
                     + 'background-color: ' + ( scheme == 'dark' ? '#00cfff' : '#9cdaff' ) + ';'
                     + 'box-shadow: 2px 1px ' + ( scheme == 'dark' ? '54px #00cfff' : '30px #9cdaff' ) + '}'
                 + '.modal-close-btn {'
-                    + 'cursor: pointer ; width: 20px ; height: 20px ; float: right ; position: relative ; right: -2px }'
-                + '.modal-close-btn svg { margin: 5px 5px }' // center SVG for hover overlay
+                    + 'cursor: pointer ; width: 29px ; height: 29px ; border-radius: 17px ;'
+                    + 'float: right ; position: relative ; right: -6px ; top: -5px }'
+                + '.modal-close-btn svg { margin: 10px }' // center SVG for hover underlay
                 + `.modal-close-btn:hover { background-color: #f2f2f2${ scheme == 'dark' ? '00' : '' }}`
 
                 // Checkbox styles
@@ -226,7 +223,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             modalContainer.style.display = '';
             setTimeout(() => { // delay non-0 opacity's for transition fx
                 modalContainer.style.backgroundColor = ( 
-                    `rgba(67, 70, 72, ${ scheme === 'dark' ? 0.62 : 0 })`);
+                    `rgba(67, 70, 72, ${ scheme === 'dark' ? 0.62 : 0.1 })`);
                 modalContainer.classList.add('animated'); }, 100);
         }
 
@@ -234,13 +231,15 @@ const chatgpt = { // eslint-disable-line no-redeclare
         const clickHandler = event => { // explicitly defined to support removal post-dismissal
             if (event.target == event.currentTarget || event.target instanceof SVGPathElement) dismissAlert(); };
         const keyHandler = event => { // to dismiss active alert
-            const dismissKeys = [13, 27]; // enter/esc
-            if (dismissKeys.includes(event.keyCode)) {
+            const dismissKeys = [' ', 'Spacebar', 'Enter', 'Return', 'Escape', 'Esc'],
+                  dismissKeyCodes = [32, 13, 27];
+            if (dismissKeys.includes(event.key) || dismissKeyCodes.includes(event.keyCode)) {
                 for (const alertId of alertQueue) { // look to handle only if triggering alert is active
                     const alert = document.getElementById(alertId);
                     if (alert && alert.style.display !== 'none') { // active alert found
-                        if (event.keyCode === 27) dismissAlert(); // if esc pressed, dismiss alert & do nothing
-                        else if (event.keyCode === 13) { // else if enter pressed
+                        if (event.key.includes('Esc') || event.keyCode == 27) // esc pressed
+                            dismissAlert(); // dismiss alert & do nothing
+                        else if ([' ', 'Spacebar', 'Enter', 'Return'].includes(event.key) || [32, 13].includes(event.keyCode)) { // space/enter pressed
                             const mainButton = alert.querySelector('.modal-buttons').lastChild; // look for main button
                             if (mainButton) { mainButton.click(); event.preventDefault(); } // click if found
                         } return;
@@ -363,7 +362,10 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
         isLightMode: function() { return window.matchMedia?.('(prefers-color-scheme: light)')?.matches; },
         isDarkMode: function() { return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches; },
-        isChromium: function() { return navigator.userAgent.includes('Chrome'); },
+        isChromium: function() { return !!JSON.stringify(navigator.userAgentData?.brands)?.includes('Chromium'); },
+        isChrome: function() { return !!JSON.stringify(navigator.userAgentData?.brands)?.includes('Chrome'); },
+        isEdge: function() { return !!JSON.stringify(navigator.userAgentData?.brands)?.includes('Edge'); },
+        isBrave: function() { return !!JSON.stringify(navigator.userAgentData?.brands)?.includes('Brave'); },
         isFirefox: function() { return navigator.userAgent.includes('Firefox'); },
 
         isFullScreen: function() {
@@ -377,49 +379,20 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); }
     },
 
-    clearChats: async function(method) {
-
-        // Validate method arg
-        const validMethods = ['api', 'dom'];
-        method = (method || 'dom').trim().toLowerCase(); // set to 'dom' by default
-        if (method && !validMethods.includes(method))
-            return console.error(`Method argument must be one of: [${validMethods}]`);
-
-        if (method == 'dom') {
-            const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
-            try {
-                chatgpt.menu.open(); await delay(10);
-                const settingsBtn = document.querySelector(
-                    'a[role="menuitem"] svg path[d*="M12.003 10.5a1.5"]').parentNode.parentNode;
-                settingsBtn.click(); await delay(333);
-                const settingsBtns = document.querySelectorAll('[id*=radix] button'),
-                      deleteBtn = settingsBtns[settingsBtns.length - 1];
-                deleteBtn.click(); await delay(10);
-                document.querySelector('button[class*="danger"').click(); // confirm clear
-                return console.info('Chats successfully cleared.');
-            } catch (err) {
-                console.error(err.message);
-                if (arguments.length == 0) {
-                    console.info('Using backend API method instead.'); chatgpt.clearChats('api'); }
-            }
-
-        } else { // API method
-        // NOTE: DOM is not updated to reflect new empty chat list (until session refresh)
-
-            return new Promise((resolve, reject) => {
-                chatgpt.getAccessToken().then(token => {
-                    const xhr = new XMLHttpRequest();
-                    xhr.open('PATCH', endpoints.openAI.chats, true);
-                    xhr.setRequestHeader('Content-Type', 'application/json');
-                    xhr.setRequestHeader('Authorization', 'Bearer ' + token);
-                    xhr.onload = () => {
-                        if (xhr.status !== 200) return reject('🤖 chatgpt.js >> Request failed. Cannot clear chats.');
-                        console.info('Chats successfully cleared'); resolve();
-                    };
-                    xhr.send(JSON.stringify({ is_visible: false }));
-                }).catch(err => reject(new Error(err.message)));
-            });
-        }
+    clearChats: async function() { // back-end method
+        return new Promise((resolve, reject) => {
+            chatgpt.getAccessToken().then(token => {
+                const xhr = new XMLHttpRequest();
+                xhr.open('PATCH', chatgpt.endpoints.openAI.chats, true);
+                xhr.setRequestHeader('Content-Type', 'application/json');
+                xhr.setRequestHeader('Authorization', 'Bearer ' + token);
+                xhr.onload = () => {
+                    if (xhr.status !== 200) return reject('🤖 chatgpt.js >> Request failed. Cannot clear chats.');
+                    console.info('Chats successfully cleared'); resolve();
+                };
+                xhr.send(JSON.stringify({ is_visible: false }));
+            }).catch(err => reject(new Error(err.message)));
+        });
     },
 
     code: {
@@ -439,6 +412,34 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return codeBlocks ? codeBlocks[codeBlocks.length - 1] : msg;
         },
 
+        isIdle: async function() {
+            await new Promise(resolve => { // when in conversation page
+                (function checkConvoPage() {
+                    document.querySelector('div[data-message-author-role]') ? resolve(true)
+                        : setTimeout(checkConvoPage, 200); })();
+            });
+            await new Promise(resolve => { // when reply starts generating
+                (function checkReplyExists() {
+                    const msgDivs = document.querySelectorAll('div[data-message-author-role]');
+                    msgDivs[msgDivs.length - 1].dataset.messageAuthorRole == 'assistant' ? resolve(true)
+                        : setTimeout(checkReplyExists, 200); })();
+            });
+            const lastReplyDiv = await new Promise(resolve => { // when code starts generating
+                (function checkPreExists() {
+                    const replyDivs = document.querySelectorAll('div[data-message-author-role="assistant"]'),
+                          lastReplyDiv = replyDivs[replyDivs.length - 1];
+                    lastReplyDiv.querySelector('pre') ? resolve(lastReplyDiv)
+                        : setTimeout(checkPreExists, 200); })();
+            });
+            return Promise.race([
+                new Promise(resolve => { // when code block not last child of reply div
+                    (function checkPreNotLast() {
+                        lastReplyDiv.querySelector('pre').nextElementSibling ? resolve(true)
+                            : setTimeout(checkPreNotLast, 200); })();
+                }), chatgpt.isIdle() // ...or reply stopped generating
+            ]);
+        },
+
         minify: async function(code) {
             if (!code) return console.error('Code argument not supplied. Pass some code!');
             if (typeof code !== 'string') return console.error('Code argument must be a string!');
@@ -609,6 +610,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
     },
 
     extractCode: function() { chatgpt.code.extract(); },
+    focusChatbar: function() { chatgpt.getChatBox()?.focus(); },
 
     generateRandomIP: function() {
         const ip = Array.from({length: 4}, () => Math.floor(chatgpt.randomFloat() * 256)).join('.');
@@ -625,9 +627,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
             throw new TypeError('Invalid arguments. Both arguments must be strings.'); }
 
         // Validate targetType
-        if (!targetTypes.includes(targetType.toLowerCase())) {
+        if (!cjsTargetTypes.includes(targetType.toLowerCase())) {
             throw new Error('Invalid targetType: ' + targetType
-                + '. Valid values are: ' + JSON.stringify(targetTypes)); }
+                + '. Valid values are: ' + JSON.stringify(cjsTargetTypes)); }
 
         // Validate targetName scoped to pre-validated targetType
         const targetNames = [], reTargetName = new RegExp('^get(.*)' + targetType + '$', 'i');
@@ -655,7 +657,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                     (Date.parse(chatgpt.openAIaccessToken.expireDate) - Date.parse(new Date()) >= 0)) // not expired
                 return resolve(chatgpt.openAIaccessToken.token);
             const xhr = new XMLHttpRequest();
-            xhr.open('GET', endpoints.openAI.session, true);
+            xhr.open('GET', chatgpt.endpoints.openAI.session, true);
             xhr.setRequestHeader('Content-Type', 'application/json');
             xhr.onload = () => {
                 if (xhr.status !== 200) return reject('🤖 chatgpt.js >> Request failed. Cannot retrieve access token.');
@@ -688,7 +690,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         // Return account details
         return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
-            xhr.open('GET', endpoints.openAI.session, true);
+            xhr.open('GET', chatgpt.endpoints.openAI.session, true);
             xhr.setRequestHeader('Content-Type', 'application/json');
             xhr.onload = () => {
                 if (xhr.status === 200) {
@@ -744,7 +746,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             const re_chatID = /\w{8}-\w{4}-\w{4}-\w{4}-\w{12}/;
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
-                xhr.open('GET', endpoints.openAI.chats, true);
+                xhr.open('GET', chatgpt.endpoints.openAI.chats, true);
                 xhr.setRequestHeader('Content-Type', 'application/json');
                 xhr.setRequestHeader('Authorization', 'Bearer ' + token);
                 xhr.onload = () => {
@@ -784,7 +786,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
                 getChatDetails(token, ['id']).then(chat => {
-                    xhr.open('GET', `${endpoints.openAI.chat}/${chat.id}`, true);
+                    xhr.open('GET', `${chatgpt.endpoints.openAI.chat}/${chat.id}`, true);
                     xhr.setRequestHeader('Content-Type', 'application/json');
                     xhr.setRequestHeader('Authorization', 'Bearer ' + token);
                     xhr.onload = () => {
@@ -869,7 +871,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     getNewChatButton: function() {
         for (const navBtnSVG of document.querySelectorAll('nav button svg'))
-            if (navBtnSVG.querySelector('path[d*="M15.673 3.913a3.121"]')) // new chat icon found
+            if (navBtnSVG.querySelector('path[d*="M15.673 3.913a3.121"], ' // pencil-on-pad icon
+                                      + 'path[d*="M3.07 10.876C3.623"]'))  // refresh icon if temp chat
                 return navBtnSVG.parentNode;
     },
 
@@ -916,8 +919,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         isLoaded: function() {
             return new Promise(resolve => {
                 (function checkChatHistory() {
-                    if (document.querySelector('nav')) resolve(true);
-                    else setTimeout(checkChatHistory, 100);
+                    document.querySelector('nav') ? resolve(true) : setTimeout(checkChatHistory, 200);
                 })();
         });}
     },
@@ -995,7 +997,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
-                xhr.open(method, endpoints.openAI.instructions, true);
+                xhr.open(method, chatgpt.endpoints.openAI.instructions, true);
                 // Set headers
                 xhr.setRequestHeader('Accept-Language', 'en-US');
                 xhr.setRequestHeader('Authorization', 'Bearer ' + token);
@@ -1047,29 +1049,24 @@ const chatgpt = { // eslint-disable-line no-redeclare
         }
     },
 
-    isChromium: function() { return chatgpt.browser.isChromium(); },
     isDarkMode: function() { return document.documentElement.classList.toString().includes('dark'); },
-    isFirefox: function() { return chatgpt.browser.isFirefox(); },
     isFullScreen: function() { return chatgpt.browser.isFullScreen(); },
 
     isIdle: function() {
         return new Promise(resolve => {
             (function checkIsIdle() {
-                if (chatgpt.getRegenerateButton()) resolve(true);
-                else setTimeout(checkIsIdle, 100);
+                chatgpt.getRegenerateButton() ? resolve(true) : setTimeout(checkIsIdle, 200);
             })();
     });},
 
     isLoaded: function() {
         return new Promise(resolve => {
             (function checkIsLoaded() {
-                if (chatgpt.getNewChatButton()) resolve(true);
-                else setTimeout(checkIsLoaded, 100);
+                chatgpt.getNewChatButton() ? resolve(true) : setTimeout(checkIsLoaded, 200);
             })();
     });},
 
     isLightMode: function() { return document.documentElement.classList.toString().includes('light'); },
-    isMobileDevice: function() { return chatgpt.browser.isMobile(); },
 
     logout: function() { window.location.href = 'https://chat.openai.com/auth/logout'; },
 
@@ -1105,7 +1102,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                 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
-                    : ( endpoints.assets + '/starters/chrome/extension/icons/icon128.png' );
+                    : ( chatgpt.endpoints.assets + '/starters/chrome/extension/icons/icon128.png' );
                 icon.width = 18;
                 newElement.insertBefore(icon, newElement.firstChild);
 
@@ -1176,7 +1173,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     notify: async function(msg, position, notifDuration, shadow) {
         notifDuration = notifDuration ? +notifDuration : 1.75; // sec duration to maintain notification visibility
-        const fadeDuration = 0.3, // sec duration of fade-out
+        const fadeDuration = 0.35, // sec duration of fade-out
               vpYoffset = 23, vpXoffset = 27; // px offset from viewport border
 
         // Create/append notification div
@@ -1559,7 +1556,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
                 chatgpt.getChatData(chatToGet).then(chat => {
-                    xhr.open('GET', `${ endpoints.openAI.chat }/${ chat.id }`, true);
+                    xhr.open('GET', `${ chatgpt.endpoints.openAI.chat }/${ chat.id }`, true);
                     xhr.setRequestHeader('Content-Type', 'application/json');
                     xhr.setRequestHeader('Authorization', 'Bearer ' + token);
                     xhr.onload = () => {
@@ -1574,7 +1571,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
                 chatgpt.getChatData(chatToGet).then(chat => {
-                    xhr.open('POST', endpoints.openAI.share_create, true);
+                    xhr.open('POST', chatgpt.endpoints.openAI.share_create, true);
                     xhr.setRequestHeader('Content-Type', 'application/json');
                     xhr.setRequestHeader('Authorization', 'Bearer ' + token);
                     xhr.onload = () => {
@@ -1592,7 +1589,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         const confirmShareChat = (token, data) => {
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
-                xhr.open('PATCH', `${ endpoints.openAI.share }/${ data.share_id }`, true);
+                xhr.open('PATCH', `${ chatgpt.endpoints.openAI.share }/${ data.share_id }`, true);
                 xhr.setRequestHeader('Content-Type', 'application/json');
                 xhr.setRequestHeader('Authorization', 'Bearer ' + token);
                 xhr.onload = () => {
@@ -1702,7 +1699,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                 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
-                    : ( endpoints.assets + '/starters/chrome/extension/icons/icon128.png' );
+                    : ( chatgpt.endpoints.assets + '/starters/chrome/extension/icons/icon128.png' );
                 icon.width = 18;
                 newElement.insertBefore(icon, newElement.firstChild);
 
@@ -1751,23 +1748,24 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
         toggle: function() {
             const isMobileDevice = chatgpt.browser.isMobile(),
-                  isGPT4oUI = !!document.documentElement.className.includes(' '),
-                  navBtnSelector = isMobileDevice ? '#__next button' : isGPT4oUI ? 'nav button' : 'main button',
+                  navBtnSelector = isMobileDevice ? '#__next button' : 'nav button',
                   isToggleBtn = isMobileDevice ? () => true // since 1st one is toggle
-                              : isGPT4oUI ? btn => btn.querySelectorAll('svg path[d*="M8.857 3h6.286c1.084"]').length > 0
-                              : /* post-GPT-4o desktop */ btn => [...btn.querySelectorAll('*')]
-                                    .some(child => child.style.transform.includes('translateY'));
+                              : btn => btn.querySelectorAll('svg path[d*="M8.857 3h6.286c1.084"]').length > 0;
             for (const btn of document.querySelectorAll(navBtnSelector))
                 if (isToggleBtn(btn)) { btn.click(); return; }
         },
 
-        isLoaded: function() {
-            return new Promise(resolve => {
-                (function checkIsLoaded() {
-                    if (document.querySelector('nav a[href="/"]')) resolve(true);
-                    else setTimeout(checkIsLoaded, 100);
-                })();
-        });}
+        isLoaded: async function() {
+            await chatgpt.isLoaded();
+            return Promise.race([
+                new Promise(resolve => {
+                    (function checkNewChatLink() {
+                        chatgpt.getNewChatLink() ? resolve(true) : setTimeout(checkNewChatLink, 200);
+                    })();
+                }),
+                new Promise(resolve => setTimeout(resolve, 5000)) // since New Chat link not always present
+            ]);
+        }
     },
 
     startNewChat: function() { try { chatgpt.getNewChatBtn().click(); } catch (err) { console.error(err.message); }},
@@ -1853,9 +1851,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
 chatgpt.scheme = { ...chatgpt.settings.scheme }; // copy `chatgpt.settings.scheme` methods into `chatgpt.scheme`
 
 // Create chatgpt.[actions]Button(identifier) functions
-const buttonActions = ['click', 'get'], targetTypes = [ 'button', 'link', 'div', 'response' ];
-for (const buttonAction of buttonActions) {
-    chatgpt[buttonAction + 'Button'] = function handleButton(buttonIdentifier) {
+const cjsBtnActions = ['click', 'get'], cjsTargetTypes = [ 'button', 'link', 'div', 'response' ];
+for (const btnAction of cjsBtnActions) {
+    chatgpt[btnAction + 'Button'] = function handleButton(buttonIdentifier) {
         const button = /^[.#]/.test(buttonIdentifier) ? document.querySelector(buttonIdentifier)
             : /send/i.test(buttonIdentifier) ? document.querySelector('form button[class*="bottom"]')
             : /scroll/i.test(buttonIdentifier) ? document.querySelector('button[class*="cursor"]')
@@ -1866,12 +1864,12 @@ for (const buttonAction of buttonActions) {
                 for (const navLink of document.querySelectorAll('nav a')) { // try nav links if no button
                     if (navLink.textContent.toLowerCase().includes(buttonIdentifier.toLowerCase())) {
                         return navLink; }}})();
-        if (buttonAction == 'click') { button.click(); } else { return button; }
+        if (btnAction == 'click') { button.click(); } else { return button; }
     };
 }
 
 // Create alias functions
-const funcAliases = [
+const cjsFuncAliases = [
     ['actAs', 'actas', 'act', 'become', 'persona', 'premadePrompt', 'preMadePrompt', 'prePrompt', 'preprompt', 'roleplay', 'rolePlay', 'rp'],
     ['activateAutoRefresh', 'activateAutoRefresher', 'activateRefresher', 'activateSessionRefresher',
         'autoRefresh', 'autoRefresher', 'autoRefreshSession', 'refresher', 'sessionRefresher'],
@@ -1911,7 +1909,7 @@ const funcAliases = [
     ['unminify', 'unminifyCode', 'codeUnminify'],
     ['writeCode', 'codeWrite']
 ];
-const synonyms = [
+const cjsFuncSynonyms = [
     ['account', 'acct'],
     ['activate', 'turnOn'],
     ['analyze', 'check', 'evaluate', 'review'],
@@ -1924,6 +1922,7 @@ const synonyms = [
     ['data', 'details'],
     ['deactivate', 'deActivate', 'turnOff'],
     ['execute', 'interpret', 'interpreter', 'run'],
+    ['firefox', 'ff'],
     ['generating', 'generation'],
     ['minify', 'uglify'],
     ['refactor', 'rewrite'],
@@ -1940,7 +1939,7 @@ const camelCaser = (words) => {
 for (const prop in chatgpt) {
 
     // Create new function for each alias
-    for (const subAliases of funcAliases) {
+    for (const subAliases of cjsFuncAliases) {
         if (subAliases.includes(prop)) {
             if (subAliases.some(element => element.includes('.'))) {
                 const nestedFunction = subAliases.find(element => element.includes('.')).split('.')[1];
@@ -1960,7 +1959,7 @@ for (const prop in chatgpt) {
             if (typeof chatgpt[funcName] == 'function') {
                 const funcWords = funcName.split(/(?=[A-Zs])/); // split function name into constituent words
                 for (const funcWord of funcWords) {
-                    const synonymValues = [].concat(...synonyms // flatten into single array w/ word's synonyms
+                    const synonymValues = [].concat(...cjsFuncSynonyms // flatten into single array w/ word's cjsFuncSynonyms
                         .filter(arr => arr.includes(funcWord.toLowerCase())) // filter in relevant synonym sub-arrays
                         .map(arr => arr.filter(synonym => synonym !== funcWord.toLowerCase()))); // filter out matching word
                     for (const synonym of synonymValues) { // create function per synonym

package/starters/chrome/extension/manifest.json

@@ -2,7 +2,7 @@
     "manifest_version": 3,
     "name": "ChatGPT Extension",
     "description": "A Chrome template to start using chatgpt.js like a boss!",
-    "version": "2024.5.17",
+    "version": "2024.7.19",
     "author": "chatgpt.js",
     "icons": {
         "16": "icons/icon16.png",

package/starters/chrome/extension/popup/index.html

@@ -42,7 +42,7 @@
         </div>
         -->
         <footer>
-            <div class="chatgpt-js"><a title="Powered by chatgpt.js" href="https://chatgpt.js.org" target="_blank" rel="noopener"><img src="https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png"></a></div>
+            <div class="chatgpt-js"><a title="Powered by chatgpt.js" href="https://chatgpt.js.org" target="_blank" rel="noopener"><img src="https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png?main"></a></div>
             <span title="Check for Updates" class="menu-icon menu-area" style="right:58px ; padding-top: 7px" >
                 <img width=15 height=15 src="https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@258bec1/starters/chrome/media/images/icons/refresh/icon16.png" style="margin-top: 0.04rem">
             </span>

package/starters/docs/README.md

@@ -12,13 +12,13 @@
 
 <img src="../chrome/media/images/screenshots/extension-loaded.png">
 
-<h2><a href="../chrome"><img style="margin: 0 2px -1px 0" height=18 src="https://www.google.com/chrome/static/images/favicons/apple-icon-60x60.png"></a> <a href="../chrome">Chrome starter</a></h2>
+<h2><a href="../chrome"><img style="margin: 0 2px -1px 0" height=18 src="https://media.chatgptjs.org/images/icons/platforms/chrome/icon32.png?8c852fa5"></a> <a href="../chrome">Chrome starter</a></h2>
 
 Template for creating a Chrome extension using chatgpt.js (including pop-up menu + settings management)
 
 [Repo](https://github.com/KudoAI/chatgpt.js-chrome-starter) / [Readme](../chrome#readme) / [Get help](https://github.com/KudoAI/chatgpt.js-chrome-starter/issues)
 
-<h2><a href="../greasemonkey"><img style="margin: 0 2px -0.065rem 0" height=19 src="https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@e26f2cf/starters/media/images/icons/tampermonkey-icon28.png"><img style="margin: 0 2px -0.035rem 1px" height=19.5 src="https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@0c37090/starters/media/images/icons/violentmonkey-icon100.png"></a> <a href="../greasemonkey">Greasemonkey starter</a></h2>
+<h2><a href="../greasemonkey"><img style="margin: 0 2px -0.065rem 0" height=19 src="https://media.chatgptjs.org/images/icons/platforms/tampermonkey/icon28.png?a3e53bf7"><img style="margin: 0 2px -0.035rem 1px" height=19.5 src="https://media.chatgptjs.org/images/icons/platforms/violentmonkey/icon25.png?a3e53bf7"></a> <a href="../greasemonkey">Greasemonkey starter</a></h2>
 
 Template for creating a Greasemonkey userscript using chatgpt.js
 

package/starters/greasemonkey/LICENSE.md

@@ -1,8 +1,8 @@
 <div align="center">
     <h6>
         <picture>
-            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://media.chatgptjs.org/images/icons/earth-americas-white-icon32.svg">
-            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg">
+            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://media.chatgptjs.org/images/icons/earth-americas-white-icon32.svg?main">
+            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg?main">
         </picture>
         &nbsp;English |
         <a href="docs/zh-cn/LICENSE.md">简体中文</a> |

package/starters/greasemonkey/chatgpt.js-greasemonkey-starter.user.js

@@ -3,13 +3,13 @@
 // @description   A Greasemonkey template to start using chatgpt.js like a boss
 // @author        chatgpt.js
 // @namespace     https://chatgpt.js.org
-// @version       2024.5.17.3
+// @version       2024.7.19
 // @license       MIT
 // @match         *://chatgpt.com/*
 // @match         *://chat.openai.com/*
-// @icon          https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@2.9.2d875/starters/greasemonkey/media/images/icons/robot/icon48.png
-// @icon64        https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@2.9.2d875/starters/greasemonkey/media/images/icons/robot/icon64.png
-// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.9.2/dist/chatgpt.min.js
+// @icon          https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.0.0/starters/greasemonkey/media/images/icons/robot/icon48.png
+// @icon64        https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.0.0/starters/greasemonkey/media/images/icons/robot/icon64.png
+// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.0.0/dist/chatgpt.min.js
 // @grant         GM_getValue
 // @grant         GM_setValue
 // @noframes

package/starters/greasemonkey/docs/SECURITY.md

@@ -1,8 +1,8 @@
 <div align="right">
     <h6>
         <picture>
-            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://media.chatgptjs.org/images/icons/earth-americas-white-icon32.svg">
-            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg">
+            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://media.chatgptjs.org/images/icons/earth-americas-white-icon32.svg?main">
+            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg?main">
         </picture>
         &nbsp;English |
         <a href="https://github.com/KudoAI/chatgpt.js-greasemonkey-starter/blob/main/docs/zh-cn/SECURITY.md">简体中文</a> |