Start Development Server (Chrome)

<div align="center">
  <img width="700px" src="public/Sumarizzerrrr.png" alt="Summarizerrrr Logo"/>
 <br/>
  <br/>
  <p><strong>Summarizerrrr everything save your time everyday.</strong></p>
  <p>Summarizerrrr is a free browser extension AI wrapper summaries for YouTube, Udemy, Coursera, and any website. Crafted with superior UI/UX design.
    <br/>
    <br/>
    <a href="https://chromewebstore.google.com/detail/summarizerrrr/ahfjndakflcegianjdojpldllodpkkpc">
      <img src="https://img.shields.io/badge/Chrome-Install%20Now-4285F4?style=for-the-badge&logo=googlechrome&logoColor=white" alt="Chrome Web Store"/>
    </a>
    <a href="https://addons.mozilla.org/en-CA/firefox/addon/summarizerrrr/">
      <img src="https://img.shields.io/badge/Firefox-Install%20Now-FF7139?style=for-the-badge&logo=firefoxbrowser&logoColor=white" alt="Firefox Add-ons"/>
    </a>
    <a href="https://microsoftedge.microsoft.com/addons/detail/summarizerrrr/kgoolaebmcbhbjokofmhdcjbljagaiif">
      <img src="https://img.shields.io/badge/Edge-Install%20Now-0078D7?style=for-the-badge&logo=microsoftedge&logoColor=white" alt="Edge Add-ons"/>
    </a>
  </p>
  
</div>

## ✨ Why Summarizerrrr?

Summarizerrrr isn't just another wrapper. It's a fully-featured productivity tool designed to help you consume content more efficiently. Whether you're researching, learning a new skill, or just trying to get the gist of a long video, Summarizerrrr has you covered. The UI is designed for comfortable reading and easy navigation through long content.





https://github.com/user-attachments/assets/84fbfe13-528b-4c17-adc2-e586466b3b9f





### 🧠 Summarization
- YouTube, Comments.
- Udemy, Coursera.
- Web pages.
- Selected text.

### 🤖 AI Your Way
- **Google Gemini**, **OpenAI (ChatGPT)**, **DeepSeek**, **Groq**, **Cerebras**, **OpenRouter**... 
- **Local Privacy**: Run **Ollama** or  **LM Studio** locally to summarize content without your data ever leaving your machine. Your keys, your data.
- **Custom Prompt**: You can customize the prompt to get the best summary for your needs.

### ⚡ Powerful Modes
- **Side Panel**: Supported on Firefox, Chrome, and Edge. Watch YouTube while keeping the summary side-by-side for easy reference.
- **Floating Panel**: An in-page panel that runs independently in each tab. Perfect for tablet users or browsers like Arc.
- **Mobile Sheet**: Optimized for mobile devices. Open the summary with a single tap.

### 🛠️ Interactive Tools
- **Deep Dive**: Ask follow-up questions to the AI directly about the content.
- **Custom Actions**: One-click tools to **Analyze**, **Explain**, or **Debate** the content you're viewing.
- **Transcript**: Copy transcript of the video or download transcript as a .srt file.
- **Export/Import**: Easily backup and restore your settings and custom prompts.

### 🎨 Premium Experience
- **Beautiful UI**: Built with **Svelte 5** and **Tailwind CSS 4** for a smooth, modern, and responsive experience.
- **Dark/Light Mode**: Automatically syncs with your system or can be toggled manually.
- **Internationalization (i18n)**: Fully localized in **English, Vietnamese, Spanish, Chinese, German, French, Japanese, and Korean**.
- **Typography Control**: Customize font size and font family for the perfect reading experience.

---

![settings](https://github.com/user-attachments/assets/090b8856-ee05-48f9-80f3-934bd946887e)

---

## 🚀 Installation

### Official Stores
The easiest way to get started is to install from your browser's extension store:
- [**Chrome Web Store**](https://chromewebstore.google.com/detail/summarizerrrr/ahfjndakflcegianjdojpldllodpkkpc)
- [**Firefox Add-ons**](https://addons.mozilla.org/en-CA/firefox/addon/summarizerrrr/)
- [**Edge Add-ons**](https://microsoftedge.microsoft.com/addons/detail/summarizerrrr/kgoolaebmcbhbjokofmhdcjbljagaiif)

### Manual Installation (Developer Mode)
If you want to try the latest features before they are released:

1.  Clone the repository:
    ```bash
    git clone https://github.com/trongnguyen24/Summarizerrrr.git
    cd Summarizerrrr
    ```
2.  Install dependencies:
    ```bash
    npm install
    ```
3.  Build the project:
    - Chrome
    ```bash
    npm run build
    ```
    - Firefox
    ```bash
    npm run build:firefox
    ```
4.  Load the extension:

     Chrome/Edge: Go to `chrome://extensions`, enable "Developer mode", click "Load unpacked", and select the `.output/chrome-mv3` folder.

     Firefox: Go to `about:debugging#/runtime/this-firefox`, click "Load Temporary Add-on", and select the `manifest.json` file in `.output/firefox-mv2`.

---

## ⚙️ Configuration

1.  **Open Settings**: Click the gear icon in the extension popup or panel.
2.  **Choose Provider**: Select your preferred AI provider (Gemini is a great free starting point).
3.  **Enter API Key**: Get your key from the provider's dashboard and paste it in.
    - *Note: Keys are stored securely in your browser's local storage.*
4.  **Customize**: Adjust the prompt language, summary lengt

... (truncated)