Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryanschiang/chatgpt-export
Script to share and export ChatGPT chat logs to Markdown, JSON, or as Image (PNG)
https://github.com/ryanschiang/chatgpt-export
chatgpt
Last synced: 3 months ago
JSON representation
Script to share and export ChatGPT chat logs to Markdown, JSON, or as Image (PNG)
- Host: GitHub
- URL: https://github.com/ryanschiang/chatgpt-export
- Owner: ryanschiang
- License: mit
- Created: 2022-12-05T22:07:10.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-20T16:18:23.000Z (10 months ago)
- Last Synced: 2024-03-20T19:29:46.805Z (10 months ago)
- Topics: chatgpt
- Language: JavaScript
- Homepage:
- Size: 907 KB
- Stars: 112
- Watchers: 7
- Forks: 14
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Export OpenAI ChatGPT Conversations (chatgpt-export)
[](
./LICENSE
)
[](
https://github.com/ryanschiang/chatgpt-export/stargazers
)
This browser script formats and downloads ChatGPT conversations to markdown, JSON, and PNG for sharing and exporting chat logs.
You can export the active ChatGPT chat log directly from the browser console, entirely locally. No data is sent to any server.
**Supports the latest ChatGPT web UI as of March 20, 2024.**
## Usage
1. Navigate to [chat.openai.com/chat](https://chat.openai.com/chat).
2. Open the chat thread you'd like to export.
3. Open the browser console (how to open console: [Chrome](https://developer.chrome.com/docs/devtools/open), [Firefox](https://firefox-source-docs.mozilla.org/devtools-user/), [Safari](https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html))
4. Follow the below steps depending on which output type you'd like.
> [!IMPORTANT]
> Always be careful when pasting code into the console. Only paste code from trusted sources, as it can be used to execute malicious code.
> You can explore this repository and verify the code before pasting it into the console, or clone and build the code yourself.
### JSON
1. Copy contents of [`/dist/json.min.js`](./dist/json.min.js)
2. Paste into browser console
#### Example output (JSON export)
```json
{
"meta": {
"title": "Fetch API: Modern HTTP Requests",
"exportedAt": "2024-03-20 09:01:10"
},
"chats": [
{
"index": 0,
"type": "prompt",
"message": [
{
"type": "p",
"data": "How do I send a request with Javascript?"
}
]
},
{
"index": 1,
"type": "response",
"message": [
{
"type": "p",
"data": "To send a request in JavaScript, you typically use either the XMLHttpRequest object or the more modern Fetch API. Given your expertise and the trend towards modern, more efficient, and promise-based solutions, I recommend using the Fetch API for most use cases. It's more powerful and flexible, aligning with contemporary JavaScript practices."
},
{
"type": "p",
"data": "Using Fetch API"
},
]
}
]
}
```
### Markdown
1. Copy contents of [`/dist/md.min.js`](./dist/md.min.js)
2. Paste into browser console
#### Example output (Markdown export)
````markdown
# Fetch API: Modern HTTP Requests
`2024-03-20 09:12:00`
_Prompt_:
How do I send a request with Javascript?
_ChatGPT_:
To send a request in JavaScript, you typically use either the XMLHttpRequest object or the more modern Fetch API. Given your expertise and the trend towards modern, more efficient, and promise-based solutions, I recommend using the Fetch API for most use cases. It's more powerful and flexible, aligning with contemporary JavaScript practices.
### Using Fetch API
The Fetch API provides an easy and logical way to fetch resources asynchronously across the network. It's built on Promises, making it a better choice for handling responses and streamlining error handling.
````
### Image (.PNG)
1. Copy contents of [`/dist/image.min.js`](./dist/image.min.js)
2. Paste into browser console
> [!NOTE]
> Downloading as an image uses the `html2canvas` library to take a screenshot of the chat log. This may take a few seconds to process.
#### Example output (Image export):
## Limitations
This is a trivial implementation as ChatGPT currently does not support sharing or exporting conversations. It may break with future changes.
It currently supports:
- Paragraphs / Text
- Lists
- Code blocks
- Tables
- Headings
## Acknowledgements
- [html2canvas](https://github.com/niklasvh/html2canvas) - Used to take a screenshot of the chat log and export as a PNG.
## You May Also Like
[`claude-export`](https://github.com/ryanschiang/claude-export) - Export Anthropic Claude conversations to markdown, JSON, and PNG for sharing and exporting chat logs.
## Future Development
- [ ] Nested code blocks (within lists)
- [ ] Nested lists
- [x] Trim whitespace on exported images