@vkontakte/videoplayer 1.1.80 → 1.1.81-dev.0b96aed5.0

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.80",
+  "version": "1.1.81-dev.0b96aed5.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
   "license": "GPL-3.0",
-  "main": "./esnext.cjs.js",
+  "main": "./esnext.cjs",
   "module": "./esnext.esm.js",
   "types": "./types/index.d.ts",
   "type": "module",
@@ -13,51 +13,51 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./esnext.esm.js",
-      "require": "./esnext.cjs.js"
+      "require": "./esnext.cjs"
     },
     "./evergreen": {
       "types": "./types/index.d.ts",
       "import": "./evergreen.esm.js",
-      "require": "./evergreen.cjs.js"
+      "require": "./evergreen.cjs"
     },
     "./esnext": {
       "types": "./types/index.d.ts",
       "import": "./esnext.esm.js",
-      "require": "./esnext.cjs.js"
+      "require": "./esnext.cjs"
     },
     "./es2024": {
       "types": "./types/index.d.ts",
       "import": "./es2024.esm.js",
-      "require": "./es2024.cjs.js"
+      "require": "./es2024.cjs"
     },
     "./es2018": {
       "types": "./types/index.d.ts",
       "import": "./es2018.esm.js",
-      "require": "./es2018.cjs.js"
+      "require": "./es2018.cjs"
     },
     "./es2015": {
       "types": "./types/index.d.ts",
       "import": "./es2015.esm.js",
-      "require": "./es2015.cjs.js"
+      "require": "./es2015.cjs"
     },
     "./evergreen.esm.js": "./evergeen.esm.js",
     "./esnext.esm.js": "./esnext.esm.js",
-    "./esnext.cjs.js": "./esnext.cjs.js",
+    "./esnext.cjs": "./esnext.cjs",
     "./es2018.esm.js": "./es2018.esm.js",
-    "./es2018.cjs.js": "./es2018.cjs.js",
+    "./es2018.cjs": "./es2018.cjs",
     "./es2015.esm.js": "./es2015.esm.js",
-    "./es2015.cjs.js": "./es2015.cjs.js"
+    "./es2015.cjs": "./es2015.cjs"
   },
   "files": [
-    "*.cjs.js",
+    "*.cjs",
     "*.esm.js",
     "**/*.d.ts"
   ],
   "dependencies": {
     "@adtech/rbadman": "2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.149",
-    "@vkontakte/videoplayer-interactive": "1.0.55",
-    "@vkontakte/videoplayer-shared": "1.0.78",
-    "@vkontakte/videoplayer-statistics": "1.0.95"
+    "@vkontakte/videoplayer-core": "2.0.150-dev.0b96aed5.0",
+    "@vkontakte/videoplayer-interactive": "1.0.56-dev.0b96aed5.0",
+    "@vkontakte/videoplayer-shared": "1.0.79-dev.0b96aed5.0",
+    "@vkontakte/videoplayer-statistics": "1.0.96-dev.0b96aed5.0"
   }
 }

package/types/VKVideoPlayer/HTMLElement.d.ts

@@ -0,0 +1,2 @@
+import { type Constructor } from '@vkontakte/videoplayer-shared';
+export declare const HTMLElement: Constructor<HTMLElement>;

package/types/VKVideoPlayer/index.svelte.d.ts

@@ -10,6 +10,7 @@ import { AnnotationsApi } from '../utils/webAPI/annotationsApi/annotationsApi';
 import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/subMenuTabs/types';
 import type { AdditionalButton } from '../components/Controls/types';
 import { SlotsApi } from '../utils/webAPI/slotsApi';
