ci: Add GitHub Actions workflow for build and release

Author: Rinibr

index.html

@@ -370,6 +370,15 @@ <h3 data-i18n-key="settings_app_header"></h3>
                            <button id="select-rec-path-btn" style="padding: 0 10px; min-width: 40px; height: 35px;"><i class="material-icons" style="font-size: 20px;">folder_open</i></button>
                         </div>
                     </div>
+                    <!-- === НОВЫЙ БЛОК ДЛЯ ОБНОВЛЕНИЙ === -->
+                    <h3>Обновление приложения</h3>
+                    <div class="form-grid simple">
+                        <span>Текущий статус</span>
+                        <span id="update-status-text" style="font-style: italic;">Нажмите кнопку для проверки...</span>
+                        <span>Действие</span>
+                        <button id="check-for-updates-btn" style="width: 200px; justify-self: start;">Проверить обновления</button>
+                    </div>
+                    <!-- === КОНЕЦ НОВОГО БЛОКА === -->
                 </div>
 
                 <div id="tab-system" class="tab-content">

js/modal-handler.js

@@ -22,9 +22,13 @@
         const settingsToast = document.getElementById('settings-toast');
         const recordingsPathInput = document.getElementById('app-settings-recordings-path');
         const selectRecPathBtn = document.getElementById('select-rec-path-btn');
-        const languageSelect = document.getElementById('app-settings-language'); // НОВЫЙ ЭЛЕМЕНТ
+        const languageSelect = document.getElementById('app-settings-language');
+        
+        // === НОВЫЕ ЭЛЕМЕНТЫ ДЛЯ ОБНОВЛЕНИЯ ===
+        const checkForUpdatesBtn = document.getElementById('check-for-updates-btn');
+        const updateStatusText = document.getElementById('update-status-text');
+        
         let toastTimeout;
-
         let editingCameraId = null;
         let settingsCameraId = null;
         let initialSettings = null;
@@ -170,7 +174,7 @@
             }
 
             recordingsPathInput.value = App.appSettings.recordingsPath || '';
-            languageSelect.value = App.appSettings.language || 'en'; // Устанавливаем язык
+            languageSelect.value = App.appSettings.language || 'en';
             restartMajesticBtn.style.display = isGeneralSettings ? 'none' : 'inline-flex';
 
             openModal(settingsModal);
@@ -364,12 +368,10 @@
             saveSettingsBtn.disabled = true;
             saveSettingsBtn.textContent = App.t('saving_text');
 
-            // Сохраняем общие настройки приложения
             App.appSettings.recordingsPath = recordingsPathInput.value.trim();
             App.appSettings.language = languageSelect.value;
             await window.api.saveAppSettings(App.appSettings);
 
-            // Если это были только общие настройки, выходим
             if (settingsCameraId === null) { 
                 saveSettingsBtn.disabled = false;
                 saveSettingsBtn.textContent = App.t('save');
@@ -391,7 +393,6 @@
             };
 
             const settingsDataToSend = {
-                // ... (все ключи настроек камеры остаются без изменений)
                 'motionDetect.enabled': getFormValue('motionDetect.enabled'),
                 'motionDetect.visualize': getFormValue('motionDetect.visualize'),
                 'motionDetect.debug': getFormValue('motionDetect.debug'),
@@ -563,8 +564,7 @@
             addGroupModal.addEventListener('click', (e) => { if (e.target === addGroupModal) closeModal(addGroupModal); });
 
             generalSettingsBtn.addEventListener('click', () => openSettingsModal(null));
-
-            // НОВЫЙ ОБРАБОТЧИК: Смена языка
+            
             languageSelect.addEventListener('change', async (e) => {
                 await App.i18n.setLanguage(e.target.value);
             });
@@ -596,6 +596,46 @@
                 });
             });
 
