/chatgpt-vscode

Your best AI pair programmer in VS Code

ISC LicenseISC


A Visual Studio Code - ChatGPT Integration

Prompt OpenAI's GPT-4, GPT-3.5, GPT-3 and Codex models within Visual Studio Code

This repository is meant for documentation, bug reports and feature requests

Testimonials

❄️ Featured by Snowflake on Medium blogpost

💙 Reviews on Twitter

❤️ ChatGPT the pair programmer - VS Code on Youtube

💙 Generative AI on LinkedIn

Level up your developer experience with Genie

  • ✨ Use your own Azure OpenAI Service deployments
  • 💬 Store your conversation history on your disk and continue at any time.
  • 💡 Use Genie in Problems window to explain and suggest fix for compile-time errors.
  • 🔁 See diff between your code and Genie's suggestion right within editor with one click.
  • 👤 Rename and personalize your assistant.
  • 📃 Get streaming answers to your prompt in editor or sidebar conversation.
  • 🔥 Streaming conversation support and stop the response to save your tokens.
  • 📝 Create files or fix your code with one click or with keyboard shortcuts.
  • ➡️ Export all your conversation history at once in Markdown format.
  • ➕ Use GPT-4, GPT-3.5, GPT3 or Codex models via your OpenAI API Key.

📣 What's new?

✨ Azure OpenAI Service support & more
  1. Azure OpenAI Service
  • You can now use your Azure OpenAI deployments with Genie

  • Set your full Azure OpenAI deployment URL in setting: genieai.azure.url following the instructions mentioned in the setting description

  • Ensure to set the extension's model setting to the right base model you used for Azure deployment

    Genie: Azure OpenAI Service setting
  1. Rename and remove your conversations within sidebar
  • You don't need to update the genie.json file to update your conversation's name.

    Genie: Rename conversation
  1. Improved autoscroll behaviour
  • Autoscroll will be disabled if you interrupt the stream
💡 Quick fix problems
  • Ask Genie to quick fix the problems that you see in your code

  • Click on the lightbulb on a code piece where you see underlined error

    Genie: Quick fix
💬 Save your conversations and continue at any time
  1. Conversation history
  • The goal: Collect feedback and measure the compatibility across different machine, OS setups.
  • We are experimenting a new feature to help you store your conversations in your disk using VS Code global storage API.
  • You need to opt-in to use this feature as this is experimental to collect feedback from the users. Setting name: genieai.enableConversationHistory
  • With this experimental feature, keep in mind this feature has limitations at the moment and may have bugs, use it at your own risk.
  • You may want to remove the stored files manually for privacy from time to time, extension doesn't have any way to modify the files other than writing new threads to files.
  • All conversations start with name 'New chat' and you can change it in genie.json file.
  • The conversations are stored only on your machine, using VS Code's provided global storage API for extensions.
  1. Misc. bug fixes and improvements

Conversation history - Demo


Genie - ChatGPT Conversation History - Watch Video


Get Started

Get your API Key from here: OpenAI and see OpenAI official docs for available model details

  1. Simply ask any coding question by selecting a code fragment.
  2. Once asked, provide your API Key.

If you face issues regarding your API Key, see FAQ for details on how to reenter/clear it

Features

The extension comes with context menu commands, copy/move suggested code into editor with one-click, conversation window and customization options for OpenAI's ChatGPT prompts.

We recently introduced Genie to Problems window. You can investigate your compile-time errors asking Genie. Simply click on Lightbulb/suggestion icon to ask Genie to help you. The credits for this idea goes to @cahaseler; if you are interested in seeing his Genie-companion extension visit this issue

  • 💬 Store your conversation history on your disk and continue at any time.

    Genie: Conversation History
  • 💡 Quick fix the problems in your code

    Genie: Quick fix
  • ✨ Supports Azure OpenAI Service

    Genie: Azure OpenAI Service setting
  • 🔁 See diff between your code and Genie's suggestion right within editor with one click.

    Genie: Diff
  • 📃 Get streaming answers to your prompt in editor or sidebar conversation.

    Genie: Streaming
  • Customize what you are asking with the selected code. The extension will remember your prompt for subsequent questions.

    Genie: Context menu options
  • Automatic partial code response detection. If AI doesn't finish responding, you will have the option to continue and combine answers

    Genie: Partial response detection
  • Copy or insert the code ChatGPT is suggesting right into your editor.

    Genie: Home page
  • 🍻 Optimized for dialogue

  • Edit and resend a previous prompt

  • 📤 Export all your conversation history with one click

  • Ad-hoc prompt prefixes for you to customize what you are asking ChatGPT

    Genie: Home page

Customization

