Добавить деплой без clean/тестов и доработки PWA/сессии в UI

2026-04-20 20:33:20 +03:00
parent bec1d08757
commit 2d48ae7a16
8 changed files with 404 additions and 4 deletions
@@ -1,4 +1,12 @@
 import { renderHeader } from '../components/header.js';
+import { addAppLogEntry, authService, closeCurrentSessionAndSignOut, state } from '../state.js';
+import {
+  canInstallPwa,
+  isStandalonePwaMode,
+  onPwaInstallAvailabilityChange,
+  promptPwaInstall,
+} from '../services/pwa-install-service.js';
+import { initPwaPush } from '../services/pwa-push-service.js';

 export const pageMeta = { id: 'settings-view', title: 'Настройки' };

@@ -20,6 +28,8 @@ export function render({ navigate }) {
    <button class="text-btn" type="button" id="settings-servers">Настройки серверов</button>
    <button class="text-btn" type="button" id="settings-language">Язык / Language</button>
    <button class="text-btn" type="button" id="settings-app-log">Лог приложения</button>
+    <button class="text-btn" type="button" id="settings-signout">Завершить текущий сеанс</button>
+    <button class="text-btn" type="button" id="settings-pwa-install">Зарегистрировать PWA</button>
  `;

  card.querySelector('#settings-device').addEventListener('click', () => navigate('device-view'));
@@ -27,6 +37,89 @@ export function render({ navigate }) {
  card.querySelector('#settings-language').addEventListener('click', () => navigate('language-view'));
  card.querySelector('#settings-app-log').addEventListener('click', () => navigate('app-log-view'));

+  const signOutBtn = card.querySelector('#settings-signout');
+  const pwaInstallBtn = card.querySelector('#settings-pwa-install');
+
+  const syncPwaButtonLabel = () => {
+    if (isStandalonePwaMode()) {
+      pwaInstallBtn.textContent = 'PWA установлено (проверить WebPush)';
+      return;
+    }
+    if (canInstallPwa()) {
+      pwaInstallBtn.textContent = 'Зарегистрировать PWA';
+      return;
+    }
+    pwaInstallBtn.textContent = 'Как установить PWA';
+  };
+
+  const unsubscribeInstallAvailability = onPwaInstallAvailabilityChange(() => {
+    syncPwaButtonLabel();
+  });
+  syncPwaButtonLabel();
+
+  signOutBtn.addEventListener('click', async () => {
+    const confirmed = window.confirm(
+      'Завершить текущую сессию на сервере, отключиться, очистить локальные данные и перейти на стартовый экран?'
+    );
+    if (!confirmed) return;
+
+    signOutBtn.disabled = true;
+    try {
+      addAppLogEntry({
+        level: 'info',
+        source: 'session',
+        message: `Запрошено завершение текущей сессии: ${state.session.sessionId || 'unknown'}`,
+      });
+      await closeCurrentSessionAndSignOut({
+        infoMessage: 'Сеанс завершён. Выполните вход заново.',
+      });
+    } finally {
+      signOutBtn.disabled = false;
+    }
+  });
+
+  pwaInstallBtn.addEventListener('click', async () => {
+    pwaInstallBtn.disabled = true;
+    try {
+      await initPwaPush({
+        authService,
+        onLog: (entry) => addAppLogEntry(entry),
+      });
+
+      if (canInstallPwa()) {
+        const result = await promptPwaInstall();
+        const accepted = result.outcome === 'accepted';
+        addAppLogEntry({
+          level: 'info',
+          source: 'pwa-install',
+          message: accepted ? 'Пользователь принял установку PWA' : 'Пользователь отклонил установку PWA',
+          details: { outcome: result.outcome || 'unknown' },
+        });
+        if (accepted) {
+          window.alert('Установка PWA подтверждена. Проверьте приложение на главном экране устройства.');
+        }
+      } else if (!isStandalonePwaMode()) {
+        window.alert('Для установки откройте меню браузера и выберите "Установить приложение" или "Добавить на главный экран".');
+      } else {
+        window.alert('PWA уже установлено. WebPush перерегистрирован.');
+      }
+    } catch (error) {
+      addAppLogEntry({
+        level: 'warn',
+        source: 'pwa-install',
+        message: 'Не удалось зарегистрировать PWA/WebPush',
+        details: { error: error?.message || 'unknown' },
+      });
+      window.alert(`Ошибка регистрации PWA: ${error?.message || 'unknown'}`);
+    } finally {
+      pwaInstallBtn.disabled = false;
+      syncPwaButtonLabel();
+    }
+  });
+
  screen.append(card);
+  screen.cleanup = () => {
+    unsubscribeInstallAvailability();
+  };
  return screen;
 }