itube-specs 0.0.899 → 0.0.902

package/components/report/main.vue

@@ -1,4 +1,4 @@
-<!-- Модалка жалобы на видео: 2 шага (причина + анкета) с reCAPTCHA -->
+<!-- Модалка жалобы на видео или плейлист: 2 шага (причина + анкета) с reCAPTCHA -->
 <template>
   <transition mode="out-in">
     <UiPopup
@@ -11,7 +11,13 @@
     >
       <template #title>{{ activeStep !== 'list' && activeCategory ? t(`report_form.${activeCategory.title}`) : t('report') }}</template>
       <template #fixedContent>
+        <CardPlaylistMini
+          v-if="reportTargetType === 'playlist'"
+          :card="reportedPlaylistCard"
+          class="report-main__video-card"
+        />
         <CardVideoMini
+          v-else
           :card="reportedVideoCard"
           class="report-main__video-card"
         />
@@ -163,7 +169,16 @@ const form = ref<IReportForm>({
   data: {},
 });
 
-const { isReportPopupOpen, closeReportPopup, reportedVideoCard, onBack } = useReportPopup();
+const {
+  isReportPopupOpen,
+  closeReportPopup,
+  reportedVideoCard,
+  reportedPlaylistCard,
+  reportTargetType,
+  reportedUrl,
+  reportedGuid,
+  onBack,
+} = useReportPopup();
 
 const showBack = computed(() => activeStep.value !== 'list' || !!onBack.value);
 
@@ -196,7 +211,7 @@ watch(reasonValue, (val) => {
   if (val) errorRadio.value = false;
 });
 
-const videoGuid = computed(() => reportedVideoCard.value.guid);
+const reportGuid = computed(() => reportedGuid.value);
 
 const loading = ref(false);
 
