@broadcastingplatforms/player 0.0.0-dev.3802fed → 0.0.0-dev.69b5249

package/dist/bplive/service.d.ts

@@ -5,8 +5,10 @@ export interface BPLiveResolvedResult {
     source: ResolvedPlayerSource;
     contentType: ContentType;
     poster?: string;
-    /** Aspect ratio based on orientation (portrait: 9/16, landscape: 16/9) */
-    aspectRatio?: string;
+    /** Video width from media metadata */
+    videoWidth?: number;
+    /** Video height from media metadata */
+    videoHeight?: number;
 }
 export declare class BPLiveError extends Error {
     code: string;

package/dist/components/bp-default-ui.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, PropertyValues } from 'lit';
 import type { PlayerCore } from '../core/player-core';
-import type { ProviderConfig, PlayerSources } from '../providers/contract';
+import type { ProviderConfig, SourceDescription } from '../providers/contract';
 import 'media-chrome';
 import 'media-chrome/menu';
 import './bp-player';
@@ -24,7 +24,7 @@ export declare class BPDefaultUI extends LitElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    sources?: PlayerSources;
+    source?: SourceDescription;
     autoplay: boolean;
     muted: boolean;
     loop: boolean;
@@ -56,7 +56,12 @@ export declare class BPDefaultUI extends LitElement {
     private detectMobile;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected updated(_changedProperties: PropertyValues): void;
-    private _setInitialAspectRatioFromSources;
+    /** Set initial video dimensions from preferredOrientation hint */
+    private _setInitialVideoDimensionsFromSources;
+    /** Update video dimension CSS variables */
+    private _updateVideoDimensions;
+    /** Clear video dimension CSS variables */
+    private _clearVideoDimensions;
     private _moveSlottedContent;
     private setupPlayer;
     private setupPlayerListeners;

package/dist/components/bp-player.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, type PropertyValues } from 'lit';
 import { type PlayerCore } from '../core/player-core';
 import type { PlayerState } from '../core/state';
