@vkontakte/videoplayer 1.1.44-dev.ba8928f2.0 → 1.1.44-dev.c283bc82.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.44-dev.ba8928f2.0",
+  "version": "1.1.44-dev.c283bc82.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -49,9 +49,9 @@
     "**/*.d.ts"
   ],
   "dependencies": {
-    "@vkontakte/videoplayer-core": "2.0.111-dev.0525137a.0",
-    "@vkontakte/videoplayer-interactive": "1.0.19-dev.c9e593de.0",
-    "@vkontakte/videoplayer-shared": "1.0.43-dev.6d9b631f.0",
-    "@vkontakte/videoplayer-statistics": "1.0.58-dev.8b7277af.0"
+    "@vkontakte/videoplayer-core": "2.0.111-dev.974e99b3.0",
+    "@vkontakte/videoplayer-interactive": "1.0.19-dev.24c1511f.0",
+    "@vkontakte/videoplayer-shared": "1.0.43-dev.4084de2a.0",
+    "@vkontakte/videoplayer-statistics": "1.0.58-dev.c672a138.0"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -5,6 +5,7 @@ import { InterfaceLanguage, type QualityLimits } from '@vkontakte/videoplayer-sh
 import { type PlaybackRate } from '@vkontakte/videoplayer-core';
 import type { IStatContext } from '@vkontakte/videoplayer-statistics';
 import { AnnotationsApi } from '../utils/webAPI/annotationsApi/annotationsApi';
+import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/types';
 export declare class VKVideoPlayer extends HTMLElement {
     private svelteStubComponent?;
     private svelteRootComponent?;
@@ -86,5 +87,11 @@ export declare class VKVideoPlayer extends HTMLElement {
     replayInteractiveChapter(callback?: () => void): Promise<void>;
     showInteractiveIndicatorTooltip(newValue: boolean, useTimeout?: boolean): void;
     switchToActiveLive(): void;
+    updateAdditionalSettingsItem(itemId: string, fields: Partial<Omit<AdditionalSettingsMenuItem, 'id' | 'type'>>): void;
+    addAdditionalSettingsItem(newItem: AdditionalSettingsMenuItem): void;
+    removeAdditionalSettingsItem(itemId: string): void;
+    updateAdditionalContextItem(itemId: string, fields: Partial<Omit<AdditionalContextMenuItem, 'id'>>): void;
+    addAdditionalContextItem(newItem: AdditionalContextMenuItem): void;
+    removeAdditionalContextItem(itemId: string): void;
     updateStatContext(statContext: Partial<IStatContext>): void;
 }

package/types/components/Menus/constants/contextMenuItemIds.d.ts

@@ -0,0 +1,12 @@
+export declare enum ContextMenuItemIds {
+    COPY_LINK = "copy-link",
+    COPY_LINK_TIMESTAMP = "copy-link-timestamp",
+    COPY_EMBED_CODE = "copy-embed-code",
+    PIP = "pip",
+    VIDEO_LOOP = "video-loop",
+    ROTATE = "rotate",
+    REPORT = "report",
+    SAVE_DEBUG = "save-debug",
+    SAVE_TRACE = "save-trace",
+    DEBUG_INFO = "debug-info"
+}

package/types/components/Menus/constants/contextMenuItemWeights.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenuItemIds } from './contextMenuItemIds';
+export declare const contextMenuItemWeights: {
+    [key in ContextMenuItemIds]: number;
+};

package/types/components/Menus/constants/defaultSubMenuMinWidth.d.ts

@@ -0,0 +1 @@
+export declare const defaultSubMenuMinWidth = 137;

package/types/components/Menus/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from './settingsMenuItemWeights';
+export * from './settingsMenuItemIds';
+export * from './defaultSubMenuMinWidth';
+export * from './topOffset';

package/types/components/Menus/constants/settingsMenuItemIds.d.ts

@@ -0,0 +1,12 @@
+export declare enum SettingsMenuItemIds {
+    QUALITY = "quality-settings",
+    AUDIO_LANGUAGES = "audio-language-settings",
+    PLAYBACK_RATE = "playback-rate-settings",
+    SUBTITLES = "subtitles-settings",
+    TRAFFIC_SAVING = "traffic-saving-settings",
+    DOWNLOAD = "download",
+    REPORT = "report",
+    COPY_DATA = "copy-data",
+    SAVE_TRACE_INFO = "save-trace-info",
+    DEBUG_INFO = "debug-info"
+}

package/types/components/Menus/constants/settingsMenuItemWeights.d.ts

@@ -0,0 +1,4 @@
+import { SettingsMenuItemIds } from './settingsMenuItemIds';
+export declare const settingsMenuItemWeights: {
+    [key in SettingsMenuItemIds]: number;
+};

package/types/components/Menus/constants/topOffset.d.ts

@@ -0,0 +1 @@
+export declare const topOffset: number;

package/types/components/Menus/types.d.ts

@@ -0,0 +1,72 @@
+import type { ComponentType } from 'svelte';
+import type { Writable } from 'svelte/store';
+import { UIType } from '../../types';
+interface BaseMenuItem {
+    id: string;
+    weight: number;
+    ariaLabel?: string;
+    label: string;
+}
+interface BaseSettingsMenuItem extends BaseMenuItem {
+    icon: ComponentType | string;
+    isHiddenFor?: UIType[];
+}
+export declare enum MenuItemType {
+    OPEN_SUB_MENU = "OPEN_SUB_MENU",
+    CLICK = "CLICK",
+    SWITCH = "SWITCH"
+}
+export interface OpenSubMenuSettingsMenuItem extends BaseSettingsMenuItem {
+    type: MenuItemType.OPEN_SUB_MENU;
+    value: string;
+    valueComponent?: ComponentType;
+    getSubItemForFocus: () => HTMLLIElement;
+    subMenu: {
+        show: boolean;
+        items: SubMenuItem[];
+        returnFromSubMenu?: () => void;
+        ariaLabelReturnFromSubMenu?: string;
+        title: string;
+        closeSettingsMenu: () => void;
+        backToMainSettings: () => void;
+        itemIdReturnCase: Writable<string | undefined>;
+        selectItem: (value: SubMenuItem['value']) => void;
+        minWidth?: number;
+    };
+}
+export interface ClickSettingsMenuItem extends BaseSettingsMenuItem {
+    type: MenuItemType.CLICK;
+    onClick: () => void;
+}
+export interface SwitchSettingsMenuItem extends BaseSettingsMenuItem {
+    type: MenuItemType.SWITCH;
+    onClick: (enabled: boolean) => void;
+    enabled: boolean;
+    tooltipText?: string;
+    maxTooltipWidth?: number;
+}
+export type AdditionalSwitchSettingsMenuItem = Omit<SwitchSettingsMenuItem, 'icon' | 'onClick'> & {
+    icon: string;
+    onChangeEnabled: (enabled: boolean) => void;
+};
+export type AdditionalClickSettingsMenuItem = Omit<SwitchSettingsMenuItem, 'icon'> & {
+    icon: string;
+};
+export type SettingsMenuItem = OpenSubMenuSettingsMenuItem | ClickSettingsMenuItem | SwitchSettingsMenuItem;
+export type AdditionalSettingsMenuItem = AdditionalSwitchSettingsMenuItem | AdditionalClickSettingsMenuItem;
+export interface SubMenuItem<T = any, U = any> {
+    value: T;
+    dataValue?: T | keyof T;
+    valueComponent?: ComponentType;
+    valueComponentParams?: {
+        [key: string]: U;
+    };
+    ariaLabel?: string;
+    label?: string;
+    selected?: boolean;
+}
+export interface ContextMenuItem extends BaseMenuItem {
+    onClick: () => void;
+}
+export type AdditionalContextMenuItem = ContextMenuItem;
+export {};

package/types/components/Menus/utils/getCurrentQualityDisplayValue.d.ts

@@ -0,0 +1,3 @@
+import { VideoQuality } from '@vkontakte/videoplayer-core';
+import type { VideoQualityForRender } from '../../../types';
+export declare const getCurrentQualityDisplayValue: (currentQuality: VideoQuality | undefined, availableQualities: VideoQualityForRender[], isAutoQualityEnabled: boolean | undefined) => string;

package/types/components/Menus/utils/getQualityIcon.d.ts

@@ -0,0 +1,3 @@
+import type { VideoQualityUI } from '../../../types';
+import type { ComponentType } from 'svelte';
+export declare const getQualityIcon: (quality?: VideoQualityUI) => ComponentType | undefined;

package/types/{utils → components/Menus/utils}/menuNavigation.d.ts

@@ -1,13 +1,17 @@
 import { type Writable } from 'svelte/store';
-import type { Position } from '../types';
+import type { Position } from '../../../types';
 export declare const isKeyboardHandleCase: (event?: MouseEvent) => boolean;
 export declare const handleFocusReturnToBtn: (ref: HTMLButtonElement, menuVisible: boolean, openedByKeyboard$: Writable<boolean>) => Promise<void>;
 export declare const handleFocusReturnToElem: (ref: HTMLButtonElement, menuVisible: boolean, openedByKeyboard$: Writable<boolean>) => Promise<void>;
 export declare const handleFocusOnMenu: (ref: HTMLUListElement, menuVisible: boolean, isOpenedByKeyboard: boolean) => Promise<void>;
-export declare const returnFocusToMenuItem: (ref: HTMLLIElement, returnCase: Writable<boolean>, isReturnCase: boolean) => Promise<void>;
+export declare const returnFocusToMenuItem: (ref: HTMLLIElement) => Promise<void>;
 export declare const handleKeyDownMainMenu: (event: KeyboardEvent, closeCallback: () => void) => void;
 export declare const handleKeyDownOpenSubMenuItem: (event: KeyboardEvent, openSubmenuFn: () => void, getSubItemFn: () => HTMLLIElement) => Promise<void>;
-export declare const handleKeyDownSubMenu: (event: KeyboardEvent, backToMainSettingsFn: () => void, mainMenuReturnCase: Writable<boolean>, closeSettingsMenuFn: () => void) => Promise<void>;
+export declare const handleKeyDownSubMenu: (event: KeyboardEvent, backToMainSettingsFn: () => void, { itemIdReturnCase, id }: {
+    itemIdReturnCase: Writable<string | undefined>;
+    id: string;
+}, closeSettingsMenuFn: () => void) => Promise<void>;
 export declare const handleChoseMenuItem: (event: KeyboardEvent, selectFn: () => void) => void;
+export declare const handleSwitchMenuItem: (event: KeyboardEvent, enabled: boolean, selectFn: (value: boolean) => void) => void;
 export declare const getContextMenuPositionByButton: (btnRef: HTMLButtonElement) => Position;
 export declare const getContextMenuPositionByHotKey: (overlayRef: HTMLDivElement | undefined) => Position;

package/types/config.d.ts

@@ -101,6 +101,8 @@ export interface IUIConfig {
         saveDebugInfoToFile: boolean;
         saveTraceInfoToFile: boolean;
         additionalButtons: boolean;
+        additionalSettingsMenuItems: boolean;
+        additionalContextMenuItems: boolean;
         contextMenuButton: boolean;
         audioLanguages: boolean;
         saveRate: boolean;

package/types/index.d.ts

@@ -6,6 +6,7 @@ import type { ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek } f
 import type { Milliseconds, QualityLimits } from '@vkontakte/videoplayer-shared';
 export { VERSION } from './env';
 export declare const registerPlayerWebComponent: () => void;
+export { type AdditionalSettingsMenuItem, MenuItemType, type AdditionalClickSettingsMenuItem, type AdditionalSwitchSettingsMenuItem, type AdditionalContextMenuItem, } from './components/Menus/types';
 export type { VKVideoPlayer, IVKVideoPlayerConfig, IControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButton, QualityLimits, };
 export { GridTypes, };
 export { InterfaceLanguage, VKNumericLanguage, loadVKLangPack, } from '@vkontakte/videoplayer-shared';

package/types/store/index.d.ts

@@ -1,7 +1,6 @@
-import type { IConfig, IExternalTextTrack, IOptionalTuningConfig, IPlayer, ISources, PlaybackRate, IAudioStream, IVideoStream } from '@vkontakte/videoplayer-core';
+import type { IAudioStream, IConfig, IExternalTextTrack, IOptionalTuningConfig, IPlayer, ISources, IVideoStream, PlaybackRate } from '@vkontakte/videoplayer-core';
 import { ChromecastState, PlaybackState, VideoFormat } from '@vkontakte/videoplayer-core';
-import { type IError, type ILogger, type IRectangle, type IValueObservable, type QualityLimits } from '@vkontakte/videoplayer-shared';
-import { InterfaceLanguage, VideoQuality } from '@vkontakte/videoplayer-shared';
+import { type IError, type ILogger, InterfaceLanguage, type IRectangle, type IValueObservable, type QualityLimits, VideoQuality } from '@vkontakte/videoplayer-shared';
 import type { IUIConfig } from '../config';
 import { SeekAction } from '@vkontakte/videoplayer-statistics';
 import { type InteractiveRange } from '@vkontakte/videoplayer-interactive';
@@ -11,9 +10,9 @@ import type { LanguageConfig } from '../translation/types';
 import type { AdditionalButton, ControlsKeys, HotKeyMapData, IAnnotationsApi, IControlInfo, IDisabledControls, IInteractiveData, IPictureInPictureApi, IPlayerPhase, ITimelinePreviewThumbsData, IVideoEpisode, IVKVideoPlayerCallbacks, IVKVideoPlayerUICallbacks, Position, VideoPlaybackRate, VideoQualityForRender, VideoQualityUI, VideoSubtitle, VideoSubtitleParsed } from '../types';
 import { AdsPlaybackState, PictureInPictureType } from '../types';
 import type { DebugData } from './utils';
-import { type PlayPrevChapterDisabledTooltipKey } from '../constans';
-import { GridTypes } from '../constans';
+import { GridTypes, type PlayPrevChapterDisabledTooltipKey } from '../constans';
 import { UIOneStat } from '../services/statistics';
+import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem, ContextMenuItem, SettingsMenuItem } from '../components/Menus/types';
 export interface IAdsState {
     position: Writable<number>;
     duration: Writable<number>;
@@ -90,6 +89,8 @@ export interface IUIState {
     currentGridType$: Readable<GridTypes>;
     interactiveHideMobileControls: Writable<boolean>;
     additionalButtons$: Readable<AdditionalButton[]>;
+    additionalSettingsMenuItems$: Readable<SettingsMenuItem[]>;
+    additionalContextMenuItems$: Readable<ContextMenuItem[]>;
     overlayContainer$: Writable<HTMLDivElement | undefined>;
     startedByKeyboard$: Writable<boolean>;
 }
@@ -244,6 +245,12 @@ export interface IStore {
             setMuted: (muted: boolean) => void;
             setVolume: (volume: number) => void;
             returnFocusToEpisodes: () => void;
+            updateAdditionalSettingsItem: (itemId: string, fields: Partial<Omit<AdditionalSettingsMenuItem, 'id' | 'type'>>) => void;
+            addAdditionalSettingsItem: (newItem: AdditionalSettingsMenuItem) => void;
+            removeAdditionalSettingsItem: (itemId: string) => void;
+            updateAdditionalContextItem: (itemId: string, fields: Partial<Omit<AdditionalContextMenuItem, 'id'>>) => void;
+            addAdditionalContextItem: (newItem: AdditionalContextMenuItem) => void;
+            removeAdditionalContextItem: (itemId: string) => void;
         };
     };
     callbacks?: IVKVideoPlayerCallbacks;
@@ -276,6 +283,8 @@ interface IStoreParams {
     disabledControls: ControlsKeys;
     playPrevChapterDisabledTooltip: PlayPrevChapterDisabledTooltipKey;
     additionalButtons: AdditionalButton[];
+    additionalSettingsMenuItems: AdditionalSettingsMenuItem[];
+    additionalContextMenuItems: AdditionalContextMenuItem[];
     looped?: boolean;
     statistics?: UIOneStat;
     saveRate: boolean;
@@ -284,5 +293,5 @@ interface IStoreParams {
  * Store приложения.
  * Если будет слишком большим - можно разделить его на модули
  */
-export declare const createStore: ({ interfaceLanguage, isCyrillicRelatedInterface, videoId, isClip, isLiveCatchUpMode, statAuthToken, isAudioDisabled, canDownload, callbacks, webApi, videoEpisodes, previewThumbsData, uiConfig, coreConfig, player: playerInstance, disabledControls, isInteractive, interactiveRanges$, isInteractiveTime$, replayInteractive, hasInteractiveBranches, playPrevChapterDisabledTooltip, additionalButtons, looped, statistics: uiStatistics, saveRate, }: IStoreParams) => IStore;
+export declare const createStore: ({ interfaceLanguage, isCyrillicRelatedInterface, videoId, isClip, isLiveCatchUpMode, statAuthToken, isAudioDisabled, canDownload, callbacks, webApi, videoEpisodes, previewThumbsData, uiConfig, coreConfig, player: playerInstance, disabledControls, isInteractive, interactiveRanges$, isInteractiveTime$, replayInteractive, hasInteractiveBranches, playPrevChapterDisabledTooltip, additionalButtons, additionalSettingsMenuItems, additionalContextMenuItems, looped, statistics: uiStatistics, saveRate, }: IStoreParams) => IStore;
 export {};

package/types/translation/types.d.ts

@@ -1,5 +1,5 @@
 import { InterfaceLanguage } from '@vkontakte/videoplayer-shared';
-export type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_video_loop_on' | 'menu_video_loop_off' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'menu_copy_embed_code' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'submenu_audio_languages' | 'auto_quality_option' | 'mobile_unmute' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | 'aria_open_settings' | 'aria_timeline_value' | 'doubletap_seek_step' | 'playback_rate_1' | 'playback_rate' | 'video360' | 'subtitles_caption' | 'subtitles_auto' | 'subtitles_off' | 'subtitles_auto_caption' | 'subtitles_turn_on' | 'subtitles_turn_off' | 'traffic_saving_off' | 'traffic_saving_on' | 'traffic_saving_disable' | 'traffic_saving_enable' | 'traffic_saving_helper_text' | 'tooltip_previous' | 'tooltip_restart' | 'tooltip_play' | 'tooltip_pause' | 'tooltip_next' | 'tooltip_button_disabled' | 'tooltip_interactive_go_back' | 'tooltip_interactive_go_back_disabled' | 'tooltip_interactive_go_back_disabled_first' | 'tooltip_interactive_go_back_disabled_limit' | 'tooltip_chapter_without_interactive' | 'tooltip_interactive_of_chapter_completed' | 'tooltip_interactive_seek' | 'tooltip_interactive_graph_off' | 'tooltip_interactive_graph_on' | 'tooltip_live' | 'tooltip_episodes' | 'tooltip_volume' | 'tooltip_volume_muted' | 'tooltip_settings_on' | 'tooltip_subtitles_off' | 'tooltip_settings_off' | 'tooltip_subtitles_on' | 'tooltip_fullscreen_off' | 'tooltip_fullscreen_on' | 'tooltip_chromecast_off' | 'tooltip_chromecast_on' | 'tooltip_episode_finished' | 'tooltip_episode_unfinished' | 'tooltip_disabled_when_interactive' | 'tooltip_disabled_when_graph_on' | 'tooltip_interactive_interaction_time_indicator' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'download_video_caption' | 'hotkey_helper_current_volume' | 'hotkey_map_modal_title' | 'hotkey_map_modal_close_btn_text' | 'hotkey_map_group_title_common' | 'hotkey_map_group_title_playback' | 'hotkey_map_group_title_subtitles' | 'hotkey_map_group_title_episodes' | 'hotkey_map_item_mute_description' | 'hotkey_map_item_mute_value' | 'hotkey_map_item_volume_down_description' | 'hotkey_map_item_volume_down_value' | 'hotkey_map_item_volume_up_description' | 'hotkey_map_item_volume_up_value' | 'hotkey_map_item_pip_description' | 'hotkey_map_item_pip_value' | 'hotkey_map_item_full_screen_description' | 'hotkey_map_item_full_screen_value' | 'hotkey_map_item_show_context_menu_description' | 'hotkey_map_item_show_context_menu_value' | 'hotkey_map_item_show_hotkey_map_description' | 'hotkey_map_item_show_hotkey_map_value' | 'hotkey_map_item_play_toggle_description' | 'hotkey_map_item_play_toggle_value' | 'hotkey_map_item_seek_backward_description' | 'hotkey_map_item_seek_backward_value' | 'hotkey_map_item_seek_forward_description' | 'hotkey_map_item_seek_forward_value' | 'hotkey_map_item_fast_seek_backward_description' | 'hotkey_map_item_fast_seek_backward_value' | 'hotkey_map_item_fast_seek_forward_description' | 'hotkey_map_item_fast_seek_forward_value' | 'hotkey_map_item_rate_down_description' | 'hotkey_map_item_rate_down_value' | 'hotkey_map_item_rate_up_description' | 'hotkey_map_item_rate_up_value' | 'hotkey_map_item_prev_frame_description' | 'hotkey_map_item_prev_frame_value' | 'hotkey_map_item_next_frame_description' | 'hotkey_map_item_next_frame_value' | 'hotkey_map_item_jump_seek_description' | 'hotkey_map_item_jump_seek_value' | 'hotkey_map_item_subtitles_toggle_description' | 'hotkey_map_item_subtitles_toggle_value' | 'hotkey_map_item_prev_episode_description' | 'hotkey_map_item_prev_episode_pc_value' | 'hotkey_map_item_prev_episode_mac_value' | 'hotkey_map_item_next_episode_description' | 'hotkey_map_item_next_episode_pc_value' | 'hotkey_map_item_next_episode_mac_value' | 'waiting_live_day_value' | 'waiting_live_hour_value' | 'waiting_live_minute_value' | 'waiting_live_second_value' | 'waiting_live_colon' | 'waiting_live_upcoming_title' | 'waiting_live_timer_title' | 'waiting_live_recover_title' | 'waiting_record_title' | 'aria_label_menu_traffic_saving' | 'aria_label_submenu_traffic_saving_off' | 'aria_label_submenu_traffic_saving_on' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_menu_rate' | 'aria_label_menu_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay_enable' | 'aria_label_menu_debug_overlay_disable' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu_open' | 'aria_label_context_menu_close' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'menu_audio_languages' | 'audio_stream_display_language_label' | 'audio_stream_display_language_label_index' | 'audio_stream_display_label_index' | 'audio_stream_display_language_index' | 'audio_stream_display_unknown';
+export type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_video_loop_on' | 'menu_video_loop_off' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'menu_copy_embed_code' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'submenu_audio_languages' | 'auto_quality_option' | 'mobile_unmute' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | 'aria_open_settings' | 'aria_timeline_value' | 'doubletap_seek_step' | 'playback_rate_1' | 'playback_rate' | 'video360' | 'subtitles_caption' | 'subtitles_auto' | 'subtitles_off' | 'subtitles_auto_caption' | 'subtitles_turn_on' | 'subtitles_turn_off' | 'traffic_saving_off' | 'traffic_saving_on' | 'traffic_saving_disable' | 'traffic_saving_enable' | 'traffic_saving_helper_text' | 'tooltip_previous' | 'tooltip_restart' | 'tooltip_play' | 'tooltip_pause' | 'tooltip_next' | 'tooltip_button_disabled' | 'tooltip_interactive_go_back' | 'tooltip_interactive_go_back_disabled' | 'tooltip_interactive_go_back_disabled_first' | 'tooltip_interactive_go_back_disabled_limit' | 'tooltip_chapter_without_interactive' | 'tooltip_interactive_of_chapter_completed' | 'tooltip_interactive_seek' | 'tooltip_interactive_graph_off' | 'tooltip_interactive_graph_on' | 'tooltip_live' | 'tooltip_episodes' | 'tooltip_volume' | 'tooltip_volume_muted' | 'tooltip_settings_on' | 'tooltip_subtitles_off' | 'tooltip_settings_off' | 'tooltip_subtitles_on' | 'tooltip_fullscreen_off' | 'tooltip_fullscreen_on' | 'tooltip_chromecast_off' | 'tooltip_chromecast_on' | 'tooltip_episode_finished' | 'tooltip_episode_unfinished' | 'tooltip_disabled_when_interactive' | 'tooltip_disabled_when_graph_on' | 'tooltip_interactive_interaction_time_indicator' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'download_video_caption' | 'hotkey_helper_current_volume' | 'hotkey_map_modal_title' | 'hotkey_map_modal_close_btn_text' | 'hotkey_map_group_title_common' | 'hotkey_map_group_title_playback' | 'hotkey_map_group_title_subtitles' | 'hotkey_map_group_title_episodes' | 'hotkey_map_item_mute_description' | 'hotkey_map_item_mute_value' | 'hotkey_map_item_volume_down_description' | 'hotkey_map_item_volume_down_value' | 'hotkey_map_item_volume_up_description' | 'hotkey_map_item_volume_up_value' | 'hotkey_map_item_pip_description' | 'hotkey_map_item_pip_value' | 'hotkey_map_item_full_screen_description' | 'hotkey_map_item_full_screen_value' | 'hotkey_map_item_show_context_menu_description' | 'hotkey_map_item_show_context_menu_value' | 'hotkey_map_item_show_hotkey_map_description' | 'hotkey_map_item_show_hotkey_map_value' | 'hotkey_map_item_play_toggle_description' | 'hotkey_map_item_play_toggle_value' | 'hotkey_map_item_seek_backward_description' | 'hotkey_map_item_seek_backward_value' | 'hotkey_map_item_seek_forward_description' | 'hotkey_map_item_seek_forward_value' | 'hotkey_map_item_fast_seek_backward_description' | 'hotkey_map_item_fast_seek_backward_value' | 'hotkey_map_item_fast_seek_forward_description' | 'hotkey_map_item_fast_seek_forward_value' | 'hotkey_map_item_rate_down_description' | 'hotkey_map_item_rate_down_value' | 'hotkey_map_item_rate_up_description' | 'hotkey_map_item_rate_up_value' | 'hotkey_map_item_prev_frame_description' | 'hotkey_map_item_prev_frame_value' | 'hotkey_map_item_next_frame_description' | 'hotkey_map_item_next_frame_value' | 'hotkey_map_item_jump_seek_description' | 'hotkey_map_item_jump_seek_value' | 'hotkey_map_item_subtitles_toggle_description' | 'hotkey_map_item_subtitles_toggle_value' | 'hotkey_map_item_prev_episode_description' | 'hotkey_map_item_prev_episode_pc_value' | 'hotkey_map_item_prev_episode_mac_value' | 'hotkey_map_item_next_episode_description' | 'hotkey_map_item_next_episode_pc_value' | 'hotkey_map_item_next_episode_mac_value' | 'waiting_live_day_value' | 'waiting_live_hour_value' | 'waiting_live_minute_value' | 'waiting_live_second_value' | 'waiting_live_colon' | 'waiting_live_upcoming_title' | 'waiting_live_timer_title' | 'waiting_live_recover_title' | 'waiting_record_title' | 'aria_label_submenu_traffic_saving_off' | 'aria_label_submenu_traffic_saving_on' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_menu_rate' | 'aria_label_menu_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay_enable' | 'aria_label_menu_debug_overlay_disable' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu_open' | 'aria_label_context_menu_close' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'menu_audio_languages' | 'audio_stream_display_language_label' | 'audio_stream_display_language_label_index' | 'audio_stream_display_label_index' | 'audio_stream_display_language_index' | 'audio_stream_display_unknown';
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
     language: string;

package/types/types/index.d.ts

@@ -1,6 +1,6 @@
 import type { VideoQuality, VideoFormat, ISources, IExternalTextTrack } from '@vkontakte/videoplayer-core';
 import type { IValueObservable, InterfaceLanguage, Subscription } from '@vkontakte/videoplayer-shared';
-import type { Manifest, VideoInfo, InteractiveProjectInfo } from '@vkontakte/videoplayer-interactive';
+import type { Manifest, VideoInfo } from '@vkontakte/videoplayer-interactive';
 import { PlaybackState } from '@vkontakte/videoplayer-core';
 import type { Writable, Readable } from 'svelte/store';
 import type { ISDKConfig } from '../config';
@@ -9,6 +9,11 @@ import { Controls, GridTypes, type SeekToInteractiveDisabledTooltipKey } from '.
 import type { Key } from '../translation/types';
 import type { IUIStatistics } from '../services/statistics';
 import { UISentry } from '../services/sentry';
+import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/types';
+export declare const enum UIType {
+    DESKTOP = "desktop",
+    MOBILE = "mobile"
+}
 export declare const enum AdditionalVideoQuality {
     AUTO = "auto"
 }
@@ -165,7 +170,12 @@ export interface IInteractiveData {
         get: (videoId: string) => Promise<number[]>;
         save: (videoId: string, videoIds: number[]) => Promise<void>;
     };
-    projectInfo?: InteractiveProjectInfo;
+    projectInfo?: {
+        pid: string;
+        title: string;
+        videoId: string;
+        variantPayloadType: string;
+    };
     tooltipHelpHintActive?: boolean;
 }
 export interface AdditionalButton {
@@ -216,6 +226,8 @@ export interface IVKVideoPlayerConfig {
     is3DVideo?: boolean;
     callbacks?: IVKVideoPlayerCallbacks;
     additionalButtons?: AdditionalButton[];
+    additionalSettingsMenuItems?: AdditionalSettingsMenuItem[];
+    additionalContextMenuItems?: AdditionalContextMenuItem[];
     refDomain?: string;
     volumeMultiplier?: number;
     saveRate?: boolean;

package/types/utils/getQualityLabel.d.ts

@@ -1,2 +0,0 @@
-import type { VideoQualityUI } from '../types';
-export declare const getQualityLabel: (quality?: VideoQualityUI) => any;