/chatbot-save-file

Primary LanguageJavaScript

ChatBot Code File Saver

What is this?

Often, in ChatGPT, I'll ask it to create some example code or whip up a small script for me, but I don't like having to copy the code and paste it over my existing code or create a new file to put the code in. This Chrome extension solves that problem by placing download links next to the existing "Copy code" links.

How to install:

  1. Download this code.
  2. Go to chrome://extensions
  3. Click the switch in the top right to enable Developer Mode
  4. Click the Load Unpacked button in the top left and navigate to the directory where you stored this code.
  5. Close the Extensions page
  6. Click the Extensions puzzle piece in the browser bar on the right and then click the pin to pin this extension.

How to use:

To save code

  1. After you've gotten some code back from ChatGPT, click the extension to make it add download links (it will add them for the last 5 code blocks).
  2. To download a code block, click a download link (the little floppy disk). It will initiate a file download with the contents of the code block as the file and the filename that was above the block as the filename in the Save As dialog. If there was no filename, it will default to code.txt.

To save the chat to a local HTML

  1. While in a session, click the extension.
  2. Click the Save chat button.
  3. Choose where to save the generated HTML file.

Screenshots

Save Code

Before After
Alt text Alt text

Save Chat html output example

Alt text

To Do:

  • Make the popup useful. Just click the Close button when it pops up for now.

Other Notes

  • I'm not great at creating Chrome extensions, but I'm learning.
  • ChatGPT 3.5 wrote most of this extension
  • If you see something to improve, feel free to create a pull request or an issue.

Credit