@kudoai/chatgpt.js 2.7.0 → 2.8.0

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

@@ -389,7 +389,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             try { await chatgpt.getChatData(); } catch { return; } // check if chat history exists
             chatgpt.menu.open(); setTimeout(() => { // open settings
                 const settingsBtn = document.querySelector(
-                    'a[role="menuitem"] svg path[d*="M11.6439 3C10.9352"]').parentNode.parentNode;
+                    'a[role="menuitem"] svg path[d*="M12.003 10.5a1.5"]')?.parentNode.parentNode;
                 if (settingsBtn) settingsBtn.click();
                 setTimeout(() => { // clear chats
                     const settingsBtns = document.querySelectorAll('[id*=radix] button'),
@@ -842,12 +842,10 @@ const chatgpt = { // eslint-disable-line no-redeclare
         });});};
 
         // Return chat data
-        return new Promise(resolve => { chatgpt.getAccessToken().then(token => {
-            if (!detailsToGet.includes('msg')) getChatDetails(token, detailsToGet).then(data => {
-                return resolve(data); // get just the chat details
-            });
-            else getChatMsgs(token).then(messages => { return resolve(messages); }); // otherwise get specific msg's
-        });});
+        return new Promise(resolve => chatgpt.getAccessToken().then(token => {
+            return resolve(detailsToGet.includes('msg') ? getChatMsgs(token)
+                         : getChatDetails(token, detailsToGet));
+        }));
     },
 
     getChatInput: function() { return chatgpt.getChatBox().value; },
@@ -863,11 +861,13 @@ const chatgpt = { // eslint-disable-line no-redeclare
     getLastPrompt: function() { return chatgpt.getChatData('active', 'msg', 'user', 'latest'); },
     getLastResponse: function() { return chatgpt.getChatData('active', 'msg', 'chatgpt', 'latest'); },
 
-    getNewChatLink: function() {
-        for (const navLink of document.querySelectorAll('nav a')) {
-            if (/(new|clear) chat/i.test(navLink.text)) {
-                return navLink;
-    }}},
+    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
+                return navBtnSVG.parentNode;
+    },
+
+    getNewChatLink: function() { return document.querySelector('nav a[href="/"]'); },
 
     getRegenerateButton: function() {   
         for (const mainSVG of document.querySelectorAll('main svg')) {
@@ -881,15 +881,17 @@ const chatgpt = { // eslint-disable-line no-redeclare
     // responseToGet = index of response to get (defaults to latest if '' unpassed)
     // regenResponseToGet = index of regenerated response to get (defaults to latest if '' unpassed)
 
-        if (window.location.href.startsWith('https://chat.openai.com/c/'))
-            return chatgpt.getResponseFromDOM.apply(null, arguments);
-        else return chatgpt.getResponseFromAPI.apply(null, arguments);
+        return chatgpt.response.get(...arguments);
     },
 
     getResponseFromAPI: function(chatToGet, responseToGet) { return chatgpt.response.getFromAPI(chatToGet, responseToGet); },
     getResponseFromDOM: function(pos) { return chatgpt.response.getFromDOM(pos); },
     getScrollToBottomButton: function() { return document.querySelector('button[class*="cursor"][class*="bottom"]'); },
-    getSendButton: function() { return document.querySelector('form button[class*="bottom"]'); },
+
+    getSendButton: function() {
+        return document.querySelector('[data-testid="send-button"]') // pre-GPT-4o
+            || document.querySelector('path[d*="M15.192 8.906a1.143"]')?.parentNode.parentNode; // post-GPT-4o
+    },
 
     getStopGeneratingButton: function() {
         for (const svg of document.querySelectorAll('form button svg')) {
@@ -907,11 +909,10 @@ const chatgpt = { // eslint-disable-line no-redeclare
     history: {
         isLoaded: function() {
             return new Promise(resolve => {
-                const checkChatHistory = () => {
+                (function checkChatHistory() {
                     if (document.querySelector('nav')) resolve(true);
                     else setTimeout(checkChatHistory, 100);
-                };
-                checkChatHistory();
+                })();
         });}
     },
 
@@ -1054,10 +1055,11 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     isLoaded: function() {
         return new Promise(resolve => {
-            const intervalId = setInterval(() => {
-                if (document.querySelector('nav button[id*="menu"]')) {
-                    clearInterval(intervalId); setTimeout(() => { resolve(true); }, 500);
-    }}, 100);});},
+            (function checkIsLoaded() {
+                if (chatgpt.getNewChatButton()) resolve(true);
+                else setTimeout(checkIsLoaded, 100);
+            })();
+    });},
 
     isLightMode: function() { return document.documentElement.classList.toString().includes('light'); },
     isMobileDevice: function() { return chatgpt.browser.isMobile(); },
@@ -1154,16 +1156,14 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
         close: function() {
             const menuBtn = document.querySelector('nav [id*="menu-button"][aria-expanded="true"]');
-            if (menuBtn)
-                try { menuBtn.click(); } catch (err) { console.error('Error while closing the menu'); throw new Error(err); }
-            else { console.error('Menu already hidden!'); throw new Error(); }
+            if (menuBtn) try { menuBtn.click(); } catch (err) { return console.error(err.message); }
+            else { console.info('Menu already hidden!'); }
         },
 
         open: function() {
             const menuBtn = document.querySelector('nav [id*="menu-button"][aria-expanded="false"]');
-            if (menuBtn)
-                try { menuBtn.click(); } catch (err) { console.error('Error while closing the menu'); throw new Error(err); }
-            else { console.error('Menu already hidden!'); throw new Error(); }
+            if (menuBtn) try { menuBtn.click(); } catch (err) { return console.error(err.message); }
+            else { console.info('Menu already open!'); }
         }
     },
 
@@ -1350,7 +1350,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
     randomFloat: function() {
     // * Generates a random, cryptographically secure value between 0 (inclusive) & 1 (exclusive)
         const crypto = window.crypto || window.msCrypto;
-        return crypto.getRandomValues(new Uint32Array(1))[0] / 0xFFFFFFFF;
+        return crypto?.getRandomValues(new Uint32Array(1))[0] / 0xFFFFFFFF || Math.random();
     },
 
     refactor: function() { chatgpt.code.refactor(); },
@@ -1416,7 +1416,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             // responseToGet = index of response to get (defaults to latest if '' unpassed)
             // regenResponseToGet = index of regenerated response to get (defaults to latest if '' unpassed)
 
-                if (window.location.href.startsWith('https://chat.openai.com/c/'))
+                if (window.location.href.startsWith('https://chatgpt.com/c/'))
                     return this.getFromDOM.apply(null, arguments);
                 else return this.getFromAPI.apply(null, arguments);
         },
