Heta - Tab Helper

A simple browser extension for managing tabs and URLs: batch creation, URL extraction, domain blocking, redirects, and profile-based configuration management. Built with React + Vite (Manifest V3) for optimal performance and simplicity.

✨ Features

• 🔗 Batch URL Generator - Generate multiple URLs from patterns using {id} or {idp}, open in batches
• 📋 URL Extractor - Export current tabs with customizable templates: <id>, <idp>, <url>, <urlo>, <urlp>, <name>
• ✏️ URL Editor - Edit and transform URLs in batch with find & replace functionality
• 🚫 Domain Blocker - Block websites using declarativeNetRequest, bulk add domains
• 🔄 URL Redirects - Create redirect rules with wildcard support, bulk import
• � Profile Manager - Create profiles to save and restore all settings and states

📸 Screenshots

🛠️ Installation

For Regular Users

1. Download latest release

   Go to Releases and download the latest .zip file.

2. Load extension in browser

   Chrome/Edge:

   1. Extract the downloaded dist.zip
   2. Open chrome://extensions/ (or edge://extensions/)
   3. Enable Developer mode (top right corner)
   4. Click Load unpacked
   5. Select the extracted dist folder

For Developers

1. Setup development environment

   # Install dependencies and build
   npm install && npm run build

   This creates a dist folder with production-ready extension files.

2. Load extension in browser

   Chrome/Edge:

   1. Open chrome://extensions/ (or edge://extensions/)
   2. Enable Developer mode
   3. Click Load unpacked
   4. Select the dist folder

📂 Project Structure

heta/
├── public/
│   ├── manifest.json          # Extension manifest
│   ├── icon16.png             # 16x16 icon
│   ├── icon48.png             # 48x48 icon
│   └── icon128.png            # 128x128 icon
├── src/
│   ├── tabs/                  # Main screens
│   │   ├── BatchUrl.jsx       # Batch URL generator
│   │   ├── Extractor.jsx      # URL extraction & export
│   │   ├── BlockSite.jsx      # Domain blocking & bulk add
│   │   ├── Redirect.jsx       # Redirect rules & bulk add
│   │   ├── Instance.jsx       # Instance management
│   │   └── ProfileManager.jsx # Profile management
│   ├── components/            # Reusable UI components
│   │   ├── ExportFormatDialog.jsx
│   │   ├── ToastWithProgress.jsx
│   │   └── ...
│   ├── utils/                 # Utility functions
│   │   ├── storage.js         # Chrome Storage wrapper
│   │   ├── urlUtils.js        # URL utilities
│   │   └── ...
│   ├── constants/             # App constants
│   │   └── ui.js              # UI constants
│   ├── App.jsx                # Main app component
│   ├── App.css                # Styles
│   └── main.jsx               # Entry point
├── dist/                      # Built extension files
├── vite.config.js             # Vite configuration
└── package.json

🔧 Development

Development Mode

npm run dev

After code changes:

1. Rebuild: npm run build
2. Reload extension in browser

Production Build

npm run build

🎨 Tech Stack

• React 18 - UI framework
• Vite 5 - Build tool & dev server
• Chrome Extension Manifest V3 - Extension platform
• Chrome Storage API - Local storage
• Material-UI - Component library
• CSS3 - Styling with gradients and transitions

💝 Support & Donate

If you find Heta useful, please consider supporting its development:

☕ Buy me a coffee

📄 License

MIT License - see LICENSE file for details.

👨‍💻 Author

Developed with ❤️ by TrongAJTT

Made with React + Vite + Chrome Extension Manifest V3