itube-specs 0.0.1031 → 0.0.1036

package/DOCS/CONVENTIONS.md

@@ -19,6 +19,13 @@ namespace; filename must not repeat it.
 **App override:** an app defining the same name outranks the layer and wins auto-import; callers untouched.
 Don't fork a component when a prop expresses the difference.
 
+**Small difference → flag or prop in the layer, not an override.** One or two tweaks (hide a block, another
+link, another spacing), and anything another site may want too: add a prop, an `appConfig` key (default =
+current behaviour, the site sets it in its `config/site.config.ts`) or a feature flag here, plus a
+`SITE_UPDATES.md` entry. No copied page or component in an app slot for that — a fork goes stale with every
+layer release. Override only when the app's version genuinely differs throughout (e.g. a site's ad-aware
+`grid/videos.vue`). Sample: `appConfig.categoriesGrouped` instead of an app copy of `category/nav.vue`.
+
 ## Markup
 
 `<div>` is the fallback, not the default.

package/SITE_UPDATES.md

@@ -11,6 +11,30 @@
 коммиты до бампа); `npm run patch` сам проставит ей номер версии. Формат пункта: что сделать и где,
 кому именно (всем / сайтам с N), что будет, если не сделать.
 
+## 0.0.1036 — 2026-10-14
+
+- **Сайтам с `FeatureWebcamsEnabled`:** UI-ключи вебкам-блоков `webcams.*` (заголовки, счётчики онлайна, карточка,
+  фильтры, переключатель разделов) теперь в локалях слоя — перенесены из videosection-redesign. Свои `webcams.*` с
+  тем же значением удалить (иначе замораживают перевод; `i18n:check` покажет их как dead overrides), отличающиеся —
+  оставить как override. SEO раздела (`meta.webcams.*`, `webcams_footer_*`) остаётся в сайте. Не сделать — ничего
+  не сломается.
+
+- **Сайтам без сгруппированного вида категорий** (videosection-redesign): в `app.config` (через
+  `config/site.config.ts`) поставить `categoriesGrouped: false` — `CategoryNav` перестаёт рисовать табы
+  Grouped / A-Z, «All» в алфавите ведёт на `/categories`. После этого удалить проектный оверрайд
+  `components/category/nav.vue` (образец — коммит videosection-redesign с этим изменением). Не сделать — табы
+  останутся, пока жив оверрайд; без оверрайда табы вернутся. Остальным сайтам — ничего, по умолчанию `true`.
+
+## 0.0.1033 — 2026-10-14
+
+- **Сайтам со своей темой (hdsex-remaster):** в `_theme.scss` добавить `$switcher-icon--live: $color-emerald-400;` и
+  поменять `$switcher-icon--active` на `$color-white-70`. Иконка «в эфире» в переключателе разделов теперь зелёная
+  всегда (опция с `live: true`), а активная иконка — белая, как в макете страницы моделей. Не сделать — сборка упадёт
+  на неизвестном токене. Образец — коммит hdsex-remaster.
+- **Сайтам с `FeatureWebcamsEnabled`:** ничего делать не надо — на странице моделей (`ViewModels`) заголовок встаёт
+  наверх с переключателем «Видео / Вебкам», как на странице вебкамов. Сайтам с форком `pages/models/index.vue` или
+  `components/view/models.vue` — сверить с апстримом.
+
 ## 0.0.1030 — 2026-10-13
 
 - **Всем сайтам с плеером:** поднять `itube-modern-player` до `^0.15.0` (`npm install itube-modern-player@^0.15.0`).

package/assets/scss/themes/dark/_theme.scss

@@ -414,8 +414,6 @@ $niche-switch-text--checked: $color-white;
 $footer-language-bg: $color-zinc-800-50;
 $footer-language-bg--hover: $color-zinc-700;
 $footer-language-text: $color-zinc-400;
-$footer-language-badge-bg: $color-zinc-800;
-$footer-language-badge-text: $color-zinc-200;
 $footer-language-menu-bg: $color-night;
 $footer-language-menu-border: $color-zinc-800;
 $footer-language-menu-shadow: 0 20px 25px -5px #{$mono-black-25}, 0 8px 10px -6px #{$mono-black-25};
