vimp-engine 0.7.2 → 0.8.0

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

@@ -0,0 +1,44 @@
+// Singleton AuthCtrl
+
+let authCtrl;
+
+export default class AuthCtrl {
+  constructor(model, view) {
+    if (authCtrl) {
+      return authCtrl;
+    }
+
+    authCtrl = this;
+
+    this._model = model;
+    this._view = view;
+
+    this._vPublic = view.publisher;
+
+    this._vPublic.on('input', 'update', this);
+    this._vPublic.on('enter', 'send', this);
+  }
+
+  // инициализация
+  init(data) {
+    for (const item of data) {
+      this._model.add(item);
+    }
+    this._view.showAuth();
+  }
+
+  // обновление
+  update(data) {
+    this._model.update(data);
+  }
+
+  // отправка данных
+  send() {
+    this._model.send();
+  }
+
+  // разбор ответа сервера
+  parseRes(err) {
+    this._model.parseRes(err);
+  }
+}

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

@@ -0,0 +1,26 @@
+// Singleton CanvasManagerCtrl
+
+let canvasManagerCtrl;
+
+export default class CanvasManagerCtrl {
+  constructor(model, view) {
+    if (canvasManagerCtrl) {
+      return canvasManagerCtrl;
+    }
+
+    canvasManagerCtrl = this;
+
+    this._model = model;
+    this._view = view;
+  }
+
+  // обновляет представление относительно пользователя
+  updateCoords([x, y, cameraReset, shakeData]) {
+    this._model.updateCoords(x, y, cameraReset, shakeData);
+  }
+
+  // обновляет размеры
+  resize(data) {
+    this._model.resize(data);
+  }
+}

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

@@ -0,0 +1,56 @@
+// Singleton ChatCtrl
+
+let chatCtrl;
+
+export default class ChatCtrl {
+  constructor(model, view) {
+    if (chatCtrl) {
+      return chatCtrl;
+    }
+
+    chatCtrl = this;
+
+    this._model = model;
+    this._view = view;
+
+    this._vPublic = view.publisher;
+
+    this._vPublic.on('newTimer', 'createTimer', this);
+    this._vPublic.on('oldTimer', 'removeTimer', this);
+    this._vPublic.on('message', 'sendMessage', this);
+  }
+
+  // открывает cmd
+  open() {
+    this._model.open();
+  }
+
+  // обновление состояния cmd по команде
+  updateCmd(cmd) {
+    if (cmd === 'enter') {
+      this._model.close(true);
+    } else if (cmd === 'escape') {
+      this._model.close(false);
+    }
+  }
+
+  // отправляет сообщение
+  sendMessage(message) {
+    this._model.sendMessage(message);
+  }
+
+  // добавляет сообщения
+  add(message) {
+    this._model.updateChat(message);
+  }
+
+  // добавляет таймер
+  createTimer(data) {
+    this._model.addToList(data);
+  }
+
+  // удаляет таймер
+  removeTimer() {
+    this._model.removeFromList();
+  }
+}

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

@@ -0,0 +1,51 @@
+// Singleton ControlsCtrl
+
+let controlsCtrl;
+
+export default class ControlsCtrl {
+  constructor(model, view) {
+    if (controlsCtrl) {
+      return controlsCtrl;
+    }
+
+    controlsCtrl = this;
+
+    this._model = model;
+    this._view = view;
+  }
+
+  // добавляет клавишу
+  add(event) {
+    this._model.addKey(event);
+  }
+
+  // удаляет клавишу
+  remove(event) {
+    this._model.removeKey(event);
+  }
+
+  // задает текущий режим
+  switchMode(data) {
+    this._model.setMode(data.name, data.status);
+  }
+
+  // меняет набор клавиш
+  changeKeySet(keySet) {
+    this._model.changeKeySet(keySet);
+  }
+
+  // разблокирует возможность нажатия клавиш
+  enableKeys() {
+    this._model.setKeysEnabled(true);
+  }
+
+  // блокирует возможность нажатия клавиш
+  disableKeys() {
+    this._model.setKeysEnabled(false);
+  }
+
+  // скрывает курсор
+  resetCursorHideTimer() {
+    this._view.resetCursorHideTimer();
+  }
+}

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

