@kudoai/chatgpt.js 3.4.0 → 3.6.0

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

@@ -10,7 +10,7 @@
 
     // Import APP data
     const { app } = await chrome.storage.sync.get('app')
-    icons.dependencies.import({ app }) // for src's using app.urls.assetHost
+    icons.imports.import({ app }) // for src's using app.urls.assetHost
 
     // Define FUNCTIONS
 
@@ -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')
@@ -55,7 +55,7 @@
 
     // Create CHILD menu entries on chatgpt.com
     if (env.site == 'chatgpt') {
-        await settings.load(settings.availKeys)
+        await settings.load(Object.keys(settings.controls))
 
         // Create/insert child section
         const togglesDiv = dom.create.elem('div', { class: 'menu' })
@@ -65,9 +65,10 @@
         Object.keys(settings.controls).forEach(key => {
 
             // Init elems
-            const menuItemDiv = dom.create.elem('div', { class: 'menu-item menu-area' }),
-                  menuLabel = dom.create.elem('label', { class: 'menu-icon' }),
-                  menuLabelSpan = document.createElement('span')
+            const menuItemDiv = dom.create.elem('div', {
+                class: 'menu-item menu-area', title: settings.controls[key].helptip || '' })
+            const menuLabel = dom.create.elem('label', { class: 'menu-icon' })
+            const menuLabelSpan = dom.create.elem('span')
             let menuInput, menuSlider
             menuLabelSpan.textContent = settings.controls[key].label
             if (settings.controls[key].type == 'toggle') {
@@ -92,7 +93,8 @@
                     event.stopImmediatePropagation()
                 menuInput.onchange = () => {
                     settings.save(key, !config[key]) ; sync.configToUI({ updatedKey: key })
-                    notify(`${settings.controls[key].label} ${ /disabled|hidden/i.test(key) != config[key] ? 'ON' : 'OFF' }`)
+                    notify(`${settings.controls[key].label} ${
+                        /disabled|hidden/i.test(key) != config[key] ? 'ON' : 'OFF' }`)
                 }
             } else if (settings.controls[key].type == 'prompt') {
                 // custom logic for each prompt based on key name
@@ -103,16 +105,16 @@
     }
 
     // Create/append FOOTER container
-    const footer = document.createElement('footer')
-    document.body.append(footer)
+    const footer = dom.create.elem('footer') ; document.body.append(footer)
 
     // Create/append CHATGPT.JS footer logo
     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?a439ab6` })
+        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${ event.type == 'mouseover' ? '' : '-faded' }.png?a439ab6`
+        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)
 
@@ -132,7 +134,7 @@
     moreExtensionsSpan.onclick = () => { chrome.tabs.create({ url: app.urls.relatedExtensions }) ; close() }
     moreExtensionsSpan.append(moreExtensionsIcon) ; footer.append(moreExtensionsSpan)
 
-    // Hide loading spinner
-    document.querySelectorAll('[class^="loading"]').forEach(elem => elem.style.display = 'none')
+    // Remove loading spinner
+    document.querySelectorAll('[class^=loading]').forEach(elem => elem.remove())
 
 })()

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,23 +1,38 @@
 /* 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 */
 body, button, input, select, textarea {
-    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif ;
+    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
+        "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif ;
     font-size: .905rem ; user-select: none
 }
 a { color: #999 ; text-decoration: none }
 a:focus, a:hover { text-decoration: underline ; color: inherit }
 
-/* Loading elems */
-.loading-bg { background-color: white ; width: 100% ; height: 100% ; position: absolute ; z-index: 1111; }
+/* Loader */
+.loading-bg {
+    background-color: white ; width: 100% ; height: 100% ; position: absolute ; z-index: 1111 ;
+    display: inline-grid ; align-content: center ; justify-content: center /* center spinner */
+}
 .loading-spinner {
-    border: 8px solid #f3f3f3 ; border-top: 8px solid #3498db ; border-radius: 50% ;
-    width: 15vh ; height: 15vh ; animation: spin 1s linear infinite ;
-    position: absolute ; top: calc(50% - 7.5vh - 8px) ; left: calc(50% - 7.5vh)
+    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 {
+     0% { clip-path: polygon(50% 50%, 0 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0) }
+     12.5% { clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 0, 100% 0, 100% 0) }
+     25% { clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%) }
+     50% { clip-path: polygon(50% 50%, 0 0, 50% 0, 100% 0, 100% 100%, 50% 100%, 0 100%) }
+     62.5% { clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0, 100% 100%, 50% 100%, 0 100%) }
+     75% { clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0 100%) }
+     100% { clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0 100%) }
 }
-@keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) }}
+@keyframes loader-rotate { 
+    0% { transform: scaleY(1) rotate(0deg) } 49.99% { transform: scaleY(1) rotate(135deg) }
+    50% { transform: scaleY(-1) rotate(0deg) } 100% { transform: scaleY(-1) rotate(-135deg) }
+}  
 
 /* Header */
 .menu-header {
@@ -34,10 +49,8 @@ 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-item:hover .toggle-switch .slider, .menu-item:hover span { filter: invert(1) } /* invert toggle switch + label */
-.menu-item:hover .menu-icon { filter: none } /* ...but not non-toggle icons */
+.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 */
 
@@ -52,7 +65,7 @@ a:focus, a:hover { text-decoration: underline ; color: inherit }
     border: 1px solid black ; border-radius: 50% ; background-color: white ; content: ""
 }
 .toggle-switch input[type="checkbox"]:checked + .slider { background-color: black } /* color active slider */
-.toggle-switch input[type="checkbox"]:checked + .slider::before { transform: translateX(9px) } /* move knob right when toggled */
+.toggle-switch input[type="checkbox"]:checked + .slider::before { transform: translateX(9px) } /* toggle knob right */
 
 /* Footer */
 footer { font-size: 12px ; text-align: center ; color: #999 ; background: #f5f5f5 ; height: 40px ; line-height: 40px }

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

@@ -1,9 +1,12 @@
 // Init APP data
 const app = {
-    symbol: '🤖', version: chrome.runtime.getManifest().version,
+    version: chrome.runtime.getManifest().version, symbol: '🤖', cssPrefix: 'chatgpt-extension',
+    author: { name: 'KudoAI', url: 'https://kudoai.com' },
     urls: {
         assetHost: 'https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js-chrome-starter',
-        cjsMediaHost: 'https://media.chatgptjs.org',
+        chatgptJS: 'https://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',
         support: 'https://github.com/KudoAI/chatgpt.js-chrome-starter/issues'
@@ -11,13 +14,13 @@ const app = {
 }
 chrome.storage.sync.set({ app }) // save to Chrome storage
 
-// Launch ChatGPT on install
+// Launch CHATGPT on install
 chrome.runtime.onInstalled.addListener(details => {
     if (details.reason == 'install')
         chrome.tabs.create({ url: 'https://chatgpt.com/' })
 })
 
-// Sync settings to activated tabs
+// Sync SETTINGS to activated tabs
 chrome.tabs.onActivated.addListener(activeInfo =>
     chrome.tabs.sendMessage(activeInfo.tabId, { action: 'syncConfigToUI' }))
 

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.20
+// @version       2025.2.1
 // @license       MIT
-// @icon          https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.4.0/starters/greasemonkey/media/images/icons/robot/icon48.png
-// @icon64        https://cdn.jsdelivr.net/gh/KudoAI/chatgpt.js@3.4.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.4.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