Обновление архитектуры ключей и кошельков

This commit is contained in:
AidarKC
2026-10-01 17:11:38 +03:00
parent f452ce1f1e
commit 8d22602761
51 changed files with 565 additions and 898 deletions
+24 -75
View File
@@ -9,17 +9,18 @@ export function render({navigate, chrome}) {
screen.className = 'stack';
chrome?.setTopbar(createTopBar({
title: 'Подключить устройство',
back: { label: '←', onClick: () => navigate('device-view') },
}));
title: 'Подключить устройство',
back: { label: '←', onClick: () => navigate('device-view') },
}));
const card = document.createElement('div');
card.className = 'card stack';
card.innerHTML = `
<p>Выберите, какие ключи передать на подключаемое устройство</p>
<label class="checkbox-row"><input type="checkbox" id="connect-root" ${state.deviceConnect.root ? 'checked' : ''} /> root key</label>
<label class="checkbox-row"><input type="checkbox" id="connect-blockchain" ${state.deviceConnect.blockchain ? 'checked' : ''} /> blockchain key</label>
<label class="checkbox-row"><input type="checkbox" id="connect-device" checked disabled /> client key</label>
<div class="stack" style="gap:6px;">
<p class="field-label">Что будет передано</p>
<p class="meta-muted">Новое устройство автоматически получит ключ доступа и ключ блокчейна.</p>
<p class="meta-muted">Ключ восстановления никогда не передаётся и не сохраняется на устройствах.</p>
</div>
<p class="meta-muted" id="connect-keys-status">Проверяем ключи на этом устройстве...</p>
<div class="row">
<button class="icon-btn small-btn" type="button" id="tech-help">Техсправка</button>
@@ -31,24 +32,9 @@ export function render({navigate, chrome}) {
</div>
`;
const rootToggle = card.querySelector('#connect-root');
const blockchainToggle = card.querySelector('#connect-blockchain');
const deviceToggle = card.querySelector('#connect-device');
const statusEl = card.querySelector('#connect-keys-status');
const openQrBtn = card.querySelector('#open-qr');
const openPairBtn = card.querySelector('#open-pairing');
deviceToggle.checked = true;
rootToggle.addEventListener('change', () => {
state.deviceConnect.root = rootToggle.checked;
});
blockchainToggle.addEventListener('change', () => {
state.deviceConnect.blockchain = blockchainToggle.checked;
});
deviceToggle.addEventListener('change', () => {
state.deviceConnect.client = true;
deviceToggle.checked = true;
});
const helpModal = document.createElement('div');
helpModal.className = 'modal-shell';
@@ -61,15 +47,10 @@ export function render({navigate, chrome}) {
<button class="icon-btn" type="button" data-close="true" aria-label="Закрыть">✕</button>
</div>
<div class="stack" style="gap:6px;">
<p class="meta-muted">пользователь выбирает ключи для передачи</p>
<p class="meta-muted">передать можно только существующие ключи</p>
<p class="meta-muted">если ключа нет – он недоступен</p>
<p class="meta-muted">blockchain key – можно передать или нет</p>
<p class="meta-muted">root key – только если существует</p>
<p class="meta-muted">client key передаётся всегда</p>
<p class="meta-muted">подключение происходит напрямую через QR</p>
<p class="meta-muted">сервер не используется</p>
<p class="meta-muted">текущая логика: устройство 1 показывает QR, устройство 2 сканирует</p>
<p class="meta-muted">client key (ключ доступа) передаётся всегда</p>
<p class="meta-muted">blockchain key (ключ блокчейна) передаётся всегда</p>
<p class="meta-muted">root/recovery private key никогда не передаётся</p>
<p class="meta-muted">QR-сценарий передаёт рабочие ключи напрямую между устройствами</p>
<p class="meta-muted">для сценария через сервер используйте кнопку «Подключить по коду»</p>
</div>
<button class="primary-btn" type="button" data-close="true">OK</button>
@@ -78,12 +59,9 @@ export function render({navigate, chrome}) {
const openHelp = () => {
helpModal.hidden = false;
helpModal.querySelector('.modal-dialog').focus();
};
const closeHelp = () => {
helpModal.hidden = true;
helpModal.querySelector('.modal-dialog')?.focus();
};
const closeHelp = () => { helpModal.hidden = true; };
card.querySelector('#tech-help').addEventListener('click', openHelp);
card.querySelector('#open-qr').addEventListener('click', () => navigate('device-qr-view'));
@@ -96,61 +74,32 @@ export function render({navigate, chrome}) {
throw new Error('Нет активной сессии');
}
const savedKeys = await loadEncryptedUserSecrets(state.session.login, state.session.storagePwdInMemory);
const hasRoot = Boolean(savedKeys.rootKey);
const hasBlockchain = Boolean(savedKeys.blockchainKey);
const hasClient = Boolean(savedKeys.clientKey);
rootToggle.disabled = !hasRoot;
blockchainToggle.disabled = !hasBlockchain;
deviceToggle.disabled = true;
state.deviceConnect.root = hasRoot && rootToggle.checked;
state.deviceConnect.blockchain = hasBlockchain && blockchainToggle.checked;
state.deviceConnect.client = hasClient;
rootToggle.checked = state.deviceConnect.root;
blockchainToggle.checked = state.deviceConnect.blockchain;
deviceToggle.checked = hasClient;
openQrBtn.disabled = !hasClient;
openPairBtn.disabled = !hasClient;
const available = [
hasClient ? 'client' : '',
hasBlockchain ? 'blockchain' : '',
hasRoot ? 'root' : '',
].filter(Boolean);
statusEl.textContent = available.length
? `На этом устройстве доступны: ${available.join(', ')}.`
: 'На этом устройстве нет сохранённых ключей для передачи.';
const ready = hasBlockchain && hasClient;
openQrBtn.disabled = !ready;
openPairBtn.disabled = !ready;
statusEl.textContent = ready
? 'Ключ доступа и ключ блокчейна готовы к безопасной передаче.'
: 'На этом устройстве не хватает рабочих ключей. Выполните вход по паролю заново.';
} catch {
rootToggle.disabled = true;
blockchainToggle.disabled = true;
deviceToggle.checked = false;
state.deviceConnect.root = false;
state.deviceConnect.blockchain = false;
state.deviceConnect.client = false;
openQrBtn.disabled = true;
openPairBtn.disabled = true;
statusEl.textContent = 'Не удалось прочитать сохранённые ключи на этом устройстве.';
statusEl.textContent = 'Не удалось прочитать рабочие ключи на этом устройстве.';
}
})();
helpModal.addEventListener('click', (event) => {
const target = event.target;
if (target instanceof HTMLElement && target.dataset.close === 'true') {
closeHelp();
}
if (target instanceof HTMLElement && target.dataset.close === 'true') closeHelp();
});
helpModal.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {
closeHelp();
}
if (event.key === 'Escape') closeHelp();
});
screen.append(card);
const modalRoot = document.getElementById('modal-root');
modalRoot?.append(helpModal);
screen.cleanup = () => {
helpModal.remove();
};
screen.cleanup = () => { helpModal.remove(); };
return screen;
}