@kudoai/chatgpt.js 3.3.5 → 3.5.0

package/chatgpt.js

@@ -8,7 +8,7 @@ localStorage.alertQueue = JSON.stringify([]);
 localStorage.notifyProps = JSON.stringify({ queue: { topRight: [], bottomRight: [], bottomLeft: [], topLeft: [] }});
 
 // Define chatgpt API
-const chatgpt = { // eslint-disable-line no-redeclare
+const chatgpt = {
     openAIaccessToken: {}, endpoints: {
     assets: 'https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js',
     openAI: {
@@ -64,9 +64,64 @@ const chatgpt = { // eslint-disable-line no-redeclare
     // [ title/msg = strings, btns = [named functions], checkbox = named function, width (px) = int ] = optional
     // * Spaces are inserted into button labels by parsing function names in camel/kebab/snake case
 
+        // Init env context
         const scheme = chatgpt.isDarkMode() ? 'dark' : 'light',
               isMobile = chatgpt.browser.isMobile();
 
+        // Define event handlers
+        const handlers = {
+
+            dismiss: {
+                click(event) {
+                    if (event.target == event.currentTarget || event.target.closest('[class*="-close-btn]'))
+                        dismissAlert()
+                },
+
+                key(event) {
+                    if (!/^(?: |Space|Enter|Return|Esc)/.test(event.key) || ![32, 13, 27].includes(event.keyCode))
+                        return
+                    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') return
+                        if (event.key.startsWith('Esc') || event.keyCode == 27) dismissAlert() // and do nothing
+                        else { // Space/Enter pressed
+                            const mainButton = alert.querySelector('.modal-buttons').lastChild // look for main button
+                            if (mainButton) { mainButton.click() ; event.preventDefault() } // click if found
+                        }
+                    }
+                }
+            },
+
+            drag: {
+                mousedown(event) { // find modal, attach listeners, init XY offsets
+                    if (event.button != 0) return // prevent non-left-click drag
+                    if (getComputedStyle(event.target).cursor == 'pointer') return // prevent drag on interactive elems
+                    chatgpt.draggableElem = event.currentTarget
+                    chatgpt.draggableElem.style.cursor = 'grabbing'
+                    event.preventDefault(); // prevent sub-elems like icons being draggable
+                    ['mousemove', 'mouseup'].forEach(eventType =>
+                        document.addEventListener(eventType, handlers.drag[eventType]))
+                    const draggableElemRect = chatgpt.draggableElem.getBoundingClientRect()
+                    handlers.drag.offsetX = event.clientX - draggableElemRect.left +21
+                    handlers.drag.offsetY = event.clientY - draggableElemRect.top +12
+                },
+
+                mousemove(event) { // drag modal
+                    if (!chatgpt.draggableElem) return
+                    const newX = event.clientX - handlers.drag.offsetX,
+                          newY = event.clientY - handlers.drag.offsetY
+                    Object.assign(chatgpt.draggableElem.style, { left: `${newX}px`, top: `${newY}px` })
+                },
+
+                mouseup() { // remove listeners, reset chatgpt.draggableElem
+                    chatgpt.draggableElem.style.cursor = 'inherit';
+                    ['mousemove', 'mouseup'].forEach(eventType =>
+                        document.removeEventListener(eventType, handlers.drag[eventType]))
+                    chatgpt.draggableElem = null
+                }
+            }
+        }
+
         // Create modal parent/children elements
         const modalContainer = document.createElement('div');
         modalContainer.id = Math.floor(chatgpt.randomFloat() * 1000000) + Date.now();
@@ -76,7 +131,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
               modalMessage = document.createElement('p');
 
         // Create/append/update modal style (if missing or outdated)
-        const thisUpdated = 20231203; // datestamp of last edit for this file's `modalStyle` 
+        const thisUpdated = 1735475757891 // timestamp of last edit for this file's `modalStyle`
         let modalStyle = document.querySelector('#chatgpt-modal-style'); // try to select existing style
         if (!modalStyle || parseInt(modalStyle.getAttribute('last-updated'), 10) < thisUpdated) { // if missing or outdated
             if (!modalStyle) { // outright missing, create/id/attr/append it first
@@ -88,26 +143,32 @@ const chatgpt = { // eslint-disable-line no-redeclare
                 '.no-mobile-tap-outline { outline: none ; -webkit-tap-highlight-color: transparent }'
 
                 // Background styles
-                + '.chatgpt-modal {' 
+                + '.chatgpt-modal {'
+                    + 'pointer-events: auto ;' // override any disabling from site modals (like guest login spam)
                     + 'position: fixed ; top: 0 ; left: 0 ; width: 100% ; height: 100% ;' // expand to full view-port
-                    + 'background-color: rgba(67, 70, 72, 0) ;' // init dim bg but no opacity
-                    + 'transition: background-color 0.05s ease ;' // speed to transition in show alert routine
+                    + 'transition: background-color 0.25s ease !important ;' // speed to show bg dim
                     + 'display: flex ; justify-content: center ; align-items: center ; z-index: 9999 }' // align
 
                 // Alert styles
                 + '.chatgpt-modal > div {'
-                    + 'opacity: 0 ; transform: translateX(-2px) translateY(5px) ; max-width: 75vw ; word-wrap: break-word ;'
-                    + 'transition: opacity 0.1s cubic-bezier(.165,.84,.44,1), transform 0.2s cubic-bezier(.165,.84,.44,1) ;'
-                    + `background-color: ${ scheme == 'dark' ? 'black' : 'white' } ;`
-                    + ( scheme != 'dark' ? 'border: 1px solid rgba(0, 0, 0, 0.3) ;' : '' )
+                    + 'position: absolute ;' // to be click-draggable
+                    + 'opacity: 0 ;' // to fade-in
+                    + `border: 1px solid ${ scheme == 'dark' ? 'white' : '#b5b5b5' };`
+                    + `color: ${ scheme == 'dark' ? 'white' : 'black' };`
+                    + `background-color: ${ scheme == 'dark' ? 'black' : 'white' };`
+                    + 'transform: translateX(-3px) translateY(7px) ;' // offset to move-in from
+                    + 'transition: opacity 0.65s cubic-bezier(.165,.84,.44,1),' // for fade-ins
+                                + 'transform 0.55s cubic-bezier(.165,.84,.44,1) ;' // for move-ins
+                    + 'max-width: 75vw ; word-wrap: break-word ;'
                     + 'padding: 20px ; margin: 12px 23px ; border-radius: 15px ; box-shadow: 0 30px 60px rgba(0, 0, 0, .12) ;'
                     + ' -webkit-user-select: none ; -moz-user-select: none ; -ms-user-select: none ; user-select: none ; }'
                 + '.chatgpt-modal h2 { margin-bottom: 9px }'
                 + `.chatgpt-modal a { color: ${ scheme == 'dark' ? '#00cfff' : '#1e9ebb' }}`
-                + '.chatgpt-modal.animated > div { opacity: 1 ; transform: translateX(0) translateY(0) }'
-                + '@keyframes alert-zoom-fade-out { 0% { opacity: 1 ; transform: scale(1) }'
-                    + '50% { opacity: 0.25 ; transform: scale(1.05) }'
-                    + '100% { opacity: 0 ; transform: scale(1.35) }}'
+                + '.chatgpt-modal a:hover { text-decoration: underline }'
+                + '.chatgpt-modal.animated > div { z-index: 13456 ; opacity: 0.98 ; transform: translateX(0) translateY(0) }'
+                + '@keyframes alert-zoom-fade-out {'
+                  + '0% { opacity: 1 } 50% { opacity: 0.25 ; transform: scale(1.05) }'
+                  + '100% { opacity: 0 ; transform: scale(1.35) }}'
 
                 // Button styles
                 + '.modal-buttons { display: flex ; justify-content: flex-end ; margin: 20px -5px -3px 0 ;'
@@ -134,13 +195,13 @@ const chatgpt = { // eslint-disable-line no-redeclare
                 + '.chatgpt-modal .checkbox-group label {'
                     + 'font-size: .7rem ; margin: -.04rem 0 0px .3rem ;'
                     + `color: ${ scheme == 'dark' ? '#e1e1e1' : '#1e1e1e' }}`
-                + '.chatgpt-modal input[type="checkbox"] { transform: scale(0.7) ;'
+                + '.chatgpt-modal input[type=checkbox] { transform: scale(0.7) ;'
                     + `border: 1px solid ${ scheme == 'dark' ? 'white' : 'black' }}`
-                + '.chatgpt-modal input[type="checkbox"]:checked {'
+                + '.chatgpt-modal input[type=checkbox]:checked {'
                     + `border: 1px solid ${ scheme == 'dark' ? 'white' : 'black' } ;`
                     + 'background-color: black ; position: inherit }'
-                + '.chatgpt-modal input[type="checkbox"]:focus { outline: none ; box-shadow: none }'
-            );            
+                + '.chatgpt-modal input[type=checkbox]:focus { outline: none ; box-shadow: none }'
+            );
         }
 
         // Insert text into elements
@@ -210,7 +271,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         const modalElems = [closeBtn, modalTitle, modalMessage, modalButtons, checkboxDiv];
         modalElems.forEach((elem) => { modal.append(elem); });
         modal.style.width = `${ width || 458 }px`;
-        modalContainer.append(modal); document.body.append(modalContainer); 
+        modalContainer.append(modal); document.body.append(modalContainer);
 
         // Enqueue alert
         let alertQueue = JSON.parse(localStorage.alertQueue);
@@ -221,39 +282,22 @@ const chatgpt = { // eslint-disable-line no-redeclare
         modalContainer.style.display = 'none';
         if (alertQueue.length === 1) {
             modalContainer.style.display = '';
-            setTimeout(() => { // delay non-0 opacity's for transition fx
-                modalContainer.style.backgroundColor = ( 
-                    `rgba(67, 70, 72, ${ scheme === 'dark' ? 0.62 : 0.1 })`);
-                modalContainer.classList.add('animated'); }, 100);
+            setTimeout(() => { // dim bg
+                modal.parentNode.style.backgroundColor = `rgba(67, 70, 72, ${ scheme == 'dark' ? 0.62 : 0.33 })`
+                modal.parentNode.classList.add('animated')
+            }, 100) // delay for transition fx
         }
 
-        // Define click/key handlers
-        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 = [' ', '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.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;
-        }}}};
-
-        // Add listeners to dismiss alert
+        // Add listeners
         const dismissElems = [modalContainer, closeBtn, closeSVG, dismissBtn];
-        dismissElems.forEach(elem => elem.onclick = clickHandler);
-        document.addEventListener('keydown', keyHandler);
+        dismissElems.forEach(elem => elem.onclick = handlers.dismiss.click);
+        document.addEventListener('keydown', handlers.dismiss.key);
+        modal.onmousedown = handlers.drag.mousedown // enable click-dragging
 
         // Define alert dismisser
         const dismissAlert = () => {
             modalContainer.style.backgroundColor = 'transparent';
-            modal.style.animation = 'alert-zoom-fade-out 0.075s ease-out';
+            modal.style.animation = 'alert-zoom-fade-out 0.135s ease-out';
             setTimeout(() => { // delay removal for fade-out
 
                 // Remove alert
@@ -261,7 +305,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                 alertQueue = JSON.parse(localStorage.alertQueue);
                 alertQueue.shift(); // + memory
                 localStorage.alertQueue = JSON.stringify(alertQueue); // + storage
-                document.removeEventListener('keydown', keyHandler); // prevent memory leaks
+                document.removeEventListener('keydown', handlers.dismiss.key); // prevent memory leaks
 
                 // Check for pending alerts in queue
                 if (alertQueue.length > 0) {
@@ -272,7 +316,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                     }, 500);
                 }
 
-            }, 50);
+            }, 155);
         };
 
         return modalContainer.id; // if assignment used
