vimp-engine 0.37.0 → 0.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vimp-engine",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "description": "VIMP — движок-приложение (мастер, P2P-транспорт, Worker-хост, мета, MVC-каркас клиента)",
   "license": "MIT",
   "repository": {

package/src/client/boot.js

@@ -1,7 +1,7 @@
 // Режим загрузки клиента движка (Этап 2 плана standalone-sdk). Клиент один
 // на все контуры, а различает их этот модуль:
 //
-//   lobby      — прод: каталог игр и сигналинг мастера, лобби за OAuth-гейтом;
+//   lobby      — прод: каталог игр и сигналинг мастера, лобби за экраном профиля;
 //   solo       — standalone SDK: хост в этой же вкладке (inline, без Worker'а),
 //                мастера нет вовсе;
 //   dedicated  — Node-сервер: прямой WebSocket к игровому процессу.

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

@@ -3,7 +3,23 @@
 let lobbyAuthCtrl;
 
 export default class LobbyAuthCtrl {
-  constructor(model, view) {
+  /**
+   * @param {Object} model - LobbyAuthModel.
+   * @param {Object} view - LobbyAuthView.
+   * @param {Object} deps
+   * @param {Object} deps.turnstile - client/lib/turnstile.js.
+   * @param {Function} [deps.navigate] - переход вкладки на URL.
+   */
+  constructor(
+    model,
+    view,
+    {
+      turnstile,
+      navigate = url => {
+        window.location.href = url;
+      },
+    },
+  ) {
     if (lobbyAuthCtrl) {
       return lobbyAuthCtrl;
     }
@@ -12,30 +28,96 @@ export default class LobbyAuthCtrl {
 
     this._model = model;
     this._view = view;
+    this._turnstile = turnstile;
+    this._navigate = navigate;
+    this._busy = false;
 
     const vp = view.publisher;
 
-    vp.on('login', 'login', this);
-    vp.on('nick', 'submitNick', this);
-    vp.on('logout', 'logout', this);
+    vp.on('register', 'register', this);
+    vp.on('turnstile-retry', 'retryRegister', this);
+    vp.on('restore', 'restore', this);
+    vp.on('retry', 'retry', this);
   }
 
-  // разбирает query string текущего location (OAuth-редиректы) либо
-  // восстанавливает сессию из localStorage; возвращает true, если query
-  // содержала auth-параметры (вызывающий должен подчистить адресную строку)
-  init(search) {
-    return this._model.boot(search);
+  // ник проверяется на клиенте до Turnstile и сервера; Turnstile — до
+  // запроса регистрации
+  async register(rawNick) {
+    if (this._busy) {
+      return;
+    }
+
+    const view = this._view;
+    const nick = rawNick.trim();
+
+    view.renderRegisterError(null);
+    view.showTurnstileRetry(false);
+
+    if (!this._model.validateNick(nick)) {
+      view.renderRegisterError('invalidNick');
+      return;
+    }
+
+    this._busy = true;
+    view.setBusy(true);
+
+    try {
+      const { turnstile } = this._model.getClientConfig();
+      let token = null;
+
+      if (turnstile.enabled) {
+        try {
+          token = await this._turnstile.getToken(
+            view.getTurnstileContainer(),
+            turnstile.siteKey,
+          );
+        } catch (error) {
+          view.renderRegisterError(
+            error?.code === 'expired' ? 'turnstileFailed' : 'turnstileBlocked',
+          );
+          view.showTurnstileRetry(true);
+          return;
+        }
+      }
+
+      const ok = await this._model.register(nick, token);
+
+      // токен Turnstile одноразовый и уже израсходован проверкой на сервере;
+      // новый берётся следующей отправкой формы, а не впрок: за 300 с жизни
+      // он истёк бы, пока игрок подбирает ник
+      if (!ok) {
+        this._turnstile.reset();
+      }
+    } finally {
+      this._busy = false;
+      view.setBusy(false);
+
+      // отказ возвращает игрока к полю с его ником
+      view.focusNick();
+    }
   }
 
-  login(provider) {
-    window.location.href = this._model.loginUrl(provider);
+  retryRegister() {
+    return this.register(this._view.getNickValue());
   }
 
-  submitNick(nick) {
-    this._model.submitNick(nick);
+  async restore(provider) {
+    // двойной клик перезаписал бы verifier попытки, уже ушедшей на auth
+    if (this._busy) {
+      return;
+    }
+
+    this._busy = true;
+
+    try {
+      this._navigate(await this._model.restoreUrl(provider));
+    } catch {
+      this._busy = false;
+      this._view.renderRestoreError('failed');
+    }
   }
 
-  logout() {
-    this._model.logout();
+  retry() {
+    return this._model.boot();
   }
 }

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

@@ -0,0 +1,85 @@
+import Publisher from '../../../lib/Publisher.js';
+
+// Singleton ProfileCtrl
+
+let profileCtrl;
+
+// Контроллер панели профиля: связывает события вида с моделью, как GamesCtrl.
+// Сетевого I/O не делает. Наружу (main.js) пробрасывает 'left' — выход или
+// удаление профиля, после которых вкладка перезагружается
+export default class ProfileCtrl {
+  /**
+   * @param {Object} model - ProfileModel.
+   * @param {Object} view - ProfileView.
+   * @param {Object} [deps]
+   * @param {Function} [deps.navigate] - уход вкладки на URL провайдера.
+   */
+  constructor(
+    model,
+    view,
+    {
+      navigate = url => {
+        window.location.href = url;
+      },
+    } = {},
+  ) {
+    if (profileCtrl) {
+      return profileCtrl;
+    }
+
+    profileCtrl = this;
+
+    this._model = model;
+    this._view = view;
+    this._navigate = navigate;
+
+    this.publisher = new Publisher();
+
+    const vp = view.publisher;
+    const mp = model.publisher;
+
+    vp.on('open', 'open', this);
+    vp.on('link', 'link', this);
+    vp.on('unlink', 'unlink', this);
+    vp.on('sign-out', 'signOut', this);
+    vp.on('export', 'exportData', this);
+    vp.on('delete', 'deleteProfile', this);
+
+    mp.on('left', () => this.publisher.emit('left'));
+  }
+
+  open() {
+    this._view.show();
+  }
+
+  // кнопки вида неактивны без согласий; проверка здесь — второй рубеж
+  async link(provider) {
+    if (!this._view.consentGiven()) {
+      return;
+    }
+
+    this._navigate(await this._model.linkUrl(provider));
+  }
+
+  unlink(provider) {
+    return this._model.unlink(provider);
+  }
+
+  signOut() {
+    return this._model.signOut();
+  }
+
+  exportData() {
+    return this._model.exportData();
+  }
+
+  deleteProfile(confirmNick) {
+    return this._model.deleteProfile(confirmNick);
+  }
+
+  // вкладка вернулась от провайдера: итог привязки показывает сама панель
+  openWithLinkResult(result) {
+    this._view.show();
+    this._view.renderLinkResult(result);
+  }
+}

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

@@ -12,7 +12,7 @@ const REQUEST_FAILED = 'requestFailed';
 // вызывающего, очередь модерации и «Test» новой версии. В отличие от
 // LobbyModel сетевые запросы делает сама — это простой REST к мастеру,
 // сигнальный сокет здесь ни при чём (тот же приём, что у LobbyAuthModel с
-// POST /nick). DOM не трогает.
+// REST к auth-сервису). DOM не трогает.
 export default class GamesModel {
   /**
    * @param {Object} config - Блок `games` конфига лобби (urls, statuses).