@@ -294,14 +309,14 @@ async function submit() {
     const baseURL = import.meta.client ? window.location.origin : '';
     loading.value = true;
     form.value.token = await getRecaptchaToken('contact_form');
-    form.value.url = `${baseURL}/videos/${reportedVideoCard.value.id}`;
+    form.value.url = `${baseURL}${reportedUrl.value}`;
 
     if (reasonValue.value) {
       form.value.data[ 'reason' ] = reasonValue.value;
     }
     emit('submit', {
       form: form.value,
-      guid: videoGuid.value
+      guid: reportGuid.value
     });
     closeReportPopup();
     resetForm();

package/components/ui/checkbox.vue

@@ -63,7 +63,7 @@ function onChange(event: Event) {
   column-gap: 8px;
   grid-template-columns: auto 1fr;
 
-  @include from-br(md) {
+  @media (hover: hover) {
     cursor: pointer;
 
     &:is(:hover, :focus-visible) {

package/components/ui/dropdown.vue

@@ -161,7 +161,7 @@ const getMaxHeight = computed(() => {
   return props.maxHeight ? `${props.maxHeight}px` : 'none';
 });
 
-defineExpose({ openDropdown });
+defineExpose({ openDropdown, open });
 </script>
 
 <style lang="scss">

package/components/ui/input.vue

@@ -302,13 +302,13 @@ const normalizedValue = computed(() => {
   height: 20px;
   color: var(--input-icon, #{$input-icon});
 
-  @include from-br(sm) {
+  @media (hover: hover) {
     transition: var(--transition) color;
   }
 }
 
 .ui-input__button:is(:hover, :focus-visible) .ui-input__button-icon {
-  @include from-br(sm) {
+  @media (hover: hover) {
     color: var(--input-button-text--hover, #{$input-button-text--hover});
   }
 }

package/components/ui/radio.vue

@@ -60,7 +60,7 @@ const isChecked = computed(() => properties.modelValue === properties.value);
   column-gap: 8px;
   justify-content: start;
 
-  @include from-br(md) {
+  @media (hover: hover) {
     cursor: pointer;
 
     &:is(:hover, :focus-visible) {

package/components/ui/toggle.vue

@@ -48,7 +48,7 @@ $toggler-size: 16px;
   position: relative;
   user-select: none;
 
-  @include from-br(md) {
+  @media (hover: hover) {
     cursor: pointer;
 
     &:is(:hover, :focus-visible) {

package/composables/use-report-popup.ts

@@ -1,14 +1,32 @@
-import type { IVideoCard } from '../types';
+import type { IPlaylistCard, IVideoCard } from '../types';
 
-/** Управляет состоянием попапа жалобы на видео. */
+export type ReportTargetType = 'video' | 'playlist';
+
+/** Управляет состоянием попапа жалобы на видео или плейлист. */
 export const useReportPopup = () => {
   const isReportPopupOpen = useState('report-popup-open', () => false);
   const reportedVideoCard = useState<IVideoCard>('report-popup-card', () => ({} as IVideoCard));
+  const reportedPlaylistCard = useState<IPlaylistCard>('report-popup-playlist-card', () => ({} as IPlaylistCard));
+  const reportTargetType = useState<ReportTargetType>('report-popup-target-type', () => 'video');
+  const reportedUrl = useState('report-popup-url', () => '');
+  const reportedGuid = useState('report-popup-guid', () => '');
   const onBack = useState<(() => void) | null>('report-popup-on-back', () => null);
 
   const openReportPopup = (card: IVideoCard, onBackCallback?: () => void) => {
-    isReportPopupOpen.value = true;
+    reportTargetType.value = 'video';
     reportedVideoCard.value = card;
+    reportedUrl.value = `/videos/${card.id}`;
+    reportedGuid.value = card.guid;
+    isReportPopupOpen.value = true;
+    onBack.value = onBackCallback ?? null;
+  };
+
+  const openPlaylistReportPopup = (card: IPlaylistCard, onBackCallback?: () => void) => {
+    reportTargetType.value = 'playlist';
+    reportedPlaylistCard.value = card;
+    reportedUrl.value = card.firstVideoId ? `/playlists/${card.id}/${card.firstVideoId}` : `/playlists/${card.id}`;
+    reportedGuid.value = card.id;
+    isReportPopupOpen.value = true;
     onBack.value = onBackCallback ?? null;
   };
 
@@ -20,8 +38,13 @@ export const useReportPopup = () => {
   return {
     isReportPopupOpen,
     openReportPopup,
+    openPlaylistReportPopup,
     closeReportPopup,
     reportedVideoCard,
+    reportedPlaylistCard,
+    reportTargetType,
+    reportedUrl,
+    reportedGuid,
     onBack,
   };
 };

package/composables/use-video-collections.ts

@@ -0,0 +1,30 @@
+/**
+ * Заглушка коллекций видео — избранное и «смотреть позже».
+ * Ручек в API пока нет, поэтому состояние живёт только на клиенте и сбрасывается при перезагрузке.
+ * Когда появятся эндпоинты, тут же меняем toggle-и на запросы, интерфейс наружу остаётся тем же.
+ */
+export const useVideoCollections = () => {
+  const favorites = useState<string[]>('video-collections-favorites', () => []);
+  const watchLater = useState<string[]>('video-collections-watch-later', () => []);
+
+  function toggle(list: Ref<string[]>, guid: string) {
+    list.value = list.value.includes(guid)
+      ? list.value.filter(item => item !== guid)
+      : [ ...list.value, guid ];
+  }
+
+  const isFavorite = (guid: string) => favorites.value.includes(guid);
+  const isWatchLater = (guid: string) => watchLater.value.includes(guid);
+
+  const toggleFavorite = (guid: string) => toggle(favorites, guid);
+  const toggleWatchLater = (guid: string) => toggle(watchLater, guid);
+
+  return {
+    favorites,
+    watchLater,
+    isFavorite,
+    isWatchLater,
+    toggleFavorite,
+    toggleWatchLater,
+  };
+};

package/lib/scheme/profile-navigation-items.ts

@@ -7,7 +7,7 @@ export const profileNavigationItems = [
   },
   {
     value: '/user/profile?edit=true',
-    title: 'library',
+    title: 'navigation.library',
     icon: 'library',
     group: 1,
   },

package/package.json

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

package/pages/history.vue

@@ -49,23 +49,23 @@
         :key="group.key"
         class="history__group"
       >
-        <header class="history__group-header">
-          <UiIcon
-            name="date"
-            size="16"
-            class="history__group-icon"
-          />
-          <h2 class="history__group-title">{{ getGroupTitle(group) }}</h2>
-          <span class="history__group-count">({{ t('plural.videos', group.items.length) }})</span>
-        </header>
+        <UiSectionTitle
+          :title="getGroupTitle(group)"
+          :count="n(group.items.length, 'compact')"
+          class="history__group-header"
+          icon="video-camera"
+          title-tag="h2"
+          size="xl"
+        />
 
         <div class="history__grid">
-          <CardHistory
+          <CardVideo
             v-for="(item, index) in group.items"
             :key="`history-${item.guid}`"
             :card="item"
             :priority="groupIndex === 0 && index < 4"
             :loading="groupIndex === 0 && index < 4 ? 'eager' : 'lazy'"
+            history
             @share="onShare"
             @remove="onRemove"
           />
@@ -124,14 +124,13 @@
 <script setup lang="ts">
 import { historyPeriods } from '../lib';
 import { getHistoryStub } from '../stubs/history';
-import type { HistoryStubCard } from '../stubs/history';
 import { groupByWatchedDay } from '../utils/history/group-by-watched-day';
 import type { HistoryDayGroup } from '../utils/history/group-by-watched-day';
 import type { IBreadcrumbItem, IVideoCard } from '../types';
 
 const PER_PAGE = 24;
 
-const { t, locale } = useI18n();
+const { t, n, locale } = useI18n();
 const route = useRoute();
 
 const isFilterOpen = ref(false);
@@ -169,7 +168,7 @@ function getGroupTitle(group: HistoryDayGroup) {
   });
 }
 
-function onRemove(card: HistoryStubCard) {
+function onRemove(card: IVideoCard) {
   removedGuids.value = [...removedGuids.value, card.guid];
 }
 
@@ -235,32 +234,9 @@ const breadcrumbs = [
 }
 
 .history__group-header {
-  display: flex;
-  align-items: center;
-  column-gap: 8px;
   margin-bottom: 16px;
 }
 
-.history__group-icon {
-  flex-shrink: 0;
-  color: $page-history-group-icon;
-}
-
-.history__group-title {
-  @include font-lg;
-
-  margin: 0;
-  font-weight: 600;
-  color: $page-history-group-title;
-}
-
-.history__group-count {
-  @include font-sm;
-
-  font-weight: 400;
-  color: $page-history-group-count;
-}
-
 .history__grid {
   position: relative;
   display: grid;

package/pages/library/categories.vue

@@ -10,6 +10,7 @@
       :items="items"
       :title="t('library.my_categories')"
       icon="grid"
+      without-avatar
     />
   </div>
 </template>
@@ -29,7 +30,7 @@ const items = computed<ILibraryFeedItem[]>(() => getLibraryCategoriesStub().map(
   newCount: category.newCount,
   meta: [
     { icon: 'video-camera', text: String(category.videosCount) },
-    { icon: 'date', text: t('library.updated_at', { date: formatDate(category.lastVideoAddedAt) }) },
+    { icon: 'date', text: t('library.updated_at', { date: formatDate(category.lastVideoAddedAt) }), desktopOnly: true },
   ],
   videosCount: category.videosCount,
   // Нечего показать в новинках — лента откатывается на лучшее за неделю

package/pages/library/channels.vue

@@ -32,7 +32,7 @@ const items = computed<ILibraryFeedItem[]>(() => getLibraryChannelsStub().map(ch
   meta: [
     { icon: 'video-camera', text: String(channel.videosCount) },
     { icon: 'user-group', text: t('library.followers', { count: n(channel.followersCount, 'compact') }) },
-    { icon: 'date', text: t('library.updated_at', { date: formatDate(channel.lastVideoAddedAt) }) },
+    { icon: 'date', text: t('library.updated_at', { date: formatDate(channel.lastVideoAddedAt) }), desktopOnly: true },
   ],
   videosCount: channel.videosCount,
   videos: channel.videos,

package/pages/library/index.vue

@@ -41,12 +41,13 @@
       </header>
 
       <div class="library__continue">
-        <CardHistory
+        <CardVideo
           v-for="item in continueWatching"
           :key="`continue-${item.guid}`"
           :card="item"
           loading="eager"
           priority
+          history
           remaining
           @share="onShare"
           @remove="onRemove"
@@ -134,7 +135,6 @@
 
 <script setup lang="ts">
 import { getHistoryStub } from '../../stubs/history';
-import type { HistoryStubCard } from '../../stubs/history';
 import { libraryStub } from '../../stubs/library';
 import type { IBreadcrumbItem, IVideoCard } from '../../types';
 
@@ -230,7 +230,7 @@ const following = computed<LibraryLink[]>(() => [
   },
 ]);
 
-function onRemove(card: HistoryStubCard) {
+function onRemove(card: IVideoCard) {
   removedGuids.value = [...removedGuids.value, card.guid];
 }
 

package/pages/library/models.vue

@@ -1,4 +1,4 @@
-<!-- Подписки на моделей: аватар, теги, лента последних роликов. Данные пока заглушка -->
+<!-- Подписки на моделей: аватар, параметры (тип/телосложение/этнос), лента последних роликов. Данные пока заглушка -->
 <template>
   <div class="_page _container">
     <UiBreadcrumbs
@@ -28,12 +28,12 @@ const items = computed<ILibraryFeedItem[]>(() => getLibraryModelsStub().map(mode
   to: generateLink(`/models/${convertString().toSlug(model.title)}`),
   avatarUrl: model.avatarUrl,
   country: model.country,
-  tags: model.tags.map(tag => convertString().toChips(tag, 'tag')),
+  parameters: [model.guyType, model.bodyBuild, model.ethnicity],
+  age: `${model.age} ${t('yo')}`,
   newCount: model.newCount,
   meta: [
     { icon: 'video-camera', text: String(model.videosCount) },
-    { text: `${model.age} ${t('yo')}` },
-    { icon: 'date', text: t('library.updated_at', { date: formatDate(model.lastVideoAddedAt) }) },
+    { icon: 'date', text: t('library.updated_at', { date: formatDate(model.lastVideoAddedAt) }), desktopOnly: true },
   ],
   videosCount: model.videosCount,
   videos: model.videos,

package/stubs/library-follows.ts

@@ -32,7 +32,10 @@ export type LibraryModelStub = LibraryFollowBase & {
     title: string
   };
   age: number;
-  tags: string[];
+  /** Параметры модели из API: guy_type, body_build, ethnicity */
+  guyType: string;
+  bodyBuild: string;
+  ethnicity: string;
 };
 
 export type LibraryChannelStub = LibraryFollowBase & {
@@ -65,21 +68,21 @@ function buildVideos(slug: string, offset: number, newCount: number): LibraryFol
 
 /** Порядок по числу новинок намеренно не совпадает с алфавитным — иначе обе сортировки дают одно и то же. */
 const MODELS = [
-  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, tags: ['Twink', 'Jock', 'Versatile', 'Smooth', 'Bareback', 'Amateur'], updatedAgo: 6 * HOUR, videoOffset: 3 },
-  { title: 'Jax Thirio', image: 'Jax_Thirio.png', country: { name: 'ca', title: 'Canada' }, age: 38, videosCount: 17, newCount: 2, tags: ['Muscle', 'Daddy', 'Top', 'Tattooed'], updatedAgo: 2 * DAY, videoOffset: 9 },
-  { title: 'Austin Young', image: 'Austin_Young.png', country: { name: 'us', title: 'USA' }, age: 24, videosCount: 75, newCount: 1, tags: ['Twink', 'Smooth', 'Bottom', 'Blond', 'Solo'], updatedAgo: 9 * DAY, videoOffset: 0 },
-  { title: 'Devin Franco', image: 'Devin_Franco.png', country: { name: 'us', title: 'USA' }, age: 33, videosCount: 24, newCount: 0, tags: ['Muscle', 'Tattooed', 'Bottom', 'Fisting', 'Hardcore', 'Professional'], updatedAgo: 21 * DAY, videoOffset: 6 },
-  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, tags: ['Twink', 'Jock', 'Versatile', 'Smooth', 'Bareback', 'Amateur'], updatedAgo: 6 * HOUR, videoOffset: 3 },
-  { title: 'Jax Thirio', image: 'Jax_Thirio.png', country: { name: 'ca', title: 'Canada' }, age: 38, videosCount: 17, newCount: 2, tags: ['Muscle', 'Daddy', 'Top', 'Tattooed'], updatedAgo: 2 * DAY, videoOffset: 9 },
-  { title: 'Austin Young', image: 'Austin_Young.png', country: { name: 'us', title: 'USA' }, age: 24, videosCount: 75, newCount: 1, tags: ['Twink', 'Smooth', 'Bottom', 'Blond', 'Solo'], updatedAgo: 9 * DAY, videoOffset: 0 },
-  { title: 'Devin Franco', image: 'Devin_Franco.png', country: { name: 'us', title: 'USA' }, age: 33, videosCount: 24, newCount: 0, tags: ['Muscle', 'Tattooed', 'Bottom', 'Fisting', 'Hardcore', 'Professional'], updatedAgo: 21 * DAY, videoOffset: 6 },
-  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, tags: ['Twink', 'Jock', 'Versatile', 'Smooth', 'Bareback', 'Amateur'], updatedAgo: 6 * HOUR, videoOffset: 3 },
-  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, tags: ['Twink', 'Jock', 'Versatile', 'Smooth', 'Bareback', 'Amateur'], updatedAgo: 6 * HOUR, videoOffset: 3 },
-  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, tags: ['Twink', 'Jock', 'Versatile', 'Smooth', 'Bareback', 'Amateur'], updatedAgo: 6 * HOUR, videoOffset: 3 },
-  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, tags: ['Twink', 'Jock', 'Versatile', 'Smooth', 'Bareback', 'Amateur'], updatedAgo: 6 * HOUR, videoOffset: 3 },
-  { title: 'Jax Thirio', image: 'Jax_Thirio.png', country: { name: 'ca', title: 'Canada' }, age: 38, videosCount: 17, newCount: 2, tags: ['Muscle', 'Daddy', 'Top', 'Tattooed'], updatedAgo: 2 * DAY, videoOffset: 9 },
-  { title: 'Austin Young', image: 'Austin_Young.png', country: { name: 'us', title: 'USA' }, age: 24, videosCount: 75, newCount: 1, tags: ['Twink', 'Smooth', 'Bottom', 'Blond', 'Solo'], updatedAgo: 9 * DAY, videoOffset: 0 },
-  { title: 'Devin Franco', image: 'Devin_Franco.png', country: { name: 'us', title: 'USA' }, age: 33, videosCount: 24, newCount: 0, tags: ['Muscle', 'Tattooed', 'Bottom', 'Fisting', 'Hardcore', 'Professional'], updatedAgo: 21 * DAY, videoOffset: 6 },
+  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, guyType: 'Twink', bodyBuild: 'Slim', ethnicity: 'Caucasian', updatedAgo: 6 * HOUR, videoOffset: 3 },
+  { title: 'Jax Thirio', image: 'Jax_Thirio.png', country: { name: 'ca', title: 'Canada' }, age: 38, videosCount: 17, newCount: 2, guyType: 'Daddy', bodyBuild: 'Muscular', ethnicity: 'Latino', updatedAgo: 2 * DAY, videoOffset: 9 },
+  { title: 'Austin Young', image: 'Austin_Young.png', country: { name: 'us', title: 'USA' }, age: 24, videosCount: 75, newCount: 1, guyType: 'Twink', bodyBuild: 'Athletic', ethnicity: 'Caucasian', updatedAgo: 9 * DAY, videoOffset: 0 },
+  { title: 'Devin Franco', image: 'Devin_Franco.png', country: { name: 'us', title: 'USA' }, age: 33, videosCount: 24, newCount: 0, guyType: 'Jock', bodyBuild: 'Muscular', ethnicity: 'Black', updatedAgo: 21 * DAY, videoOffset: 6 },
+  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, guyType: 'Twink', bodyBuild: 'Slim', ethnicity: 'Caucasian', updatedAgo: 6 * HOUR, videoOffset: 3 },
+  { title: 'Jax Thirio', image: 'Jax_Thirio.png', country: { name: 'ca', title: 'Canada' }, age: 38, videosCount: 17, newCount: 2, guyType: 'Daddy', bodyBuild: 'Muscular', ethnicity: 'Latino', updatedAgo: 2 * DAY, videoOffset: 9 },
+  { title: 'Austin Young', image: 'Austin_Young.png', country: { name: 'us', title: 'USA' }, age: 24, videosCount: 75, newCount: 1, guyType: 'Twink', bodyBuild: 'Athletic', ethnicity: 'Caucasian', updatedAgo: 9 * DAY, videoOffset: 0 },
+  { title: 'Devin Franco', image: 'Devin_Franco.png', country: { name: 'us', title: 'USA' }, age: 33, videosCount: 24, newCount: 0, guyType: 'Jock', bodyBuild: 'Muscular', ethnicity: 'Black', updatedAgo: 21 * DAY, videoOffset: 6 },
+  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, guyType: 'Twink', bodyBuild: 'Slim', ethnicity: 'Caucasian', updatedAgo: 6 * HOUR, videoOffset: 3 },
+  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, guyType: 'Twink', bodyBuild: 'Slim', ethnicity: 'Caucasian', updatedAgo: 6 * HOUR, videoOffset: 3 },
+  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, guyType: 'Twink', bodyBuild: 'Slim', ethnicity: 'Caucasian', updatedAgo: 6 * HOUR, videoOffset: 3 },
+  { title: 'Dakota Lovell', image: 'Dakota_Lovell.png', country: { name: 'us', title: 'USA' }, age: 22, videosCount: 41, newCount: 3, guyType: 'Twink', bodyBuild: 'Slim', ethnicity: 'Caucasian', updatedAgo: 6 * HOUR, videoOffset: 3 },
+  { title: 'Jax Thirio', image: 'Jax_Thirio.png', country: { name: 'ca', title: 'Canada' }, age: 38, videosCount: 17, newCount: 2, guyType: 'Daddy', bodyBuild: 'Muscular', ethnicity: 'Latino', updatedAgo: 2 * DAY, videoOffset: 9 },
+  { title: 'Austin Young', image: 'Austin_Young.png', country: { name: 'us', title: 'USA' }, age: 24, videosCount: 75, newCount: 1, guyType: 'Twink', bodyBuild: 'Athletic', ethnicity: 'Caucasian', updatedAgo: 9 * DAY, videoOffset: 0 },
+  { title: 'Devin Franco', image: 'Devin_Franco.png', country: { name: 'us', title: 'USA' }, age: 33, videosCount: 24, newCount: 0, guyType: 'Jock', bodyBuild: 'Muscular', ethnicity: 'Black', updatedAgo: 21 * DAY, videoOffset: 6 },
 ];
 
 const CHANNELS = [

package/types/library-feed.d.ts

@@ -5,6 +5,8 @@ import type { IVideoCard } from './video-card';
 export interface ILibraryFeedMeta {
   icon?: string
   text: string
+  /** Второстепенный счётчик: на мобиле в строке не помещается и скрывается */
+  desktopOnly?: boolean
 }
 
 /**
@@ -24,6 +26,10 @@ export interface ILibraryFeedItem {
     title: string
   }
   tags?: IChipsItem[]
+  /** Строка параметров модели вместо тегов: «Jock · Muscular · Latino» */
+  parameters?: string[]
+  /** Возраст с суффиксом («34 y.o.») — печатается в хвосте строки параметров приглушённым цветом */
+  age?: string
   /** Роликов с прошлого захода: плашка «N new» и порядок в сортировке «сначала новые». 0 — плашки нет */
   newCount: number
   meta: ILibraryFeedMeta[]

package/types/video-card.d.ts

@@ -18,4 +18,8 @@ export interface IVideoCard {
   thumbNum?: number;
   models?: string[];
   thumbUrls?: IThumbUrls;
+  /** Доля просмотренного, 0–100 — рисует полосу прогресса на постере */
+  progress?: number;
+  /** Unix timestamp (сек.) последнего просмотра */
+  watchedAt?: number;
 }