vimp-engine 0.15.0 → 0.16.0

package/core/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "vimp-engine-core"
-version = "0.8.3"
+version = "0.8.4"
 edition = "2024"
 description = "VIMP — движковый каркас симуляции (физика, карта, снапшот-фрейминг, интерполяция/предикт/raycast-примитивы, нав-утилиты). Без wasm-bindgen — обёртки для WASM-ABI собирает game-crate."
 license = "MIT"

package/package.json

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

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

@@ -1,4 +1,5 @@
 import Publisher from '../../../lib/Publisher.js';
+import { ENGINE_VERSION } from '../../lib/engineVersion.js';
 
 // Singleton LobbyView
 
@@ -34,6 +35,14 @@ export default class LobbyView {
     this._leaderboardTotal = document.getElementById(elems.leaderboardTotalId);
     this._myPlacement = document.getElementById(elems.myPlacementId);
 
+    // футер лобби: строка статична на всё время жизни вкладки, поэтому
+    // пишется здесь, а не через модель и publisher
+    const version = document.getElementById(elems.versionId);
+
+    if (version) {
+      version.textContent = `vimp-engine ${ENGINE_VERSION}`;
+    }
+
     // заголовок игры для "<TITLE> TOP-N" (SVG-ориентир) — задаётся controller'ом
     // при выборе игры (сама модель не хранит title манифеста)
     this._gameTitle = '';

package/src/client/lib/engineVersion.js

@@ -0,0 +1,11 @@
+// Версия npm-пакета движка, запечённая в бандл на сборке: сети для неё нет
+// (у мастера нет version-эндпоинта), а лобби обязано показывать версию того
+// кода, который сейчас исполняется, а не того, что развёрнут на сервере.
+//
+// Модуль лежит в client/lib, а не в src/config: config/* импортирует мастер
+// под Node, а сюда тянется package.json пакета — он нужен только браузерному
+// бандлу (в npm-тарболле vimp-engine package.json есть всегда, поэтому
+// standalone SDK собирается у игры тем же импортом).
+import pkg from '../../../package.json' with { type: 'json' };
+
+export const ENGINE_VERSION = pkg.version;

package/src/client/main.js

@@ -422,6 +422,18 @@ socketMethods[PS_AUTH_DATA] = data => {
 
   document.getElementById('logo').textContent = texts?.title || 'VIMP';
 
+  // версия пакета игры в футере формы входа. Здесь, а не в AuthView: его
+  // elems приходят из authSchema.elems игрового плагина, и футер каркаса —
+  // не его забота. Игра, собранная до появления packageVersion, оставляет
+  // строку пустой (#auth-link держит раскладку через space-between)
+  const authVersion = document.getElementById('auth-version');
+
+  if (authVersion) {
+    const packageVersion = activeGameManifest?.packageVersion;
+
+    authVersion.textContent = packageVersion ? `v${packageVersion}` : '';
+  }
+
   // память клиента (localStorage) + принудительное значение поля с
   // единственным вариантом. Здесь, а не в AuthView: solo-путь ниже отвечает
   // хосту вообще без формы и обязан прийти к тем же значениям

package/src/client/style.css

@@ -491,11 +491,18 @@ body.hide-cursor {
   color: #ff0;
 }
 
-#auth-link p:nth-child(1) {
+/* три колонки: GitHub — версия игры — копирайт. Позициями заведует
+   space-between, а не nth-child: средний элемент бывает пустым (игра
+   собрана без packageVersion), и порядковые правила тогда съезжали бы */
+#auth-link p:first-child {
   text-align: left;
 }
 
-#auth-link p:nth-child(2) {
+#auth-version {
+  text-align: center;
+}
+
+#auth-link p:last-child {
   text-align: right;
 }
 
@@ -712,6 +719,14 @@ body.hide-cursor {
   color: #aaa;
 }
 
