Javascript Chatgpt Library
What is ChatGPT JS and what can I use it for?
ChatGPT JS is a powerful JavaScript library that enables super easy interaction with the ChatGPT DOM. It’s designed for flexible use across client-side apps, browser extensions, and other environments that render or embed ChatGPT content.
How can I import ChatGPT JS into my project?
You can import ChatGPT JS in several common ways:
- ES11 (2020) dynamic import
(async () => {
await import('https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.8.5/dist/chatgpt.min.js');
// Your code here...
})();
- ES5 (2009) via XMLHttpRequest
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.8.5/dist/chatgpt.min.js');
xhr.onload = function () {
if (xhr.status === 200) {
var chatgptJS = document.createElement('script');
chatgptJS.textContent = xhr.responseText;
document.head.append(chatgptJS);
yourCode();
}
};
xhr.send();
function yourCode() {
// Your code here...
}
- Greasemonkey
Use the provided starter template for a Greasemonkey-optimized setup (kudoai/chatgpt.js-greasemonkey-starter).
- Chrome extensions
Save the library file locally (for example, lib/chatgpt.js) and declare it as web accessible in your manifest, then import it in scripts via dynamic import:
(async () => {
await import(chrome.runtime.getURL('lib/chatgpt.js'));
// Your code here...
})();
- Always using the latest version (for non-production testing)
You can replace the versioned URL with https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js/chatgpt.min.js to always pull the newest release (not recommended for production).
How do I install ChatGPT JS via npm?
Install the library with:
npm install @kudoai/chatgpt.js
After installation, you can find the library source under:
node_modules/@kudoai/chatgpt.js
This setup is intended for local customization and integration into your project workflow.
What tools are built with ChatGPT JS?
Several tools showcase its versatility, including:
- AmazonGPT
- Autoclear ChatGPT History
- BraveGPT
- ChatGPT Auto-Continue
- ChatGPT Auto-Talk
- ChatGPT Auto Refresh
- DuckDuckGPT
- GoogleGPT
- ThunderAI
How do I use ChatGPT JS in code?
ChatGPT JS provides convenient methods to access the latest ChatGPT response. Examples include:
- chatgpt.getLastResponse();
- chatgpt.getLastReply();
- chatgpt.response.getLast();
- chatgpt.get('reply', 'last');
In general, these calls fetch the most recent ChatGPT reply, making it quick to programmatically react to the latest output.
Where can I learn more and get started?
For deeper setup, guides, and community discussions, check:
- GitHub (Get Started)
- Userguide
- Releases
- Discuss
How do I keep ChatGPT JS up to date in my project?
If you want to always fetch the latest version (not recommended for production), use the unversioned CDN path:
https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js/chatgpt.min.js
For production, pin a specific version (e.g., @3.8.5) to ensure reproducible builds.
