itube-specs 0.0.1034 → 0.0.1037

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,20 @@
 коммиты до бампа); `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;` и

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

@@ -1141,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;

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

@@ -1168,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;

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/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/view/models.vue

@@ -8,7 +8,11 @@
         v-if="isWebcamsEnabled"
         class="view-models__intro"
       >
-        <h1 class="view-models__heading _title">{{ h1 }}</h1>
+        <UiSectionTitle
+          :title="h1"
+          :count="isFiltered || letter ? data?.total : modelsTotal || data?.total"
+          icon="user"
+        />
 
         <UiSwitcher
           :items="sections"
@@ -251,18 +255,12 @@ const topCards = computed(() => {
 }
 
 .view-models__intro {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  column-gap: 20px;
+  display: grid;
+  justify-items: start;
   row-gap: 16px;
   margin-bottom: 16px;
 }
 
-.view-models__heading {
-  margin-bottom: 0;
-}
-
 .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"
@@ -300,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.1034",
+  "version": "0.0.1037",
   "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/pages/playlists/[playlistId]/index.vue

@@ -0,0 +1,25 @@
+<!-- Плейлист без ролика в адресе (`/playlists/{id}`, в том числе со старого `/playlist/{id}`) — 301 на первый ролик -->
+<template>
+  <div class="_loading"/>
+</template>
+
+<script setup lang="ts">
+import { PlaylistsApiService } from '../../../services/api/playlists.service';
+
+const featureFlags = useRuntimeConfig().public.featureFlags;
+const route = useRoute();
+const { generateLink } = useGenerateLink();
+
+const { data } = await useFetchPlaylistsGetVideosById(PlaylistsApiService.getVideosByPlaylist);
+
+const first = data.value?.items?.[0];
+
+if (!first) {
+  throw createError({ statusCode: 404, statusMessage: 'Not Found' });
+}
+
+await navigateTo(
+  generateLink(`/playlists/${String(route.params['playlistId'])}/${first[featureFlags.FetchByUrlEnabled ? 'url' : 'id']}`),
+  { redirectCode: 301, replace: true },
+);
+</script>

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(),
     );