You may assign a keyboard shortcut to any of the following commands using VS Code's built-in keybindings menu.

  • You can enable/disable all of your context menu items. Simply go to settings and find the prompt that you would like to disable. Custom prompts are hidden by default.
  • Genie: Ad-hoc prompt: Ad-hoc custom prompt prefix for the selected code. Right click on a selected block of code, run command.
    • You will be asked to fill in your preferred custom prefix and the extension will remember that string for your subsequent ad-hoc queries.
  • Genie: Add tests: Write tests for you. Right click on a selected block of code, run command.
    • "default": "Implement tests for the following code",
    • "description": "The prompt prefix used for adding tests for the selected code"
  • Genie: Find bugs: Analyze and find bugs in your code. Right click on a selected block of code, run command.
    • "default": "Find problems with the following code",
    • "description": "The prompt prefix used for finding problems for the selected code"
  • Genie: Optimize: Add suggestions to your code to improve. Right click on a selected block of code, run command.
    • "default": "Optimize the following code",
    • "description": "The prompt prefix used for optimizing the selected code"
  • Genie: Explain: Explain the selected code. Right click on a selected block of code, run command.
    • "default": "Explain the following code",
    • "description": "The prompt prefix used for explaining the selected code"
  • Genie: Add comments: Add comments for the selected code. Right click on a selected block of code, run command.
    • "default": "Add comments for the following code",
    • "description": "The prompt prefix used for adding comments for the selected code"
  • Genie: Custom prompt 1: Your custom prompt 1. It's disabled by default, please set to a custom prompt and enable it if you prefer using customized prompt
    • "default": "",
  • Genie: Custom prompt 2: Your custom prompt 2. It's disabled by default, please set to a custom prompt and enable it if you prefer using customized prompt
    • "default": "",
  • Genie: Generate code: If you select a Codex model (code-*) you will see this option in your context menu. This option will not feed the ChatGPT with any context like the other text completion prompts.

Other available commands

  • Genie: Clear API Key: Clears the API Key from VS Code Secrets Storage
  • Genie: Show conversations: List of conversations that Genie stored after enabling conversation history setting.
  • Genie: What's new: See what is recently released.
  • Genie: Start a new chat: Start a new chat with AI.
  • Genie: Ask anything: Free-form text questions within conversation window.
  • Genie: Reset session: Clears the current session and resets your connection with ChatGPT
  • Genie: Clear conversation: Clears the conversation window and resets the thread to start a new conversation with ChatGPT.
  • Genie: Export conversation: Exports the whole conversation in Markdown for you to easily store and find the Q&A list.
  • Genie: Focus on Genie View: Focuses on Genie window if it was hidden. You can move Genie window to right sidebar or bottom bar by dragging the Genie icon.

Troubleshooting

FAQ

  • For general FAQ please visit OpenAI's own page: https://help.openai.com/en/articles/7039783-chatgpt-api-faq
  • How can I clear or re-enter API key: use Genie: Clear API Key command. Click Commands on the home page to see all commands available. You can also click on Change API Key on the home page.
  • Editor view uses text-davinci-003: It's by design at the moment since it's the only model that can guarantee a code response and the view doesn't need a conversational context. Please follow this issue for details #24
  • Is the ChatGPT API included in the ChatGPT Plus subscription?: No, the ChatGPT API and ChatGPT Plus subscription are billed separately.
  • Can I view the API Key after storing it?: VS Code secrets storage won't allow you to read the API Key after storing it. You may clear or reenter another key if you are facing issues.
  • Does Genie support proxies: See this issue to enable local proxy: ai-genie#7
  • Usage in Remote environments: See this issue about remote/SSH: ai-genie#3
  • Unable To Use GPT-4 Models: You need GPT-4 API Access (Different than GPT-4 on ChatGPT Plus subscription) ai-genie#6
  • Azure OpenAI Service: Unsupported data type Error: This means you didn't select the right base model for your Azure OpenAI service. Make sure to select the base GPT model you used to create your Azure OpenAI Service deployment

Common Issues

  • It's possible that OpenAI systems may experience issues responding to your queries due to high-traffic from time to time.

  • If you get HTTP 429 Too Many Requests, it means that you are either making too many requests OR your account doesn't have enough credit. Your account may also have expired.

    • If you see insufficient_quota in the error, you could run the following cURL command to check if your account has enough quota. (Make sure to replace $OPENAI_API_KEY with your key that you use in this extension)
      curl https://api.openai.com/v1/completions \
        -H "Content-Type: application/json" \
        -H "Authorization: Bearer $OPENAI_API_KEY" \
        -d '{
        "model": "text-davinci-003",
        "prompt": "Can I make a request?\n\n",
        "temperature": 0.7,
        "max_tokens": 256,
        "top_p": 1,
        "frequency_penalty": 0,
        "presence_penalty": 0
      }'
  • If you get HTTP 404 Not Found error, it means one of the parameters you provided is unknown (i.e. genieai.openai.model). Most likely switching to default model in your settings would fix this issue.

  • If you get HTTP 400 Bad Request error, it means that your conversation's length is more than GPT/Codex models can handle. Or you supplied an invalid argument via customized settings.

  • If you encounter persistent issues with your queries

    • Try Genie: Reset session to clear your session/conversation or Genie: Clear API Key to clear your API Key and re-enter
    • As a last resort try restarting your VS-Code and retry logging in.
  • If you are using Remote Development and cannot use ChatGPT

    • In settings.json add "remote.extensionKind": {"genieai.chatgpt-vscode": ["ui"]}

Disclaimer and Credits

  • There is no guarantee that the extension will continue to work as-is without any issues or side-effects. Please use it at your own risk.
  • This extension never uses/stores your personally identifiable information.
  • This extension collects metadata to improve its features. No personally identifiable information is collected. You can opt-out from telemetry either by setting the global 'telemetry.telemetryLevel' or 'genieai.telemetry.disable'. The extension will respect both of these settings and will collect metadata only if both allow telemetry. We use the official telemetry package provided by the vscode team here to understand this extension's usage patterns to better plan new feature releases.
  • We assume no responsibility of any issues that you may face using this extension. Your use of OpenAI services is subject to OpenAI's Privacy Policy and Terms of Use.
  • 💻 OpenAI: https://openai.com/
  • 🧪 Uses NodeJS OpenAI API wrapper