itube-specs 0.0.928 → 0.0.929

package/components/player/core.vue

@@ -191,7 +191,12 @@ const currentSource = computed<VideoSource>(() => {
     thumbnails: props.data.vttUrl,
     // Главы: плеер сам рисует кнопку сцен, подписи и превью из VTT.
     // ITimestamp.duration — момент старта главы (секунды).
-    chapters: props.data.actions?.map((ts) => ({ start: ts.duration, title: ts.title })),
+    // `end_duration` бекенд отдаёт не всегда — без него плеер досчитывает конец сам
+    chapters: props.data.actions?.map((ts) => ({
+      start: ts.duration,
+      ...(Number(ts.end_duration) > ts.duration ? { end: Number(ts.end_duration) } : {}),
+      title: ts.title,
+    })),
     // timelines_groups → sceneGroups и hotspots → heatmap (маппинг выше).
     sceneGroups: sceneGroups.value,
     heatmap: heatmap.value,

package/package.json

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

package/runtime/utils/cleaners/__tests__/clean-video-data.test.ts

@@ -39,6 +39,71 @@ describe('cleanVideoData', () => {
     expect(result.thumbNum).toBe(5);
   });
 
+  it('таймлайны: конец периода из бекендного end_duration', () => {
+    // форма как на бою: у первой сцены группы `locations` старта нет вовсе — это ноль
+    const raw = {
+      timelines_groups: [
+        {
+          name: 'actions',
+          title: 'Scenes',
+          actions: [
+            { title: 'oral', duration: 75, end_duration: 140 },
+            { title: 'anal', duration: 264, end_duration: 464 },
+          ],
+        },
+        {
+          name: 'locations',
+          title: 'locations',
+          actions: [
+            { title: 'bedroom', end_duration: 200 },
+            { title: 'living_room', duration: 200, end_duration: 479 },
+          ],
+        },
+      ],
+    };
+
+    expect(cleanVideoData(raw as any).timelinesGroups).toEqual([
+      {
+        id: 'actions',
+        title: 'Scenes',
+        scenes: [
+          { start: 75, end: 140, title: 'Oral' },
+          { start: 264, end: 464, title: 'Anal' },
+        ],
+      },
+      {
+        id: 'locations',
+        title: 'Locations',
+        scenes: [
+          { start: 0, end: 200, title: 'Bedroom' },
+          { start: 200, end: 479, title: 'Living room' },
+        ],
+      },
+    ]);
+  });
+
+  it('таймлайны: битый или отсутствующий конец периода не пробрасываем', () => {
+    const raw = {
+      timelines_groups: [
+        {
+          name: 'actions',
+          title: 'Scenes',
+          actions: [
+            { title: 'oral', duration: 75 },
+            { title: 'anal', duration: 264, end_duration: 100 },
+            { title: 'kiss', duration: 300, end_duration: 300 },
+          ],
+        },
+      ],
+    };
+
+    expect(cleanVideoData(raw as any).timelinesGroups?.[0].scenes).toEqual([
+      { start: 75, title: 'Oral' },
+      { start: 264, title: 'Anal' },
+      { start: 300, title: 'Kiss' },
+    ]);
+  });
+
   it('пустые данные → дефолты', () => {
     const result = cleanVideoData({} as any);
     expect(result.guid).toBe('');

package/runtime/utils/cleaners/clean-video-data.ts

@@ -6,7 +6,11 @@ const humanize = (value?: string | null): string => {
   return text ? text.charAt(0).toUpperCase() + text.slice(1) : text;
 };
 
-// timelines_groups ({ name, actions:[{ duration?, title }] }) → sceneGroups ({ id, title, scenes:[{ start, title }] }).
+// timelines_groups ({ name, actions:[{ duration?, end_duration?, title }] }) →
+// sceneGroups ({ id, title, scenes:[{ start, end?, title }] }). `end` — бекендный конец
+// периода: из него плеер строит «0:00 – 1:54» в меню тайм-кодов (опция
+// `controls.sceneTimes`), а без него досчитывает конец по старту следующей сцены.
+// Мусор не пропускаем: конец раньше старта плееру не нужен.
 const cleanTimelineGroups = (raw: ITimelineGroup[] | null): ISceneGroup[] | null => {
   if (!Array.isArray(raw)) return null;
 
@@ -17,10 +21,16 @@ const cleanTimelineGroups = (raw: ITimelineGroup[] | null): ISceneGroup[] | null
       title: humanize(group.title),
       scenes: group.actions
         .filter((action) => action?.title)
-        .map((action) => ({
-          start: Number(action.duration) || 0,
-          title: humanize(action.title),
-        })),
+        .map((action) => {
+          const start = Number(action.duration) || 0;
+          const end = Number(action.end_duration) || 0;
+
+          return {
+            start,
+            ...(end > start ? { end } : {}),
+            title: humanize(action.title),
+          };
+        }),
     }))
     .filter((group) => group.scenes.length > 0);
 

package/types/video-data.d.ts

@@ -2,12 +2,16 @@ import type { IThumbUrls } from '~/types/thumbs-urls';
 
 export interface ITimestamp {
   duration: number;
+  /** Конец периода в секундах — бекендное `end_duration`, если он его отдал. */
+  end_duration?: number;
   title: string;
 }
 
 // Сырые группы таймлайна, как приходят с бека.
 export interface ITimelineGroupAction {
   duration?: number;
+  /** Конец периода в секундах. Бекенд отдаёт его не у каждой сцены. */
+  end_duration?: number;
   title: string;
 }
 
@@ -20,6 +24,8 @@ export interface ITimelineGroup {
 // Очищенная форма: id (сырое имя, для иконок), человекочитаемый title, сцены со start.
 export interface ISceneGroupScene {
   start: number;
+  /** Конец сцены: плеер строит из него период «0:00 – 1:54» в меню тайм-кодов. */
+  end?: number;
   title: string;
 }