vimp-engine 0.37.1 → 0.38.1

package/src/client/components/model/Profile.js

@@ -0,0 +1,144 @@
+import Publisher from '../../../lib/Publisher.js';
+import { isSessionRejected } from '../../lib/authApi.js';
+
+// Singleton ProfileModel
+
+let profileModel;
+
+// Модель панели профиля: привязка и отвязка OAuth, выход, выгрузка данных,
+// удаление. Личность и сессию держит LobbyAuthModel, сеть — authApi; сама
+// модель только оркестрирует и сообщает исход событиями.
+//
+// События: profile <profile>, busy <boolean>, export { data, fileName },
+// left (выход или удаление — вкладка меняет личность),
+// error { area: 'link' | 'session' | 'export' | 'delete', code }.
+export default class ProfileModel {
+  /**
+   * @param {Object} config - Блок `profile` конфига лобби.
+   * @param {Object} deps
+   * @param {Object} deps.auth - LobbyAuthModel.
+   * @param {Object} deps.api - client/lib/authApi.js.
+   */
+  constructor(config, { auth, api }) {
+    if (profileModel) {
+      return profileModel;
+    }
+
+    profileModel = this;
+
+    this._config = config;
+    this._auth = auth;
+    this._api = api;
+    this._busy = false;
+
+    this.publisher = new Publisher();
+
+    auth.publisher.on('profile-changed', profile =>
+      this.publisher.emit('profile', profile),
+    );
+  }
+
+  getProfile() {
+    return this._auth.getProfile();
+  }
+
+  getClientConfig() {
+    return this._auth.getClientConfig();
+  }
+
+  // версия согласий — версия условий из /client-config: чекбоксы панели
+  // принимают именно их
+  async linkUrl(provider) {
+    return this._auth.linkUrl(provider, this.getClientConfig().legal.version);
+  }
+
+  takeLinkResult() {
+    return this._auth.takeLinkResult();
+  }
+
+  async unlink(provider) {
+    const data = await this._run('link', () =>
+      this._api.unlinkOauth(this._auth.getSession(), provider),
+    );
+
+    if (data) {
+      this._auth.setProfile(data.profile);
+    }
+  }
+
+  async signOut() {
+    const data = await this._run('session', () =>
+      this._api.logout(this._auth.getSession()),
+    );
+
+    if (data !== undefined) {
+      this._leave('signedOut');
+    }
+  }
+
+  async deleteProfile(confirmNick) {
+    const data = await this._run('delete', () =>
+      this._api.deleteAccount(this._auth.getSession(), confirmNick),
+    );
+
+    if (data !== undefined) {
+      this._leave('deleted');
+    }
+  }
+
+  async exportData() {
+    const data = await this._run('export', () =>
+      this._api.exportData(this._auth.getSession()),
+    );
+
+    if (data) {
+      this.publisher.emit('export', {
+        data,
+        fileName: this._config.exportFileName(this.getProfile().nick),
+      });
+    }
+  }
+
+  // сессия стёрта, уведомление ждёт экран Welcome: дальше вкладка
+  // перезагружается (решение ◆13), состояние по частям не чистится
+  _leave(notice) {
+    this._auth.clearSession();
+    this._auth.setNotice(notice);
+    this.publisher.emit('left');
+  }
+
+  // один запрос за раз; успех — data тела ответа (null у 204); отказ —
+  // undefined и событие error. Если auth-сервис не нашёл сессию
+  // (401 sessionUnknown: профиль удалён или сессия закрыта в другой вкладке) —
+  // вместо error событие left с уведомлением profileGone, уже после снятия
+  // busy; запрос во время другого не стартует
+  async _run(area, request) {
+    if (this._busy) {
+      return undefined;
+    }
+
+    this._busy = true;
+    this.publisher.emit('busy', true);
+
+    let res;
+
+    try {
+      res = await request();
+    } finally {
+      this._busy = false;
+      this.publisher.emit('busy', false);
+    }
+
+    if (res.ok) {
+      return res.data;
+    }
+
+    if (isSessionRejected(res)) {
+      this._leave('profileGone');
+    } else {
+      this.publisher.emit('error', { area, code: res.error });
+    }
+
+    return undefined;
+  }
+}

package/src/client/components/view/LobbyAuth.js

@@ -1,26 +1,45 @@
 import Publisher from '../../../lib/Publisher.js';
+import { ENGINE_VERSION } from '../../lib/engineVersion.js';
 
 // Singleton LobbyAuthView
 
 let lobbyAuthView;
 
