@vkontakte/videoplayer 1.1.98-beta.0 → 1.1.98-dev.652aecfe7.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.98-beta.0",
-  "author": "vk.ru",
-  "description": "Videoplayer based on the vk.ru platform",
-  "homepage": "https://vk.ru",
+  "version": "1.1.98-dev.652aecfe7.0",
+  "author": "vk.com",
+  "description": "Videoplayer based on the vk.com platform",
+  "homepage": "https://vk.com",
   "license": "GPL-3.0",
   "main": "./esnext.cjs",
   "module": "./esnext.esm.js",
@@ -43,9 +43,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.167-beta.0",
-    "@vkontakte/videoplayer-interactive": "1.0.73-beta.0",
-    "@vkontakte/videoplayer-shared": "1.0.96-beta.0",
-    "@vkontakte/videoplayer-statistics": "1.0.113-beta.0"
+    "@vkontakte/videoplayer-core": "2.0.167-dev.652aecfe7.0",
+    "@vkontakte/videoplayer-interactive": "1.0.73-dev.652aecfe7.0",
+    "@vkontakte/videoplayer-shared": "1.0.96-dev.652aecfe7.0",
+    "@vkontakte/videoplayer-statistics": "1.0.113-dev.652aecfe7.0"
   }
 }

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

@@ -9,6 +9,7 @@ import { ThinOneStat } from "@vkontakte/videoplayer-statistics";
 import { AnnotationsApi } from "../utils/webAPI/annotationsApi/annotationsApi";
 import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem, MenuItemHighlight, RootMenuId } from "../components/Menus/subMenuTabs/types";
 import type { AdditionalButton } from "../components/Controls/types";
