Compare commits

..

No commits in common. "master" and "firefox" have entirely different histories.

5 changed files with 48 additions and 81 deletions

View File

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

View File

@ -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:firefox": "BROWSER=firefox BUILD_ENTRY=background vite build && BROWSER=firefox BUILD_ENTRY=content vite build --watch",
"dev": "BROWSER=chrome 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:firefox": "BROWSER=firefox BUILD_ENTRY=background vite build && BROWSER=firefox BUILD_ENTRY=content vite build",
"build:chrome": "BROWSER=chrome 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",

View File

@ -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"

View File

@ -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",
"data_collection_permissions": {
"required": ["none"]
}
"strict_min_version": "121.0"
}
}
}

View File

@ -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();