Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gisoreb/ai.gemini-in-the-cloud
The extension provides a chat interface for the Gemini API.
https://github.com/gisoreb/ai.gemini-in-the-cloud
Last synced: 6 days ago
JSON representation
The extension provides a chat interface for the Gemini API.
- Host: GitHub
- URL: https://github.com/gisoreb/ai.gemini-in-the-cloud
- Owner: GisoreB
- Created: 2024-11-08T09:18:49.000Z (12 days ago)
- Default Branch: master
- Last Pushed: 2024-11-08T09:23:13.000Z (12 days ago)
- Last Synced: 2024-11-08T10:27:58.259Z (12 days ago)
- Language: JavaScript
- Size: 1.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Using the Gemini API in a Chrome Extension.
This sample demonstrates how to use the Gemini Cloud API in a Chrome Extension.
## Overview
The extension provides a chat interface for the Gemini API. To learn more about the API head over to [https://ai.google.dev/](https://ai.google.dev/).
## Running this extension
1. Clone this repository.
2. Download the Gemini API client by running:
```sh
npm install
```
3. [Retrieve an API key](https://ai.google.dev/gemini-api/docs/api-key) and update [functional-samples/ai.gemini-in-the-cloud/sidepanel/index.js](functional-samples/ai.gemini-in-the-cloud/sidepanel/index.js) (only for testing).
4. Compile the JS bundle for the sidepanel implementation by running:
```sh
npm run build
```
5. Load this directory in Chrome as an [unpacked extension](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked).
6. Click the extension icon.
7. Interact with the prompt API in the sidebar.## screenshots
![Screenshot 2024-11-08 032741](https://github.com/user-attachments/assets/e8eb8e81-6b56-48d0-8a52-99db28d79179)
![Screenshot 2024-11-08 032710](https://github.com/user-attachments/assets/cad6c177-2d0c-4724-8cd4-d0e40fe74592)