@@ -1143,6 +1141,7 @@ $document-link: $color-indigo-400;
 $document-link--hover: $color-indigo-300;
 
 // ─── Вебкам-блок ───
+$webcam-main-bg: transparent;
 $webcam-icon-text: $color-white;
 $webcam-icon-bg: $color-white-10;
 $webcam-header-promo-text: $color-white;
@@ -1190,7 +1189,8 @@ $switcher-text--hover: $color-white;
 $switcher-text--active: $color-white;
 $switcher-bg--active: $color-indigo-600;
 $switcher-icon: $color-zinc-500;
-$switcher-icon--active: $color-emerald-400;
+$switcher-icon--active: $color-white-70;
+$switcher-icon--live: $color-emerald-400;
 $switcher-subtitle: $color-zinc-600;
 $switcher-subtitle--active: $color-white-60;
 

package/assets/scss/themes/light/_theme.scss

@@ -470,8 +470,6 @@ $niche-switch-text--checked: $color-white;
 $footer-language-bg: $color-slate-750;
 $footer-language-bg--hover: $color-slate-700;
 $footer-language-text: $color-white;
-$footer-language-badge-bg: $color-slate-850;
-$footer-language-badge-text: $color-white;
 $footer-language-menu-bg: $color-slate-850;
 $footer-language-menu-border: $color-white-10;
 $footer-language-menu-shadow: 0 20px 25px -5px #{$mono-black-25}, 0 8px 10px -6px #{$mono-black-25};
@@ -1170,6 +1168,7 @@ $document-link: $color-indigo-400;
 $document-link--hover: $color-indigo-300;
 
 // ─── Вебкам-блок ───
+$webcam-main-bg: $color-gray-100;
 $webcam-icon-text: $color-gray-700;
 $webcam-icon-bg: $color-gray-200;
 $webcam-header-promo-text: $color-white;
@@ -1217,7 +1216,8 @@ $switcher-text--hover: $color-gray-950;
 $switcher-text--active: $color-white;
 $switcher-bg--active: $color-indigo-600;
 $switcher-icon: $color-gray-500;
-$switcher-icon--active: $color-emerald-400;
+$switcher-icon--active: $color-white-70;
+$switcher-icon--live: $color-emerald-400;
 $switcher-subtitle: $color-gray-500;
 $switcher-subtitle--active: $color-white-60;
 

package/components/card/video/index.vue

@@ -24,8 +24,8 @@
         :urls="card.thumbUrls"
         :loading="loading"
         :priority="priority"
-        :sizes="`(max-width: ${CSS_BREAKPOINTS.lg}px) 180px, 480px`"
         :alt="card.title"
+        sizes="auto, (min-width: 1440px) 25vw, (min-width: 900px) 33vw, (min-width: 370px) 50vw, 100vw"
         class="card-video__poster"
         width="480"
         height="270"
@@ -137,7 +137,6 @@
 <script setup lang="ts">
 import type { IVideoCard } from '../../../types';
 import { convertString, getDuration } from '../../../runtime';
-import { CSS_BREAKPOINTS } from '../../../config/css-breakpoints';
 
 const featureFlags = useRuntimeConfig().public.featureFlags;
 

package/components/category/list.vue

@@ -87,6 +87,7 @@ const { t } = useI18n();
     color: $categories-link-text;
     margin-bottom: 6px;
     padding-block: 4px;