+import type { ExternalControlConfig } from "../store/modules/controlsLayoutStore/types";
 import { SlotsApi } from "../utils/webAPI/slotsApi";
 import { HTMLElement } from "./HTMLElement";
 export declare class VKVideoPlayer extends HTMLElement {
@@ -192,6 +193,9 @@ export declare class VKVideoPlayer extends HTMLElement {
 	updateAdditionalButton(itemId: string, fields: Partial<Omit<AdditionalButton, "id" | "type">>): void;
 	addAdditionalButton(newButton: AdditionalButton): void;
 	removeAdditionalButton(itemId: string): void;
+	addExternalControl(control: ExternalControlConfig): void;
+	updateExternalControl(id: string, fields: Partial<Omit<ExternalControlConfig, "id">>): void;
+	removeExternalControl(id: string): void;
 	updateStatContext(statContext: Partial<IStatContext | ThinOneStat.IStatContext>): void;
 	handleTimerNextVideo(state: boolean): void;
 	togglePictureInPicture(): void;

package/types/components/Controls/useControlInLayout.svelte.d.ts

@@ -0,0 +1,20 @@
+import { type Readable } from "svelte/store";
+import type { ControlId } from "../../store/modules/controlsLayoutStore/types";
+/**
+* Регистрирует контрол в менеджере layout'а и возвращает реактивный
+* store с финальным вердиктом «показывать или нет».
+*
+* @param id        идентификатор контрола из конфига
+* @param requested геттер бизнес-условия — функция, читающая реактивные
+*                  источники (runes-state, props, derived и т.п.).
+*                  По умолчанию () => true — контрол всегда «хочет» быть на экране.
+*
+* @example
+*   const visible$ = useControlInLayout(
+*     'rewind',
+*     () => !isLive.value || hasDvr.value,
+*   );
+*
+*   {#if $visible$}<button>...</button>{/if}
+*/
+export declare function useControlInLayout(id: ControlId, requested?: () => boolean): Readable<boolean>;

package/types/components/Controls/useControlVariant.svelte.d.ts

@@ -0,0 +1,13 @@
+/**
+* Хук для получения текущего варианта контрола
+*
+* Используется внутри компонента контрола, который уже отрендерен
+* по решению useControlInLayout.
+*/
+import { type Readable } from "svelte/store";
+import type { ControlWithVariants, VariantOf } from "../../store/modules/controlsLayoutStore/variants";
+/**
+* Возвращает текущий variant контрола, выбранный резолвером
+* для актуального breakpoint и режима плеера.
+*/
+export declare function useControlVariant<Id extends ControlWithVariants>(id: Id): Readable<VariantOf<Id>>;

package/types/config.d.ts

@@ -11,7 +11,6 @@ export declare enum LogoType {
 	VK_VIDEO = "vk_video",
 	APP_STORE = "app_store",
 	PLAY_MARKET = "play_market",
-	RU_STORE = "ru_store",
 	VK_VIDEO_MOBILE = "vk_video_mobile"
 }
 /**

package/types/index.d.ts

@@ -8,6 +8,8 @@ export { VERSION } from "./env";
 export declare const registerPlayerWebComponent: () => void;
 export { type AdditionalSettingsMenuItem, MenuItemType, type AdditionalClickSettingsMenuItem, type AdditionalSwitchSettingsMenuItem, type AdditionalContextMenuItem, RootMenuId, SubMenuId, SETTINGS_MENU_ID } from "./components/Menus/subMenuTabs/types";
 export { type AdditionalButton, ControlButtonType } from "./components/Controls/types";
+export { Priority } from "./store/modules/controlsLayoutStore/config";
+export type { ExternalControlConfig } from "./store/modules/controlsLayoutStore/types";
 export type { VKVideoPlayer, IVKVideoPlayerConfig, IUpdatableVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IAdsConfig, IVideoEpisode, IDpipConfig, IQoeConfig, IQoeButtonOnlyConfig, IQoePoll, IQoeResult, IQoeQuestion, IQoeCallbacks, QoePollTranslations, ISDKConfig, VideoPlayerView, IAdmanInitParamsExternalApi, VKLogoType };
 export { GridTypes } from "./constans";
 export { PlayerPhase } from "./types";

package/types/store/composition.d.ts

@@ -2,7 +2,7 @@ import type { IUIConfig } from "../config";
 import type { IVKVideoPlayerConfig } from "../types";
 import type { IUIStatistics } from "../services/statistics";
 import type { IStore } from "./index";
-import type { FakeIsPlayingStore, GraphIsOpenedStore, HighlightedMenuItemsStore, InteractiveControlsOpacityStore, LanguageStore, NotificationsStore, PictureInPictureStore, IQoeStore, SeekToInteractiveDisabledTooltipStore, ShowInteractiveTimeIndicatorTooltipStore, SubtitlesStore, QualityStore, PlaybackRateStore } from "./modules";
+import type { FakeIsPlayingStore, GraphIsOpenedStore, HighlightedMenuItemsStore, InteractiveControlsOpacityStore, LanguageStore, NotificationsStore, PictureInPictureStore, IQoeStore, SeekToInteractiveDisabledTooltipStore, ShowInteractiveTimeIndicatorTooltipStore, SubtitlesStore, QualityStore, PlaybackRateStore, ControlsLayoutStore } from "./modules";
 import type { AppTracer, ITracer } from "@vkontakte/videoplayer-shared";
 import type { Interactives } from "@vkontakte/videoplayer-interactive";
 export interface ICompositionParams {
@@ -29,6 +29,7 @@ export interface ICompositionResult {
 		subtitlesStore: SubtitlesStore;
 		qualityStore: QualityStore;
 		playbackRateStore: PlaybackRateStore;
+		controlsLayoutStore: ControlsLayoutStore;
 	};
 	/** Очистка ресурсов */
 	destroy(): void;

package/types/store/modules/controlsLayoutStore/config/controls.config.d.ts

@@ -0,0 +1,21 @@
+/**
+* Декларативный конфиг контролов
+*
+* Определяет position, priority, breakpoints, modes, platforms для каждого контрола.
+*/
+import type { ControlLayoutConfig, Platform } from "../types";
+/**
+* Конфигурация всех контролов
+*
+* priority: выше число = важнее контрол, остаётся при сжатии
+* breakpoints: { min, max } — диапазон breakpoint'ов для видимости
+* modes: массив режимов, в которых контрол актуален
+* platforms: массив платформ, на которых контрол показывается
+*
+* Контролы отсортированы по position (порядок слева направо).
+*/
+export declare const controlsConfig: ControlLayoutConfig[];
+/**
+* Вместимость ряда по платформе и GridTypes
+*/
+export declare const rowCapacity: Record<Platform, Record<string, number>>;

package/types/store/modules/controlsLayoutStore/config/features.config.d.ts

@@ -0,0 +1,33 @@
+/**
+* Фича-конфиг для переопределения контролов
+*
+* Когда фича = true, записи из массива мержатся со статичным конфигом по id.
+* Переопределяются только указанные поля, остальные сохраняются.
+*/
+import type { BreakpointRange, PlayerMode, Platform } from "../types";
+/**
+* Вариант контрола для фича-переопределения
+*/
+type VariantEntry = {
+	name: string;
+	breakpoints?: BreakpointRange;
+	modes?: PlayerMode[];
+	platforms?: Platform[];
+};
+/**
+* Частичный конфиг контрола для фича-переопределения
+*/
+export type FeatureControlOverride = {
+	id: string;
+	position?: number;
+	priority?: number | Record<string, number>;
+	breakpoints?: BreakpointRange | Partial<Record<PlayerMode, BreakpointRange>>;
+	modes?: PlayerMode[];
+	platforms?: Platform[];
+	variant?: VariantEntry[];
+};
+/**
+* Фича-конфиг: ключ = название фичи, значение = массив переопределений
+*/
+export declare const featuresConfig: Record<string, FeatureControlOverride[]>;
+export {};

package/types/store/modules/controlsLayoutStore/config/index.d.ts

@@ -0,0 +1,10 @@
+/**
+* Экспорты конфигурации контролов
+*/
+export { Position } from "./positions";
+export { Priority } from "./priority";
+export { controlsConfig, rowCapacity } from "./controls.config";
+export { featuresConfig } from "./features.config";
+export { resolveRow } from "./resolver";
+export { mergeConfigWithFeatures, convertWeightToPosition, convertLegacyButtonToExternal, isBuiltInControlId, builtInControlIds } from "./utils";
+export type { ResolveRowParams } from "./resolver";

package/types/store/modules/controlsLayoutStore/config/positions.d.ts

@@ -0,0 +1,28 @@
+/**
+* Позиции контролов в ряду
+*
+* Числа определяют порядок слева направо.
+* Группы: левая (воспроизведение), центр (прогресс), правая (настройки).
+*/
+export declare enum Position {
+	Prev = 100,
+	Replay = 125,
+	Play = 150,
+	Next = 200,
+	PlayPrevChapter = 225,
+	InteractiveGraph = 250,
+	SeekToInteractive = 250,
+	Episodes = 300,
+	Time = 400,
+	LiveIndicator = 550,
+	VkLogo = 600,
+	Volume = 700,
+	AutoplayNext = 725,
+	Qoe = 750,
+	Subtitles = 775,
+	Settings = 800,
+	Context = 825,
+	Pip = 850,
+	Fullscreen = 875,
+	Cast = 900
+}

package/types/store/modules/controlsLayoutStore/config/priority.d.ts

@@ -0,0 +1,11 @@
+/**
+* Приоритет контролов
+*
+* Выше приоритет = важнее контрол, остаётся при сжатии ряда.
+*/
+export declare enum Priority {
+	Permanent = 500,
+	Important = 400,
+	Normal = 300,
+	Cosmetic = 200
+}

package/types/store/modules/controlsLayoutStore/config/resolver.d.ts

@@ -0,0 +1,20 @@
+/**
+* Resolver для видимости контролов
+*
+* Фильтрует, сортирует и отсекает контролы по capacity.
+*/
+import type { ControlId, PlayerMode, Platform, ResolvableControlConfig, ResolvedRow } from "../types";
+import type { GridTypes } from "../../../../constans";
+export interface ResolveRowParams {
+	/** Конфиг контролов (встроенные + external) */
+	config: ResolvableControlConfig[];
+	/** Запрошенные встроенные контролы */
+	requested: Partial<Record<ControlId, boolean>>;
+	mode: PlayerMode;
+	breakpoint: GridTypes;
+	platform: Platform;
+}
+/**
+* Разрешает список видимых контролов для заданных условий
+*/
+export declare function resolveRow(params: ResolveRowParams): ResolvedRow;

package/types/store/modules/controlsLayoutStore/config/utils.d.ts

@@ -0,0 +1,32 @@
+import type { AdditionalDesktopControlPanelButton } from "../../../../components/Controls/types";
+import type { ControlLayoutConfig, ExternalControlConfig } from "../types";
+import type { AdditionalButtonDeprecated } from "../../../../types";
+/**
+* Множество id встроенных контролов (из controlsConfig)
+*/
+export declare const builtInControlIds: Set<string>;
+/**
+* Проверяет, является ли id встроенным контролом
+*/
+export declare const isBuiltInControlId: (id: string) => id is string;
+/**
+* Конвертирует weight в position
+*
+* - При точном совпадении возвращает значение из таблицы
+* - При несовпадении интерполирует между соседями
+*   Например: weight=350 — между VOLUME(300→700) и SUBTITLES(400→775),
+*   результат: 700 + 0.5 * (775 - 700) = 738
+*/
+export declare function convertWeightToPosition(weight: number): number;
+/**
+* Конвертирует legacy AdditionalDesktopControlPanelButton в ExternalControlConfig
+*/
+export declare function convertLegacyButtonToExternal(button: AdditionalDesktopControlPanelButton | AdditionalButtonDeprecated, fallbackIndex: number): ExternalControlConfig;
+/**
+* Мержит статичный конфиг с фича-переопределениями
+*
+* @param baseConfig Базовый конфиг контролов
+* @param features Объект с фича-флагами (ключи должны совпадать с ключами в featuresConfig)
+* @returns Модифицированный конфиг с применёнными переопределениями
+*/
+export declare function mergeConfigWithFeatures(baseConfig: ControlLayoutConfig[], features: Record<string, boolean>): ControlLayoutConfig[];

package/types/store/modules/controlsLayoutStore/controlsLayoutStore.module.d.ts

@@ -0,0 +1,3 @@
+import { type ControlsLayoutStore } from "./controlsLayoutStore.store";
+import type { Module } from "../utils";
+export declare const controlsLayoutModule: Module<ControlsLayoutStore>;

package/types/store/modules/controlsLayoutStore/controlsLayoutStore.store.d.ts

@@ -0,0 +1,54 @@
+/**
+* Controls Layout Store
+*
+* Управляет layout'ом контролов на основе breakpoint, режима и бизнес-условий.
+*/
+import type { Readable } from "svelte/store";
+import type { Subscription } from "@vkontakte/videoplayer-shared";
+import type { IVideoEpisode } from "../../../types";
+import type { GridTypes } from "../../../constans";
+import type { ControlId, ExternalControlConfig, ResolvedRow } from "./types";
+export interface ControlsLayoutStoreDeps {
+	/** isMobile из ui */
+	isMobile: Readable<boolean>;
+	/** Текущий тип сетки */
+	currentGridType$: Readable<GridTypes>;
+	/** Является ли видео интерактивным (статическое значение) */
+	isInteractive: boolean;
+	/** isLive$ из state */
+	isLive$: Readable<boolean | undefined>;
+	/** videoEpisodes$ из state */
+	videoEpisodes$: Readable<IVideoEpisode[] | undefined>;
+	/** Фича-флаг для responsive UI в интерактивах */
+	interactiveResponsiveUi: boolean;
+	/** Фича-флаг для логотипа VK Video на bottom controls */
+	mobileVkLogoViewOnBottomControls: boolean;
+	/** Подписка для очистки */
+	subscription: Subscription;
+	/** Внешние контролы, добавленные через API */
+	externalControls$: Readable<ExternalControlConfig[]>;
+}
+export interface ControlsLayoutStoreState {
+	/** Полный результат резолва */
+	resolved$: Readable<ResolvedRow>;
+	/** Левые контролы (воспроизведение) */
+	left$: Readable<ControlId[]>;
+	/** Правые контролы (настройки) */
+	right$: Readable<ControlId[]>;
+	/** Карта external controls по id */
+	externalById$: Readable<Map<string, ExternalControlConfig>>;
+	/** Проверить, виден ли контрол (кэшированный derived) */
+	isVisible: (id: ControlId) => Readable<boolean>;
+}
+export interface ControlsLayoutStoreActions {
+	/** Зарегистрировать запрос на показ контрола */
+	registerRequest: (id: ControlId, requested$: Readable<boolean>) => () => void;
+}
+export interface ControlsLayoutStore {
+	state: ControlsLayoutStoreState;
+	actions: ControlsLayoutStoreActions;
+}
+/**
+* Создаёт store layout'а контролов
+*/
+export declare const createControlsLayoutStore: (deps: ControlsLayoutStoreDeps) => ControlsLayoutStore;

package/types/store/modules/controlsLayoutStore/controlsLayoutStore.token.d.ts

@@ -0,0 +1,6 @@
+/**
+* InjectionToken для ControlsLayoutStore
+*/
+import { InjectionToken } from "@vkontakte/videoplayer-shared";
+import type { ControlsLayoutStore } from "./controlsLayoutStore.store";
+export declare const CONTROLS_LAYOUT_STORE_TOKEN: InjectionToken<ControlsLayoutStore>;

package/types/store/modules/controlsLayoutStore/index.d.ts

@@ -0,0 +1,10 @@
+/**
+* ControlsLayoutStore Module
+*
+* Управляет layout'ом контролов на основе breakpoint, режима и бизнес-условий.
+*/
+export type { BreakpointRange, ControlId, ControlLayoutConfig, ExternalControlConfig, ModePriority, PlayerMode, Platform, ResolvableControlConfig } from "./types";
+export type { ControlsLayoutStore, ControlsLayoutStoreState, ControlsLayoutStoreActions, ControlsLayoutStoreDeps } from "./controlsLayoutStore.store";
+export { controlsLayoutModule } from "./controlsLayoutStore.module";
+export { CONTROLS_LAYOUT_STORE_TOKEN } from "./controlsLayoutStore.token";
+export { Position, Priority, controlsConfig, resolveRow, rowCapacity } from "./config";

package/types/store/modules/controlsLayoutStore/types.d.ts

@@ -0,0 +1,140 @@
+/**
+* Типы для системы видимости контролов
+*/
+import type { Readable } from "svelte/store";
+import type { GridTypes } from "../../../constans";
+import type { ControlWithVariants, VariantOf } from "./variants";
+import type { Priority } from "./config/priority";
+/**
+* Режим плеера, влияющий на видимость контролов
+*/
+export type PlayerMode = "default" | "live" | "episodes" | "interactive";
+/**
+* Платформа
+*/
+export type Platform = "desktop" | "mobile";
+/**
+* Идентификаторы контролов
+* Соответствуют ключам IPlayerControlsRef и DesktopButtons*Ids
+*/
+export type ControlId = "prevButton" | "playButton" | "replayButton" | "nextButton" | "playPrevChapterButton" | "seekToInteractiveButton" | "interactiveGraphButton" | "liveButton" | "time" | "episodes" | "vkLogo" | "autoplayNext" | "qoe" | "volume" | "subtitles" | "settings" | "context" | "fullscreen" | "chromecast" | "pip";
+/**
+* Диапазон breakpoint'ов для видимости контрола
+*/
+export type BreakpointRange = {
+	min?: GridTypes;
+	max?: GridTypes;
+};
+/**
+* Breakpoints с поддержкой разных режимов
+*
+* Варианты:
+* - { min: GridTypes.M } — для всех modes
+* - { interactive: { min: GridTypes.M } } — только для interactive, остальные без ограничений
+* - { default: { min: GridTypes.S }, interactive: { min: GridTypes.M } } — разное для разных modes
+*/
+export type ModeBreakpoints = BreakpointRange | (Partial<Record<PlayerMode, BreakpointRange>> & {
+	default?: BreakpointRange;
+});
+/**
+* Приоритет контрола с поддержкой разных режимов
+*/
+export type ModePriority = {
+	default: number;
+} & Partial<Record<PlayerMode, number>>;
+/**
+* Конфигурация варианта контрола
+*/
+export type VariantConfig<Id extends ControlWithVariants> = {
+	name: VariantOf<Id>;
+	breakpoints?: BreakpointRange;
+	modes?: PlayerMode[];
+	platforms?: Platform[];
+};
+/**
+* Конфигурация контрола для layout-системы
+*/
+export type ControlLayoutConfig<Id extends string = ControlId> = {
+	/** Идентификатор контрола */
+	id: Id;
+	/** Позиция в ряду (для сортировки) */
+	position: number;
+	/** Приоритет (выше = важнее, остаётся при нехватке места) */
+	priority: number | ModePriority;
+	/** Группа: левая (воспроизведение) или правая (настройки) */
+	group?: "left" | "right";
+	/** Диапазон breakpoint'ов, на которых контрол виден */
+	breakpoints?: ModeBreakpoints;
+	/** Режимы, в которых контрол доступен */
+	modes?: PlayerMode[];
+	/** Платформы, на которых контрол доступен */
+	platforms?: Platform[];
+	/** Визуальные варианты (только для контролов из ControlVariants) */
+	variant?: Id extends ControlWithVariants ? Array<VariantConfig<Id>> : never;
+};
+/**
+* Конфиг контрола для резолва (упрощённый, без strict variant)
+*/
+export type ResolvableControlConfig = {
+	id: string;
+	position: number;
+	priority: number | ModePriority;
+	group?: "left" | "right";
+	breakpoints?: ModeBreakpoints;
+	modes?: PlayerMode[];
+	platforms?: Platform[];
+	variant?: Array<{
+		name: string;
+		breakpoints?: BreakpointRange;
+		modes?: PlayerMode[];
+		platforms?: Platform[];
+	}>;
+};
+/**
+* Конфигурация внешнего контрола (добавляется через API)
+*
+* В отличие от ControlLayoutConfig, содержит данные для рендеринга (icon, onClick).
+*/
+export interface ExternalControlConfig {
+	/** Уникальный идентификатор */
+	id: string;
+	/** Позиция в ряду (для сортировки) */
+	position: number;
+	/** Приоритет (выше = важнее, остаётся при нехватке места) */
+	priority: Priority;
+	/** Группа: левая (воспроизведение) или правая (настройки). По умолчанию 'right' */
+	group?: "left" | "right";
+	/** Иконка (URL или SVG-строка) */
+	icon: string;
+	/** ARIA-метка для доступности */
+	ariaLabel: string;
+	/** Текст tooltip'а */
+	tooltipText?: string;
+	/** Data-testid для тестов */
+	testId?: string;
+	/** Отключён ли контрол */
+	disabled?: boolean;
+	/** Обработчик клика */
+	onClick?: () => void;
+	/** Диапазон breakpoint'ов, на которых контрол виден */
+	breakpoints?: ModeBreakpoints;
+	/** Платформы, на которых контрол доступен */
+	platforms?: Platform[];
+	/** Режимы, в которых контрол доступен */
+	modes?: PlayerMode[];
+}
+/**
+* Результат резолва ряда
+*/
+export type ResolvedRow = {
+	/** ID контролов, видимых в inline */
+	inline: string[];
+	/** ID контролов, не поместившихся в capacity */
+	overflow: string[];
+	/** Визуальные варианты для контролов */
+	variantById: Partial<Record<ControlId, string>>;
+};
+/**
+* Store для requested-стейта контролов
+*/
+export type ControlRequestsStore = Readable<Map<ControlId, Readable<boolean>>>;

package/types/store/modules/controlsLayoutStore/variants.d.ts

@@ -0,0 +1,15 @@
+/**
+* Реестр контролов, имеющих несколько визуальных вариантов.
+*/
+export type ControlVariants = {
+	/** time: отображение времени */
+	time: "compact" | "full";
+	/** episodes: кнопка эпизодов */
+	episodes: "icon-only" | "icon-counter" | "icon-title";
+	/** vkLogo: логотип VK Video */
+	vkLogo: "short" | "full";
+	/** volume: регулятор громкости */
+	volume: "vertical" | "horizontal";
+};
+export type ControlWithVariants = keyof ControlVariants;
+export type VariantOf<Id extends ControlWithVariants> = ControlVariants[Id];

package/types/store/modules/index.d.ts

@@ -27,3 +27,6 @@ export type { QualityStoreDeps, QualityStoreState, QualityStore } from "./qualit
 export { qualityModule, QUALITY_STORE_TOKEN } from "./qualityStore";
 export type { PlaybackRateStoreDeps, PlaybackRateStoreState, PlaybackRateStoreActions, PlaybackRateStore } from "./playbackRateStore";
 export { playbackRateModule, PLAYBACK_RATE_STORE_TOKEN } from "./playbackRateStore";
+export type { ControlsLayoutStore, ControlsLayoutStoreState, ControlsLayoutStoreActions, ControlsLayoutStoreDeps } from "./controlsLayoutStore";
+export { controlsLayoutModule, CONTROLS_LAYOUT_STORE_TOKEN } from "./controlsLayoutStore";
+export type { BreakpointRange, ControlId, ControlLayoutConfig, ModePriority, PlayerMode, Platform } from "./controlsLayoutStore";

package/types/store/types.d.ts

@@ -8,6 +8,7 @@ import type { AdmanWrapper } from "../components/Ads/admanWrapper";
 import type { QualitySettingsAppliesTo } from "../utils/userSettings";
 import type { GridTypes, PlayPrevChapterDisabledTooltipKey } from "../constans";
 import type { AdditionalButton, AdditionalDesktopControlPanelButton } from "../components/Controls/types";
+import type { ExternalControlConfig } from "./modules/controlsLayoutStore/types";
 import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem, ContextMenuItem, SettingsMenuItem } from "../components/Menus/subMenuTabs/types";
 import type { SlotsApi } from "../utils/webAPI/slotsApi";
 import type { FocusManager } from "../utils/webAPI/focusManager";
@@ -102,6 +103,7 @@ export interface IUIState {
 	interactiveHideMobileControls: Writable<boolean>;
 	additionalButtonsDeprecated$: Readable<AdditionalButtonDeprecated[]>;
 	additionalDesktopControlPanelRightButtons$: Readable<AdditionalDesktopControlPanelButton[]>;
+	externalControls$: Readable<ExternalControlConfig[]>;
 	additionalSettingsMenuItems$: Readable<SettingsMenuItem[]>;
 	additionalContextMenuItems$: Readable<ContextMenuItem[]>;
 	overlayContainer$: Writable<HTMLDivElement | undefined>;
@@ -280,6 +282,9 @@ export interface IStoreExternalActions {
 	updateAdditionalButton: (itemId: string, fields: Partial<Omit<AdditionalButton, "id" | "type">>) => void;
 	addAdditionalButton: (newButton: AdditionalButton) => void;
 	removeAdditionalButton: (itemId: string) => void;
+	addExternalControl: (control: ExternalControlConfig) => void;
+	updateExternalControl: (id: string, fields: Partial<Omit<ExternalControlConfig, "id">>) => void;
+	removeExternalControl: (id: string) => void;
 	setLiveLowLatency: (isLowLatency: boolean) => void;
 	hideControls: () => void;
 	showControls: () => void;