@kudoai/chatgpt.js 3.2.0 → 3.3.0

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

@@ -410,32 +410,42 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return codeBlocks ? codeBlocks[codeBlocks.length - 1] : msg;
         },
 
-        async isIdle() {
-            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
-            ]);
+        async isIdle(timeout = null) {
+            const obsConfig = { childList: true, subtree: true },
+                  selectors = { msgDiv: 'div[data-message-author-role]',
+                                replyDiv: 'div[data-message-author-role="assistant"]' };
+
+            // Create promises
+            const timeoutPromise = timeout ? new Promise(resolve => setTimeout(() => resolve(false), timeout)) : null;
+            const isIdlePromise = (async () => {
+                await new Promise(resolve => { // when on convo page
+                    if (document.querySelector(selectors.msgDiv)) resolve();
+                    else new MutationObserver((_, obs) => {
+                        if (document.querySelector(selectors.msgDiv)) { obs.disconnect(); resolve(); }
+                    }).observe(document.body, obsConfig);
+                });
+                await new Promise(resolve => { // when reply starts generating
+                    new MutationObserver((_, obs) => {
+                        if (chatgpt.getStopBtn()) { obs.disconnect(); resolve(); }
+                    }).observe(document.body, { childList: true, subtree: true });
+                });
+                const replyDivs = document.querySelectorAll(selectors.replyDiv),
+                      lastReplyDiv = replyDivs[replyDivs.length - 1];
+                await new Promise(resolve => { // when code starts generating
+                    new MutationObserver((_, obs) => {
+                        if (lastReplyDiv?.querySelector('pre')) { obs.disconnect(); resolve(); }
+                    }).observe(document.body, obsConfig);
+                });
+                return new Promise(resolve => { // when code stops generating
+                    new MutationObserver((_, obs) => {
+                        if (lastReplyDiv?.querySelector('pre')?.nextElementSibling // code block not last child of reply div
+                            || !chatgpt.getStopBtn() // ...or reply outright stopped generating
+                        ) { obs.disconnect(); resolve(true); }
+                    }).observe(document.body, obsConfig);
+                });
+            })();
+
+            return await (timeoutPromise ? Promise.race([isIdlePromise, timeoutPromise]) : isIdlePromise);
         },
 
         async minify(code) {
@@ -610,6 +620,24 @@ const chatgpt = { // eslint-disable-line no-redeclare
     extractCode() { chatgpt.code.extract(); },
     focusChatbar() { chatgpt.getChatBox()?.focus(); },
 
+    footer: {
+        get() { return document.querySelector('main form')?.parentNode.parentNode.nextElementSibling; },
+
+        hide() { 
+            const footer = chatgpt.footer.get();
+            if (!footer) return console.error('Footer element not found!');
+            if (footer.style.visibility == 'hidden') return console.info('Footer already hidden!');
+            footer.style.visibility = 'hidden'; footer.style.height = '3px';
+        },
+
+        show() {
+            const footer = chatgpt.footer.get();
+            if (!footer) return console.error('Footer element not found!');
+            if (footer.style.visibility != 'hidden') return console.info('Footer already shown!');
+            footer.style.visibility = footer.style.height = 'inherit';            
+        }
+    },
+
     generateRandomIP() {
         const ip = Array.from({length: 4}, () => Math.floor(chatgpt.randomFloat() * 256)).join('.');
         console.info('IP generated: ' + ip);
@@ -862,16 +890,14 @@ const chatgpt = { // eslint-disable-line no-redeclare
                 return formBtnSVG.parentNode.parentNode;
     }},
 
-    getFooterDiv() { return document.querySelector('main form')?.parentNode.parentNode.nextElementSibling; },
-    getHeaderDiv() { return document.querySelector('main .sticky'); },
+    getFooterDiv() { return chatgpt.footer.get(); },
+    getHeaderDiv() { return chatgpt.header.get(); },
     getLastPrompt() { return chatgpt.getChatData('active', 'msg', 'user', 'latest'); },
     getLastResponse() { return chatgpt.getChatData('active', 'msg', 'chatgpt', 'latest'); },
 
     getNewChatButton() {
-        for (const navBtnSVG of document.querySelectorAll('nav button svg'))
-            if (navBtnSVG.querySelector('path[d^="M15.6729"], '  // pencil-on-pad icon
-                                      + 'path[d^="M3.06957"]'))  // refresh icon if temp chat
-                return navBtnSVG.parentNode;
+        return document.querySelector('button:has([d*="M15.6729"],' // pencil-on-pad icon
+                                    + '[d^="M3.06957"])'); // refresh icon if temp chat
     },
 
     getNewChatLink() { return document.querySelector('nav a[href="/"]'); },
@@ -908,18 +934,29 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     getUserLanguage() {
         return navigator.languages[0] || navigator.language || navigator.browserLanguage ||
-            navigator.systemLanguage || navigator.userLanguage || ''; },
+            navigator.systemLanguage || navigator.userLanguage || '';
+    },
 
-    hideFooter() { chatgpt.getFooterDiv().style.display = 'none'; },
-    hideHeader() { chatgpt.getHeaderDiv().style.display = 'none'; },
+    header: {
+        get() { return document.querySelector('main .sticky'); },
+        hide() { chatgpt.header.get().style.display = 'none'; },
+        show() { chatgpt.header.get().style.display = 'flex'; }
+    },
+
+    hideFooter() { chatgpt.footer.hide(); },
+    hideHeader() { chatgpt.header.hide(); },
 
     history: {
-        isLoaded() {
-            return new Promise(resolve => {
-                (function checkChatHistory() {
-                    document.querySelector('nav') ? resolve(true) : setTimeout(checkChatHistory, 200);
-                })();
-        });}
+        async isLoaded(timeout = null) {
+            const timeoutPromise = timeout ? new Promise(resolve => setTimeout(() => resolve(false), timeout)) : null;
+            const isLoadedPromise = new Promise(resolve => {
+                if (document.querySelector('nav')) resolve(true);
+                else new MutationObserver((_, obs) => {
+                    if (document.querySelector('nav')) { obs.disconnect(); resolve(true); }
+                }).observe(document.body, { childList: true, subtree: true });
+            });
+            return await ( timeoutPromise ? Promise.race([isLoadedPromise, timeoutPromise]) : isLoadedPromise );
+        }
     },
 
     instructions: {
@@ -1050,19 +1087,44 @@ const chatgpt = { // eslint-disable-line no-redeclare
     isDarkMode() { return document.documentElement.classList.toString().includes('dark'); },
     isFullScreen() { return chatgpt.browser.isFullScreen(); },
 
-    isIdle() {
-        return new Promise(resolve => {
-            (function checkIsIdle() {
-                chatgpt.getRegenerateButton() ? resolve(true) : setTimeout(checkIsIdle, 200);
-            })();
-    });},
+    async isIdle(timeout = null) {
+        const obsConfig = { childList: true, subtree: true },
+              msgDivSelector = 'div[data-message-author-role]';
+
+        // Create promises
+        const timeoutPromise = timeout ? new Promise(resolve => setTimeout(() => resolve(false), timeout)) : null;
+        const isIdlePromise = (async () => {
+            await new Promise(resolve => { // when on convo page
+                if (document.querySelector(msgDivSelector)) resolve();
+                else new MutationObserver((_, obs) => {
+                    if (document.querySelector(msgDivSelector)) { obs.disconnect(); resolve(); }
+                }).observe(document.body, obsConfig);
+            });
+            await new Promise(resolve => { // when reply starts generating
+                new MutationObserver((_, obs) => {
+                    if (chatgpt.getStopBtn()) { obs.disconnect(); resolve(); }
+                }).observe(document.body, obsConfig);
+            });
+            return new Promise(resolve => { // when reply stops generating
+                new MutationObserver((_, obs) => {
+                    if (!chatgpt.getStopBtn()) { obs.disconnect(); resolve(true); }
+                }).observe(document.body, obsConfig);
+            });
+        })();
 
-    isLoaded() {
-        return new Promise(resolve => {
-            (function checkIsLoaded() {
-                chatgpt.getNewChatButton() ? resolve(true) : setTimeout(checkIsLoaded, 200);
-            })();
-    });},
+        return await (timeoutPromise ? Promise.race([isIdlePromise, timeoutPromise]) : isIdlePromise);
+    },
+
+    async isLoaded(timeout = null) {
+        const timeoutPromise = timeout ? new Promise(resolve => setTimeout(() => resolve(false), timeout)) : null;
+        const isLoadedPromise = new Promise(resolve => {
+            if (chatgpt.getNewChatBtn()) resolve(true);
+            else new MutationObserver((_, obs) => {
+                if (chatgpt.getNewChatBtn()) { obs.disconnect(); resolve(true); }
+            }).observe(document.body, { childList: true, subtree: true });
+        });
+        return await ( timeoutPromise ? Promise.race([isLoadedPromise, timeoutPromise]) : isLoadedPromise );
+    },
 
     isLightMode() { return document.documentElement.classList.toString().includes('light'); },
 
@@ -1483,7 +1545,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return console.error(`Argument ${ i + 1 } must be a string!`);
         const textArea = chatgpt.getChatBox();
         if (!textArea) return console.error('Chatbar element not found!');
-        textArea.value = msg;
+        const msgP = document.createElement('p'); msgP.textContent = msg;
+        textArea.replaceChild(msgP, textArea.querySelector('p'));
         textArea.dispatchEvent(new Event('input', { bubbles: true })); // enable send button
         setTimeout(function delaySend() {
             const sendBtn = chatgpt.getSendButton();
@@ -1496,10 +1559,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     sendInNewChat(msg) {
         if (typeof msg !== 'string') return console.error('Message must be a string!');
-        for (const navLink of document.querySelectorAll('nav a')) {
-            if (/(new|clear) chat/i.test(navLink.text)) {
-                navLink.click(); break;
-        }} setTimeout(() => { chatgpt.send(msg); }, 500);
+        try { chatgpt.getNewChatBtn().click(); } catch (err) { return console.error(err.message); }
+        setTimeout(() => { chatgpt.send(msg); }, 500);
     },
 
     settings: {
@@ -1623,8 +1684,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
         });});});});});
     },
 