+    width: max-content;
   }
 
   @include to-br(sm) {

package/components/category/nav.vue

@@ -1,5 +1,6 @@
 <template>
   <SectionNavLinks
+    v-if="isGrouped"
     :items="categoriesNavigation"
     theme="secondary"
   />
@@ -31,18 +32,20 @@ const props = defineProps<{
 
 const { t } = useI18n();
 
+const isGrouped = useAppConfig().categoriesGrouped !== false;
+
 const alphabetItems = computed<IChipsItem[]>(() => [
   {
     title: t('all'),
     value: '',
-    prefix: 'categories/all',
+    prefix: isGrouped ? 'categories/all' : 'categories',
   },
   ...(props.items || []),
 ]);
 </script>
 
 <style lang="scss">
-.category-nav__alphabet {
+.section-nav-links + .category-nav__alphabet {
   margin-top: 16px;
 }
 </style>

package/components/layout/footer-language.vue

@@ -89,9 +89,6 @@ function handler() {
 
 .layout-footer-language__badge {
   @include locale-badge;
-
-  background-color: $footer-language-badge-bg;
-  color: $footer-language-badge-text;
 }
 
 .layout-footer-language__angle {

package/components/section/recommended.vue

@@ -0,0 +1,36 @@
+<!-- Блок «Recommended to you»: заголовок и сетка роликов без вебкам-врезок; пустой список — блока нет -->
+<template>
+  <section
+    v-if="items.length"
+    class="section-recommended"
+  >
+    <UiSectionTitle
+      :title="t('recommended_to_you')"
+      title-tag="h2"
+      variant="section"
+    />
+
+    <GridVideos
+      :items="items"
+      :inserts="[]"
+    />
+  </section>
+</template>
+
+<script setup lang="ts">
+import type { IVideoCard } from '../../types';
+
+defineProps<{
+  items: IVideoCard[]
+}>();
+
+const { t } = useI18n();
+</script>
+
+<style lang="scss">
+.section-recommended {
+  display: grid;
+  row-gap: 16px;
+  margin-block: 40px;
+}
+</style>

package/components/ui/pagination.vue

@@ -197,7 +197,7 @@ useSetSeoOverride(() => ({ alonePage: props.total === 1, totalPages: length.valu
 <style lang="scss">
 .ui-pagination {
   display: grid;
-  margin: auto auto 0;
+  margin-inline: auto;
   gap: 12px;
   width: 100%;
   align-items: center;

package/components/ui/switcher.vue

@@ -13,7 +13,7 @@
       v-for="item in items"
       :is="item.to ? NuxtLink : 'button'"
       :key="item.name"
-      :class="{'--active': item.name === modelValue}"
+      :class="{'--active': item.name === modelValue, '--live': item.live}"
       :to="item.to"
       :type="item.to ? undefined : 'button'"
       class="ui-switcher__item"
@@ -104,6 +104,10 @@ const emit = defineEmits<{
   color: $switcher-icon--active;
 }
 
+.ui-switcher__item.--live .ui-switcher__icon {
+  color: $switcher-icon--live;
+}
+
 .ui-switcher__subtitle {
   color: $switcher-subtitle;
 }

package/components/view/models.vue

@@ -1,7 +1,25 @@
-<!-- Страница списка моделей: топ-аватары, фильтры, сортировка, пагинация -->
+<!-- Страница списка моделей: топ-аватары, фильтры, сортировка, пагинация.
+С вебкамами (`FeatureWebcamsEnabled`) заголовок встаёт наверх вместе с переключателем
+разделов «Видео / Вебкам», как на странице вебкамов. -->
 <template>
   <div class="view-models _page _container">
     <header class="view-models__header">
+      <div
+        v-if="isWebcamsEnabled"
+        class="view-models__intro"
+      >
+        <UiSectionTitle
+          :title="h1"
+          :count="isFiltered || letter ? data?.total : modelsTotal || data?.total"
+          icon="user"
+        />
+
+        <UiSwitcher
+          :items="sections"
+          :model-value="'videos'"
+        />
+      </div>
+
       <SectionSwiperCards
         v-if="topCards.length >= MINIMUM_TOP_THUMBS"
         :items="topCards"
@@ -10,6 +28,7 @@
       />
 
       <UiSectionTitle
+        v-if="!isWebcamsEnabled"
         :count="data?.total"
         :title="h1"
         class="view-models__title"
@@ -117,6 +136,7 @@ import { sortModels, alphabetItems } from '../../lib';
 import type {
   IModelCard,
   IModelFilter,
+  ISwitcherItem,
   PaginatedResponse,
 } from '../../types';
 import { convertStringArrayToChips, convertModelToRoundCard } from '../../runtime';
@@ -132,7 +152,35 @@ const props = defineProps<{
   letter?: string,
 }>();
 
-const { t } = useI18n();
+const { t, n } = useI18n();
+const { generateLink } = useGenerateLink();
+const webcamsPath = useWebcamsPath();
+
+const isWebcamsEnabled = !!useRuntimeConfig().public.featureFlags.FeatureWebcamsEnabled;
+
+// онлайн — тем же ключом фетча, что у блока «Live Cams» (второго запроса нет); всего моделей — той же ручкой,
+// что на странице вебкамов, чтобы счётчик в переключателе на обеих страницах совпадал. Без флага запросов нет.
+const [{ counts: webcamCounts }, modelsTotal] = await Promise.all([
+  useFetchWebcams(),
+  isWebcamsEnabled ? useFetchModelsCount() : computed(() => 0),
+]);
+
+const sections = computed<ISwitcherItem[]>(() => [
+  {
+    name: 'videos',
+    title: t('webcams.sections.videos'),
+    icon: 'user-group',
+    subtitle: modelsTotal.value ? n(modelsTotal.value) : '',
+  },
+  {
+    name: 'webcams',
+    title: t('webcams.sections.webcams'),
+    icon: 'webcam',
+    live: true,
+    subtitle: webcamCounts.value.total ? t('webcams.online_short', { count: n(webcamCounts.value.total, 'compact') }) : '',
+    to: generateLink(webcamsPath.value),
+  },
+]);
 
 const MINIMUM_TOP_VIDEOS_COUNT = 30;
 const MINIMUM_TOP_THUMBS = 3;
@@ -206,6 +254,13 @@ const topCards = computed(() => {
   }
 }
 
+.view-models__intro {
+  display: grid;
+  justify-items: start;
+  row-gap: 16px;
+  margin-bottom: 16px;
+}
+
 .view-models__pagination {
   margin-top: 32px;
 }

package/components/view/webcams.vue

@@ -16,7 +16,11 @@ query-параметрах `filter_*`. Формат провайдера при
   <div class="view-webcams _page _container">
     <header class="view-webcams__header">
       <div class="view-webcams__intro">
-        <h1 class="view-webcams__title _title">{{ h1 }}</h1>
+        <UiSectionTitle
+          :title="h1"
+          :count="data?.total"
+          icon="webcam"
+        />
 
         <UiSwitcher
           :items="sections"
@@ -235,6 +239,7 @@ const sections = computed<ISwitcherItem[]>(() => [
     name: 'webcams',
     title: t('webcams.sections.webcams'),
     icon: 'webcam',
+    live: true,
     subtitle: props.data?.total ? t('webcams.online_short', { count: n(props.data.total, 'compact') }) : '',
   },
 ]);
@@ -299,17 +304,11 @@ watch(() => JSON.stringify(toWebcamFilterPayload(route.query)), () => {
 }
 
 .view-webcams__intro {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  column-gap: 20px;
+  display: grid;
+  justify-items: start;
   row-gap: 16px;
 }
 
-.view-webcams__title {
-  margin-bottom: 0;
-}
-
 .view-webcams__options {
   display: flex;
   flex-wrap: wrap;

package/components/webcam/main.vue

@@ -115,4 +115,17 @@ onBeforeUnmount(() => {
   row-gap: 20px;
   margin-bottom: 40px;
 }
+
+// Островок — только в теме, где у блока есть подложка; без неё блок как был, без отступов
+@if $webcam-main-bg != transparent {
+  .webcam-main {
+    padding: 12px;
+    background-color: $webcam-main-bg;
+    border-radius: $radius-2xl;
+
+    @include from-br(sm) {
+      padding: 20px;
+    }
+  }
+}
 </style>

package/i18n/locales/de-DE.json

@@ -1,4 +1,21 @@
 {
+  "webcams": {
+    "live_cams": "Live Cams",
+    "online_now": "{count} online",
+    "language_online": "{lang} — {count} online",
+    "more": "Mehr",
+    "more_online": {
+      "straight": "Mehr Online-Girls",
+      "gay": "Mehr Online-Guys",
+      "shemale": "Mehr Online-Transsexuelle"
+    },
+    "new_model": "Neues Model",
+    "goal": "Ziel:",
+    "speaks": "Spricht {languages}",
+    "years_old": "{age} J.",
+    "live_cams_gay": "Gay Live Cams",
+    "live_cams_shemale": "Shemale Live Cams"
+  },
   "top_models": "Top-Models",
   "additional_link": {
     "2257": "2257",

package/i18n/locales/en-US.json

@@ -1,4 +1,43 @@
 {
+  "webcams": {
+    "live_cams": "Live Cams",
+    "live_cams_gay": "Gay Live Cams",
+    "live_cams_shemale": "Shemale Live Cams",
+    "online_now": "{count} online now",
+    "language_online": "{lang} speaking - {count} online now",
+    "more": "More",
+    "more_online": {
+      "straight": "More Online Girls",
+      "gay": "More Online Guys",
+      "shemale": "More Online T-Girls"
+    },
+    "new_model": "New model",
+    "goal": "Goal:",
+    "speaks": "Speaks {languages}",
+    "speaking": "{lang} speaking",
+    "years_old": "{age} y.o.",
+    "online_only": "Online Only",
+    "online_short": "{count} online",
+    "sections": {
+      "videos": "Video",
+      "webcams": "Webcam"
+    },
+    "filters": {
+      "age": "Age",
+      "country": "Country",
+      "language": "Language",
+      "body_type": "Body Type",
+      "ethnicity": "Ethnicity",
+      "hair_color": "Hair Color",
+      "eye_color": "Eye Color",
+      "specifics": "Specifics",
+      "subculture": "Type"
+    },
+    "filter_groups": {
+      "appearance": "Appearance"
+    }
+  },
+  "recommended_to_you": "Recommended to you",
   "also_known_as_male": "Also known as:",
   "also_known_as_female": "Also known as:",
   "model_about": "About",

package/i18n/locales/es-ES.json

@@ -1,4 +1,21 @@
 {
+  "webcams": {
+    "live_cams": "Cams en directo",
+    "online_now": "{count} en línea",
+    "language_online": "{lang} — {count} en línea",
+    "more": "Más",
+    "more_online": {
+      "straight": "Más chicas en línea",
+      "gay": "Más chicos en línea",
+      "shemale": "Más trans en línea"
+    },
+    "new_model": "Modelo nueva",
+    "goal": "Meta:",
+    "speaks": "Habla {languages}",
+    "years_old": "{age} años",
+    "live_cams_gay": "Cams gay",
+    "live_cams_shemale": "Cams trans"
+  },
   "top_models": "Top modelos",
   "additional_link": {
     "2257": "2257",

package/i18n/locales/fr-FR.json

@@ -1,4 +1,21 @@
 {
+  "webcams": {
+    "live_cams": "Cams en direct",
+    "online_now": "{count} en ligne",
+    "language_online": "{lang} — {count} en ligne",
+    "more": "Plus",
+    "more_online": {
+      "straight": "Plus de filles en ligne",
+      "gay": "Plus de mecs en ligne",
+      "shemale": "Plus de trans en ligne"
+    },
+    "new_model": "Nouveau modèle",
+    "goal": "Objectif :",
+    "speaks": "Parle {languages}",
+    "years_old": "{age} ans",
+    "live_cams_gay": "Cams gay",
+    "live_cams_shemale": "Cams trans"
+  },
   "top_models": "Top modèles",
   "additional_link": {
     "2257": "2257",

package/i18n/locales/it-IT.json

@@ -1,4 +1,21 @@
 {
+  "webcams": {
+    "live_cams": "Cam in diretta",
+    "online_now": "{count} online",
+    "language_online": "{lang} — {count} online",
+    "more": "Altro",
+    "more_online": {
+      "straight": "Altre ragazze online",
+      "gay": "Altri ragazzi online",
+      "shemale": "Altre trans online"
+    },
+    "new_model": "Nuova modella",
+    "goal": "Obiettivo:",
+    "speaks": "Parla {languages}",
+    "years_old": "{age} anni",
+    "live_cams_gay": "Cam gay",
+    "live_cams_shemale": "Cam trans"
+  },
   "top_models": "Top modelli",
   "additional_link": {
     "2257": "2257",

package/i18n/locales/ja-JP.json

@@ -1,4 +1,21 @@
 {
+  "webcams": {
+    "live_cams": "ライブチャット",
+    "online_now": "{count}人がオンライン",
+    "language_online": "{lang} — {count}人オンライン",
+    "more": "もっと見る",
+    "more_online": {
+      "straight": "オンラインの女性をもっと見る",
+      "gay": "オンラインの男性をもっと見る",
+      "shemale": "オンラインのニューハーフをもっと見る"
+    },
+    "new_model": "新人モデル",
+    "goal": "目標:",
+    "speaks": "{languages}を話します",
+    "years_old": "{age}歳",
+    "live_cams_gay": "ゲイのライブチャット",
+    "live_cams_shemale": "ニューハーフのライブチャット"
+  },
   "top_models": "人気モデル",
   "additional_link": {
     "2257": "2257",

package/i18n/locales/ko-KR.json

@@ -1,4 +1,21 @@
 {
+  "webcams": {
+    "live_cams": "라이브 캠",
+    "online_now": "{count}명 접속 중",
+    "language_online": "{lang} — {count}명 접속",
+    "more": "더 보기",
+    "more_online": {
+      "straight": "접속 중인 여성 더 보기",
+      "gay": "접속 중인 남성 더 보기",
+      "shemale": "접속 중인 트랜스 더 보기"
+    },
+    "new_model": "신규 모델",
+    "goal": "목표:",
+    "speaks": "{languages} 사용",
+    "years_old": "{age}세",
+    "live_cams_gay": "게이 라이브 캠",
+    "live_cams_shemale": "쉬메일 라이브 캠"
+  },
   "top_models": "인기 모델",
   "additional_link": {
     "2257": "2257",

package/i18n/locales/ru-RU.json

@@ -1,4 +1,42 @@
 {
+  "webcams": {
+    "live_cams": "Трансляции",
+    "online_now": "{count} онлайн",
+    "language_online": "{lang} — {count} онлайн",
+    "more": "Ещё",
+    "more_online": {
+      "straight": "Больше девушек",
+      "gay": "Больше парней",
+      "shemale": "Больше трансов"
+    },
+    "new_model": "Новая модель",
+    "goal": "Цель:",
+    "speaks": "Говорит: {languages}",
+    "speaking": "Говорит: {lang}",
+    "years_old": "{age} лет",
+    "live_cams_gay": "Гей-трансляции",
+    "live_cams_shemale": "Шимейл-трансляции",
+    "online_only": "Только в эфире",
+    "online_short": "{count} в эфире",
+    "sections": {
+      "videos": "Видео",
+      "webcams": "Вебкам"
+    },
+    "filters": {
+      "age": "Возраст",
+      "country": "Страна",
+      "language": "Язык",
+      "body_type": "Телосложение",
+      "ethnicity": "Внешний тип",
+      "hair_color": "Цвет волос",
+      "eye_color": "Цвет глаз",
+      "specifics": "Особенности",
+      "subculture": "Тип"
+    },
+    "filter_groups": {
+      "appearance": "Внешность"
+    }
+  },
   "top_models": "Популярные модели",
   "additional_link": {
     "2257": "2257",

package/i18n/locales/zh-CN.json

@@ -1,4 +1,21 @@
 {
+  "webcams": {
+    "live_cams": "真人视讯",
+    "online_now": "{count} 人在线",
+    "language_online": "{lang} — {count} 人在线",
+    "more": "更多",
+    "more_online": {
+      "straight": "更多在线女孩",
+      "gay": "更多在线男生",
+      "shemale": "更多在线人妖"
+    },
+    "new_model": "新模特",
+    "goal": "目标：",
+    "speaks": "会说 {languages}",
+    "years_old": "{age} 岁",
+    "live_cams_gay": "男同真人视讯",
+    "live_cams_shemale": "人妖真人视讯"
+  },
   "top_models": "热门模特",
   "additional_link": {
     "2257": "2257",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.1031",
+  "version": "0.0.1036",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {

package/pages/categories/letter/[slug].vue

@@ -8,11 +8,11 @@
     <UiSectionTitle
       :title="h1"
       :count="categories?.length"
-      class="_title"
+      class="_mb-16"
       icon="grid"
     />
 
-    <div class="_nav-filter">
+    <div class="category-letter__nav _nav-filter">
       <CategoryNav
         v-if="categoriesGroupByLetter"
         :items="categoriesGroupByLetter as IChipsItem[]"
@@ -92,6 +92,10 @@ const breadcrumbs = [
   min-height: 30vh;
 }
 
+.category-letter__nav:has(.section-nav-links) {
+  margin-top: 8px;
+}
+
 .category-letter__title {
   margin-bottom: 12px;
 }

package/runtime/utils/__tests__/normalize-url.test.ts

@@ -55,6 +55,16 @@ describe('normalizeUrl', () => {
     expect(result.path).toBe('/big-tits-videos');
   });
 
+  it('+ и %2B → дефисы, без двойного кодирования', () => {
+    expect(normalizeUrl({ path: '/categories/anal%2Bfisting', query: {} }).path).toBe('/categories/anal-fisting');
+    expect(normalizeUrl({ path: '/search/a%2Fb', query: {} }).path).toBe('/search/a%2Fb');
+  });
+
+  it('пагинация старого движка ?p=N → ?page=N', () => {
+    expect(normalizeUrl({ path: '/categories/anal', query: { p: '2' } }).query).toEqual({ page: '2' });
+    expect(normalizeUrl({ path: '/categories/anal', query: { p: '1' } }).query).toEqual({});
+  });
+
   it('убирает двойные дефисы', () => {
     const result = normalizeUrl({ path: '/big--tits', query: {} });
     expect(result.path).toBe('/big-tits');

package/runtime/utils/normalize-url.ts

@@ -3,6 +3,12 @@ export function normalizeUrl(to: { path: string; query: Record<string, any> }) {
   let path = to.path;
   let query = { ...to.query };
 
+  // 0) Пагинация старого движка: `?p=N` → `?page=N` (ссылки и индекс старых сайтов)
+  if (query.p !== undefined && query.page === undefined) {
+    const { p, ...rest } = query;
+    query = { ...rest, page: p };
+  }
+
   // 1) Удаляем page=1
   if (query.page === '1') {
     const { page, ...rest } = query;
@@ -48,6 +54,7 @@ export function normalizeUrl(to: { path: string; query: Record<string, any> }) {
   // 3) Заменяем пробелы и %20 на дефисы
   path = path
     .replace(/%20/gi, '-')  // encoded
+    .replace(/%2b/gi, '-')  // `+` — decodeURI его не раскодирует
     .replace(/ /g, '-')      // raw
     .replace(/\+/g, '-');     // some browsers encode spaces as +
 
@@ -62,7 +69,8 @@ export function normalizeUrl(to: { path: string; query: Record<string, any> }) {
   // 6) Кодируем обратно — стабильная RFC-форма (uppercase hex), совпадающая
   //    с тем, что отдаёт vue-router в to.path, поэтому редирект не зациклится.
   try {
-    path = encodeURI(path);
+    // уцелевшие после decodeURI %XX (`%2F`, `%3F`…) не кодируем второй раз в `%252F`
+    path = encodeURI(path).replace(/%25([0-9a-f]{2})/gi, (_, hex) => `%${hex.toUpperCase()}`);
   } catch {
     // no-op
   }

package/services/api/videos.service.ts

@@ -136,6 +136,7 @@ export class VideosApiService {
     lang: Language,
     id: string,
     niche = NicheHelper.getCurrentNiche(),
+    limit = 20,
   ): Promise<string[]> {
     return await ApiHelper.fetch(
       `/videos/referer-phrases-by-id/${id}`,
@@ -147,6 +148,9 @@ export class VideosApiService {
           'X-Cache-Time': '259200',
           'Content-Type': 'application/json',
         },
+        params: {
+          limit,
+        },
       },
     useRuntimeConfig(),
     );
@@ -155,6 +159,7 @@ export class VideosApiService {
     lang: Language,
     id: string,
     niche = NicheHelper.getCurrentNiche(),
+    limit = 20,
   ): Promise<string[]> {
     return await ApiHelper.fetch(
       `/videos/referer-phrases-by-url/${id}`,
@@ -166,6 +171,9 @@ export class VideosApiService {
           'X-Cache-Time': '259200',
           'Content-Type': 'application/json',
         },
+        params: {
+          limit,
+        },
       },
     useRuntimeConfig(),
     );

package/types/switcher-item.d.ts

@@ -8,6 +8,8 @@ export interface ISwitcherItem {
   icon?: string;
   /** Второстепенная подпись: количество, «30 online» и подобное. */
   subtitle?: string;
+  /** Иконка «в эфире» (вебкамы): акцентная всегда, а не только у активной опции. */
+  live?: boolean;
   /** Адрес перехода: с ним опция рисуется ссылкой, а не кнопкой выбора. */
   to?: string;
 }