https://github.com/ainoya/chrome-extension-web-distiller-ai

Chrome extension that summarizes web page contents using Gemini Nano. Features include secure in-browser summarization, markdown output, and translation options.
https://github.com/ainoya/chrome-extension-web-distiller-ai

chrome chrome-extension gemini-ai gemini-nano local-llm

Last synced: 24 days ago
JSON representation

Chrome extension that summarizes web page contents using Gemini Nano. Features include secure in-browser summarization, markdown output, and translation options.

• Host: GitHub
• URL: https://github.com/ainoya/chrome-extension-web-distiller-ai
• Owner: ainoya
• License: mit
• Created: 2024-07-06T07:38:47.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-27T17:09:53.000Z (about 1 month ago)
• Last Synced: 2024-09-30T17:01:21.648Z (about 1 month ago)
• Topics: chrome, chrome-extension, gemini-ai, gemini-nano, local-llm
• Language: TypeScript
• Homepage: https://chromewebstore.google.com/detail/web-distiller-ai/ooaogogbdciochplilffdihffdijakfk
• Size: 2.43 MB
• Stars: 8
• Watchers: 4
• Forks: 2
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Web Distiller AI - Chrome Extension

[Chrome Extension Web Store](https://chromewebstore.google.com/detail/web-distiller-ai/ooaogogbdciochplilffdihffdijakfk)

![demo image](./images/demo-web-distiller-ai-chrome-extension.gif)

This Chrome extension provides a summary of web page contents using the built-in Gemini Nano model. It is implemented with React and offers secure in-browser summarization without sending content to external networks.

## Features

- Summarizes the content of the currently viewed web page.

- Uses Gemini Nano for summarization.

- Summarization options include translation into English or Japanese.

- Provides a popup menu to execute summarization.

- Extracts the main content of the web page using Readability.

- Converts extracted content to markdown format using Turndown.

- Calls Gemini Nano via `window.ai` for summarization.

- Translates the summary into the selected language if the translate option is set to a language other than English.

- Outputs the summary in a text area within the popup menu, including a markdown-formatted link with the title and URL, and a button to copy the summary to the clipboard.

## Requirements

- Using Chrome Canary Release.

- Enabling the built-in Gemini Nano in Chrome.

## Build and Install

1. Clone this repository:

    ```bash

    git clone https://github.com/yourusername/web-distiller-ai.git

    cd web-distiller-ai

    ```

2. Install dependencies and build the extension:

    ```bash

    npm install

    npm run build

    ```

3. Alternatively, you can use the pre-built `dist.zip` from the releases:

    - Download it from [here](https://github.com/ainoya/chrome-extension-web-distiller-ai/releases/latest).

4. Load the extension into Chrome:

    - Open Chrome and navigate to `chrome://extensions/`.

    - Enable "Developer mode" in the top right corner.

    - Click "Load unpacked" and select the `dist` directory from this repository or the extracted `dist.zip`.

## Limitations

- Summarization extracts content from the beginning of the page to avoid exceeding the context length limitation of Gemini Nano. Full-text summarization is not currently supported.

- Future improvements will include chunking the full page content for multiple summarization passes and combining the results.

## References

- [explainers-by-googlers/prompt-api: A proposal for a web API for prompting browser-provided language models](https://github.com/explainers-by-googlers/prompt-api)

- [Web Distiller AI: A Chrome Extension for Summarizing Web Pages](https://ainoya.dev/posts/web-distiller-ai-chrome-extension/): My blog post about this project.