@@ -413,7 +457,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         async isIdle(timeout = null) {
             const obsConfig = { childList: true, subtree: true },
                   selectors = { msgDiv: 'div[data-message-author-role]',
-                                replyDiv: 'div[data-message-author-role="assistant"]' };
+                                replyDiv: 'div[data-message-author-role=assistant]' };
 
             // Create promises
             const timeoutPromise = timeout ? new Promise(resolve => setTimeout(() => resolve(false), timeout)) : null;
@@ -557,7 +601,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                               .replace('Copy code', '');
                     msgs.push(sender + ': ' + msg);
                 });
-                transcript = msgs.join('\n\n');                     
+                transcript = msgs.join('\n\n');
 
             // ...or from getChatData(chatToGet)
             } else {
@@ -578,7 +622,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             filename = `${ parsedHtml.querySelector('title').textContent || 'ChatGPT conversation' }.html`;
 
             // Convert relative CSS paths to absolute ones
-            const cssLinks = parsedHtml.querySelectorAll('link[rel="stylesheet"]');
+            const cssLinks = parsedHtml.querySelectorAll('link[rel=stylesheet]');
             cssLinks.forEach(link => {
                 const href = link.getAttribute('href');
                 if (href?.startsWith('/')) link.setAttribute('href', 'https://chat.openai.com' + href);
@@ -606,7 +650,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         } else { // auto-save to file
 
             if (format == 'md') { // remove extraneous HTML + fix file extension
-                const mdMatch = /<.*(?:<h1(.|\n)*?href=".*?continue[^"]*".*?\/a>.*?)<[^/]/.exec(transcript)[1];
+                const mdMatch = /<.*<h1(.|\n)*?href=".*?continue[^"]*".*?\/a>.*?<[^/]/.exec(transcript)[1];
                 transcript = mdMatch || transcript; filename = filename.replace('.html', '.md');
             }
             const blob = new Blob([transcript],
@@ -621,20 +665,20 @@ const chatgpt = { // eslint-disable-line no-redeclare
     focusChatbar() { chatgpt.getChatBox()?.focus(); },
 
     footer: {
-        get() { return document.querySelector('main form')?.parentNode.parentNode.nextElementSibling; },
+        get() { return document.querySelector('.min-h-4'); },
 
-        hide() { 
+        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';
+            footer.style.display = 'none';
         },
 
         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';            
+            footer.style.display = 'inherit'
         }
     },
 
@@ -888,12 +932,15 @@ const chatgpt = { // eslint-disable-line no-redeclare
     getHeaderDiv() { return chatgpt.header.get(); },
     getLastPrompt() { return chatgpt.getChatData('active', 'msg', 'user', 'latest'); },
     getLastResponse() { return chatgpt.getChatData('active', 'msg', 'chatgpt', 'latest'); },
-    getNewChatButton() { return document.querySelector('button[data-testid*="new-chat-button"]'); },
+
+    getNewChatButton() {
+        return document.querySelector('button[data-testid*=new-chat-button], button:has([d^="M15.6729"])'); },
+
     getNewChatLink() { return document.querySelector('nav a[href="/"]'); },
     getRegenerateButton() { return document.querySelector('button:has([d^="M3.06957"])'); },
 
     getResponse() {
-    // * Returns response via DOM by index arg if OpenAI chat page is active, otherwise uses API w/ following args:        
+    // * Returns response via DOM by index arg if OpenAI chat page is active, otherwise uses API w/ following args:
     // chatToGet = index|title|id of chat to get (defaults to latest if '' unpassed)
     // responseToGet = index of response to get (defaults to latest if '' unpassed)
     // regenResponseToGet = index of regenerated response to get (defaults to latest if '' unpassed)
@@ -904,8 +951,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
     getResponseFromAPI(chatToGet, responseToGet) { return chatgpt.response.getFromAPI(chatToGet, responseToGet); },
     getResponseFromDOM(pos) { return chatgpt.response.getFromDOM(pos); },
     getScrollToBottomButton() { return document.querySelector('button:has([d^="M12 21C11.7348"])'); },
-    getSendButton() { return document.querySelector('[data-testid="send-button"]'); },
-    getStopButton() { return document.querySelector('button[data-testid="stop-button"]'); },
+    getSendButton() { return document.querySelector('[data-testid=send-button]'); },
+    getStopButton() { return document.querySelector('button[data-testid=stop-button]'); },
 
     getUserLanguage() {
         return navigator.languages[0] || navigator.language || navigator.browserLanguage ||
@@ -1147,7 +1194,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             }
 
             else if (element == '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 = [{ text: '🤖 chatgpt.js option', value: 'chatgpt.js option value' }]; // set default dropdown entry
@@ -1166,9 +1213,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
             }
 
             const addElementsToMenu = () => {
-                const optionButtons = document.querySelectorAll('a[role="menuitem"]');
+                const optionButtons = document.querySelectorAll('a[role=menuitem]');
                 let cssClasses;
-        
+
                 for (const navLink of optionButtons)
                     if (navLink.textContent == 'Settings') {
                         cssClasses = navLink.classList;
@@ -1185,7 +1232,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             };
 
             this.elements.push(newElement);
-            const menuBtn = document.querySelector('nav button[id*="headless"]');
+            const menuBtn = document.querySelector('nav button[id*=headless]');
             if (!this.addedEvent) { // to prevent adding more than one event
                 menuBtn?.addEventListener('click', () => { setTimeout(addElementsToMenu, 25); });
                 this.addedEvent = true; }
@@ -1194,12 +1241,12 @@ const chatgpt = { // eslint-disable-line no-redeclare
         },
 
         close() {
-            try { document.querySelector('nav [id*="menu-button"][aria-expanded="true"]').click(); }
+            try { document.querySelector('nav [id*=menu-button][aria-expanded=true]').click(); }
             catch (err) { console.error(err.message); }
         },
 
         open() {
-            try { document.querySelector('nav [id*="menu-button"][aria-expanded="false"]').click(); }
+            try { document.querySelector('nav [id*=menu-button][aria-expanded=false]').click(); }
             catch (err) { console.error(err.message); }
         }
     },
@@ -1240,7 +1287,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                                  + (notificationDiv.isRight ? 'Right' : 'Left');
 
         // Create/append/update notification style (if missing or outdated)
-        const thisUpdated = 20231110; // datestamp of last edit for this file's `notifStyle` 
+        const thisUpdated = 1735475527153 // timestamp of last edit for this file's `notifStyle`
         let notifStyle = document.querySelector('#chatgpt-notif-style'); // try to select existing style
         if (!notifStyle || parseInt(notifStyle.getAttribute('last-updated'), 10) < thisUpdated) { // if missing or outdated
             if (!notifStyle) { // outright missing, create/id/attr/append it first
@@ -1250,12 +1297,14 @@ const chatgpt = { // eslint-disable-line no-redeclare
             }
             notifStyle.innerText = ( // update prev/new style contents
                 '.chatgpt-notif {'
+                    + 'font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",'
+                        + '"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif ;'
                     + '.no-mobile-tap-outline { outline: none ; -webkit-tap-highlight-color: transparent }'
                     + 'background-color: black ; padding: 10px 13px 10px 18px ; border-radius: 11px ; border: 1px solid #f5f5f7 ;' // bubble style
                     + 'opacity: 0 ; position: fixed ; z-index: 9999 ; font-size: 1.8rem ; color: white ;' // visibility
                     + '-webkit-user-select: none ; -moz-user-select: none ; -ms-user-select: none ; user-select: none ;'
                     + `transform: translateX(${ !notificationDiv.isRight ? '-' : '' }35px) ;` // init off-screen for transition fx
-                    + ( shadow ? ( 'box-shadow: -8px 13px 25px 0 ' + ( /\b(shadow|on)\b/gi.test(shadow) ? 'gray' : shadow )) : '' ) + '}'
+                    + ( shadow ? ( 'box-shadow: -8px 13px 25px 0 ' + ( /\b(?:shadow|on)\b/i.test(shadow) ? 'gray' : shadow )) : '' ) + '}'
                 + '.notif-close-btn { cursor: pointer ; float: right ; position: relative ; right: -4px ; margin-left: -3px ;'
                     + 'display: grid }' // top-align for non-OpenAI sites
                 + '@keyframes notif-zoom-fade-out { 0% { opacity: 1 ; transform: scale(1) }' // transition out keyframes
@@ -1263,7 +1312,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                     + '45% { opacity: 0.05 ; transform: rotateX(-81deg) }'
                     + '100% { opacity: 0 ; transform: rotateX(-180deg) scale(1.15) }}'
             );
-        } 
+        }
 
         // Enqueue notification
         let notifyProps = JSON.parse(localStorage.notifyProps);
@@ -1296,7 +1345,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             notificationDiv.style.transition = 'transform 0.15s ease, opacity 0.15s ease';
         }, 10);
 
-        // Init delay before hiding        
+        // Init delay before hiding
         const hideDelay = fadeDuration > notifDuration ? 0 // don't delay if fade exceeds notification duration
                         : notifDuration - fadeDuration; // otherwise delay for difference
 
@@ -1305,7 +1354,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             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     
+        const dismissFuncTID = setTimeout(dismissNotif, hideDelay * 1000); // maintain visibility for `hideDelay` secs, then dismiss
         closeSVG.onclick = dismissNotif; // add to close button clicks
 
         // Destroy notification
@@ -1341,8 +1390,9 @@ const chatgpt = { // eslint-disable-line no-redeclare
         const functionNames = [];
         for (const prop in this) {
             if (typeof this[prop] == 'function') {
-                const chatgptIsParent = !Object.keys(this).find(obj => Object.keys(this[obj]).includes(this[prop].name)),
-                      functionParent = chatgptIsParent ? 'chatgpt' : 'other';
+                const chatgptIsParent = !Object.keys(this)
+                    .find(obj => Object.keys(this[obj]).includes(this[prop].name))
+                const functionParent = chatgptIsParent ? 'chatgpt' : 'other';
                 functionNames.push([functionParent, prop]);
             } else if (typeof this[prop] == 'object') {
                 for (const nestedProp in this[prop]) {
@@ -1398,7 +1448,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
 
     renderHTML(node) {
         const reTags = /<([a-z\d]+)\b([^>]*)>([\s\S]*?)<\/\1>/g,
-              reAttributes = /(\S+)=['"]?((?:.(?!['"]?\s+\S+=|[>']))+.)['"]?/g,
+              reAttributes = /(\S+)=['"]?((?:.(?!['"]?\s+\S+=|[>']))+.)['"]?/g, // eslint-disable-line
               nodeContent = node.childNodes;
 
         // Preserve consecutive spaces + line breaks
@@ -1453,7 +1503,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         continue() { try { chatgpt.getContinueBtn().click(); } catch (err) { console.error(err.message); }},
 
         get() {
-            // * Returns response via DOM by index arg if OpenAI chat page is active, otherwise uses API w/ following args:        
+            // * Returns response via DOM by index arg if OpenAI chat page is active, otherwise uses API w/ following args:
             // chatToGet = index|title|id of chat to get (defaults to latest if '' unpassed)
             // responseToGet = index of response to get (defaults to latest if '' unpassed)
             // regenResponseToGet = index of regenerated response to get (defaults to latest if '' unpassed)
@@ -1472,7 +1522,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         },
 
         getFromDOM(pos) {
-            const responseDivs = document.querySelectorAll('div[data-message-author-role="assistant"]'),
+            const responseDivs = document.querySelectorAll('div[data-message-author-role=assistant]'),
                   strPos = pos.toString().toLowerCase();
             let response = '';
             if (!responseDivs.length) return console.error('No conversation found!');
@@ -1497,8 +1547,8 @@ const chatgpt = { // eslint-disable-line no-redeclare
                         : /^(?:10|ten)(?:th)?$/.test(strPos) ? 10 : 1 )
 
                     // Transform base number if suffixed
-                    * ( /(ty|ieth)$/.test(strPos) ? 10 : 1 ) // x 10 if -ty/ieth
-                    + ( /teen(th)?$/.test(strPos) ? 10 : 0 ) // + 10 if -teen/teenth
+                    * ( /(?:ty|ieth)$/.test(strPos) ? 10 : 1 ) // x 10 if -ty/ieth
+                    + ( /teen(?:th)?$/.test(strPos) ? 10 : 0 ) // + 10 if -teen/teenth
 
                 );
                 response = responseDivs[nthOfResponse - 1].textContent;
@@ -1682,14 +1732,14 @@ const chatgpt = { // eslint-disable-line no-redeclare
                     break;
                 }
             }
-    
+
             // Apply CSS to make the added elements look like they belong to the website
             this.elements.forEach(element => {
                 element.setAttribute('class', cssClasses);
                 element.style.maxHeight = element.style.minHeight = '44px'; // Fix the height of the element
                 element.style.margin = '2px 0';
             });
-    
+
             // Create MutationObserver instance
             const navBar = document.querySelector('nav');
             if (!navBar) return console.error('Sidebar element not found!');
@@ -1746,7 +1796,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
             }
 
             else if (element == '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 = [{ text: '🤖 chatgpt.js option', value: 'chatgpt.js option value' }]; // Set default dropdown entry
@@ -1761,7 +1811,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
                     newElement.add(optionElement);
                 });
             }
-                        
+
 
             // Fix for blank background on dropdown elements
             if (element == 'dropdown') newElement.style.backgroundColor = 'var(--gray-900, rgb(32, 33, 35))';
@@ -1779,7 +1829,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         isOff() { return !this.isOn(); },
         isOn() {
             const sidebar = (() => {
-                return chatgpt.sidebar.exists() ? document.querySelector('[class*="sidebar"]') : null; })();
+                return chatgpt.sidebar.exists() ? document.querySelector('[class*=sidebar]') : null; })();
             if (!sidebar) { console.error('Sidebar element not found!'); return false; }
             else return chatgpt.browser.isMobile() ?
                 document.documentElement.style.overflow == 'hidden'
@@ -1787,7 +1837,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         },
 
         toggle() {
-            const sidebarToggle = document.querySelector('button[data-testid*="sidebar-button"]');
+            const sidebarToggle = document.querySelector('button[data-testid*=sidebar-button]');
             if (!sidebarToggle) console.error('Sidebar toggle not found!');
             sidebarToggle.click();
         },
@@ -1862,7 +1912,7 @@ const chatgpt = { // eslint-disable-line no-redeclare
         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')
             return console.error(`Argument ${ i + 1 } must be a string!`);
-        chatgpt.send('Translate the following text to ' + outputLang 
+        chatgpt.send('Translate the following text to ' + outputLang
             + '. Only reply with the translation.\n\n' + text);
         console.info('Translating text...');
         await chatgpt.isIdle();
@@ -1872,14 +1922,19 @@ const chatgpt = { // eslint-disable-line no-redeclare
     unminify() { chatgpt.code.unminify(); },
 
     uuidv4() {
-        let d = new Date().getTime(); // get current timestamp in ms (to ensure UUID uniqueness)
-        const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-            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 uuid;
+        try {
+            // use native secure uuid generator when available
+            return crypto.randomUUID();
+        } catch(_e) {
+            let d = new Date().getTime(); // get current timestamp in ms (to ensure UUID uniqueness)
+            const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+                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 uuid;
+        }
     },
 
     writeCode() { chatgpt.code.write(); }
@@ -1892,8 +1947,8 @@ const cjsBtnActions = ['click', 'get'], cjsTargetTypes = [ 'button', 'link', 'di
 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"]')
+            : /send/i.test(buttonIdentifier) ? document.querySelector('form button[class*=bottom]')
+            : /scroll/i.test(buttonIdentifier) ? document.querySelector('button[class*=cursor]')
             : (function() { // get via text content
                 for (const button of document.querySelectorAll('button')) { // try buttons
                     if (button.textContent.toLowerCase().includes(buttonIdentifier.toLowerCase())) {
@@ -2011,7 +2066,7 @@ for (const prop in chatgpt) {
 // 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)); 
+    if (!args[0].startsWith(consolePrefix)) ogError(consolePrefix + args[0], ...args.slice(1));
     else ogError(...args);
 };
 console.info = (msg) => {