+import { HTMLElement } from './HTMLElement';
 export declare class VKVideoPlayer extends HTMLElement {
     private svelteStubComponent?;
     private svelteRootComponent?;
@@ -31,6 +32,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     private uiConfig;
     private coreConfig;
     private statisticsConfig;
+    private metaConfig;
     private interactiveController;
     private interactiveContainer;
     private graphMadePause;

package/types/components/Root/types.d.ts

@@ -54,7 +54,7 @@ export interface RootProps {
     showAutoplayNext: boolean;
     keyboardControls?: KeyboardControls | undefined;
     needToRepeatPlaylist?: boolean;
-    getVideoDeeplink?: () => string;
+    getVideoDeeplink?: (timestamp: number) => string;
 }
 export interface RootExports {
     play: () => void;

package/types/config.d.ts

@@ -251,6 +251,14 @@ export interface IUIConfig {
      */
     suitableDurationForUsingRichSeek: Seconds;
     titleShowBehaviour: TitleShowBehaviour;
+    /**
+     * Отключаем слоты по идентификаторам.
+     */
+    disabledSlotIds: string[];
+    /**
+     * Отключаем внешне переданные кнопки по идентификаторам.
+     */
+    disabledAdditionalButtonIds: string[];
 }
 export declare const defaultConfig: IUIConfig;
 export type IOptionalUIConfig = RecursivePartial<IUIConfig>;
@@ -259,6 +267,7 @@ export interface ISDKConfig {
     ui: RecursivePartial<IUIConfig>;
     core: ICoreConfig;
     statistics: IStatisticsConfig;
+    meta?: string[];
 }
 export declare const setConfig: (config: IUIConfig) => IUIConfig;
 export declare const getConfig: () => IUIConfig;

package/types/store/index.d.ts

@@ -1,7 +1,7 @@
 import type { IAudioStream, IConfig, IExternalTextTrack, IOptionalTuningConfig, IPlayer, ISources, ITextTrack, IVideoStream, PlaybackRate } from '@vkontakte/videoplayer-core';
 import { ChromecastState, PlaybackState, VideoFormat } from '@vkontakte/videoplayer-core';
 import { type IError, type ILogger, InterfaceLanguage, type IRectangle, type IValueObservable, type QualityLimits, VideoQuality, type InternalsExposure } from '@vkontakte/videoplayer-shared';
-import type { IUIConfig } from '../config';
+import type { ISDKConfig, IUIConfig } from '../config';
 import { SeekAction } from '@vkontakte/videoplayer-statistics';
 import type { InteractiveRange } from '@vkontakte/videoplayer-interactive';
 import type { Readable, Writable } from 'svelte/store';
@@ -370,6 +370,7 @@ interface IStoreParams {
     previewThumbsData?: ITimelinePreviewThumbsData;
     uiConfig: IUIConfig;
     coreConfig: IOptionalTuningConfig;
+    metaConfig: ISDKConfig['meta'];
     player?: IPlayer;
     isInteractive: boolean;
     interactiveRanges$?: IValueObservable<InteractiveRange[]>;
@@ -400,5 +401,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, stopPlayer, hasInteractiveBranches, playPrevChapterDisabledTooltip, additionalButtons, additionalSettingsMenuItems, additionalContextMenuItems, playPrevVideo, playNextVideo, onVideoChanged, looped, statistics: uiStatistics, saveRate, internalsExposure, playerView, playerId, }: 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, stopPlayer, hasInteractiveBranches, playPrevChapterDisabledTooltip, additionalButtons, additionalSettingsMenuItems, additionalContextMenuItems, playPrevVideo, playNextVideo, onVideoChanged, looped, statistics: uiStatistics, saveRate, internalsExposure, playerView, playerId, metaConfig, }: IStoreParams) => IStore;
 export {};

package/types/store/utils.d.ts

@@ -4,6 +4,7 @@ import type { IPlayer, IConfig, IObservable } from '@vkontakte/videoplayer-core'
 import type { IStore } from '.';
 import type { AdditionalButtonDeprecated, IMicroStores } from '../types';
 import type { AdditionalDesktopControlPanelButton } from '../components/Controls/types';
+import type { ISDKConfig } from '../config';
 export declare const setStores: (store: IStore, microStores: IMicroStores) => void;
 export declare const getStore: () => IStore;
 export declare const getMicroStores: () => IMicroStores;
@@ -12,7 +13,7 @@ export declare const getMicroStores: () => IMicroStores;
  */
 export declare const storeFromObservable: <T>(observable$: IValueObservable<T>, onNewValueEmitted?: (value: T) => void) => Readable<T>;
 export declare const storeFromObservableWithInitValue: <T>(observable$: IObservable<T>, initValue: T, onNewValueEmitted?: (value: T) => void) => Readable<T>;
