@therealtinhtute/baroiplayer 1.2.1 → 2.0.0-beta.1

package/src/styles/videojs.css

@@ -1,100 +0,0 @@
-/* Import Video.js base styles */
-@import "video.js/dist/video-js.css";
-
-/* Custom overrides for Video.js to work with Tailwind v4 */
-.video-js {
-	font-family: inherit;
-	font-size: 1em;
-	color: #fff;
-}
-
-.video-js .vjs-big-play-button {
-	font-size: 3em;
-	line-height: 1.5em;
-	height: 1.5em;
-	width: 3em;
-	border: 0.06666em solid #fff;
-	border-radius: 0.3em;
-	left: 50%;
-	top: 50%;
-	margin-left: -1.5em;
-	margin-top: -0.75em;
-}
-
-.video-js:hover .vjs-big-play-button,
-.video-js .vjs-big-play-button:focus {
-	background-color: rgba(0, 0, 0, 0.5);
-}
-
-.video-js .vjs-control-bar {
-	display: flex;
-	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
-}
-
-.video-js .vjs-progress-control {
-	position: absolute;
-	bottom: 2.5em;
-	left: 0;
-	right: 0;
-	width: 100%;
-	height: 0.3em;
-}
-
-.video-js .vjs-progress-holder {
-	margin: 0;
-	height: 0.3em;
-}
-
-.video-js .vjs-load-progress,
-.video-js .vjs-play-progress {
-	height: 0.3em;
-}
-
-.video-js .vjs-menu-button-popup .vjs-menu {
-	background-color: rgba(0, 0, 0, 0.9);
-	border-radius: 0.3em;
-}
-
-/* Quality selector styling */
-.vjs-quality-selector .vjs-menu-button {
-	order: 8;
-}
-
-.vjs-quality-selector .vjs-icon-placeholder:before {
-	content: "HD";
-	font-family: inherit;
-	font-weight: bold;
-	font-size: 0.8em;
-}
-
-/* Hide default controls when using custom controls */
-.video-js.vjs-controls-disabled .vjs-control-bar {
-	display: none;
-}
-
-/* Subtitle styling */
-.video-js .vjs-text-track-display {
-	pointer-events: none;
-}
-
-.video-js .vjs-text-track-cue {
-	background-color: rgba(0, 0, 0, 0.8);
-	border-radius: 0.2em;
-	padding: 0.2em 0.3em;
-}
-
-/* Loading spinner */
-.video-js .vjs-loading-spinner {
-	border-color: rgba(255, 255, 255, 0.2);
-	border-top-color: #fff;
-}
-
-/* Error display */
-.video-js .vjs-error-display {
-	background: rgba(0, 0, 0, 0.9);
-}
-
-.video-js .vjs-error-display .vjs-modal-dialog-content {
-	font-size: 1.2em;
-	text-align: center;
-}

package/src/types/assets.d.ts

@@ -1,29 +0,0 @@
-declare module "*.gif" {
-	const src: string
-	export default src
-}
-
-declare module "*.png" {
-	const src: string
-	export default src
-}
-
-declare module "*.jpg" {
-	const src: string
-	export default src
-}
-
-declare module "*.jpeg" {
-	const src: string
-	export default src
-}
-
-declare module "*.webp" {
-	const src: string
-	export default src
-}
-
-declare module "*.svg" {
-	const src: string
-	export default src
-}

package/src/types/events.ts

@@ -1,47 +0,0 @@
-// Media event types for better type safety
-
-export interface MediaEventMap {
-	play: Event
-	pause: Event
-	timeupdate: Event
-	durationchange: Event
-	volumechange: Event
-	loadstart: Event
-	loadeddata: Event
-	loadedmetadata: Event
-	canplay: Event
-	canplaythrough: Event
-	seeking: Event
-	seeked: Event
-	ended: Event
-	error: Event
-	progress: Event
-	stalled: Event
-	suspend: Event
-	waiting: Event
-	ratechange: Event
-	resize: Event
-	fullscreenchange: Event
-}
-
-export type MediaEventType = keyof MediaEventMap
-
-export interface MediaErrorEvent extends Event {
-	error: MediaError | null
-}
-
-export interface MediaTimeUpdateEvent extends Event {
-	currentTime: number
-	duration: number
-}
-
-export interface MediaVolumeChangeEvent extends Event {
-	volume: number
-	muted: boolean
-}
-
-export interface MediaProgressEvent extends Event {
-	buffered: TimeRanges
-	loaded: number
-	total: number
-}

package/src/types/formats.ts

