Промежуточный коммит: состояние до нормальной Solana-first регистрации

2026-05-27 18:33:26 +04:00
parent b345900459
commit 6f0bb01b61
17 changed files with 661 additions and 72 deletions
@@ -1,6 +1,7 @@
 import { renderHeader } from '../components/header.js';
 import { authService, clearAuthMessages, state } from '../state.js';
 import { toUserMessage } from '../services/ui-error-texts.js';
+import { precheckLoginClassOnSolana } from '../services/solana-register-service.js';

 export const pageMeta = { id: 'register-view', title: 'Зарегистрироваться', showAppChrome: false };

@@ -41,7 +42,7 @@ export function render({ navigate }) {
    <p class="meta-muted">В derivation участвуют и логин, и пароль: одинаковый пароль у разных логинов даёт разные ключи.</p>
    <p class="meta-muted">Если пароль пустой — используется прежний тестовый режим совместимости (старый детерминированный вариант).</p>
    <p class="meta-muted">Для тесто оставьте пустой пароль.</p>
-    <p class="meta-muted">Профиль Argon2id сейчас фиксированный: t=3, m=262144 KiB (256 MB), p=1, dkLen=32. Выбор уровня будет добавлен позже.</p>
+    <p class="meta-muted">Профиль Argon2id сейчас фиксированный: t=2, m=65536 KiB (64 MB), p=1, dkLen=32. Выбор уровня будет добавлен позже.</p>
  `;

  const checkButton = document.createElement('button');
@@ -49,6 +50,11 @@ export function render({ navigate }) {
  checkButton.type = 'button';
  checkButton.textContent = 'Проверить логин';

+  let lastCheckedLogin = '';
+  let lastCheckedFree = false;
+  let lastCheckedClassName = '';
+  let generationRunId = 0;
+
  async function runAvailabilityCheck() {
    const login = loginInput.value.trim();
    if (!login) {
@@ -57,15 +63,61 @@ export function render({ navigate }) {
      return false;
    }

+    if (login === lastCheckedLogin) {
+      if (!lastCheckedFree) {
+        statusText.textContent = 'Логин уже занят ❌';
+        statusText.className = 'is-unavailable';
+      } else if (lastCheckedClassName === 'free') {
+        statusText.textContent = 'Логин свободен ✅';
+        statusText.className = 'is-available';
+      } else if (lastCheckedClassName === 'premium') {
+        statusText.textContent = 'Логин свободен, но это премиум-логин (покупка через DAO) ❌';
+        statusText.className = 'is-unavailable';
+      } else if (lastCheckedClassName === 'company') {
+        statusText.textContent = 'Логин свободен, но относится к компании/бренду (отдельное согласование) ❌';
+        statusText.className = 'is-unavailable';
+      } else {
+        statusText.textContent = 'Логин нельзя использовать для обычной регистрации ❌';
+        statusText.className = 'is-unavailable';
+      }
+      formError.style.display = 'none';
+      return lastCheckedFree && lastCheckedClassName === 'free';
+    }
+
    checkButton.disabled = true;
    checkButton.textContent = 'Проверка...';
    try {
      await authService.reconnect(state.entrySettings.shineServer);
      const isFree = await authService.ensureLoginFree(login);
-      statusText.textContent = isFree ? 'Логин свободен ✅' : 'Логин уже занят ❌';
-      statusText.className = isFree ? 'is-available' : 'is-unavailable';
+      let className = '';
+      if (isFree) {
+        const precheck = await precheckLoginClassOnSolana({
+          login,
+          solanaEndpoint: state.entrySettings.solanaServer,
+        });
+        className = precheck.className;
+      }
+      lastCheckedLogin = login;
+      lastCheckedFree = isFree;
+      lastCheckedClassName = className;
+      if (!isFree) {
+        statusText.textContent = 'Логин уже занят ❌';
+        statusText.className = 'is-unavailable';
+      } else if (className === 'free') {
+        statusText.textContent = 'Логин свободен ✅';
+        statusText.className = 'is-available';
+      } else if (className === 'premium') {
+        statusText.textContent = 'Логин свободен, но это премиум-логин (покупка через DAO) ❌';
+        statusText.className = 'is-unavailable';
+      } else if (className === 'company') {
+        statusText.textContent = 'Логин свободен, но относится к компании/бренду (отдельное согласование) ❌';
+        statusText.className = 'is-unavailable';
+      } else {
+        statusText.textContent = 'Логин нельзя использовать для обычной регистрации ❌';
+        statusText.className = 'is-unavailable';
+      }
      formError.style.display = 'none';
-      return isFree;
+      return isFree && className === 'free';
    } catch (error) {
      statusText.textContent = toUserMessage(error, 'Не удалось проверить логин');
      statusText.className = 'is-unavailable';
@@ -78,14 +130,6 @@ export function render({ navigate }) {

  checkButton.addEventListener('click', runAvailabilityCheck);

-  form.innerHTML = `
-    <label class="stack"><span class="field-label">Логин</span></label>
-    <label class="stack"><span class="field-label">Пароль</span></label>
-  `;
-  form.children[0].append(loginInput);
-  form.children[1].append(passwordInput);
-  form.append(checkButton, statusText, advanced, formError);
-
  const actions = document.createElement('div');
  actions.className = 'auth-footer-actions';

@@ -104,47 +148,170 @@ export function render({ navigate }) {
    const isFree = await runAvailabilityCheck();
    if (!isFree) return;

-    state.registrationDraft.login = loginInput.value.trim();
-    state.registrationDraft.password = passwordInput.value;
-    state.registrationDraft.preGeneratedKeyBundle = null;
+    const prevLogin = String(state.registrationDraft.login || '');
+    const prevPassword = String(state.registrationDraft.password || '');
+    const nextLogin = String(loginInput.value.trim());
+    const nextPassword = String(passwordInput.value || '');
+    const credsChanged = prevLogin !== nextLogin || prevPassword !== nextPassword;

-    // Показываем информационный экран пока генерируются ключи
+    state.registrationDraft.login = nextLogin;
+    state.registrationDraft.password = nextPassword;
+    if (credsChanged) {
+      state.registrationDraft.preGeneratedKeyBundle = null;
+    }
+
+    renderSecurityConfirmStage();
+  });
+
+  actions.append(backButton, nextButton);
+
+  function renderInputStage() {
+    form.innerHTML = `
+      <label class="stack"><span class="field-label">Логин</span></label>
+      <label class="stack"><span class="field-label">Пароль</span></label>
+    `;
+    form.children[0].append(loginInput);
+    form.children[1].append(passwordInput);
+    form.append(checkButton, statusText, advanced, formError);
+    actions.innerHTML = '';
+    actions.append(backButton, nextButton);
+    backButton.disabled = false;
+    nextButton.disabled = false;
+  }
+
+  function renderSecurityConfirmStage() {
    form.innerHTML = '';
-    const infoMsg = document.createElement('p');
-    infoMsg.className = 'auth-copy';
-    infoMsg.textContent =
-      'Из вашего логина и пароля (надеемся, что вы выбрали достаточно длинный и надёжный пароль) ' +
-      'генерируется секрет, из которого получаются root key, blockchain key и device key.';

-    const spinnerMsg = document.createElement('p');
-    spinnerMsg.className = 'meta-muted';
-    spinnerMsg.textContent = 'Генерация ключей...';
+    const info = document.createElement('p');
+    info.className = 'auth-copy';
+    info.textContent =
+      'Для повышения безопасности мы генерируем секрет из вашего пароля с помощью Argon2id.';
+
+    const details = document.createElement('p');
+    details.className = 'meta-muted';
+    details.textContent = 'Параметры: t=2, m=65536 KiB (64 MB), p=1, dkLen=32.';
+
+    const details2 = document.createElement('p');
+    details2.className = 'meta-muted';
+    details2.textContent =
+      'Из этого секрета строятся root key, blockchain key и device key. Это может занять некоторое время.';
+
+    const details3 = document.createElement('p');
+    details3.className = 'meta-muted';
+    details3.textContent = 'Это необходимо, чтобы усложнить подбор пароля и секрета.';
+
+    form.append(info, details, details2, details3);
+
+    const back2 = document.createElement('button');
+    back2.className = 'ghost-btn';
+    back2.type = 'button';
+    back2.textContent = 'Назад';
+    back2.addEventListener('click', renderInputStage);
+
+    const ok = document.createElement('button');
+    ok.className = 'primary-btn';
+    ok.type = 'button';
+    ok.textContent = 'Окей';
+    ok.addEventListener('click', startGenerationStage);
+
+    actions.innerHTML = '';
+    actions.append(back2, ok);
+  }
+
+  async function startGenerationStage() {
+    const runId = ++generationRunId;
+    form.innerHTML = '';
+
+    const title = document.createElement('p');
+    title.className = 'auth-copy';
+    title.textContent = 'Генерация ключей...';
+
+    const subtitle = document.createElement('p');
+    subtitle.className = 'meta-muted';
+    subtitle.textContent = 'Генерируется секрет из вашего пароля, из которого будут вычислены все ключи.';
+
+    const progressWrap = document.createElement('div');
+    progressWrap.style.width = '100%';
+    progressWrap.style.height = '10px';
+    progressWrap.style.border = '1px solid rgba(180,180,180,.5)';
+    progressWrap.style.borderRadius = '6px';
+    progressWrap.style.overflow = 'hidden';
+
+    const progressBar = document.createElement('div');
+    progressBar.style.height = '100%';
+    progressBar.style.width = '0%';
+    progressBar.style.background = 'rgba(80, 160, 255, 0.9)';
+    progressBar.style.transition = 'width 180ms linear';
+    progressWrap.append(progressBar);
+
+    const progressText = document.createElement('p');
+    progressText.className = 'meta-muted';
+    progressText.textContent = 'Подготовка...';

    const genError = document.createElement('p');
    genError.className = 'status-line is-unavailable';
    genError.style.display = 'none';

-    form.append(infoMsg, spinnerMsg, genError);
-    nextButton.disabled = true;
-    backButton.disabled = true;
+    form.append(title, subtitle, progressWrap, progressText, genError);
+
+    const cancelBtn = document.createElement('button');
+    cancelBtn.className = 'ghost-btn';
+    cancelBtn.type = 'button';
+    cancelBtn.textContent = 'Отмена';
+    cancelBtn.addEventListener('click', () => {
+      generationRunId += 1;
+      renderSecurityConfirmStage();
+    });
+    actions.innerHTML = '';
+    actions.append(cancelBtn);

    try {
-      const keyBundle = await authService.derivePasswordKeyBundle(
-        state.registrationDraft.login,
-        state.registrationDraft.password,
-      );
-      state.registrationDraft.preGeneratedKeyBundle = keyBundle;
-      navigate('registration-payment-view');
+      if (!state.registrationDraft.preGeneratedKeyBundle) {
+        const keyBundle = await authService.derivePasswordKeyBundle(
+          state.registrationDraft.login,
+          state.registrationDraft.password,
+          {
+            onProgress: ({ percent, message }) => {
+              if (runId !== generationRunId) return;
+              const safePercent = Math.max(0, Math.min(100, Number(percent) || 0));
+              progressBar.style.width = `${safePercent}%`;
+              progressText.textContent = `${safePercent}% · ${String(message || '').trim()}`;
+            },
+            isCancelled: () => runId !== generationRunId,
+          },
+        );
+        if (runId !== generationRunId) return;
+        state.registrationDraft.preGeneratedKeyBundle = keyBundle;
+      }
+      if (runId !== generationRunId) return;
+      progressBar.style.width = '100%';
+      progressText.textContent = '100%';
+      title.textContent = 'Ключи сгенерированы';
+      window.setTimeout(() => navigate('registration-payment-view'), 350);
    } catch (error) {
+      if (runId !== generationRunId) return;
+      if (String(error?.message || '') === 'DERIVE_CANCELLED') {
+        renderSecurityConfirmStage();
+        return;
+      }
      genError.textContent = `Ошибка генерации ключей: ${error?.message || 'неизвестная ошибка'}`;
      genError.style.display = '';
-      spinnerMsg.style.display = 'none';
-      nextButton.disabled = false;
-      backButton.disabled = false;
+      const retry = document.createElement('button');
+      retry.className = 'primary-btn';
+      retry.type = 'button';
+      retry.textContent = 'Повторить';
+      retry.addEventListener('click', startGenerationStage);
+      const goBack = document.createElement('button');
+      goBack.className = 'ghost-btn';
+      goBack.type = 'button';
+      goBack.textContent = 'Назад';
+      goBack.addEventListener('click', renderSecurityConfirmStage);
+      actions.innerHTML = '';
+      actions.append(goBack, retry);
    }
-  });
+  }

-  actions.append(backButton, nextButton);
+  renderInputStage();

  screen.append(
    renderHeader({