+/* колоночная обёртка панелей и футера: #lobby центрирует содержимое как
+   флекс-строка, поэтому футер обязан лежать в одном столбце с .lobby-grid,
+   а не быть её соседом */
+.lobby-column {
+  display: flex;
+  flex-direction: column;
+}
+
 /* два столбца лобби (lobby-page-plan): настройки/создание слева, вкладки
    Active Servers / Leaderboard справа; собственная ширина панелей
    переопределяет фиксированный .card { width:256px } (id сильнее класса);
@@ -768,6 +783,20 @@ body.hide-cursor {
   flex-shrink: 0;
 }
 
+/* версия пакета движка под панелями — тем же мелким кеглем, что и футер
+   формы входа (#auth-link) */
+#lobby-footer {
+  font-size: 9px;
+  padding: 0 5px;
+  margin: 6px 0 10px;
+  text-align: center;
+  text-shadow: none;
+}
+
+#lobby-footer p {
+  margin: 0;
+}
+
 @media (max-width: 800px) {
   .lobby-grid {
     flex-direction: column;
@@ -775,6 +804,12 @@ body.hide-cursor {
     gap: unset;
   }
 
+  /* в столбик обёртка тянется на всю ширину: иначе она сжалась бы по
+     содержимому и увела бы панели из центра */
+  .lobby-column {
+    width: 100%;
+  }
+
   /* в столбик высоту строкой никто не задаёт — возвращаем слой в поток,
      иначе absolute-слой схлопнулся бы в 0 */
   .lobby-browser-inner {

package/src/client/views/gameShell.js

@@ -65,6 +65,9 @@ const SHELL = [
                   },
                 ],
               },
+              // версия пакета игры (manifest.packageVersion) — текст пишет
+              // main.js по AUTH_DATA
+              { tag: 'p', id: 'auth-version' },
               { tag: 'p', text: `© ${new Date().getFullYear()} VIMP` },
             ],
           },

package/src/client/views/includes/auth.pug

@@ -17,4 +17,7 @@ div#auth
     div#auth-link
       p
         a(href='https://github.com/lgick/vimp') GitHub
+      //- версия пакета игры (manifest.packageVersion): проставляет main.js,
+      //- у игры, собранной до появления поля, строка остаётся пустой
+      p#auth-version
       p © #{new Date().getFullYear()} VIMP

package/src/client/views/includes/lobby.pug

@@ -1,54 +1,60 @@
 //- скрыт по умолчанию: открывается из main.js только после успешного логина
 //- в #lobby-auth (Этап B2, LobbyAuthCtrl 'authenticated')
 div#lobby(style='display:none')
