itube-specs 0.0.999 → 0.0.1003

package/components/card/model-mini.vue

@@ -47,14 +47,12 @@
 
 <script setup lang="ts">
 import type { IModelCard } from '../../types';
-import { modelPlaceholder } from '../../runtime';
-import { NicheHelper } from '../../utils/niche-helper';
 
 const props = defineProps<{
   card: IModelCard
 }>();
 
-const placeholder = modelPlaceholder(props.card.gender, NicheHelper.getCurrentNiche(), 'square');
+const placeholder = useModelPlaceholder()(props.card.gender, 'square');
 const fallbackImage = placeholder.webp;
 const fallbackAvifImage = placeholder.avif;
 const imageError = ref(false);

package/components/card/model.vue

@@ -77,8 +77,7 @@
 </template>
 
 <script setup lang="ts">
-import { convertString, formatDate, modelPlaceholder } from '../../runtime';
-import { NicheHelper } from '../../utils/niche-helper';
+import { convertString, formatDate } from '../../runtime';
 import type { IModelCard } from '../../types';
 
 const props = withDefaults(defineProps<{
@@ -99,7 +98,7 @@ const { t } = useI18n();
  */
 const SIZES = 'auto, (max-width: 449px) 50vw, (max-width: 1385px) 215px, 250px';
 
-const placeholder = modelPlaceholder(props.card.gender, NicheHelper.getCurrentNiche(), 'portrait');
+const placeholder = useModelPlaceholder()(props.card.gender, 'portrait');
 const fallbackImage = placeholder.webp;
 const fallbackAvifImage = placeholder.avif;
 const imageError = ref(false);

package/components/card/round.vue

@@ -43,8 +43,6 @@
 <script setup lang="ts">
 import { CSS_BREAKPOINTS } from '../../config/css-breakpoints';
 import type { IRoundCard } from '../../types';
-import { modelPlaceholder } from '../../runtime';
-import { NicheHelper } from '../../utils/niche-helper';
 
 const props = withDefaults(defineProps<{
   card: IRoundCard
@@ -68,7 +66,7 @@ const SIZES = `auto, (max-width: ${CSS_BREAKPOINTS.sm - 1}px) 80px, 96px`;
 // У карточек моделей есть `gender` (пусть и пустой) — им заглушка по полу и нише, остальным — из пропа.
 const modelFallback = props.card.gender === undefined
   ? null
-  : modelPlaceholder(props.card.gender, NicheHelper.getCurrentNiche(), 'square');
+  : useModelPlaceholder()(props.card.gender, 'square');
 const fallbackImage = modelFallback?.webp || props.placeholderAvatar;
 const imageError = ref(false);
 

package/components/card/webcam/index.vue

@@ -233,11 +233,7 @@ const ageFilterUrl = computed(() => {
 
 const webcamsPath = useWebcamsPath();
 
-const nichePath = computed(() => {
-  const niche = NicheHelper.getCurrentNiche();
-
-  return niche && niche !== 'straight' ? `/${niche}` : '';
-});
+const nichePath = computed(() => NicheHelper.getNichePath());
 
 // Короткая форма («США», а не «Соединенные Штаты») теперь дефолт утилиты — своего
 // вызова ICU карточке больше не надо

package/components/info/model.vue

@@ -136,8 +136,7 @@
 </template>
 
 <script setup lang="ts">
-import { AuthSteps, modelPlaceholder } from '../../runtime';
-import { NicheHelper } from '../../utils/niche-helper';
+import { AuthSteps } from '../../runtime';
 import type { ICardInfo, IGroupedParameter, ILinkItem, IModelCard } from '../../types';
 import { CSS_BREAKPOINTS } from '../../config/css-breakpoints';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
@@ -152,11 +151,11 @@ const props = defineProps<{
 const { t, locale } = useI18n();
 
 const featureFlags = useRuntimeConfig().public.featureFlags;
-const niche = NicheHelper.getCurrentNiche();
+const placeholderOf = useModelPlaceholder();
 
 const KNOWN_ICONS = ['facebook', 'instagram', 'tiktok', 'twitter', 'x', 'youtube', 'snapchat'];
 
-const placeholder = computed(() => modelPlaceholder(props.card.gender, niche, 'portrait'));
+const placeholder = computed(() => placeholderOf(props.card.gender, 'portrait'));
 
 /** `.info-model__img` — 160px до sm, 240px дальше. `auto` впереди — см. `UiImg`. */
 const IMG_SIZES = `auto, (max-width: ${CSS_BREAKPOINTS.sm - 1}px) 160px, 240px`;

package/components/search/item.vue

@@ -31,8 +31,7 @@
 
 <script setup lang="ts">
 import type { ISearchTopModelsType } from '../../types';
-import { convertString, modelPlaceholder } from '../../runtime';
-import { NicheHelper } from '../../utils/niche-helper';
+import { convertString } from '../../runtime';
 import DOMPurify from 'dompurify';
 
 const props = defineProps<{
@@ -43,7 +42,7 @@ const props = defineProps<{
 }>();
 
 /** Иконка 32px — квадратный кроп по лицу, если он есть в ответе. */
-const placeholder = modelPlaceholder(props.item?.gender, NicheHelper.getCurrentNiche(), 'square');
+const placeholder = useModelPlaceholder()(props.item?.gender, 'square');
 const icon = computed(() => ({
   webp: props.item?.imageUrl || placeholder.webp,
   avif: props.item?.imageUrl ? props.item.imageAvifUrl : placeholder.avif,

package/components/view/model-videos.vue

@@ -90,8 +90,6 @@
       v-if="similarModels && similarModels.length > 0"
       :items="modelsRoundCards"
       :title="$t('similar_models')"
-      placeholder-avatar="/img/model-placeholder-square.webp"
-      placeholder-avatar-avif="/img/model-placeholder-square.avif"
       class="view-model-videos__other-models"
       hydrate-on-visible
     />

package/components/view/models.vue

@@ -6,8 +6,6 @@
         v-if="topCards.length >= MINIMUM_TOP_THUMBS"
         :items="topCards"
         class="view-models__popular"
-        placeholder-avatar="/img/model-placeholder-square.webp"
-        placeholder-avatar-avif="/img/model-placeholder-square.avif"
         only-grid
       />
 

package/components/view/video.vue

@@ -91,8 +91,6 @@
       :items="modelsRoundCards"
       :title="$t('related_models')"
       class="view-video__popular-models"
-      placeholder-avatar="/img/model-placeholder-square.webp"
-      placeholder-avatar-avif="/img/model-placeholder-square.avif"
       hydrate-on-visible
     />
 
@@ -112,8 +110,7 @@
 
 <script setup lang="ts">
 import type { IChipsItem, IModelCard, IStripcashModel, IVideoCard, IVideoData, PaginatedResponse } from '../../types';
-import { convertModelToRoundCard, modelPlaceholder } from '../../runtime';
-import { NicheHelper } from '../../utils/niche-helper';
+import { convertModelToRoundCard } from '../../runtime';
 import type { AsyncDataRequestStatus } from '#app';
 
 const featureFlags = useRuntimeConfig().public.featureFlags;
@@ -206,10 +203,10 @@ const topChips = computed(() => {
 const topChipsStrings = computed(() => topChips.value?.map(item => item.value));
 
 /** Портрет в чипсе — квадратный кроп по лицу; своего у видео нет, его подмешивает BFF. */
-const niche = NicheHelper.getCurrentNiche();
+const placeholderOf = useModelPlaceholder();
 
 function getModelChips(model: IVideoData['models'][number]): IChipsItem {
-  const placeholder = modelPlaceholder(model.gender, niche, 'square');
+  const placeholder = placeholderOf(model.gender, 'square');
 
   return {
     prefix: '/models',

package/components/view/videos.vue

@@ -49,8 +49,6 @@
         :all-link-text="$t('show_all_models')"
         :header-link-text-short="$t('all_models')"
         class="view-videos__popular-models"
-        placeholder-avatar="/img/model-placeholder-square.webp"
-        placeholder-avatar-avif="/img/model-placeholder-square.avif"
         hydrate-on-visible
       />
     </GridVideos>

package/components/webcam/header.vue

@@ -41,7 +41,7 @@ const { t, te } = useI18n();
 
 const webcamsConfig = computed(() => (useRuntimeConfig().public.webcamsConfig || {}) as IWebcamsConfig);
 const niche = computed(() => NicheHelper.getCurrentNiche() || 'straight');
-const nichePath = computed(() => (niche.value === 'straight' ? '' : `/${niche.value}`));
+const nichePath = computed(() => NicheHelper.getNichePath(niche.value));
 
 /**
  * Заголовок нишевый: у straight — общий, у остальных ниш берём собственный ключ

package/composables/use-generate-link.ts

@@ -1,4 +1,5 @@
 import type { Language, Niche } from '../runtime';
+import { nicheSlug, withNichePrefix, type NicheSlugs } from '../config/niches';
 import { NicheHelper } from '../utils/niche-helper';
 
 /** Возвращает generateLink — генерирует путь с учётом текущей ниши и локали. */
@@ -25,13 +26,12 @@ export const useGenerateLink = () => {
     const nicheFreeRoots = (appConfig.nicheFreeRoots as string[] | undefined) || [];
     const isNicheFree = nicheFreeRoots.some(root => cleanPath === root || cleanPath.startsWith(`${root}/`));
 
-    const withNiche =
-      !niche.value || niche.value === defaultNiche || isOneNiche || isNicheFree
-        ? cleanPath
-        : `/${niche.value}${cleanPath}`;
-
     const locale = localeArg || undefined;
-    return localePath(withNiche, locale);
+    const localized = localePath(cleanPath, locale);
+
+    if (!niche.value || niche.value === defaultNiche || isOneNiche || isNicheFree) return localized;
+
+    return withNichePrefix(localized, `/${nicheSlug(niche.value, appConfig.nicheSlugs as NicheSlugs | undefined)}`, localePath('/', locale));
   };
 
   return { generateLink };

package/composables/use-model-placeholder.ts

@@ -0,0 +1,10 @@
+import { modelPlaceholder, type ModelPlaceholderShape } from '../runtime';
+import { NicheHelper } from '../utils/niche-helper';
+
+/** Заглушка портрета модели под нишу страницы и тему сайта (`appConfig.theme`); пол модели — аргументом. */
+export const useModelPlaceholder = () => {
+  const niche = NicheHelper.getCurrentNiche();
+  const theme = useAppConfig().theme as string | undefined;
+
+  return (gender: string | undefined, shape: ModelPlaceholderShape) => modelPlaceholder(gender, niche, theme, shape);
+};

package/composables/use-niches.ts

@@ -1,4 +1,5 @@
 import type { Niche } from '../runtime';
+import { withNichePrefix } from '../config/niches';
 import { NicheHelper } from '../utils/niche-helper';
 
 /** Иконка из assets/icons/common под каждую нишу. */
@@ -40,7 +41,8 @@ export const useNiches = () => {
   function changeNiche(name: Niche) {
     if (name === current.value) return;
     current.value = name;
-    window.location.href = localePath(name === defaultNiche ? '/' : `/${name}`);
+    const root = localePath('/');
+    window.location.href = withNichePrefix(root, NicheHelper.getNichePath(name), root);
   }
 
   return { niches, currentNiche, changeNiche };

package/config/__tests__/niches.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest';
-import { addNicheAliases, nicheRoutePrefix } from '../niches';
+import { addNicheAliases, nicheFromPath, nicheFromSlug, nicheRoutePrefix, nicheSlug, nichePath, withNichePrefix } from '../niches';
 
 const CONFIG = { niches: ['straight', 'gay', 'shemale'], defaultNiche: 'straight', contentRoots: ['/', '/videos', '/models'] };
 
@@ -19,13 +19,70 @@ describe('niches', () => {
     ];
     addNicheAliases(pages, CONFIG);
 
-    expect(pages[0]?.alias).toEqual(['/:niche(gay|shemale)']);
-    expect(pages[1]?.alias).toEqual(['/v/:slug', '/:niche(gay|shemale)/videos/:slug']);
-    expect(pages[2]?.alias).toEqual(['/:niche(gay|shemale)/models']);
+    expect(pages[0]?.alias).toEqual(['/gay', '/shemale']);
+    expect(pages[1]?.alias).toEqual(['/v/:slug', '/gay/videos/:slug', '/shemale/videos/:slug']);
+    expect(pages[2]?.alias).toEqual(['/gay/models', '/shemale/models']);
     expect(pages[3]?.alias).toBeUndefined();
     expect(pages[4]?.alias).toBeUndefined();
   });
 
+  it('слаги ниш: в префиксе роута слаг, ниша без слага — под кодом', () => {
+    const slugs = { gay: 'gays' };
+    expect(nicheRoutePrefix({ ...CONFIG, slugs })).toBe('/:niche(gays|shemale)');
+
+    const pages = [{ path: '/videos/:slug' }];
+    addNicheAliases(pages, { ...CONFIG, slugs });
+    expect(pages[0]?.alias).toEqual(['/gays/videos/:slug', '/shemale/videos/:slug']);
+  });
+
+  it('префикс пути ниши: слаг, у дефолтной и одной ниши пусто', () => {
+    const slugs = { gay: 'gays' };
+    expect(nichePath('gay', { ...CONFIG, slugs })).toBe('/gays');
+    expect(nichePath('shemale', { ...CONFIG, slugs })).toBe('/shemale');
+    expect(nichePath('straight', CONFIG)).toBe('');
+    expect(nichePath(undefined, CONFIG)).toBe('');
+    expect(nichePath('gay', { niches: ['gay'], defaultNiche: 'straight' })).toBe('');
+  });
+
+  it('префикс ниши в локализованном пути — после языка', () => {
+    expect(withNichePrefix('/models', '/gays')).toBe('/gays/models');
+    expect(withNichePrefix('/', '/gays')).toBe('/gays');
+    expect(withNichePrefix('/?page=2', '/gays')).toBe('/gays?page=2');
+    expect(withNichePrefix('/ru/models', '/gays', '/ru')).toBe('/ru/gays/models');
+    expect(withNichePrefix('/ru', '/gays', '/ru')).toBe('/ru/gays');
+    expect(withNichePrefix('/ru?page=2', '/gays', '/ru')).toBe('/ru/gays?page=2');
+    expect(withNichePrefix('/rubber', '/gays', '/ru')).toBe('/gays/rubber');
+    expect(withNichePrefix('/models', '')).toBe('/models');
+    expect(withNichePrefix('https://ru.example.com/models', '/gays')).toBe('https://ru.example.com/gays/models');
+    expect(withNichePrefix('https://ru.example.com', '/gays')).toBe('https://ru.example.com/gays');
+  });
+
+  it('слаг ↔ ниша', () => {
+    const slugs = { gay: 'gays', shemale: 'shemales' };
+    expect(nicheSlug('gay', slugs)).toBe('gays');
+    expect(nicheSlug('straight', slugs)).toBe('straight');
+    expect(nicheSlug('gay')).toBe('gay');
+    expect(nicheFromSlug('gays', CONFIG.niches, slugs)).toBe('gay');
+    expect(nicheFromSlug('gay', CONFIG.niches, slugs)).toBeUndefined();
+    expect(nicheFromSlug('gay', CONFIG.niches)).toBe('gay');
+    expect(nicheFromSlug('videos', CONFIG.niches, slugs)).toBeUndefined();
+  });
+
+  it('ниша по пути: с языковым префиксом и без, со слагами', () => {
+    const locales = ['en', 'ru', 'ja'];
+    const slugs = { gay: 'gays', shemale: 'shemales' };
+
+    expect(nicheFromPath('/gay/videos', CONFIG, locales)).toBe('gay');
+    expect(nicheFromPath('/ru/gay/videos', CONFIG, locales)).toBe('gay');
+    expect(nicheFromPath('/ru/gays/videos', { ...CONFIG, slugs }, locales)).toBe('gay');
+    expect(nicheFromPath('/shemales', { ...CONFIG, slugs }, locales)).toBe('shemale');
+    expect(nicheFromPath('/ru', CONFIG, locales)).toBe('straight');
+    expect(nicheFromPath('/ru/videos', CONFIG, locales)).toBe('straight');
+    expect(nicheFromPath('/', CONFIG, locales)).toBe('straight');
+    expect(nicheFromPath('/straight/videos', CONFIG, locales)).toBe('straight');
+    expect(nicheFromPath('/ru/gay', CONFIG)).toBe('straight');
+  });
+
   it('сайт с одной нишей: роуты без изменений', () => {
     const pages = [{ path: '/videos' }];
     addNicheAliases(pages, { niches: ['gay'], defaultNiche: 'gay', contentRoots: ['/videos'] });

package/config/niches.ts

@@ -17,6 +17,21 @@ export interface INicheRouting {
    * они одни на весь сайт.
    */
   contentRoots: readonly string[]
+  /** Слаг ниши в URL, если он не совпадает с её кодом (`{ gay: 'gays' }`). */
+  slugs?: NicheSlugs
+}
+
+/** Карта «код ниши → слаг в URL». Ниши без записи живут в URL под своим кодом. */
+export type NicheSlugs = Readonly<Record<string, string>>;
+
+/** Слаг ниши в URL: из карты сайта, без неё — код ниши. */
+export function nicheSlug(niche: string, slugs?: NicheSlugs | null): string {
+  return slugs?.[niche] || niche;
+}
+
+/** Ниша по сегменту URL — обратное к `nicheSlug`. Не ниша — `undefined`. */
+export function nicheFromSlug(slug: string, niches: readonly string[], slugs?: NicheSlugs | null): string | undefined {
+  return niches.find(niche => nicheSlug(niche, slugs) === slug);
 }
 
 /** То, что нужно от записи роута: путь и его алиасы (`NuxtPage` подходит как есть). */
@@ -25,17 +40,34 @@ export interface INicheAliasablePage {
   alias?: string | string[]
 }
 
+/**
+ * Ниша страницы по пути: первый сегмент после языкового префикса (`/ru/gays/videos` → `gay`), не ниша или
+ * дефолтная — дефолтная. Языковой сегмент пропускается по кодам локалей сайта (`prefix_except_default`);
+ * на локалях-поддоменах префикса нет, и пропускать нечего.
+ */
+export function nicheFromPath(
+  path: string,
+  { niches, defaultNiche, slugs }: Pick<INicheRouting, 'niches' | 'defaultNiche' | 'slugs'>,
+  localeCodes: readonly string[] = [],
+): string {
+  const segments = path.split('/').filter(Boolean);
+  const segment = (segments[0] && localeCodes.includes(segments[0]) ? segments[1] : segments[0]) || '';
+  const niche = nicheFromSlug(segment, niches, slugs);
+
+  return niche && niche !== defaultNiche ? niche : defaultNiche;
+}
+
 /** Ниши, которые живут под префиксом (все, кроме дефолтной). */
 export function prefixedNiches({ niches, defaultNiche }: Pick<INicheRouting, 'niches' | 'defaultNiche'>): string[] {
   return niches.filter(niche => niche !== defaultNiche);
 }
 
 /**
- * Префикс пути для нишевых алиасов: `/:niche(gay|shemale)`. У сайта с одной нишей — пусто.
- * Сайт берёт его, если строит собственные нишевые роуты рядом с алиасами.
+ * Префикс пути для нишевых алиасов: `/:niche(gay|shemale)`, со слагами — `/:niche(gays|shemales)`.
+ * У сайта с одной нишей — пусто. Сайт берёт его, если строит собственные нишевые роуты рядом с алиасами.
  */
-export function nicheRoutePrefix(config: Pick<INicheRouting, 'niches' | 'defaultNiche'>): string {
-  const prefixed = prefixedNiches(config);
+export function nicheRoutePrefix(config: Pick<INicheRouting, 'niches' | 'defaultNiche' | 'slugs'>): string {
+  const prefixed = prefixedNiches(config).map(niche => nicheSlug(niche, config.slugs));
 
   return prefixed.length ? `/:niche(${prefixed.join('|')})` : '';
 }
@@ -47,19 +79,50 @@ function isUnderRoot(path: string, roots: readonly string[]): boolean {
 
 /**
  * Клонирует контентные разделы под нишевые префиксы — алиасом той же записи роута:
- * `/videos/:slug` начинает отвечать и на `/gay/videos/:slug`. Сайту с одной нишей ничего не
- * добавляет. Мутирует переданный список — так устроен хук `pages:extend`.
+ * `/videos/:slug` начинает отвечать и на `/gay/videos/:slug`. Алиасы статичные, по одному на нишу:
+ * у алиаса vue-router требует те же параметры, что у оригинала, поэтому параметр `:niche` сюда нельзя.
+ * Сайту с одной нишей ничего не добавляет. Мутирует переданный список — так устроен хук `pages:extend`.
  */
 export function addNicheAliases(pages: INicheAliasablePage[], config: INicheRouting): void {
-  const prefix = nicheRoutePrefix(config);
-  if (!prefix) return;
+  const prefixes = prefixedNiches(config).map(niche => `/${nicheSlug(niche, config.slugs)}`);
+  if (!prefixes.length) return;
 
   for (const page of pages) {
     if (!page.path || !isUnderRoot(page.path, config.contentRoots)) continue;
 
-    const alias = page.path === '/' ? prefix : `${prefix}${page.path}`;
+    const aliases = prefixes.map(prefix => (page.path === '/' ? prefix : `${prefix}${page.path}`));
     const current = Array.isArray(page.alias) ? page.alias : page.alias ? [page.alias] : [];
 
-    page.alias = [...current, alias];
+    page.alias = [...current, ...aliases];
   }
 }
+
+/** Префикс пути ниши (`/gays`). У дефолтной ниши и у сайта с одной нишей — пусто. */
+export function nichePath(niche: string | undefined, { niches, defaultNiche, slugs }: Pick<INicheRouting, 'niches' | 'defaultNiche' | 'slugs'>): string {
+  if (!niche || niches.length <= 1 || niche === defaultNiche) return '';
+
+  return `/${nicheSlug(niche, slugs)}`;
+}
+
+const ORIGIN_RE = /^https?:\/\/[^/?#]+/;
+
+/**
+ * Вставляет префикс ниши в уже локализованный путь — после языкового префикса: `/ru/models` → `/ru/gays/models`.
+ * Префикс ниши добавляется после `localePath`, а не до: на нишевом пути i18n находит роут по алиасу и
+ * пересобирает путь по имени роута — то есть без ниши (так же `switchLocalePath`). `localeRoot` —
+ * `localePath('/')` той же локали. Абсолютный URL (локали на поддоменах) — префикс в его путь.
+ */
+export function withNichePrefix(localizedPath: string, nichePath: string, localeRoot = '/'): string {
+  if (!nichePath) return localizedPath;
+
+  const origin = localizedPath.match(ORIGIN_RE)?.[0] || '';
+  if (origin) return `${origin}${withNichePrefix(localizedPath.slice(origin.length) || '/', nichePath, localeRoot)}`;
+
+  const localeRootPath = localeRoot.replace(ORIGIN_RE, '').replace(/\/$/, '');
+  const afterRoot = localizedPath.slice(localeRootPath.length);
+  const root = localeRootPath && localizedPath.startsWith(localeRootPath) && (!afterRoot || /^[/?#]/.test(afterRoot)) ? localeRootPath : '';
+  const rest = localizedPath.slice(root.length);
+  const tail = rest === '/' ? '' : rest.startsWith('/?') || rest.startsWith('/#') ? rest.slice(1) : rest;
+
+  return `${root}${nichePath}${tail}`;
+}

package/middleware/niche.global.ts

@@ -1,17 +1,23 @@
 import type { Niche } from '../runtime';
+import { nicheFromPath, type NicheSlugs } from '../config/niches';
 import { NicheHelper } from '../utils/niche-helper';
 
 /**
- * Ниша страницы из префикса пути (`/gay/...` → `gay`, без префикса — дефолтная). Работает только
- * у сайтов с несколькими нишами (`appConfig.niches`); у сайта с одной нишей — no-op.
+ * Ниша страницы из префикса пути (`/gay/...` → `gay`, со слагами `/gays/...` → `gay`, с языком
+ * `/ru/gays/...` → `gay`, без префикса — дефолтная). Работает только у сайтов с несколькими нишами
+ * (`appConfig.niches`); у сайта с одной нишей — no-op.
  */
 export default defineNuxtRouteMiddleware((to) => {
-  const niches = (useAppConfig().niches as Niche[] | undefined) || [];
+  const appConfig = useAppConfig();
+  const niches = (appConfig.niches as Niche[] | undefined) || [];
   if (niches.length <= 1) return;
 
-  const defaultNiche = NicheHelper.getSiteDefaultNiche();
-  const firstSegment = to.path.split('/')[1] as Niche;
-  const niche = firstSegment !== defaultNiche && niches.includes(firstSegment) ? firstSegment : defaultNiche;
+  const localeCodes = (useRuntimeConfig().public.locales?.codes as string[] | undefined) || [];
+  const niche = nicheFromPath(to.path, {
+    niches,
+    defaultNiche: NicheHelper.getSiteDefaultNiche(),
+    slugs: appConfig.nicheSlugs as NicheSlugs | undefined,
+  }, localeCodes) as Niche;
 
   useState<Niche>('niche', () => niche).value = niche;
 });

package/package.json

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

package/pages/categories/[slug].vue

@@ -55,8 +55,6 @@
           :items="modelsRoundCards"
           :title="$t('category_top_models_title', {name: title})"
           class="category__models"
-          placeholder-avatar="/img/model-placeholder-square.webp"
-          placeholder-avatar-avif="/img/model-placeholder-square.avif"
         />
       </template>
     </GridVideos>

package/pages/channels/[channel].vue

@@ -52,8 +52,6 @@
           :items="modelsRoundCards"
           :title="t('channels_popular_models')"
           class="channel__videos-models"
-          placeholder-avatar="/img/model-placeholder-square.webp"
-          placeholder-avatar-avif="/img/model-placeholder-square.avif"
           hydrate-on-visible
         />
       </template>

package/pages/following.vue

@@ -18,8 +18,6 @@
       all-link="/library/models"
       icon="user"
       variant="section"
-      placeholder-avatar="/img/model-placeholder-square.webp"
-      placeholder-avatar-avif="/img/model-placeholder-square.avif"
       class="following__section"
       without-count
     />
@@ -136,6 +134,7 @@ const playlists = computed(() => byNewCount(getLibraryPlaylistsStub()));
 const models = computed<IRoundCard[]>(() => modelsStub.value.map(model => ({
   title: model.title,
   primaryImageUrl: model.avatarUrl,
+  gender: '',
   videosCount: model.videosCount,
   link: `/models/${convertString().toSlug(model.title)}`,
   newCount: model.newCount,

package/pages/search/[slug]/index.vue

@@ -47,11 +47,7 @@
           :slide-width="96"
         >
           <template #default="item">
-            <CardRound
-              :card="item"
-              placeholder-avatar="/img/model-placeholder-square.webp"
-              placeholder-avatar-avif="/img/model-placeholder-square.avif"
-            />
+            <CardRound :card="item"/>
           </template>
           <template
             v-if="modelsData.total > MAXIMUM_MODELS"

package/runtime/utils/__tests__/model-placeholder.test.ts

@@ -2,16 +2,23 @@ import { describe, it, expect } from 'vitest';
 import { modelGender, modelPlaceholder } from '../model-placeholder';
 
 describe('modelPlaceholder', () => {
-  it('по полю пола: мужчине мужская, девушке и трансгендер — женская', () => {
-    expect(modelPlaceholder('male', 'straight', 'portrait').webp).toBe('/img/model-placeholder-portrait.webp');
-    expect(modelPlaceholder('female', 'gay', 'square').avif).toBe('/img/model-placeholder-female-square.avif');
-    expect(modelPlaceholder('transgender', 'shemale', 'square').webp).toBe('/img/model-placeholder-female-square.webp');
+  it('набор по полу: мужчине гей, транс — шимейл, девушке стрейт', () => {
+    expect(modelPlaceholder('male', 'straight', 'dark', 'portrait').webp).toBe('/img/model-placeholder/gay-dark-portrait.webp');
+    expect(modelPlaceholder('female', 'gay', 'light', 'square').avif).toBe('/img/model-placeholder/straight-light-square.avif');
+    expect(modelPlaceholder('transgender', 'straight', 'dark', 'square').webp).toBe('/img/model-placeholder/shemale-dark-square.webp');
+    expect(modelPlaceholder('trans woman', 'gay', 'dark', 'square').webp).toBe('/img/model-placeholder/shemale-dark-square.webp');
   });
 
-  it('пол неизвестен — по нише: гей мужская, стрейт и шимейл женская', () => {
-    expect(modelPlaceholder('', 'gay', 'square').webp).toBe('/img/model-placeholder-square.webp');
-    expect(modelPlaceholder(undefined, 'straight', 'portrait').webp).toBe('/img/model-placeholder-female-portrait.webp');
-    expect(modelPlaceholder('', 'shemale', 'portrait').webp).toBe('/img/model-placeholder-female-portrait.webp');
+  it('пол неизвестен — по нише, неизвестная ниша — стрейт', () => {
+    expect(modelPlaceholder('', 'gay', 'dark', 'square').webp).toBe('/img/model-placeholder/gay-dark-square.webp');
+    expect(modelPlaceholder(undefined, 'shemale', 'light', 'portrait').webp).toBe('/img/model-placeholder/shemale-light-portrait.webp');
+    expect(modelPlaceholder('', undefined, 'dark', 'portrait').webp).toBe('/img/model-placeholder/straight-dark-portrait.webp');
+  });
+
+  it('тема: dark/light, неизвестная — dark', () => {
+    expect(modelPlaceholder('', 'gay', 'light', 'square').webp).toBe('/img/model-placeholder/gay-light-square.webp');
+    expect(modelPlaceholder('', 'gay', 'black', 'square').webp).toBe('/img/model-placeholder/gay-dark-square.webp');
+    expect(modelPlaceholder('', 'gay', undefined, 'square').webp).toBe('/img/model-placeholder/gay-dark-square.webp');
   });
 });
 

package/runtime/utils/model-placeholder.ts

@@ -7,6 +7,9 @@ type GenderSource = {
   parameters?: Array<{ name: string, values?: Array<{ name: string }> }> | null
 };
 
+const PLACEHOLDER_NICHES = ['straight', 'gay', 'shemale'];
+const PLACEHOLDER_THEMES = ['dark', 'light'];
+
 /**
  * Пол сырой модели (`female`, `male`, `transgender`, `trans woman`…): поле `gender` (v1-ручки) или
  * параметр `gender` (v2). Нет ни того, ни другого — пусто.
@@ -15,16 +18,27 @@ export const modelGender = (model?: GenderSource | null): string => model?.gende
   || (Array.isArray(model?.parameters) && model.parameters.find(item => item.name === 'gender')?.values?.[0]?.name)
   || '';
 
+/** Набор заглушки по полу: мужчинам — гей, транс — шимейл, девушкам — стрейт; пол неизвестен — ниша страницы. */
+const placeholderNiche = (gender: string | undefined, niche: string | undefined): string => {
+  const value = (gender || '').toLowerCase();
+
+  if (value === 'male') return 'gay';
+  if (/trans|shemale/.test(value)) return 'shemale';
+  if (value === 'female') return 'straight';
+
+  return niche && PLACEHOLDER_NICHES.includes(niche) ? niche : 'straight';
+};
+
 /**
- * Заглушка вместо портрета модели. По полю пола: мужчинам — мужская, остальным — женская (у трансгендер
- * своей пока нет). Пол неизвестен — по нише: гей-нише мужская, остальным женская.
+ * Заглушка вместо портрета модели: набор (стрейт/гей/шимейл) × тема (dark/light) × кроп. Набор — по полу,
+ * пол неизвестен — по нише; неизвестная тема — dark.
  *
- * Файлы лежат в `public/img` сайта: `model-placeholder-{portrait,square}.{webp,avif}` (мужская) и
- * `model-placeholder-female-{portrait,square}.{webp,avif}`.
+ * Файлы лежат в слое: `public/img/model-placeholder/<niche>-<theme>-<shape>.{webp,avif}`. Сайт перекрывает
+ * любой своим файлом с тем же путём.
  */
-export const modelPlaceholder = (gender: string | undefined, niche: string | undefined, shape: ModelPlaceholderShape) => {
-  const isMale = gender ? gender === 'male' : niche === 'gay';
-  const base = `/img/model-placeholder-${isMale ? '' : 'female-'}${shape}`;
+export const modelPlaceholder = (gender: string | undefined, niche: string | undefined, theme: string | undefined, shape: ModelPlaceholderShape) => {
+  const tone = theme && PLACEHOLDER_THEMES.includes(theme) ? theme : 'dark';
+  const base = `/img/model-placeholder/${placeholderNiche(gender, niche)}-${tone}-${shape}`;
 
   return { webp: `${base}.webp`, avif: `${base}.avif` };
 };

package/utils/niche-helper.ts

@@ -1,4 +1,5 @@
 import type { Niche } from '../runtime';
+import { nichePath, type NicheSlugs } from '../config/niches';
 
 /** Хелпер для работы с нишами */
 export class NicheHelper {
@@ -14,4 +15,23 @@ export class NicheHelper {
   public static getCurrentNiche(): Niche {
     return (useState<Niche>('niche').value || NicheHelper.getSiteDefaultNiche()) as Niche;
   }
+
+  /**
+   * Префикс пути ниши (`/gay`, со слагами из `appConfig.nicheSlugs` — `/gays`). У дефолтной ниши и у
+   * сайта с одной нишей — пусто.
+   */
+  public static getNichePath(niche: Niche = NicheHelper.getCurrentNiche()): string {
+    return nichePath(niche, NicheHelper.getNicheRouting());
+  }
+
+  /** Ниши сайта, дефолтная и слаги — то, что нужно `nichePath` и прочим хелперам `itube-specs/config`. */
+  public static getNicheRouting(): { niches: Niche[], defaultNiche: Niche, slugs?: NicheSlugs } {
+    const appConfig = useAppConfig();
+
+    return {
+      niches: (appConfig.niches as Niche[] | undefined) || [],
+      defaultNiche: NicheHelper.getSiteDefaultNiche(),
+      slugs: appConfig.nicheSlugs as NicheSlugs | undefined,
+    };
+  }
 }