@@ -0,0 +1,37 @@
+// GameCtrl
+
+export default class GameCtrl {
+  constructor(model, view) {
+    this._model = model;
+    this._view = view;
+  }
+
+  // обрабатывает данные
+  parse(constructor, instances) {
+    // если массив (без id) - это эффекты,
+    // которые проигрываются и самоуничтожаются
+    if (Array.isArray(instances)) {
+      for (let i = 0, len = instances.length; i < len; i += 1) {
+        this._model.createEffect(constructor, instances[i]);
+      }
+    } else {
+      for (const id in instances) {
+        if (Object.hasOwn(instances, id)) {
+          // если экземпляр существует - обновить
+          if (this._model.read(constructor, id)) {
+            this._model.update(constructor, id, instances[id]);
+
+            // иначе, если есть данные для создания экземпляра - создать
+          } else if (instances[id]) {
+            this._model.create(constructor, id, instances[id]);
+          }
+        }
+      }
+    }
+  }
+
+  // удаляет данные игры
+  remove(constructor, id) {
+    this._model.remove(constructor, id);
+  }
+}

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

@@ -0,0 +1,81 @@
+import Publisher from '../../../lib/Publisher.js';
+
+// Singleton LobbyCtrl
+
+let lobbyCtrl;
+
+// Контроллер лобби: связывает view-события с моделью. Пинг видимых карточек
+// дросселирует модель (pingHost возвращает false, если пинговали недавно).
+// Leaderboard (lobby-page-plan): контроллер сам fetch не делает (как и модель) —
+// пробрасывает смену активной игры через собственный publisher, который
+// main.js слушает, чтобы вызвать fetchLeaderboard/fetchPlacement и вернуть
+// результат в model.setLeaderboard/setPlacement. Единственный источник
+// 'leaderboard-needed' — gameChanged() (main.js вызывает его один раз при
+// открытии лобби для игры по умолчанию и на каждый change #lobby-game), не
+// открытие вкладки — так пока в контроллере не завёлся второй, дублирующий
+// путь загрузки (code review L4/L5: ветка "первое открытие вкладки" не могла
+// сработать раньше gameChanged() при старте и рисковала уйти в fetch с
+// gameId=null)
+export default class LobbyCtrl {
+  constructor(model, view, clock = () => performance.now()) {
+    if (lobbyCtrl) {
+      return lobbyCtrl;
+    }
+
+    lobbyCtrl = this;
+
+    this._model = model;
+    this._view = view;
+    this._clock = clock;
+
+    this.publisher = new Publisher();
+
+    const vp = view.publisher;
+
+    vp.on('search', 'search', this);
+    vp.on('more', 'loadMore', this);
+    vp.on('visible', 'pingHost', this);
+    vp.on('join', 'join', this);
+    vp.on('show-tab', 'showTab', this);
+  }
+
+  // показывает лобби и запрашивает первую страницу
+  open() {
+    this._view.show();
+    this._model.refresh();
+  }
+
+  close() {
+    this._view.hide();
+  }
+
+  search(text) {
+    this._model.setSearch(text);
+  }
+
+  loadMore() {
+    this._model.loadMore();
+  }
+
+  pingHost(hostId) {
+    this._model.pingHost(hostId, this._clock());
+  }
+
+  join(hostId) {
+    this._model.join(hostId);
+  }
+
+  showTab(tab) {
+    this._view.showTab(tab);
+  }
+
+  // вызывается main.js при смене #lobby-game (селектор игры вне этого MVC),
+  // а также один раз при открытии лобби для активной по умолчанию игры —
+  // Leaderboard всегда готов заранее, до того как пользователь откроет
+  // вкладку (см. класс-комментарий выше)
+  gameChanged(gameId, title) {
+    this._view.setGameTitle(title);
+
+    this.publisher.emit('leaderboard-needed', gameId);
+  }
+}

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

@@ -0,0 +1,41 @@
+// Singleton LobbyAuthCtrl
+
+let lobbyAuthCtrl;
+
+export default class LobbyAuthCtrl {
+  constructor(model, view) {
+    if (lobbyAuthCtrl) {
+      return lobbyAuthCtrl;
+    }
+
+    lobbyAuthCtrl = this;
+
+    this._model = model;
+    this._view = view;
+
+    const vp = view.publisher;
+
+    vp.on('login', 'login', this);
+    vp.on('nick', 'submitNick', this);
+    vp.on('logout', 'logout', this);
+  }
+
+  // разбирает query string текущего location (OAuth-редиректы) либо
+  // восстанавливает сессию из localStorage; возвращает true, если query
+  // содержала auth-параметры (вызывающий должен подчистить адресную строку)
+  init(search) {
+    return this._model.boot(search);
+  }
+
+  login(provider) {
+    window.location.href = this._model.loginUrl(provider);
+  }
+
+  submitNick(nick) {
+    this._model.submitNick(nick);
+  }
+
+  logout() {
+    this._model.logout();
+  }
+}

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

