@kudoai/chatgpt.js 2.6.9 → 2.7.0

package/docs/USERGUIDE.md

@@ -1,8 +1,8 @@
 <div align="center">
 
 <picture>
-    <source type="image/png" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/images/logos/chatgpt.js/with-reflection/darkmode.png">
-    <img width=700 src="https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/images/logos/chatgpt.js/with-reflection/lightmode.png">
+    <source type="image/png" media="(prefers-color-scheme: dark)" srcset="https://media.chatgptjs.org/images/logos/chatgpt.js/with-reflection/darkmode.png?bc68d0c">
+    <img width=700 src="https://media.chatgptjs.org/images/logos/chatgpt.js/with-reflection/lightmode.png?bc68d0c">
 </picture>
 
 **chatgpt.js** is a powerful JavaScript library that allows for super easy interaction w/ the ChatGPT DOM.
@@ -73,10 +73,17 @@
   - [DOM related](#dom-related)
     - [getChatBox](#getchatbox)
     - [getContinueGeneratingButton](#getcontinuegeneratingbutton)
+    - [getFooterDiv](#getfooterdiv)
+    - [getHeaderDiv](#getheaderdiv)
     - [getNewChatLink](#getnewchatlink)
     - [getRegenerateButton](#getregeneratebutton)
+    - [getScrollToBottomButton](#getscrolltobottombutton)
     - [getSendButton](#getsendbutton)
     - [getStopGeneratingButton](#getstopgeneratingbutton)
+    - [hideFooter](#hidefooter)
+    - [hideHeader](#hideheader)
+    - [showFooter](#showfooter)
+    - [showHeader](#showheader)
 - [Library APIs](#library-apis)
   - [autoRefresh `api`](#autorefresh-api)
       - [activate](#activate)
@@ -132,13 +139,13 @@
 
 # Importing the library
 
-> **Note** _To always import the latest version (NOT recommended in production!) replace the versioned jsDelivr URL with: `https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js/chatgpt.min.js`_
+> **Note** _To always import the latest version (not recommended in production!) replace the versioned jsDelivr URL with: `https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js/chatgpt.min.js`_
 
 ## ES6
 
 ```js
 (async () => {
-    await import('https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.6.9/dist/chatgpt.min.js');
+    await import('https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.7.0/dist/chatgpt.min.js');
     // Your code here...
 })();
 ```
@@ -147,7 +154,7 @@
 
 ```js
 var xhr = new XMLHttpRequest();
-xhr.open('GET', 'https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.6.9/dist/chatgpt.min.js');
+xhr.open('GET', 'https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.7.0/dist/chatgpt.min.js');
 xhr.onload = function () {
     if (xhr.status === 200) {
         var chatgptJS = document.createElement('script');
@@ -169,7 +176,7 @@ function yourCode() {
 
 ```js
 ...
-// @require https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.6.9/dist/chatgpt.min.js
+// @require https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.7.0/dist/chatgpt.min.js
 // ==/UserScript==
 
 // Your code here...
@@ -1076,8 +1083,30 @@ Returns the 'Continue generating' button as an HTML element.
 Example code:
 
 ```js
-const continueButton = chatgpt.getContinueGeneratingButton();
-continueButton.click();
+const continueBtn = chatgpt.getContinueGeneratingButton();
+continueBtn.click();
+```
+
+### getFooterDiv
+
+Returns the footer div as an HTML element.
+
+Example code:
+
+```js
+const footerDiv = chatgpt.getFooterDiv();
+footerDiv.style.padding = '15px'; // make the footer taller
+```
+
+### getHeaderDiv
+
+Returns the header div as an HTML element.
+
+Example code:
+
+```js
+const headerDiv = chatgpt.getHeaderDiv();
+headerDiv.style.display = none; // hide the header
 ```
 
 ### getNewChatLink
@@ -1098,8 +1127,19 @@ Returns the button which regenerates ChatGPT's response as an HTML element.
 Example code:
 
 ```js
-const regenButton = chatgpt.getRegenerateButton();
-regenButton.click();
+const regenBtn = chatgpt.getRegenerateButton();
+regenBtn.click();
+```
+
+### getScrollToBottomButton
+
+Returns the button which scrolls to bottom as an HTML element.
+
+Example code:
+
+```js
+const scrollToBottomBtn = chatgpt.getScrollToBottomButton();
+scrollToBottomBtn.click();
 ```
 
 ### getSendButton
@@ -1109,8 +1149,8 @@ Returns the button which sends the message as an HTML element.
 Example code:
 
 ```js
-const sendButton = chatgpt.getSendButton();
-sendButton.click();
+const sendBtn = chatgpt.getSendButton();
+sendBtn.click();
 ```
 
 ### getStopGeneratingButton
@@ -1120,8 +1160,48 @@ Returns the button which stops the generation of ChatGPT's response as an HTML e
 Example code:
 
 ```js
-const stopButton = chatgpt.getStopGeneratingButton();
-stopButton.click();
+const stopBtn = chatgpt.getStopGeneratingButton();
+stopBtn.click();
+```
+
+### hideFooter
+
+Hides the footer div.
+
+Example code:
+
+```js
+chatgpt.hideFooter()
+```
+
+### hideHeader
+
+Hides the header div.
+
+Example code:
+
+```js
+chatgpt.hideHeader()
+```
+
+### showFooter
+
+Shows the footer div if hidden.
+
+Example code:
+
+```js
+chatgpt.showFooter()
+```
+
+### showHeader
+
+Shows the header div if hidden.
+
+Example code:
+
+```js
+chatgpt.showHeader()
 ```
 
 # Library APIs

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@kudoai/chatgpt.js",
-  "version": "2.6.9",
+  "version": "2.7.0",
   "description": "Client-side JavaScript library for ChatGPT",
   "author": {
     "name": "KudoAI & contributors",
-    "email": "contact@kudoai.com",
+    "email": "opensource@kudoai.com",
     "url": "https://www.kudoai.com"
   },
   "homepage": "https://chatgpt.js.org",
@@ -63,10 +63,10 @@
     "url": "https://github.com/sponsors/KudoAI"
   },
   "devDependencies": {
-    "@adamlui/minify.js": "^1.5.8",
-    "@adamlui/scss-to-css": "^1.8.3",
+    "@adamlui/minify.js": "^1.6.1",
+    "@adamlui/scss-to-css": "^1.9.0",
     "docsify-cli": "^4.4.4",
-    "eslint": "^9.1.1",
+    "eslint": "^9.2.0",
     "eslint-plugin-json-schema-validator": "^5.1.0",
     "husky": "^9.0.11"
   }

package/starters/chrome/LICENSE.md

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

package/starters/chrome/docs/README.md

@@ -1,8 +1,8 @@
 <div align="center">
     <h6>
         <picture>
-            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/images/icons/earth-americas-white-icon32.svg">
-            <img height=14 src="https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/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">
+            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg">
         </picture>
         &nbsp;English |
         <a href="zh-cn#readme">简体中文</a> |

package/starters/chrome/docs/SECURITY.md

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

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

@@ -5,9 +5,9 @@
 
 // Init endpoints
 const endpoints = {
-    assets: 'https://raw.githubusercontent.com/KudoAI/chatgpt.js/main',
+    assets: 'https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js',
     openAI: {
-        session: 'https://chat.openai.com/api/auth/session',
+        session: 'https://chatgpt.com/api/auth/session',
         chats: 'https://chat.openai.com/backend-api/conversations',
         chat: 'https://chat.openai.com/backend-api/conversation',
         share_create: 'https://chat.openai.com/backend-api/share/create',
@@ -18,14 +18,7 @@ const endpoints = {
 
 // Init feedback properties
 localStorage.alertQueue = JSON.stringify([]);
-localStorage.notifyProps = JSON.stringify({
-    queue: { topRight: [], bottomRight: [], bottomLeft: [], topLeft: [] },
-    lastNthAudio: 0 // to prevent immediate repetition of base sound
-});
-
-// Init environment flags
-const isFFuserScript = navigator.userAgent.includes('Firefox') && typeof unsafeWindow != 'undefined',
-      isFFtmScript = isFFuserScript && GM_info.scriptHandler == 'Tampermonkey';
+localStorage.notifyProps = JSON.stringify({ queue: { topRight: [], bottomRight: [], bottomLeft: [], topLeft: [] }});
 
 // Define chatgpt.methods
 const chatgpt = { // eslint-disable-line no-redeclare
@@ -865,6 +858,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
                 return svg.parentNode.parentNode;
     }},
 
+    getFooterDiv: function() { return document.querySelector('main form').parentNode.parentNode.nextElementSibling; },
+    getHeaderDiv: function() { return document.querySelector('main .sticky'); },
     getLastPrompt: function() { return chatgpt.getChatData('active', 'msg', 'user', 'latest'); },
     getLastResponse: function() { return chatgpt.getChatData('active', 'msg', 'chatgpt', 'latest'); },
 
@@ -876,8 +871,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     getRegenerateButton: function() {   
         for (const mainSVG of document.querySelectorAll('main svg')) {
-            if (mainSVG.querySelector('path[d*="M4.5 2.5C5.05228"]')) // regen icon found
-                return mainSVG.parentNode.parentNode;
+            if (mainSVG.querySelector('path[d*="M3.07 10.876C3.623"]')) // regen icon found
+                return mainSVG.parentNode;
     }},
 
     getResponse: function() {
@@ -893,6 +888,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     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"]'); },
 
     getStopGeneratingButton: function() {
@@ -905,6 +901,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
         return navigator.languages[0] || navigator.language || navigator.browserLanguage ||
             navigator.systemLanguage || navigator.userLanguage || ''; },
 
+    hideFooter: function() { chatgpt.getFooterDiv().style.display = 'none'; },
+    hideHeader: function() { chatgpt.getHeaderDiv().style.display = 'none'; },
+
     history: {
         isLoaded: function() {
             return new Promise(resolve => {
@@ -1263,28 +1262,10 @@ const chatgpt = { // eslint-disable-line no-redeclare
         const hideDelay = fadeDuration > notifDuration ? 0 // don't delay if fade exceeds notification duration
                         : notifDuration - fadeDuration; // otherwise delay for difference
 
-        // Init/schedule audio feedback
-        let dismissAudio, dismissAudioTID; // be accessible to `dismissNotif()`
-        if (isFFtmScript) {
-            // Init base audio index
-            let nthAudio; do nthAudio = Math.floor(Math.random() * 3) + 1; // randomize  between 1-3...
-            while (nthAudio === notifyProps.lastNthAudio); // ...until distinct from prev index (for variety)
-            notifyProps.lastNthAudio = nthAudio; localStorage.notifyProps = JSON.stringify(notifyProps);
-
-            // Build audio element + src URL
-            dismissAudio = new Audio();
-            dismissAudio.src = endpoints.assets + '/media/audio/notifications/bubble-pop/'
-                             + `${ nthAudio }-${ notificationDiv.isRight ? 'right' : 'left' }.mp3`;
-
-            // Schedule playback
-            dismissAudioTID = setTimeout(() => dismissAudio.play().catch(() => {}), hideDelay * 1000);
-        }
-
         // Add notification dismissal to timeout schedule + button clicks
         const dismissNotif = () => {
             notificationDiv.style.animation = `notif-zoom-fade-out ${ fadeDuration }s ease-out`;
-            if (isFFtmScript) dismissAudio?.play().catch(() => {});
-            clearTimeout(dismissFuncTID); clearTimeout(dismissAudioTID);
+            clearTimeout(dismissFuncTID);
         };
         const dismissFuncTID = setTimeout(dismissNotif, hideDelay * 1000); // maintain visibility for `hideDelay` secs, then dismiss     
         closeSVG.addEventListener('click', dismissNotif, { once: true }); // add to close button clicks
@@ -1373,12 +1354,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
     },
 
     refactor: function() { chatgpt.code.refactor(); },
-
-    regenerate: function() {
-        for (const formButton of document.querySelectorAll('form button')) {
-            if (formButton.textContent.toLowerCase().includes('regenerate')) {
-                formButton.click(); return;
-    }}},
+    regenerate: function() { chatgpt.response.regenerate(); },
 
     renderHTML: function(node) {
         const reTags = /<([a-z\d]+)\b([^>]*)>([\s\S]*?)<\/\1>/g,
@@ -1493,10 +1469,10 @@ const chatgpt = { // eslint-disable-line no-redeclare
         getLast: function() { return chatgpt.getChatData('active', 'msg', 'chatgpt', 'latest'); },
 
         regenerate: function() {
-            for (const formButton of document.querySelectorAll('form button')) {
-                if (formButton.textContent.toLowerCase().includes('regenerate')) {
-                    formButton.click(); return;
-        }}},
+            const regenBtn = chatgpt.getRegenerateButton();
+            if (regenBtn) regenBtn.click();
+            else console.error('Regenerate button not found!');
+        },
 
         stopGenerating: function() {
             for (const svg of document.querySelectorAll('form button svg')) {
@@ -1508,8 +1484,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
     reviewCode: function() { chatgpt.code.review(); },
 
     scrollToBottom: function() {
-        try { document.querySelector('button[class*="cursor"][class*="bottom"]').click(); }
-        catch (err) { console.error('', err); }
+        const scrollBtn = chatgpt.getScrollToBottomButton();
+        if (scrollBtn) scrollBtn.click();
+        else console.error('Scroll button not found!');
     },
 
     send: function(msg, method='') {
@@ -1657,6 +1634,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
         });});});});});
     },
 
+    showFooter: function() { chatgpt.getFooterDiv().style.display = 'revert'; },
+    showHeader: function() { chatgpt.getHeaderDiv().style.display = 'flex'; },
+
     sidebar: {
         elements: [], observer: {},
 
@@ -1905,6 +1885,8 @@ const functionAliases = [
     ['detectLanguage', 'getLanguage'],
     ['executeCode', 'codeExecute'],
     ['exportChat', 'chatExport', 'export'],
+    ['getFooterDiv', 'getFooter'],
+    ['getHeaderDiv', 'getHeader'],
     ['getLastPrompt', 'getLastQuery', 'getMyLastMsg', 'getMyLastQuery'],
     ['getTextarea', 'getTextArea', 'getChatbox', 'getChatBox'],
     ['isFullScreen', 'isFullscreen'],
@@ -1934,6 +1916,7 @@ const synonyms = [
     ['activate', 'turnOn'],
     ['analyze', 'check', 'evaluate', 'review'],
     ['ask', 'send', 'submit'],
+    ['button', 'btn'],
     ['chat', 'conversation', 'convo'],
     ['data', 'details'],
     ['deactivate', 'deActivate', 'turnOff'],

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.1",
+    "version": "2024.5.9",
     "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://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/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"></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://i.imgur.com/Luxs8j5.png" style="margin-top: 0.04rem">
             </span>

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

@@ -42,7 +42,7 @@
     });
 
     // Add Powered by chatgpt.js hover-listener
-    const chatGPTjsHostPath = 'https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/images/badges/',
+    const chatGPTjsHostPath = 'https://media.chatgptjs.org/images/badges/',
           chatGPTjsImg = document.querySelector('.chatgpt-js img');
     chatGPTjsImg.addEventListener('mouseover', () => {
         chatGPTjsImg.src = chatGPTjsHostPath + 'powered-by-chatgpt.js.png'; });

package/starters/docs/README.md

@@ -18,7 +18,7 @@ Template for creating a Chrome extension using chatgpt.js (including pop-up menu
 
 [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://raw.githubusercontent.com/KudoAI/chatgpt.js/main/starters/media/images/icons/tampermonkey-icon28.png"><img style="margin: 0 2px -0.035rem 1px" height=19.5 src="https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/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://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>
 
 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://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/images/icons/earth-americas-white-icon32.svg">
-            <img height=14 src="https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/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">
+            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg">
         </picture>
         &nbsp;English |
         <a href="docs/zh-cn/LICENSE.md">简体中文</a> |

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.1
+// @version       2024.5.9
 // @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.6.9/dist/chatgpt.min.js
+// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@2.7.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://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/images/icons/earth-americas-white-icon32.svg">
-            <img height=14 src="https://raw.githubusercontent.com/KudoAI/chatgpt.js/main/media/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">
+            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg">
         </picture>
         &nbsp;English |
         <a href="https://github.com/KudoAI/chatgpt.js-greasemonkey-starter/blob/main/docs/zh-cn/SECURITY.md">简体中文</a> |