@@ -1,79 +0,0 @@
-// Supported media formats and MIME types
-
-export const SUPPORTED_VIDEO_FORMATS = ["mp4", "webm", "ogv", "mov", "avi", "m4v", "mkv"] as const
-
-export const SUPPORTED_AUDIO_FORMATS = ["mp3", "aac", "ogg", "wav", "flac", "m4a", "weba"] as const
-
-export const VIDEO_MIME_TYPES = {
-	mp4: "video/mp4",
-	webm: "video/webm",
-	ogv: "video/ogg",
-	mov: "video/quicktime",
-	avi: "video/x-msvideo",
-	m4v: "video/x-m4v",
-	mkv: "video/x-matroska"
-} as const
-
-export const AUDIO_MIME_TYPES = {
-	mp3: "audio/mpeg",
-	aac: "audio/aac",
-	ogg: "audio/ogg",
-	wav: "audio/wav",
-	flac: "audio/flac",
-	m4a: "audio/mp4",
-	weba: "audio/webm"
-} as const
-
-export type VideoFormat = (typeof SUPPORTED_VIDEO_FORMATS)[number]
-export type AudioFormat = (typeof SUPPORTED_AUDIO_FORMATS)[number]
-export type MediaFormat = VideoFormat | AudioFormat
-
-export type VideoMimeType = (typeof VIDEO_MIME_TYPES)[keyof typeof VIDEO_MIME_TYPES]
-export type AudioMimeType = (typeof AUDIO_MIME_TYPES)[keyof typeof AUDIO_MIME_TYPES]
-export type MediaMimeType = VideoMimeType | AudioMimeType
-
-export interface MediaSource {
-	src: string
-	type?: MediaMimeType
-	media?: string // Media query for responsive sources
-}
-
-export interface MediaCapabilities {
-	canPlayType: (type: string) => "" | "maybe" | "probably"
-	supportsFormat: (format: MediaFormat) => boolean
-	supportsMimeType: (mimeType: MediaMimeType) => boolean
-}
-
-/**
- * Utility function to detect media type from file extension
- */
-export function getMediaTypeFromUrl(url: string): "video" | "audio" | "unknown" {
-	const extension = url.split(".").pop()?.toLowerCase()
-
-	if (extension && SUPPORTED_VIDEO_FORMATS.includes(extension as VideoFormat)) {
-		return "video"
-	}
-
-	if (extension && SUPPORTED_AUDIO_FORMATS.includes(extension as AudioFormat)) {
-		return "audio"
-	}
-
-	return "unknown"
-}
-
-/**
- * Utility function to get MIME type from file extension
- */
-export function getMimeTypeFromUrl(url: string): MediaMimeType | undefined {
-	const extension = url.split(".").pop()?.toLowerCase()
-
-	if (extension && extension in VIDEO_MIME_TYPES) {
-		return VIDEO_MIME_TYPES[extension as keyof typeof VIDEO_MIME_TYPES]
-	}
-
-	if (extension && extension in AUDIO_MIME_TYPES) {
-		return AUDIO_MIME_TYPES[extension as keyof typeof AUDIO_MIME_TYPES]
-	}
-
-	return undefined
-}

package/src/types/index.ts