-    showFooter() { chatgpt.getFooterDiv().style.display = 'revert'; },
-    showHeader() { chatgpt.getHeaderDiv().style.display = 'flex'; },
+    showFooter() { chatgpt.footer.show(); },
+    showHeader() { chatgpt.header.show(); },
 
     sidebar: {
         elements: [], observer: {},
@@ -1737,13 +1798,15 @@ const chatgpt = { // eslint-disable-line no-redeclare
             return newElement.id; // Return the element id
         },
 
+        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(); },
         isOn() {
-            const sidebar = document.querySelector('body script + div > div');
-            if (!sidebar) return console.error('Sidebar element not found!');
-            return chatgpt.browser.isMobile() ?
+            const sidebar = (() => {
+                return chatgpt.sidebar.exists() ? document.querySelector('body script + div > div') : null; })();
+            if (!sidebar) { console.error('Sidebar element not found!'); return false; }
+            else return chatgpt.browser.isMobile() ?
                 document.documentElement.style.overflow == 'hidden'
               : sidebar.style.visibility != 'hidden' && sidebar.style.width != '0px';
         },
@@ -1755,18 +1818,19 @@ const chatgpt = { // eslint-disable-line no-redeclare
                               : btn => btn.querySelector('svg path[d^="M8.857"]');
             for (const btn of document.querySelectorAll(navBtnSelector))
                 if (isToggleBtn(btn)) { btn.click(); return; }
+            console.error('Sidebar toggle not found!');
         },
 
