Show HN: VS Code ext to GeminiAI chat with text/image-upload without leaving IDE

https://marketplace.visualstudio.com/items?itemName=wewake.webchatforgemini

Web Chat for Gemini

VSCode extension to interact with Gemini without leaving the IDE.

Web Chat for Gemini

Introduction

NOTE: This extension is updated to use the Gemini 1.5 Flash APIs instead of the Gemini Pro Vision. Gemini 1.5 Flash is Google's next-generation model that is faster and more cost-efficient with advanced vision understanding. Also, the Pro vision API is getting deprecated on July 12, 2024.

Have a quick question on your code or confused about the syntax ? Maybe you want to explore different ways to do a task. Or maybe you want a feedback on an image you are using, all without spending a dime ?

Using "Web Chat for Gemini", you can do all this, and more without leaving your VS code IDE. This extension gives you the ability to interact with the Gemini Pro APIs through your IDE.

Google Generative AI Gemini pro APIs have generous free tier limits. You can even take advantage of the gemini multimodal LLM by uploading images along with your texts.

Ask the extension anything from generating code to getting feedback on your code to suggesting steps to earn money, and it will do it all for you.

Get your API key here, and start harnessing the power.

Features

  • ✨ Powered by Gemini pro and Gemini 1.5 Flash APIs
  • ✨ Provides relevant code and text outputs based on user inputs
  • ✨ Remembers chat context and history, can carry long conversations
  • ✨ Supports multi modal input (text and images)
  • ✨ Supports multiple images as input
  • ✨ Supports dark and light mode toggle
  • ✨ Supports copy button to directly copy code snippets from response

Installation

There are 2 ways to install:

  1. Search for "Web Chat for Gemini" in the VS Code Marketplace, and install the extension. Direct link to the extension.
  2. From within the VS code IDE, you can use the shortcut (Ctrl+Shift+X for Linux/Windows, Cmd+Shift+X for Mac) to open the Extension view and search for "Web Chat for Gemini" and install the extension.

Usage

  • After installation, open the command palette (Ctrl+Shift+P for Linux/Windows, Cmd+Shift+P for Mac) and type/select "Web Chat for Gemini", and click Enter.

  • This will open the "Web Chat for Gemini" in a new tab. On the top right side section, click the settings (⚙️) icon to where you can save your Gemini API key (Get your API key here).

  • Use the input text area at the bottom to start the conversation. You can also use the file upload pin on the left of the input text area to upload any image. Click on "Send" to send the request.

(Suggestion: Assign a VS code shortcut key to open "Web Chat for Gemini" quickly.)

Data Security

Your Gemini API Key stays stored locally (in VScode webview local storage, and in-memory). It is not stored anywhere else remotely. Also, all the chat conversations and communication is directly with the Gemini APIs. It is not tracked, or monitored by anything in between. Please feel free to check out the source code to validate this, if needed.

License

This project is licensed under the MIT License.

Contributing

Ways to help:

  • File any new feature requests: Suggest features that'll help you utilize the extension more effectively.

  • File any issues or bugs or feedback: Point out any issue with the functioning of the extension, or any discrepancy you have observed, or any general feedback you might have.

  • Pick up open issues: Pick up and fix existing issues by submitting a pull request on the Github repository.

Support

For any inquiries or assistance, please contact [email protected]

Tutorials

You can refer to this informative and useful tutorial on Web Chat for Gemini : WebChatForGemini : The VSCode Companion.