@@ -1,203 +0,0 @@
-import type { ReactNode } from "react"
-
-// Re-export event types
-export type {
-	MediaErrorEvent,
-	MediaEventMap,
-	MediaEventType,
-	MediaProgressEvent,
-	MediaTimeUpdateEvent,
-	MediaVolumeChangeEvent
-} from "./events"
-// Re-export format types
-export {
-	AUDIO_MIME_TYPES,
-	getMediaTypeFromUrl,
-	getMimeTypeFromUrl,
-	SUPPORTED_AUDIO_FORMATS,
-	SUPPORTED_VIDEO_FORMATS,
-	VIDEO_MIME_TYPES
-} from "./formats"
-export type {
-	AudioFormat,
-	AudioMimeType,
-	MediaCapabilities,
-	MediaFormat,
-	MediaMimeType,
-	MediaSource,
-	VideoFormat,
-	VideoMimeType
-} from "./formats"
-
-// Re-export loading state types
-export type {
-	LoadingVariant,
-	LoadingContext,
-	LoadingSize,
-	LoadingStateProps,
-	CustomLoadingProps
-} from "../components/LoadingState"
-
-// Re-export AnimateLoadingWrapper for external use
-export { AnimateLoadingWrapper } from "../components/LoadingState"
-
-// Re-export video player types
-export type {
-	BufferedRange,
-	VideoState as EnhancedVideoState,
-	VideoControls
-} from "../hooks/useVideoPlayer"
-
-export interface MediaPlayerState {
-	isPlaying: boolean
-	currentTime: number
-	duration: number
-	volume: number
-	isMuted: boolean
-	isLoading: boolean
-	isFullscreen: boolean
-	error: string | null
-	buffered: TimeRanges | null
-	// New loading states
-	isSeeking?: boolean
-	isBuffering?: boolean
-	bufferedRanges?: BufferedRange[]
-}
-
-export interface MediaPlayerControls {
-	play: () => void
-	pause: () => void
-	toggle: () => void
-	seek: (time: number) => void
-	setCurrentTime: (time: number) => void
-	setVolume: (volume: number) => void
-	mute: () => void
-	unmute: () => void
-	toggleMute: () => void
-	enterFullscreen: () => void
-	exitFullscreen: () => void
-	toggleFullscreen: () => void
-}
-
-export interface MediaPlayerConfig {
-	autoPlay?: boolean
-	loop?: boolean
-	muted?: boolean
-	volume?: number
-	preload?: "none" | "metadata" | "auto"
-	crossOrigin?: "anonymous" | "use-credentials"
-	playbackRates?: number[]
-	keyboardControls?: boolean
-	showControls?: boolean
-	customControls?: boolean
-	enablePerformanceMonitoring?: boolean
-	bufferingStrategy?: "aggressive" | "conservative" | "adaptive"
-	preloadStrategy?: "eager" | "lazy" | "progressive"
-	enableOptimizations?: boolean
-}
-
-export interface MediaPlayerProps extends MediaPlayerConfig {
-	src: string | string[]
-	poster?: string
-	className?: string
-	children?:
-		| ReactNode
-		| ((props: { state: MediaPlayerState; controls: MediaPlayerControls }) => ReactNode)
-	onPlay?: () => void
-	onPause?: () => void
-	onTimeUpdate?: (currentTime: number) => void
-	onDurationChange?: (duration: number) => void
-	onVolumeChange?: (volume: number) => void
-	onError?: (error: string) => void
-	onLoadStart?: () => void
-	onLoadedData?: () => void
-	onEnded?: () => void
-}
-
-export interface VideoPlayerProps extends MediaPlayerProps {
-	width?: number | string
-	height?: number | string
-	aspectRatio?: string
-}
-
-export interface AudioPlayerProps extends MediaPlayerProps {
-	// Audio-specific props can be added here
-}
-
-export interface SupportedFormats {
-	video: string[]
-	audio: string[]
-}
-
-export interface PlayButtonProps {
-	isPlaying: boolean
-	onToggle: () => void
-	disabled?: boolean
-	size?: "sm" | "md" | "lg" | "xl"
-	className?: string
-}
-
-export interface VolumeControlProps {
-	volume: number
-	isMuted: boolean
-	onVolumeChange: (volume: number) => void
-	onToggleMute: () => void
-	size?: "md" | "lg" | "xl"
-	className?: string
-}
-
-export interface SeekBarProps {
-	currentTime: number
-	duration: number
-	buffered?: TimeRanges | null
-	onSeek: (time: number) => void
-	size?: "md" | "lg" | "xl"
-	className?: string
-}
-
-export interface TimeDisplayProps {
-	currentTime: number
-	duration: number
-	showRemaining?: boolean
-	size?: "sm" | "md" | "lg" | "xl"
-	className?: string
-}
-
-export interface FullscreenButtonProps {
-	isFullscreen: boolean
-	onToggle: () => void
-	disabled?: boolean
-	size?: "md" | "lg" | "xl"
-	className?: string
-}
-
-// Subtitle track definition
-export interface SubtitleTrack {
-	id: string
-	label: string
-	language?: string
-	src?: string
-	kind?: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata"
-	default?: boolean
-}
-
-// Custom loading component props
-export interface CustomLoadingComponentProps {
-	context: "initial" | "seeking" | "buffering"
-	message?: string
-	progress?: number
-}
-
-// Volume orientation type
-export type VolumeOrientation = "horizontal" | "vertical"
-
-// Import BufferedRange type for external use
-import type { BufferedRange } from "../hooks/useVideoPlayer"
-
-// Media Player Instance for plugins
-export interface MediaPlayerInstance {
-	state: MediaPlayerState
-	controls: MediaPlayerControls
-	element: HTMLVideoElement | HTMLAudioElement | null
-	config: MediaPlayerConfig
-}

package/src/types/videojs-plugins.d.ts

@@ -1,14 +0,0 @@
-declare module "@videojs/http-streaming" {
-	const httpStreaming: any
-	export default httpStreaming
-}
-
-declare module "videojs-contrib-quality-levels" {
-	const qualityLevels: any
-	export default qualityLevels
-}
-
-declare module "videojs-hls-quality-selector" {
-	const hlsQualitySelector: any
-	export default hlsQualitySelector
-}