@vkontakte/videoplayer 1.1.37-dev.aaebf6d2.0 → 1.1.38-dev.02602b16.0

package/package.json

@@ -1,39 +1,39 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.37-dev.aaebf6d2.0",
+  "version": "1.1.38-dev.02602b16.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
   "license": "GPL-3.0",
   "main": "./esnext.cjs.js",
   "module": "./esnext.esm.js",
-  "types": "./index.d.ts",
+  "types": "./types/index.d.ts",
   "type": "module",
   "exports": {
     ".": {
       "import": "./esnext.esm.js",
       "require": "./esnext.cjs.js",
-      "types": "./index.d.ts"
+      "types": "./types/index.d.ts"
     },
     "./evergreen": {
       "import": "./evergreen.esm.js",
       "require": "./evergreen.cjs.js",
-      "types": "./index.d.ts"
+      "types": "./types/index.d.ts"
     },
     "./esnext": {
       "import": "./esnext.esm.js",
       "require": "./esnext.cjs.js",
-      "types": "./index.d.ts"
+      "types": "./types/index.d.ts"
     },
     "./es2018": {
       "import": "./es2018.esm.js",
       "require": "./es2018.cjs.js",
-      "types": "./index.d.ts"
+      "types": "./types/index.d.ts"
     },
     "./es2015": {
       "import": "./es2015.esm.js",
       "require": "./es2015.cjs.js",
-      "types": "./index.d.ts"
+      "types": "./types/index.d.ts"
     },
     "./evergreen.esm.js": "./evergeen.esm.js",
     "./esnext.esm.js": "./esnext.esm.js",
@@ -49,9 +49,9 @@
     "**/*.d.ts"
   ],
   "dependencies": {
-    "@vkontakte/videoplayer-core": "^2.0.103",
-    "@vkontakte/videoplayer-interactive": "1.0.12-dev.3caa4f31.0",
+    "@vkontakte/videoplayer-core": "2.0.105-dev.3573a175.0",
+    "@vkontakte/videoplayer-interactive": "1.0.13-dev.437468aa.0",
     "@vkontakte/videoplayer-shared": "^1.0.36",
-    "@vkontakte/videoplayer-statistics": "^1.0.49"
+    "@vkontakte/videoplayer-statistics": "1.0.51-dev.eca6afa6.0"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -0,0 +1,85 @@
+import type { ISDKConfig } from '../config';
+import type { LanguageConfig } from '../translation/types';
+import type { IVideoData, IVKVideoPlayerConfig } from '../types';
+import { InterfaceLanguage, type QualityLimits } from '@vkontakte/videoplayer-shared';
+import type { ISources } from '@vkontakte/videoplayer-core';
+import { type PlaybackRate } from '@vkontakte/videoplayer-core';
+import { AnnotationsApi } from '../utils/webAPI/annotationsApi/annotationsApi';
+export declare class VKVideoPlayer extends HTMLElement {
+    private svelteStubComponent?;
+    private svelteRootComponent?;
+    private store?;
+    private microStoresRoot?;
+    private statistics;
+    private sentry;
+    private _shadowRoot;
+    private playerContainer;
+    private rootContainer;
+    private uiConfig;
+    private coreConfig;
+    private statisticsConfig;
+    private interactiveController;
+    private interactiveContainer;
+    private graphMadePause;
+    private currentPlayingVideoIndex;
+    private needToRepeatPlaylist;
+    private videoConfig;
+    private pictureInPictureApi;
+    private mediaSessionApi;
+    private unsubscribePlayerPhaseSubscription;
+    private readonly logger;
+    private readonly log;
+    private readonly subscription;
+    annotationsApi: AnnotationsApi | undefined;
+    private createPlayerTimeout;
+    private prevIsid;
+    private isInited;
+    constructor();
+    private connectedCallback;
+    private disconnectedCallback;
+    private initPlayerRootContainers;
+    private needToShowNextPrevButtons;
+    private isNextButtonActive;
+    private isPrevButtonActive;
+    private isControlDisabled;
+    private getNextVideoInfo;
+    private createPlayer;
+    private addPlayerInfoSubscriptions;
+    private playNextVideo;
+    private playPrevVideo;
+    private repeatPlaylist;
+    private createPlayerWithCurrentVideo;
+    private playPrevChapter;
+    private seekToInteractive;
+    private toggleGraph;
+    private initInteractives;
+    private initInteractivesStatistics;
+    initPlayer(videoConfig: IVKVideoPlayerConfig, sdkConfig?: Partial<ISDKConfig>): void;
+    private isOneVideoPlaylist;
+    /**
+     * Обновление плейлиста. Будут перезаписаны все видео после текущего
+     */
+    updateNextVideos(videos: IVideoData[]): void;
+    private initMediaSession;
+    private setupMediaSessionForVideo;
+    private setupMediaSessionForAds;
+    play(): void;
+    pause(): void;
+    stop(): void;
+    setMuted(muted: boolean): void;
+    setVolume(volume: number): void;
+    setRepeat(repeat: boolean): void;
+    seekTime(time: number): void;
+    seekEpisodeStartTime(time: number): void;
+    returnFocusToEpisodes(): void;
+    setPlaybackRate(playbackRate: PlaybackRate): void;
+    setAutoQualityLimits(limits: QualityLimits): void;
+    addLanguage(config: LanguageConfig): void;
+    setLanguage(language: InterfaceLanguage | string): Promise<void>;
+    setLiveStart(sources: ISources): void;
+    setWaitRecord(): void;
+    setLiveEnd(videoData: IVideoData): void;
+    getDeviceId(): string | undefined;
+    replayInteractiveVideo(): void;
+    showInteractiveIndicatorTooltip(newValue: boolean, useTimeout?: boolean): void;
+}

package/types/components/Ads/admanWrapper.d.ts

@@ -0,0 +1,82 @@
+import type { Writable, Readable } from 'svelte/store';
+import { AdsSection } from '../../types';
+import type { AdsParams } from '../../types';
+import type { ILogger, Milliseconds } from '@vkontakte/videoplayer-shared';
+import { Subject } from '@vkontakte/videoplayer-shared';
+import type { IAdsState } from '../../store';
+type ExternalActions = {
+    switchFromAdsToVideo: (callPlay?: boolean) => void;
+    switchFromVideoToAds: () => void;
+    setMuted: (muted: boolean) => void;
+};
+export type AdmanInitParams = {
+    width: number;
+    height: number;
+    isFullscreen: boolean;
+    isAutoplay: boolean;
+    slotId: number;
+    params?: AdsParams;
+    duration: number;
+    previewParam?: number;
+    adsContainer: HTMLElement;
+    adsVideoElement: HTMLVideoElement;
+};
+type IPlayerState = {
+    isMobile: Readable<boolean>;
+    mobileUnmuteButtonVisible: Writable<boolean>;
+    vsid: Readable<string | undefined>;
+};
+interface IConfig {
+    loadTimeout: Milliseconds;
+    initTimeout: Milliseconds;
+}
+export declare class AdmanWrapper {
+    private adman;
+    private initialVolume;
+    private videoElement;
+    private currentAdSection;
+    private actions;
+    private adsState;
+    private playerState;
+    private readonly log;
+    private loadTimeout;
+    private initTimeout;
+    events: {
+        slotRequested$: Subject<void>;
+        started$: Subject<AdsSection>;
+        paused$: Subject<void>;
+        resumed$: Subject<void>;
+        ended$: Subject<void>;
+        skipped$: Subject<void>;
+        clicked$: Subject<void>;
+    };
+    constructor(logger: ILogger, config: IConfig);
+    init(actions: ExternalActions, adsState: IAdsState, playerState: IPlayerState): void;
+    loadAdman: (abortSignal: AbortSignal) => Promise<void>;
+    onAdmanLoadingError(): void;
+    initAdman(initParams: AdmanInitParams): void;
+    private switchToVideo;
+    togglePlay(): void;
+    setInitialVolume(volume: number): void;
+    setVolume(volume: number): void;
+    setFullscreen(isFullscreen: boolean): void;
+    startPreroll(): void;
+    startPostroll(): void;
+    private onAdsReady;
+    private onAdStarted;
+    private onAdTimeRemained;
+    private onAdPaused;
+    private onAdPlayed;
+    private onAdMidrollPoint;
+    private onAdSkipped;
+    private onAdClosed;
+    private onAdCompleted;
+    private onAdClicked;
+    private onAdError;
+    play(): void;
+    pause(): void;
+    skip(): void;
+    setPosition(position: number, duration: number): void;
+    destroy(): void;
+}
+export {};

package/types/components/Ads/utils.d.ts

@@ -0,0 +1 @@
+export declare const getPuid10Val: (width: number, height: number) => number;

package/types/config.d.ts

@@ -0,0 +1,117 @@
+import type { ExactVideoQuality } from '@vkontakte/videoplayer-shared';
+import type { IOptionalTuningConfig as ICoreConfig } from '@vkontakte/videoplayer-core';
+import { InterfaceLanguage, ErrorCategory } from '@vkontakte/videoplayer-shared';
+import type { RecursivePartial } from '@vkontakte/videoplayer-shared';
+import type { IOptionalConfig as IStatisticsConfig } from '@vkontakte/videoplayer-statistics';
+import type { Milliseconds } from '@vkontakte/videoplayer-shared';
+type ForceOrRelay = boolean | undefined;
+export declare enum LogoType {
+    VK = "vk",
+    VK_VIDEO = "vk_video",
+    VK_VIDEO_MOBILE = "vk_video_mobile"
+}
+export interface IUIConfig {
+    isMobile: ForceOrRelay;
+    isSmoothVideoRotate: boolean;
+    showSupport: boolean;
+    supportLink: string;
+    showLogo: ForceOrRelay;
+    logoLink: string;
+    logoType: LogoType;
+    defaultLanguage: InterfaceLanguage;
+    downloadVKLanguages: boolean;
+    updateBuiltinLanguages: boolean;
+    ads: {
+        enable: ForceOrRelay;
+        loadTimeout: Milliseconds;
+        initTimeout: Milliseconds;
+        slot?: number;
+        preview?: number;
+    };
+    volumeDefault: number;
+    volumeMinRestore: number;
+    loaderDelay: Milliseconds;
+    allowChangingFullscreenTarget: boolean;
+    minSubtitlesFontSize: number;
+    autoSubtitlesTimeout: Milliseconds;
+    trafficSavingLimit: ExactVideoQuality;
+    episodeMinWidthPc: number;
+    controls: {
+        hideTimeout: Milliseconds;
+        hideTimeoutMobile: Milliseconds;
+        hideTimeoutInitial: Milliseconds;
+        hideTimeoutFullscreen: Milliseconds;
+        hideTimeoutCursor: Milliseconds;
+        hideTimeoutTooltips: Milliseconds;
+        collapseMobileUnmute: Milliseconds;
+        hide360IconTimeout: Milliseconds;
+        volumeBarTimeout: Milliseconds;
+        hideHotKeyHelpers: Milliseconds;
+        playbackRateMin: number;
+        playbackRateMax: number;
+        playbackRateStep: number;
+        seekStepKeyboard: Milliseconds;
+        seekStepMobile: Milliseconds;
+        seekStepFrame: Milliseconds;
+        volumeStepKeyboard: number;
+        volumeStepWheel: number;
+    };
+    hideThumbTimerAfterTouch: boolean;
+    sentry: {
+        dsn: string;
+        sampleRate: number;
+        whiteErrorCategoryList: ErrorCategory[];
+        blackErrorCategoryList: ErrorCategory[];
+        whiteErrorIdList: string[];
+        blackErrorIdList: string[];
+    };
+    features: {
+        autoplay: boolean;
+        statistics: boolean;
+        sentry: boolean;
+        preload: boolean;
+        subtitles: boolean;
+        timelinePreview: boolean;
+        episodes: boolean;
+        fullscreen: boolean;
+        mediaSession: boolean;
+        annotations: boolean;
+        download: boolean;
+        pip: boolean;
+        dpip: boolean;
+        liveRewind: boolean;
+        playbackRate: boolean;
+        trafficSaving: boolean;
+        episodesClustering: boolean;
+        copyVideoLink: boolean;
+        videoRotate: boolean;
+        interactiveGraph: boolean;
+        seekToInteractive: boolean;
+        interactiveLastFrame: boolean;
+        interactiveTextPermanent: boolean;
+        interactiveHideTime: boolean;
+        interactivePlayPrevChapter: boolean;
+        interactiveTimeIndicator: boolean;
+        thumbTimer: boolean;
+        hotKeyMapModal: boolean;
+        hotKeyHelpers: boolean;
+        saveDebugInfoToFile: boolean;
+        additionalButtons: boolean;
+        contextMenuButton: boolean;
+    };
+    interactive: {
+        historyMaxLength: number;
+        noInteractionEventTimeout: number;
+    };
+}
+export declare const defaultConfig: IUIConfig;
+export type IOptionalUIConfig = RecursivePartial<IUIConfig>;
+export declare const fillDefault: (partial: IOptionalUIConfig) => IUIConfig;
+export interface ISDKConfig {
+    ui: RecursivePartial<IUIConfig>;
+    core: ICoreConfig;
+    statistics: IStatisticsConfig;
+}
+export declare const setConfig: (config: IUIConfig) => IUIConfig;
+export declare const getConfig: () => IUIConfig;
+export {};

package/types/constans/controls.d.ts

@@ -0,0 +1,27 @@
+export declare enum Controls {
+    PLAY_BUTTON = "PLAY_BUTTON",
+    REPLAY_BUTTON = "REPLAY_BUTTON",
+    NEXT_BUTTON = "NEXT_BUTTON",
+    PREV_BUTTON = "PREV_BUTTON",
+    PICTURE_IN_PICTURE = "PICTURE_IN_PICTURE",
+    FULLSCREEN_BUTTON = "FULLSCREEN_BUTTON",
+    SETTINGS_BUTTON = "SETTINGS_BUTTON",
+    LIVE_BUTTON = "LIVE_BUTTON",
+    GRAPH_BUTTON = "GRAPH_BUTTON",
+    PLAY_PREV_CHAPTER_BUTTON = "PLAY_PREV_CHAPTER_BUTTON",
+    SEEK_TO_INTERACTIVE_BUTTON = "SEEK_TO_INTERACTIVE_BUTTON",
+    TIMELINE = "TIMELINE",
+    VOLUME_BAR = "VOLUME_BAR",
+    MUTE_BUTTON = "MUTE_BUTTON",
+    SUBTITLES_BUTTON = "SUBTITLES_BUTTON",
+    CHROMECAST_BUTTON = "CHROMECAST_BUTTON",
+    VK_BUTTON = "VK_BUTTON",
+    EPISODE_BUTTON = "EPISODE_BUTTON",
+    INCREMENT_PLAYBACK_RATE = "INCREMENT_PLAYBACK_RATE",
+    DECREMENT_PLAYBACK_RATE = "DECREMENT_PLAYBACK_RATE"
+}
+export declare const PLAYER_CONTROLS_HEIGHT = 40;
+export declare const PLAYER_CONTROLS_DESKTOP_MARGIN_LEFT_ELEMENTS = 4;
+export declare const PLAYER_CONTROLS_TRANSITION_TIMEOUT_MS = 260;
+export declare const PLAYER_CONTROLS_DESKTOP_EPISODES_COUNT_WIDTH = 60;
+export declare const PLAYER_WRAPPER_PADDING = 8;

package/types/constans/debounce-timers.d.ts

@@ -0,0 +1 @@
+export declare const PLAYER_MENU_RENDER_TIMEOUT = 100;

package/types/constans/grid.d.ts

@@ -0,0 +1,14 @@
+export declare enum GridBreakPoints {
+    XS = 320,
+    S = 509,
+    M = 599,
+    L = 699
+}
+export declare enum GridTypes {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl"
+}
+export declare const gridWeights: Record<GridTypes, number>;

package/types/constans/index.d.ts

@@ -0,0 +1,8 @@
+export * from './storage-keys';
+export * from './throttle-timers';
+export * from './debounce-timers';
+export * from './lang';
+export * from './keyboard';
+export * from './controls';
+export * from './interactives';
+export * from './grid';

package/types/constans/interactives.d.ts

@@ -0,0 +1,7 @@
+import { Controls } from './controls';
+import type { Key } from '../translation/types';
+export declare const InteractiveActionDisabledControls: Controls[];
+export declare const OpenedGraphDisabledControls: Controls[];
+export declare const ActionChoiceDisabledControls: Controls[];
+export type PlayPrevChapterDisabledTooltipKey = Extract<Key, 'tooltip_interactive_go_back_disabled' | 'tooltip_interactive_go_back_disabled_first' | 'tooltip_interactive_go_back_disabled_limit'>;
+export type SeekToInteractiveDisabledTooltipKey = Extract<Key, 'tooltip_chapter_without_interactive' | 'tooltip_interactive_of_chapter_completed' | 'tooltip_disabled_when_interactive'>;

package/types/constans/keyboard.d.ts

@@ -0,0 +1,51 @@
+export declare const enum ProcessedKeysCodes {
+    ArrowLeft = "ArrowLeft",
+    ArrowUp = "ArrowUp",
+    ArrowRight = "ArrowRight",
+    ArrowDown = "ArrowDown",
+    Comma = "Comma",
+    Period = "Period",
+    Space = "Space",
+    KeyM = "KeyM",
+    KeyF = "KeyF",
+    KeyK = "KeyK",
+    KeyL = "KeyL",
+    KeyJ = "KeyJ",
+    KeyC = "KeyC",
+    KeyI = "KeyI",
+    Digit1 = "Digit1",
+    Digit2 = "Digit2",
+    Digit3 = "Digit3",
+    Digit4 = "Digit4",
+    Digit5 = "Digit5",
+    Digit6 = "Digit6",
+    Digit7 = "Digit7",
+    Digit8 = "Digit8",
+    Digit9 = "Digit9",
+    Digit0 = "Digit0",
+    Numpad1 = "Numpad1",
+    Numpad2 = "Numpad2",
+    Numpad3 = "Numpad3",
+    Numpad4 = "Numpad4",
+    Numpad5 = "Numpad5",
+    Numpad6 = "Numpad6",
+    Numpad7 = "Numpad7",
+    Numpad8 = "Numpad8",
+    Numpad9 = "Numpad9",
+    Numpad0 = "Numpad0",
+    ShiftLeft = "ShiftLeft",
+    ShiftRight = "ShiftRight",
+    Slash = "Slash",
+    Tab = "Tab",
+    Escape = "Escape",
+    Enter = "Enter"
+}
+export declare const processedKeysCodesToKeyLabelMap: {
+    KeyF: string;
+    KeyK: string;
+    KeyC: string;
+    KeyM: string;
+};
+export declare const seekKeys: Set<ProcessedKeysCodes>;
+export declare const menuNavigationKeys: Set<ProcessedKeysCodes>;
+export declare const doNotCloseMenuKeys: Set<ProcessedKeysCodes>;

package/types/constans/lang.d.ts

@@ -0,0 +1,2 @@
+export declare const VK_LANG_PACK_NAME = "videoplayer";
+export declare const VK_LANG_PACK_PREFIX = "videoplayer";

package/types/constans/storage-keys.d.ts

@@ -0,0 +1 @@
+export declare const DEBUG_PANEL_OPENED_STORAGE_KEY = "vk_player_debug_panel_opened";

package/types/constans/throttle-timers.d.ts

@@ -0,0 +1 @@
+export declare const PLAYER_RESIZE_THROTTLE_TIME = 300;

package/types/env.d.ts

@@ -0,0 +1,2 @@
+export declare const ENV: string;
+export declare const VERSION: string;

package/types/index.d.ts

@@ -0,0 +1,12 @@
+import { VKVideoPlayer } from './VKVideoPlayer';
+import type { IVKVideoPlayerConfig, IControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, IVideoLive, IInteractiveData, AdditionalButton } from './types';
+import { GridTypes } from './constans';
+import type { LanguagePack, LanguageConfig } from './translation/types';
+import type { ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek } from '@vkontakte/videoplayer-core';
+import type { Milliseconds, QualityLimits } from '@vkontakte/videoplayer-shared';
+export { VERSION } from './env';
+export declare const registerPlayerWebComponent: () => void;
+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';
+export { VideoQuality, VideoFormat, } from '@vkontakte/videoplayer-core';

package/types/services/sentry.d.ts

@@ -0,0 +1,28 @@
+import { ErrorCategory } from '@vkontakte/videoplayer-shared';
+import type { IError } from '@vkontakte/videoplayer-shared';
+import type { ISubscription } from '@vkontakte/videoplayer-shared';
+import type { IUIConfig } from '../config';
+export type UiSentryContext = Partial<{
+    [key: string]: string | number | boolean;
+}>;
+export type UiSentryTags = Partial<{
+    errorType: string;
+    category: ErrorCategory;
+    [key: string]: string | number | boolean;
+}>;
+export type UiSentryEnvParams = {
+    version: string;
+    env: string;
+};
+export declare class UISentry {
+    sentrySubscription: ISubscription;
+    private options;
+    private version;
+    private context;
+    private sentryClient;
+    constructor(options: IUIConfig['sentry'], envParams: UiSentryEnvParams, context?: UiSentryContext);
+    destroy(): void;
+    logIError(error: IError, fatal?: boolean): void;
+    report(error: Error, tags?: UiSentryTags, extras?: UiSentryContext): void;
+    static getInstance(): Readonly<UISentry> | null;
+}

package/types/services/statistics.d.ts

@@ -0,0 +1,13 @@
+import { type ISubscription } from '@vkontakte/videoplayer-shared';
+import { type IConstructorParams, type IOneStat, type IStatContext } from '@vkontakte/videoplayer-statistics';
+export interface IUIStatistics {
+    statSubscription: ISubscription;
+    oneStat: IOneStat;
+    destroy: () => void;
+}
+export declare class UIOneStat implements IUIStatistics {
+    oneStat: IOneStat;
+    statSubscription: ISubscription;
+    constructor(statContext: IStatContext, params: IConstructorParams);
+    destroy(): void;
+}