Update README and package.json for improved clarity and licensing

Reviewed-on: #1

README.md

@@ -1,59 +1,75 @@
 # Reels Master
 
-Chrome расширение для улучшенного просмотра Instagram Reels с управлением громкостью и загрузкой видео.
+A browser extension for enhanced Instagram Reels experience with volume control, video downloading, and seeking.
 
-## Возможности
+## Features
 
-- **Управление громкостью** - Вертикальный слайдер для точной настройки громкости видео
+- **Volume control** — Vertical slider for precise video volume adjustment
-- **Загрузка роликов** - Скачивайте рилсы одним кликом
+- **Download reels** — Save reels to your device with a single click
-- **Перемотка видео** - Используйте слайдер для перемотки рилса, если пропустили интересный момент, больше не придется пересматривать всё видео!
+- **Video seeking** — Scrub through a reel with a progress bar — no need to rewatch from the beginning if you missed something
 
-## Установка
+## Installation
 
-### Использование готового расширения
+### Chrome
 
-1. Скачайте последнюю версию расширения из [релизов на GitHub](https://github.com/ShiftyX1/reels-master/releases)
+1. Download the latest `reels-master-chrome.zip` from [GitHub Releases](https://github.com/ShiftyX1/reels-master/releases)
-2. Распакуйте архив в удобное место на вашем компьютере
+2. Unzip the archive
-3. Откройте Chrome и перейдите на страницу расширений: `chrome://extensions/`
+3. Open Chrome and go to `chrome://extensions/`
-4. Включите "Режим разработчика" (Developer mode) в правом верхнем углу
+4. Enable **Developer mode** in the top-right corner
-5. Нажмите "Загрузить распакованное расширение" (Load unpacked)
+5. Click **Load unpacked** and select the unzipped folder
-6. Выберите папку `Reels Master` из распакованного архива
 
-### Разработка
+### Firefox
+
+1. Download the latest `reels-master-firefox.zip` from [GitHub Releases](https://github.com/ShiftyX1/reels-master/releases)
+2. Open Firefox and go to `about:addons`
+3. Click the gear icon → **Install Add-on From File...**
+4. Select the downloaded `.zip` file
 
 > [!NOTE]
-> В будущем будет выложено в Chrome Web Store. Пока что установка только вручную.
+> The extension will be published to the Chrome Web Store and Firefox Add-ons (AMO) in the future. Manual installation only for now.
 
-1. Установите зависимости:
+## Development
+
+1. Install dependencies:
 ```bash
 pnpm install
 ```
 
-2. Соберите расширение:
+2. Build the extension:
 ```bash
-pnpm run build
+# Both browsers
+pnpm build
+
+# Chrome only
+pnpm build:chrome
+
+# Firefox only
+pnpm build:firefox
 ```
 
-3. Загрузите расширение в Chrome:
+3. Load in browser:
-   - Откройте `chrome://extensions/`
+   - **Chrome:** open `chrome://extensions/`, enable Developer mode, click **Load unpacked**, select the `dist/` folder
-   - Включите "Режим разработчика" (Developer mode)
+   - **Firefox:** open `about:debugging#/runtime/this-firefox`, click **Load Temporary Add-on**, select any file inside `dist/`
-   - Нажмите "Загрузить распакованное расширение" (Load unpacked)
-   - Выберите папку `dist`
 
-### Режим разработки с hot-reload
+### Watch mode
 
 ```bash
-pnpm run dev
+# Chrome
+pnpm dev
+
+# Firefox
+pnpm dev:firefox
 ```
 
-## Использование
+## Usage
 
-1. Откройте Instagram и перейдите к любому рилсу
+1. Open Instagram and navigate to any reel
-2. Справа от видео, рядом с кнопками лайка и комментариев, появятся новые элементы управления:
+2. New controls will appear next to the like and comment buttons:
-   - **Кнопка громкости** - Нажмите для включения/выключения звука
+   - **Mute button** — toggle audio on/off
-   - **Слайдер громкости** - Перетащите для регулировки уровня громкости (0-100%)
+   - **Volume slider** — drag to adjust volume (0–100%)
-   - **Кнопка загрузки** - Нажмите для скачивания текущего рилса
+   - **Download button** — click to save the current reel
+3. A **progress bar** with current time and duration is shown in the video overlay for seeking
 
-## Лицензия
+## License
 
-ISC
+MIT

package.json

@@ -1,20 +1,20 @@
 {
   "name": "reels-master",
-  "version": "1.1.2",
+  "version": "1.2.2",
   "description": "Chrome extension for Instagram Reels with volume control and download functionality",
   "main": "index.js",
   "scripts": {
-    "dev": "BROWSER=chrome vite build --watch",
+    "dev": "BROWSER=chrome BUILD_ENTRY=background vite build && BROWSER=chrome BUILD_ENTRY=content vite build --watch",
-    "dev:firefox": "BROWSER=firefox vite build --watch",
+    "dev:firefox": "BROWSER=firefox BUILD_ENTRY=background vite build && BROWSER=firefox BUILD_ENTRY=content vite build --watch",
     "build": "pnpm build:chrome && pnpm build:firefox",
-    "build:chrome": "BROWSER=chrome vite build",
+    "build:chrome": "BROWSER=chrome BUILD_ENTRY=background vite build && BROWSER=chrome BUILD_ENTRY=content vite build",
-    "build:firefox": "BROWSER=firefox vite build",
+    "build:firefox": "BROWSER=firefox BUILD_ENTRY=background vite build && BROWSER=firefox BUILD_ENTRY=content vite build",
     "bundle": "vite build && node scripts/bundle.js",
     "type-check": "tsc --noEmit"
   },
   "keywords": [],
   "author": "",
-  "license": "ISC",
+  "license": "MIT",
   "packageManager": "pnpm@10.15.0",
   "devDependencies": {
     "@types/adm-zip": "^0.5.7",

src/manifest.chrome.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 3,
     "name": "Reels Master",
-    "version": "1.1.2",
+    "version": "1.2.2",
     "description": "Enhance your Instagram experience with Reels Master - download reels, seek through videos, and more!",
     "background": {
       "service_worker": "background/background.js"

src/manifest.firefox.json

@@ -1,10 +1,10 @@
 {
     "manifest_version": 3,
     "name": "Reels Master",
-    "version": "1.1.2",
+    "version": "1.2.2",
     "description": "Enhance your Instagram experience with Reels Master - download reels, seek through videos, and more!",
     "background": {
-      "service_worker": "background/background.js"
+      "scripts": ["background/background.js"]
     },
     "homepage_url": "https://shiftyspace.ru",
     "author": "ShiftyX1",
@@ -21,7 +21,10 @@
     "browser_specific_settings": {
       "gecko": {
         "id": "reels-master@shiftyspace.ru",
-        "strict_min_version": "121.0"
+        "strict_min_version": "140.0",
+        "data_collection_permissions": {
+          "required": ["none"]
+        }
       }
     }
 }

vite.config.ts

@@ -5,15 +5,27 @@ import AdmZip from 'adm-zip';
 
 const browser = process.env.BROWSER || 'chrome';
 
+const buildEntry = process.env.BUILD_ENTRY; // 'background' | 'content' | undefined (both)
+
+const inputs =
+  buildEntry === 'background'
+    ? { background: resolve(__dirname, 'src/background/service-worker.ts') }
+    : buildEntry === 'content'
+    ? { content: resolve(__dirname, 'src/content/content.ts') }
+    : {
+        background: resolve(__dirname, 'src/background/service-worker.ts'),
+        content: resolve(__dirname, 'src/content/content.ts'),
+      };
+
+const shouldEmptyOutDir = buildEntry !== 'content';
+const isFinalPass = buildEntry !== 'background';
+
 export default defineConfig({
   build: {
     outDir: 'dist',
-    emptyOutDir: true,
+    emptyOutDir: shouldEmptyOutDir,
     rollupOptions: {
-      input: {
+      input: inputs,
-        background: resolve(__dirname, 'src/background/service-worker.ts'),
-        content: resolve(__dirname, 'src/content/content.ts'),
-      },
       output: {
         entryFileNames: '[name]/[name].js',
         chunkFileNames: '[name].js',
@@ -25,6 +37,7 @@ export default defineConfig({
     {
       name: 'copy-manifest',
       closeBundle() {
+        if (!isFinalPass) return;
         try {
           copyFileSync(
             resolve(__dirname, `src/manifest.${browser}.json`),
@@ -39,6 +52,7 @@ export default defineConfig({
     {
       name: 'create-zip',
       closeBundle() {
+        if (!isFinalPass) return;
         if (process.env.NODE_ENV === 'production' || !process.argv.includes('--watch')) {
           try {
             const zip = new AdmZip();