{
"by": "wewake-dev",
"descendants": 1,
"id": 40232196,
"kids": [
40232208
],
"score": 2,
"time": 1714617621,
"title": "Show HN: VS Code ext to GeminiAI chat with text/image-upload without leaving IDE",
"type": "story",
"url": "https://marketplace.visualstudio.com/items?itemName=wewake.webchatforgemini"
}
{
"author": null,
"date": null,
"description": "Extension for Visual Studio Code - VSCode extension to interact with Gemini without leaving the IDE",
"image": "https://wewake.gallerycdn.vsassets.io/extensions/wewake/webchatforgemini/0.0.5/1718292384737/Microsoft.VisualStudio.Services.Icons.Default",
"logo": null,
"publisher": "Visual Studio Marketplace",
"title": "WebChatForGemini - Visual Studio Marketplace",
"url": "https://marketplace.visualstudio.com/items?itemName=wewake.webchatforgemini"
}
{
"url": "https://marketplace.visualstudio.com/items?itemName=wewake.webchatforgemini",
"title": "WebChatForGemini - Visual Studio Marketplace",
"description": "Web Chat for Gemini VSCode extension to interact with Gemini without leaving the IDE. Introduction NOTE: This extension is updated to use the Gemini 1.5 Flash APIs instead of the Gemini Pro Vision. Gemini...",
"links": [
"https://marketplace.visualstudio.com/items?itemName=wewake.webchatforgemini"
],
"image": "https://wewake.gallerycdn.vsassets.io/extensions/wewake/webchatforgemini/0.0.5/1718292384737/Microsoft.VisualStudio.Services.Icons.Default",
"content": "<div><p>\n<img src=\"https://github.com/viv1/gemini-web-vscode/raw/HEAD/src/assets/icon.jpeg\" />\n</p>\n<h2 id=\"web-chat-for-gemini\">Web Chat for Gemini</h2>\n<p>VSCode extension to interact with Gemini without leaving the IDE.</p>\n<p><img src=\"https://github.com/viv1/gemini-web-vscode/raw/HEAD/WebChatForGemini.gif\" alt=\"Web Chat for Gemini\" /></p>\n<h2 id=\"introduction\">Introduction</h2>\n<blockquote>\n<p>NOTE: This extension is updated to use the Gemini 1.5 Flash APIs instead of the Gemini Pro Vision. Gemini 1.5 Flash is Google's next-generation model that is faster and more cost-efficient with advanced vision understanding. Also, the Pro vision API is getting deprecated on July 12, 2024.</p>\n</blockquote>\n<p>Have a quick question on your code or confused about the syntax ? Maybe you want to explore different ways to do a task. Or maybe you want a feedback on an image you are using, all <strong>without spending a dime</strong> ?</p>\n<p>Using \"<strong>Web Chat for Gemini</strong>\", you can do all this, and more without leaving your VS code IDE. This extension gives you the ability to interact with the Gemini Pro APIs through your IDE.</p>\n<p>Google Generative AI Gemini pro APIs have <strong>generous <a href=\"https://ai.google.dev/pricing\" target=\"_blank\">free tier limits</a></strong>. You can even take advantage of the gemini multimodal LLM by uploading images along with your texts.</p>\n<p>Ask the extension anything from generating code to getting feedback on your code to suggesting steps to earn money, and it will do it all for you.</p>\n<p>Get your API key <a href=\"https://aistudio.google.com/app/\" target=\"_blank\">here</a>, and start harnessing the power.</p>\n<h2 id=\"features\">Features</h2>\n<ul>\n<li>✨ Powered by Gemini pro and Gemini 1.5 Flash APIs</li>\n<li>✨ Provides relevant code and text outputs based on user inputs</li>\n<li>✨ Remembers chat context and history, can carry long conversations</li>\n<li>✨ Supports multi modal input (text and images)</li>\n<li>✨ Supports multiple images as input</li>\n<li>✨ Supports dark and light mode toggle</li>\n<li>✨ Supports copy button to directly copy code snippets from response</li>\n</ul>\n<h2 id=\"installation\">Installation</h2>\n<p>There are 2 ways to install:</p>\n<ol>\n<li>Search for \"Web Chat for Gemini\" in the <a href=\"https://marketplace.visualstudio.com/vscode\" target=\"_blank\">VS Code Marketplace</a>, and install the extension. <a href=\"https://marketplace.visualstudio.com/items?itemName=wewake.webchatforgemini\" target=\"_blank\">Direct link to the extension</a>.</li>\n<li>From within the VS code IDE, you can use the shortcut (<em>Ctrl+Shift+X for Linux/Windows, Cmd+Shift+X for Mac</em>) to open the Extension view and search for \"Web Chat for Gemini\" and install the extension.</li>\n</ol>\n<h2 id=\"usage\">Usage</h2>\n<ul>\n<li><p>After installation, open the command palette (<em>Ctrl+Shift+P for Linux/Windows, Cmd+Shift+P for Mac</em>) and type/select \"Web Chat for Gemini\", and click Enter.</p>\n</li>\n<li><p>This will open the \"Web Chat for Gemini\" in a new tab. On the top right side section, click the settings (⚙️) icon to where you can save your Gemini API key (Get your API key <a href=\"https://aistudio.google.com/app/\" target=\"_blank\">here</a>).</p>\n</li>\n<li><p>Use the input text area at the bottom to start the conversation. You can also use the file upload pin on the left of the input text area to upload any image. Click on \"Send\" to send the request.</p>\n</li>\n</ul>\n<p>(Suggestion: Assign a VS code shortcut key to open \"Web Chat for Gemini\" quickly.)</p>\n<h2 id=\"data-security\">Data Security</h2>\n<p>Your Gemini API Key stays stored locally (in VScode webview local storage, and in-memory). It is not stored anywhere else remotely. Also, all the chat conversations and communication is directly with the Gemini APIs. It is not tracked, or monitored by anything in between. Please feel free to check out the source code to validate this, if needed.</p>\n<h2 id=\"license\">License</h2>\n<p>This project is licensed under the MIT License.</p>\n<h2 id=\"contributing\">Contributing</h2>\n<p>Ways to help:</p>\n<ul>\n<li><p>File any new feature requests: Suggest features that'll help you utilize the extension more effectively.</p>\n</li>\n<li><p>File any issues or bugs or feedback: Point out any issue with the functioning of the extension, or any discrepancy you have observed, or any general feedback you might have.</p>\n</li>\n<li><p>Pick up open issues: Pick up and fix existing issues by submitting a pull request on the Github repository.</p>\n</li>\n</ul>\n<h2 id=\"support\">Support</h2>\n<p>For any inquiries or assistance, please contact [email protected]</p>\n<h2 id=\"tutorials\">Tutorials</h2>\n<p>You can refer to this informative and useful tutorial on <strong>Web Chat for Gemini</strong> : <a href=\"https://coderlegion.com/264/webchatforgemini-the-vscode-companion\" target=\"_blank\">WebChatForGemini : The VSCode Companion</a>.</p>\n</div>",
"author": "",
"favicon": "",
"source": "marketplace.visualstudio.com",
"published": "",
"ttr": 122,
"type": "website"
}