@escapenavigator/hooks 1.10.167 → 1.10.169

package/dist/index.d.ts

@@ -6,3 +6,4 @@ export * from './players-and-variation-picker';
 export * from './use-debounced-value';
 export * from './use-localstore-state';
 export * from './use-players-and-variation-picker';
+export * from './version-watcher';

package/dist/index.js

@@ -22,3 +22,4 @@ __exportStar(require("./players-and-variation-picker"), exports);
 __exportStar(require("./use-debounced-value"), exports);
 __exportStar(require("./use-localstore-state"), exports);
 __exportStar(require("./use-players-and-variation-picker"), exports);
+__exportStar(require("./version-watcher"), exports);

package/dist/players-and-variation-picker/index.js

@@ -126,8 +126,10 @@ const PlayersAndVariationPicker = ({ slot, currentTariffId, currentDuration, loa
         setChildren(value);
         onChange === null || onChange === void 0 ? void 0 : onChange('children', value);
     };
+    // Цена 0 за число игроков = «это кол-во недоступно для выбора». Такие
+    // ключи не рендерим кнопками и не учитываем в availablePlayerKeys/clamp.
     const playersOptions = (0, react_1.useMemo)(() => Object.entries(tariff)
-        .filter(([key]) => key !== 'children' && !Number.isNaN(+key))
+        .filter(([key, price]) => key !== 'children' && !Number.isNaN(+key) && +price > 0)
         .map(([key, price]) => ({
         key: +key,
         price,

package/dist/version-watcher/index.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Тихий вотчер версии фронта — проактивно переводит уже открытые вкладки на
+ * свежий релиз, чтобы они не «застревали» на старом index.html со ссылками на
+ * чанки, которые рано или поздно вычистят с сервера (источник битых чанков).
+ *
+ * Как работает:
+ *   1. На каждой prod-сборке Vite кладёт `version.json` ({version, builtAt}),
+ *      version = REACT_APP_RELEASE (IMAGE_TAG из CI). См. vite.shared.ts.
+ *   2. Вотчер проверяет `version.json` (fetch с `cache: no-store`) НЕ по таймеру,
+ *      а только в естественные моменты, без фонового полла:
+ *        - при возврате фокуса/видимости вкладки (`visibilitychange`);
+ *        - при навигации между страницами (route change);
+ *        - один раз вскоре после старта.
+ *      Сравнивает серверную версию с версией, с которой собран ТЕКУЩИЙ бандл.
+ *   3. Если на сервере версия отличается — НЕ дёргаем юзера сразу (он может
+ *      быть в середине заполнения формы), а ставим флаг «pending» и ждём
+ *      следующей навигации. На route change делаем `location.reload()` — в этот
+ *      момент потеря состояния безопасна, а no-cache index.html отдаёт свежие
+ *      ссылки на чанки.
+ *
+ * Почему без таймера и «на навигации»:
+ *   - не дёргаем сервер фоновым поллом у простаивающих вкладок;
+ *   - точка перехода между страницами — естественный разрыв, reload бесшовен;
+ *   - старые чанки на сервере мы НЕ удаляем (retention в CI), поэтому до
+ *     перезагрузки вкладка полностью рабочая.
+ *
+ * Анти-цикл: если после reload version.json всё ещё рапортует новую версию
+ * (рассинхрон CDN / index.html отстаёт), повторно не перезагружаемся для той
+ * же целевой версии в течение cooldown — иначе вкладка зациклится в reload.
+ *
+ * Framework-agnostic: навигацию ловим через патч history.pushState/replaceState
+ * + popstate, поэтому подключение — один вызов в index.tsx без привязки к
+ * конкретному роутеру (работает в app/auth/admin/orders).
+ */
+export type VersionWatcherOptions = {
+    /**
+     * Версия, с которой собран текущий бандл (`process.env.REACT_APP_RELEASE`).
+     * Если пусто (локалка / релиз не проставлен) — вотчер не запускается.
+     */
+    currentVersion: string | undefined;
+    /** URL манифеста версии. По умолчанию `/version.json`. */
+    versionUrl?: string;
+    /**
+     * Колбэк в момент, когда обнаружена новая версия (до перезагрузки).
+     * Удобно для аналитики / тоста «доступно обновление».
+     */
+    onUpdateDetected?: (remoteVersion: string) => void;
+    /**
+     * Срабатывает, если reload не помог (после перезагрузки сервер всё ещё
+     * отдаёт другую версию) — маркер реально сломанного/рассинхронного деплоя.
+     * Прокидывайте сюда отправку в Sentry.
+     */
+    onReloadLoopDetected?: (info: {
+        currentVersion: string;
+        remoteVersion: string;
+    }) => void;
+};
+/**
+ * Запускает фоновый вотчер версии. Идемпотентен (повторные вызовы — no-op).
+ * Возвращает функцию остановки (на случай unmount в тестах/SSR).
+ */
+export declare function registerVersionWatcher(opts: VersionWatcherOptions): () => void;

package/dist/version-watcher/index.js

@@ -0,0 +1,184 @@
+"use strict";
+/**
+ * Тихий вотчер версии фронта — проактивно переводит уже открытые вкладки на
+ * свежий релиз, чтобы они не «застревали» на старом index.html со ссылками на
+ * чанки, которые рано или поздно вычистят с сервера (источник битых чанков).
+ *
+ * Как работает:
+ *   1. На каждой prod-сборке Vite кладёт `version.json` ({version, builtAt}),
+ *      version = REACT_APP_RELEASE (IMAGE_TAG из CI). См. vite.shared.ts.
+ *   2. Вотчер проверяет `version.json` (fetch с `cache: no-store`) НЕ по таймеру,
+ *      а только в естественные моменты, без фонового полла:
+ *        - при возврате фокуса/видимости вкладки (`visibilitychange`);
+ *        - при навигации между страницами (route change);
+ *        - один раз вскоре после старта.
+ *      Сравнивает серверную версию с версией, с которой собран ТЕКУЩИЙ бандл.
+ *   3. Если на сервере версия отличается — НЕ дёргаем юзера сразу (он может
+ *      быть в середине заполнения формы), а ставим флаг «pending» и ждём
+ *      следующей навигации. На route change делаем `location.reload()` — в этот
+ *      момент потеря состояния безопасна, а no-cache index.html отдаёт свежие
+ *      ссылки на чанки.
+ *
+ * Почему без таймера и «на навигации»:
+ *   - не дёргаем сервер фоновым поллом у простаивающих вкладок;
+ *   - точка перехода между страницами — естественный разрыв, reload бесшовен;
+ *   - старые чанки на сервере мы НЕ удаляем (retention в CI), поэтому до
+ *     перезагрузки вкладка полностью рабочая.
+ *
+ * Анти-цикл: если после reload version.json всё ещё рапортует новую версию
+ * (рассинхрон CDN / index.html отстаёт), повторно не перезагружаемся для той
+ * же целевой версии в течение cooldown — иначе вкладка зациклится в reload.
+ *
+ * Framework-agnostic: навигацию ловим через патч history.pushState/replaceState
+ * + popstate, поэтому подключение — один вызов в index.tsx без привязки к
+ * конкретному роутеру (работает в app/auth/admin/orders).
+ */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerVersionWatcher = registerVersionWatcher;
+const DEFAULT_VERSION_URL = '/version.json';
+/** Через сколько после старта сделать первую проверку (даём приложению смонтироваться). */
+const INITIAL_CHECK_DELAY_MS = 10000;
+/** Не перезагружаемся повторно для той же целевой версии чаще, чем раз в N. */
+const RELOAD_COOLDOWN_MS = 60 * 1000;
+const RELOAD_FLAG_KEY = 'en_version_reload';
+/** Кастомное событие SPA-навигации (диспатчится из патча history). */
+const LOCATION_CHANGE_EVENT = 'en:locationchange';
+let historyPatched = false;
+/**
+ * Патчим history.pushState/replaceState один раз на всё приложение, чтобы
+ * SPA-навигация (react-router и т.п.) порождала событие, которое мы можем
+ * слушать. popstate (back/forward) ловится отдельно стандартным слушателем.
+ */
+function ensureHistoryPatched() {
+    if (historyPatched || typeof window === 'undefined')
+        return;
+    historyPatched = true;
+    const dispatch = () => window.dispatchEvent(new Event(LOCATION_CHANGE_EVENT));
+    const wrap = (method) => {
+        const original = window.history[method];
+        window.history[method] = function patched(...args) {
+            const result = original.apply(this, args);
+            dispatch();
+            return result;
+        };
+    };
+    wrap('pushState');
+    wrap('replaceState');
+}
+function readReloadState() {
+    try {
+        const raw = window.sessionStorage.getItem(RELOAD_FLAG_KEY);
+        return raw ? JSON.parse(raw) : null;
+    }
+    catch (_a) {
+        return null;
+    }
+}
+function writeReloadState(state) {
+    try {
+        window.sessionStorage.setItem(RELOAD_FLAG_KEY, JSON.stringify(state));
+    }
+    catch (_a) {
+        /* приватный режим / storage отключён — переживём без анти-цикла */
+    }
+}
+/** Уже зарегистрировали вотчер в этой жизни страницы — повторно не нужно. */
+let registered = false;
+/**
+ * Запускает фоновый вотчер версии. Идемпотентен (повторные вызовы — no-op).
+ * Возвращает функцию остановки (на случай unmount в тестах/SSR).
+ */
+function registerVersionWatcher(opts) {
+    var _a, _b;
+    const noop = () => { };
+    if (typeof window === 'undefined')
+        return noop;
+    const currentVersion = ((_a = opts.currentVersion) !== null && _a !== void 0 ? _a : '').trim();
+    // Нет версии (локалка / релиз не проставлен) — нечего сравнивать.
+    if (!currentVersion)
+        return noop;
+    if (registered)
+        return noop;
+    registered = true;
+    const versionUrl = (_b = opts.versionUrl) !== null && _b !== void 0 ? _b : DEFAULT_VERSION_URL;
+    let updatePending = false;
+    let pendingVersion = '';
+    let stopped = false;
+    const reloadForUpdate = (remoteVersion) => {
+        var _a;
+        const last = readReloadState();
+        // Уже перезагружались под эту версию недавно, а сервер всё ещё отдаёт
+        // её же → reload не помогает (рассинхрон index.html/CDN). Не зацикливаемся.
+        if (last && last.to === remoteVersion && Date.now() - last.at < RELOAD_COOLDOWN_MS) {
+            (_a = opts.onReloadLoopDetected) === null || _a === void 0 ? void 0 : _a.call(opts, { currentVersion, remoteVersion });
+            return;
+        }
+        writeReloadState({ to: remoteVersion, at: Date.now() });
+        window.location.reload();
+    };
+    const markPending = (remoteVersion) => {
+        var _a;
+        if (updatePending)
+            return;
+        updatePending = true;
+        pendingVersion = remoteVersion;
+        (_a = opts.onUpdateDetected) === null || _a === void 0 ? void 0 : _a.call(opts, remoteVersion);
+    };
+    const check = () => __awaiter(this, void 0, void 0, function* () {
+        if (stopped || updatePending)
+            return;
+        try {
+            const res = yield fetch(`${versionUrl}?_=${Date.now()}`, {
+                cache: 'no-store',
+                credentials: 'same-origin',
+            });
+            if (!res.ok)
+                return;
+            const data = (yield res.json());
+            const remoteVersion = typeof data.version === 'string' ? data.version.trim() : '';
+            if (remoteVersion && remoteVersion !== currentVersion) {
+                markPending(remoteVersion);
+            }
+        }
+        catch (_a) {
+            // Сеть/парсинг упали — молча ждём следующего повода проверить.
+        }
+    });
+    // Навигация: если апдейт уже найден — перезагружаемся (безопасная точка);
+    // иначе пользуемся моментом, чтобы проверить версию без фонового полла.
+    const onNavigate = () => {
+        if (stopped)
+            return;
+        if (updatePending) {
+            reloadForUpdate(pendingVersion);
+            return;
+        }
+        void check();
+    };
+    const onVisible = () => {
+        if (document.visibilityState === 'visible')
+            void check();
+    };
+    ensureHistoryPatched();
+    window.addEventListener(LOCATION_CHANGE_EVENT, onNavigate);
+    window.addEventListener('popstate', onNavigate);
+    document.addEventListener('visibilitychange', onVisible);
+    const initialTimer = setTimeout(() => void check(), INITIAL_CHECK_DELAY_MS);
+    return () => {
+        stopped = true;
+        registered = false;
+        clearTimeout(initialTimer);
+        window.removeEventListener(LOCATION_CHANGE_EVENT, onNavigate);
+        window.removeEventListener('popstate', onNavigate);
+        document.removeEventListener('visibilitychange', onVisible);
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/hooks",
-  "version": "1.10.167",
+  "version": "1.10.169",
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +14,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/services": "^1.10.175",
-    "@escapenavigator/types": "^1.10.161",
-    "@escapenavigator/utils": "^1.10.168",
+    "@escapenavigator/services": "^1.10.177",
+    "@escapenavigator/types": "^1.10.163",
+    "@escapenavigator/utils": "^1.10.170",
     "libphonenumber-js": "^1.12.24",
     "react": "19.2.6",
     "react-phone-input-2": "^2.15.1"
@@ -32,5 +32,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "^5.6"
   },
-  "gitHead": "9e4821b3ad8e4b74479ab23a01b4189ebf9fe5b8"
+  "gitHead": "ad28ed8f74f9a00d33dffd883d7f9ed26d596629"
 }