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.

• Generate multiple URLs from patterns using {id} or {idp} (zero-padded)
• Flexible start/end ID ranges with clear error handling
• Open all URLs or process in batches with progress tracking

• List current window tabs with quick select/deselect and URL filtering
• Export with customizable templates: <id>, <idp>, <url>, <name>
• Real-time preview of formatted output

• Add/edit/remove blocked domains using declarativeNetRequest
• Bulk add domains (one per line) with success/failure feedback
• Copy results for easy sharing

• Create redirect rules from fromUrl → toUrl (supports wildcards)
• Bulk import: each line contains fromUrl toUrl separated by space
• Visual feedback for bulk operations with copy functionality

• Create/load/delete/rename profiles with active status indicators
• Import/Export JSON (supports multiple profiles at once)
• Each profile stores all states of these above features.

1. Install dependencies

   npm install

2. Build extension

   npm run build

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

3. 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

1. Batch URLs: Enter pattern like https://example.com/page/{id}, set start/end IDs, generate and open in batches
2. Extractor: Select tabs, customize export format, then copy/export
3. Block Sites: Add domains individually or use "Add multiple" for bulk operations, save to apply
4. Redirects: Create rules or import bulk, save to apply
5. Profiles: Create profiles with descriptions, save current state, import/export JSON

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

npm run dev

After code changes:

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

npm run build

• 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

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

MIT License - see LICENSE file for details.

Developed with ❤️ by TrongAJTT

Made with React + Vite + Chrome Extension Manifest V3