@connectedxm/stream-player 0.0.1

package/dist/lib/index.d.ts

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

package/dist/src/Example.d.ts

@@ -0,0 +1,2 @@
+declare const Example: () => import("react/jsx-runtime").JSX.Element;
+export default Example;

package/dist/src/StreamControls.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { BaseStreamInput } from './interfaces';
+interface StreamControlsProps {
+    playing: boolean;
+    volume: number;
+    muted: boolean;
+    qualities: {
+        level: number;
+        height: number;
+        label: string;
+    }[];
+    currentQuality: number;
+    isLive: boolean;
+    isBehindLive: boolean;
+    isFullscreen: boolean;
+    streamInputs: BaseStreamInput[];
+    selectedStreamInput: BaseStreamInput | null;
+    onPlayPause: () => void;
+    onMuteToggle: () => void;
+    onQualityChange: (level: number) => void;
+    onGoToLive: () => void;
+    onFullscreenToggle: () => void;
+    onLanguageChange: (streamInput: BaseStreamInput) => void;
+}
+declare const StreamControls: React.FC<StreamControlsProps>;
+export default StreamControls;

package/dist/src/StreamPlayer.d.ts

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

package/dist/src/hooks/useGetStreamLifecycle.d.ts

@@ -0,0 +1,30 @@
+export type StreamLifecycleStatus = "disconnected" | "ready" | "ended";
+export interface StreamLifecycle {
+    isInput: boolean;
+    videoUID: string | null;
+    live: boolean;
+    status: StreamLifecycleStatus;
+    chunked: boolean;
+    unstable: {
+        ltxEnabled: boolean;
+    };
+}
+export interface GetStreamLifecycleProps {
+    cloudflareId: string;
+    cloudflareStreamDomain: string;
+}
+export declare const GetStreamLifecycle: ({ cloudflareId, cloudflareStreamDomain, }: GetStreamLifecycleProps) => Promise<StreamLifecycle | null>;
+export interface UseGetStreamLifecycleOptions {
+    enabled?: boolean;
+    refetchOnWindowFocus?: boolean;
+}
+export declare const useGetStreamLifecycle: (cloudflareId?: string, cloudflareStreamDomain?: string, options?: UseGetStreamLifecycleOptions) => {
+    data: StreamLifecycle | null;
+    isLoading: boolean;
+    isFetching: boolean;
+    error: Error | null;
+    refetch: () => Promise<void>;
+    isLive: boolean;
+    status: StreamLifecycleStatus;
+    videoUID: string | null;
+};

package/dist/src/hooks/useStreamPlayer.d.ts

@@ -0,0 +1,30 @@
+import { default as Hls } from 'hls.js';
+interface UseStreamPlayerProps {
+    cloudflareId?: string;
+    cloudflareStreamDomain: string;
+    videoRef: React.RefObject<HTMLVideoElement | null>;
+    onError?: (error: {
+        type: string;
+        message: string;
+        fatal: boolean;
+    }) => void;
+    hlsConfig?: Partial<Hls["config"]>;
+}
+export declare const useStreamPlayer: ({ cloudflareId, cloudflareStreamDomain, videoRef, onError, hlsConfig, }: UseStreamPlayerProps) => {
+    isLive: boolean;
+    hasError: boolean;
+    playing: boolean;
+    volume: number;
+    muted: boolean;
+    qualities: {
+        level: number;
+        height: number;
+        label: string;
+    }[];
+    currentQuality: number;
+    handlePlayPause: () => void;
+    handleVolumeChange: (newVolume: number) => void;
+    handleMuteToggle: () => void;
+    handleQualityChange: (level: number) => void;
+};
+export {};

package/dist/src/interfaces.d.ts

@@ -0,0 +1,18 @@
+import { default as Hls } from 'hls.js';
+export interface BaseStreamInput {
+    id: string;
+    name: string;
+    locale?: string;
+    cloudflareId: string;
+}
+export interface StreamPlayerProps {
+    streamInputs: BaseStreamInput[];
+    cloudflareStreamDomain: string;
+    preferredLocale?: string;
+    onError?: (error: {
+        type: string;
+        message: string;
+        fatal: boolean;
+    }) => void;
+    hlsConfig?: Partial<Hls["config"]>;
+}

package/dist/src/utilities/GetLivestreamUrl.d.ts

@@ -0,0 +1 @@
+export declare const GetLivestreamUrl: (cloudflareId: string, cloudflareStreamDomain: string) => string;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@connectedxm/stream-player",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.es.js",
+  "module": "dist/index.es.js",
+  "types": "dist/lib/index.d.ts",
+  "style": "dist/stream-player.css",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "types": "./dist/lib/index.d.ts"
+    },
+    "./styles.css": "./dist/stream-player.css"
+  },
+  "scripts": {
+    "dev": "vite --port 3050 --mode development --force",
+    "build": "tsc -b ./tsconfig.lib.json && vite build",
+    "local": "npm run build && npm pack",
+    "upgrade": "ncu -i --format group",
+    "test": "vitest",
+    "test:run": "vitest run"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.17",
+    "@types/node": "^22.15.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "^4.1.17",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.4",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.14"
+  },
+  "dependencies": {
+    "hls.js": "^1.6.15"
+  }
+}