-        async isLoaded() {
+        async isLoaded(timeout = 5000) {
             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
-            ]);
+            const timeoutPromise = new Promise(resolve => setTimeout(() => { resolve(false); }, timeout));
+            const isLoadedPromise = new Promise(resolve => {
+                if (chatgpt.getNewChatLink()) resolve(true);
+                else new MutationObserver((_, obs) => {
+                    if (chatgpt.getNewChatLink()) { obs.disconnect(); resolve(true); }
+                }).observe(document.body, { childList: true, subtree: true });
+            });
+            return await Promise.race([isLoadedPromise, timeoutPromise]);
         }
     },
 
@@ -1879,6 +1943,7 @@ const cjsFuncAliases = [
     ['deactivateAutoRefresh', 'deactivateAutoRefresher', 'deactivateRefresher', 'deactivateSessionRefresher'],
     ['detectLanguage', 'getLanguage'],
     ['executeCode', 'codeExecute'],
+    ['exists', 'isAvailable', 'isExistent', 'isPresent'],
     ['exportChat', 'chatExport', 'export'],
     ['getFooterDiv', 'getFooter'],
     ['getHeaderDiv', 'getHeader'],

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.8.29",
+    "version": "2024.9.12",
     "author": "chatgpt.js",
     "icons": {
         "16": "icons/icon16.png",

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.8.29.1
+// @version       2024.9.12
 // @license       MIT
 // @match         *://chatgpt.com/*
 // @match         *://chat.openai.com/*
-// @icon          https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.2.0/starters/greasemonkey/media/images/icons/robot/icon48.png
-// @icon64        https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.2.0/starters/greasemonkey/media/images/icons/robot/icon64.png
-// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.2.0/dist/chatgpt.min.js
+// @icon          https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.3.0/starters/greasemonkey/media/images/icons/robot/icon48.png
+// @icon64        https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.3.0/starters/greasemonkey/media/images/icons/robot/icon64.png
+// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.3.0/dist/chatgpt.min.js
 // @grant         GM_getValue
 // @grant         GM_setValue
 // @noframes