-const NICK_ERROR_MESSAGES = {
-  nickTaken: 'This nick is already taken',
-  invalidNick: 'Invalid nick',
-  sessionExpired: 'Session expired, please sign in again',
-  network: 'Network error, try again',
+const REGISTER_ERRORS = {
+  invalidNick:
+    'Invalid nick: 2–15 characters, starting with a letter. Letters, digits, spaces, "_" and "#" are allowed; the last character is a letter, digit or "_".',
+  nickTaken: 'This nick is already taken.',
+  turnstileBlocked:
+    'Security check blocked. Please disable your ad blocker (or Brave Shields) and click Retry.',
+  turnstileRequired: 'Security check failed. Please try again.',
+  turnstileFailed: 'Security check failed. Please try again.',
+  turnstileUnavailable:
+    'Registration is temporarily unavailable. Please try again later.',
+  rateLimited: 'Too many attempts. Please try again later.',
+  termsRequired: 'The terms have been updated. Reload the page and try again.',
 };
 
-const LOGIN_ERROR_MESSAGES = {
-  tokenExpired: 'Session expired, please sign in again',
-  invalidToken: 'Session expired, please sign in again',
-  oauthFailed: 'Sign-in failed, please try again',
+const REGISTER_ERROR_FALLBACK = 'Network error. Please try again.';
+
+const RESTORE_ERRORS = {
+  noLinkedProfile:
+    'No profile is linked to this account. Create a profile first — you can link the account in Profile settings.',
+  denied: 'Sign-in was cancelled.',
+};
+
+const RESTORE_ERROR_FALLBACK = 'Sign-in failed. Please try again.';
+
+const NOTICES = {
+  profileGone:
+    'Your profile was not found — it may have been deleted after a period of inactivity.',
+  deleted: 'Your profile has been deleted.',
+  signedOut: 'You have signed out.',
 };
 
-// Представление логина лобби: переключает login/nick секции lobbyAuth.pug и
-// бейдж пользователя в lobby.pug (#lobby-user), скрывает #lobby целиком —
-// до авторизации список серверов недоступен (B2). Показывает лобби main.js,
-// когда маршрут в него ведёт: вход по ссылке минует лобби вовсе
+// Представление экрана профиля: загрузка, отказ сервиса, Welcome и бейдж
+// игрока в лобби (#lobby-user). Скрывает #lobby целиком, пока у вкладки нет
+// личности; показывает лобби main.js, когда маршрут в него ведёт: вход по
+// ссылке минует лобби вовсе. Текст в DOM — только через textContent.
 export default class LobbyAuthView {
   constructor(model, config) {
     if (lobbyAuthView) {
@@ -29,69 +48,103 @@ export default class LobbyAuthView {
 
     lobbyAuthView = this;
 
-    const { elems, providerButtonClass } = config;
-
-    this._elems = elems;
+    const { elems } = config;
+    const byId = id => document.getElementById(id);
+
+    this._model = model;
+    this._container = byId(elems.containerId);
+    this._status = byId(elems.statusId);
+    this._statusText = byId(elems.statusTextId);
+    this._statusRetry = byId(elems.statusRetryId);
+    this._welcome = byId(elems.welcomeId);
+    this._footer = byId(elems.footerId);
+    this._notice = byId(elems.noticeId);
+    this._nickInput = byId(elems.nickInputId);
+    this._nickError = byId(elems.nickErrorId);
+    this._turnstileRetry = byId(elems.turnstileRetryId);
+    this._turnstile = byId(elems.turnstileId);
+    this._register = byId(elems.registerId);
+    this._terms = byId(elems.termsId);
+    this._privacy = byId(elems.privacyId);
+    byId(elems.versionId).textContent = ENGINE_VERSION;
+    this._restore = byId(elems.restoreId);
+    this._providers = byId(elems.providersId);
+    this._restoreError = byId(elems.restoreErrorId);
     this._providerButtons = document.querySelectorAll(
-      `.${providerButtonClass}`,
+      `.${elems.providerClass}`,
     );
-
-    this._container = document.getElementById(elems.containerId);
-    this._loginSection = document.getElementById(elems.loginSectionId);
-    this._loginError = document.getElementById(elems.loginErrorId);
-    this._nickSection = document.getElementById(elems.nickSectionId);
-    this._nickInput = document.getElementById(elems.nickInputId);
-    this._nickError = document.getElementById(elems.nickErrorId);
-    this._nickSubmit = document.getElementById(elems.nickSubmitId);
-    this._lobby = document.getElementById(elems.lobbyId);
-    this._user = document.getElementById(elems.userId);
-    this._userNick = document.getElementById(elems.userNickId);
-    this._userLogout = document.getElementById(elems.userLogoutId);
+    this._lobby = byId(elems.lobbyId);
+    this._user = byId(elems.userId);
+    this._userNick = byId(elems.userNickId);
 
     this.publisher = new Publisher();
 
-    this._providerButtons.forEach(btn => {
-      btn.onclick = () => this.publisher.emit('login', btn.dataset.provider);
-    });
-
-    this._nickSubmit.onclick = () => this._emitNick();
+    this._register.onclick = () => this._emitRegister();
     this._nickInput.onkeydown = e => {
       if (e.key === 'Enter') {
-        this._emitNick();
+        this._emitRegister();
       }
     };
-
-    this._userLogout.onclick = () => this.publisher.emit('logout');
+    this._restore.onclick = () => {
+      this._providers.style.display = 'block';
+    };
+    this._providerButtons.forEach(btn => {
+      btn.onclick = () => this.publisher.emit('restore', btn.dataset.provider);
+    });
+    this._statusRetry.onclick = () => this.publisher.emit('retry');
+    this._turnstileRetry.onclick = () => this.publisher.emit('turnstile-retry');
 
     const mp = model.publisher;
 
-    mp.on('login-required', 'showLogin', this);
-    mp.on('nick-required', 'showNick', this);
+    mp.on('loading', 'showLoading', this);
+    mp.on('service-error', 'showServiceError', this);
+    mp.on('welcome', 'showWelcome', this);
     mp.on('authenticated', 'showLobby', this);
-    mp.on('login-error', 'renderLoginError', this);
-    mp.on('nick-error', 'renderNickError', this);
+    mp.on('register-error', 'renderRegisterError', this);
+    mp.on('restore-error', 'renderRestoreError', this);
   }
 
-  showLogin(providers = []) {
-    this._container.style.display = 'block';
-    this._loginSection.style.display = 'block';
-    this._nickSection.style.display = 'none';
-    this._lobby.style.display = 'none';
-    this._user.style.display = 'none';
+  showLoading() {
+    this._showStatus('Loading…', false);
+  }
+
+  showServiceError() {
+    this._showStatus('The profile service is unavailable.', true);
+  }
+
+  _showStatus(text, retry) {
+    this._enterAuth();
+    this._status.style.display = 'block';
+    this._welcome.style.display = 'none';
+    this._footer.style.display = 'none';
+    this._statusText.textContent = text;
+    this._statusRetry.style.display = retry ? '' : 'none';
+  }
+
+  showWelcome({ notice = null } = {}) {
+    const clientConfig = this._model.getClientConfig();
+    const { providers } = clientConfig;
+
+    this._enterAuth();
+    this._status.style.display = 'none';
+    this._welcome.style.display = 'block';
+    this._footer.style.display = '';
+
+    this._notice.textContent = NOTICES[notice] ?? '';
+    this._terms.href = clientConfig.legal.termsUrl;
+    this._privacy.href = clientConfig.legal.privacyUrl;
 
     this._providerButtons.forEach(btn => {
       btn.style.display = providers.includes(btn.dataset.provider)
         ? ''
         : 'none';
     });
-  }
-
-  showNick() {
-    this._container.style.display = 'block';
-    this._loginSection.style.display = 'none';
-    this._nickSection.style.display = 'block';
+    this._restore.style.display = providers.length > 0 ? '' : 'none';
+    this._providers.style.display = 'none';
+    this._restoreError.textContent = '';
     this._nickError.textContent = '';
-    this._nickInput.value = '';
+    this._turnstileRetry.style.display = 'none';
+
     this._nickInput.focus();
   }
 
@@ -101,17 +154,52 @@ export default class LobbyAuthView {
     this._userNick.textContent = nick;
   }
 
-  renderLoginError(code) {
-    this._loginError.textContent =
-      LOGIN_ERROR_MESSAGES[code] || 'Sign-in failed';
+  // ошибка регистрации по коду; null снимает текст
+  renderRegisterError(code) {
+    this._nickError.textContent =
+      code === null ? '' : (REGISTER_ERRORS[code] ?? REGISTER_ERROR_FALLBACK);
   }
 
-  renderNickError(code) {
-    this._nickError.textContent =
-      NICK_ERROR_MESSAGES[code] || 'Something went wrong';
+  renderRestoreError(code) {
+    this._providers.style.display = 'block';
+    this._restoreError.textContent =
+      RESTORE_ERRORS[code] ?? RESTORE_ERROR_FALLBACK;
+  }
+
+  // блокирует поле и кнопки на время запроса
+  setBusy(busy) {
+    this._nickInput.disabled = busy;
+    this._register.disabled = busy;
+    this._restore.disabled = busy;
+    this._providerButtons.forEach(btn => {
+      btn.disabled = busy;
+    });
+  }
+
+  getTurnstileContainer() {
+    return this._turnstile;
+  }
+
+  showTurnstileRetry(visible) {
+    this._turnstileRetry.style.display = visible ? '' : 'none';
+  }
+
+  getNickValue() {
+    return this._nickInput.value;
+  }
+
+  focusNick() {
+    this._nickInput.focus();
+  }
+
+  // экран профиля поверх скрытого лобби
+  _enterAuth() {
+    this._container.style.display = 'block';
+    this._lobby.style.display = 'none';
+    this._user.style.display = 'none';
   }
 
-  _emitNick() {
-    this.publisher.emit('nick', this._nickInput.value.trim());
+  _emitRegister() {
+    this.publisher.emit('register', this._nickInput.value);
   }
 }