@livepeer-frameworks/player-react 0.0.4 → 0.1.1

package/dist/types/components/PlayerControls.d.ts

@@ -55,6 +55,8 @@ interface PlayerControlsProps {
     isLoopEnabled?: boolean;
     /** Toggle loop callback */
     onToggleLoop?: () => void;
+    /** Jump to live edge callback */
+    onJumpToLive?: () => void;
 }
 declare const PlayerControls: React.FC<PlayerControlsProps>;
 export default PlayerControls;

package/dist/types/components/StatsPanel.d.ts

@@ -1,22 +1,10 @@
 import React from "react";
-import { type ContentMetadata, type PlaybackQuality } from "@livepeer-frameworks/player-core";
-interface StreamStateInfo {
-    status?: string;
-    viewers?: number;
-    tracks?: Array<{
-        type: string;
-        codec: string;
-        width?: number;
-        height?: number;
-        bps?: number;
-        channels?: number;
-    }>;
-}
+import { type ContentMetadata, type PlaybackQuality, type StreamState } from "@livepeer-frameworks/player-core";
 interface StatsPanelProps {
     isOpen: boolean;
     onClose: () => void;
     metadata?: ContentMetadata | null;
-    streamState?: StreamStateInfo | null;
+    streamState?: StreamState | null;
     quality?: PlaybackQuality | null;
     videoElement?: HTMLVideoElement | null;
     protocol?: string;

package/dist/types/hooks/useMetaTrack.d.ts

@@ -33,7 +33,7 @@ export interface UseMetaTrackReturn {
  * ```tsx
  * const { isConnected, subscribe } = useMetaTrack({
  *   mistBaseUrl: 'https://mist.example.com',
- *   streamName: 'my-stream',
+ *   streamName: 'pk_...', // playbackId (view key)
  *   enabled: true,
  * });
  *

package/dist/types/hooks/usePlayerController.d.ts

@@ -117,6 +117,8 @@ export interface UsePlayerControllerReturn {
     seek: (time: number) => void;
     /** Seek by delta */
     seekBy: (delta: number) => void;
+    /** Jump to live edge (for live streams) */
+    jumpToLive: () => void;
     /** Set volume */
     setVolume: (volume: number) => void;
     /** Toggle mute */

package/dist/types/hooks/useStreamState.d.ts

@@ -10,7 +10,7 @@ import type { UseStreamStateOptions, StreamState } from '../types';
  * ```tsx
  * const { status, isOnline, message } = useStreamState({
  *   mistBaseUrl: 'https://mist.example.com',
- *   streamName: 'my-stream',
+ *   streamName: 'pk_...', // playbackId (view key)
  *   pollInterval: 3000,
  * });
  * ```

package/dist/types/hooks/useTelemetry.d.ts

@@ -33,7 +33,7 @@ export interface UseTelemetryOptions extends TelemetryOptions {
  *   endpoint: '/api/telemetry',
  *   interval: 5000,
  *   videoElement,
- *   contentId: 'my-stream',
+ *   contentId: 'pk_...', // playbackId (view key)
  *   contentType: 'live',
  *   playerType: 'hlsjs',
  *   protocol: 'HLS',

package/dist/types/hooks/useViewerEndpoints.d.ts

@@ -2,11 +2,11 @@ import type { ContentType } from '@livepeer-frameworks/player-core';
 import type { ContentEndpoints } from '../types';
 interface Params {
     gatewayUrl: string;
-    contentType: ContentType;
     contentId: string;
+    contentType?: ContentType;
     authToken?: string;
 }
-export declare function useViewerEndpoints({ gatewayUrl, contentType, contentId, authToken }: Params): {
+export declare function useViewerEndpoints({ gatewayUrl, contentType: _contentType, contentId, authToken }: Params): {
     endpoints: ContentEndpoints | null;
     status: "error" | "ready" | "idle" | "loading";
     error: string | null;

package/dist/types/types.d.ts

@@ -7,7 +7,7 @@ export interface PlayerProps {
     /** Content identifier or stream name */
     contentId: string;
     /** Content type */
-    contentType: ContentType;
+    contentType?: ContentType;
     /** Pre-resolved endpoints/capabilities from Gateway/Foghorn */
     endpoints?: ContentEndpoints;
     /** Optional thumbnail/poster image */

package/dist/types/ui/button.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "ghost" | "outline" | "destructive" | "subtle" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepeer-frameworks/player-react",
-  "version": "0.0.4",
+  "version": "0.1.1",
   "type": "module",
   "description": "React components for FrameWorks streaming player",
   "main": "dist/cjs/index.js",