@halibegic/react-video-player 0.0.0

package/dist/stores/player-store.d.ts

@@ -0,0 +1,75 @@
+import { PropsWithChildren, RefObject } from 'react';
+type PlaybackState = {
+    currentTime: number;
+    duration: number;
+    isEnded: boolean;
+    isLoading: boolean;
+    isLoop: boolean;
+    isMetaLoaded: boolean;
+    isPlaying: boolean;
+    isReady: boolean;
+    isStarted: boolean;
+    pauseTime: number;
+    seekTime: number;
+    startTime: number;
+    volume: number;
+};
+type PlaybackActions = {
+    destroy: () => void;
+    handleDurationChange: () => void;
+    handleEnd: () => void;
+    handleLoadedMetadata: () => void;
+    handleLoadStart: () => void;
+    handlePause: () => void;
+    handlePlay: () => void;
+    handlePlaying: () => void;
+    handleSeeked: () => void;
+    handleSeeking: () => void;
+    handleTimeUpdate: () => void;
+    handleWaiting: () => void;
+    pause: () => void;
+    pauseTimeDiff: () => number;
+    play: () => void;
+    seek: (time: number) => void;
+    setIsLoading: (isLoading: boolean) => void;
+    setIsLoop: (isLoop: boolean) => void;
+    setStartTime: (startTime: number) => void;
+    setVolume: (volume: number) => void;
+    stop: () => void;
+};
+type PlaybackSlice = PlaybackState & PlaybackActions;
+type IdleLockState = {
+    idleLocks: Set<string>;
+};
+type IdleLockActions = {
+    addIdleLock: (lockId: string) => void;
+    removeIdleLock: (lockId: string) => void;
+};
+type IdleLockSlice = IdleLockState & IdleLockActions;
+type FullscreenState = {
+    isFullscreen: boolean;
+    isFullscreenReady: boolean;
+};
+type FullscreenActions = {
+    exitFullscreen: () => void;
+    requestFullscreen: () => void;
+    setIsFullscreen: (isFullscreen: boolean) => void;
+    setIsFullscreenReady: (isFullscreenReady: boolean) => void;
+};
+type FullscreenSlice = FullscreenState & FullscreenActions;
+type AssetState = {
+    url: string;
+};
+type AssetActions = {
+    setURL: (url: string) => void;
+};
+type AssetSlice = AssetState & AssetActions;
+type RefState = {
+    techRef: RefObject<HTMLVideoElement | null>;
+    containerRef: RefObject<HTMLDivElement | null>;
+};
+type RefSlice = RefState;
+type PlayerStore = PlaybackSlice & IdleLockSlice & FullscreenSlice & AssetSlice & RefSlice;
+declare const PlayerStoreProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const usePlayerStore: <T>(selector: (state: PlayerStore) => T) => T;
+export { PlayerStoreProvider, usePlayerStore };

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/utils/date-time.d.ts

@@ -0,0 +1,2 @@
+declare function millisecondsToSeconds(value: number): number;
+export { millisecondsToSeconds };

package/dist/utils/device.d.ts

@@ -0,0 +1,2 @@
+declare const isiOS: boolean;
+export { isiOS };

package/dist/utils/fullscreen.d.ts

@@ -0,0 +1,19 @@
+type DocumentWithFullscreen = Document & {
+    mozFullScreenElement?: Element;
+    msFullscreenElement?: Element;
+    webkitFullscreenElement?: Element;
+    msExitFullscreen?: () => void;
+    mozCancelFullScreen?: () => void;
+    webkitExitFullscreen?: () => void;
+};
+type DocumentElementWithFullscreen = HTMLElement & {
+    msRequestFullscreen?: () => void;
+    mozRequestFullScreen?: () => void;
+    webkitRequestFullScreen?: () => void;
+    webkitEnterFullScreen?: () => void;
+};
+declare function isActiveFullscreen(): boolean;
+declare function requestFullscreen(element: DocumentElementWithFullscreen): void;
+declare function exitFullscreen(doc: DocumentWithFullscreen): void;
+declare function onFullscreenChange(element: HTMLElement, handleFullscreen: (event: Event) => unknown): () => void;
+export { exitFullscreen, isActiveFullscreen, onFullscreenChange, requestFullscreen, };

package/dist/utils/player.d.ts

@@ -0,0 +1,3 @@
+import { PlayerSourceType } from '../config/player';
+declare function getPlayerSourceType(url: string | undefined | null): keyof typeof PlayerSourceType;
+export { getPlayerSourceType };

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@halibegic/react-video-player",
+  "description": "A React video player library with HLS.js/Dash.js support for VOD and Live streaming",
+  "version": "0.0.0",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "video-player",
+    "hls",
+    "hls.js",
+    "dash",
+    "dash.js",
+    "video-player",
+    "streaming",
+    "vod",
+    "live",
+    "tailwindcss"
+  ],
+  "homepage": "https://github.com/halibegic/react-video-player#readme",
+  "author": "halibegic",
+  "bugs": {
+    "url": "https://github.com/halibegic/react-video-player/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/halibegic/react-video-player.git"
+  },
+  "type": "module",
+  "main": "./dist/react-video-player.umd.js",
+  "module": "./dist/react-video-player.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/react-video-player.es.js",
+      "require": "./dist/react-video-player.umd.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --config vite.lib.config.ts",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@tailwindcss/vite": "^4.1.12",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "dashjs": "^5.0.3",
+    "hls.js": "^1.6.11",
+    "lucide-react": "^0.542.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.12",
+    "zustand": "^5.0.8"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.34.0",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^5.0.2",
+    "eslint": "^9.34.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "tw-animate-css": "^1.3.7",
+    "typescript": "~5.9.2",
+    "typescript-eslint": "^8.42.0",
+    "vite": "^7.1.4",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}