+            // === НОВАЯ ЛОГИКА ДЛЯ КНОПКИ И СТАТУСА ОБНОВЛЕНИЯ ===
+            checkForUpdatesBtn.addEventListener('click', () => {
+                updateStatusText.textContent = 'Проверка...';
+                checkForUpdatesBtn.disabled = true;
+                window.api.checkForUpdates();
+            });
+
+            window.api.onUpdateStatus(({ status, message }) => {
+                // Этот обработчик будет обновлять текст в модальном окне
+                checkForUpdatesBtn.disabled = false;
+                let version = message.includes('версия') ? message.split(' ').pop() : '';
+                
+                switch (status) {
+                    case 'available':
+                        updateStatusText.textContent = `Доступна новая версия: ${version}`;
+                        updateStatusText.style.color = '#ffc107'; // Желтый
+                        break;
+                    case 'downloading':
+                        updateStatusText.textContent = message;
+                        updateStatusText.style.color = '#17a2b8'; // Голубой
+                        checkForUpdatesBtn.disabled = true; // Блокируем кнопку во время загрузки
+                        break;
+                    case 'downloaded':
+                        updateStatusText.textContent = `Обновление загружено! Перезапустите приложение.`;
+                        updateStatusText.style.color = '#28a745'; // Зеленый
+                        break;
+                    case 'error':
+                        updateStatusText.textContent = message;
+                        updateStatusText.style.color = '#dc3545'; // Красный
+                        break;
+                    case 'latest':
+                        updateStatusText.textContent = 'У вас установлена последняя версия.';
+                        updateStatusText.style.color = 'green';
+                        break;
+                    default:
+                        updateStatusText.textContent = 'Нажмите кнопку для проверки...';
+                        updateStatusText.style.color = 'inherit';
+                }
+            });
+
             window.addEventListener('keydown', (e) => {
                 if (e.key === 'Escape') {
                     closeModal(addModal);

js/renderer.js

@@ -1,4 +1,5 @@
-// js/renderer.js
+// --- renderer.js ---
+
 (function(window) {
     'use strict';
 
@@ -87,38 +88,71 @@
 
     // --- Основная функция инициализации приложения ---
     async function init() {
-        // ИСПРАВЛЕННЫЙ ПОРЯДОК ИНИЦИАЛИЗАЦИИ
-        
-        // 1. Сначала загружаем настройки приложения, чтобы знать сохраненный язык
         await loadAppSettings();
-        
-        // 2. Теперь инициализируем локализацию, которая использует эти настройки
         await App.i18n.init();
 
-        // 3. Делаем важные функции доступными глобально внутри App
         App.saveConfiguration = saveConfiguration;
         App.toggleRecording = toggleRecording;
 
-        // 4. Загружаем основную конфигурацию
         await loadConfiguration();
 
-        // 5. Инициализируем все UI-модули
         App.modalHandler.init();
         App.cameraList.init();
         App.gridManager.init();
         App.archiveManager.init();
 
-        // 6. Первичная отрисовка интерфейса
         App.cameraList.render();
         await App.gridManager.render();
 
-        // 7. Запускаем периодические задачи
         setInterval(updateSystemStats, 3000);
         setInterval(() => App.cameraList.pollCameraStatuses(), 10000);
-        updateSystemStats(); // Первый запуск сразу
+        updateSystemStats();
     }
 
     // Запускаем приложение
     init();
 
+    // === НОВЫЙ КОД: ОБРАБОТЧИК СТАТУСА ОБНОВЛЕНИЯ ===
+    (function() {
+        const updateStatusInfo = document.createElement('div');
+        updateStatusInfo.style.marginLeft = '15px';
+        updateStatusInfo.style.fontSize = '12px';
+        updateStatusInfo.style.color = 'var(--text-secondary)';
+        
+        const statusBar = document.getElementById('status-info').parentElement;
+        if (statusBar) {
+            statusBar.appendChild(updateStatusInfo);
+        }
+
+        window.api.onUpdateStatus(({ status, message }) => {
+            console.log(`Update status: ${status}, message: ${message}`);
+            
+            switch (status) {
+                case 'available':
+                    updateStatusInfo.innerHTML = `💡 <span style="text-decoration: underline; cursor: help;" title="${message}">Доступно обновление!</span>`;
+                    updateStatusInfo.style.color = '#ffc107';
+                    break;
+                case 'downloading':
+                    updateStatusInfo.textContent = `⏳ ${message}`;
+                    updateStatusInfo.style.color = '#17a2b8';
+                    break;
+                case 'downloaded':
+                    updateStatusInfo.innerHTML = `✅ <span style="text-decoration: underline; cursor: help;" title="${message}">Обновление загружено.</span>`;
+                    updateStatusInfo.style.color = '#28a745';
+                    break;
+                case 'error':
+                    updateStatusInfo.textContent = `❌ ${message}`;
+                    updateStatusInfo.style.color = '#dc3545';
+                    break;
+                case 'latest':
+                    updateStatusInfo.textContent = `👍 ${message}`;
+                    setTimeout(() => { if (updateStatusInfo.textContent.includes(message)) updateStatusInfo.textContent = ''; }, 5000);
+                    break;
+                default:
+                    updateStatusInfo.textContent = '';
+                    break;
+            }
+        });
+    })();
+
 })(window);

main.js

@@ -1,4 +1,4 @@
-// main.js
+// --- main.js (полный код с изменениями) ---
 
 const { app, BrowserWindow, ipcMain, Menu, clipboard, dialog, shell, protocol } = require('electron');
 const path = require('path');
@@ -13,6 +13,7 @@ const WebSocket = require('ws');
 const crypto = require('crypto');
 const ffmpeg = require('@ffmpeg-installer/ffmpeg');
 const keytar = require('keytar');
+const { autoUpdater } = require('electron-updater');
 
 // Отключаем sandbox для Linux, чтобы избежать проблем с AppImage
 if (process.platform === 'linux') {
@@ -124,7 +125,7 @@ async function startRecording(camera) {
     ffmpegProcess.on('close', (code) => {
         console.log(`[REC FFMPEG] Finished for "${camera.name}" with code ${code}.`);
         delete recordingManager[camera.id];
-        if (mainWindow) {
+        if (mainWindow && !mainWindow.isDestroyed()) {
             mainWindow.webContents.send('recording-state-change', { 
                 cameraId: camera.id, 
                 recording: false, 
@@ -134,7 +135,7 @@ async function startRecording(camera) {
         }
     });
     console.log(`[REC] Starting for "${camera.name}" to ${outputPath}`);
-    if (mainWindow) mainWindow.webContents.send('recording-state-change', { cameraId: camera.id, recording: true });
+    if (mainWindow && !mainWindow.isDestroyed()) mainWindow.webContents.send('recording-state-change', { cameraId: camera.id, recording: true });
     return { success: true };
 }
 
@@ -203,6 +204,13 @@ function createWindow() {
         webPreferences: { preload: path.join(__dirname, 'preload.js') }
     });
     mainWindow.loadFile('index.html');
+
+    mainWindow.once('ready-to-show', () => {
+        if (app.isPackaged) {
+            console.log('[Updater] App ready, checking for updates...');
+            autoUpdater.checkForUpdates();
+        }
+    });
 }
 
 function createFileManagerWindow(camera) {
@@ -387,7 +395,7 @@ ipcMain.handle('load-configuration', async () => {
         cameras: [],
         groups: [],
         layout: { cols: 2, rows: 2 },
-        gridState: [null, null, null, null]
+        gridState: Array(64).fill(null)
     };
     let config = defaultConfig;
     let needsResave = false;
@@ -408,6 +416,9 @@ ipcMain.handle('load-configuration', async () => {
         await fsPromises.access(configPath);
         const data = await fsPromises.readFile(configPath, 'utf-8');
         config = { ...defaultConfig, ...JSON.parse(data) };
+        if (!config.gridState || config.gridState.length < 64) {
+            config.gridState = Array(64).fill(null);
+        }
     } catch (e) {
         const migratedConfig = await migrateOldFile();
         if (migratedConfig) {
@@ -779,6 +790,63 @@ ipcMain.handle('show-recording-in-folder', async (event, filename) => {
     }
 });
 
+// НОВЫЙ ОБРАБОТЧИК ДЛЯ РУЧНОЙ ПРОВЕРКИ
+ipcMain.handle('check-for-updates', () => {
+    if (!app.isPackaged) {
+        console.log('[Updater] Skipping update check in dev mode.');
+        if(mainWindow) {
+            mainWindow.webContents.send('update-status', { status: 'error', message: 'Проверка обновлений доступна только в установленной версии.' });
+        }
+        return;
+    }
+    console.log('[Updater] Manual update check initiated.');
+    autoUpdater.checkForUpdates();
+});
+
+// ОБРАБОТЧИКИ СОБЫТИЙ AUTOUPDATER
+autoUpdater.on('update-available', (info) => {
+    console.log('[Updater] Update available.', info);
+    if (mainWindow && !mainWindow.isDestroyed()) mainWindow.webContents.send('update-status', { status: 'available', message: `Доступна версия ${info.version}` });
+});
+
+autoUpdater.on('update-not-available', (info) => {
+    console.log('[Updater] No new update available.');
+    if (mainWindow && !mainWindow.isDestroyed()) mainWindow.webContents.send('update-status', { status: 'latest', message: 'У вас последняя версия.' });
+});
+
+autoUpdater.on('error', (err) => {
+    console.error('[Updater] Error:', err ? (err.stack || err) : 'unknown error');
+    if (mainWindow && !mainWindow.isDestroyed()) mainWindow.webContents.send('update-status', { status: 'error', message: `Ошибка обновления: ${err.message}` });
+});
+
+autoUpdater.on('download-progress', (progressObj) => {
+    let log_message = "Download speed: " + progressObj.bytesPerSecond;
+    log_message = log_message + ' - Downloaded ' + progressObj.percent.toFixed(2) + '%';
+    log_message = log_message + ' (' + progressObj.transferred + "/" + progressObj.total + ')';
+    console.log('[Updater] ' + log_message);
+    if (mainWindow && !mainWindow.isDestroyed()) mainWindow.webContents.send('update-status', {
+        status: 'downloading',
+        message: `Загрузка... ${progressObj.percent.toFixed(0)}%`
+    });
+});
+
+autoUpdater.on('update-downloaded', (info) => {
+    console.log('[Updater] Update downloaded.', info);
+    if (mainWindow && !mainWindow.isDestroyed()) mainWindow.webContents.send('update-status', { status: 'downloaded', message: `Версия ${info.version} загружена. Перезапустите для установки.` });
+    
+    dialog.showMessageBox(mainWindow, {
+        type: 'info',
+        title: 'Обновление готово',
+        message: 'Новая версия загружена. Перезапустить приложение сейчас, чтобы установить обновление?',
+        buttons: ['Перезапустить', 'Позже'],
+        defaultId: 0
+    }).then(({ response }) => {
+        if (response === 0) {
+            autoUpdater.quitAndInstall();
+        }
+    });
+});
+
 app.whenReady().then(() => {
     protocol.registerFileProtocol('video-archive', async (request, callback) => {
         const settings = await getAppSettings();