Добавить SendSignal и remote AddBlock через homeserver

2026-06-28 11:20:51 +04:00
parent c397c28acb
commit aa02e92e4d
19 changed files with 1329 additions and 224 deletions
@@ -205,7 +205,7 @@ export function render({ navigate }) {
      <span class="field-label">Активные заявки</span>
      <button class="ghost-btn" type="button" id="refresh-pairing-requests">Обновить заявки</button>
    </div>
-    <p class="meta-muted">Показываются все активные заявки. Для wallet-заявки можно выпустить отдельную session-only сессию без передачи постоянных ключей.</p>
+    <p class="meta-muted">Показываются все активные заявки. Для wallet-заявки выпускается отдельная session-only сессия без передачи постоянных ключей.</p>
    <div class="stack" id="pairing-requests-list"></div>
  `;

@@ -0,0 +1,147 @@
+import { renderHeader } from '../components/header.js';
+import {
+  isSessionInvalidError,
+  refreshSessions,
+  saveEntrySettings,
+  setAuthError,
+  setAuthInfo,
+  state,
+  terminateCurrentSession,
+} from '../state.js';
+
+export const pageMeta = { id: 'remote-addblock-session-view', title: 'AddBlock через homeserver' };
+
+const SESSION_TYPE_HOMESERVER = 100;
+
+function formatSessionTime(ms) {
+  return new Date(ms).toLocaleString('ru-RU', {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  });
+}
+
+function sessionLabel(session) {
+  const title = String(session?.clientInfoFromClient || '').trim();
+  if (title) return title;
+  return `Homeserver ${String(session?.sessionId || '').slice(0, 12)}`;
+}
+
+export function render({ navigate }) {
+  const screen = document.createElement('section');
+  screen.className = 'stack';
+
+  screen.append(
+    renderHeader({
+      title: 'AddBlock через homeserver',
+      leftAction: { label: '←', onClick: () => navigate('settings-view') },
+    }),
+  );
+
+  const actions = document.createElement('div');
+  actions.className = 'card stack';
+  actions.innerHTML = `
+    <p class="meta-muted">Если на устройстве нет локального blockchain key, UI сможет отправлять AddBlock в выбранную homeserver-сессию. Homeserver подпишет блок своим blockchain key и сам отправит обычный AddBlock на сервер.</p>
+    <button class="primary-btn" type="button" id="remote-addblock-refresh">Обновить список homeserver-сессий</button>
+    <button class="ghost-btn" type="button" id="remote-addblock-clear">Сбросить выбор</button>
+  `;
+
+  const listCard = document.createElement('div');
+  listCard.className = 'card stack';
+
+  const buildList = () => {
+    listCard.innerHTML = '';
+    const selectedId = String(state.entrySettings.remoteAddBlockSessionId || '').trim();
+    const sessions = (state.sessions || [])
+      .filter((item) => Number(item?.sessionType || 0) === SESSION_TYPE_HOMESERVER)
+      .sort((a, b) => Number(b?.lastAuthenticatedAtMs || 0) - Number(a?.lastAuthenticatedAtMs || 0));
+
+    if (sessions.length === 0) {
+      const empty = document.createElement('p');
+      empty.className = 'meta-muted';
+      empty.textContent = 'Активных homeserver-сессий не найдено.';
+      listCard.append(empty);
+      return;
+    }
+
+    sessions.forEach((session) => {
+      const sessionId = String(session?.sessionId || '').trim();
+      const item = document.createElement('button');
+      item.className = 'session-item';
+      item.type = 'button';
+      const isSelected = sessionId && sessionId === selectedId;
+      item.innerHTML = `
+        <div class="stack" style="gap:4px; text-align:left;">
+          <strong>${sessionLabel(session)}</strong>
+          <span class="meta-muted">${session.geo || 'unknown'} · ${formatSessionTime(session.lastAuthenticatedAtMs || Date.now())}</span>
+          <span class="meta-muted">sessionId: ${sessionId || '-'}</span>
+          <span class="meta-muted">status: ${session.onlineOnThisServer ? 'online' : 'offline on this server'}</span>
+          ${isSelected ? '<span class="session-current-badge">Выбрана для remote AddBlock</span>' : ''}
+        </div>
+      `;
+      item.addEventListener('click', async () => {
+        try {
+          await saveEntrySettings({
+            ...state.entrySettings,
+            remoteAddBlockSessionId: sessionId,
+          });
+          buildList();
+          setAuthInfo('Homeserver-сессия для remote AddBlock сохранена.');
+        } catch (error) {
+          if (isSessionInvalidError(error)) {
+            await terminateCurrentSession({
+              infoMessage: 'Сессия на этом устройстве уже завершена. Выполните вход заново.',
+            });
+            return;
+          }
+          setAuthError(error.message);
+          window.alert(error.message);
+        }
+      });
+      listCard.append(item);
+    });
+  };
+
+  actions.querySelector('#remote-addblock-refresh')?.addEventListener('click', async () => {
+    try {
+      await refreshSessions();
+      buildList();
+      setAuthInfo('Список homeserver-сессий обновлён.');
+    } catch (error) {
+      if (isSessionInvalidError(error)) {
+        await terminateCurrentSession({
+          infoMessage: 'Сессия на этом устройстве уже завершена. Выполните вход заново.',
+        });
+        return;
+      }
+      setAuthError(error.message);
+      window.alert(error.message);
+    }
+  });
+
+  actions.querySelector('#remote-addblock-clear')?.addEventListener('click', async () => {
+    try {
+      await saveEntrySettings({
+        ...state.entrySettings,
+        remoteAddBlockSessionId: '',
+      });
+      buildList();
+      setAuthInfo('Выбор homeserver-сессии для remote AddBlock сброшен.');
+    } catch (error) {
+      if (isSessionInvalidError(error)) {
+        await terminateCurrentSession({
+          infoMessage: 'Сессия на этом устройстве уже завершена. Выполните вход заново.',
+        });
+        return;
+      }
+      setAuthError(error.message);
+      window.alert(error.message);
+    }
+  });
+
+  buildList();
+  screen.append(actions, listCard);
+  return screen;
+}
@@ -41,6 +41,7 @@ export function render({ navigate }) {
  card.className = 'card stack';
  card.innerHTML = `
    <button class="text-btn" type="button" id="settings-device">Устройства</button>
+    <button class="text-btn" type="button" id="settings-remote-addblock">Remote AddBlock через homeserver</button>
    <button class="text-btn" type="button" id="settings-servers">Настройки серверов</button>
    <button class="text-btn" type="button" id="settings-tools">Настройки инструментов ввода</button>
    <button class="text-btn" type="button" id="settings-language">Язык / Language</button>
@@ -48,6 +49,7 @@ export function render({ navigate }) {
  `;

  card.querySelector('#settings-device').addEventListener('click', () => navigate('device-view'));
+  card.querySelector('#settings-remote-addblock').addEventListener('click', () => navigate('remote-addblock-session-view'));
  card.querySelector('#settings-servers').addEventListener('click', () => navigate('server-settings-view'));
  card.querySelector('#settings-tools').addEventListener('click', () => navigate('tools-settings-view'));
  card.querySelector('#settings-language').addEventListener('click', () => navigate('language-view'));