-  div.lobby-grid
-    //- левая панель: профиль + форма создания комнаты (lobby-page-plan)
-    div#lobby-setup-panel.card
-      h2= 'VIMP'
-      //- бейдж входа (Этап B2): управляется LobbyAuthView, показывается
-      //- вместе с #lobby после успешной авторизации
-      div#lobby-user
-        div
-          span= 'Signed in as '
-          b#lobby-user-nick
-        input#lobby-user-logout(type='button', value='Sign out')
-      hr.lobby-divider
-      h3.lobby-section-title= 'HOST A GAME'
-      div#lobby-create
-        //- селектор игры (lobby-page-plan): рабочий с первой же игрой в
-        //- каталоге мастера, а не только когда их несколько
-        div.form-row
-          label.form-label(for='lobby-game')= 'Select Game'
-          select#lobby-game.field-select
-        div.form-row
-          label.form-label(for='lobby-name')= 'Server name'
-          input#lobby-name.field-text(type='text', maxlength='30')
-        //- поля настроек комнаты генерируются по явной схеме roomForm
-        //- манифеста активной игры (docs/en/plugin-api.md "Form schema")
-        div#lobby-fields
-        //- ошибки формы (formBuilder.renderFormErrors) и отказ загрузки
-        //- плагина выбранной игры — строкой в форме, а не в #tech-informer:
-        //- тот кроет вкладку непрозрачным слоем и рассчитан на терминальные
-        //- причины, а эти восстановимы (поправить поле, другая игра,
-        //- повторный клик). Над кнопкой — рядом с полями, к которым относятся
-        div#lobby-error.form-error
-        input#lobby-host(type='button', value='Create server')
-    //- правая панель: вкладки Active Servers / Leaderboard (lobby-page-plan)
-    div#lobby-browser-panel.card
-      //- абсолютный слой: высоту .card задаёт форма слева (stretch), а
-      //- список внутри скроллится, не раздувая карточку (lobby-page-plan)
-      div.lobby-browser-inner
-        div.lobby-tabs-header
-          input#btn-show-servers.lobby-tab-btn.active(type='button', value='Active Servers')
-          input#btn-show-leaderboard.lobby-tab-btn(type='button', value='Leaderboard')
-        div#lobby-servers-content
-          input#lobby-search.field-text(type='text', placeholder='Search servers…')
-          ul#lobby-list
-          p#lobby-empty= 'No servers available'
-          input#lobby-more(type='button', value='Load more')
-        div#lobby-leaderboard-content(style='display:none')
-          div.lobby-leaderboard-header
-            span#leaderboard-title
-            span#leaderboard-total
-          ol#lobby-leaderboard-list
-          p#lobby-my-placement
+  //- колоночная обёртка: сам #lobby — флекс-строка, центрирующая содержимое,
+  //- и футер под панелями иначе встал бы третьей колонкой рядом с ними
+  div.lobby-column
+    div.lobby-grid
+      //- левая панель: профиль + форма создания комнаты (lobby-page-plan)
+      div#lobby-setup-panel.card
+        h2= 'VIMP'
+        //- бейдж входа (Этап B2): управляется LobbyAuthView, показывается
+        //- вместе с #lobby после успешной авторизации
+        div#lobby-user
+          div
+            span= 'Signed in as '
+            b#lobby-user-nick
+          input#lobby-user-logout(type='button', value='Sign out')
+        hr.lobby-divider
+        h3.lobby-section-title= 'HOST A GAME'
+        div#lobby-create
+          //- селектор игры (lobby-page-plan): рабочий с первой же игрой в
+          //- каталоге мастера, а не только когда их несколько
+          div.form-row
+            label.form-label(for='lobby-game')= 'Select Game'
+            select#lobby-game.field-select
+          div.form-row
+            label.form-label(for='lobby-name')= 'Server name'
+            input#lobby-name.field-text(type='text', maxlength='30')
+          //- поля настроек комнаты генерируются по явной схеме roomForm
+          //- манифеста активной игры (docs/en/plugin-api.md "Form schema")
+          div#lobby-fields
+          //- ошибки формы (formBuilder.renderFormErrors) и отказ загрузки
+          //- плагина выбранной игры — строкой в форме, а не в #tech-informer:
+          //- тот кроет вкладку непрозрачным слоем и рассчитан на терминальные
+          //- причины, а эти восстановимы (поправить поле, другая игра,
+          //- повторный клик). Над кнопкой — рядом с полями, к которым относятся
+          div#lobby-error.form-error
+          input#lobby-host(type='button', value='Create server')
+      //- правая панель: вкладки Active Servers / Leaderboard (lobby-page-plan)
+      div#lobby-browser-panel.card
+        //- абсолютный слой: высоту .card задаёт форма слева (stretch), а
+        //- список внутри скроллится, не раздувая карточку (lobby-page-plan)
+        div.lobby-browser-inner
+          div.lobby-tabs-header
+            input#btn-show-servers.lobby-tab-btn.active(type='button', value='Active Servers')
+            input#btn-show-leaderboard.lobby-tab-btn(type='button', value='Leaderboard')
+          div#lobby-servers-content
+            input#lobby-search.field-text(type='text', placeholder='Search servers…')
+            ul#lobby-list
+            p#lobby-empty= 'No servers available'
+            input#lobby-more(type='button', value='Load more')
+          div#lobby-leaderboard-content(style='display:none')
+            div.lobby-leaderboard-header
+              span#leaderboard-title
+              span#leaderboard-total
+            ol#lobby-leaderboard-list
+            p#lobby-my-placement
+    //- футер: версию пакета движка проставляет LobbyView (engineVersion.js)
+    div#lobby-footer
+      p#lobby-version

package/src/config/lobby.js

@@ -96,6 +96,10 @@ export default {
     leaderboardTitleId: 'leaderboard-title',
     leaderboardTotalId: 'leaderboard-total',
     myPlacementId: 'lobby-my-placement',
+
+    // футер: версия npm-пакета движка, запечённая в бандл при сборке
+    // (client/lib/engineVersion.js)
+    versionId: 'lobby-version',
   },
 
   // создание комнаты (хост в этой же вкладке); лимит игроков/время