@@ -1461,7 +1461,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                     );
                     response = responseDivs[nthOfResponse - 1].textContent;
                 }
-                response = response.replace(/^ChatGPTChatGPT/, ''); // strip sender name
+                response = response.replace(/^ChatGPT(?:ChatGPT)?/, ''); // strip sender name
             }
             return response;
         },
@@ -1641,10 +1641,6 @@ const chatgpt = { // eslint-disable-line no-redeclare
         elements: [], observer: {},
 
         activateObserver: function() {
-            const chatHistoryNav = document.querySelector('nav'),
-                firstButton = chatHistoryNav.querySelector('a');
-            if (chatgpt.history.isOff()) // Hide enable history spam div
-                try { firstButton.parentNode.nextElementSibling.style.display = 'none'; } catch (err) {}
 
             // Stop the previous observer to preserve resources
             if (this.observer instanceof MutationObserver)
@@ -1755,28 +1751,26 @@ const chatgpt = { // eslint-disable-line no-redeclare
         show: function() { this.isOff() ? this.toggle() : console.info('Sidebar already shown!'); },
         isOff: function() { return !this.isOn(); },
         isOn: function() {
+            const sidebar = document.querySelector('#__next > div > div');
             return chatgpt.browser.isMobile() ?
                 document.documentElement.style.overflow == 'hidden'
-              : document.querySelector('#__next > div > div').style.visibility != 'hidden';
+              : sidebar.style.visibility != 'hidden' && sidebar.style.width != '0px';
         },
 
         toggle: function() {
             const isMobileDevice = chatgpt.browser.isMobile(),
-                  navBtnSelector = isMobileDevice ? '#__next button' : 'main button' ,
+                  isGPT4oUI = !!document.documentElement.className.includes(' '),
+                  navBtnSelector = isMobileDevice ? '#__next button' : isGPT4oUI ? 'nav button' : 'main button',
                   isToggleBtn = isMobileDevice ? () => true // since 1st one is toggle
-                              : btn => Array.from(btn.querySelectorAll('*'))
-                                            .some(child => child.style.transform.includes('translateY'));
+                              : 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'));
             for (const btn of document.querySelectorAll(navBtnSelector))
                 if (isToggleBtn(btn)) { btn.click(); return; }
         }
     },
 
-    startNewChat: function() {
-        for (const navLink of document.querySelectorAll('nav a')) {
-            if (/(new|clear) chat/i.test(navLink.text)) {
-                navLink.click(); return;
-    }}},
-
+    startNewChat: function() { try { this.getNewChatButton().click(); } catch (err) { console.error(err.message); }},
     stop: function() { this.response.stopGenerating(); },
 
     suggest: async function(ideaType, details) {
@@ -1877,7 +1871,7 @@ for (const buttonAction of buttonActions) {
 }
 
 // Create alias functions
-const functionAliases = [
+const funcAliases = [
     ['actAs', 'actas', 'act', 'become', 'persona', 'premadePrompt', 'preMadePrompt', 'prePrompt', 'preprompt', 'roleplay', 'rolePlay', 'rp'],
     ['activateAutoRefresh', 'activateAutoRefresher', 'activateRefresher', 'activateSessionRefresher',
         'autoRefresh', 'autoRefresher', 'autoRefreshSession', 'refresher', 'sessionRefresher'],
@@ -1888,6 +1882,7 @@ const functionAliases = [
     ['getFooterDiv', 'getFooter'],
     ['getHeaderDiv', 'getHeader'],
     ['getLastPrompt', 'getLastQuery', 'getMyLastMsg', 'getMyLastQuery'],
+    ['getScrollToBottomButton', 'getScrollButton'],
     ['getTextarea', 'getTextArea', 'getChatbox', 'getChatBox'],
     ['isFullScreen', 'isFullscreen'],
     ['logOut', 'logout', 'logOff', 'logoff', 'signOut', 'signout', 'signOff', 'signoff'],
@@ -1903,6 +1898,7 @@ const functionAliases = [
     ['send', 'sendChat', 'sendMsg'],
     ['sendInNewChat', 'sendNewChat'],
     ['sentiment', 'analyzeSentiment', 'sentimentAnalysis'],
+    ['startNewChat', 'new', 'newChat'],
     ['stop', 'stopGenerating'],
     ['suggest', 'suggestion', 'recommend'],
     ['toggleAutoRefresh', 'toggleAutoRefresher', 'toggleRefresher', 'toggleSessionRefresher'],
@@ -1937,7 +1933,7 @@ const camelCaser = (words) => {
 for (const prop in chatgpt) {
 
     // Create new function for each alias
-    for (const subAliases of functionAliases) {
+    for (const subAliases of funcAliases) {
         if (subAliases.includes(prop)) {
             if (subAliases.some(element => element.includes('.'))) {
                 const nestedFunction = subAliases.find(element => element.includes('.')).split('.')[1];

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.9",
+    "version": "2024.5.16",
     "author": "chatgpt.js",
     "icons": {
         "16": "icons/icon16.png",
@@ -17,7 +17,7 @@
         "resources": ["lib/settings-utils.js", "lib/chatgpt.js"]
     }],
     "content_scripts": [{
-        "matches": ["https://chat.openai.com/*"],
+        "matches": ["https://chatgpt.com/*", "https://chat.openai.com/*"],
         "js": ["content.js"]
     }],
     "background": { "service_worker": "background.js" }

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

@@ -3,12 +3,12 @@
 // @description   A Greasemonkey template to start using chatgpt.js like a boss
 // @author        chatgpt.js
 // @namespace     https://chatgpt.js.org
-// @version       2024.5.9
+// @version       2024.5.16
 // @license       MIT
 // @match         https://chat.openai.com/*
 // @icon          https://raw.githubusercontent.com/KudoAI/chatgpt.js-greasemonkey-starter/main/media/images/icons/robot/icon48.png
 // @icon64        https://raw.githubusercontent.com/KudoAI/chatgpt.js-greasemonkey-starter/main/media/images/icons/robot/icon64.png
-// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.7.0/dist/chatgpt.min.js
+// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.8.0/dist/chatgpt.min.js
 // @grant         GM_getValue
 // @grant         GM_setValue
 // @noframes