@kudoai/chatgpt.js 3.5.0 → 3.6.0

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

@@ -1,17 +1,51 @@
 window.dom = {
 
     imports: {
-        import(deps) { // { env) }
+        import(deps) { // { config, env }
             for (const depName in deps) this[depName] = deps[depName] }
     },
 
+    addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
+    // Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
+
+        if (targetNode.querySelector('[id*=particles]')) return
+        const particlesDivsWrapper = document.createElement('div')
+        particlesDivsWrapper.style.cssText = (
+            'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
+          + 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
+          + 'z-index: -1' ); // allow interactive elems to be clicked
+        ['sm', 'med', 'lg'].forEach(particleSize => {
+            const particlesDiv = document.createElement('div')
+            particlesDiv.id = this.imports.config?.bgAnimationsDisabled ? `particles-${particleSize}-off`
+                : `${( this.imports.env?.ui?.scheme || this.imports.env?.ui?.app?.scheme ) == 'dark' ? darkScheme
+                    : lightScheme }-particles-${particleSize}`
+            particlesDivsWrapper.append(particlesDiv)
+        })
+        targetNode.prepend(particlesDivsWrapper)
+    },
+
     create: {
+        anchor(linkHref, displayContent, attrs = {}) {
+            const anchor = document.createElement('a'),
+                  defaultAttrs = { href: linkHref, target: '_blank', rel: 'noopener' },
+                  finalAttrs = { ...defaultAttrs, ...attrs }
+            Object.entries(finalAttrs).forEach(([attr, value]) => anchor.setAttribute(attr, value))
+            if (displayContent) anchor.append(displayContent)
+            return anchor
+        },
+
         elem(elemType, attrs = {}) {
             const elem = document.createElement(elemType)
             for (const attr in attrs) elem.setAttribute(attr, attrs[attr])
             return elem
         },
 
+        style(content) {
+            const style = document.createElement('style')
+            if (content) style.innerText = content
+            return style
+        },
+
         svgElem(type, attrs) {
             const elem = document.createElementNS('http://www.w3.org/2000/svg', type)
             for (const attr in attrs) elem.setAttributeNS(null, attr, attrs[attr])
@@ -19,17 +53,35 @@ window.dom = {
         }
     },
 
-    fillStarryBG(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-stars/css/<black|white>.min.css
-        if (targetNode.querySelector('[id*=stars]')) return
-        const starsDivsContainer = document.createElement('div')
-        starsDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
-          + 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
-          + 'z-index: -1'; // allow interactive elems to be clicked
-        ['sm', 'med', 'lg'].forEach(starSize => {
-            const starsDiv = document.createElement('div')
-            starsDiv.id = `${ this.imports.env.ui.scheme == 'dark' ? 'white' : 'black' }-stars-${starSize}`
-            starsDivsContainer.append(starsDiv)
-        })
-        targetNode.prepend(starsDivsContainer)
+    cssSelectorize(classList) {
+        return classList.toString()
+            .replace(/([:[\]\\])/g, '\\$1') // escape special chars :[]\
+            .replace(/^| /g, '.') // prefix w/ dot, convert spaces to dots
+    },
+
+    get: {
+        computedWidth(...elems) { // including margins
+            let totalWidth = 0
+            elems.map(arg => arg instanceof NodeList ? [...arg] : arg).flat().forEach(elem => {
+                if (!(elem instanceof Element)) return
+                const elemStyle = getComputedStyle(elem) ; if (elemStyle.display == 'none') return
+                totalWidth += elem.getBoundingClientRect().width + parseFloat(elemStyle.marginLeft)
+                                                                 + parseFloat(elemStyle.marginRight)
+            })
+            return totalWidth
+        },
+
+        loadedElem(selector, timeout = null) {
+            const timeoutPromise = timeout ? new Promise(resolve => setTimeout(() => resolve(null), timeout)) : null
+            const isLoadedPromise = new Promise(resolve => {
+                const elem = document.querySelector(selector)
+                if (elem) resolve(elem)
+                else new MutationObserver((_, obs) => {
+                    const elem = document.querySelector(selector)
+                    if (elem) { obs.disconnect() ; resolve(elem) }
+                }).observe(document.documentElement, { childList: true, subtree: true })
+            })
+            return ( timeoutPromise ? Promise.race([isLoadedPromise, timeoutPromise]) : isLoadedPromise )
+        }
     }
 };

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

@@ -6,6 +6,7 @@ window.settings = {
         // Add settings options as keys, with each key's value being an object that includes:
         // - 'type': the control type (e.g. 'toggle' or 'prompt')
         // - 'label': a descriptive label
+        // - 'defaultVal' (optional): default value of setting (true for toggles if unspecified, false otherwise)
         // - 'symbol' (optional): for icon display (e.g. ⌚)
         // NOTE: Toggles are disabled by default unless key name contains 'disabled' or 'hidden' (case insensitive)
         // NOTE: Controls are displayed in top-to-bottom order
@@ -14,14 +15,12 @@ window.settings = {
         // replyLanguage: { type: 'prompt', symbol: '🌐', label: 'Reply Language' }
     },
 
-    load() {
-        const keys = ( // original array if array, else new array from multiple args
-            Array.isArray(arguments[0]) ? arguments[0] : Array.from(arguments))
-        return Promise.all(keys.map(key => // resolve promise when all keys load
-            new Promise(resolve => // resolve promise when single key value loads
-                chrome.storage.sync.get(key, result => { // load from Chrome extension storage
-                    window.config[key] = result[key] || false ; resolve()
-    }))))},
+    load(...keys) {
+        return Promise.all(keys.flat().map(async key => // resolve promise when all keys load
+            window.config[key] = (await chrome.storage.sync.get(key))[key]
+                ?? this.controls[key]?.defaultVal ?? this.controls[key]?.type == 'toggle'
+        ))
+    },
 
     save(key, val) {
         chrome.storage.sync.set({ [key]: val }) // save to Chrome extension storage

package/starters/chrome/extension/manifest.json

@@ -3,7 +3,7 @@
   "name": "ChatGPT Extension",
   "short_name": "ChatGPT 🧩",
   "description": "A Chromium extension template to start using chatgpt.js like a boss!",
-  "version": "2024.12.29",
+  "version": "2025.2.1",
   "author": "KudoAI",
   "homepage_url": "https://github.com/KudoAI/chatgpt.js-chrome-starter",
   "icons": {

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

@@ -25,10 +25,10 @@
         fade() {
 
             // Update toolbar icon
-            const iconDimensions = [16, 32, 64, 128], iconPaths = {}
-            iconDimensions.forEach(dimension => iconPaths[dimension] = `../icons/${
-                config.extensionDisabled ? 'faded/' : '' }icon${dimension}.png` )
-            chrome.action.setIcon({ path: iconPaths })
+            chrome.action.setIcon({ path: Object.fromEntries(
+                Object.keys(chrome.runtime.getManifest().icons).map(dimension =>
+                    [dimension, `../icons/${ config.extensionDisabled ? 'faded/' : '' }icon${dimension}.png`]
+            ))})
 
             // Update menu contents
             document.querySelectorAll('div.logo, div.menu-title, div.menu')
@@ -111,9 +111,9 @@
     const cjsDiv = dom.create.elem('div', { class: 'chatgpt-js' })
     const cjsLogo = dom.create.elem('img', {
         title: 'Powered by chatgpt.js',
-        src: `${app.urls.cjsMediaHost}/images/badges/powered-by-chatgpt.js-faded.png?b2a1975` })
+        src: `${app.urls.cjsAssetHost}/images/badges/powered-by-chatgpt.js-faded.png?b2a1975` })
     cjsLogo.onmouseover = cjsLogo.onmouseout = event => cjsLogo.src = `${
-        app.urls.cjsMediaHost}/images/badges/powered-by-chatgpt.js${
+        app.urls.cjsAssetHost}/images/badges/powered-by-chatgpt.js${
             event.type == 'mouseover' ? '' : '-faded' }.png?b2a1975`
     cjsLogo.onclick = () => chrome.tabs.create({ url: app.urls.chatgptJS })
     cjsDiv.append(cjsLogo) ; footer.append(cjsDiv)

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

@@ -10,7 +10,7 @@
         </div>
         <div class="menu-header">
             <div class="logo">
-                <img width=26 src="https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@f0cdfc9/starters/chrome/extension/icons/icon32.png">
+                <img alt="" width=26 src="https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@f0cdfc9/starters/chrome/extension/icons/icon32.png">
             </div>
             <div class="menu-title">ChatGPT Extension</div>
             <div class="main-toggle">

package/starters/chrome/extension/popup/style.css

@@ -1,5 +1,5 @@
 /* General size */
-html { height: fit-content ; min-height: 50px }
+html { height: fit-content ; min-height: 89px }
 body { width: max-content ; margin: 0 ; overflow: clip }
 
 /* General font */
@@ -17,7 +17,7 @@ a:focus, a:hover { text-decoration: underline ; color: inherit }
     display: inline-grid ; align-content: center ; justify-content: center /* center spinner */
 }
 .loading-spinner {
-    width: 11px ; aspect-ratio: 1 ; border-radius: 50% ; border: 5px solid #000 ;
+    width: 19px ; aspect-ratio: 1 ; border-radius: 50% ; border: 3px solid #000 ;
     animation: loader-move-head-tail 0.8s infinite linear alternate, loader-rotate 1.6s infinite linear
 }
 @keyframes loader-move-head-tail {
@@ -49,8 +49,7 @@ a:focus, a:hover { text-decoration: underline ; color: inherit }
     display: flex ; min-height: 2rem ; padding-right: 14px ; white-space: nowrap ; font-size: 91%
 }
 .menu-icon { padding: 8px }
-.menu-area:focus, .menu-area:hover { /* add hover color/cursor */
-    color: var(--bg) ; background: rgb(100, 149, 237) ; cursor: pointer }
+.menu-area:focus, .menu-area:hover { background: rgb(100,149,237) ; cursor: pointer } /* add hover color/cursor */    
 .menu-item:hover span:not(.slider) { filter: invert(1) } /* invert setting labels on hover */
 .menu-item > label > .slider { transform: scale(0.95) ; top: 1px } /* make child toggles smaller */
 .menu-prompt { margin-left: 2px } /* align non-toggle items */

package/starters/chrome/extension/service-worker.js

@@ -5,7 +5,7 @@ const app = {
     urls: {
         assetHost: 'https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js-chrome-starter',
         chatgptJS: 'https://chatgptjs.org',
-        cjsMediaHost: 'https://media.chatgptjs.org',
+        cjsAssetHost: 'https://assets.chatgptjs.org',
         contributors: 'https://docs.chatgptjs.org/#-contributors',
         gitHub: 'https://github.com/KudoAI/chatgpt.js-chrome-starter',
         relatedExtensions: 'https://aiwebextensions.com',

package/starters/docs/LICENSE.md

@@ -1,5 +1,25 @@
 <div align="center">
-<h6><a href="./"><img height=15 style="margin: 0 3px -2px" src="https://raw.githubusercontent.com/KudoAI/chatgpt.js/6fa1659feadaf70853996dc7d7f6e1ab5a1e6301/media/images/icons/earth-americas.svg"></a> English | <a href="zh-cn/LICENSE.md">简体中文</a> | <a href="zh-tw/LICENSE.md">繁體中文</a> | <a href="ja/LICENSE.md">日本</a> | <a href="ko/LICENSE.md">한국인</a> | <a href="hi/LICENSE.md">हिंदी</a> | <a href="de/LICENSE.md">Deutsch</a> | <a href="es/LICENSE.md">Español</a> | <a href="fr/LICENSE.md">Français</a> | <a href="it/LICENSE.md">Italiano</a> | <a href="nl/LICENSE.md">Nederlands</a> | <a href="pt/LICENSE.md">Português</a> | <a href="vi/LICENSE.md">Việt</a></h6>
+    <h6>
+        <a href="./">
+            <picture>
+                <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://assets.chatgptjs.org/images/icons/earth/white/icon32.svg?v=e638eac">
+               <img height=14 src="https://assets.chatgptjs.org/images/icons/earth/black/icon32.svg?v=e638eac">
+            </picture>
+        </a>
+        English |
+        <a href="zh-cn/LICENSE.md">简体中文</a> |
+        <a href="zh-tw/LICENSE.md">繁體中文</a> |
+        <a href="ja/LICENSE.md">日本</a> |
+        <a href="ko/LICENSE.md">한국인</a> |
+        <a href="hi/LICENSE.md">हिंदी</a> |
+        <a href="de/LICENSE.md">Deutsch</a> |
+        <a href="es/LICENSE.md">Español</a> |
+        <a href="fr/LICENSE.md">Français</a> |
+        <a href="it/LICENSE.md">Italiano</a> |
+        <a href="nl/LICENSE.md">Nederlands</a> |
+        <a href="pt/LICENSE.md">Português</a> |
+        <a href="vi/LICENSE.md">Việt</a>
+    </h6>
 </div>
 
 # MIT License

package/starters/docs/README.md

@@ -4,10 +4,23 @@
     <h6>
         <a href="https://github.com/KudoAI/chatgpt.js/tree/main/starters/docs">
             <picture>
-                <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://media.chatgptjs.org/images/icons/earth-americas-white-padded-icon17x15.svg?714b6a1">
-                <img src="https://media.chatgptjs.org/images/icons/earth-americas-padded-icon17x15.svg?714b6a1">
+                <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://assets.chatgptjs.org/images/icons/earth/white/icon32.svg?v=e638eac">
+               <img height=14 src="https://assets.chatgptjs.org/images/icons/earth/black/icon32.svg?v=e638eac">
             </picture>
-        </a> English | <a href="zh-cn#readme">简体中文</a> | <a href="zh-tw#readme">繁體中文</a> | <a href="ja#readme">日本</a> | <a href="ko#readme">한국인</a> | <a href="hi#readme">हिंदी</a> | <a href="de#readme">Deutsch</a> | <a href="es#readme">Español</a> | <a href="fr#readme">Français</a> | <a href="it#readme">Italiano</a> | <a href="nl#readme">Nederlands</a> | <a href="pt#readme">Português</a> | <a href="vi#readme">Việt</a>
+        </a>
+        English |
+        <a href="zh-cn#readme">简体中文</a> |
+        <a href="zh-tw#readme">繁體中文</a> |
+        <a href="ja#readme">日本</a> |
+        <a href="ko#readme">한국인</a> |
+        <a href="hi#readme">हिंदी</a> |
+        <a href="de#readme">Deutsch</a> |
+        <a href="es#readme">Español</a> |
+        <a href="fr#readme">Français</a> |
+        <a href="it#readme">Italiano</a> |
+        <a href="nl#readme">Nederlands</a> |
+        <a href="pt#readme">Português</a> |
+        <a href="vi#readme">Việt</a>
     </h6>
 </div>
 
@@ -17,15 +30,15 @@
 
 <br>
 
-<img src="../chrome/media/images/screenshots/extension-loaded.png">
+<img src="../chrome/images/screenshots/extension-loaded.png">
 
-<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>
+<h2><a href="../chrome"><img style="margin: 0 2px -1px 0" height=18 src="https://assets.chatgptjs.org/images/icons/platforms/chrome/icon32.png?v=e638eac"></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://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>
+<h2><a href="../greasemonkey"><img style="margin: 0 2px -0.065rem 0" height=19 src="https://assets.chatgptjs.org/images/icons/platforms/tampermonkey/icon28.png?v=e638eac"><img style="margin: 0 2px -0.035rem 1px" height=19.5 src="https://assets.chatgptjs.org/images/icons/platforms/violentmonkey/icon25.png?v=e638eac"></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?main">
-            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg?main">
+            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://assets.chatgptjs.org/images/icons/earth/white/icon32.svg?v=e638eac">
+           <img height=14 src="https://assets.chatgptjs.org/images/icons/earth/black/icon32.svg?v=e638eac">
         </picture>
         &nbsp;English |
         <a href="docs/zh-cn/LICENSE.md">简体中文</a> |
@@ -22,7 +22,7 @@
 
 # 🏛️ MIT License
 
-**Copyright © 2023–2024 [KudoAI](https://github.com/KudoAI) & contributors**
+**Copyright © 2023–2025 [KudoAI](https://github.com/KudoAI) & contributors**
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

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

@@ -3,13 +3,12 @@
 // @description   A Greasemonkey template to start using chatgpt.js like a boss
 // @author        chatgpt.js
 // @namespace     https://chatgpt.js.org
-// @version       2024.12.29
+// @version       2025.2.1
 // @license       MIT
-// @icon          https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.5.0/starters/greasemonkey/media/images/icons/robot/icon48.png
-// @icon64        https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.5.0/starters/greasemonkey/media/images/icons/robot/icon64.png
+// @icon          https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@1fc50da/starters/greasemonkey/assets/images/icons/robot/icon48.png
+// @icon64        https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@1fc50da/starters/greasemonkey/assets/images/icons/robot/icon64.png
 // @match         *://chatgpt.com/*
-// @match         *://chat.openai.com/*
-// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.5.0/dist/chatgpt.min.js
+// @require       https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.6.0/dist/chatgpt.min.js
 // @grant         GM_getValue
 // @grant         GM_setValue
 // @noframes
@@ -17,7 +16,7 @@
 // @supportURL    https://github.com/KudoAI/chatgpt.js-greasemonkey-starter/issues
 // ==/UserScript==
 
-// NOTE: This script relies on the powerful chatgpt.js library @ https://chatgpt.js.org © 2023–2024 KudoAI & contributors under the MIT license
+// NOTE: This script relies on the powerful chatgpt.js library @ https://chatgpt.js.org © 2023–2025 KudoAI & contributors under the MIT license
 
 (async () => {
 

package/starters/greasemonkey/docs/README.md

@@ -4,6 +4,6 @@
 
 <br>
 
-<img src="../media/images/screenshots/chatgpt-userscript-on.png">
+<img src="../assets/images/screenshots/chatgpt-userscript-on.png">
 
 _For advanced Greasemonkey API methods, see: https://wiki.greasespot.net/Greasemonkey_Manual:API_

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?main">
-            <img height=14 src="https://media.chatgptjs.org/images/icons/earth-americas-icon32.svg?main">
+            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://assets.chatgptjs.org/images/icons/earth/white/icon32.svg?v=e638eac">
+           <img height=14 src="https://assets.chatgptjs.org/images/icons/earth/black/icon32.svg?v=e638eac">
         </picture>
         &nbsp;English |
         <a href="https://github.com/KudoAI/chatgpt.js-greasemonkey-starter/blob/main/docs/zh-cn/SECURITY.md">简体中文</a> |
@@ -12,6 +12,4 @@
 
 # 🛡️ Security Policy
 
-If you find a vulnerability, please open a [draft security advisory](https://github.com/KudoAI/chatgpt.js-greasemonkey-starter/security/advisories/new).
-
-Pull requests are also welcome, but for safety reasons, send an email to <security@kudoai.com> and wait for a response before making it public.
+If you find a vulnerability, please follow the reporting instructions @ https://tidelift.com/security