@guardvideo/player-sdk 1.1.0 → 1.3.0

package/dist/vanilla/react/GuardVideoPlayer.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import { PlayerConfig, PlayerError, PlayerState, PlayerInstance, BrandingConfig, ContextMenuItem, SecurityConfig } from '../core/types';
-export interface GuardVideoPlayerProps extends Omit<PlayerConfig, 'onReady' | 'onError' | 'onQualityChange' | 'onStateChange'> {
+import { PlayerUIConfig } from '../ui/PlayerUI';
+import { PlayerState, PlayerError, BrandingConfig, ContextMenuItem, SecurityConfig } from '../core/types';
+import type { PlayerInstance } from '../core/types';
+export interface GuardVideoPlayerProps extends Omit<PlayerUIConfig, 'onReady' | 'onError' | 'onQualityChange' | 'onStateChange' | 'onTimeUpdate' | 'onEnded' | 'width' | 'height'> {
     videoId: string;
     width?: string | number;
     height?: string | number;
-    branding?: BrandingConfig;
-    contextMenuItems?: ContextMenuItem[];
-    security?: SecurityConfig;
+    className?: string;
+    style?: React.CSSProperties;
     onReady?: () => void;
     onError?: (error: PlayerError) => void;
     onQualityChange?: (quality: string) => void;
@@ -18,4 +19,6 @@ export interface GuardVideoPlayerRef extends PlayerInstance {
     getVideoElement: () => HTMLVideoElement | null;
 }
 export declare const GuardVideoPlayerComponent: React.ForwardRefExoticComponent<GuardVideoPlayerProps & React.RefAttributes<GuardVideoPlayerRef>>;
+export { PlayerState };
+export type { PlayerError, BrandingConfig, ContextMenuItem, SecurityConfig };
 //# sourceMappingURL=GuardVideoPlayer.d.ts.map

package/dist/vanilla/react/GuardVideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuardVideoPlayer.d.ts","sourceRoot":"","sources":["../../src/react/GuardVideoPlayer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,cAAc,EAEf,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAEvF,OAAO,EAAE,MAAM,CAAC;IAEhB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,eAAe,EAAE,MAAM,gBAAgB,GAAG,IAAI,CAAC;CAChD;AAudD,eAAO,MAAM,yBAAyB,mGAijBrC,CAAC"}
+{"version":3,"file":"GuardVideoPlayer.d.ts","sourceRoot":"","sources":["../../src/react/GuardVideoPlayer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAKN,MAAM,OAAO,CAAC;AACf,OAAO,EAAY,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EACL,WAAW,EACX,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,SAAS,GAAG,iBAAiB,GAAG,eAAe,GAAG,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3I,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,eAAe,EAAE,MAAM,gBAAgB,GAAG,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,yBAAyB,mGAoErC,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/dist/vanilla/ui/PlayerUI.d.ts

@@ -0,0 +1,94 @@
+import { PlayerConfig, PlayerState, QualityLevel, BrandingConfig, ContextMenuItem, SecurityConfig } from '../core/types';
+export interface PlayerUIConfig extends PlayerConfig {
+    branding?: BrandingConfig;
+    security?: SecurityConfig;
+    contextMenuItems?: ContextMenuItem[];
+    viewerName?: string;
+    viewerEmail?: string;
+    forensicWatermark?: boolean;
+    width?: string;
+    height?: string;
+    onTimeUpdate?: (currentTime: number) => void;
+    onEnded?: () => void;
+}
+export declare class PlayerUI {
+    readonly root: HTMLDivElement;
+    readonly videoEl: HTMLVideoElement;
+    private corePlayer;
+    private spinner;
+    private centerPlay;
+    private centerPlayBtn;
+    private clickArea;
+    private controls;
+    private seekWrap;
+    private seekBuffered;
+    private seekProgress;
+    private seekThumb;
+    private seekTooltip;
+    private playBtn;
+    private volBtn;
+    private volSlider;
+    private timeEl;
+    private speedLabel;
+    private speedMenu;
+    private settingsBtn;
+    private qualityMenu;
+    private fsBtn;
+    private errorOverlay;
+    private badge;
+    private watermarkDiv;
+    private playerState;
+    private duration;
+    private bufferedEnd;
+    private qualityLevels;
+    private currentQualityIdx;
+    private playbackRate;
+    private openMenu;
+    private hideTimer;
+    private seekDragging;
+    private _onFsChangeBound;
+    private _seekMouseMoveBound;
+    private _seekMouseUpBound;
+    private _seekTouchMoveBound;
+    private _seekTouchEndBound;
+    constructor(container: HTMLElement, videoId: string, config: PlayerUIConfig);
+    private _wireEvents;
+    private _onStateChange;
+    private _togglePlay;
+    private _renderPlayBtn;
+    private _toggleMute;
+    private _onVolumeChange;
+    private _startSeekDrag;
+    private _endSeekDrag;
+    private _seekTo;
+    private _onSeekHover;
+    private _onTimeUpdate;
+    private _updateSeekBar;
+    private _buildQualityMenu;
+    private _refreshQualityMenu;
+    private _refreshSpeedMenu;
+    private _toggleMenu;
+    private _closeMenus;
+    private _showControls;
+    private _resetHideTimer;
+    private _toggleFullscreen;
+    private _onFsChange;
+    private _showError;
+    private _renderWatermark;
+    private _addRipple;
+    private _onKeyDown;
+    play(): Promise<void>;
+    pause(): void;
+    seek(t: number): void;
+    getCurrentTime(): number;
+    getDuration(): number;
+    getVolume(): number;
+    setVolume(v: number): void;
+    getQualityLevels(): QualityLevel[];
+    getCurrentQuality(): QualityLevel | null;
+    setQuality(i: number): void;
+    getState(): PlayerState;
+    getVideoElement(): HTMLVideoElement;
+    destroy(): void;
+}
+//# sourceMappingURL=PlayerUI.d.ts.map

package/dist/vanilla/ui/PlayerUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerUI.d.ts","sourceRoot":"","sources":["../../src/ui/PlayerUI.ts"],"names":[],"mappings":"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"}

package/dist/vanilla/vanilla/index.d.ts

@@ -1,9 +1,26 @@
-import { GuardVideoPlayer as CorePlayer } from '../core/player';
-import { PlayerConfig, PlayerState, PlayerError, BrandingConfig, ContextMenuItem, SecurityConfig } from '../core/types';
-export declare class GuardVideoPlayer extends CorePlayer {
-    static create(containerId: string, videoId: string, config: PlayerConfig): GuardVideoPlayer;
-    static createFromElement(videoElement: HTMLVideoElement | string, videoId: string, config: PlayerConfig): GuardVideoPlayer;
-}
+import { PlayerUI, PlayerUIConfig } from '../ui/PlayerUI';
+import { PlayerState } from '../core/types';
 export { PlayerState };
-export type { PlayerError, BrandingConfig, ContextMenuItem, SecurityConfig };
+export { PlayerUI };
+export type { PlayerError, BrandingConfig, ContextMenuItem, SecurityConfig, } from '../core/types';
+export type { PlayerUIConfig as VanillaPlayerConfig };
+export declare class GuardVideoPlayer {
+    private ui;
+    private constructor();
+    static create(containerId: string, videoId: string, config: PlayerUIConfig): GuardVideoPlayer;
+    static createInElement(container: HTMLElement, videoId: string, config: PlayerUIConfig): GuardVideoPlayer;
+    play(): Promise<void>;
+    pause(): void;
+    seek(time: number): void;
+    getCurrentTime(): number;
+    getDuration(): number;
+    getVolume(): number;
+    setVolume(volume: number): void;
+    getQualityLevels(): import("../core/types").QualityLevel[];
+    getCurrentQuality(): import("../core/types").QualityLevel | null;
+    setQuality(idx: number): void;
+    getState(): PlayerState;
+    getVideoElement(): HTMLVideoElement;
+    destroy(): void;
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/vanilla/vanilla/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,EACf,MAAM,eAAe,CAAC;AAGvB,qBAAa,gBAAiB,SAAQ,UAAU;IAkB9C,MAAM,CAAC,MAAM,CACX,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,YAAY,GACnB,gBAAgB;IA+BnB,MAAM,CAAC,iBAAiB,CACtB,YAAY,EAAE,gBAAgB,GAAG,MAAM,EACvC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,YAAY,GACnB,gBAAgB;CAWpB;AAGD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EACV,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,cAAc,IAAI,mBAAmB,EAAE,CAAC;AAEtD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,EAAE,CAAW;IAErB,OAAO;IAaP,MAAM,CAAC,MAAM,CACX,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,cAAc,GACrB,gBAAgB;IASnB,MAAM,CAAC,eAAe,CACpB,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,cAAc,GACrB,gBAAgB;IAInB,IAAI;IACJ,KAAK;IACL,IAAI,CAAC,IAAI,EAAE,MAAM;IACjB,cAAc;IACd,WAAW;IACX,SAAS;IACT,SAAS,CAAC,MAAM,EAAE,MAAM;IACxB,gBAAgB;IAChB,iBAAiB;IACjB,UAAU,CAAC,GAAG,EAAE,MAAM;IACtB,QAAQ;IACR,eAAe;IACf,OAAO;CACR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardvideo/player-sdk",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "GuardVideo Player SDK - Secure HLS video player with embed token authentication for React, Next.js, and vanilla JavaScript",
   "type": "module",
   "main": "dist/index.js",
@@ -49,6 +49,7 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",