SHA256
Обновление архитектуры ключей и кошельков
This commit is contained in:
AidarKC
@@ -11,38 +11,41 @@ export function render({navigate, chrome}) {
|
||||
const screen = document.createElement('section');
|
||||
screen.className = 'stack';
|
||||
|
||||
const visible = {
|
||||
root: false,
|
||||
blockchain: false,
|
||||
device: false,
|
||||
};
|
||||
|
||||
const keys = {
|
||||
root: '',
|
||||
blockchain: '',
|
||||
device: '',
|
||||
};
|
||||
const visible = { blockchain: false, access: false };
|
||||
const keys = { blockchain: '', access: '' };
|
||||
|
||||
chrome?.setTopbar(createTopBar({
|
||||
title: 'Ключи этого устройства',
|
||||
back: { label: '←', onClick: () => navigate('device-view') },
|
||||
}));
|
||||
|
||||
const card = document.createElement('div');
|
||||
card.className = 'nav-list key-list';
|
||||
title: 'Ключи этого устройства',
|
||||
back: { label: '←', onClick: () => navigate('device-view') },
|
||||
}));
|
||||
|
||||
const status = document.createElement('p');
|
||||
status.className = 'meta-muted';
|
||||
status.textContent = 'Загружаем сохранённые ключи...';
|
||||
|
||||
const renderField = (id, label, hint = '') => {
|
||||
const card = document.createElement('div');
|
||||
card.className = 'nav-list key-list';
|
||||
|
||||
const recovery = document.createElement('div');
|
||||
recovery.className = 'key-card stack';
|
||||
recovery.innerHTML = `
|
||||
<div class="row">
|
||||
<span class="field-label">Ключ восстановления
|
||||
<small class="key-card__hint">Управление учётной записью, восстановление и критическая смена ключей</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="key-value key-value--compact">Не хранится на устройстве</div>
|
||||
<p class="meta-muted">Приватный Recovery key создаётся из пароля только на время защищённых операций и не записывается в хранилище устройства.</p>
|
||||
`;
|
||||
|
||||
const renderStoredField = (id, label, hint) => {
|
||||
const row = document.createElement('div');
|
||||
row.className = 'key-card stack';
|
||||
const eyeIcon = iconHtml('eye', false, 'key-toggle-icon');
|
||||
const eyeOffIcon = iconHtml('eyeOff', false, 'key-toggle-icon');
|
||||
row.innerHTML = `
|
||||
<div class="row">
|
||||
<span class="field-label">${label}${hint ? `<small class="key-card__hint">${hint}</small>` : ''}</span>
|
||||
<span class="field-label">${label}<small class="key-card__hint">${hint}</small></span>
|
||||
<button class="icon-btn key-toggle-btn" type="button" data-toggle="${id}" aria-label="Показать ключ" title="Показать ключ">${eyeIcon}</button>
|
||||
</div>
|
||||
<div class="key-value key-value--compact" data-value="${id}">*****</div>
|
||||
@@ -53,15 +56,16 @@ export function render({navigate, chrome}) {
|
||||
};
|
||||
|
||||
card.append(
|
||||
renderField('root', 'Главный ключ', 'Восстановление аккаунта и важные настройки'),
|
||||
renderField('blockchain', 'Ключ публикаций', 'Подпись ваших записей'),
|
||||
renderField('device', 'Ключ устройства', 'Вход с этого устройства'),
|
||||
recovery,
|
||||
renderStoredField('blockchain', 'Ключ блокчейна', 'Подпись записей в Сиянии и управление вашими кошельками'),
|
||||
renderStoredField('access', 'Ключ доступа', 'Вход на сервер, работа устройства и защищённые личные сообщения'),
|
||||
);
|
||||
|
||||
const setMissingState = (id) => {
|
||||
const valueEl = card.querySelector(`[data-value="${id}"]`);
|
||||
const btnEl = card.querySelector(`[data-toggle="${id}"]`);
|
||||
const field = btnEl?.closest('.key-card');
|
||||
if (!valueEl || !btnEl) return;
|
||||
valueEl.textContent = 'нет данных';
|
||||
btnEl.disabled = true;
|
||||
btnEl.innerHTML = field?._eyeOffIcon || '';
|
||||
@@ -73,59 +77,46 @@ export function render({navigate, chrome}) {
|
||||
const valueEl = card.querySelector(`[data-value="${id}"]`);
|
||||
const btnEl = card.querySelector(`[data-toggle="${id}"]`);
|
||||
const field = btnEl?.closest('.key-card');
|
||||
if (!valueEl || !btnEl) return;
|
||||
if (!keys[id]) {
|
||||
setMissingState(id);
|
||||
return;
|
||||
}
|
||||
valueEl.textContent = visible[id] ? keys[id] : '*****';
|
||||
btnEl.disabled = false;
|
||||
btnEl.innerHTML = visible[id]
|
||||
? field?._eyeOffIcon || ''
|
||||
: field?._eyeIcon || '';
|
||||
btnEl.innerHTML = visible[id] ? field?._eyeOffIcon || '' : field?._eyeIcon || '';
|
||||
btnEl.setAttribute('aria-label', visible[id] ? 'Скрыть ключ' : 'Показать ключ');
|
||||
btnEl.title = visible[id] ? 'Скрыть ключ' : 'Показать ключ';
|
||||
};
|
||||
|
||||
card.querySelectorAll('[data-toggle]').forEach((button) => {
|
||||
button.addEventListener('click', () => {
|
||||
const { toggle } = button.dataset;
|
||||
if (!keys[toggle]) return;
|
||||
visible[toggle] = !visible[toggle];
|
||||
updateField(toggle);
|
||||
const id = button.dataset.toggle;
|
||||
if (!keys[id]) return;
|
||||
visible[id] = !visible[id];
|
||||
updateField(id);
|
||||
});
|
||||
});
|
||||
|
||||
['root', 'blockchain', 'device'].forEach((id) => updateField(id));
|
||||
['blockchain', 'access'].forEach(updateField);
|
||||
|
||||
(async () => {
|
||||
try {
|
||||
if (!state.session.login || !state.session.storagePwdInMemory) {
|
||||
throw new Error('Нет активной сессии для чтения ключей');
|
||||
}
|
||||
|
||||
const savedKeys = await loadEncryptedUserSecrets(
|
||||
state.session.login,
|
||||
state.session.storagePwdInMemory,
|
||||
);
|
||||
|
||||
const rootSeed32 = savedKeys.rootKey ? extractSeed32FromPkcs8B64(savedKeys.rootKey) : null;
|
||||
const savedKeys = await loadEncryptedUserSecrets(state.session.login, state.session.storagePwdInMemory);
|
||||
const blockchainSeed32 = savedKeys.blockchainKey ? extractSeed32FromPkcs8B64(savedKeys.blockchainKey) : null;
|
||||
const clientSeed32 = savedKeys.clientKey ? extractSeed32FromPkcs8B64(savedKeys.clientKey) : null;
|
||||
|
||||
keys.root = rootSeed32 ? bytesToBase58(rootSeed32) : '';
|
||||
keys.blockchain = blockchainSeed32 ? bytesToBase58(blockchainSeed32) : '';
|
||||
keys.device = clientSeed32 ? bytesToBase58(clientSeed32) : '';
|
||||
|
||||
if (keys.root || keys.blockchain || keys.device) {
|
||||
status.textContent = 'Показаны только ключи, сохранённые на этом устройстве.';
|
||||
} else {
|
||||
status.textContent = 'На этом устройстве нет сохранённых ключей.';
|
||||
}
|
||||
} catch (error) {
|
||||
status.textContent = 'На этом устройстве нет сохранённых ключей.';
|
||||
keys.access = clientSeed32 ? bytesToBase58(clientSeed32) : '';
|
||||
status.textContent = keys.blockchain && keys.access
|
||||
? 'На устройстве сохранены оба рабочих ключа. Ключ восстановления хранится только как публичная часть в учётной записи и приватно на устройстве не сохраняется.'
|
||||
: 'На устройстве отсутствует часть рабочих ключей. Выполните вход по паролю заново.';
|
||||
} catch {
|
||||
status.textContent = 'Не удалось прочитать рабочие ключи этого устройства.';
|
||||
}
|
||||
|
||||
['root', 'blockchain', 'device'].forEach((id) => updateField(id));
|
||||
['blockchain', 'access'].forEach(updateField);
|
||||
})();
|
||||
|
||||
screen.append(status, card);
|
||||
|
||||
Reference in New Issue
Block a user