@@ -0,0 +1,23 @@
+// Singleton PanelCtrl
+
+let panelCtrl;
+
+export default class PanelCtrl {
+  constructor(model, view) {
+    if (panelCtrl) {
+      return panelCtrl;
+    }
+
+    panelCtrl = this;
+
+    this._model = model;
+    this._view = view;
+
+    this._vPublic = view.publisher;
+  }
+
+  // обновляет пользовательскую панель
+  update(dataArr) {
+    this._model.update(dataArr);
+  }
+}

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

@@ -0,0 +1,33 @@
+// Singleton StatCtrl
+
+let statCtrl;
+
+export default class StatCtrl {
+  constructor(model, view) {
+    if (statCtrl) {
+      return statCtrl;
+    }
+
+    statCtrl = this;
+
+    this._model = model;
+    this._view = view;
+
+    this._vPublic = view.publisher;
+  }
+
+  // открывает статистику
+  open() {
+    this._model.open();
+  }
+
+  // закрывает статистику
+  close() {
+    this._model.close();
+  }
+
+  // обновляет
+  update(data) {
+    this._model.update(data);
+  }
+}

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

@@ -0,0 +1,55 @@
+// Singleton VoteCtrl
+
+let voteCtrl;
+
+export default class VoteCtrl {
+  constructor(model, view) {
+    if (voteCtrl) {
+      return voteCtrl;
+    }
+
+    voteCtrl = this;
+
+    this._model = model;
+    this._view = view;
+
+    this._vPublic = view.publisher;
+
+    this._vPublic.on('timer', 'assignTimer', this);
+    this._vPublic.on('clear', 'removeVote', this);
+  }
+
+  // включить
+  // data может быть:
+  // {name: 'templateName', params: ['p1',..], values: ['v1',..] || 'values'}
+  // ['val1', 'val2'];
+  open(data) {
+    // если данные - массив (values для созданного голосования)
+    if (Array.isArray(data)) {
+      this._model.updateValues(data);
+      // если данные - объект (данные для создания голосования)
+    } else if (typeof data === 'object' && data !== null) {
+      this._model.createWithTemplate(data);
+      this._model.open();
+      // иначе открыть меню
+    } else {
+      this._model.createMenu();
+      this._model.open();
+    }
+  }
+
+  // назначает ключ
+  assignKey(keyCode) {
+    this._model.update(keyCode);
+  }
+
+  // добавляет таймер
+  assignTimer(timerId) {
+    this._model.assignTimer(timerId);
+  }
+
+  // удаляет голосование
+  removeVote() {
+    this._model.complete();
+  }
+}

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

@@ -0,0 +1,92 @@
+import Publisher from '../../../lib/Publisher.js';
+
+// Singleton AuthModel
+
+let authModel;
+
+export default class AuthModel {
+  constructor(validateAuth) {
+    if (authModel) {
+      return authModel;
+    }
+
+    authModel = this;
+
+    this._validateAuth = validateAuth;
+
+    this._data = {};
+    this._options = {};
+    this._sendStatus = false;
+
+    this.publisher = new Publisher();
+  }
+
+  // добавляет данные
+  add(data) {
+    const { name, value, options } = data;
+    this._data[name] = value;
+    this._options[name] = options;
+
+    this.publisher.emit('form', { name, value });
+  }
+
+  // обновление данных
+  // если value невалиден, возвращается текущий value
+  update(data) {
+    const { name } = data;
+    const { regExp } = this._options[name] ?? {};
+    let { value } = data;
+
+    if (regExp) {
+      if (regExp.test(value)) {
+        this._data[name] = value;
+      } else {
+        this._data[name] = value = '';
+      }
+    } else {
+      this._data[name] = value;
+    }
+
+    this.publisher.emit('form', { name, value });
+  }
+
+  // отправка данных на сервер
+  send() {
+    const errors = this._validateAuth(this._data);
+
+    if (errors) {
+      this.parseRes(errors);
+    } else {
+      if (this._sendStatus) {
+        return;
+      }
+
+      this.publisher.emit('socket', this._data);
+
+      this._sendStatus = true;
+    }
+  }
+
+  // разбор ответа сервера
+  parseRes(err) {
+    const arr = [];
+
+    // если авторизация успешна
+    if (!err) {
+      Object.keys(this._data).forEach(key => {
+        const { storage } = this._options[key];
+
+        if (storage) {
+          arr.push({ name: storage, value: this._data[key] });
+        }
+      });
+
+      this.publisher.emit('ok', arr);
+      // иначе
+    } else {
+      this.publisher.emit('error', err);
+    }
+
+    this._sendStatus = false;
+  }
+}