README.md

@@ -1,75 +1,59 @@
 # Reels Master
 
-A browser extension for enhanced Instagram Reels experience with volume control, video downloading, and seeking.
+Chrome расширение для улучшенного просмотра Instagram Reels с управлением громкостью и загрузкой видео.
 
-## 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. Download the latest `reels-master-chrome.zip` from [GitHub Releases](https://github.com/ShiftyX1/reels-master/releases)
+1. Скачайте последнюю версию расширения из [релизов на GitHub](https://github.com/ShiftyX1/reels-master/releases)
-2. Unzip the archive
+2. Распакуйте архив в удобное место на вашем компьютере
-3. Open Chrome and go to `chrome://extensions/`
+3. Откройте Chrome и перейдите на страницу расширений: `chrome://extensions/`
-4. Enable **Developer mode** in the top-right corner
+4. Включите "Режим разработчика" (Developer mode) в правом верхнем углу
-5. Click **Load unpacked** and select the unzipped folder
+5. Нажмите "Загрузить распакованное расширение" (Load unpacked)
+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]
-> The extension will be published to the Chrome Web Store and Firefox Add-ons (AMO) in the future. Manual installation only for now.
+> В будущем будет выложено в Chrome Web Store. Пока что установка только вручную.
 
-## Development
+1. Установите зависимости:
-
-1. Install dependencies:
 ```bash
 pnpm install
 ```
 
-2. Build the extension:
+2. Соберите расширение:
 ```bash
-# Both browsers
+pnpm run build
-pnpm build
-
-# Chrome only
-pnpm build:chrome
-
-# Firefox only
-pnpm build:firefox
 ```
 
-3. Load in browser:
+3. Загрузите расширение в Chrome:
-   - **Chrome:** open `chrome://extensions/`, enable Developer mode, click **Load unpacked**, select the `dist/` folder
+   - Откройте `chrome://extensions/`
-   - **Firefox:** open `about:debugging#/runtime/this-firefox`, click **Load Temporary Add-on**, select any file inside `dist/`
+   - Включите "Режим разработчика" (Developer mode)
+   - Нажмите "Загрузить распакованное расширение" (Load unpacked)
+   - Выберите папку `dist`
 
-### Watch mode
+### Режим разработки с hot-reload
 
 ```bash
-# Chrome
+pnpm run dev
-pnpm dev
-
-# Firefox
-pnpm dev:firefox
 ```
 
-## Usage
+## Использование
 
-1. Open Instagram and navigate to any reel
+1. Откройте Instagram и перейдите к любому рилсу
-2. New controls will appear next to the like and comment buttons:
+2. Справа от видео, рядом с кнопками лайка и комментариев, появятся новые элементы управления:
-   - **Mute button** — toggle audio on/off
+   - **Кнопка громкости** - Нажмите для включения/выключения звука
-   - **Volume slider** — drag to adjust volume (0–100%)
+   - **Слайдер громкости** - Перетащите для регулировки уровня громкости (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
+## Лицензия
 
-MIT
+ISC

package.json

@@ -1,20 +1,20 @@
 {
   "name": "reels-master",
-  "version": "1.2.2",
+  "version": "1.1.2",
   "description": "Chrome extension for Instagram Reels with volume control and download functionality",
   "main": "index.js",
   "scripts": {
-    "dev": "BROWSER=chrome BUILD_ENTRY=background vite build && BROWSER=chrome BUILD_ENTRY=content vite build --watch",
+    "dev": "BROWSER=chrome vite build --watch",
-    "dev:firefox": "BROWSER=firefox BUILD_ENTRY=background vite build && BROWSER=firefox BUILD_ENTRY=content vite build --watch",
+    "dev:firefox": "BROWSER=firefox vite build --watch",
     "build": "pnpm build:chrome && pnpm build:firefox",
-    "build:chrome": "BROWSER=chrome BUILD_ENTRY=background vite build && BROWSER=chrome BUILD_ENTRY=content vite build",
+    "build:chrome": "BROWSER=chrome vite build",
-    "build:firefox": "BROWSER=firefox BUILD_ENTRY=background vite build && BROWSER=firefox BUILD_ENTRY=content vite build",
+    "build:firefox": "BROWSER=firefox vite build",
     "bundle": "vite build && node scripts/bundle.js",
     "type-check": "tsc --noEmit"
   },
   "keywords": [],
   "author": "",
-  "license": "MIT",
+  "license": "ISC",
   "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.2.2",
+    "version": "1.1.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.2.2",
+    "version": "1.1.2",
     "description": "Enhance your Instagram experience with Reels Master - download reels, seek through videos, and more!",
     "background": {
-      "scripts": ["background/background.js"]
+      "service_worker": "background/background.js"
     },
     "homepage_url": "https://shiftyspace.ru",
     "author": "ShiftyX1",
@@ -21,10 +21,7 @@
     "browser_specific_settings": {
       "gecko": {
         "id": "reels-master@shiftyspace.ru",
-        "strict_min_version": "140.0",
+        "strict_min_version": "121.0"
-        "data_collection_permissions": {
-          "required": ["none"]
-        }
       }
     }
 }

vite.config.ts

@@ -5,27 +5,15 @@ 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: shouldEmptyOutDir,
+    emptyOutDir: true,
     rollupOptions: {
-      input: inputs,
+      input: {
+        background: resolve(__dirname, 'src/background/service-worker.ts'),
+        content: resolve(__dirname, 'src/content/content.ts'),
+      },
       output: {
         entryFileNames: '[name]/[name].js',
         chunkFileNames: '[name].js',
@@ -37,7 +25,6 @@ export default defineConfig({
     {
       name: 'copy-manifest',
       closeBundle() {
-        if (!isFinalPass) return;
         try {
           copyFileSync(
             resolve(__dirname, `src/manifest.${browser}.json`),
@@ -52,7 +39,6 @@ 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();