@connectedxm/stream-player 0.0.2 → 0.0.4

package/dist/lib/index.d.ts

@@ -1,3 +1,3 @@
 export { default as StreamPlayer } from '../src/StreamPlayer';
 export { useStreamPlayer } from '../src/hooks/useStreamPlayer';
-export type { StreamPlayerProps, BaseStreamInput } from '../src/interfaces';
+export type { StreamPlayerProps, BaseStreamInput, StreamPlayerSize, StreamPlayerRef, StreamPlayerState, StreamPlayerQuality, } from '../src/interfaces';

package/dist/src/StreamControls.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import { BaseStreamInput } from './interfaces';
 interface StreamControlsProps {
+    controls: boolean;
+    showControls: boolean;
     playing: boolean;
     volume: number;
     muted: boolean;
@@ -13,6 +15,7 @@ interface StreamControlsProps {
     isLive: boolean;
     isBehindLive: boolean;
     isFullscreen: boolean;
+    fullscreenSupported: boolean;
     streamInputs: BaseStreamInput[];
     selectedStreamInput: BaseStreamInput | null;
     onPlayPause: () => void;
@@ -20,7 +23,7 @@ interface StreamControlsProps {
     onQualityChange: (level: number) => void;
     onGoToLive: () => void;
     onFullscreenToggle: () => void;
-    onLanguageChange: (streamInput: BaseStreamInput) => void;
+    onStreamInputChange: (streamInput: BaseStreamInput) => void;
 }
 declare const StreamControls: React.FC<StreamControlsProps>;
 export default StreamControls;

package/dist/src/StreamPlayer.d.ts

@@ -1,3 +1,3 @@
 import { StreamPlayerProps } from './interfaces';
-declare const StreamPlayer: ({ streamInputs, cloudflareStreamDomain, preferredLocale, onError, hlsConfig, }: StreamPlayerProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const StreamPlayer: ({ ref, streamInputs, cloudflareStreamDomain, preferredLocale, onError, onChange, hlsConfig, size, controls, }: StreamPlayerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default StreamPlayer;

package/dist/src/interfaces.d.ts

@@ -5,7 +5,38 @@ export interface BaseStreamInput {
     locale?: string;
     cloudflareId: string;
 }
+export type StreamPlayerSize = "sm" | "md" | "lg";
+export interface StreamPlayerQuality {
+    level: number;
+    height: number;
+    label: string;
+}
+export interface StreamPlayerState {
+    isLive: boolean;
+    playing: boolean;
+    muted: boolean;
+    volume: number;
+    quality: number;
+    qualities: StreamPlayerQuality[];
+    fullscreen: boolean;
+    selectedStreamInput: BaseStreamInput | null;
+}
+export interface StreamPlayerRef {
+    playing: boolean;
+    playPause: () => void;
+    volume: number;
+    muteToggle: () => void;
+    quality: number;
+    qualities: StreamPlayerQuality[];
+    qualityChange: (quality: number) => void;
+    fullscreen: boolean;
+    fullscreenToggle: () => void;
+    selectedStreamInput: BaseStreamInput | null;
+    streamInputs: BaseStreamInput[];
+    setSelectedStreamInput: (streamInput: BaseStreamInput) => void;
+}
 export interface StreamPlayerProps {
+    ref?: React.RefObject<StreamPlayerRef | null>;
     streamInputs: BaseStreamInput[];
     cloudflareStreamDomain: string;
     preferredLocale?: string;
@@ -14,5 +45,8 @@ export interface StreamPlayerProps {
         message: string;
         fatal: boolean;
     }) => void;
+    onChange?: (state: StreamPlayerState) => void;
     hlsConfig?: Partial<Hls["config"]>;
+    size?: StreamPlayerSize;
+    controls?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectedxm/stream-player",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "private": false,
   "type": "module",
   "main": "dist/index.es.js",