-export declare const constructDebugTextData: (player: IPlayer, config: IConfig | undefined, store: IStore, traceId: string) => string;
+export declare const constructDebugTextData: (player: IPlayer, config: IConfig | undefined, store: IStore, traceId: string, metaConfig?: ISDKConfig["meta"]) => string;
 export type DebugData = {
     version: string;
     viewport: string;

package/types/types/index.d.ts

@@ -92,6 +92,7 @@ export interface IVKVideoPlayerCallbacks {
     onAutoplaySoundProhibited?: () => void;
     onDevNullLog?: (entry: DevNullEntry) => void;
     onTitleClicked?: () => void;
+    onRichSeekActiveChanged?: (active: boolean) => void;
     uiInfo?: {
         onUpcomingLiveViewStateChanged?: (value: IUpcomingLiveViewControlInfo) => void;
         onControlsVisibleChanged?: (value?: boolean) => void;
@@ -307,7 +308,7 @@ export interface IVKVideoPlayerConfig {
     pipEnabled?: boolean;
     playerView?: VideoPlayerView;
     mediascopePixels?: MediascopePixelTypes.Pixel[];
-    getVideoDeeplink?: () => string;
+    getVideoDeeplink?: (timestamp: number) => string;
 }
 export interface IControlInfo {
     left: number;

package/types/utils/userSettings.d.ts

@@ -35,7 +35,13 @@ export declare const getPreferredQualitySettings: (videoId: number | undefined)
 }) | null, migrateSettingsToLegacyWay: (videoId?: number) => void, savePreferredQualitySettings: (value: PreferredQualitySettingsValue, appliesTo?: QualitySettingsAppliesTo) => void, savePreferredDefaultQualitySettings: (value: DefaultPreferredQualitySettingsValue) => void, removePreferredQualitySettingsByVideo: () => void, getPreferredDefaultQualitySettings: () => DefaultPreferredQualitySettingsValue | null;
 type IUserSalt = string & {};
 type IVideoId = string & {};
-interface IVideoPrefsUserVideo {
+export interface IVideoPrefs {
+    [userSalt: IUserSalt]: IVideoPrefsUser;
+}
+export interface IVideoPrefsUser {
+    [videoId: IVideoId]: IVideoPrefsUserVideo;
+}
+export interface IVideoPrefsUserVideo {
     updatedTs: number;
     subtitleTrackId?: string;
     audioTrackId?: string;

package/types/utils/webAPI/pictureInPictureApi/pictureInPictureApi.d.ts

@@ -47,6 +47,12 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
      * Флаг определяет может ли пользователь переходить в pip на уровне бизнес логике.
      */
     setEnabled(enabled: boolean): void;
+    /**
+     * для сафари нужно корректно обновить состояние пипа, потому что если мы попали сюда
+     * из за креша провайдера + клика на выход из пип-а, то сафари может не успеть прислать
+     * leavepictureinpicture на старый элемент из за чего UI застрянет в неправильном состоянии
+     */
+    private waitForSafariLeavePictureInPicture;
 }
 export declare function isInstanceOfPictureInPictureApi(pictureInPictureApi?: IPictureInPictureApi): pictureInPictureApi is PictureInPictureApi;
 export {};

package/types/utils/webAPI/slotsApi.d.ts

@@ -18,13 +18,20 @@ type AddOptions = {
     hideAllControls?: boolean;
     controlsBehaviour?: HideControlsWhenIntersectedOptions;
 };
+type AddReturnType = {
+    success: true;
+} | {
+    success: false;
+    message: string;
+};
 export declare class SlotsApi {
     private shadowRootContainer;
     private slots;
     private store;
-    constructor();
+    private disabledIds;
+    constructor(disabledIds: string[]);
     init(shadowRootContainer: HTMLElement, store: IStore | undefined): void;
-    add(element: HTMLElement, options: AddOptions): void;
+    add(elementParam: HTMLElement | (() => HTMLElement), options: AddOptions): AddReturnType;
     private setupSlotStyles;
     /**
      * Запускаем отслеживание пересечения между переданным элементом внутри слота и контролами.