Техническое задание

Frontend приложение уже полностью рабочее и хостится на Cloudflare Pages

Цель:

Разработать кроссплатформенное Electron-приложение на базе Nuxt.js, с:

• Использование основной логики по авторизации как на основном сайте

• Возможностью записи микрофона + системного аудио

• Загрузкой записи на Amazon S3 (уже существующий функционал, нужно только проверить что он работает в Electron)

• Поддержкой macOS + Windows

• Подготовкой к production-дистрибуции (.dmg, .exe)

Этап 1. Оборачивание Nuxt.js в Electron:

1. Интеграция с уже существующим Nuxt-приложением

2. Хранение API токена

   • Реализовать процедуру обмена API токенами аналогично Frontend приложению, необходимо аутентифицироваться на API сервисе

3. Функциональность окна

   • Размер окна адаптивный

   • Минимизация, закрытие, перезапуск

   • Поддержка автообновлений (в будущем)

Этап 2. Запись аудио (микрофон + система)

1. UI

   • Добавить кнопку Record now

   • Реализовать выбор устройств (если возможно)

     • Input: микрофон (default audio input)

     • Output: системный звук (loopback)

2. Захват аудио

   • Использовать:

     • mic или node-record-lpcm16 — для микрофона

     • wasapi (Windows) или BlackHole/Loopback (macOS) — для system output

3. Формат записи

   • Сохранять желательно в .wav 

4. Загрузка

   • После окончания записи использовать уже существующий метод загрузки файлов на S3 (проверить что работает)

5. Удаление локального файла

   • После успешной загрузки, удалить файл

Этап 3. Упаковка и продакшин

Платформы:

• macOS (Intel + ARM)

• Windows (10/11)

Задачи:

• Подготовка .dmg (macOS) и .exe или .msi (Windows)

• Настройка productName, иконок, автообновлений

• Сборка с помощью electron-builder или альтернативы

• Предоставление инструкций для последующем автоматической сборки в Github CI/CD

Этап 4. Overlay-режим поверх активного окна

Цель:

Добавить возможность вызова overlay-режима:

• Показывать интерфейс (agenda, подсказки, action items) поверх любых окон

• Вызывать/скрывать overlay по горячей клавише

• Использовать прозрачное окно Electron с click-through (неблокирующее)

• Overlay — это отдельное окно, которое открывает кастомный route в Nuxt (/overlay)

• Контент подгружается через API / WebSocket

Поведение overlay