-import type { ProviderType, ProviderConfig, PlayerSources } from '../providers/contract';
+import type { ProviderType, ProviderConfig, SourceDescription } from '../providers/contract';
 import type { BPLiveService } from '../bplive/service';
 export type BPPlayerReadyEvent = CustomEvent<PlayerCore>;
 declare global {
@@ -37,7 +37,7 @@ declare class VideoRenditionList extends EventTarget {
 export declare class BPPlayer extends LitElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     connectedCallback(): void;
-    sources?: PlayerSources;
+    source?: SourceDescription;
     autoplay: boolean;
     defaultMuted: boolean;
     loop: boolean;
@@ -93,12 +93,14 @@ export declare class BPPlayer extends LitElement {
     private initPlayer;
     private loadPlayableSource;
     private destroyPlayer;
-    /** Set --bp-aspect-ratio CSS variable if not already defined by consumer */
-    private setAspectRatioVariable;
+    /** Update video dimension CSS variables */
+    updateVideoDimensions(width: number, height: number): void;
+    /** Clear video dimension CSS variables */
+    private clearVideoDimensions;
     private getContainerClasses;
     private getPosterClasses;
     private getContainerStyle;
-    private getEffectivePoster;
+    private getPoster;
     protected render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist/core/player-core.d.ts

@@ -94,7 +94,8 @@ export interface PlayerCore {
     removeEventListener<K extends PlayerCoreEventType>(type: K | K[], listener: EventListener<PlayerCoreEventMap[K]>): void;
     loadSource(source: string | PlayerSource, container: HTMLElement, config?: ProviderConfig): Promise<{
         poster?: string;
-        aspectRatio?: string;
+        videoWidth?: number;
+        videoHeight?: number;
     } | void>;
     unloadSource(): void;
     play(): Promise<void>;
@@ -128,7 +129,8 @@ export declare class PlayerCoreImpl implements PlayerCore {
     private updateState;
     loadSource(source: string | PlayerSource, container: HTMLElement, config?: ProviderConfig): Promise<{
         poster?: string;
-        aspectRatio?: string;
+        videoWidth?: number;
+        videoHeight?: number;
     } | void>;
     private createMediaElement;
     private attachMediaElementListeners;

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export { createInitialState, classifyNanoPlayerError, NANOPLAYER_NO_REPLAY_CODES
 export type { PlayerState, QualityLevel, PresentationMode, ConnectionState, StreamType, ContentType, PlayerError, ErrorCategory, } from './core/state';
 export { StateReceiverMixin, StateReceiverProps, isStateReceiverElement, forEachStateReceiverElement, propagateStateToReceiver, removeStateFromReceiver, } from './core/state-receiver';
 export type { StateReceiverElement, StateReceiverPropertyMap } from './core/state-receiver';
-export type { ProviderType, ProviderConfig, VideoProviderConfig, NanoProviderConfig, LiveKitProviderConfig, PlayerSource, ResolvedPlayerSource, VideoSource, NanoSource, LiveKitSource, PosterSource, PlayerSourceItem, PlayerSources, } from './providers/contract';
+export type { ProviderType, ProviderConfig, VideoProviderConfig, NanoProviderConfig, LiveKitProviderConfig, PlayerSource, ResolvedPlayerSource, VideoSource, NanoSource, LiveKitSource, PosterSource, PlayerSourceItem, PlayerSources, SourceDescription, } from './providers/contract';
 export { BPLiveService, BPLiveError, type BPLiveResolvedResult } from './bplive/service';
 export { isBPLiveSource, isBPLiveStreamSource, isBPLiveClipSource, } from './bplive/types';
 export type { BPLiveConfig, BPLiveSource, BPLiveStreamSource, BPLiveClipSource, BPLiveStream, BPLiveStreamResponse, BPLiveClip, BPLiveClipResponse, BPLiveChannel, BPLiveActiveStream, BPLivePlayerSource, BPLiveLiveKitPlayerSource, BPLiveNanoPlayerSource, BPLiveClipMedia, } from './bplive/types';

package/dist/providers/contract.d.ts

@@ -51,6 +51,15 @@ export type PosterSource = {
 };
 export type PlayerSourceItem = PlayerSource | PosterSource;
 export type PlayerSources = PlayerSourceItem[];
+/**
+ * Source description containing sources and optional metadata.
+ */
+export interface SourceDescription {
+    /** Array of playable sources */
+    sources: PlayerSource[];
+    /** Poster image URL */
+    poster?: string;
+}
 export interface ProviderConfig {
     libraryLocation?: string;
     video?: VideoProviderConfig;

package/dist/util/attribute.d.ts

@@ -1,7 +1,5 @@
 /**
  * Centralized HTML attributes used by BP Player components.
- *
- * Following theoplayer's pattern for consistent attribute naming.
  */
 export declare enum Attribute {
     CONFIGURATION = "configuration",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@broadcastingplatforms/player",
-  "version": "0.0.0-dev.3802fed",
+  "version": "0.0.0-dev.69b5249",
   "description": "Universal video player web component built with Lit",
   "type": "module",
   "main": "dist/bp-player.js",
@@ -36,7 +36,8 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist/"
+    "dist/",
+    "!**/*.map"
   ],
   "dependencies": {
     "better-call": "^1.0.6",
@@ -49,6 +50,7 @@
   },
   "devDependencies": {
     "@types/node": "^22.10.2",
+    "concurrently": "^9.1.2",
     "esbuild": "^0.24.0",
     "typescript": "^5.7.2",
     "vite": "^6.0.5"
@@ -62,7 +64,7 @@
     "build:types": "tsc --emitDeclarationOnly",
     "build:bundle": "node build.mjs",
     "build:prod": "NODE_ENV=production pnpm build",
-    "dev": "node build.mjs --watch",
+    "dev": "concurrently \"tsc --emitDeclarationOnly --watch --preserveWatchOutput\" \"node build.mjs --watch\"",
     "dev:demo": "vite"
   }
 }